@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.710.1

package/dist/kadaikodi/pages/worker/WorkerProfilePage.js

@@ -3,49 +3,52 @@ 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 { useProviderWorkers as i, useProviders as a, useUpdateProviderWorker as o, useWorkerStats as s } from "../../hooks/useKadaikodiApi.js";
-import { useEffect as c, useMemo as l, useState as u } from "react";
-import { Award as d, Bell as f, Briefcase as p, CreditCard as m, Loader2 as h, Lock as g, MapPin as _, Pencil as v, Save as y, Shield as b, User as x, X as S } from "lucide-react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { EmphasisPanel as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
+import { ProgressRing as c } from "../../components/viz/ProgressRing.js";
+import { RatingStars as l } from "../../components/viz/RatingStars.js";
+import "../../components/viz/index.js";
+import { useEffect as u, useMemo as d, useState as f } from "react";
+import { Award as p, Bell as m, Briefcase as h, CreditCard as g, Loader2 as _, Lock as v, MapPin as y, Pencil as b, Save as x, Shield as S, User as C, X as w } from "lucide-react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { EmphasisPanel as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/worker/WorkerProfilePage.tsx
-var O = [
+var A = [
 	{
 		id: "personal",
 		label: "Personal Info",
-		icon: x
+		icon: C
 	},
 	{
 		id: "work",
 		label: "Work Details",
-		icon: p
+		icon: h
 	},
 	{
 		id: "address",
 		label: "Address",
-		icon: _
+		icon: y
 	},
 	{
 		id: "documents",
 		label: "Documents",
-		icon: m
+		icon: g
 	},
 	{
 		id: "achievements",
 		label: "Achievements",
-		icon: d
+		icon: p
 	},
 	{
 		id: "notifications",
 		label: "Notifications",
-		icon: f
+		icon: m
 	}
-], k = () => {
-	let { navigateTo: f, currentUser: p } = e(), { data: m } = s(p?.id ?? ""), { data: _ = [] } = a(), { data: k = [] } = i(l(() => _.find((e) => e.ownerId === p?.id) ?? _[0], [_, p?.id])?.id), A = l(() => k.find((e) => e.workerId === p?.id) ?? k[0], [k, p?.id]), j = o(), [M, N] = u("personal"), [P, F] = u(!1), [I, L] = u(null), [R, z] = u({
-		firstName: p?.firstName ?? p?.name?.split(" ")[0] ?? "",
-		lastName: p?.lastName ?? p?.name?.split(" ").slice(1).join(" ") ?? "",
-		email: p?.email ?? "",
-		phone: p?.phone ?? "",
-		profileImage: p?.avatar ?? p?.profilePicture ?? "",
+], j = () => {
+	let { navigateTo: m, currentUser: h } = e(), { data: g } = s(h?.id ?? ""), { data: y = [] } = a(), { data: j = [] } = i(d(() => y.find((e) => e.ownerId === h?.id) ?? y[0], [y, h?.id])?.id), M = d(() => j.find((e) => e.workerId === h?.id) ?? j[0], [j, h?.id]), N = o(), [P, F] = f("personal"), [I, L] = f(!1), [R, z] = f(null), [B, V] = f({
+		firstName: h?.firstName ?? h?.name?.split(" ")[0] ?? "",
+		lastName: h?.lastName ?? h?.name?.split(" ").slice(1).join(" ") ?? "",
+		email: h?.email ?? "",
+		phone: h?.phone ?? "",
+		profileImage: h?.avatar ?? h?.profilePicture ?? "",
 		dateOfBirth: "",
 		employeeId: "",
 		designation: "",
@@ -67,7 +70,7 @@ var O = [
 		ifscCode: "",
 		panNumber: "",
 		aadharNumber: ""
-	}), [B, V] = u([
+	}), [H, U] = f([
 		{
 			id: "orders",
 			label: "New Order Assignments",
@@ -99,15 +102,15 @@ var O = [
 			enabled: !0
 		}
 	]);
-	c(() => {
-		let e = A?.metadata ?? {}, t = e.profile ?? {};
-		if (z((e) => ({
+	u(() => {
+		let e = M?.metadata ?? {}, t = e.profile ?? {};
+		if (V((e) => ({
 			...e,
-			firstName: p?.firstName ?? p?.name?.split(" ")[0] ?? e.firstName,
-			lastName: p?.lastName ?? p?.name?.split(" ").slice(1).join(" ") ?? e.lastName,
-			email: p?.email ?? e.email,
-			phone: p?.phone ?? e.phone,
-			profileImage: p?.avatar ?? p?.profilePicture ?? e.profileImage,
+			firstName: h?.firstName ?? h?.name?.split(" ")[0] ?? e.firstName,
+			lastName: h?.lastName ?? h?.name?.split(" ").slice(1).join(" ") ?? e.lastName,
+			email: h?.email ?? e.email,
+			phone: h?.phone ?? e.phone,
+			profileImage: h?.avatar ?? h?.profilePicture ?? e.profileImage,
 			dateOfBirth: t.dateOfBirth ?? "",
 			designation: t.designation ?? "",
 			department: t.department ?? "",
@@ -126,361 +129,361 @@ var O = [
 			ifscCode: t.ifscCode ?? ""
 		})), e.notificationPrefs) {
 			let t = e.notificationPrefs;
-			V((e) => e.map((e) => e.id in t ? {
+			U((e) => e.map((e) => e.id in t ? {
 				...e,
 				enabled: !!t[e.id]
 			} : e));
 		}
-	}, [A, p]);
-	let H = (e, t) => {
-		z((n) => ({
+	}, [M, h]);
+	let W = (e, t) => {
+		V((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, U = () => {
-		if (L(null), !A) {
-			L("We couldn't find your worker record yet, so profile changes can't be saved. Please try again once your cart owner has added you as a worker.");
+	}, G = () => {
+		if (z(null), !M) {
+			z("We couldn't find your worker record yet, so profile changes can't be saved. Please try again once your cart owner has added you as a worker.");
 			return;
 		}
 		let e = {
 			profile: {
-				dateOfBirth: R.dateOfBirth,
-				designation: R.designation,
-				department: R.department,
-				workLocation: R.workLocation,
-				employmentType: R.employmentType,
-				currentAddress: R.currentAddress,
-				city: R.city,
-				state: R.state,
-				pincode: R.pincode,
-				permanentAddress: R.permanentAddress,
-				sameAsCurrent: R.sameAsCurrent,
-				emergencyContactName: R.emergencyContactName,
-				emergencyContactPhone: R.emergencyContactPhone,
-				emergencyContactRelation: R.emergencyContactRelation,
-				bankName: R.bankName,
-				ifscCode: R.ifscCode
+				dateOfBirth: B.dateOfBirth,
+				designation: B.designation,
+				department: B.department,
+				workLocation: B.workLocation,
+				employmentType: B.employmentType,
+				currentAddress: B.currentAddress,
+				city: B.city,
+				state: B.state,
+				pincode: B.pincode,
+				permanentAddress: B.permanentAddress,
+				sameAsCurrent: B.sameAsCurrent,
+				emergencyContactName: B.emergencyContactName,
+				emergencyContactPhone: B.emergencyContactPhone,
+				emergencyContactRelation: B.emergencyContactRelation,
+				bankName: B.bankName,
+				ifscCode: B.ifscCode
 			},
-			notificationPrefs: B.reduce((e, t) => (e[t.id] = t.enabled, e), {})
+			notificationPrefs: H.reduce((e, t) => (e[t.id] = t.enabled, e), {})
 		};
-		j.mutate({
-			id: A.id,
+		N.mutate({
+			id: M.id,
 			metadata: e
 		}, {
-			onSuccess: () => F(!1),
-			onError: (e) => L(e instanceof Error ? e.message : "Failed to save profile.")
+			onSuccess: () => L(!1),
+			onError: (e) => z(e instanceof Error ? e.message : "Failed to save profile.")
 		});
-	}, W = j.isPending, G = (e) => {
-		P && V((t) => t.map((t) => t.id === e ? {
+	}, K = N.isPending, q = (e) => {
+		I && U((t) => t.map((t) => t.id === e ? {
 			...t,
 			enabled: !t.enabled
 		} : t));
 	};
-	return /* @__PURE__ */ T(n, {
+	return /* @__PURE__ */ D(n, {
 		title: "My Profile",
 		description: "Manage your profile information",
-		actions: /* @__PURE__ */ w("div", {
+		actions: /* @__PURE__ */ E("div", {
 			className: "flex items-center gap-2",
-			children: P ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T("button", {
+			children: I ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("button", {
 				type: "button",
-				onClick: () => F(!1),
+				onClick: () => L(!1),
 				className: "inline-flex items-center gap-2 rounded-md bg-accent px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
-				children: [/* @__PURE__ */ w(S, { className: "h-4 w-4" }), "Cancel"]
-			}), /* @__PURE__ */ w("button", {
+				children: [/* @__PURE__ */ E(w, { className: "h-4 w-4" }), "Cancel"]
+			}), /* @__PURE__ */ E("button", {
 				type: "button",
-				onClick: U,
-				disabled: W,
+				onClick: G,
+				disabled: K,
 				className: "inline-flex items-center gap-2 rounded-md bg-[var(--color-accent-soft)] px-3 py-2 text-sm font-medium text-text-primary hover:bg-[var(--color-accent-soft)] transition-colors disabled:opacity-50",
-				children: W ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(h, { className: "h-4 w-4 animate-spin" }), "Saving..."] }) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(y, { className: "h-4 w-4" }), "Save Changes"] })
-			})] }) : /* @__PURE__ */ T("button", {
+				children: K ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(_, { className: "h-4 w-4 animate-spin" }), "Saving..."] }) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(x, { className: "h-4 w-4" }), "Save Changes"] })
+			})] }) : /* @__PURE__ */ D("button", {
 				type: "button",
-				onClick: () => F(!0),
+				onClick: () => L(!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 transition-colors",
-				children: [/* @__PURE__ */ w(v, { className: "h-4 w-4" }), "Edit Profile"]
+				children: [/* @__PURE__ */ E(b, { className: "h-4 w-4" }), "Edit Profile"]
 			})
 		}),
-		children: [/* @__PURE__ */ w(D, {
+		children: [/* @__PURE__ */ E(k, {
 			className: "mb-6 max-w-6xl",
 			children: "Your worker profile — the details Kadaikodi and your cart owner rely on. Use this page to keep your personal info, emergency contact, work details and address up to date, and to see your performance stats. Accurate details mean smoother shift assignments, faster payouts and fewer mix-ups. Use Edit Profile to make changes."
-		}), /* @__PURE__ */ T("div", {
+		}), /* @__PURE__ */ D("div", {
 			className: "grid lg:grid-cols-4 gap-6 max-w-6xl",
-			children: [/* @__PURE__ */ T("div", {
+			children: [/* @__PURE__ */ D("div", {
 				className: "lg:col-span-1 space-y-4",
-				children: [/* @__PURE__ */ T(E, {
+				children: [/* @__PURE__ */ D(O, {
 					className: "p-5 text-center",
 					children: [
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ D("div", {
 							className: "relative inline-block",
-							children: [/* @__PURE__ */ w("div", {
+							children: [/* @__PURE__ */ E("div", {
 								className: "h-20 w-20 rounded-full bg-bg-sunken overflow-hidden mx-auto",
-								children: R.profileImage ? /* @__PURE__ */ w("img", {
-									src: R.profileImage,
-									alt: `${R.firstName} ${R.lastName}`,
+								children: B.profileImage ? /* @__PURE__ */ E("img", {
+									src: B.profileImage,
+									alt: `${B.firstName} ${B.lastName}`,
 									className: "h-full w-full object-cover"
-								}) : /* @__PURE__ */ w("div", {
+								}) : /* @__PURE__ */ E("div", {
 									className: "flex h-full w-full items-center justify-center text-text-secondary",
-									children: /* @__PURE__ */ w(x, { className: "h-10 w-10" })
+									children: /* @__PURE__ */ E(C, { className: "h-10 w-10" })
 								})
-							}), /* @__PURE__ */ w("button", {
+							}), /* @__PURE__ */ E("button", {
 								type: "button",
-								onClick: () => f("/auth/security"),
+								onClick: () => m("/auth/security"),
 								title: "Your photo and login details are managed in Account Security",
 								className: "absolute bottom-0 right-0 flex h-7 w-7 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-text-primary cursor-pointer hover:bg-[var(--color-accent-soft)] transition-colors",
-								children: /* @__PURE__ */ w(g, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ E(v, { className: "h-3.5 w-3.5" })
 							})]
 						}),
-						/* @__PURE__ */ w("h3", {
+						/* @__PURE__ */ E("h3", {
 							className: "mt-3 text-sm font-semibold text-text-primary",
-							children: R.firstName || R.lastName ? `${R.firstName} ${R.lastName}`.trim() : "Your profile"
+							children: B.firstName || B.lastName ? `${B.firstName} ${B.lastName}`.trim() : "Your profile"
 						}),
-						R.designation && /* @__PURE__ */ w("p", {
+						B.designation && /* @__PURE__ */ E("p", {
 							className: "text-xs text-text-secondary",
-							children: R.designation
+							children: B.designation
 						}),
-						R.employeeId && /* @__PURE__ */ w("p", {
+						B.employeeId && /* @__PURE__ */ E("p", {
 							className: "text-[10px] text-text-secondary mt-0.5",
-							children: R.employeeId
+							children: B.employeeId
 						})
 					]
-				}), /* @__PURE__ */ w("div", {
+				}), /* @__PURE__ */ E("div", {
 					className: "space-y-1",
-					children: O.map((e) => {
+					children: A.map((e) => {
 						let n = e.icon;
-						return /* @__PURE__ */ T("button", {
+						return /* @__PURE__ */ D("button", {
 							type: "button",
-							onClick: () => N(e.id),
-							className: t("w-full flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", M === e.id ? "bg-[var(--color-accent-soft)] text-text-primary" : "bg-bg-surface text-text-primary hover:bg-bg-sunken"),
-							children: [/* @__PURE__ */ w(n, { className: "h-4 w-4" }), e.label]
+							onClick: () => F(e.id),
+							className: t("w-full flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", P === e.id ? "bg-[var(--color-accent-soft)] text-text-primary" : "bg-bg-surface text-text-primary hover:bg-bg-sunken"),
+							children: [/* @__PURE__ */ E(n, { className: "h-4 w-4" }), e.label]
 						}, e.id);
 					})
 				})]
-			}), /* @__PURE__ */ T("div", {
+			}), /* @__PURE__ */ D("div", {
 				className: "lg:col-span-3",
-				children: [I && /* @__PURE__ */ w("div", {
+				children: [R && /* @__PURE__ */ E("div", {
 					className: "mb-4 rounded-lg border border-status-error-text/20 bg-status-error-bg-subtle p-3",
-					children: /* @__PURE__ */ w("p", {
+					children: /* @__PURE__ */ E("p", {
 						className: "text-xs text-status-error-text",
-						children: I
+						children: R
 					})
-				}), /* @__PURE__ */ T("div", {
+				}), /* @__PURE__ */ D("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-6 shadow-sm",
 					children: [
-						M === "personal" && /* @__PURE__ */ T("div", { children: [
-							/* @__PURE__ */ T("div", {
+						P === "personal" && /* @__PURE__ */ D("div", { children: [
+							/* @__PURE__ */ D("div", {
 								className: "flex flex-wrap items-center justify-between gap-2 mb-5",
-								children: [/* @__PURE__ */ w("h2", {
+								children: [/* @__PURE__ */ E("h2", {
 									className: "text-lg font-semibold text-text-primary",
 									children: "Personal Information"
-								}), /* @__PURE__ */ T("button", {
+								}), /* @__PURE__ */ D("button", {
 									type: "button",
-									onClick: () => f("/auth/security"),
+									onClick: () => m("/auth/security"),
 									className: "inline-flex items-center gap-1.5 rounded-md bg-bg-sunken px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
-									children: [/* @__PURE__ */ w(g, { className: "h-3.5 w-3.5" }), "Manage in Account Security"]
+									children: [/* @__PURE__ */ E(v, { className: "h-3.5 w-3.5" }), "Manage in Account Security"]
 								})]
 							}),
-							/* @__PURE__ */ w("p", {
+							/* @__PURE__ */ E("p", {
 								className: "text-xs text-text-secondary mb-4",
 								children: "Your name, email, phone and photo are part of your login identity and are managed in Account Security. The details below on this page are your work profile."
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ D("div", {
 								className: "grid sm:grid-cols-2 gap-4",
 								children: [
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "First Name"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.firstName,
+										value: B.firstName,
 										readOnly: !0,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Last Name"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.lastName,
+										value: B.lastName,
 										readOnly: !0,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Email Address"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "email",
-										value: R.email,
+										value: B.email,
 										readOnly: !0,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Phone Number"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.phone,
+										value: B.phone,
 										readOnly: !0,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Date of Birth"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "date",
-										value: R.dateOfBirth,
-										onChange: (e) => H("dateOfBirth", e.target.value),
-										disabled: !P,
+										value: B.dateOfBirth,
+										onChange: (e) => W("dateOfBirth", e.target.value),
+										disabled: !I,
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 									})] })
 								]
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ D("div", {
 								className: "mt-7",
-								children: [/* @__PURE__ */ w("h3", {
+								children: [/* @__PURE__ */ E("h3", {
 									className: "text-sm font-semibold text-text-primary mb-4",
 									children: "Emergency Contact"
-								}), /* @__PURE__ */ T("div", {
+								}), /* @__PURE__ */ D("div", {
 									className: "grid sm:grid-cols-3 gap-4",
 									children: [
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
 											children: "Contact Name"
-										}), /* @__PURE__ */ w("input", {
+										}), /* @__PURE__ */ E("input", {
 											type: "text",
-											value: R.emergencyContactName,
-											onChange: (e) => H("emergencyContactName", e.target.value),
-											disabled: !P,
+											value: B.emergencyContactName,
+											onChange: (e) => W("emergencyContactName", e.target.value),
+											disabled: !I,
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 										})] }),
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
 											children: "Contact Phone"
-										}), /* @__PURE__ */ w("input", {
+										}), /* @__PURE__ */ E("input", {
 											type: "text",
-											value: R.emergencyContactPhone,
-											onChange: (e) => H("emergencyContactPhone", e.target.value),
-											disabled: !P,
+											value: B.emergencyContactPhone,
+											onChange: (e) => W("emergencyContactPhone", e.target.value),
+											disabled: !I,
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 										})] }),
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
 											children: "Relationship"
-										}), /* @__PURE__ */ w("input", {
+										}), /* @__PURE__ */ E("input", {
 											type: "text",
-											value: R.emergencyContactRelation,
-											onChange: (e) => H("emergencyContactRelation", e.target.value),
-											disabled: !P,
+											value: B.emergencyContactRelation,
+											onChange: (e) => W("emergencyContactRelation", e.target.value),
+											disabled: !I,
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 										})] })
 									]
 								})]
 							})
 						] }),
-						M === "work" && /* @__PURE__ */ T("div", { children: [
-							/* @__PURE__ */ w("h2", {
+						P === "work" && /* @__PURE__ */ D("div", { children: [
+							/* @__PURE__ */ E("h2", {
 								className: "text-lg font-semibold text-text-primary mb-5",
 								children: "Work Details"
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ D("div", {
 								className: "grid sm:grid-cols-2 gap-4",
 								children: [
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Employee ID"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.employeeId,
+										value: B.employeeId,
 										disabled: !0,
 										placeholder: "Assigned by Kadaikodi",
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary cursor-not-allowed"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Designation"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.designation,
-										onChange: (e) => H("designation", e.target.value),
-										disabled: !P,
+										value: B.designation,
+										onChange: (e) => W("designation", e.target.value),
+										disabled: !I,
 										placeholder: "e.g. Delivery Executive",
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Department"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.department,
-										onChange: (e) => H("department", e.target.value),
-										disabled: !P,
+										value: B.department,
+										onChange: (e) => W("department", e.target.value),
+										disabled: !I,
 										placeholder: "e.g. Operations",
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Work Location"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.workLocation,
-										onChange: (e) => H("workLocation", e.target.value),
-										disabled: !P,
+										value: B.workLocation,
+										onChange: (e) => W("workLocation", e.target.value),
+										disabled: !I,
 										placeholder: "Your primary work area",
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Joining Date"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "date",
-										value: R.joiningDate,
+										value: B.joiningDate,
 										disabled: !0,
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Employment Type"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.employmentType,
-										onChange: (e) => H("employmentType", e.target.value),
-										disabled: !P,
+										value: B.employmentType,
+										onChange: (e) => W("employmentType", e.target.value),
+										disabled: !I,
 										placeholder: "e.g. Full Time",
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 									})] })
 								]
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ D("div", {
 								className: "mt-7 grid sm:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ D("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4 text-center",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ E("p", {
 											className: "text-2xl font-bold text-text-primary",
-											children: m?.totalDeliveries ?? 0
-										}), /* @__PURE__ */ w("p", {
+											children: g?.totalDeliveries ?? 0
+										}), /* @__PURE__ */ E("p", {
 											className: "text-xs text-text-secondary",
 											children: "Total Deliveries"
 										})]
 									}),
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ D("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4 text-center",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ E("p", {
 											className: "text-2xl font-bold text-status-success-text",
-											children: m?.averageRating ?? 0
-										}), /* @__PURE__ */ w("p", {
+											children: g?.averageRating ?? 0
+										}), /* @__PURE__ */ E("p", {
 											className: "text-xs text-text-secondary",
 											children: "Average Rating"
 										})]
 									}),
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ D("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4 text-center",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ D("p", {
 											className: "text-2xl font-bold text-text-primary",
-											children: [m?.completionRate ?? 0, "%"]
-										}), /* @__PURE__ */ w("p", {
+											children: [g?.completionRate ?? 0, "%"]
+										}), /* @__PURE__ */ E("p", {
 											className: "text-xs text-text-secondary",
 											children: "On-Time Delivery"
 										})]
@@ -488,229 +491,230 @@ var O = [
 								]
 							})
 						] }),
-						M === "address" && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h2", {
+						P === "address" && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h2", {
 							className: "text-lg font-semibold text-text-primary mb-5",
 							children: "Address Information"
-						}), /* @__PURE__ */ T("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "space-y-6",
-							children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+							children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h3", {
 								className: "text-sm font-semibold text-text-primary mb-3",
 								children: "Current Address"
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "grid sm:grid-cols-2 gap-4",
 								children: [
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ D("div", {
 										className: "sm:col-span-2",
-										children: [/* @__PURE__ */ w("label", {
+										children: [/* @__PURE__ */ E("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
 											children: "Address Line"
-										}), /* @__PURE__ */ w("textarea", {
+										}), /* @__PURE__ */ E("textarea", {
 											rows: 2,
-											value: R.currentAddress,
-											onChange: (e) => H("currentAddress", e.target.value),
-											disabled: !P,
+											value: B.currentAddress,
+											onChange: (e) => W("currentAddress", e.target.value),
+											disabled: !I,
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40 resize-none"
 										})]
 									}),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "City"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.city,
-										onChange: (e) => H("city", e.target.value),
-										disabled: !P,
+										value: B.city,
+										onChange: (e) => W("city", e.target.value),
+										disabled: !I,
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "State"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.state,
-										onChange: (e) => H("state", e.target.value),
-										disabled: !P,
+										value: B.state,
+										onChange: (e) => W("state", e.target.value),
+										disabled: !I,
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Pincode"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.pincode,
-										onChange: (e) => H("pincode", e.target.value),
-										disabled: !P,
+										value: B.pincode,
+										onChange: (e) => W("pincode", e.target.value),
+										disabled: !I,
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 									})] })
 								]
-							})] }), /* @__PURE__ */ T("div", { children: [
-								/* @__PURE__ */ w("h3", {
+							})] }), /* @__PURE__ */ D("div", { children: [
+								/* @__PURE__ */ E("h3", {
 									className: "text-sm font-semibold text-text-primary mb-3",
 									children: "Permanent Address"
 								}),
-								/* @__PURE__ */ T("label", {
+								/* @__PURE__ */ D("label", {
 									className: "flex items-center gap-2 mb-3 cursor-pointer",
-									children: [/* @__PURE__ */ w("input", {
+									children: [/* @__PURE__ */ E("input", {
 										type: "checkbox",
-										checked: R.sameAsCurrent,
-										onChange: (e) => H("sameAsCurrent", e.target.checked),
-										disabled: !P,
+										checked: B.sameAsCurrent,
+										onChange: (e) => W("sameAsCurrent", e.target.checked),
+										disabled: !I,
 										className: "h-4 w-4 rounded border-border-subtle text-text-primary focus:ring-border-focus/40"
-									}), /* @__PURE__ */ w("span", {
+									}), /* @__PURE__ */ E("span", {
 										className: "text-xs text-text-primary",
 										children: "Same as current address"
 									})]
 								}),
-								!R.sameAsCurrent && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+								!B.sameAsCurrent && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 									className: "block text-xs font-medium text-text-secondary mb-1",
 									children: "Address Line"
-								}), /* @__PURE__ */ w("textarea", {
+								}), /* @__PURE__ */ E("textarea", {
 									rows: 2,
-									value: R.permanentAddress,
-									onChange: (e) => H("permanentAddress", e.target.value),
-									disabled: !P,
+									value: B.permanentAddress,
+									onChange: (e) => W("permanentAddress", e.target.value),
+									disabled: !I,
 									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40 resize-none"
 								})] })
 							] })]
 						})] }),
-						M === "documents" && /* @__PURE__ */ T("div", { children: [
-							/* @__PURE__ */ w("h2", {
+						P === "documents" && /* @__PURE__ */ D("div", { children: [
+							/* @__PURE__ */ E("h2", {
 								className: "text-lg font-semibold text-text-primary mb-5",
 								children: "Documents & Banking"
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ E("div", {
 								className: "rounded-lg bg-status-warning-bg-subtle border border-status-warning-text/20 p-3 mb-5",
-								children: /* @__PURE__ */ T("p", {
+								children: /* @__PURE__ */ D("p", {
 									className: "text-xs text-status-warning-text flex items-center gap-2",
-									children: [/* @__PURE__ */ w(b, { className: "h-4 w-4 shrink-0" }), "Your documents and banking information are encrypted and secure."]
+									children: [/* @__PURE__ */ E(S, { className: "h-4 w-4 shrink-0" }), "Your documents and banking information are encrypted and secure."]
 								})
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ D("div", {
 								className: "grid sm:grid-cols-2 gap-4",
 								children: [
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "PAN Number"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.panNumber,
+										value: B.panNumber,
 										disabled: !0,
 										placeholder: "Not on file",
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary cursor-not-allowed"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Aadhar Number"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.aadharNumber,
+										value: B.aadharNumber,
 										disabled: !0,
 										placeholder: "Not on file",
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary cursor-not-allowed"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Bank Name"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.bankName,
-										onChange: (e) => H("bankName", e.target.value),
-										disabled: !P,
+										value: B.bankName,
+										onChange: (e) => W("bankName", e.target.value),
+										disabled: !I,
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "Account Number"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.accountNumber,
+										value: B.accountNumber,
 										disabled: !0,
 										placeholder: "Not on file",
 										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary cursor-not-allowed"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+									/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
 										children: "IFSC Code"
-									}), /* @__PURE__ */ w("input", {
+									}), /* @__PURE__ */ E("input", {
 										type: "text",
-										value: R.ifscCode,
-										onChange: (e) => H("ifscCode", e.target.value),
-										disabled: !P,
+										value: B.ifscCode,
+										onChange: (e) => W("ifscCode", e.target.value),
+										disabled: !I,
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 									})] })
 								]
 							})
 						] }),
-						M === "achievements" && /* @__PURE__ */ T("div", { children: [
-							/* @__PURE__ */ w("h2", {
+						P === "achievements" && /* @__PURE__ */ D("div", { children: [
+							/* @__PURE__ */ E("h2", {
 								className: "text-lg font-semibold text-text-primary mb-5",
 								children: "Achievements & Recognition"
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ D("div", {
 								className: "mb-7",
-								children: [/* @__PURE__ */ w("h3", {
+								children: [/* @__PURE__ */ E("h3", {
 									className: "text-sm font-semibold text-text-primary mb-4",
 									children: "Performance Metrics"
-								}), /* @__PURE__ */ T("div", {
-									className: "space-y-4",
-									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
-										className: "flex justify-between items-center mb-1.5",
-										children: [/* @__PURE__ */ w("span", {
-											className: "text-xs text-text-secondary",
+								}), /* @__PURE__ */ D("div", {
+									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ D("div", {
+										className: "flex flex-col items-center rounded-lg border border-border-subtle bg-bg-surface p-5 text-center shadow-sm",
+										children: [/* @__PURE__ */ E(c, {
+											value: g?.completionRate ?? 0,
+											max: 100,
+											label: `${g?.completionRate ?? 0}%`,
+											caption: "on-time",
+											size: 116
+										}), /* @__PURE__ */ E("p", {
+											className: "mt-3 text-xs text-text-secondary",
 											children: "On-Time Completion Rate"
-										}), /* @__PURE__ */ T("span", {
-											className: "text-xs font-medium text-text-primary",
-											children: [m?.completionRate ?? 0, "%"]
-										})]
-									}), /* @__PURE__ */ w("div", {
-										className: "w-full h-2 rounded-full bg-bg-sunken overflow-hidden",
-										children: /* @__PURE__ */ w("div", {
-											className: "h-full rounded-full bg-status-success-text transition-all",
-											style: { width: `${m?.completionRate ?? 0}%` }
-										})
-									})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
-										className: "flex justify-between items-center mb-1.5",
-										children: [/* @__PURE__ */ w("span", {
-											className: "text-xs text-text-secondary",
-											children: "Average Customer Rating"
-										}), /* @__PURE__ */ T("span", {
-											className: "text-xs font-medium text-text-primary",
-											children: [m?.averageRating ?? 0, "/5"]
 										})]
-									}), /* @__PURE__ */ w("div", {
-										className: "w-full h-2 rounded-full bg-bg-sunken overflow-hidden",
-										children: /* @__PURE__ */ w("div", {
-											className: "h-full rounded-full bg-action-primary-bg transition-all",
-											style: { width: `${(m?.averageRating ?? 0) / 5 * 100}%` }
-										})
-									})] })]
+									}), /* @__PURE__ */ D("div", {
+										className: "flex flex-col items-center justify-center rounded-lg border border-border-subtle bg-bg-surface p-5 text-center shadow-sm",
+										children: [
+											/* @__PURE__ */ E("p", {
+												className: "text-4xl font-bold text-text-primary tabular-nums",
+												children: (g?.averageRating ?? 0).toFixed(1)
+											}),
+											/* @__PURE__ */ E("div", {
+												className: "mt-2",
+												children: /* @__PURE__ */ E(l, {
+													value: g?.averageRating ?? 0,
+													size: 20
+												})
+											}),
+											/* @__PURE__ */ E("p", {
+												className: "mt-3 text-xs text-text-secondary",
+												children: "Average Customer Rating"
+											})
+										]
+									})]
 								})]
 							}),
-							/* @__PURE__ */ w(r, {
-								icon: /* @__PURE__ */ w(d, { className: "h-12 w-12" }),
+							/* @__PURE__ */ E(r, {
+								icon: /* @__PURE__ */ E(p, { className: "h-12 w-12" }),
 								title: "No badges yet",
 								description: "Earn recognition as you complete deliveries and hit milestones. Achievement badges are coming soon."
 							})
 						] }),
-						M === "notifications" && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h2", {
+						P === "notifications" && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h2", {
 							className: "text-lg font-semibold text-text-primary mb-5",
 							children: "Notification Preferences"
-						}), /* @__PURE__ */ w("div", {
+						}), /* @__PURE__ */ E("div", {
 							className: "space-y-4",
-							children: B.map((e) => /* @__PURE__ */ T("div", {
+							children: H.map((e) => /* @__PURE__ */ D("div", {
 								className: "flex items-center justify-between p-4 rounded-lg bg-bg-sunken/50",
-								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h4", {
+								children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h4", {
 									className: "text-sm font-medium text-text-primary",
 									children: e.label
-								}), /* @__PURE__ */ w("p", {
+								}), /* @__PURE__ */ E("p", {
 									className: "text-xs text-text-secondary mt-0.5",
 									children: e.description
-								})] }), /* @__PURE__ */ w("button", {
+								})] }), /* @__PURE__ */ E("button", {
 									type: "button",
-									onClick: () => G(e.id),
-									disabled: !P,
-									className: t("relative inline-flex h-6 w-11 items-center rounded-full transition-colors", e.enabled ? "bg-action-primary-bg" : "bg-muted-foreground/30", !P && "opacity-60 cursor-not-allowed"),
-									children: /* @__PURE__ */ w("span", { className: t("inline-block h-4 w-4 rounded-full bg-white transition-transform", e.enabled ? "translate-x-6" : "translate-x-1") })
+									onClick: () => q(e.id),
+									disabled: !I,
+									className: t("relative inline-flex h-6 w-11 items-center rounded-full transition-colors", e.enabled ? "bg-action-primary-bg" : "bg-muted-foreground/30", !I && "opacity-60 cursor-not-allowed"),
+									children: /* @__PURE__ */ E("span", { className: t("inline-block h-4 w-4 rounded-full bg-white transition-transform", e.enabled ? "translate-x-6" : "translate-x-1") })
 								})]
 							}, e.id))
 						})] })
@@ -721,6 +725,6 @@ var O = [
 	});
 };
 //#endregion
-export { k as WorkerProfilePage };
+export { j as WorkerProfilePage };
 
 //# sourceMappingURL=WorkerProfilePage.js.map