@burdenoff/microfe-kadaikodi 2026.802.1 → 2026.830.1

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

@@ -1,32 +1,32 @@
 import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { EmptyState as r } from "../../components/EmptyState.js";
-import { useUpdateWorkerTask as i, useUpdateWorkerTaskStatus as a, useWorkerTasks as o } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as s, formatDate as c } from "../../utils/formatters.js";
-import { Timeline as l } from "../../components/viz/Timeline.js";
-import { StepProgress as u } from "../../components/viz/StepProgress.js";
+import { EmptyState as ee } from "../../components/EmptyState.js";
+import { useUpdateWorkerTask as r, useUpdateWorkerTaskStatus as i, useWorkerTasks as a } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as o, formatDate as te } from "../../utils/formatters.js";
+import { Timeline as ne } from "../../components/viz/Timeline.js";
+import { StepProgress as re } from "../../components/viz/StepProgress.js";
 import "../../components/viz/index.js";
-import { useEffect as d, useMemo as f, useState as p } from "react";
-import { AlertTriangle as m, ArrowLeft as ee, CheckCircle2 as te, Clock as h, FileText as g, IndianRupee as _, Loader2 as v, MapPin as y, Navigation as b, Package as x, Phone as S, ShoppingBag as C, ShoppingCart as w, StickyNote as T, Truck as E, User as D } from "lucide-react";
-import { useParams as O } from "react-router";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
-import { GlassCard as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
+import { useEffect as s, useMemo as c, useState as l } from "react";
+import { AlertTriangle as u, ArrowLeft as d, CheckCircle2 as f, Clock as p, FileText as m, IndianRupee as h, Loader2 as g, MapPin as _, Navigation as v, Package as y, Phone as b, RotateCcw as x, ShoppingBag as S, ShoppingCart as ie, StickyNote as C, Truck as w, User as ae } from "lucide-react";
+import { useParams as oe } from "react-router";
+import { Fragment as se, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { GlassCard as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/worker/TaskDetailsPage.tsx
-var N = {
+var k = {
 	delivery: "Delivery",
 	pickup: "Pickup",
 	service: "Service"
 };
-function P(e) {
+function A(e) {
 	switch (e) {
-		case "delivery": return E;
-		case "pickup": return C;
-		case "service": return x;
-		default: return g;
+		case "delivery": return w;
+		case "pickup": return S;
+		case "service": return y;
+		default: return m;
 	}
 }
-function F(e) {
+function j(e) {
 	switch (e) {
 		case "urgent":
 		case "high": return "bg-status-error-bg-subtle text-status-error-text";
@@ -35,7 +35,7 @@ function F(e) {
 		default: return "bg-bg-sunken text-text-secondary";
 	}
 }
-function I(e) {
+function M(e) {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? e : t.toLocaleTimeString("en-IN", {
 		hour: "numeric",
@@ -43,7 +43,7 @@ function I(e) {
 		hour12: !0
 	});
 }
-function L(e) {
+function N(e) {
 	let t = e.deliveryAddress ? [
 		e.deliveryAddress.street,
 		e.deliveryAddress.area,
@@ -74,15 +74,42 @@ function L(e) {
 		},
 		specialInstructions: e.notes ?? void 0,
 		notes: e.notes ?? "",
-		completedAt: e.completedAt
+		completedAt: e.completedAt,
+		order: e.order
 	};
 }
-var R = [
+var P = {
+	paid: {
+		label: "Paid",
+		cls: "bg-status-success-bg-subtle text-status-success-text",
+		icon: f
+	},
+	processing: {
+		label: "Payment processing",
+		cls: "bg-status-warning-bg-subtle text-status-warning-text",
+		icon: p
+	},
+	pending: {
+		label: "Collect payment",
+		cls: "bg-status-warning-bg-subtle text-status-warning-text",
+		icon: h
+	},
+	failed: {
+		label: "Payment failed",
+		cls: "bg-status-error-bg-subtle text-status-error-text",
+		icon: u
+	},
+	refunded: {
+		label: "Refunded",
+		cls: "bg-bg-sunken text-text-secondary",
+		icon: x
+	}
+}, F = [
 	{ label: "Assigned" },
 	{ label: "Picked Up" },
 	{ label: "Delivered" }
 ];
-function z(e) {
+function I(e) {
 	switch (e) {
 		case "pending": return 1;
 		case "in_progress": return 2;
@@ -90,23 +117,24 @@ function z(e) {
 		default: return 0;
 	}
 }
-function B({ pickupLabel: e, dropLabel: t, distance: n }) {
-	return /* @__PURE__ */ A("div", {
+var L = (e) => e === "pending" || e === "in_progress";
+function R({ pickupLabel: e, dropLabel: t, distance: n }) {
+	return /* @__PURE__ */ E("div", {
 		className: "relative overflow-hidden rounded-[var(--radius-card)] border border-border-subtle bg-bg-sunken",
 		children: [
-			/* @__PURE__ */ A("svg", {
+			/* @__PURE__ */ E("svg", {
 				viewBox: "0 0 400 190",
 				className: "block w-full",
 				role: "img",
 				"aria-label": `Illustrative route from ${e} to ${t}`,
 				children: [
-					/* @__PURE__ */ A("g", {
+					/* @__PURE__ */ E("g", {
 						stroke: "var(--color-border-subtle)",
 						strokeWidth: "1",
 						opacity: "0.7",
-						children: [/* @__PURE__ */ k("path", { d: "M0 45 H400 M0 95 H400 M0 145 H400" }), /* @__PURE__ */ k("path", { d: "M70 0 V190 M160 0 V190 M250 0 V190 M330 0 V190" })]
+						children: [/* @__PURE__ */ T("path", { d: "M0 45 H400 M0 95 H400 M0 145 H400" }), /* @__PURE__ */ T("path", { d: "M70 0 V190 M160 0 V190 M250 0 V190 M330 0 V190" })]
 					}),
-					/* @__PURE__ */ k("path", {
+					/* @__PURE__ */ T("path", {
 						d: "M70 55 H150 Q165 55 165 70 V120 Q165 135 180 135 H300",
 						fill: "none",
 						stroke: "var(--color-accent-primary)",
@@ -115,26 +143,26 @@ function B({ pickupLabel: e, dropLabel: t, distance: n }) {
 						strokeLinejoin: "round",
 						strokeDasharray: "1 0"
 					}),
-					/* @__PURE__ */ k("circle", {
+					/* @__PURE__ */ T("circle", {
 						cx: "70",
 						cy: "55",
 						r: "7",
 						fill: "var(--color-accent-primary)"
 					}),
-					/* @__PURE__ */ k("circle", {
+					/* @__PURE__ */ T("circle", {
 						cx: "70",
 						cy: "55",
 						r: "12",
 						fill: "var(--color-accent-primary)",
 						opacity: "0.18"
 					}),
-					/* @__PURE__ */ k("circle", {
+					/* @__PURE__ */ T("circle", {
 						cx: "300",
 						cy: "135",
 						r: "7",
 						fill: "var(--color-status-success-text)"
 					}),
-					/* @__PURE__ */ k("circle", {
+					/* @__PURE__ */ T("circle", {
 						cx: "300",
 						cy: "135",
 						r: "12",
@@ -143,26 +171,26 @@ function B({ pickupLabel: e, dropLabel: t, distance: n }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ E("div", {
 				className: "pointer-events-none absolute left-3 top-3 flex items-center gap-1.5 rounded-md bg-bg-surface/85 px-2 py-1 backdrop-blur",
-				children: [/* @__PURE__ */ k(x, { className: "h-3.5 w-3.5 text-accent-primary" }), /* @__PURE__ */ k("span", {
+				children: [/* @__PURE__ */ T(y, { className: "h-3.5 w-3.5 text-accent-primary" }), /* @__PURE__ */ T("span", {
 					className: "max-w-[9rem] truncate text-[11px] font-medium text-text-primary",
 					children: e
 				})]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ E("div", {
 				className: "pointer-events-none absolute bottom-3 right-3 flex items-center gap-1.5 rounded-md bg-bg-surface/85 px-2 py-1 backdrop-blur",
-				children: [/* @__PURE__ */ k(y, { className: "h-3.5 w-3.5 text-status-success-text" }), /* @__PURE__ */ k("span", {
+				children: [/* @__PURE__ */ T(_, { className: "h-3.5 w-3.5 text-status-success-text" }), /* @__PURE__ */ T("span", {
 					className: "max-w-[9rem] truncate text-[11px] font-medium text-text-primary",
 					children: t
 				})]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex items-center justify-between border-t border-border-subtle px-3 py-2",
-				children: [/* @__PURE__ */ k("span", {
+				children: [/* @__PURE__ */ T("span", {
 					className: "text-[11px] text-text-muted",
 					children: "Illustrative route · not to scale"
-				}), n != null && /* @__PURE__ */ A("span", {
+				}), n != null && /* @__PURE__ */ E("span", {
 					className: "text-[11px] font-medium text-text-secondary tabular-nums",
 					children: [n, " km"]
 				})]
@@ -170,279 +198,334 @@ function B({ pickupLabel: e, dropLabel: t, distance: n }) {
 		]
 	});
 }
-function V() {
-	let { taskId: y } = O(), { navigateTo: x, currentUser: C } = e(), { data: E = [], isLoading: V } = o(C?.id ?? ""), H = a(), U = i(), [W, G] = p(null), [K, q] = p(""), [J, Y] = p(!1);
-	d(() => {
-		let e = E.find((e) => e.id === y);
+function z() {
+	let { taskId: _ } = oe(), { navigateTo: y, currentUser: x } = e(), { data: w = [], isLoading: z } = a(x?.id ?? ""), B = i(), V = r(), [H, U] = l(null), [W, G] = l(""), [K, q] = l(!1);
+	s(() => {
+		let e = w.find((e) => e.id === _);
 		if (e) {
-			let t = L(e);
-			G(t), q(t.notes ?? "");
-		} else G(null);
-	}, [E, y]);
-	let X = () => {
-		W && (W.status === "pending" ? (G({
-			...W,
+			let t = N(e);
+			U(t), G(t.notes ?? "");
+		} else U(null);
+	}, [w, _]);
+	let ce = () => {
+		H && (H.status === "pending" ? (U({
+			...H,
 			status: "in_progress"
-		}), H.mutate({
-			taskId: W.id,
+		}), B.mutate({
+			taskId: H.id,
 			status: "IN_PROGRESS"
-		})) : W.status === "in_progress" && (G({
-			...W,
+		})) : H.status === "in_progress" && (U({
+			...H,
 			status: "completed"
-		}), H.mutate({
-			taskId: W.id,
+		}), B.mutate({
+			taskId: H.id,
 			status: "COMPLETED"
 		})));
-	}, Z = () => {
-		W?.customerInfo?.phone && (window.location.href = `tel:${W.customerInfo.phone.replace(/\s/g, "")}`);
-	}, Q = (e) => {
+	}, le = () => {
+		H?.customerInfo?.phone && (window.location.href = `tel:${H.customerInfo.phone.replace(/\s/g, "")}`);
+	}, J = (e) => {
 		e && window.open(`https://maps.google.com?q=${encodeURIComponent(e)}`, "_blank");
-	}, $ = () => {
-		W && (Y(!1), U.mutate({
-			taskId: W.id,
-			notes: K
+	}, ue = () => {
+		H && (q(!1), V.mutate({
+			taskId: H.id,
+			notes: W
 		}, { onSuccess: () => {
-			G((e) => e && {
+			U((e) => e && {
 				...e,
-				notes: K
-			}), Y(!0);
+				notes: W
+			}), q(!0);
 		} }));
-	}, ne = f(() => W ? [
+	}, Y = c(() => H ? [
 		{
 			title: "Task assigned",
-			time: W.assignedTime ? I(W.assignedTime) : void 0,
-			meta: W.assignedBy || void 0,
+			time: H.assignedTime ? M(H.assignedTime) : void 0,
+			meta: H.assignedBy || void 0,
 			tone: "success"
 		},
 		{
 			title: "Picked up",
-			time: W.status === "in_progress" || W.status === "completed" ? "Done" : void 0,
-			tone: W.status === "in_progress" || W.status === "completed" ? "success" : "muted"
+			time: H.status === "in_progress" || H.status === "completed" ? "Done" : void 0,
+			tone: H.status === "in_progress" || H.status === "completed" ? "success" : "muted"
 		},
 		{
 			title: "Delivered",
-			time: W.status === "completed" ? W.completedAt ? I(W.completedAt) : "Done" : void 0,
-			tone: W.status === "completed" ? "success" : "muted"
+			time: H.status === "completed" ? H.completedAt ? M(H.completedAt) : "Done" : void 0,
+			tone: H.status === "completed" ? "success" : "muted"
 		}
-	] : [], [W]);
-	if (V) return /* @__PURE__ */ k(n, {
+	] : [], [H]);
+	if (z) return /* @__PURE__ */ T(n, {
 		title: "Task Details",
-		children: /* @__PURE__ */ k("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "flex items-center justify-center py-24",
-			children: /* @__PURE__ */ A("div", {
+			children: /* @__PURE__ */ E("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ k(v, { className: "h-10 w-10 animate-spin text-text-secondary mx-auto mb-4" }), /* @__PURE__ */ k("p", {
+				children: [/* @__PURE__ */ T(g, { className: "h-10 w-10 animate-spin text-text-secondary mx-auto mb-4" }), /* @__PURE__ */ T("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading task details..."
 				})]
 			})
 		})
 	});
-	if (!W) return /* @__PURE__ */ k(n, {
+	if (!H) return /* @__PURE__ */ T(n, {
 		title: "Task Not Found",
-		children: /* @__PURE__ */ k(r, {
-			icon: /* @__PURE__ */ k(g, { className: "h-12 w-12" }),
+		children: /* @__PURE__ */ T(ee, {
+			icon: /* @__PURE__ */ T(m, { className: "h-12 w-12" }),
 			title: "Task not found",
-			description: `No task found with ID "${y}".`,
-			action: /* @__PURE__ */ k("button", {
+			description: `No task found with ID "${_}".`,
+			action: /* @__PURE__ */ T("button", {
 				type: "button",
-				onClick: () => x("/worker/orders"),
+				onClick: () => y("/worker/orders"),
 				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
 				children: "View All Orders"
 			})
 		})
 	});
-	let re = P(W.type), ie = N[W.type] ?? "Task", ae = W.cartName || "Pickup", oe = W.customerInfo.address || W.customerInfo.name || "Drop-off", se = W.status === "pending" ? "Mark Picked Up" : W.status === "in_progress" ? "Mark Delivered" : "Delivered";
-	return /* @__PURE__ */ A(n, {
-		title: /* @__PURE__ */ A("div", {
+	let de = A(H.type), fe = k[H.type] ?? "Task", pe = H.cartName || "Pickup", me = H.customerInfo.address || H.customerInfo.name || "Drop-off", X = L(H.status), he = H.status === "pending" ? "Mark Picked Up" : H.status === "in_progress" ? "Mark Delivered" : H.status === "completed" ? "Delivered" : H.status === "cancelled" ? "Cancelled" : "Blocked", Z = H.order?.orderNumber || H.orderId, Q = H.order ? P[H.order.paymentStatus] : void 0, $ = H.order?.items.reduce((e, t) => e + t.quantity, 0) ?? 0;
+	return /* @__PURE__ */ E(n, {
+		title: /* @__PURE__ */ E("div", {
 			className: "flex items-center gap-3 min-w-0",
-			children: [/* @__PURE__ */ k("button", {
+			children: [/* @__PURE__ */ T("button", {
 				type: "button",
-				onClick: () => x("/worker/orders"),
+				onClick: () => y("/worker/orders"),
 				className: "rounded-md p-1 text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors shrink-0",
 				"aria-label": "Back to orders",
-				children: /* @__PURE__ */ k(ee, { className: "h-5 w-5" })
-			}), /* @__PURE__ */ A("span", {
+				children: /* @__PURE__ */ T(d, { className: "h-5 w-5" })
+			}), /* @__PURE__ */ E("span", {
 				className: "truncate",
-				children: [ie, W.orderId ? /* @__PURE__ */ A("span", {
+				children: [fe, Z ? /* @__PURE__ */ E("span", {
 					className: "text-text-secondary",
-					children: [" · #", W.orderId]
+					children: [" · #", Z]
 				}) : null]
 			})]
 		}),
 		description: "Everything you need to complete this delivery",
-		children: [/* @__PURE__ */ k(M, {
+		children: [/* @__PURE__ */ T(O, {
 			className: "mb-6",
 			children: "One delivery, start to finish. Reach the customer, follow the route, jot a note, and advance the job — mark it picked up, then delivered — so nothing gets missed and your completion stats stay strong."
-		}), /* @__PURE__ */ A("div", {
+		}), /* @__PURE__ */ E("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ A(j, {
+			children: [/* @__PURE__ */ E(D, {
 				treatment: "metric",
 				className: "p-5",
-				children: [/* @__PURE__ */ A("div", {
+				children: [/* @__PURE__ */ E("div", {
 					className: "mb-4 flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ k("span", {
+						/* @__PURE__ */ T("span", {
 							className: "flex h-8 w-8 items-center justify-center rounded-lg bg-accent-primary/12 text-accent-primary",
-							children: /* @__PURE__ */ k(re, { className: "h-4.5 w-4.5" })
+							children: /* @__PURE__ */ T(de, { className: "h-4.5 w-4.5" })
 						}),
-						/* @__PURE__ */ k("h2", {
+						/* @__PURE__ */ T("h2", {
 							className: "text-base font-semibold text-text-primary",
-							children: W.title
+							children: H.title
 						}),
-						/* @__PURE__ */ k("span", {
-							className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium uppercase", F(W.priority)),
-							children: W.priority
+						/* @__PURE__ */ T("span", {
+							className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium uppercase", j(H.priority)),
+							children: H.priority
 						})
 					]
-				}), /* @__PURE__ */ k(u, {
-					steps: R,
-					current: z(W.status)
+				}), /* @__PURE__ */ T(re, {
+					steps: F,
+					current: I(H.status)
 				})]
-			}), /* @__PURE__ */ A("div", {
+			}), /* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ A("div", {
+				children: [/* @__PURE__ */ E("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ k(B, {
-							pickupLabel: ae,
-							dropLabel: oe,
-							distance: W.distance
+						/* @__PURE__ */ T(R, {
+							pickupLabel: pe,
+							dropLabel: me,
+							distance: H.distance
 						}),
-						/* @__PURE__ */ A("div", {
+						/* @__PURE__ */ E("div", {
 							className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ A(j, {
+							children: [/* @__PURE__ */ E(D, {
 								className: "p-5",
 								children: [
-									/* @__PURE__ */ k("p", {
+									/* @__PURE__ */ T("p", {
 										className: "text-xs font-medium uppercase tracking-wide text-text-muted",
 										children: "Pickup"
 									}),
-									/* @__PURE__ */ k("p", {
+									/* @__PURE__ */ T("p", {
 										className: "mt-1 text-sm font-semibold text-text-primary",
-										children: W.cartName
+										children: H.cartName
 									}),
-									W.location && /* @__PURE__ */ k("p", {
+									H.location && /* @__PURE__ */ T("p", {
 										className: "mt-0.5 text-xs text-text-secondary",
-										children: W.location
+										children: H.location
 									}),
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ T("div", {
 										className: "mt-4",
-										children: /* @__PURE__ */ A("button", {
+										children: /* @__PURE__ */ E("button", {
 											type: "button",
-											onClick: () => Q(W.location || W.cartName),
+											onClick: () => J(H.location || H.cartName),
 											className: "inline-flex items-center gap-1.5 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-											children: [/* @__PURE__ */ k(b, { className: "h-3.5 w-3.5" }), "Navigate"]
+											children: [/* @__PURE__ */ T(v, { className: "h-3.5 w-3.5" }), "Navigate"]
 										})
 									})
 								]
-							}), /* @__PURE__ */ A(j, {
+							}), /* @__PURE__ */ E(D, {
 								className: "p-5",
 								children: [
-									/* @__PURE__ */ k("p", {
+									/* @__PURE__ */ T("p", {
 										className: "text-xs font-medium uppercase tracking-wide text-text-muted",
 										children: "Drop"
 									}),
-									/* @__PURE__ */ k("p", {
+									/* @__PURE__ */ T("p", {
 										className: "mt-1 text-sm font-semibold text-text-primary",
-										children: W.customerInfo.name || "Customer"
+										children: H.customerInfo.name || "Customer"
 									}),
-									W.customerInfo.address && /* @__PURE__ */ k("p", {
+									H.customerInfo.address && /* @__PURE__ */ T("p", {
 										className: "mt-0.5 text-xs text-text-secondary",
-										children: W.customerInfo.address
+										children: H.customerInfo.address
 									}),
-									W.customerInfo.phone && /* @__PURE__ */ k("p", {
+									H.customerInfo.phone && /* @__PURE__ */ T("p", {
 										className: "mt-0.5 text-xs text-text-secondary",
-										children: W.customerInfo.phone
+										children: H.customerInfo.phone
 									}),
-									/* @__PURE__ */ A("div", {
+									/* @__PURE__ */ E("div", {
 										className: "mt-4 flex gap-2",
-										children: [W.customerInfo.phone && /* @__PURE__ */ A("button", {
+										children: [H.customerInfo.phone && /* @__PURE__ */ E("button", {
 											type: "button",
-											onClick: Z,
+											onClick: le,
 											className: "inline-flex items-center gap-1.5 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-											children: [/* @__PURE__ */ k(S, { className: "h-3.5 w-3.5" }), "Call"]
-										}), W.customerInfo.address && /* @__PURE__ */ A("button", {
+											children: [/* @__PURE__ */ T(b, { className: "h-3.5 w-3.5" }), "Call"]
+										}), H.customerInfo.address && /* @__PURE__ */ E("button", {
 											type: "button",
-											onClick: () => Q(W.customerInfo.address),
+											onClick: () => J(H.customerInfo.address),
 											className: "inline-flex items-center gap-1.5 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-											children: [/* @__PURE__ */ k(b, { className: "h-3.5 w-3.5" }), "Navigate"]
+											children: [/* @__PURE__ */ T(v, { className: "h-3.5 w-3.5" }), "Navigate"]
 										})]
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ k(j, {
+						H.order && /* @__PURE__ */ E(D, {
+							className: "p-5",
+							children: [
+								/* @__PURE__ */ E("div", {
+									className: "mb-3 flex flex-wrap items-center justify-between gap-2",
+									children: [/* @__PURE__ */ E("h3", {
+										className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+										children: [
+											/* @__PURE__ */ T(S, { className: "h-4 w-4 text-text-secondary" }),
+											"Order",
+											H.order.orderNumber && /* @__PURE__ */ E("span", {
+												className: "font-mono text-xs font-normal text-text-secondary",
+												children: ["#", H.order.orderNumber]
+											})
+										]
+									}), Q && /* @__PURE__ */ E("span", {
+										className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", Q.cls),
+										children: [/* @__PURE__ */ T(Q.icon, { className: "h-3 w-3" }), Q.label]
+									})]
+								}),
+								H.order.items.length > 0 ? /* @__PURE__ */ E(se, { children: [/* @__PURE__ */ E("p", {
+									className: "mb-2 text-xs text-text-secondary",
+									children: [
+										$,
+										" ",
+										$ === 1 ? "item" : "items"
+									]
+								}), /* @__PURE__ */ T("ul", {
+									className: "divide-y divide-border-subtle",
+									children: H.order.items.map((e) => /* @__PURE__ */ E("li", {
+										className: "flex items-center justify-between gap-3 py-2 text-sm",
+										children: [/* @__PURE__ */ T("span", {
+											className: "min-w-0 truncate text-text-primary",
+											children: e.name
+										}), /* @__PURE__ */ E("span", {
+											className: "shrink-0 tabular-nums text-text-secondary",
+											children: ["×", e.quantity]
+										})]
+									}, e.id))
+								})] }) : /* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: "This order has no itemised lines recorded."
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "mt-3 flex items-center justify-between border-t border-border-subtle pt-3",
+									children: [/* @__PURE__ */ T("span", {
+										className: "text-sm text-text-secondary",
+										children: "Order total"
+									}), /* @__PURE__ */ T("span", {
+										className: "text-base font-semibold tabular-nums text-text-primary",
+										children: o(H.order.total, { minimumFractionDigits: 0 })
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ T(D, {
 							treatment: "insight",
 							className: "p-5",
-							children: /* @__PURE__ */ A("div", {
+							children: /* @__PURE__ */ E("div", {
 								className: "flex flex-wrap items-center justify-between gap-3",
-								children: [/* @__PURE__ */ A("div", {
+								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ k("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "flex h-9 w-9 items-center justify-center rounded-lg bg-status-success-bg-subtle text-status-success-text",
-										children: /* @__PURE__ */ k(_, { className: "h-4.5 w-4.5" })
-									}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
+										children: /* @__PURE__ */ T(h, { className: "h-4.5 w-4.5" })
+									}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 										className: "text-xs text-text-secondary",
 										children: "You earn"
-									}), /* @__PURE__ */ k("p", {
+									}), /* @__PURE__ */ T("p", {
 										className: "text-lg font-bold text-text-primary",
-										children: s(W.earnings, { minimumFractionDigits: 0 })
+										children: o(H.earnings, { minimumFractionDigits: 0 })
 									})] })]
-								}), /* @__PURE__ */ A("div", {
+								}), /* @__PURE__ */ E("div", {
 									className: "flex flex-wrap items-center gap-4 text-sm",
-									children: [/* @__PURE__ */ A("span", {
+									children: [/* @__PURE__ */ E("span", {
 										className: "flex items-center gap-1.5 text-text-secondary",
-										children: [/* @__PURE__ */ k(w, { className: "h-4 w-4" }), W.cartName]
-									}), W.dueTime && /* @__PURE__ */ A("span", {
+										children: [/* @__PURE__ */ T(ie, { className: "h-4 w-4" }), H.cartName]
+									}), H.dueTime && /* @__PURE__ */ E("span", {
 										className: "flex items-center gap-1.5 text-text-secondary",
 										children: [
-											/* @__PURE__ */ k(h, { className: "h-4 w-4" }),
+											/* @__PURE__ */ T(p, { className: "h-4 w-4" }),
 											"Due ",
-											I(W.dueTime)
+											M(H.dueTime)
 										]
 									})]
 								})]
 							})
 						}),
-						W.specialInstructions && /* @__PURE__ */ k("div", {
+						H.specialInstructions && /* @__PURE__ */ T("div", {
 							className: "rounded-[var(--radius-card)] border border-status-warning-text/20 bg-status-warning-bg-subtle p-4",
-							children: /* @__PURE__ */ A("p", {
+							children: /* @__PURE__ */ E("p", {
 								className: "text-sm text-status-warning-text flex items-start gap-2",
-								children: [/* @__PURE__ */ k(m, { className: "h-4 w-4 shrink-0 mt-0.5" }), W.specialInstructions]
+								children: [/* @__PURE__ */ T(u, { className: "h-4 w-4 shrink-0 mt-0.5" }), H.specialInstructions]
 							})
 						}),
-						/* @__PURE__ */ A(j, {
+						/* @__PURE__ */ E(D, {
 							className: "p-5",
 							children: [
-								/* @__PURE__ */ A("h3", {
+								/* @__PURE__ */ E("h3", {
 									className: "mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary",
-									children: [/* @__PURE__ */ k(T, { className: "h-4 w-4 text-text-secondary" }), "Delivery note"]
+									children: [/* @__PURE__ */ T(C, { className: "h-4 w-4 text-text-secondary" }), "Delivery note"]
 								}),
-								/* @__PURE__ */ k("textarea", {
-									value: K,
+								/* @__PURE__ */ T("textarea", {
+									value: W,
 									onChange: (e) => {
-										q(e.target.value), Y(!1);
+										G(e.target.value), q(!1);
 									},
 									placeholder: "Add a delivery note...",
 									rows: 3,
 									className: "w-full resize-none rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-border-focus/40"
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ E("div", {
 									className: "mt-3 flex items-center gap-3",
 									children: [
-										/* @__PURE__ */ A("button", {
+										/* @__PURE__ */ E("button", {
 											type: "button",
-											onClick: $,
-											disabled: U.isPending,
+											onClick: ue,
+											disabled: V.isPending,
 											className: "inline-flex items-center gap-1.5 rounded-md border border-border-default bg-bg-surface px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors disabled:opacity-50",
-											children: [U.isPending ? /* @__PURE__ */ k(v, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ k(T, { className: "h-3.5 w-3.5" }), U.isPending ? "Saving..." : "Save note"]
+											children: [V.isPending ? /* @__PURE__ */ T(g, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ T(C, { className: "h-3.5 w-3.5" }), V.isPending ? "Saving..." : "Save note"]
 										}),
-										J && !U.isPending && /* @__PURE__ */ k("span", {
+										K && !V.isPending && /* @__PURE__ */ T("span", {
 											className: "text-xs text-status-success-text",
 											children: "Note saved"
 										}),
-										U.isError && /* @__PURE__ */ k("span", {
+										V.isError && /* @__PURE__ */ T("span", {
 											className: "text-xs text-status-error-text",
 											children: "Couldn't save — retry"
 										})
@@ -450,68 +533,72 @@ function V() {
 								})
 							]
 						}),
-						/* @__PURE__ */ A("button", {
+						/* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: X,
-							disabled: W.status === "completed" || H.isPending,
-							className: t("w-full inline-flex items-center justify-center gap-2 rounded-[var(--radius-card)] px-4 py-3.5 text-base font-semibold transition-colors", W.status === "completed" ? "bg-status-success-bg-subtle text-status-success-text cursor-default" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-60"),
-							children: [H.isPending ? /* @__PURE__ */ k(v, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ k(te, { className: "h-5 w-5" }), se]
+							onClick: ce,
+							disabled: !X || B.isPending,
+							className: t("w-full inline-flex items-center justify-center gap-2 rounded-[var(--radius-card)] px-4 py-3.5 text-base font-semibold transition-colors", X ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-60" : H.status === "completed" ? "bg-status-success-bg-subtle text-status-success-text cursor-default" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
+							children: [B.isPending ? /* @__PURE__ */ T(g, { className: "h-5 w-5 animate-spin" }) : H.status === "blocked" || H.status === "cancelled" ? /* @__PURE__ */ T(u, { className: "h-5 w-5" }) : /* @__PURE__ */ T(f, { className: "h-5 w-5" }), he]
+						}),
+						H.status === "blocked" && /* @__PURE__ */ T("p", {
+							className: "-mt-4 text-xs text-text-secondary",
+							children: "This task is blocked. Ask the cart owner to unblock it before continuing."
 						})
 					]
-				}), /* @__PURE__ */ A("div", {
+				}), /* @__PURE__ */ E("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ A(j, {
+					children: [/* @__PURE__ */ E(D, {
 						className: "p-5",
-						children: [/* @__PURE__ */ k("h3", {
+						children: [/* @__PURE__ */ T("h3", {
 							className: "mb-3 text-sm font-semibold text-text-primary",
 							children: "Delivery timeline"
-						}), /* @__PURE__ */ k(l, { items: ne })]
-					}), /* @__PURE__ */ A(j, {
+						}), /* @__PURE__ */ T(ne, { items: Y })]
+					}), /* @__PURE__ */ E(D, {
 						className: "p-5",
-						children: [/* @__PURE__ */ k("h3", {
+						children: [/* @__PURE__ */ T("h3", {
 							className: "mb-3 text-sm font-semibold text-text-primary",
 							children: "Job details"
-						}), /* @__PURE__ */ A("dl", {
+						}), /* @__PURE__ */ E("dl", {
 							className: "space-y-3 text-sm",
 							children: [
-								W.orderId && /* @__PURE__ */ A("div", {
+								Z && /* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ k(g, { className: "h-4 w-4 text-text-secondary shrink-0" }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+									children: [/* @__PURE__ */ T(m, { className: "h-4 w-4 text-text-secondary shrink-0" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 										className: "text-xs text-text-secondary",
-										children: "Order ID"
-									}), /* @__PURE__ */ k("dd", {
+										children: "Order"
+									}), /* @__PURE__ */ T("dd", {
 										className: "font-mono font-medium text-text-primary",
-										children: W.orderId
+										children: Z
 									})] })]
 								}),
-								W.customerInfo.name && /* @__PURE__ */ A("div", {
+								H.customerInfo.name && /* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ k(D, { className: "h-4 w-4 text-text-secondary shrink-0" }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+									children: [/* @__PURE__ */ T(ae, { className: "h-4 w-4 text-text-secondary shrink-0" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 										className: "text-xs text-text-secondary",
 										children: "Customer"
-									}), /* @__PURE__ */ k("dd", {
+									}), /* @__PURE__ */ T("dd", {
 										className: "font-medium text-text-primary",
-										children: W.customerInfo.name
+										children: H.customerInfo.name
 									})] })]
 								}),
-								W.distance != null && /* @__PURE__ */ A("div", {
+								H.distance != null && /* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ k(b, { className: "h-4 w-4 text-text-secondary shrink-0" }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+									children: [/* @__PURE__ */ T(v, { className: "h-4 w-4 text-text-secondary shrink-0" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 										className: "text-xs text-text-secondary",
 										children: "Distance"
-									}), /* @__PURE__ */ A("dd", {
+									}), /* @__PURE__ */ E("dd", {
 										className: "font-medium text-text-primary",
-										children: [W.distance, " km"]
+										children: [H.distance, " km"]
 									})] })]
 								}),
-								W.assignedTime && /* @__PURE__ */ A("div", {
+								H.assignedTime && /* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ k(h, { className: "h-4 w-4 text-text-secondary shrink-0" }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+									children: [/* @__PURE__ */ T(p, { className: "h-4 w-4 text-text-secondary shrink-0" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 										className: "text-xs text-text-secondary",
 										children: "Assigned"
-									}), /* @__PURE__ */ k("dd", {
+									}), /* @__PURE__ */ T("dd", {
 										className: "font-medium text-text-primary",
-										children: c(W.assignedTime)
+										children: te(H.assignedTime)
 									})] })]
 								})
 							]
@@ -523,6 +610,6 @@ function V() {
 	});
 }
 //#endregion
-export { V as TaskDetailsPage };
+export { z as TaskDetailsPage };
 
 //# sourceMappingURL=TaskDetailsPage.js.map