@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

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

@@ -7,8 +7,9 @@ import { formatCurrency as a } from "../../utils/formatters.js";
 import { useCallback as o, useEffect as s, useState as c } from "react";
 import { AlertTriangle as l, ArrowRight as u, CheckCircle2 as d, ChefHat as f, ClipboardList as p, CreditCard as m, Loader2 as h, MapPin as g, Navigation as _, Package as v, Phone as y, PlayCircle as b, ShoppingBag as x, Star as S, Truck as C } from "lucide-react";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EmphasisPanel as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/worker/WorkerOrdersPage.tsx
-var E = [
+var O = [
 	{
 		id: "task-001",
 		orderId: "ORD-2024-001",
@@ -124,26 +125,26 @@ var E = [
 		}
 	}
 ];
-function D(e) {
+function k(e) {
 	let t = /* @__PURE__ */ new Date(), n = new Date(e), r = Math.floor((n.getTime() - t.getTime()) / (1e3 * 60));
 	return r < 0 ? "Overdue" : r < 60 ? `${r} min` : `${Math.floor(r / 60)}h ${r % 60}m`;
 }
-function O(e) {
+function A(e) {
 	switch (e) {
 		case "delivery": return {
 			icon: C,
 			label: "Delivery",
-			style: "bg-purple-500/20 text-purple-600 dark:text-purple-400"
+			style: "bg-accent-purple-subtle text-accent-purple"
 		};
 		case "pickup": return {
 			icon: x,
 			label: "Pickup",
-			style: "bg-blue-500/20 text-blue-600 dark:text-blue-400"
+			style: "bg-status-info-bg/20 text-status-info-text"
 		};
 		case "preparation": return {
 			icon: f,
 			label: "Preparation",
-			style: "bg-green-500/20 text-green-600 dark:text-green-400"
+			style: "bg-status-success-bg/20 text-status-success-text"
 		};
 		default: return {
 			icon: v,
@@ -152,44 +153,44 @@ function O(e) {
 		};
 	}
 }
-function k(e) {
+function j(e) {
 	switch (e) {
-		case "urgent": return "bg-red-500/20 text-red-600 dark:text-red-400";
-		case "high": return "bg-orange-500/20 text-orange-600 dark:text-orange-400";
-		case "medium": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
-		case "low": return "bg-green-500/20 text-green-600 dark:text-green-400";
+		case "urgent": return "bg-status-error-bg/20 text-status-error-text";
+		case "high": return "bg-status-warning-bg/20 text-status-warning-text";
+		case "medium": return "bg-status-warning-bg/20 text-status-warning-text";
+		case "low": return "bg-status-success-bg/20 text-status-success-text";
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
-var A = () => {
-	let { navigateTo: f } = e(), [v, x] = c(!0), [C, A] = c([]), [j, M] = c(null), [N, P] = c({
+var M = () => {
+	let { navigateTo: f } = e(), [x, C] = c(!0), [M, N] = c([]), [P, F] = c(null), [I, L] = c({
 		status: "",
 		type: "",
 		priority: "",
 		sortBy: "priority"
-	}), [F, I] = c({
+	}), [R, z] = c({
 		totalTasks: 0,
 		completedToday: 0,
 		pendingTasks: 0,
 		averageTime: 0,
 		earnings: 0,
 		rating: 4.8
-	}), [, L] = c(0);
+	}), [, B] = c(0);
 	s(() => {
-		let e = setInterval(() => L((e) => e + 1), 6e4);
+		let e = setInterval(() => B((e) => e + 1), 6e4);
 		return () => clearInterval(e);
 	}, []);
-	let R = o(() => {
-		x(!0), setTimeout(() => {
-			let e = [...E];
-			N.status && (e = e.filter((e) => e.status === N.status)), N.type && (e = e.filter((e) => e.type === N.type)), N.priority && (e = e.filter((e) => e.priority === N.priority));
+	let V = o(() => {
+		C(!0), setTimeout(() => {
+			let e = [...O];
+			I.status && (e = e.filter((e) => e.status === I.status)), I.type && (e = e.filter((e) => e.type === I.type)), I.priority && (e = e.filter((e) => e.priority === I.priority));
 			let t = {
 				urgent: 0,
 				high: 1,
 				medium: 2,
 				low: 3
 			};
-			switch (N.sortBy) {
+			switch (I.sortBy) {
 				case "priority":
 					e.sort((e, n) => (t[e.priority] ?? 4) - (t[n.priority] ?? 4));
 					break;
@@ -200,39 +201,39 @@ var A = () => {
 					e.sort((e, t) => (e.distance ?? 999) - (t.distance ?? 999));
 					break;
 			}
-			A(e), M(E.find((e) => e.status === "in_progress") ?? null), I({
+			N(e), F(O.find((e) => e.status === "in_progress") ?? null), z({
 				totalTasks: 45,
 				completedToday: 12,
 				pendingTasks: 3,
 				averageTime: 22,
 				earnings: 2450,
 				rating: 4.8
-			}), x(!1);
+			}), C(!1);
 		}, 600);
-	}, [N]);
+	}, [I]);
 	s(() => {
-		R();
-	}, [R]);
-	let z = (e, t) => {
-		P((n) => ({
+		V();
+	}, [V]);
+	let H = (e, t) => {
+		L((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, B = (e) => {
-		let t = E.find((t) => t.id === e);
-		t && (t.status = "in_progress", M(t), R());
-	}, V = (e) => {
-		let t = E.find((t) => t.id === e);
-		t && (t.status = "completed"), M(null), R(), alert("Task completed successfully");
-	}, H = (e) => {
-		window.location.href = `tel:${e.replace(/\s/g, "")}`;
 	}, U = (e) => {
+		let t = O.find((t) => t.id === e);
+		t && (t.status = "in_progress", F(t), V());
+	}, W = (e) => {
+		let t = O.find((t) => t.id === e);
+		t && (t.status = "completed"), F(null), V(), alert("Task completed successfully");
+	}, G = (e) => {
+		window.location.href = `tel:${e.replace(/\s/g, "")}`;
+	}, K = (e) => {
 		if (e.address) {
 			let t = encodeURIComponent(`${e.address.addressLine1}, ${e.address.city}`);
 			window.open(`https://maps.google.com?q=${t}`, "_blank");
 		}
 	};
-	return v ? /* @__PURE__ */ w(n, {
+	return x ? /* @__PURE__ */ w(n, {
 		title: "My Orders",
 		description: "Manage your assigned orders",
 		children: /* @__PURE__ */ w("div", {
@@ -251,78 +252,82 @@ var A = () => {
 		children: /* @__PURE__ */ T("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ w(D, {
+					icon: /* @__PURE__ */ w(v, { className: "h-4 w-4" }),
+					children: "Every order assigned to you in one queue. Pick up new tasks, update their status as you work, and mark them done to log your earnings. The stats up top show today's progress — tasks completed, time per order, earnings and your rating — so you always know how your shift is going."
+				}),
+				/* @__PURE__ */ T(E, {
 					className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3",
 					children: [
 						/* @__PURE__ */ T("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__ */ w("p", {
 								className: "text-xs text-text-secondary",
 								children: "Today's Tasks"
 							}), /* @__PURE__ */ w("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: F.totalTasks
+								children: R.totalTasks
 							})]
 						}),
 						/* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-green-500/20 bg-green-500/5 p-4 shadow-sm",
+							className: "rounded-lg border border-status-success-border/20 bg-status-success-bg/5 p-4 shadow-sm",
 							children: [/* @__PURE__ */ w("p", {
-								className: "text-xs text-green-600 dark:text-green-400",
+								className: "text-xs text-status-success-text",
 								children: "Completed"
 							}), /* @__PURE__ */ w("p", {
-								className: "text-2xl font-bold text-green-600 dark:text-green-400",
-								children: F.completedToday
+								className: "text-2xl font-bold text-status-success-text",
+								children: R.completedToday
 							})]
 						}),
 						/* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-yellow-500/20 bg-yellow-500/5 p-4 shadow-sm",
+							className: "rounded-lg border border-status-warning-border/20 bg-status-warning-bg/5 p-4 shadow-sm",
 							children: [/* @__PURE__ */ w("p", {
-								className: "text-xs text-yellow-600 dark:text-yellow-400",
+								className: "text-xs text-status-warning-text",
 								children: "Pending"
 							}), /* @__PURE__ */ w("p", {
-								className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
-								children: F.pendingTasks
+								className: "text-2xl font-bold text-status-warning-text",
+								children: R.pendingTasks
 							})]
 						}),
 						/* @__PURE__ */ T("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__ */ w("p", {
 								className: "text-xs text-text-secondary",
 								children: "Avg Time"
 							}), /* @__PURE__ */ T("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: [F.averageTime, " min"]
+								children: [R.averageTime, " min"]
 							})]
 						}),
 						/* @__PURE__ */ T("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__ */ w("p", {
 								className: "text-xs text-text-secondary",
 								children: "Today's Earnings"
 							}), /* @__PURE__ */ w("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: a(F.earnings, { minimumFractionDigits: 0 })
+								children: a(R.earnings, { minimumFractionDigits: 0 })
 							})]
 						}),
 						/* @__PURE__ */ T("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__ */ w("p", {
 								className: "text-xs text-text-secondary",
 								children: "Rating"
 							}), /* @__PURE__ */ T("p", {
 								className: "text-2xl font-bold text-text-primary flex items-center gap-1",
-								children: [/* @__PURE__ */ w(S, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }), F.rating]
+								children: [/* @__PURE__ */ w(S, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }), R.rating]
 							})]
 						})
 					]
 				}),
