@burdenoff/microfe-coolandlovely 2026.624.1 → 2026.625.2

package/dist/coolandlovely/pages/worker/WorkerDashboard.js

@@ -1,634 +1,671 @@
 import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { useUpdateWorkerTaskStatus as r, useWorkerClockInOut as i, useWorkerStats as a, useWorkerTasks as o } from "../../hooks/useCoolAndLovelyApi.js";
-import { formatCurrency as s } from "../../utils/formatters.js";
-import { useState as c } from "react";
-import { Boxes as l, CalendarDays as u, CheckCircle2 as d, ChefHat as f, ChevronRight as p, ClipboardList as m, Clock as h, Loader2 as g, MapPin as _, Package as v, Pause as y, Play as b, Sparkles as x, Star as S, Timer as C, TrendingUp as w, Truck as T, User as E, Zap as D } from "lucide-react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { useUpdateWorkerTaskStatus as i, useWorkerClockInOut as a, useWorkerStats as o, useWorkerTasks as s } from "../../hooks/useCoolAndLovelyApi.js";
+import { formatCurrency as c } from "../../utils/formatters.js";
+import { useState as l } from "react";
+import { Boxes as u, CalendarDays as d, CheckCircle2 as f, ChefHat as p, ChevronRight as m, ClipboardList as h, Clock as g, Loader2 as _, MapPin as v, Package as y, Pause as b, Play as x, Sparkles as S, Star as C, Timer as w, TrendingUp as T, Truck as E, User as D, Zap as O } from "lucide-react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { EmphasisPanel as j, NextSteps as M, PagePurpose as N } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/worker/WorkerDashboard.tsx
-var A = {
-	high: "bg-red-500/20 text-red-600 dark:text-red-400",
-	medium: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-	low: "bg-green-500/20 text-green-600 dark:text-green-400"
-}, j = {
+var P = {
+	high: "bg-status-error-bg-subtle/20 text-status-error-text",
+	medium: "bg-status-warning-bg-subtle/20 text-status-warning-text",
+	low: "bg-status-success-bg-subtle/20 text-status-success-text"
+}, F = {
 	pending: "bg-secondary text-secondary-foreground",
-	in_progress: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
-	completed: "bg-green-500/20 text-green-600 dark:text-green-400"
+	in_progress: "bg-accent-blue-subtle/20 text-accent-blue",
+	completed: "bg-status-success-bg-subtle/20 text-status-success-text"
 };
-function M(e) {
+function I(e) {
 	switch (e) {
-		case "delivery": return T;
-		case "preparation": return f;
-		case "inventory": return l;
-		case "cleanup": return x;
-		default: return m;
+		case "delivery": return E;
+		case "preparation": return p;
+		case "inventory": return u;
+		case "cleanup": return S;
+		default: return h;
 	}
 }
-var N = {
+var L = {
 	high: 3,
 	medium: 2,
 	low: 1
-}, P = () => {
-	let { navigateTo: l, currentUser: f } = e(), m = f?.id || "", { data: x = [], isLoading: T } = o(m), { data: P, isLoading: F } = a(m), I = r(), L = i(), [R, z] = c(null), [B, V] = c(!1), [H, U] = c(null), W = async (e, t) => {
+}, R = () => {
+	let { navigateTo: u, currentUser: p } = e(), S = p?.id || "", { data: E = [], isLoading: R } = s(S), { data: z, isLoading: B } = o(S), V = i(), H = a(), [U, W] = l(null), [G, K] = l(!1), [q, J] = l(null), Y = async (e, t) => {
 		let n = "";
 		switch (t) {
 			case "start":
-				n = "IN_PROGRESS", z(e);
+				n = "IN_PROGRESS", W(e);
 				break;
 			case "complete":
-				n = "COMPLETED", R === e && z(null);
+				n = "COMPLETED", U === e && W(null);
 				break;
 			case "pause":
-				n = "PENDING", R === e && z(null);
+				n = "PENDING", U === e && W(null);
 				break;
 		}
 		try {
-			await I.mutateAsync({
+			await V.mutateAsync({
 				taskId: e,
 				status: n
 			});
 		} catch (e) {
 			console.error("Failed to update task status:", e), alert("Failed to update task status. Please try again.");
 		}
-	}, G = async () => {
-		let e = B ? "CLOCK_OUT" : "CLOCK_IN";
+	}, X = async () => {
+		let e = G ? "CLOCK_OUT" : "CLOCK_IN";
 		try {
-			let t = await L.mutateAsync({
-				workerId: m,
+			let t = await H.mutateAsync({
+				workerId: S,
 				action: e
 			});
 			if (t.success) {
-				if (B) V(!1), U(null);
+				if (G) K(!1), J(null);
 				else {
 					let e = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-IN", {
 						hour: "2-digit",
 						minute: "2-digit",
 						hour12: !0
 					});
-					V(!0), U(e);
+					K(!0), J(e);
 				}
-				alert(t.message || `${B ? "Clocked out" : "Clocked in"} successfully`);
+				alert(t.message || `${G ? "Clocked out" : "Clocked in"} successfully`);
 			}
 		} catch (e) {
 			console.error("Failed to clock in/out:", e), alert("Action failed. Please try again.");
 		}
 	};
-	if (T || F) return /* @__PURE__ */ O(n, {
+	if (R || B) return /* @__PURE__ */ k(n, {
 		title: "Dashboard",
 		description: "Your work overview for today",
-		children: /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ k("div", {
 			className: "flex items-center justify-center py-24",
-			children: /* @__PURE__ */ k("div", {
+			children: /* @__PURE__ */ A("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ O(g, { className: "h-10 w-10 animate-spin text-text-secondary mx-auto mb-4" }), /* @__PURE__ */ O("p", {
+				children: [/* @__PURE__ */ k(_, { className: "h-10 w-10 animate-spin text-text-secondary mx-auto mb-4" }), /* @__PURE__ */ k("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading your dashboard..."
 				})]
 			})
 		})
 	});
-	let K = R ? x.find((e) => e.id === R) : null, q = x.filter((e) => e.status !== "completed").sort((e, t) => (N[t.priority] ?? 0) - (N[e.priority] ?? 0)), J = x.filter((e) => e.status === "completed");
-	return /* @__PURE__ */ O(n, {
+	let Z = U ? E.find((e) => e.id === U) : null, Q = E.filter((e) => e.status !== "completed").sort((e, t) => (L[t.priority] ?? 0) - (L[e.priority] ?? 0)), $ = E.filter((e) => e.status === "completed");
+	return /* @__PURE__ */ A(n, {
 		title: "Dashboard",
 		description: "Manage your tasks and assignments",
-		actions: /* @__PURE__ */ k("button", {
+		actions: /* @__PURE__ */ A("button", {
 			type: "button",
-			onClick: () => l("/worker/orders"),
+			onClick: () => u("/worker/orders"),
 			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: ["View All Orders", /* @__PURE__ */ O(p, { className: "h-4 w-4" })]
+			children: ["View All Orders", /* @__PURE__ */ k(m, { className: "h-4 w-4" })]
 		}),
-		children: /* @__PURE__ */ k("div", {
-			className: "space-y-6",
-			children: [
-				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
-					className: "text-base font-semibold text-text-primary mb-3",
-					children: "Quick Actions"
-				}), /* @__PURE__ */ k("div", {
-					className: "grid grid-cols-2 lg:grid-cols-4 gap-3",
-					children: [
-						/* @__PURE__ */ k("button", {
-							type: "button",
-							onClick: () => l("/worker/orders"),
-							className: "flex items-center justify-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-							children: [/* @__PURE__ */ O(v, { className: "h-4 w-4" }), "My Orders"]
-						}),
-						/* @__PURE__ */ k("button", {
-							type: "button",
-							onClick: () => l("/worker/schedule"),
-							className: "flex items-center justify-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-							children: [/* @__PURE__ */ O(u, { className: "h-4 w-4" }), "Schedule"]
-						}),
-						/* @__PURE__ */ k("button", {
-							type: "button",
-							onClick: () => l("/worker/profile"),
-							className: "flex items-center justify-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-							children: [/* @__PURE__ */ O(E, { className: "h-4 w-4" }), "Profile"]
-						}),
-						/* @__PURE__ */ k("button", {
-							type: "button",
-							onClick: G,
-							className: t("flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-medium transition-colors", B ? "bg-red-500/10 text-red-600 dark:text-red-400 border border-red-500/30 hover:bg-red-500/20" : "bg-green-500/10 text-green-600 dark:text-green-400 border border-green-500/30 hover:bg-green-500/20"),
-							children: [/* @__PURE__ */ O(C, { className: "h-4 w-4" }), B ? "Clock Out" : "Clock In"]
-						})
-					]
-				})] }),
-				P && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
-					className: "flex items-center justify-between mb-3",
-					children: [/* @__PURE__ */ O("h2", {
-						className: "text-base font-semibold text-text-primary",
-						children: "Today's Overview"
-					}), B && H && /* @__PURE__ */ k("div", {
-						className: "flex items-center gap-2 rounded-lg bg-green-500/10 border border-green-500/20 px-3 py-1.5",
-						children: [/* @__PURE__ */ k("span", {
-							className: "relative flex h-2 w-2",
-							children: [/* @__PURE__ */ O("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }), /* @__PURE__ */ O("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-green-500" })]
-						}), /* @__PURE__ */ k("span", {
-							className: "text-xs font-medium text-green-600 dark:text-green-400",
-							children: ["Working since ", H]
+		children: [
+			/* @__PURE__ */ k(N, {
+				className: "mb-6",
+				icon: /* @__PURE__ */ k(h, { className: "h-4 w-4" }),
+				children: "Your shift command centre. Clock in to start tracking time, work through your assigned tasks by priority, mark them complete as you go, and keep an eye on today's numbers and your weekly performance — everything you need for the day without hunting through menus."
+			}),
+			/* @__PURE__ */ k(M, {
+				className: "mb-6",
+				storageKey: "coolandlovely-worker-dashboard",
+				steps: [
+					{
+						id: "clock-in",
+						label: "Clock in for your shift",
+						description: "Start tracking your hours before you begin tasks.",
+						icon: /* @__PURE__ */ k(w, { className: "h-4 w-4" }),
+						onClick: X,
+						done: G
+					},
+					{
+						id: "start-task",
+						label: "Pick up your next task",
+						description: "Start the highest-priority task assigned to you.",
+						icon: /* @__PURE__ */ k(x, { className: "h-4 w-4" }),
+						onClick: () => u("/worker/orders")
+					},
+					{
+						id: "schedule",
+						label: "Check your schedule",
+						description: "Review upcoming shifts so you are never caught out.",
+						icon: /* @__PURE__ */ k(d, { className: "h-4 w-4" }),
+						onClick: () => u("/worker/schedule")
+					}
+				]
+			}),
+			/* @__PURE__ */ A("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h2", {
+						className: "text-base font-semibold text-text-primary mb-3",
+						children: "Quick Actions"
+					}), /* @__PURE__ */ A("div", {
+						className: "grid grid-cols-2 lg:grid-cols-4 gap-3",
+						children: [
+							/* @__PURE__ */ A("button", {
+								type: "button",
+								onClick: () => u("/worker/orders"),
+								className: "flex items-center justify-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+								children: [/* @__PURE__ */ k(y, { className: "h-4 w-4" }), "My Orders"]
+							}),
+							/* @__PURE__ */ A("button", {
+								type: "button",
+								onClick: () => u("/worker/schedule"),
+								className: "flex items-center justify-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+								children: [/* @__PURE__ */ k(d, { className: "h-4 w-4" }), "Schedule"]
+							}),
+							/* @__PURE__ */ A("button", {
+								type: "button",
+								onClick: () => u("/worker/profile"),
+								className: "flex items-center justify-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+								children: [/* @__PURE__ */ k(D, { className: "h-4 w-4" }), "Profile"]
+							}),
+							/* @__PURE__ */ A("button", {
+								type: "button",
+								onClick: X,
+								className: t("flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-medium transition-colors", G ? "bg-status-error-bg-subtle/10 text-status-error-text border border-status-error-border/30 hover:bg-status-error-bg-subtle/20" : "bg-status-success-bg-subtle/10 text-status-success-text border border-status-success-border/30 hover:bg-status-success-bg-subtle/20"),
+								children: [/* @__PURE__ */ k(w, { className: "h-4 w-4" }), G ? "Clock Out" : "Clock In"]
+							})
+						]
+					})] }),
+					z && /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("div", {
+						className: "flex items-center justify-between mb-3",
+						children: [/* @__PURE__ */ k("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Today's Overview"
+						}), G && q && /* @__PURE__ */ A("div", {
+							className: "flex items-center gap-2 rounded-lg bg-status-success-bg-subtle/10 border border-status-success-border/20 px-3 py-1.5",
+							children: [/* @__PURE__ */ A("span", {
+								className: "relative flex h-2 w-2",
+								children: [/* @__PURE__ */ k("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-status-success-bg-subtle opacity-75" }), /* @__PURE__ */ k("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-status-success-bg-subtle" })]
+							}), /* @__PURE__ */ A("span", {
+								className: "text-xs font-medium text-status-success-text",
+								children: ["Working since ", q]
+							})]
 						})]
-					})]
-				}), /* @__PURE__ */ k("div", {
-					className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3",
-					children: [
-						/* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [
-								/* @__PURE__ */ O("div", {
-									className: "flex items-center gap-2 mb-2",
-									children: /* @__PURE__ */ O("div", {
-										className: "inline-flex rounded-md p-1.5 bg-green-500/10 text-green-600 dark:text-green-400",
-										children: /* @__PURE__ */ O(d, { className: "h-4 w-4" })
-									})
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-2xl font-bold text-green-600 dark:text-green-400",
-									children: P.tasksCompleted
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-xs text-text-secondary",
-									children: "Completed"
-								})
-							]
-						}),
-						/* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [
-								/* @__PURE__ */ O("div", {
-									className: "flex items-center gap-2 mb-2",
-									children: /* @__PURE__ */ O("div", {
-										className: "inline-flex rounded-md p-1.5 bg-blue-500/10 text-blue-600 dark:text-blue-400",
-										children: /* @__PURE__ */ O(b, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ A(j, {
+						className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3 p-4",
+						children: [
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+								children: [
+									/* @__PURE__ */ k("div", {
+										className: "flex items-center gap-2 mb-2",
+										children: /* @__PURE__ */ k("div", {
+											className: "inline-flex rounded-md p-1.5 bg-status-success-bg-subtle/10 text-status-success-text",
+											children: /* @__PURE__ */ k(f, { className: "h-4 w-4" })
+										})
+									}),
+									/* @__PURE__ */ k("p", {
+										className: "text-2xl font-bold text-status-success-text",
+										children: z.tasksCompleted
+									}),
+									/* @__PURE__ */ k("p", {
+										className: "text-xs text-text-secondary",
+										children: "Completed"
 									})
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
-									children: P.tasksInProgress
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-xs text-text-secondary",
-									children: "In Progress"
-								})
-							]
-						}),
-						/* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [
-								/* @__PURE__ */ O("div", {
-									className: "flex items-center gap-2 mb-2",
-									children: /* @__PURE__ */ O("div", {
-										className: "inline-flex rounded-md p-1.5 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400",
-										children: /* @__PURE__ */ O(h, { className: "h-4 w-4" })
+								]
+							}),
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+								children: [
+									/* @__PURE__ */ k("div", {
+										className: "flex items-center gap-2 mb-2",
+										children: /* @__PURE__ */ k("div", {
+											className: "inline-flex rounded-md p-1.5 bg-accent-blue-subtle/10 text-accent-blue",
+											children: /* @__PURE__ */ k(x, { className: "h-4 w-4" })
+										})
+									}),
+									/* @__PURE__ */ k("p", {
+										className: "text-2xl font-bold text-accent-blue",
+										children: z.tasksInProgress
+									}),
+									/* @__PURE__ */ k("p", {
+										className: "text-xs text-text-secondary",
+										children: "In Progress"
 									})
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
-									children: P.tasksPending
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-xs text-text-secondary",
-									children: "Pending"
-								})
-							]
-						}),
-						/* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [
-								/* @__PURE__ */ O("div", {
-									className: "flex items-center gap-2 mb-2",
-									children: /* @__PURE__ */ O("div", {
-										className: "inline-flex rounded-md p-1.5 bg-purple-500/10 text-purple-600 dark:text-purple-400",
-										children: /* @__PURE__ */ O(C, { className: "h-4 w-4" })
+								]
+							}),
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+								children: [
+									/* @__PURE__ */ k("div", {
+										className: "flex items-center gap-2 mb-2",
+										children: /* @__PURE__ */ k("div", {
+											className: "inline-flex rounded-md p-1.5 bg-status-warning-bg-subtle/10 text-status-warning-text",
+											children: /* @__PURE__ */ k(g, { className: "h-4 w-4" })
+										})
+									}),
+									/* @__PURE__ */ k("p", {
+										className: "text-2xl font-bold text-status-warning-text",
+										children: z.tasksPending
+									}),
+									/* @__PURE__ */ k("p", {
+										className: "text-xs text-text-secondary",
+										children: "Pending"
 									})
-								}),
-								/* @__PURE__ */ k("p", {
-									className: "text-2xl font-bold text-purple-600 dark:text-purple-400",
-									children: [P.hoursWorked, "h"]
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-xs text-text-secondary",
-									children: "Hours Worked"
-								})
-							]
-						}),
-						/* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [
-								/* @__PURE__ */ O("div", {
-									className: "flex items-center gap-2 mb-2",
-									children: /* @__PURE__ */ O("div", {
-										className: "inline-flex rounded-md p-1.5 bg-indigo-500/10 text-indigo-600 dark:text-indigo-400",
-										children: /* @__PURE__ */ O(D, { className: "h-4 w-4" })
+								]
+							}),
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+								children: [
+									/* @__PURE__ */ k("div", {
+										className: "flex items-center gap-2 mb-2",
+										children: /* @__PURE__ */ k("div", {
+											className: "inline-flex rounded-md p-1.5 bg-accent-purple-subtle/10 text-accent-purple",
+											children: /* @__PURE__ */ k(w, { className: "h-4 w-4" })
+										})
+									}),
+									/* @__PURE__ */ A("p", {
+										className: "text-2xl font-bold text-accent-purple",
+										children: [z.hoursWorked, "h"]
+									}),
+									/* @__PURE__ */ k("p", {
+										className: "text-xs text-text-secondary",
+										children: "Hours Worked"
 									})
-								}),
-								/* @__PURE__ */ k("p", {
-									className: "text-2xl font-bold text-indigo-600 dark:text-indigo-400",
-									children: [P.efficiency, "%"]
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-xs text-text-secondary",
-									children: "Efficiency"
-								})
-							]
-						}),
-						/* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [
-								/* @__PURE__ */ O("div", {
-									className: "flex items-center gap-2 mb-2",
-									children: /* @__PURE__ */ O("div", {
-										className: "inline-flex rounded-md p-1.5 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400",
-										children: /* @__PURE__ */ O(S, { className: "h-4 w-4" })
+								]
+							}),
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+								children: [
+									/* @__PURE__ */ k("div", {
+										className: "flex items-center gap-2 mb-2",
+										children: /* @__PURE__ */ k("div", {
+											className: "inline-flex rounded-md p-1.5 bg-accent-indigo-subtle/10 text-accent-indigo",
+											children: /* @__PURE__ */ k(O, { className: "h-4 w-4" })
+										})
+									}),
+									/* @__PURE__ */ A("p", {
+										className: "text-2xl font-bold text-accent-indigo",
+										children: [z.efficiency, "%"]
+									}),
+									/* @__PURE__ */ k("p", {
+										className: "text-xs text-text-secondary",
+										children: "Efficiency"
 									})
-								}),
-								/* @__PURE__ */ k("p", {
-									className: "text-2xl font-bold text-yellow-500",
-									children: [P.rating, "/5"]
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-xs text-text-secondary",
-									children: "Rating"
-								})
-							]
-						})
-					]
-				})] }),
-				K && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
-					className: "text-base font-semibold text-text-primary mb-3",
-					children: "Current Task"
-				}), /* @__PURE__ */ O("div", {
-					className: "rounded-lg border-2 border-blue-500/40 bg-blue-500/5 p-6",
-					children: /* @__PURE__ */ k("div", {
-						className: "flex items-start justify-between mb-4",
-						children: [/* @__PURE__ */ k("div", {
-							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ O("div", {
-								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-blue-500/10",
-								children: /* @__PURE__ */ O(M(K.type), { className: "h-5 w-5 text-blue-600 dark:text-blue-400" })
-							}), /* @__PURE__ */ k("div", { children: [
-								/* @__PURE__ */ O("h3", {
-									className: "text-lg font-semibold text-text-primary",
-									children: K.title
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-sm text-text-secondary mt-1",
-									children: K.description
-								}),
-								/* @__PURE__ */ k("div", {
-									className: "flex flex-wrap items-center gap-3 mt-2 text-sm text-text-secondary",
-									children: [
-										/* @__PURE__ */ k("span", {
-											className: "flex items-center gap-1",
-											children: [
-												/* @__PURE__ */ O(h, { className: "h-3.5 w-3.5" }),
-												K.estimatedTime,
-												" min"
-											]
-										}),
-										K.dueTime && /* @__PURE__ */ k("span", {
-											className: "flex items-center gap-1",
-											children: [
-												/* @__PURE__ */ O(C, { className: "h-3.5 w-3.5" }),
-												"Due: ",
-												K.dueTime
-											]
-										}),
-										K.location && /* @__PURE__ */ k("span", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ O(_, { className: "h-3.5 w-3.5" }), K.location]
+								]
+							}),
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+								children: [
+									/* @__PURE__ */ k("div", {
+										className: "flex items-center gap-2 mb-2",
+										children: /* @__PURE__ */ k("div", {
+											className: "inline-flex rounded-md p-1.5 bg-status-warning-bg-subtle/10 text-status-warning-text",
+											children: /* @__PURE__ */ k(C, { className: "h-4 w-4" })
 										})
-									]
-								})
-							] })]
-						}), /* @__PURE__ */ k("div", {
-							className: "flex gap-2 shrink-0",
-							children: [/* @__PURE__ */ k("button", {
-								type: "button",
-								onClick: () => W(K.id, "complete"),
-								className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-sm font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
-								children: [/* @__PURE__ */ O(d, { className: "h-4 w-4" }), "Complete"]
-							}), /* @__PURE__ */ k("button", {
-								type: "button",
-								onClick: () => W(K.id, "pause"),
-								className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
-								children: [/* @__PURE__ */ O(y, { className: "h-4 w-4" }), "Pause"]
-							})]
-						})]
-					})
-				})] }),
-				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
-					className: "text-base font-semibold text-text-primary mb-3",
-					children: "Assigned Tasks"
-				}), /* @__PURE__ */ O("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden",
-					children: q.length > 0 ? /* @__PURE__ */ O("div", {
-						className: "divide-y divide-border",
-						children: q.map((e) => /* @__PURE__ */ O("div", {
-							className: "p-4 hover:bg-bg-sunken/30 transition-colors",
-							children: /* @__PURE__ */ k("div", {
-								className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
+									}),
+									/* @__PURE__ */ A("p", {
+										className: "text-2xl font-bold text-status-warning-text",
+										children: [z.rating, "/5"]
+									}),
+									/* @__PURE__ */ k("p", {
+										className: "text-xs text-text-secondary",
+										children: "Rating"
+									})
+								]
+							})
+						]
+					})] }),
+					Z && /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h2", {
+						className: "text-base font-semibold text-text-primary mb-3",
+						children: "Current Task"
+					}), /* @__PURE__ */ k("div", {
+						className: "rounded-lg border-2 border-accent-blue-subtle/40 bg-accent-blue-subtle/5 p-6",
+						children: /* @__PURE__ */ A("div", {
+							className: "flex items-start justify-between mb-4",
+							children: [/* @__PURE__ */ A("div", {
+								className: "flex items-start gap-3",
 								children: [/* @__PURE__ */ k("div", {
-									className: "flex items-start gap-3 flex-1 min-w-0",
-									children: [/* @__PURE__ */ O("div", {
-										className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken",
-										children: /* @__PURE__ */ O(M(e.type), { className: "h-4.5 w-4.5 text-text-secondary" })
-									}), /* @__PURE__ */ k("div", {
-										className: "flex-1 min-w-0",
+									className: "flex h-10 w-10 items-center justify-center rounded-lg bg-accent-blue-subtle/10",
+									children: /* @__PURE__ */ k(I(Z.type), { className: "h-5 w-5 text-accent-blue" })
+								}), /* @__PURE__ */ A("div", { children: [
+									/* @__PURE__ */ k("h3", {
+										className: "text-lg font-semibold text-text-primary",
+										children: Z.title
+									}),
+									/* @__PURE__ */ k("p", {
+										className: "text-sm text-text-secondary mt-1",
+										children: Z.description
+									}),
+									/* @__PURE__ */ A("div", {
+										className: "flex flex-wrap items-center gap-3 mt-2 text-sm text-text-secondary",
 										children: [
-											/* @__PURE__ */ k("div", {
-												className: "flex flex-wrap items-center gap-2 mb-1",
+											/* @__PURE__ */ A("span", {
+												className: "flex items-center gap-1",
 												children: [
-													/* @__PURE__ */ O("h3", {
-														className: "text-sm font-medium text-text-primary",
-														children: e.title
-													}),
-													/* @__PURE__ */ O("span", {
-														className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", A[e.priority]),
-														children: e.priority
-													}),
-													/* @__PURE__ */ O("span", {
-														className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium", j[e.status]),
-														children: e.status.replace("_", " ")
-													})
+													/* @__PURE__ */ k(g, { className: "h-3.5 w-3.5" }),
+													Z.estimatedTime,
+													" min"
 												]
 											}),
-											/* @__PURE__ */ O("p", {
-												className: "text-xs text-text-secondary line-clamp-1",
-												children: e.description
-											}),
-											/* @__PURE__ */ k("div", {
-												className: "flex flex-wrap items-center gap-3 mt-1.5 text-xs text-text-secondary",
+											Z.dueTime && /* @__PURE__ */ A("span", {
+												className: "flex items-center gap-1",
 												children: [
-													/* @__PURE__ */ k("span", {
-														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ O(E, { className: "h-3 w-3" }), e.assignedBy]
-													}),
-													/* @__PURE__ */ k("span", {
-														className: "flex items-center gap-1",
-														children: [
-															/* @__PURE__ */ O(h, { className: "h-3 w-3" }),
-															e.estimatedTime,
-															" min"
-														]
-													}),
-													e.dueTime && /* @__PURE__ */ k("span", {
-														className: "flex items-center gap-1",
-														children: [
-															/* @__PURE__ */ O(C, { className: "h-3 w-3" }),
-															"Due: ",
-															e.dueTime
-														]
-													}),
-													e.location && /* @__PURE__ */ k("span", {
-														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ O(_, { className: "h-3 w-3" }), e.location]
-													})
+													/* @__PURE__ */ k(w, { className: "h-3.5 w-3.5" }),
+													"Due: ",
+													Z.dueTime
 												]
+											}),
+											Z.location && /* @__PURE__ */ A("span", {
+												className: "flex items-center gap-1",
+												children: [/* @__PURE__ */ k(v, { className: "h-3.5 w-3.5" }), Z.location]
 											})
 										]
-									})]
-								}), /* @__PURE__ */ k("div", {
-									className: "flex gap-2 shrink-0",
-									children: [
-										e.status === "pending" && /* @__PURE__ */ k("button", {
-											type: "button",
-											onClick: () => W(e.id, "start"),
-											disabled: R !== null,
-											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", R === null ? "bg-blue-500/10 text-blue-600 dark:text-blue-400 hover:bg-blue-500/20" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-											children: [/* @__PURE__ */ O(b, { className: "h-3.5 w-3.5" }), "Start"]
-										}),
-										e.status === "in_progress" && e.id !== R && /* @__PURE__ */ k("button", {
-											type: "button",
-											onClick: () => z(e.id),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
-											children: [/* @__PURE__ */ O(b, { className: "h-3.5 w-3.5" }), "Resume"]
-										}),
-										/* @__PURE__ */ k("button", {
-											type: "button",
-											onClick: () => l(`/worker/task/${e.id}`),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
-											children: ["Details", /* @__PURE__ */ O(p, { className: "h-3.5 w-3.5" })]
-										})
-									]
+									})
+								] })]
+							}), /* @__PURE__ */ A("div", {
+								className: "flex gap-2 shrink-0",
+								children: [/* @__PURE__ */ A("button", {
+									type: "button",
+									onClick: () => Y(Z.id, "complete"),
+									className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
+									children: [/* @__PURE__ */ k(f, { className: "h-4 w-4" }), "Complete"]
+								}), /* @__PURE__ */ A("button", {
+									type: "button",
+									onClick: () => Y(Z.id, "pause"),
+									className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
+									children: [/* @__PURE__ */ k(b, { className: "h-4 w-4" }), "Pause"]
 								})]
-							})
-						}, e.id))
-					}) : /* @__PURE__ */ k("div", {
-						className: "p-8 text-center",
-						children: [/* @__PURE__ */ O(d, { className: "h-10 w-10 text-green-500 opacity-40 mx-auto mb-2" }), /* @__PURE__ */ O("p", {
-							className: "text-sm text-text-secondary",
-							children: "All tasks completed!"
-						})]
-					})
-				})] }),
-				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
-					className: "text-base font-semibold text-text-primary mb-3",
-					children: "Recently Completed"
-				}), /* @__PURE__ */ O("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-					children: J.length > 0 ? /* @__PURE__ */ O("div", {
-						className: "space-y-3",
-						children: J.slice(0, 3).map((e) => /* @__PURE__ */ k("div", {
-							className: "flex items-center gap-3 p-3 rounded-lg bg-green-500/5 border border-green-500/10",
-							children: [
-								/* @__PURE__ */ O("div", {
-									className: "flex h-8 w-8 items-center justify-center rounded-md bg-green-500/10",
-									children: /* @__PURE__ */ O(M(e.type), { className: "h-4 w-4 text-green-600 dark:text-green-400" })
-								}),
-								/* @__PURE__ */ k("div", {
-									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ O("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: e.title
-									}), /* @__PURE__ */ k("p", {
-										className: "text-xs text-text-secondary",
+							})]
+						})
+					})] }),
+					/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h2", {
+						className: "text-base font-semibold text-text-primary mb-3",
+						children: "Assigned Tasks"
+					}), /* @__PURE__ */ k("div", {
+						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden",
+						children: Q.length > 0 ? /* @__PURE__ */ k("div", {
+							className: "divide-y divide-border",
+							children: Q.map((e) => /* @__PURE__ */ k("div", {
+								className: "p-4 hover:bg-bg-sunken/30 transition-colors",
+								children: /* @__PURE__ */ A("div", {
+									className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
+									children: [/* @__PURE__ */ A("div", {
+										className: "flex items-start gap-3 flex-1 min-w-0",
+										children: [/* @__PURE__ */ k("div", {
+											className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken",
+											children: /* @__PURE__ */ k(I(e.type), { className: "h-4.5 w-4.5 text-text-secondary" })
+										}), /* @__PURE__ */ A("div", {
+											className: "flex-1 min-w-0",
+											children: [
+												/* @__PURE__ */ A("div", {
+													className: "flex flex-wrap items-center gap-2 mb-1",
+													children: [
+														/* @__PURE__ */ k("h3", {
+															className: "text-sm font-medium text-text-primary",
+															children: e.title
+														}),
+														/* @__PURE__ */ k("span", {
+															className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", P[e.priority]),
+															children: e.priority
+														}),
+														/* @__PURE__ */ k("span", {
+															className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium", F[e.status]),
+															children: e.status.replace("_", " ")
+														})
+													]
+												}),
+												/* @__PURE__ */ k("p", {
+													className: "text-xs text-text-secondary line-clamp-1",
+													children: e.description
+												}),
+												/* @__PURE__ */ A("div", {
+													className: "flex flex-wrap items-center gap-3 mt-1.5 text-xs text-text-secondary",
+													children: [
+														/* @__PURE__ */ A("span", {
+															className: "flex items-center gap-1",
+															children: [/* @__PURE__ */ k(D, { className: "h-3 w-3" }), e.assignedBy]
+														}),
+														/* @__PURE__ */ A("span", {
+															className: "flex items-center gap-1",
+															children: [
+																/* @__PURE__ */ k(g, { className: "h-3 w-3" }),
+																e.estimatedTime,
+																" min"
+															]
+														}),
+														e.dueTime && /* @__PURE__ */ A("span", {
+															className: "flex items-center gap-1",
+															children: [
+																/* @__PURE__ */ k(w, { className: "h-3 w-3" }),
+																"Due: ",
+																e.dueTime
+															]
+														}),
+														e.location && /* @__PURE__ */ A("span", {
+															className: "flex items-center gap-1",
+															children: [/* @__PURE__ */ k(v, { className: "h-3 w-3" }), e.location]
+														})
+													]
+												})
+											]
+										})]
+									}), /* @__PURE__ */ A("div", {
+										className: "flex gap-2 shrink-0",
 										children: [
-											"Completed at",
-											" ",
-											(/* @__PURE__ */ new Date()).toLocaleTimeString("en-IN", {
-												hour: "2-digit",
-												minute: "2-digit",
-												hour12: !0
+											e.status === "pending" && /* @__PURE__ */ A("button", {
+												type: "button",
+												onClick: () => Y(e.id, "start"),
+												disabled: U !== null,
+												className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", U === null ? "bg-accent-blue-subtle/10 text-accent-blue hover:bg-accent-blue-subtle/20" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
+												children: [/* @__PURE__ */ k(x, { className: "h-3.5 w-3.5" }), "Start"]
+											}),
+											e.status === "in_progress" && e.id !== U && /* @__PURE__ */ A("button", {
+												type: "button",
+												onClick: () => W(e.id),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
+												children: [/* @__PURE__ */ k(x, { className: "h-3.5 w-3.5" }), "Resume"]
+											}),
+											/* @__PURE__ */ A("button", {
+												type: "button",
+												onClick: () => u(`/worker/task/${e.id}`),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
+												children: ["Details", /* @__PURE__ */ k(m, { className: "h-3.5 w-3.5" })]
 											})
 										]
 									})]
-								}),
-								/* @__PURE__ */ O(d, { className: "h-4 w-4 text-green-600 dark:text-green-400 shrink-0" })
-							]
-						}, e.id))
-					}) : /* @__PURE__ */ O("p", {
-						className: "text-sm text-text-secondary text-center py-4",
-						children: "No completed tasks yet today"
-					})
-				})] }),
-				/* @__PURE__ */ k("div", {
-					className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-					children: [/* @__PURE__ */ k("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-						children: [/* @__PURE__ */ k("h3", {
-							className: "text-base font-semibold text-text-primary flex items-center gap-2 mb-4",
-							children: [/* @__PURE__ */ O(w, { className: "h-4 w-4 text-text-secondary" }), "Performance This Week"]
-						}), /* @__PURE__ */ k("div", {
-							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ k("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-text-secondary",
-										children: "Tasks Completed"
-									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-text-primary",
-										children: "47"
-									})]
-								}),
-								/* @__PURE__ */ k("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-text-secondary",
-										children: "Average Time per Task"
-									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-text-primary",
-										children: "23 min"
-									})]
-								}),
-								/* @__PURE__ */ k("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-text-secondary",
-										children: "On-time Completion"
-									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-text-primary",
-										children: "94%"
-									})]
-								}),
-								/* @__PURE__ */ k("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-text-secondary",
-										children: "Customer Feedback"
-									}), /* @__PURE__ */ k("span", {
-										className: "text-sm font-medium text-text-primary flex items-center gap-1",
-										children: ["4.7/5", /* @__PURE__ */ O(S, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" })]
-									})]
 								})
