@burdenoff/microfe-adaptercloud 2026.624.1 → 2026.625.2

package/dist/adaptercloud/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 } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/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 M = {
+	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"
+}, N = {
 	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 P(e) {
 	switch (e) {
 		case "delivery": return T;
 		case "preparation": return f;
@@ -25,56 +26,56 @@ function M(e) {
 		default: return m;
 	}
 }
-var N = {
+var F = {
 	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) => {
+}, I = () => {
+	let { navigateTo: l, currentUser: f } = e(), m = f?.id || "", { data: x = [], isLoading: T } = o(m), { data: I, isLoading: L } = a(m), R = r(), z = i(), [B, V] = c(null), [H, U] = c(!1), [W, G] = c(null), K = async (e, t) => {
 		let n = "";
 		switch (t) {
 			case "start":
-				n = "IN_PROGRESS", z(e);
+				n = "IN_PROGRESS", V(e);
 				break;
 			case "complete":
-				n = "COMPLETED", R === e && z(null);
+				n = "COMPLETED", B === e && V(null);
 				break;
 			case "pause":
-				n = "PENDING", R === e && z(null);
+				n = "PENDING", B === e && V(null);
 				break;
 		}
 		try {
-			await I.mutateAsync({
+			await R.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";
+	}, q = async () => {
+		let e = H ? "CLOCK_OUT" : "CLOCK_IN";
 		try {
-			let t = await L.mutateAsync({
+			let t = await z.mutateAsync({
 				workerId: m,
 				action: e
 			});
 			if (t.success) {
-				if (B) V(!1), U(null);
+				if (H) U(!1), G(null);
 				else {
 					let e = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-IN", {
 						hour: "2-digit",
 						minute: "2-digit",
 						hour12: !0
 					});
-					V(!0), U(e);
+					U(!0), G(e);
 				}
-				alert(t.message || `${B ? "Clocked out" : "Clocked in"} successfully`);
+				alert(t.message || `${H ? "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 (T || L) 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 J = B ? x.find((e) => e.id === B) : null, Y = x.filter((e) => e.status !== "completed").sort((e, t) => (F[t.priority] ?? 0) - (F[e.priority] ?? 0)), X = x.filter((e) => e.status === "completed");
 	return /* @__PURE__ */ O(n, {
 		title: "Dashboard",
 		description: "Manage your tasks and assignments",
+		purpose: "Your shift command center — clock in, see today's assigned tasks and earnings, and pick up the next delivery or service job. Start here at the beginning of every shift and check back between jobs.",
 		actions: /* @__PURE__ */ k("button", {
 			type: "button",
 			onClick: () => l("/worker/orders"),
@@ -127,43 +129,43 @@ var N = {
 						}),
 						/* @__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: q,
+							className: t("flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-medium transition-colors", H ? "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__ */ O(C, { className: "h-4 w-4" }), H ? "Clock Out" : "Clock In"]
 						})
 					]
 				})] }),
-				P && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
+				I && /* @__PURE__ */ k(A, { 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",
+					}), H && W && /* @__PURE__ */ k("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__ */ 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-subtle opacity-75" }), /* @__PURE__ */ O("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-status-success-bg-subtle" })]
 						}), /* @__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 ", W]
 						})]
 					})]
 				}), /* @__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",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 							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-subtle/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: I.tasksCompleted
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
@@ -172,18 +174,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 bg-gloss-card shadow-pop",
 							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-accent-blue-subtle/10 text-accent-blue",
 										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-accent-blue",
+									children: I.tasksInProgress
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
@@ -192,18 +194,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 bg-gloss-card shadow-pop",
 							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-subtle/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: I.tasksPending
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
@@ -212,18 +214,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 bg-gloss-card shadow-pop",
 							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/10 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: [I.hoursWorked, "h"]
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
@@ -232,18 +234,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 bg-gloss-card shadow-pop",
 							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/10 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: [I.efficiency, "%"]
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
@@ -252,18 +254,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 bg-gloss-card shadow-pop",
 							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-subtle/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: [I.rating, "/5"]
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
@@ -273,26 +275,49 @@ var N = {
 						})
 					]
 				})] }),
-				K && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
+				/* @__PURE__ */ O(j, {
+					storageKey: "adaptercloud-worker-dashboard",
+					steps: [
+						{
+							id: "orders",
+							label: "Pick up your next task",
+							description: "Browse assigned orders and start the next delivery or service job.",
+							onClick: () => l("/worker/orders")
+						},
+						{
+							id: "schedule",
+							label: "Check your schedule",
+							description: "See upcoming shifts and request changes.",
+							onClick: () => l("/worker/schedule")
+						},
+						{
+							id: "profile",
+							label: "Keep your profile current",
+							description: "Update availability, vehicle, and payout details.",
+							onClick: () => l("/worker/profile")
+						}
+					]
+				}),
+				J && /* @__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-accent-blue-subtle/40 bg-accent-blue-subtle/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-accent-blue-subtle/10",
+								children: /* @__PURE__ */ O(P(J.type), { className: "h-5 w-5 text-accent-blue" })
 							}), /* @__PURE__ */ k("div", { children: [
 								/* @__PURE__ */ O("h3", {
 									className: "text-lg font-semibold text-text-primary",
-									children: K.title
+									children: J.title
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-sm text-text-secondary mt-1",
-									children: K.description
+									children: J.description
 								}),
 								/* @__PURE__ */ k("div", {
 									className: "flex flex-wrap items-center gap-3 mt-2 text-sm text-text-secondary",
@@ -301,21 +326,21 @@ var N = {
 											className: "flex items-center gap-1",
 											children: [
 												/* @__PURE__ */ O(h, { className: "h-3.5 w-3.5" }),
-												K.estimatedTime,
+												J.estimatedTime,
 												" min"
 											]
 										}),
-										K.dueTime && /* @__PURE__ */ k("span", {
+										J.dueTime && /* @__PURE__ */ k("span", {
 											className: "flex items-center gap-1",
 											children: [
 												/* @__PURE__ */ O(C, { className: "h-3.5 w-3.5" }),
 												"Due: ",
-												K.dueTime
+												J.dueTime
 											]
 										}),
-										K.location && /* @__PURE__ */ k("span", {
+										J.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" }), J.location]
 										})
 									]
 								})
@@ -324,12 +349,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: () => K(J.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__ */ O(d, { className: "h-4 w-4" }), "Complete"]
 							}), /* @__PURE__ */ k("button", {
 								type: "button",
-								onClick: () => W(K.id, "pause"),
+								onClick: () => K(J.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"]
 							})]
@@ -341,9 +366,9 @@ var N = {
 					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", {
+					children: Y.length > 0 ? /* @__PURE__ */ O("div", {
 						className: "divide-y divide-border",
-						children: q.map((e) => /* @__PURE__ */ O("div", {
+						children: Y.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 +376,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(P(e.type), { className: "h-4.5 w-4.5 text-text-secondary" })
 									}), /* @__PURE__ */ k("div", {
 										className: "flex-1 min-w-0",
 										children: [
@@ -363,11 +388,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", M[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", N[e.status]),
 														children: e.status.replace("_", " ")
 													})
 												]
@@ -412,14 +437,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: () => K(e.id, "start"),
+											disabled: B !== null,
+											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", B === 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__ */ 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 !== B && /* @__PURE__ */ k("button", {
 											type: "button",
-											onClick: () => z(e.id),
+											onClick: () => V(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 +460,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 +470,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 bg-gloss-card shadow-pop",
+					children: X.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: X.slice(0, 3).map((e) => /* @__PURE__ */ k("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__ */ 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-subtle/10",
+									children: /* @__PURE__ */ O(P(e.type), { className: "h-4 w-4 text-status-success-text" })
 								}),
 								/* @__PURE__ */ k("div", {
 									className: "flex-1 min-w-0",
@@ -473,7 +498,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 +509,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 bg-gloss-card shadow-pop",
 						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 +553,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 bg-gloss-card shadow-pop",
 						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 +611,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 bg-gloss-card shadow-pop",
 					children: [/* @__PURE__ */ O("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Overall Performance"
@@ -598,28 +623,28 @@ var N = {
 								children: "Total Deliveries"
 							}), /* @__PURE__ */ O("p", {
 								className: "text-lg font-bold text-text-primary",
-								children: P?.totalDeliveries || 0
+								children: I?.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(I?.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: [I?.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: [I?.completionRate || 0, "%"]
 							})] })
 						]
 					})]
@@ -629,6 +654,6 @@ var N = {
 	});
 };
 //#endregion
-export { P as WorkerDashboard };
+export { I as WorkerDashboard };
 
 //# sourceMappingURL=WorkerDashboard.js.map