@burdenoff/microfe-kadaikodi 2026.704.1 → 2026.704.2

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

@@ -3,157 +3,45 @@ import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { StatusBadge as r } from "../../components/StatusBadge.js";
 import { EmptyState as i } from "../../components/EmptyState.js";
-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";
+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";
 //#region src/kadaikodi/pages/worker/WorkerOrdersPage.tsx
-var O = [
-	{
-		id: "task-001",
-		orderId: "ORD-2024-001",
-		cartId: "cart-001",
-		cartName: "South Indian Express",
-		type: "delivery",
-		status: "pending",
-		priority: "high",
-		customerName: "Rahul Sharma",
-		customerPhone: "+91-98765-43210",
-		items: [{
-			name: "Masala Dosa",
-			quantity: 2
-		}, {
-			name: "Filter Coffee",
-			quantity: 2
-		}],
-		address: {
-			addressLine1: "123, MG Road",
-			addressLine2: "Near Central Mall",
-			landmark: "Opposite SBI Bank",
-			city: "Bangalore",
-			pincode: "560001"
-		},
-		estimatedTime: new Date(Date.now() + 1800 * 1e3).toISOString(),
-		assignedTime: (/* @__PURE__ */ new Date(Date.now() - 300 * 1e3)).toISOString(),
-		distance: 3.5,
-		specialInstructions: "Please call before delivery",
-		payment: {
-			method: "Cash",
-			amount: 295,
-			status: "pending"
-		}
-	},
-	{
-		id: "task-002",
-		orderId: "ORD-2024-002",
-		cartId: "cart-001",
-		cartName: "South Indian Express",
-		type: "pickup",
-		status: "in_progress",
-		priority: "medium",
-		customerName: "Priya Patel",
-		customerPhone: "+91-98765-43211",
-		items: [{
-			name: "Idli Sambar",
-			quantity: 3
-		}],
-		estimatedTime: new Date(Date.now() + 900 * 1e3).toISOString(),
-		assignedTime: (/* @__PURE__ */ new Date(Date.now() - 600 * 1e3)).toISOString(),
-		specialInstructions: "",
-		payment: {
-			method: "Online",
-			amount: 198,
-			status: "completed"
-		}
-	},
-	{
-		id: "task-003",
-		orderId: "ORD-2024-003",
-		cartId: "cart-002",
-		cartName: "Chaat Corner",
-		type: "preparation",
-		status: "pending",
-		priority: "urgent",
-		customerName: "Amit Kumar",
-		customerPhone: "+91-98765-43212",
-		items: [{
-			name: "Pani Puri",
-			quantity: 2
-		}, {
-			name: "Bhel Puri",
-			quantity: 1
-		}],
-		estimatedTime: new Date(Date.now() + 1200 * 1e3).toISOString(),
-		assignedTime: (/* @__PURE__ */ new Date(Date.now() - 120 * 1e3)).toISOString(),
-		specialInstructions: "Extra spicy",
-		payment: {
-			method: "UPI",
-			amount: 150,
-			status: "completed"
-		}
-	},
-	{
-		id: "task-004",
-		orderId: "ORD-2024-004",
-		cartId: "cart-003",
-		cartName: "Biryani Pot",
-		type: "delivery",
-		status: "completed",
-		priority: "medium",
-		customerName: "Deepa Nair",
-		customerPhone: "+91-98765-43213",
-		items: [{
-			name: "Chicken Biryani",
-			quantity: 1
-		}, {
-			name: "Raita",
-			quantity: 1
-		}],
-		address: {
-			addressLine1: "456, Brigade Road",
-			city: "Bangalore",
-			pincode: "560025"
-		},
-		estimatedTime: (/* @__PURE__ */ new Date(Date.now() - 1800 * 1e3)).toISOString(),
-		assignedTime: (/* @__PURE__ */ new Date(Date.now() - 5400 * 1e3)).toISOString(),
-		distance: 2.1,
-		payment: {
-			method: "Online",
-			amount: 340,
-			status: "completed"
-		}
-	}
-];
-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 A(e) {
+	if (!e) return null;
+	let t = new Date(e);
+	if (Number.isNaN(t.getTime())) return null;
+	let n = Math.floor((t.getTime() - Date.now()) / (1e3 * 60));
+	return n < 0 ? "Overdue" : n < 60 ? `${n} min` : `${Math.floor(n / 60)}h ${n % 60}m`;
+}
+function j(e) {
 	switch (e) {
 		case "delivery": return {
-			icon: C,
+			icon: T,
 			label: "Delivery",
 			style: "bg-accent-purple-subtle text-text-primary"
 		};
 		case "pickup": return {
-			icon: x,
+			icon: C,
 			label: "Pickup",
 			style: "bg-[var(--color-accent-soft)] text-text-primary"
 		};
-		case "preparation": return {
-			icon: f,
-			label: "Preparation",
+		case "service": return {
+			icon: b,
+			label: "Service",
 			style: "bg-status-success-bg-subtle text-status-success-text"
 		};
 		default: return {
-			icon: v,
+			icon: b,
 			label: e,
 			style: "bg-bg-sunken text-text-secondary"
 		};
 	}
 }
-function j(e) {
+function M(e) {
 	switch (e) {
 		case "urgent": return "bg-status-error-bg-subtle text-status-error-text";
 		case "high": return "bg-status-warning-bg-subtle text-status-warning-text";
@@ -162,275 +50,244 @@ function j(e) {
 		default: return "bg-bg-sunken text-text-secondary";
 	}
 }
-var M = () => {
-	let { navigateTo: f } = e(), [v, x] = c(!0), [C, M] = c([]), [N, P] = c(null), [F, I] = c({
+function N(e) {
+	if (!e.deliveryAddress) return "";
+	let t = e.deliveryAddress;
+	return [
+		t.street,
+		t.area,
+		t.city,
+		t.pincode
+	].filter(Boolean).join(", ");
+}
+var P = {
+	urgent: 0,
+	high: 1,
+	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({
 		status: "",
 		type: "",
 		priority: "",
 		sortBy: "priority"
-	}), [L, R] = c({
-		totalTasks: 0,
-		completedToday: 0,
-		pendingTasks: 0,
-		averageTime: 0,
-		earnings: 0,
-		rating: 4.8
-	}), [, z] = c(0);
-	s(() => {
-		let e = setInterval(() => z((e) => e + 1), 6e4);
+	}), [, H] = d(0);
+	l(() => {
+		let e = setInterval(() => H((e) => e + 1), 6e4);
 		return () => clearInterval(e);
 	}, []);
-	let B = o(() => {
-		x(!0), setTimeout(() => {
-			let e = [...O];
-			F.status && (e = e.filter((e) => e.status === F.status)), F.type && (e = e.filter((e) => e.type === F.type)), F.priority && (e = e.filter((e) => e.priority === F.priority));
-			let t = {
-				urgent: 0,
-				high: 1,
-				medium: 2,
-				low: 3
-			};
-			switch (F.sortBy) {
-				case "priority":
-					e.sort((e, n) => (t[e.priority] ?? 4) - (t[n.priority] ?? 4));
-					break;
-				case "time":
-					e.sort((e, t) => new Date(e.estimatedTime).getTime() - new Date(t.estimatedTime).getTime());
-					break;
-				case "distance":
-					e.sort((e, t) => (e.distance ?? 999) - (t.distance ?? 999));
-					break;
-			}
-			M(e), P(O.find((e) => e.status === "in_progress") ?? null), R({
-				totalTasks: 45,
-				completedToday: 12,
-				pendingTasks: 3,
-				averageTime: 22,
-				earnings: 2450,
-				rating: 4.8
-			}), x(!1);
-		}, 600);
-	}, [F]);
-	s(() => {
-		B();
-	}, [B]);
-	let V = (e, t) => {
-		I((n) => ({
+	let U = u(() => F.find((e) => e.status === "in_progress") ?? null, [F]), W = u(() => {
+		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":
+				e.sort((e, t) => (P[e.priority] ?? 4) - (P[t.priority] ?? 4));
+				break;
+			case "time":
+				e.sort((e, t) => new Date(e.dueAt).getTime() - new Date(t.dueAt).getTime());
+				break;
+			case "distance":
+				e.sort((e, t) => (e.distance ?? 999) - (t.distance ?? 999));
+				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) => {
+		V((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, H = (e) => {
-		let t = O.find((t) => t.id === e);
-		t && (t.status = "in_progress", P(t), B());
-	}, U = (e) => {
-		let t = O.find((t) => t.id === e);
-		t && (t.status = "completed"), P(null), B(), alert("Task completed successfully");
-	}, W = (e) => {
-		window.location.href = `tel:${e.replace(/\s/g, "")}`;
-	}, G = (e) => {
-		if (e.address) {
-			let t = encodeURIComponent(`${e.address.addressLine1}, ${e.address.city}`);
-			window.open(`https://maps.google.com?q=${t}`, "_blank");
-		}
+	}, J = (e) => {
+		z.mutate({
+			taskId: e,
+			status: "IN_PROGRESS"
+		});
+	}, Y = (e) => {
+		z.mutate({
+			taskId: e,
+			status: "COMPLETED"
+		});
+	}, X = (e) => {
+		e && (window.location.href = `tel:${e.replace(/\s/g, "")}`);
+	}, Z = (e) => {
+		let t = N(e);
+		t && window.open(`https://maps.google.com?q=${encodeURIComponent(t)}`, "_blank");
 	};
-	return v ? /* @__PURE__ */ w(n, {
+	return I || R ? /* @__PURE__ */ E(n, {
 		title: "My Orders",
 		description: "Manage your assigned orders",
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ E("div", {
 			className: "flex items-center justify-center py-24",
-			children: /* @__PURE__ */ T("div", {
+			children: /* @__PURE__ */ D("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ w(h, { className: "h-10 w-10 animate-spin text-text-secondary mx-auto mb-4" }), /* @__PURE__ */ w("p", {
+				children: [/* @__PURE__ */ E(_, { className: "h-10 w-10 animate-spin text-text-secondary mx-auto mb-4" }), /* @__PURE__ */ E("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading tasks..."
 				})]
 			})
 		})
-	}) : /* @__PURE__ */ T(n, {
+	}) : /* @__PURE__ */ D(n, {
 		title: "My Orders",
 		description: "Manage your assigned orders",
-		children: [/* @__PURE__ */ w(D, {
+		children: [/* @__PURE__ */ E(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 hours, earnings and rating. Open any task for full details and customer info so you can get it done right."
-		}), /* @__PURE__ */ T("div", {
+			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", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ T(E, { children: [/* @__PURE__ */ w("h2", {
+				/* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("h2", {
 					className: "mb-4 text-base font-semibold text-text-primary",
 					children: "Today at a Glance"
-				}), /* @__PURE__ */ T("div", {
-					className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3",
+				}), /* @__PURE__ */ D("div", {
+					className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3",
 					children: [
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ E("p", {
 								className: "text-xs text-text-secondary",
 								children: "Today's Tasks"
-							}), /* @__PURE__ */ w("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: L.totalTasks
+								children: L?.todayTasks ?? 0
 							})]
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-status-success-text/20 bg-status-success-bg-subtle p-4 shadow-sm",
-							children: [/* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ E("p", {
 								className: "text-xs text-status-success-text",
 								children: "Completed"
-							}), /* @__PURE__ */ w("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-2xl font-bold text-status-success-text",
-								children: L.completedToday
+								children: G
 							})]
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-status-warning-text/20 bg-status-warning-bg-subtle p-4 shadow-sm",
-							children: [/* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ E("p", {
 								className: "text-xs text-status-warning-text",
 								children: "Pending"
-							}), /* @__PURE__ */ w("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-2xl font-bold text-status-warning-text",
-								children: L.pendingTasks
+								children: K
 							})]
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle 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: [L.averageTime, " min"]
-							})]
-						}),
-						/* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ E("p", {
 								className: "text-xs text-text-secondary",
 								children: "Today's Earnings"
-							}), /* @__PURE__ */ w("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: a(L.earnings, { minimumFractionDigits: 0 })
+								children: c(L?.todayEarnings ?? 0, { minimumFractionDigits: 0 })
 							})]
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ E("p", {
 								className: "text-xs text-text-secondary",
 								children: "Rating"
-							}), /* @__PURE__ */ T("p", {
+							}), /* @__PURE__ */ D("p", {
 								className: "text-2xl font-bold text-text-primary flex items-center gap-1",
-								children: [/* @__PURE__ */ w(S, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }), L.rating]
+								children: [/* @__PURE__ */ E(w, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }), L?.averageRating ?? 0]
 							})]
 						})
 					]
 				})] }),
-				N && /* @__PURE__ */ T("div", {
+				U && /* @__PURE__ */ D("div", {
 					className: "rounded-lg border-2 border-border-focus/30 bg-[var(--color-accent-soft)] p-5",
-					children: [/* @__PURE__ */ w("h2", {
+					children: [/* @__PURE__ */ E("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Current Task"
-					}), /* @__PURE__ */ T("div", {
+					}), /* @__PURE__ */ D("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ D("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
 								className: "flex items-center gap-2 flex-wrap",
 								children: [
-									/* @__PURE__ */ T("h3", {
+									/* @__PURE__ */ E("h3", {
 										className: "text-sm font-semibold text-text-primary",
-										children: ["Order #", N.orderId]
+										children: U.orderId ? `Order #${U.orderId}` : U.cartName
 									}),
 									(() => {
-										let e = A(N.type), n = e.icon;
-										return /* @__PURE__ */ T("span", {
+										let e = j(U.type), n = e.icon;
+										return /* @__PURE__ */ D("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]
+											children: [/* @__PURE__ */ E(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", j(N.priority)),
-										children: N.priority
+									/* @__PURE__ */ E("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__ */ w("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-xs text-text-secondary mt-1",
-								children: N.cartName
-							})] }), /* @__PURE__ */ T("div", {
+								children: U.cartName
+							})] }), A(U.dueAt) && /* @__PURE__ */ D("div", {
 								className: "text-right",
-								children: [/* @__PURE__ */ w("p", {
+								children: [/* @__PURE__ */ E("p", {
 									className: "text-xl font-bold text-text-primary",
-									children: k(N.estimatedTime)
-								}), /* @__PURE__ */ w("p", {
+									children: A(U.dueAt)
+								}), /* @__PURE__ */ E("p", {
 									className: "text-xs text-text-secondary",
 									children: "Time remaining"
 								})]
 							})]
-						}), /* @__PURE__ */ T("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "border-t border-border-subtle pt-4",
 							children: [
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ D("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ T("div", { children: [
-										/* @__PURE__ */ w("p", {
+									children: [/* @__PURE__ */ D("div", { children: [
+										/* @__PURE__ */ E("p", {
 											className: "text-xs font-medium text-text-secondary",
 											children: "Customer"
 										}),
-										/* @__PURE__ */ w("p", {
+										/* @__PURE__ */ E("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: N.customerName
+											children: U.customerName || "—"
 										}),
-										N.address && /* @__PURE__ */ T("p", {
+										N(U) && /* @__PURE__ */ E("p", {
 											className: "text-xs text-text-secondary mt-1",
-											children: [
-												N.address.addressLine1,
-												", ",
-												N.address.city
-											]
+											children: N(U)
 										})
-									] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									] }), U.description && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 										className: "text-xs font-medium text-text-secondary",
-										children: "Items"
-									}), /* @__PURE__ */ w("div", {
-										className: "space-y-0.5",
-										children: N.items.map((e, t) => /* @__PURE__ */ T("p", {
-											className: "text-xs text-text-primary",
-											children: [
-												e.quantity,
-												"x ",
-												e.name
-											]
-										}, t))
+										children: "Task"
+									}), /* @__PURE__ */ E("p", {
+										className: "text-xs text-text-primary",
+										children: U.description
 									})] })]
 								}),
-								N.specialInstructions && /* @__PURE__ */ T("div", {
+								U.notes && /* @__PURE__ */ D("div", {
 									className: "mt-3 p-3 rounded-md bg-status-warning-bg-subtle border border-status-warning-text/20",
-									children: [/* @__PURE__ */ T("p", {
+									children: [/* @__PURE__ */ D("p", {
 										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", {
+										children: [/* @__PURE__ */ E(f, { className: "h-3 w-3" }), "Notes:"]
+									}), /* @__PURE__ */ E("p", {
 										className: "text-xs text-status-warning-text mt-0.5",
-										children: N.specialInstructions
+										children: U.notes
 									})]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex flex-wrap gap-2 mt-4",
 									children: [
-										/* @__PURE__ */ T("button", {
+										U.customerPhone && /* @__PURE__ */ D("button", {
 											type: "button",
-											onClick: () => W(N.customerPhone),
+											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__ */ w(y, { className: "h-3.5 w-3.5" }), "Call Customer"]
+											children: [/* @__PURE__ */ E(x, { className: "h-3.5 w-3.5" }), "Call Customer"]
 										}),
-										N.type === "delivery" && N.address && /* @__PURE__ */ T("button", {
+										U.type === "delivery" && N(U) && /* @__PURE__ */ D("button", {
 											type: "button",
-											onClick: () => G(N),
+											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__ */ w(_, { className: "h-3.5 w-3.5" }), "Navigate"]
+											children: [/* @__PURE__ */ E(y, { className: "h-3.5 w-3.5" }), "Navigate"]
 										}),
-										/* @__PURE__ */ T("button", {
+										/* @__PURE__ */ D("button", {
 											type: "button",
-											onClick: () => U(N.id),
+											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__ */ w(d, { className: "h-3.5 w-3.5" }), "Complete Task"]
+											children: [/* @__PURE__ */ E(m, { className: "h-3.5 w-3.5" }), "Complete Task"]
 										})
 									]
 								})
@@ -438,98 +295,98 @@ var M = () => {
 						})]
 					})]
 				}),
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ E("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-					children: /* @__PURE__ */ T("div", {
+					children: /* @__PURE__ */ D("div", {
 						className: "grid grid-cols-1 md:grid-cols-4 gap-3",
 						children: [
-							/* @__PURE__ */ T("select", {
-								value: F.status,
-								onChange: (e) => V("status", e.target.value),
+							/* @__PURE__ */ D("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__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "",
 										children: "All Tasks"
 									}),
-									/* @__PURE__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "pending",
 										children: "Pending Tasks"
 									}),
-									/* @__PURE__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "in_progress",
 										children: "In Progress"
 									}),
-									/* @__PURE__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "completed",
 										children: "Completed"
 									})
 								]
 							}),
-							/* @__PURE__ */ T("select", {
-								value: F.type,
-								onChange: (e) => V("type", e.target.value),
+							/* @__PURE__ */ D("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__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "",
 										children: "All Types"
 									}),
-									/* @__PURE__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "delivery",
 										children: "Delivery"
 									}),
-									/* @__PURE__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "pickup",
 										children: "Pickup"
 									}),
-									/* @__PURE__ */ w("option", {
-										value: "preparation",
-										children: "Preparation"
+									/* @__PURE__ */ E("option", {
+										value: "service",
+										children: "Service"
 									})
 								]
 							}),
-							/* @__PURE__ */ T("select", {
-								value: F.priority,
-								onChange: (e) => V("priority", e.target.value),
+							/* @__PURE__ */ D("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__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "",
 										children: "All Priorities"
 									}),
-									/* @__PURE__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "urgent",
 										children: "Urgent"
 									}),
-									/* @__PURE__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "high",
 										children: "High"
 									}),
-									/* @__PURE__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "medium",
 										children: "Medium"
 									}),
-									/* @__PURE__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "low",
 										children: "Low"
 									})
 								]
 							}),
-							/* @__PURE__ */ T("select", {
-								value: F.sortBy,
-								onChange: (e) => V("sortBy", e.target.value),
+							/* @__PURE__ */ D("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__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "priority",
 										children: "Sort by Priority"
 									}),
-									/* @__PURE__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "time",
 										children: "Sort by Time"
 									}),
-									/* @__PURE__ */ w("option", {
+									/* @__PURE__ */ E("option", {
 										value: "distance",
 										children: "Sort by Distance"
 									})
@@ -538,134 +395,125 @@ var M = () => {
 						]
 					})
 				}),
-				C.length === 0 ? /* @__PURE__ */ w(i, {
-					icon: /* @__PURE__ */ w(p, { className: "h-12 w-12" }),
-					title: "No tasks available",
-					description: "Check back later for new tasks"
-				}) : /* @__PURE__ */ w("div", {
+				W.length === 0 ? /* @__PURE__ */ E(i, {
+					icon: /* @__PURE__ */ E(h, { 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", {
 					className: "space-y-3",
-					children: C.map((e) => {
-						let n = A(e.type), i = n.icon;
-						return /* @__PURE__ */ T("div", {
+					children: W.map((e) => {
+						let n = j(e.type), i = n.icon, a = A(e.dueAt), o = N(e);
+						return /* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm hover:shadow-md transition-shadow",
 							children: [
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex items-center justify-between mb-3",
-									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
+									children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
 										className: "flex items-center gap-2 flex-wrap",
 										children: [
-											/* @__PURE__ */ T("h3", {
+											/* @__PURE__ */ E("h3", {
 												className: "text-sm font-semibold text-text-primary",
-												children: ["Order #", e.orderId]
+												children: e.orderId ? `Order #${e.orderId}` : e.cartName
 											}),
-											/* @__PURE__ */ T("span", {
+											/* @__PURE__ */ D("span", {
 												className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium", n.style),
-												children: [/* @__PURE__ */ w(i, { className: "h-3 w-3" }), n.label]
+												children: [/* @__PURE__ */ E(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", j(e.priority)),
+											/* @__PURE__ */ E("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__ */ T("p", {
+									}), /* @__PURE__ */ D("p", {
 										className: "text-xs text-text-secondary mt-1",
-										children: [
-											e.cartName,
-											" · ",
-											e.customerName
-										]
-									})] }), /* @__PURE__ */ T("div", {
+										children: [e.cartName, e.customerName ? ` · ${e.customerName}` : ""]
+									})] }), e.earnings > 0 && /* @__PURE__ */ D("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ w("p", {
-											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-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"]
-											})
+										children: [/* @__PURE__ */ D("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, {
+												minimumFractionDigits: 0,
+												style: "decimal"
+											})]
+										}), /* @__PURE__ */ E("p", {
+											className: "text-xs text-text-secondary",
+											children: "Earnings"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ D("div", {
 									className: "grid grid-cols-1 md:grid-cols-3 gap-3 mb-3 text-sm",
 									children: [
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										e.description && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-xs text-text-secondary",
-											children: "Items"
-										}), /* @__PURE__ */ w("div", {
-											className: "text-xs text-text-primary",
-											children: e.items.map((t, n) => /* @__PURE__ */ T("span", { children: [
-												t.quantity,
-												"x ",
-												t.name,
-												n < e.items.length - 1 && ", "
-											] }, n))
+											children: "Task"
+										}), /* @__PURE__ */ E("p", {
+											className: "text-xs text-text-primary line-clamp-2",
+											children: e.description
 										})] }),
-										e.address && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										o && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-xs text-text-secondary",
 											children: "Delivery Address"
-										}), /* @__PURE__ */ w("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "text-xs text-text-primary",
-											children: e.address.addressLine1
+											children: o
 										})] }),
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										a && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 											className: "text-xs text-text-secondary",
 											children: "Time"
-										}), /* @__PURE__ */ w("p", {
-											className: t("text-xs font-medium", k(e.estimatedTime) === "Overdue" ? "text-status-error-text" : "text-text-primary"),
-											children: k(e.estimatedTime)
+										}), /* @__PURE__ */ E("p", {
+											className: t("text-xs font-medium", a === "Overdue" ? "text-status-error-text" : "text-text-primary"),
+											children: a
 										})] })
 									]
 								}),
-								e.status === "pending" && /* @__PURE__ */ T("div", {
+								e.status === "pending" && /* @__PURE__ */ D("div", {
 									className: "flex items-center flex-wrap gap-2 border-t border-border-subtle pt-3",
 									children: [
-										/* @__PURE__ */ T("button", {
+										/* @__PURE__ */ D("button", {
 											type: "button",
-											onClick: () => H(e.id),
-											disabled: N !== null,
-											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", N === 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__ */ w(b, { className: "h-3.5 w-3.5" }), N ? "Complete current first" : "Start Task"]
+											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"]
 										}),
-										/* @__PURE__ */ T("button", {
+										e.customerPhone && /* @__PURE__ */ D("button", {
 											type: "button",
-											onClick: () => W(e.customerPhone),
+											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__ */ w(y, { className: "h-3.5 w-3.5" }), "Call"]
+											children: [/* @__PURE__ */ E(x, { className: "h-3.5 w-3.5" }), "Call"]
 										}),
-										e.type === "delivery" && e.distance != null && /* @__PURE__ */ T("span", {
+										e.type === "delivery" && e.distance != null && /* @__PURE__ */ D("span", {
 											className: "ml-auto text-xs text-text-secondary flex items-center gap-1",
 											children: [
-												/* @__PURE__ */ w(g, { className: "h-3 w-3" }),
+												/* @__PURE__ */ E(v, { className: "h-3 w-3" }),
 												e.distance,
 												" km away"
 											]
 										})
 									]
 								}),
-								e.status === "in_progress" && e.id !== N?.id && /* @__PURE__ */ T("div", {
+								e.status === "in_progress" && e.id !== U?.id && /* @__PURE__ */ D("div", {
 									className: "flex items-center gap-2 border-t border-border-subtle pt-3",
-									children: [/* @__PURE__ */ T("button", {
+									children: [/* @__PURE__ */ D("button", {
 										type: "button",
-										onClick: () => U(e.id),
+										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__ */ w(d, { className: "h-3.5 w-3.5" }), "Complete"]
-									}), /* @__PURE__ */ T("button", {
+										children: [/* @__PURE__ */ E(m, { className: "h-3.5 w-3.5" }), "Complete"]
+									}), /* @__PURE__ */ D("button", {
 										type: "button",
-										onClick: () => f(`/worker/task/${e.id}`),
+										onClick: () => b(`/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__ */ w(u, { className: "h-3.5 w-3.5" })]
+										children: ["Details", /* @__PURE__ */ E(p, { className: "h-3.5 w-3.5" })]
 									})]
 								}),
-								e.status === "completed" && /* @__PURE__ */ T("div", {
+								e.status === "completed" && /* @__PURE__ */ D("div", {
 									className: "flex items-center gap-2 border-t border-border-subtle pt-3",
-									children: [/* @__PURE__ */ w(r, { status: "completed" }), /* @__PURE__ */ T("button", {
+									children: [/* @__PURE__ */ E(r, { status: "completed" }), /* @__PURE__ */ D("button", {
 										type: "button",
-										onClick: () => f(`/worker/task/${e.id}`),
+										onClick: () => b(`/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__ */ w(u, { className: "h-3.5 w-3.5" })]
+										children: ["Details", /* @__PURE__ */ E(p, { className: "h-3.5 w-3.5" })]
 									})]
 								})
 							]
@@ -677,6 +525,6 @@ var M = () => {
 	});
 };
 //#endregion
-export { M as WorkerOrdersPage };
+export { F as WorkerOrdersPage };
 
 //# sourceMappingURL=WorkerOrdersPage.js.map