-							]
-						})]
+							}, e.id))
+						}) : /* @__PURE__ */ k(r, {
+							illustration: "empty-sessions",
+							title: "All tasks completed!",
+							description: "You're all caught up. New tasks will appear here as they're assigned."
+						})
+					})] }),
+					/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h2", {
+						className: "text-base font-semibold text-text-primary mb-3",
+						children: "Recently Completed"
 					}), /* @__PURE__ */ k("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-						children: [/* @__PURE__ */ k("h3", {
-							className: "text-base font-semibold text-text-primary flex items-center gap-2 mb-4",
-							children: [/* @__PURE__ */ O(u, { className: "h-4 w-4 text-text-secondary" }), "Shift Information"]
-						}), /* @__PURE__ */ k("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
+						children: $.length > 0 ? /* @__PURE__ */ k("div", {
 							className: "space-y-3",
+							children: $.slice(0, 3).map((e) => /* @__PURE__ */ A("div", {
+								className: "flex items-center gap-3 p-3 rounded-lg bg-status-success-bg-subtle/5 border border-status-success-border/10",
+								children: [
+									/* @__PURE__ */ k("div", {
+										className: "flex h-8 w-8 items-center justify-center rounded-md bg-status-success-bg-subtle/10",
+										children: /* @__PURE__ */ k(I(e.type), { className: "h-4 w-4 text-status-success-text" })
+									}),
+									/* @__PURE__ */ A("div", {
+										className: "flex-1 min-w-0",
+										children: [/* @__PURE__ */ k("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: e.title
+										}), /* @__PURE__ */ A("p", {
+											className: "text-xs text-text-secondary",
+											children: [
+												"Completed at",
+												" ",
+												(/* @__PURE__ */ new Date()).toLocaleTimeString("en-IN", {
+													hour: "2-digit",
+													minute: "2-digit",
+													hour12: !0
+												})
+											]
+										})]
+									}),
+									/* @__PURE__ */ k(f, { className: "h-4 w-4 text-status-success-text shrink-0" })
+								]
+							}, e.id))
+						}) : /* @__PURE__ */ k(r, {
+							className: "py-2",
+							illustration: "empty-data",
+							title: "No completed tasks yet today",
+							description: "Tasks you finish today will show up here."
+						})
+					})] }),
+					/* @__PURE__ */ A("div", {
+						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+						children: [/* @__PURE__ */ A("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
+							children: [/* @__PURE__ */ A("h3", {
+								className: "text-base font-semibold text-text-primary flex items-center gap-2 mb-4",
+								children: [/* @__PURE__ */ k(T, { className: "h-4 w-4 text-text-secondary" }), "Performance This Week"]
+							}), /* @__PURE__ */ A("div", {
+								className: "space-y-3",
+								children: [
+									/* @__PURE__ */ A("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
+											children: "Tasks Completed"
+										}), /* @__PURE__ */ k("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: "47"
+										})]
+									}),
+									/* @__PURE__ */ A("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
+											children: "Average Time per Task"
+										}), /* @__PURE__ */ k("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: "23 min"
+										})]
+									}),
+									/* @__PURE__ */ A("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
+											children: "On-time Completion"
+										}), /* @__PURE__ */ k("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: "94%"
+										})]
+									}),
+									/* @__PURE__ */ A("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
+											children: "Customer Feedback"
+										}), /* @__PURE__ */ A("span", {
+											className: "text-sm font-medium text-text-primary flex items-center gap-1",
+											children: ["4.7/5", /* @__PURE__ */ k(C, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" })]
+										})]
+									})
+								]
+							})]
+						}), /* @__PURE__ */ A("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
+							children: [/* @__PURE__ */ A("h3", {
+								className: "text-base font-semibold text-text-primary flex items-center gap-2 mb-4",
+								children: [/* @__PURE__ */ k(d, { className: "h-4 w-4 text-text-secondary" }), "Shift Information"]
+							}), /* @__PURE__ */ A("div", {
+								className: "space-y-3",
+								children: [
+									/* @__PURE__ */ A("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
+											children: "Shift Start"
+										}), /* @__PURE__ */ k("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: "9:00 AM"
+										})]
+									}),
+									/* @__PURE__ */ A("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
+											children: "Shift End"
+										}), /* @__PURE__ */ k("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: "6:00 PM"
+										})]
+									}),
+									/* @__PURE__ */ A("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
+											children: "Break Time"
+										}), /* @__PURE__ */ k("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: "1:00 PM - 2:00 PM"
+										})]
+									}),
+									/* @__PURE__ */ A("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
+											children: "Supervisor"
+										}), /* @__PURE__ */ k("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: "Rajesh Kumar"
+										})]
+									})
+								]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ A("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
+						children: [/* @__PURE__ */ k("h2", {
+							className: "text-base font-semibold text-text-primary mb-4",
+							children: "Overall Performance"
+						}), /* @__PURE__ */ A("div", {
+							className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
 							children: [
-								/* @__PURE__ */ k("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-text-secondary",
-										children: "Shift Start"
-									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-text-primary",
-										children: "9:00 AM"
-									})]
-								}),
-								/* @__PURE__ */ k("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-text-secondary",
-										children: "Shift End"
-									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-text-primary",
-										children: "6:00 PM"
-									})]
-								}),
-								/* @__PURE__ */ k("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-text-secondary",
-										children: "Break Time"
-									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-text-primary",
-										children: "1:00 PM - 2:00 PM"
-									})]
-								}),
-								/* @__PURE__ */ k("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm text-text-secondary",
-										children: "Supervisor"
-									}), /* @__PURE__ */ O("span", {
-										className: "text-sm font-medium text-text-primary",
-										children: "Rajesh Kumar"
-									})]
-								})
+								/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
+									className: "text-xs text-text-secondary",
+									children: "Total Deliveries"
+								}), /* @__PURE__ */ k("p", {
+									className: "text-lg font-bold text-text-primary",
+									children: z?.totalDeliveries || 0
+								})] }),
+								/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
+									className: "text-xs text-text-secondary",
+									children: "Total Earnings"
+								}), /* @__PURE__ */ k("p", {
+									className: "text-lg font-bold text-text-primary",
+									children: c(z?.totalEarnings || 0, { minimumFractionDigits: 0 })
+								})] }),
+								/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
+									className: "text-xs text-text-secondary",
+									children: "Average Rating"
+								}), /* @__PURE__ */ A("p", {
+									className: "text-lg font-bold text-text-primary flex items-center gap-1",
+									children: [z?.averageRating || 0, /* @__PURE__ */ k(C, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" })]
+								})] }),
+								/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
+									className: "text-xs text-text-secondary",
+									children: "Completion Rate"
+								}), /* @__PURE__ */ A("p", {
+									className: "text-lg font-bold text-text-primary",
+									children: [z?.completionRate || 0, "%"]
+								})] })
 							]
 						})]
