@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

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

@@ -6,17 +6,18 @@ 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 { EmphasisPanel as A, NextSteps as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/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 N = {
+	high: "bg-status-error-bg/20 text-status-error-text",
+	medium: "bg-status-warning-bg/20 text-status-warning-text",
+	low: "bg-status-success-bg/20 text-status-success-text"
+}, P = {
 	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-status-info-bg/20 text-status-info-text",
+	completed: "bg-status-success-bg/20 text-status-success-text"
 };
-function M(e) {
+function F(e) {
 	switch (e) {
 		case "delivery": return T;
 		case "preparation": return f;
@@ -25,56 +26,56 @@ function M(e) {
 		default: return m;
 	}
 }
-var N = {
+var I = {
 	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) => {
+}, L = () => {
+	let { navigateTo: l, currentUser: f } = e(), x = f?.id || "", { data: T = [], isLoading: L } = o(x), { data: R, isLoading: z } = a(x), B = r(), V = i(), [H, U] = c(null), [W, G] = c(!1), [K, q] = c(null), J = async (e, t) => {
 		let n = "";
 		switch (t) {
 			case "start":
-				n = "IN_PROGRESS", z(e);
+				n = "IN_PROGRESS", U(e);
 				break;
 			case "complete":
-				n = "COMPLETED", R === e && z(null);
+				n = "COMPLETED", H === e && U(null);
 				break;
 			case "pause":
-				n = "PENDING", R === e && z(null);
+				n = "PENDING", H === e && U(null);
 				break;
 		}
 		try {
-			await I.mutateAsync({
+			await B.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";
+	}, Y = async () => {
+		let e = W ? "CLOCK_OUT" : "CLOCK_IN";
 		try {
-			let t = await L.mutateAsync({
-				workerId: m,
+			let t = await V.mutateAsync({
+				workerId: x,
 				action: e
 			});
 			if (t.success) {
-				if (B) V(!1), U(null);
+				if (W) G(!1), q(null);
 				else {
 					let e = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-IN", {
 						hour: "2-digit",
 						minute: "2-digit",
 						hour12: !0
 					});
-					V(!0), U(e);
+					G(!0), q(e);
 				}
-				alert(t.message || `${B ? "Clocked out" : "Clocked in"} successfully`);
+				alert(t.message || `${W ? "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 (L || z) return /* @__PURE__ */ O(n, {
 		title: "Dashboard",
 		description: "Your work overview for today",
 		children: /* @__PURE__ */ O("div", {
@@ -88,10 +89,11 @@ var N = {
 			})
 		})
 	});
-	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");
+	let X = H ? T.find((e) => e.id === H) : null, Z = T.filter((e) => e.status !== "completed").sort((e, t) => (I[t.priority] ?? 0) - (I[e.priority] ?? 0)), Q = T.filter((e) => e.status === "completed");
 	return /* @__PURE__ */ O(n, {
 		title: "Dashboard",
 		description: "Manage your tasks and assignments",
+		titleGradient: !0,
 		actions: /* @__PURE__ */ k("button", {
 			type: "button",
 			onClick: () => l("/worker/orders"),
@@ -101,6 +103,36 @@ var N = {
 		children: /* @__PURE__ */ k("div", {
 			className: "space-y-6",
 			children: [
+				/* @__PURE__ */ O(M, {
+					icon: /* @__PURE__ */ O(m, { className: "h-4 w-4" }),
+					children: "Your shift at a glance. Clock in to start earning, see the tasks and orders assigned to you today, and track how many you've completed along with your earnings and rating. Jump to your current task to keep things moving, and check your schedule so you never miss a shift."
+				}),
+				/* @__PURE__ */ O(j, {
+					storageKey: "subscriberbot-worker-dashboard",
+					steps: [
+						{
+							id: "view-orders",
+							label: "See your assigned orders",
+							description: "Pick up and work through the orders waiting on you.",
+							icon: /* @__PURE__ */ O(v, { className: "h-4 w-4" }),
+							onClick: () => l("/worker/orders")
+						},
+						{
+							id: "check-schedule",
+							label: "Check your schedule",
+							description: "Know your upcoming shifts and request changes if needed.",
+							icon: /* @__PURE__ */ O(u, { className: "h-4 w-4" }),
+							onClick: () => l("/worker/schedule")
+						},
+						{
+							id: "update-profile",
+							label: "Keep your profile current",
+							description: "Update your availability and contact details.",
+							icon: /* @__PURE__ */ O(E, { className: "h-4 w-4" }),
+							onClick: () => l("/worker/profile")
+						}
+					]
+				}),
 				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
 					className: "text-base font-semibold text-text-primary mb-3",
 					children: "Quick Actions"
@@ -110,60 +142,60 @@ var N = {
 						/* @__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",
+							className: "flex items-center justify-center gap-2 rounded-lg border border-border-seam 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",
+							className: "flex items-center justify-center gap-2 rounded-lg border border-border-seam 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",
+							className: "flex items-center justify-center gap-2 rounded-lg border border-border-seam 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"]
+							onClick: Y,
+							className: t("flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-medium transition-colors", W ? "bg-status-error-bg/10 text-status-error-text border border-status-error-border/30 hover:bg-status-error-bg/20" : "bg-status-success-bg/10 text-status-success-text border border-status-success-border/30 hover:bg-status-success-bg/20"),
+							children: [/* @__PURE__ */ O(C, { className: "h-4 w-4" }), W ? "Clock Out" : "Clock In"]
 						})
 					]
 				})] }),
-				P && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
+				R && /* @__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",
+					}), W && K && /* @__PURE__ */ k("div", {
+						className: "flex items-center gap-2 rounded-lg bg-status-success-bg/10 border border-status-success-border/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" })]
+							children: [/* @__PURE__ */ O("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-status-success-bg opacity-75" }), /* @__PURE__ */ O("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-status-success-text" })]
 						}), /* @__PURE__ */ k("span", {
-							className: "text-xs font-medium text-green-600 dark:text-green-400",
-							children: ["Working since ", H]
+							className: "text-xs font-medium text-status-success-text",
+							children: ["Working since ", K]
 						})]
 					})]
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ k(A, {
 					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",
+							className: "rounded-lg border border-border-seam 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",
+										className: "inline-flex rounded-md p-1.5 bg-status-success-bg/10 text-status-success-text",
 										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
+									className: "text-2xl font-bold text-status-success-text",
+									children: R.tasksCompleted
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
@@ -172,18 +204,18 @@ var N = {
 							]
 						}),
 						/* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
+							className: "rounded-lg border border-border-seam 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",
+										className: "inline-flex rounded-md p-1.5 bg-status-info-bg/10 text-status-info-text",
 										children: /* @__PURE__ */ O(b, { className: "h-4 w-4" })
 									})
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
-									children: P.tasksInProgress
+									className: "text-2xl font-bold text-status-info-text",
+									children: R.tasksInProgress
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
@@ -192,18 +224,18 @@ var N = {
 							]
 						}),
 						/* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
+							className: "rounded-lg border border-border-seam 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",
+										className: "inline-flex rounded-md p-1.5 bg-status-warning-bg/10 text-status-warning-text",
 										children: /* @__PURE__ */ O(h, { className: "h-4 w-4" })
 									})
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
-									children: P.tasksPending
+									className: "text-2xl font-bold text-status-warning-text",
+									children: R.tasksPending
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
@@ -212,18 +244,18 @@ var N = {
 							]
 						}),
 						/* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
+							className: "rounded-lg border border-border-seam 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",
+										className: "inline-flex rounded-md p-1.5 bg-accent-purple-subtle text-accent-purple",
 										children: /* @__PURE__ */ O(C, { className: "h-4 w-4" })
 									})
 								}),
 								/* @__PURE__ */ k("p", {
-									className: "text-2xl font-bold text-purple-600 dark:text-purple-400",
-									children: [P.hoursWorked, "h"]
+									className: "text-2xl font-bold text-accent-purple",
+									children: [R.hoursWorked, "h"]
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
@@ -232,18 +264,18 @@ var N = {
 							]
 						}),
 						/* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
+							className: "rounded-lg border border-border-seam 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",
+										className: "inline-flex rounded-md p-1.5 bg-accent-indigo-subtle text-accent-indigo",
 										children: /* @__PURE__ */ O(D, { className: "h-4 w-4" })
 									})
 								}),
 								/* @__PURE__ */ k("p", {
-									className: "text-2xl font-bold text-indigo-600 dark:text-indigo-400",
-									children: [P.efficiency, "%"]
+									className: "text-2xl font-bold text-accent-indigo",
+									children: [R.efficiency, "%"]
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
@@ -252,18 +284,18 @@ var N = {
 							]
 						}),
 						/* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
+							className: "rounded-lg border border-border-seam 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",
+										className: "inline-flex rounded-md p-1.5 bg-status-warning-bg/10 text-status-warning-text",
 										children: /* @__PURE__ */ O(S, { className: "h-4 w-4" })
 									})
 								}),
 								/* @__PURE__ */ k("p", {
-									className: "text-2xl font-bold text-yellow-500",
-									children: [P.rating, "/5"]
+									className: "text-2xl font-bold text-status-warning-text",
+									children: [R.rating, "/5"]
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
@@ -273,26 +305,26 @@ var N = {
 						})
 					]
 				})] }),
-				K && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
+				X && /* @__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",
+					className: "rounded-lg border-2 border-status-info-border/40 bg-status-info-bg/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" })
+								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-status-info-bg/10",
+								children: /* @__PURE__ */ O(F(X.type), { className: "h-5 w-5 text-status-info-text" })
 							}), /* @__PURE__ */ k("div", { children: [
 								/* @__PURE__ */ O("h3", {
 									className: "text-lg font-semibold text-text-primary",
-									children: K.title
+									children: X.title
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-sm text-text-secondary mt-1",
-									children: K.description
+									children: X.description
 								}),
 								/* @__PURE__ */ k("div", {
 									className: "flex flex-wrap items-center gap-3 mt-2 text-sm text-text-secondary",
@@ -301,21 +333,21 @@ var N = {
 											className: "flex items-center gap-1",
 											children: [
 												/* @__PURE__ */ O(h, { className: "h-3.5 w-3.5" }),
-												K.estimatedTime,
+												X.estimatedTime,
 												" min"
 											]
 										}),
-										K.dueTime && /* @__PURE__ */ k("span", {
+										X.dueTime && /* @__PURE__ */ k("span", {
 											className: "flex items-center gap-1",
 											children: [
 												/* @__PURE__ */ O(C, { className: "h-3.5 w-3.5" }),
 												"Due: ",
-												K.dueTime
+												X.dueTime
 											]
 										}),
-										K.location && /* @__PURE__ */ k("span", {
+										X.location && /* @__PURE__ */ k("span", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ O(_, { className: "h-3.5 w-3.5" }), K.location]
+											children: [/* @__PURE__ */ O(_, { className: "h-3.5 w-3.5" }), X.location]
 										})
 									]
 								})
@@ -324,12 +356,12 @@ var N = {
 							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",
+								onClick: () => J(X.id, "complete"),
+								className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg/10 px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
 								children: [/* @__PURE__ */ O(d, { className: "h-4 w-4" }), "Complete"]
 							}), /* @__PURE__ */ k("button", {
 								type: "button",
-								onClick: () => W(K.id, "pause"),
+								onClick: () => J(X.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"]
 							})]
@@ -340,10 +372,10 @@ var N = {
 					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: "rounded-lg border border-border-seam bg-bg-surface shadow-sm overflow-hidden",
+					children: Z.length > 0 ? /* @__PURE__ */ O("div", {
 						className: "divide-y divide-border",
-						children: q.map((e) => /* @__PURE__ */ O("div", {
+						children: Z.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",
@@ -351,7 +383,7 @@ var N = {
 									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" })
+										children: /* @__PURE__ */ O(F(e.type), { className: "h-4.5 w-4.5 text-text-secondary" })
 									}), /* @__PURE__ */ k("div", {
 										className: "flex-1 min-w-0",
 										children: [
@@ -363,11 +395,11 @@ var N = {
 														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]),
+														className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", N[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]),
+														className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium", P[e.status]),
 														children: e.status.replace("_", " ")
 													})
 												]
@@ -412,14 +444,14 @@ var N = {
 									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"),
+											onClick: () => J(e.id, "start"),
+											disabled: H !== null,
+											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", H === null ? "bg-status-info-bg/10 text-status-info-text hover:bg-status-info-bg/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", {
+										e.status === "in_progress" && e.id !== H && /* @__PURE__ */ k("button", {
 											type: "button",
-											onClick: () => z(e.id),
+											onClick: () => U(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"]
 										}),
@@ -435,7 +467,7 @@ var N = {
 						}, 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", {
+						children: [/* @__PURE__ */ O(d, { className: "h-10 w-10 text-status-success-text opacity-40 mx-auto mb-2" }), /* @__PURE__ */ O("p", {
 							className: "text-sm text-text-secondary",
 							children: "All tasks completed!"
 						})]
@@ -445,15 +477,15 @@ var N = {
 					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: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
+					children: Q.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: Q.slice(0, 3).map((e) => /* @__PURE__ */ k("div", {
+							className: "flex items-center gap-3 p-3 rounded-lg bg-status-success-bg/5 border border-status-success-border/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" })
+									className: "flex h-8 w-8 items-center justify-center rounded-md bg-status-success-bg/10",
+									children: /* @__PURE__ */ O(F(e.type), { className: "h-4 w-4 text-status-success-text" })
 								}),
 								/* @__PURE__ */ k("div", {
 									className: "flex-1 min-w-0",
@@ -473,7 +505,7 @@ var N = {
 										]
 									})]
 								}),
-								/* @__PURE__ */ O(d, { className: "h-4 w-4 text-green-600 dark:text-green-400 shrink-0" })
+								/* @__PURE__ */ O(d, { className: "h-4 w-4 text-status-success-text shrink-0" })
 							]
 						}, e.id))
 					}) : /* @__PURE__ */ O("p", {
@@ -484,7 +516,7 @@ var N = {
 				/* @__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",
+						className: "rounded-lg border border-border-seam 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"]
@@ -528,13 +560,13 @@ var N = {
 										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" })]
+										children: ["4.7/5", /* @__PURE__ */ O(S, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" })]
 									})]
 								})
 							]
 						})]
 					}), /* @__PURE__ */ k("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+						className: "rounded-lg border border-border-seam 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"]
@@ -586,7 +618,7 @@ var N = {
 					})]
 				}),
 				/* @__PURE__ */ k("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
 					children: [/* @__PURE__ */ O("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Overall Performance"
@@ -598,28 +630,28 @@ var N = {
 								children: "Total Deliveries"
 							}), /* @__PURE__ */ O("p", {
 								className: "text-lg font-bold text-text-primary",
-								children: P?.totalDeliveries || 0
+								children: R?.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 })
+								children: s(R?.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" })]
+								children: [R?.averageRating || 0, /* @__PURE__ */ O(S, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" })]
 							})] }),
 							/* @__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, "%"]
+								children: [R?.completionRate || 0, "%"]
 							})] })
 						]
 					})]
@@ -629,6 +661,6 @@ var N = {
 	});
 };
 //#endregion
-export { P as WorkerDashboard };
+export { L as WorkerDashboard };
 
 //# sourceMappingURL=WorkerDashboard.js.map