@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.710.1

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

@@ -5,10 +5,12 @@ import { StatusBadge as r } from "../../components/StatusBadge.js";
 import { EmptyState as i } from "../../components/EmptyState.js";
 import { useUpdateWorkerTaskStatus as a, useWorkerStats as o, useWorkerTasks as s } from "../../hooks/useKadaikodiApi.js";
 import { formatCurrency as c } from "../../utils/formatters.js";
-import { useEffect as l, useMemo as u, useState as d } from "react";
-import { AlertTriangle as f, ArrowRight as p, CheckCircle2 as m, ClipboardList as h, IndianRupee as g, Loader2 as _, MapPin as v, Navigation as y, Package as b, Phone as x, PlayCircle as S, ShoppingBag as C, Star as w, Truck as T } from "lucide-react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { EmphasisPanel as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
+import { StatCard as l } from "../../components/viz/StatCard.js";
+import "../../components/viz/index.js";
+import { useEffect as u, useMemo as d, useState as f } from "react";
+import { AlertTriangle as p, ArrowRight as m, CheckCircle2 as h, ClipboardList as g, IndianRupee as _, Loader2 as v, MapPin as y, Navigation as b, Package as x, Phone as S, PlayCircle as C, ShoppingBag as w, Star as T, Truck as E } from "lucide-react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { PagePurpose as k } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/worker/WorkerOrdersPage.tsx
 function A(e) {
 	if (!e) return null;
@@ -20,22 +22,22 @@ function A(e) {
 function j(e) {
 	switch (e) {
 		case "delivery": return {
-			icon: T,
+			icon: E,
 			label: "Delivery",
 			style: "bg-accent-purple-subtle text-text-primary"
 		};
 		case "pickup": return {
-			icon: C,
+			icon: w,
 			label: "Pickup",
 			style: "bg-[var(--color-accent-soft)] text-text-primary"
 		};
 		case "service": return {
-			icon: b,
+			icon: x,
 			label: "Service",
 			style: "bg-status-success-bg-subtle text-status-success-text"
 		};
 		default: return {
-			icon: b,
+			icon: x,
 			label: e,
 			style: "bg-bg-sunken text-text-secondary"
 		};
@@ -66,17 +68,17 @@ var P = {
 	medium: 2,
 	low: 3
 }, F = () => {
-	let { navigateTo: b, currentUser: C } = e(), T = C?.id ?? "", { data: F = [], isLoading: I } = s(T), { data: L, isLoading: R } = o(T), z = a(), [B, V] = d({
+	let { navigateTo: x, currentUser: w } = e(), E = w?.id ?? "", { data: F = [], isLoading: I } = s(E), { data: L, isLoading: R } = o(E), z = a(), [B, V] = f({
 		status: "",
 		type: "",
 		priority: "",
 		sortBy: "priority"
-	}), [, H] = d(0);
-	l(() => {
+	}), [, H] = f(0);
+	u(() => {
 		let e = setInterval(() => H((e) => e + 1), 6e4);
 		return () => clearInterval(e);
 	}, []);
-	let U = u(() => F.find((e) => e.status === "in_progress") ?? null, [F]), W = u(() => {
+	let U = d(() => F.find((e) => e.status === "in_progress") ?? null, [F]), W = d(() => {
 		let e = [...F];
 		switch (B.status && (e = e.filter((e) => e.status === B.status)), B.type && (e = e.filter((e) => e.type === B.type)), B.priority && (e = e.filter((e) => e.priority === B.priority)), B.sortBy) {
 			case "priority":
@@ -90,7 +92,7 @@ var P = {
 				break;
 		}
 		return e;
-	}, [F, B]), G = u(() => F.filter((e) => e.status === "completed").length, [F]), K = u(() => F.filter((e) => e.status === "pending").length, [F]), q = (e, t) => {
+	}, [F, B]), G = d(() => F.filter((e) => e.status === "completed").length, [F]), K = d(() => F.filter((e) => e.status === "pending").length, [F]), q = (e, t) => {
 		V((n) => ({
 			...n,
 			[e]: t
@@ -111,183 +113,158 @@ var P = {
 		let t = N(e);
 		t && window.open(`https://maps.google.com?q=${encodeURIComponent(t)}`, "_blank");
 	};
-	return I || R ? /* @__PURE__ */ E(n, {
+	return I || R ? /* @__PURE__ */ D(n, {
 		title: "My Orders",
 		description: "Manage your assigned orders",
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "flex items-center justify-center py-24",
-			children: /* @__PURE__ */ D("div", {
+			children: /* @__PURE__ */ O("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ E(_, { className: "h-10 w-10 animate-spin text-text-secondary mx-auto mb-4" }), /* @__PURE__ */ E("p", {
+				children: [/* @__PURE__ */ D(v, { className: "h-10 w-10 animate-spin text-text-secondary mx-auto mb-4" }), /* @__PURE__ */ D("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading tasks..."
 				})]
 			})
 		})
-	}) : /* @__PURE__ */ D(n, {
+	}) : /* @__PURE__ */ O(n, {
 		title: "My Orders",
 		description: "Manage your assigned orders",
-		children: [/* @__PURE__ */ E(k, {
+		children: [/* @__PURE__ */ D(k, {
 			className: "mb-6",
 			children: "Your work for the day, task by task. Use this page to see what's assigned to you, focus on your current task, and move jobs from pending to completed — while keeping an eye on your tasks, earnings and rating. Open any task for full details and customer info so you can get it done right."
-		}), /* @__PURE__ */ D("div", {
+		}), /* @__PURE__ */ O("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("h2", {
-					className: "mb-4 text-base font-semibold text-text-primary",
-					children: "Today at a Glance"
-				}), /* @__PURE__ */ D("div", {
-					className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3",
+				/* @__PURE__ */ O("div", {
+					className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3 sm:gap-4",
 					children: [
-						/* @__PURE__ */ D("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ E("p", {
-								className: "text-xs text-text-secondary",
-								children: "Today's Tasks"
-							}), /* @__PURE__ */ E("p", {
-								className: "text-2xl font-bold text-text-primary",
-								children: L?.todayTasks ?? 0
-							})]
+						/* @__PURE__ */ D(l, {
+							label: "Today's Tasks",
+							value: L?.todayTasks ?? 0,
+							icon: /* @__PURE__ */ D(g, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ D("div", {
-							className: "rounded-lg border border-status-success-text/20 bg-status-success-bg-subtle p-4 shadow-sm",
-							children: [/* @__PURE__ */ E("p", {
-								className: "text-xs text-status-success-text",
-								children: "Completed"
-							}), /* @__PURE__ */ E("p", {
-								className: "text-2xl font-bold text-status-success-text",
-								children: G
-							})]
+						/* @__PURE__ */ D(l, {
+							label: "Completed",
+							value: G,
+							icon: /* @__PURE__ */ D(h, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ D("div", {
-							className: "rounded-lg border border-status-warning-text/20 bg-status-warning-bg-subtle p-4 shadow-sm",
-							children: [/* @__PURE__ */ E("p", {
-								className: "text-xs text-status-warning-text",
-								children: "Pending"
-							}), /* @__PURE__ */ E("p", {
-								className: "text-2xl font-bold text-status-warning-text",
-								children: K
-							})]
+						/* @__PURE__ */ D(l, {
+							label: "Pending",
+							value: K,
+							icon: /* @__PURE__ */ D(C, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ D("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ E("p", {
-								className: "text-xs text-text-secondary",
-								children: "Today's Earnings"
-							}), /* @__PURE__ */ E("p", {
-								className: "text-2xl font-bold text-text-primary",
-								children: c(L?.todayEarnings ?? 0, { minimumFractionDigits: 0 })
-							})]
+						/* @__PURE__ */ D(l, {
+							label: "Today's Earnings",
+							value: c(L?.todayEarnings ?? 0, { minimumFractionDigits: 0 }),
+							icon: /* @__PURE__ */ D(_, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ D("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ E("p", {
-								className: "text-xs text-text-secondary",
-								children: "Rating"
-							}), /* @__PURE__ */ D("p", {
-								className: "text-2xl font-bold text-text-primary flex items-center gap-1",
-								children: [/* @__PURE__ */ E(w, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }), L?.averageRating ?? 0]
-							})]
+						/* @__PURE__ */ D(l, {
+							label: "Rating",
+							value: /* @__PURE__ */ O("span", {
+								className: "flex items-center gap-1.5",
+								children: [L?.averageRating ?? 0, /* @__PURE__ */ D(T, { className: "h-5 w-5 fill-status-warning-text text-status-warning-text" })]
+							}),
+							icon: /* @__PURE__ */ D(T, { className: "h-4 w-4" })
 						})
 					]
-				})] }),
-				U && /* @__PURE__ */ D("div", {
+				}),
+				U && /* @__PURE__ */ O("div", {
 					className: "rounded-lg border-2 border-border-focus/30 bg-[var(--color-accent-soft)] p-5",
-					children: [/* @__PURE__ */ E("h2", {
+					children: [/* @__PURE__ */ D("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Current Task"
-					}), /* @__PURE__ */ D("div", {
+					}), /* @__PURE__ */ O("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-						children: [/* @__PURE__ */ D("div", {
+						children: [/* @__PURE__ */ O("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("div", {
 								className: "flex items-center gap-2 flex-wrap",
 								children: [
-									/* @__PURE__ */ E("h3", {
+									/* @__PURE__ */ D("h3", {
 										className: "text-sm font-semibold text-text-primary",
 										children: U.orderId ? `Order #${U.orderId}` : U.cartName
 									}),
 									(() => {
 										let e = j(U.type), n = e.icon;
-										return /* @__PURE__ */ D("span", {
+										return /* @__PURE__ */ O("span", {
 											className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium", e.style),
-											children: [/* @__PURE__ */ E(n, { className: "h-3 w-3" }), e.label]
+											children: [/* @__PURE__ */ D(n, { className: "h-3 w-3" }), e.label]
 										});
 									})(),
-									/* @__PURE__ */ E("span", {
+									/* @__PURE__ */ D("span", {
 										className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", M(U.priority)),
 										children: U.priority
 									})
 								]
-							}), /* @__PURE__ */ E("p", {
+							}), /* @__PURE__ */ D("p", {
 								className: "text-xs text-text-secondary mt-1",
 								children: U.cartName
-							})] }), A(U.dueAt) && /* @__PURE__ */ D("div", {
+							})] }), A(U.dueAt) && /* @__PURE__ */ O("div", {
 								className: "text-right",
-								children: [/* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ D("p", {
 									className: "text-xl font-bold text-text-primary",
 									children: A(U.dueAt)
-								}), /* @__PURE__ */ E("p", {
+								}), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: "Time remaining"
 								})]
 							})]
-						}), /* @__PURE__ */ D("div", {
+						}), /* @__PURE__ */ O("div", {
 							className: "border-t border-border-subtle pt-4",
 							children: [
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ D("div", { children: [
-										/* @__PURE__ */ E("p", {
+									children: [/* @__PURE__ */ O("div", { children: [
+										/* @__PURE__ */ D("p", {
 											className: "text-xs font-medium text-text-secondary",
 											children: "Customer"
 										}),
-										/* @__PURE__ */ E("p", {
+										/* @__PURE__ */ D("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: U.customerName || "—"
 										}),
-										N(U) && /* @__PURE__ */ E("p", {
+										N(U) && /* @__PURE__ */ D("p", {
 											className: "text-xs text-text-secondary mt-1",
 											children: N(U)
 										})
-									] }), U.description && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+									] }), U.description && /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 										className: "text-xs font-medium text-text-secondary",
 										children: "Task"
-									}), /* @__PURE__ */ E("p", {
+									}), /* @__PURE__ */ D("p", {
 										className: "text-xs text-text-primary",
 										children: U.description
 									})] })]
 								}),
-								U.notes && /* @__PURE__ */ D("div", {
+								U.notes && /* @__PURE__ */ O("div", {
 									className: "mt-3 p-3 rounded-md bg-status-warning-bg-subtle border border-status-warning-text/20",
-									children: [/* @__PURE__ */ D("p", {
+									children: [/* @__PURE__ */ O("p", {
 										className: "text-xs font-medium text-status-warning-text flex items-center gap-1",
-										children: [/* @__PURE__ */ E(f, { className: "h-3 w-3" }), "Notes:"]
-									}), /* @__PURE__ */ E("p", {
+										children: [/* @__PURE__ */ D(p, { className: "h-3 w-3" }), "Notes:"]
+									}), /* @__PURE__ */ D("p", {
 										className: "text-xs text-status-warning-text mt-0.5",
 										children: U.notes
 									})]
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "flex flex-wrap gap-2 mt-4",
 									children: [
-										U.customerPhone && /* @__PURE__ */ D("button", {
+										U.customerPhone && /* @__PURE__ */ O("button", {
 											type: "button",
 											onClick: () => X(U.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__ */ E(x, { className: "h-3.5 w-3.5" }), "Call Customer"]
+											children: [/* @__PURE__ */ D(S, { className: "h-3.5 w-3.5" }), "Call Customer"]
 										}),
-										U.type === "delivery" && N(U) && /* @__PURE__ */ D("button", {
+										U.type === "delivery" && N(U) && /* @__PURE__ */ O("button", {
 											type: "button",
 											onClick: () => Z(U),
 											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__ */ E(y, { className: "h-3.5 w-3.5" }), "Navigate"]
+											children: [/* @__PURE__ */ D(b, { className: "h-3.5 w-3.5" }), "Navigate"]
 										}),
-										/* @__PURE__ */ D("button", {
+										/* @__PURE__ */ O("button", {
 											type: "button",
 											onClick: () => Y(U.id),
 											className: "ml-auto inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
-											children: [/* @__PURE__ */ E(m, { className: "h-3.5 w-3.5" }), "Complete Task"]
+											children: [/* @__PURE__ */ D(h, { className: "h-3.5 w-3.5" }), "Complete Task"]
 										})
 									]
 								})
@@ -295,98 +272,98 @@ var P = {
 						})]
 					})]
 				}),
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ D("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-					children: /* @__PURE__ */ D("div", {
+					children: /* @__PURE__ */ O("div", {
 						className: "grid grid-cols-1 md:grid-cols-4 gap-3",
 						children: [
-							/* @__PURE__ */ D("select", {
+							/* @__PURE__ */ O("select", {
 								value: B.status,
 								onChange: (e) => q("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-border-focus/40",
 								children: [
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "",
 										children: "All Tasks"
 									}),
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "pending",
 										children: "Pending Tasks"
 									}),
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "in_progress",
 										children: "In Progress"
 									}),
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "completed",
 										children: "Completed"
 									})
 								]
 							}),
-							/* @__PURE__ */ D("select", {
+							/* @__PURE__ */ O("select", {
 								value: B.type,
 								onChange: (e) => q("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-border-focus/40",
 								children: [
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "",
 										children: "All Types"
 									}),
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "delivery",
 										children: "Delivery"
 									}),
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "pickup",
 										children: "Pickup"
 									}),
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "service",
 										children: "Service"
 									})
 								]
 							}),
-							/* @__PURE__ */ D("select", {
+							/* @__PURE__ */ O("select", {
 								value: B.priority,
 								onChange: (e) => q("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-border-focus/40",
 								children: [
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "",
 										children: "All Priorities"
 									}),
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "urgent",
 										children: "Urgent"
 									}),
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "high",
 										children: "High"
 									}),
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "medium",
 										children: "Medium"
 									}),
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "low",
 										children: "Low"
 									})
 								]
 							}),
-							/* @__PURE__ */ D("select", {
+							/* @__PURE__ */ O("select", {
 								value: B.sortBy,
 								onChange: (e) => q("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-border-focus/40",
 								children: [
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "priority",
 										children: "Sort by Priority"
 									}),
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "time",
 										children: "Sort by Time"
 									}),
-									/* @__PURE__ */ E("option", {
+									/* @__PURE__ */ D("option", {
 										value: "distance",
 										children: "Sort by Distance"
 									})
@@ -395,125 +372,125 @@ var P = {
 						]
 					})
 				}),
-				W.length === 0 ? /* @__PURE__ */ E(i, {
-					icon: /* @__PURE__ */ E(h, { className: "h-12 w-12" }),
+				W.length === 0 ? /* @__PURE__ */ D(i, {
+					icon: /* @__PURE__ */ D(g, { className: "h-12 w-12" }),
 					title: "No tasks assigned",
 					description: "You have no tasks matching this view. New assignments will appear here."
-				}) : /* @__PURE__ */ E("div", {
+				}) : /* @__PURE__ */ D("div", {
 					className: "space-y-3",
 					children: W.map((e) => {
 						let n = j(e.type), i = n.icon, a = A(e.dueAt), o = N(e);
-						return /* @__PURE__ */ D("div", {
+						return /* @__PURE__ */ O("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm hover:shadow-md transition-shadow",
 							children: [
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "flex items-center justify-between mb-3",
-									children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
+									children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("div", {
 										className: "flex items-center gap-2 flex-wrap",
 										children: [
-											/* @__PURE__ */ E("h3", {
+											/* @__PURE__ */ D("h3", {
 												className: "text-sm font-semibold text-text-primary",
 												children: e.orderId ? `Order #${e.orderId}` : e.cartName
 											}),
-											/* @__PURE__ */ D("span", {
+											/* @__PURE__ */ O("span", {
 												className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium", n.style),
-												children: [/* @__PURE__ */ E(i, { className: "h-3 w-3" }), n.label]
+												children: [/* @__PURE__ */ D(i, { className: "h-3 w-3" }), n.label]
 											}),
-											/* @__PURE__ */ E("span", {
+											/* @__PURE__ */ D("span", {
 												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__ */ D("p", {
+									}), /* @__PURE__ */ O("p", {
 										className: "text-xs text-text-secondary mt-1",
 										children: [e.cartName, e.customerName ? ` · ${e.customerName}` : ""]
-									})] }), e.earnings > 0 && /* @__PURE__ */ D("div", {
+									})] }), e.earnings > 0 && /* @__PURE__ */ O("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ D("p", {
+										children: [/* @__PURE__ */ O("p", {
 											className: "text-lg font-bold text-text-primary flex items-center gap-0.5 justify-end",
-											children: [/* @__PURE__ */ E(g, { className: "h-4 w-4" }), c(e.earnings, {
+											children: [/* @__PURE__ */ D(_, { className: "h-4 w-4" }), c(e.earnings, {
 												minimumFractionDigits: 0,
 												style: "decimal"
 											})]
-										}), /* @__PURE__ */ E("p", {
+										}), /* @__PURE__ */ D("p", {
 											className: "text-xs text-text-secondary",
 											children: "Earnings"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "grid grid-cols-1 md:grid-cols-3 gap-3 mb-3 text-sm",
 									children: [
-										e.description && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+										e.description && /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 											className: "text-xs text-text-secondary",
 											children: "Task"
-										}), /* @__PURE__ */ E("p", {
+										}), /* @__PURE__ */ D("p", {
 											className: "text-xs text-text-primary line-clamp-2",
 											children: e.description
 										})] }),
-										o && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+										o && /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 											className: "text-xs text-text-secondary",
 											children: "Delivery Address"
-										}), /* @__PURE__ */ E("p", {
+										}), /* @__PURE__ */ D("p", {
 											className: "text-xs text-text-primary",
 											children: o
 										})] }),
-										a && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+										a && /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 											className: "text-xs text-text-secondary",
 											children: "Time"
-										}), /* @__PURE__ */ E("p", {
+										}), /* @__PURE__ */ D("p", {
 											className: t("text-xs font-medium", a === "Overdue" ? "text-status-error-text" : "text-text-primary"),
 											children: a
 										})] })
 									]
 								}),
-								e.status === "pending" && /* @__PURE__ */ D("div", {
+								e.status === "pending" && /* @__PURE__ */ O("div", {
 									className: "flex items-center flex-wrap gap-2 border-t border-border-subtle pt-3",
 									children: [
-										/* @__PURE__ */ D("button", {
+										/* @__PURE__ */ O("button", {
 											type: "button",
 											onClick: () => J(e.id),
 											disabled: U !== null,
 											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", U === null ? "bg-[var(--color-accent-soft)] text-text-primary hover:bg-[var(--color-accent-soft)]" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-											children: [/* @__PURE__ */ E(S, { className: "h-3.5 w-3.5" }), U ? "Complete current first" : "Start Task"]
+											children: [/* @__PURE__ */ D(C, { className: "h-3.5 w-3.5" }), U ? "Complete current first" : "Start Task"]
 										}),
-										e.customerPhone && /* @__PURE__ */ D("button", {
+										e.customerPhone && /* @__PURE__ */ O("button", {
 											type: "button",
 											onClick: () => X(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__ */ E(x, { className: "h-3.5 w-3.5" }), "Call"]
+											children: [/* @__PURE__ */ D(S, { className: "h-3.5 w-3.5" }), "Call"]
 										}),
-										e.type === "delivery" && e.distance != null && /* @__PURE__ */ D("span", {
+										e.type === "delivery" && e.distance != null && /* @__PURE__ */ O("span", {
 											className: "ml-auto text-xs text-text-secondary flex items-center gap-1",
 											children: [
-												/* @__PURE__ */ E(v, { className: "h-3 w-3" }),
+												/* @__PURE__ */ D(y, { className: "h-3 w-3" }),
 												e.distance,
 												" km away"
 											]
 										})
 									]
 								}),
-								e.status === "in_progress" && e.id !== U?.id && /* @__PURE__ */ D("div", {
+								e.status === "in_progress" && e.id !== U?.id && /* @__PURE__ */ O("div", {
 									className: "flex items-center gap-2 border-t border-border-subtle pt-3",
-									children: [/* @__PURE__ */ D("button", {
+									children: [/* @__PURE__ */ O("button", {
 										type: "button",
 										onClick: () => Y(e.id),
 										className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
-										children: [/* @__PURE__ */ E(m, { className: "h-3.5 w-3.5" }), "Complete"]
-									}), /* @__PURE__ */ D("button", {
+										children: [/* @__PURE__ */ D(h, { className: "h-3.5 w-3.5" }), "Complete"]
+									}), /* @__PURE__ */ O("button", {
 										type: "button",
-										onClick: () => b(`/worker/task/${e.id}`),
+										onClick: () => x(`/worker/task/${e.id}`),
 										className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
-										children: ["Details", /* @__PURE__ */ E(p, { className: "h-3.5 w-3.5" })]
+										children: ["Details", /* @__PURE__ */ D(m, { className: "h-3.5 w-3.5" })]
 									})]
 								}),
-								e.status === "completed" && /* @__PURE__ */ D("div", {
+								e.status === "completed" && /* @__PURE__ */ O("div", {
 									className: "flex items-center gap-2 border-t border-border-subtle pt-3",
-									children: [/* @__PURE__ */ E(r, { status: "completed" }), /* @__PURE__ */ D("button", {
+									children: [/* @__PURE__ */ D(r, { status: "completed" }), /* @__PURE__ */ O("button", {
 										type: "button",
-										onClick: () => b(`/worker/task/${e.id}`),
+										onClick: () => x(`/worker/task/${e.id}`),
 										className: "ml-auto inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
-										children: ["Details", /* @__PURE__ */ E(p, { className: "h-3.5 w-3.5" })]
+										children: ["Details", /* @__PURE__ */ D(m, { className: "h-3.5 w-3.5" })]
 									})]
 								})
 							]