-				j && /* @__PURE__ */ T("div", {
-					className: "rounded-lg border-2 border-blue-500/30 bg-blue-500/5 p-5",
+				P && /* @__PURE__ */ T("div", {
+					className: "rounded-lg border-2 border-status-info-border/30 bg-status-info-bg/5 p-5",
 					children: [/* @__PURE__ */ w("h2", {
-						className: "text-base font-semibold text-blue-600 dark:text-blue-400 mb-4",
+						className: "text-base font-semibold text-status-info-text mb-4",
 						children: "Current Task"
 					}), /* @__PURE__ */ T("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4",
 						children: [/* @__PURE__ */ T("div", {
 							className: "flex items-center justify-between mb-4",
 							children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
@@ -330,35 +335,35 @@ var A = () => {
 								children: [
 									/* @__PURE__ */ T("h3", {
 										className: "text-sm font-semibold text-text-primary",
-										children: ["Order #", j.orderId]
+										children: ["Order #", P.orderId]
 									}),
 									(() => {
-										let e = O(j.type), n = e.icon;
+										let e = A(P.type), n = e.icon;
 										return /* @__PURE__ */ T("span", {
 											className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium", e.style),
 											children: [/* @__PURE__ */ w(n, { className: "h-3 w-3" }), e.label]
 										});
 									})(),
 									/* @__PURE__ */ w("span", {
-										className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", k(j.priority)),
-										children: j.priority
+										className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", j(P.priority)),
+										children: P.priority
 									})
 								]
 							}), /* @__PURE__ */ w("p", {
 								className: "text-xs text-text-secondary mt-1",
-								children: j.cartName
+								children: P.cartName
 							})] }), /* @__PURE__ */ T("div", {
 								className: "text-right",
 								children: [/* @__PURE__ */ w("p", {
-									className: "text-xl font-bold text-blue-600 dark:text-blue-400",
-									children: D(j.estimatedTime)
+									className: "text-xl font-bold text-status-info-text",
+									children: k(P.estimatedTime)
 								}), /* @__PURE__ */ w("p", {
 									className: "text-xs text-text-secondary",
 									children: "Time remaining"
 								})]
 							})]
 						}), /* @__PURE__ */ T("div", {
-							className: "border-t border-border-subtle pt-4",
+							className: "border-t border-border-seam pt-4",
 							children: [
 								/* @__PURE__ */ T("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-4",
@@ -369,14 +374,14 @@ var A = () => {
 										}),
 										/* @__PURE__ */ w("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: j.customerName
+											children: P.customerName
 										}),
-										j.address && /* @__PURE__ */ T("p", {
+										P.address && /* @__PURE__ */ T("p", {
 											className: "text-xs text-text-secondary mt-1",
 											children: [
-												j.address.addressLine1,
+												P.address.addressLine1,
 												", ",
-												j.address.city
+												P.address.city
 											]
 										})
 									] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
@@ -384,7 +389,7 @@ var A = () => {
 										children: "Items"
 									}), /* @__PURE__ */ w("div", {
 										className: "space-y-0.5",
-										children: j.items.map((e, t) => /* @__PURE__ */ T("p", {
+										children: P.items.map((e, t) => /* @__PURE__ */ T("p", {
 											className: "text-xs text-text-primary",
 											children: [
 												e.quantity,
@@ -394,14 +399,14 @@ var A = () => {
 										}, t))
 									})] })]
 								}),
-								j.specialInstructions && /* @__PURE__ */ T("div", {
-									className: "mt-3 p-3 rounded-md bg-yellow-500/10 border border-yellow-500/20",
+								P.specialInstructions && /* @__PURE__ */ T("div", {
+									className: "mt-3 p-3 rounded-md bg-status-warning-bg/10 border border-status-warning-border/20",
 									children: [/* @__PURE__ */ T("p", {
-										className: "text-xs font-medium text-yellow-600 dark:text-yellow-400 flex items-center gap-1",
+										className: "text-xs font-medium text-status-warning-text flex items-center gap-1",
 										children: [/* @__PURE__ */ w(l, { className: "h-3 w-3" }), "Special Instructions:"]
 									}), /* @__PURE__ */ w("p", {
-										className: "text-xs text-yellow-700 dark:text-yellow-300 mt-0.5",
-										children: j.specialInstructions
+										className: "text-xs text-status-warning-text mt-0.5",
+										children: P.specialInstructions
 									})]
 								}),
 								/* @__PURE__ */ T("div", {
@@ -409,20 +414,20 @@ var A = () => {
 									children: [
 										/* @__PURE__ */ T("button", {
 											type: "button",
-											onClick: () => H(j.customerPhone),
+											onClick: () => G(P.customerPhone),
 											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
 											children: [/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5" }), "Call Customer"]
 										}),
-										j.type === "delivery" && j.address && /* @__PURE__ */ T("button", {
+										P.type === "delivery" && P.address && /* @__PURE__ */ T("button", {
 											type: "button",
-											onClick: () => U(j),
+											onClick: () => K(P),
 											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
 											children: [/* @__PURE__ */ w(_, { className: "h-3.5 w-3.5" }), "Navigate"]
 										}),
 										/* @__PURE__ */ T("button", {
 											type: "button",
-											onClick: () => V(j.id),
-											className: "ml-auto inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+											onClick: () => W(P.id),
+											className: "ml-auto inline-flex items-center gap-1.5 rounded-md bg-status-success-bg/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
 											children: [/* @__PURE__ */ w(d, { className: "h-3.5 w-3.5" }), "Complete Task"]
 										})
 									]
@@ -432,14 +437,14 @@ var A = () => {
 					})]
 				}),
 				/* @__PURE__ */ w("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__ */ T("div", {
 						className: "grid grid-cols-1 md:grid-cols-4 gap-3",
 						children: [
 							/* @__PURE__ */ T("select", {
-								value: N.status,
-								onChange: (e) => z("status", e.target.value),
-								className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-blue-500/40",
+								value: I.status,
+								onChange: (e) => H("status", e.target.value),
+								className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-status-info-border/40",
 								children: [
 									/* @__PURE__ */ w("option", {
 										value: "",
@@ -460,9 +465,9 @@ var A = () => {
 								]
 							}),
 							/* @__PURE__ */ T("select", {
-								value: N.type,
-								onChange: (e) => z("type", e.target.value),
-								className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-blue-500/40",
+								value: I.type,
+								onChange: (e) => H("type", e.target.value),
+								className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-status-info-border/40",
 								children: [
 									/* @__PURE__ */ w("option", {
 										value: "",
@@ -483,9 +488,9 @@ var A = () => {
 								]
 							}),
 							/* @__PURE__ */ T("select", {
-								value: N.priority,
-								onChange: (e) => z("priority", e.target.value),
-								className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-blue-500/40",
+								value: I.priority,
+								onChange: (e) => H("priority", e.target.value),
+								className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-status-info-border/40",
 								children: [
 									/* @__PURE__ */ w("option", {
 										value: "",
@@ -510,9 +515,9 @@ var A = () => {
 								]
 							}),
 							/* @__PURE__ */ T("select", {
-								value: N.sortBy,
-								onChange: (e) => z("sortBy", e.target.value),
-								className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-blue-500/40",
+								value: I.sortBy,
+								onChange: (e) => H("sortBy", e.target.value),
+								className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-status-info-border/40",
 								children: [
 									/* @__PURE__ */ w("option", {
 										value: "priority",
@@ -531,16 +536,17 @@ var A = () => {
 						]
 					})
 				}),
-				C.length === 0 ? /* @__PURE__ */ w(i, {
+				M.length === 0 ? /* @__PURE__ */ w(i, {
+					illustration: "empty-data",
 					icon: /* @__PURE__ */ w(p, { className: "h-12 w-12" }),
 					title: "No tasks available",
 					description: "Check back later for new tasks"
 				}) : /* @__PURE__ */ w("div", {
 					className: "space-y-3",
-					children: C.map((e) => {
-						let n = O(e.type), i = n.icon;
+					children: M.map((e) => {
+						let n = A(e.type), i = n.icon;
 						return /* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm hover:shadow-md transition-shadow",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm hover:shadow-md transition-shadow",
 							children: [
 								/* @__PURE__ */ T("div", {
 									className: "flex items-center justify-between mb-3",
@@ -556,7 +562,7 @@ var A = () => {
 												children: [/* @__PURE__ */ w(i, { className: "h-3 w-3" }), n.label]
 											}),
 											/* @__PURE__ */ w("span", {
-												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", k(e.priority)),
+												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", j(e.priority)),
 												children: e.priority
 											})
 										]
@@ -573,7 +579,7 @@ var A = () => {
 											className: "text-lg font-bold text-text-primary",
 											children: a(e.payment.amount, { minimumFractionDigits: 0 })
 										}), /* @__PURE__ */ w("p", {
-											className: t("text-xs", e.payment.status === "completed" ? "text-green-600 dark:text-green-400" : "text-yellow-600 dark:text-yellow-400"),
+											className: t("text-xs", e.payment.status === "completed" ? "text-status-success-text" : "text-status-warning-text"),
 											children: /* @__PURE__ */ T("span", {
 												className: "flex items-center gap-1 justify-end",
 												children: [/* @__PURE__ */ w(m, { className: "h-3 w-3" }), e.payment.status === "completed" ? "Paid" : "COD"]
@@ -607,24 +613,24 @@ var A = () => {
 											className: "text-xs text-text-secondary",
 											children: "Time"
 										}), /* @__PURE__ */ w("p", {
-											className: t("text-xs font-medium", D(e.estimatedTime) === "Overdue" ? "text-red-600 dark:text-red-400" : "text-text-primary"),
-											children: D(e.estimatedTime)
+											className: t("text-xs font-medium", k(e.estimatedTime) === "Overdue" ? "text-status-error-text" : "text-text-primary"),
+											children: k(e.estimatedTime)
 										})] })
 									]
 								}),
 								e.status === "pending" && /* @__PURE__ */ T("div", {
-									className: "flex items-center flex-wrap gap-2 border-t border-border-subtle pt-3",
+									className: "flex items-center flex-wrap gap-2 border-t border-border-seam pt-3",
 									children: [
 										/* @__PURE__ */ T("button", {
 											type: "button",
-											onClick: () => B(e.id),
-											disabled: j !== null,
-											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", j === 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__ */ w(b, { className: "h-3.5 w-3.5" }), j ? "Complete current first" : "Start Task"]
+											onClick: () => U(e.id),
+											disabled: P !== null,
+											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", P === 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__ */ w(b, { className: "h-3.5 w-3.5" }), P ? "Complete current first" : "Start Task"]
 										}),
 										/* @__PURE__ */ T("button", {
 											type: "button",
-											onClick: () => H(e.customerPhone),
+											onClick: () => G(e.customerPhone),
 											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__ */ w(y, { className: "h-3.5 w-3.5" }), "Call"]
 										}),
@@ -638,12 +644,12 @@ var A = () => {
 										})
 									]
 								}),
-								e.status === "in_progress" && e.id !== j?.id && /* @__PURE__ */ T("div", {
-									className: "flex items-center gap-2 border-t border-border-subtle pt-3",
+								e.status === "in_progress" && e.id !== P?.id && /* @__PURE__ */ T("div", {
+									className: "flex items-center gap-2 border-t border-border-seam pt-3",
 									children: [/* @__PURE__ */ T("button", {
 										type: "button",
-										onClick: () => V(e.id),
-										className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-1.5 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+										onClick: () => W(e.id),
+										className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg/10 px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
 										children: [/* @__PURE__ */ w(d, { className: "h-3.5 w-3.5" }), "Complete"]
 									}), /* @__PURE__ */ T("button", {
 										type: "button",
@@ -653,7 +659,7 @@ var A = () => {
 									})]
 								}),
 								e.status === "completed" && /* @__PURE__ */ T("div", {
-									className: "flex items-center gap-2 border-t border-border-subtle pt-3",
+									className: "flex items-center gap-2 border-t border-border-seam pt-3",
 									children: [/* @__PURE__ */ w(r, { status: "completed" }), /* @__PURE__ */ T("button", {
 										type: "button",
 										onClick: () => f(`/worker/task/${e.id}`),
@@ -670,6 +676,6 @@ var A = () => {
 	});
 };
 //#endregion
-export { A as WorkerOrdersPage };
+export { M as WorkerOrdersPage };
 
 //# sourceMappingURL=WorkerOrdersPage.js.map