@burdenoff/microfe-adaptercloud 2026.624.1 → 2026.625.2

package/dist/adaptercloud/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 } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/worker/WorkerOrdersPage.tsx
-var E = [
+var D = [
 	{
 		id: "task-001",
 		orderId: "ORD-2024-001",
@@ -124,26 +125,26 @@ var E = [
 		}
 	}
 ];
-function D(e) {
+function O(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 k(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/20 text-accent-purple"
 		};
 		case "pickup": return {
 			icon: x,
 			label: "Pickup",
-			style: "bg-blue-500/20 text-blue-600 dark:text-blue-400"
+			style: "bg-accent-blue-subtle/20 text-accent-blue"
 		};
 		case "preparation": return {
 			icon: f,
 			label: "Preparation",
-			style: "bg-green-500/20 text-green-600 dark:text-green-400"
+			style: "bg-status-success-bg-subtle/20 text-status-success-text"
 		};
 		default: return {
 			icon: v,
@@ -152,44 +153,44 @@ function O(e) {
 		};
 	}
 }
-function k(e) {
+function A(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-subtle/20 text-status-error-text";
+		case "high": return "bg-accent-orange-subtle/20 text-accent-orange";
+		case "medium": return "bg-status-warning-bg-subtle/20 text-status-warning-text";
+		case "low": return "bg-status-success-bg-subtle/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 j = () => {
+	let { navigateTo: f } = e(), [v, x] = c(!0), [C, j] = c([]), [M, N] = c(null), [P, F] = c({
 		status: "",
 		type: "",
 		priority: "",
 		sortBy: "priority"
-	}), [F, I] = c({
+	}), [I, L] = c({
 		totalTasks: 0,
 		completedToday: 0,
 		pendingTasks: 0,
 		averageTime: 0,
 		earnings: 0,
 		rating: 4.8
-	}), [, L] = c(0);
+	}), [, R] = c(0);
 	s(() => {
-		let e = setInterval(() => L((e) => e + 1), 6e4);
+		let e = setInterval(() => R((e) => e + 1), 6e4);
 		return () => clearInterval(e);
 	}, []);
-	let R = o(() => {
+	let z = 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 e = [...D];
+			P.status && (e = e.filter((e) => e.status === P.status)), P.type && (e = e.filter((e) => e.type === P.type)), P.priority && (e = e.filter((e) => e.priority === P.priority));
 			let t = {
 				urgent: 0,
 				high: 1,
 				medium: 2,
 				low: 3
 			};
-			switch (N.sortBy) {
+			switch (P.sortBy) {
 				case "priority":
 					e.sort((e, n) => (t[e.priority] ?? 4) - (t[n.priority] ?? 4));
 					break;
@@ -200,7 +201,7 @@ 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({
+			j(e), N(D.find((e) => e.status === "in_progress") ?? null), L({
 				totalTasks: 45,
 				completedToday: 12,
 				pendingTasks: 3,
@@ -209,24 +210,24 @@ var A = () => {
 				rating: 4.8
 			}), x(!1);
 		}, 600);
-	}, [N]);
+	}, [P]);
 	s(() => {
-		R();
-	}, [R]);
-	let z = (e, t) => {
-		P((n) => ({
+		z();
+	}, [z]);
+	let B = (e, t) => {
+		F((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");
+		let t = D.find((t) => t.id === e);
+		t && (t.status = "in_progress", N(t), z());
 	}, H = (e) => {
-		window.location.href = `tel:${e.replace(/\s/g, "")}`;
+		let t = D.find((t) => t.id === e);
+		t && (t.status = "completed"), N(null), z(), alert("Task completed successfully");
 	}, U = (e) => {
+		window.location.href = `tel:${e.replace(/\s/g, "")}`;
+	}, W = (e) => {
 		if (e.address) {
 			let t = encodeURIComponent(`${e.address.addressLine1}, ${e.address.city}`);
 			window.open(`https://maps.google.com?q=${t}`, "_blank");
@@ -248,81 +249,82 @@ var A = () => {
 	}) : /* @__PURE__ */ w(n, {
 		title: "My Orders",
 		description: "Manage your assigned orders",
+		purpose: "Every task assigned to you, with today's progress and earnings up top. Filter by status, open a task to get directions and customer details, and work the queue to keep deliveries and services on time.",
 		children: /* @__PURE__ */ T("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ w(E, { children: /* @__PURE__ */ T("div", {
 					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 bg-gloss-card shadow-pop",
 							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: I.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-subtle/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: I.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-subtle/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: I.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 bg-gloss-card shadow-pop",
 							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: [I.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 bg-gloss-card shadow-pop",
 							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(I.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 bg-gloss-card shadow-pop",
 							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" }), I.rating]
 							})]
 						})
 					]
-				}),
-				j && /* @__PURE__ */ T("div", {
-					className: "rounded-lg border-2 border-blue-500/30 bg-blue-500/5 p-5",
+				}) }),
+				M && /* @__PURE__ */ T("div", {
+					className: "rounded-lg border-2 border-accent-blue-subtle/30 bg-accent-blue-subtle/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-accent-blue 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 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ T("div", {
 							className: "flex items-center justify-between mb-4",
 							children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
@@ -330,28 +332,28 @@ var A = () => {
 								children: [
 									/* @__PURE__ */ T("h3", {
 										className: "text-sm font-semibold text-text-primary",
-										children: ["Order #", j.orderId]
+										children: ["Order #", M.orderId]
 									}),
 									(() => {
-										let e = O(j.type), n = e.icon;
+										let e = k(M.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", A(M.priority)),
+										children: M.priority
 									})
 								]
 							}), /* @__PURE__ */ w("p", {
 								className: "text-xs text-text-secondary mt-1",
-								children: j.cartName
+								children: M.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-accent-blue",
+									children: O(M.estimatedTime)
 								}), /* @__PURE__ */ w("p", {
 									className: "text-xs text-text-secondary",
 									children: "Time remaining"
@@ -369,14 +371,14 @@ var A = () => {
 										}),
 										/* @__PURE__ */ w("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: j.customerName
+											children: M.customerName
 										}),
-										j.address && /* @__PURE__ */ T("p", {
+										M.address && /* @__PURE__ */ T("p", {
 											className: "text-xs text-text-secondary mt-1",
 											children: [
-												j.address.addressLine1,
+												M.address.addressLine1,
 												", ",
-												j.address.city
+												M.address.city
 											]
 										})
 									] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
@@ -384,7 +386,7 @@ var A = () => {
 										children: "Items"
 									}), /* @__PURE__ */ w("div", {
 										className: "space-y-0.5",
-										children: j.items.map((e, t) => /* @__PURE__ */ T("p", {
+										children: M.items.map((e, t) => /* @__PURE__ */ T("p", {
 											className: "text-xs text-text-primary",
 											children: [
 												e.quantity,
@@ -394,14 +396,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",
+								M.specialInstructions && /* @__PURE__ */ T("div", {
+									className: "mt-3 p-3 rounded-md bg-status-warning-bg-subtle/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: M.specialInstructions
 									})]
 								}),
 								/* @__PURE__ */ T("div", {
@@ -409,20 +411,20 @@ var A = () => {
 									children: [
 										/* @__PURE__ */ T("button", {
 											type: "button",
-											onClick: () => H(j.customerPhone),
+											onClick: () => U(M.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", {
+										M.type === "delivery" && M.address && /* @__PURE__ */ T("button", {
 											type: "button",
-											onClick: () => U(j),
+											onClick: () => W(M),
 											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: () => H(M.id),
+											className: "ml-auto inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 											children: [/* @__PURE__ */ w(d, { className: "h-3.5 w-3.5" }), "Complete Task"]
 										})
 									]
@@ -432,14 +434,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 bg-gloss-card shadow-pop",
 					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: P.status,
+								onChange: (e) => B("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-accent-blue-subtle/40",
 								children: [
 									/* @__PURE__ */ w("option", {
 										value: "",
@@ -460,9 +462,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: P.type,
+								onChange: (e) => B("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-accent-blue-subtle/40",
 								children: [
 									/* @__PURE__ */ w("option", {
 										value: "",
@@ -483,9 +485,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: P.priority,
+								onChange: (e) => B("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-accent-blue-subtle/40",
 								children: [
 									/* @__PURE__ */ w("option", {
 										value: "",
@@ -510,9 +512,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: P.sortBy,
+								onChange: (e) => B("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-accent-blue-subtle/40",
 								children: [
 									/* @__PURE__ */ w("option", {
 										value: "priority",
@@ -532,15 +534,16 @@ var A = () => {
 					})
 				}),
 				C.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;
+						let n = k(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 hover:shadow-md transition-shadow bg-gloss-card shadow-pop",
 							children: [
 								/* @__PURE__ */ T("div", {
 									className: "flex items-center justify-between mb-3",
@@ -556,7 +559,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", A(e.priority)),
 												children: e.priority
 											})
 										]
@@ -573,7 +576,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,8 +610,8 @@ 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", O(e.estimatedTime) === "Overdue" ? "text-status-error-text" : "text-text-primary"),
+											children: O(e.estimatedTime)
 										})] })
 									]
 								}),
@@ -617,14 +620,14 @@ var A = () => {
 									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: () => V(e.id),
+											disabled: M !== null,
+											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", M === 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__ */ w(b, { className: "h-3.5 w-3.5" }), M ? "Complete current first" : "Start Task"]
 										}),
 										/* @__PURE__ */ T("button", {
 											type: "button",
-											onClick: () => H(e.customerPhone),
+											onClick: () => U(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 +641,12 @@ var A = () => {
 										})
 									]
 								}),
-								e.status === "in_progress" && e.id !== j?.id && /* @__PURE__ */ T("div", {
+								e.status === "in_progress" && e.id !== M?.id && /* @__PURE__ */ T("div", {
 									className: "flex items-center gap-2 border-t border-border-subtle 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: () => H(e.id),
+										className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 										children: [/* @__PURE__ */ w(d, { className: "h-3.5 w-3.5" }), "Complete"]
 									}), /* @__PURE__ */ T("button", {
 										type: "button",
@@ -670,6 +673,6 @@ var A = () => {
 	});
 };
 //#endregion
-export { A as WorkerOrdersPage };
+export { j as WorkerOrdersPage };
 
 //# sourceMappingURL=WorkerOrdersPage.js.map