-					})]
-				}),
-				/* @__PURE__ */ k("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-					children: [/* @__PURE__ */ O("h2", {
-						className: "text-base font-semibold text-text-primary mb-4",
-						children: "Overall Performance"
-					}), /* @__PURE__ */ k("div", {
-						className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
-						children: [
-							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
-								className: "text-xs text-text-secondary",
-								children: "Total Deliveries"
-							}), /* @__PURE__ */ O("p", {
-								className: "text-lg font-bold text-text-primary",
-								children: P?.totalDeliveries || 0
-							})] }),
-							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
-								className: "text-xs text-text-secondary",
-								children: "Total Earnings"
-							}), /* @__PURE__ */ O("p", {
-								className: "text-lg font-bold text-text-primary",
-								children: s(P?.totalEarnings || 0, { minimumFractionDigits: 0 })
-							})] }),
-							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
-								className: "text-xs text-text-secondary",
-								children: "Average Rating"
-							}), /* @__PURE__ */ k("p", {
-								className: "text-lg font-bold text-text-primary flex items-center gap-1",
-								children: [P?.averageRating || 0, /* @__PURE__ */ O(S, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" })]
-							})] }),
-							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
-								className: "text-xs text-text-secondary",
-								children: "Completion Rate"
-							}), /* @__PURE__ */ k("p", {
-								className: "text-lg font-bold text-text-primary",
-								children: [P?.completionRate || 0, "%"]
-							})] })
-						]
-					})]
-				})
-			]
-		})
+					})
+				]
+			})
+		]
 	});
 };
 //#endregion
-export { P as WorkerDashboard };
+export { R as WorkerDashboard };
 
 //# sourceMappingURL=WorkerDashboard.js.map