@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

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

@@ -22,10 +22,10 @@ function L(e) {
 }
 function R(e) {
 	switch (e) {
-		case "urgent": return "bg-red-500/20 text-red-600 dark:text-red-400";
-		case "high": return "bg-orange-500/20 text-orange-600 dark:text-orange-400";
-		case "medium": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
-		case "low": return "bg-green-500/20 text-green-600 dark:text-green-400";
+		case "urgent": return "bg-status-error-bg-subtle/20 text-status-error-text";
+		case "high": return "bg-accent-orange-subtle/20 text-accent-orange";
+		case "medium": return "bg-status-warning-bg-subtle/20 text-status-warning-text";
+		case "low": return "bg-status-success-bg-subtle/20 text-status-success-text";
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
@@ -132,8 +132,8 @@ function V() {
 			className: "flex items-center justify-center py-24",
 			children: /* @__PURE__ */ I("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ F(x, { className: "h-10 w-10 animate-spin text-muted-foreground mx-auto mb-4" }), /* @__PURE__ */ F("p", {
-					className: "text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ F(x, { className: "h-10 w-10 animate-spin text-text-secondary mx-auto mb-4" }), /* @__PURE__ */ F("p", {
+					className: "text-sm text-text-secondary",
 					children: "Loading task details..."
 				})]
 			})
@@ -142,13 +142,14 @@ function V() {
 	if (!w) return /* @__PURE__ */ F(n, {
 		title: "Task Not Found",
 		children: /* @__PURE__ */ F(i, {
+			illustration: "empty-generic",
 			icon: /* @__PURE__ */ F(y, { className: "h-12 w-12" }),
 			title: "Task not found",
-			description: `No task found with ID "${p}".`,
+			description: `No task found with ID"${p}".`,
 			action: /* @__PURE__ */ F("button", {
 				type: "button",
 				onClick: () => g("/worker/orders"),
-				className: "rounded-lg bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+				className: "rounded-lg bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
 				children: "View All Orders"
 			})
 		})
@@ -160,7 +161,7 @@ function V() {
 			children: [/* @__PURE__ */ F("button", {
 				type: "button",
 				onClick: () => g("/worker/orders"),
-				className: "rounded-md p-1 text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+				className: "rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
 				children: /* @__PURE__ */ F(f, { className: "h-5 w-5" })
 			}), /* @__PURE__ */ F("span", { children: "Task Details" })]
 		}),
@@ -168,21 +169,21 @@ function V() {
 		children: /* @__PURE__ */ I("div", {
 			className: "space-y-6",
 			children: [/* @__PURE__ */ I("div", {
-				className: "rounded-lg border border-border bg-card p-6 shadow-sm",
+				className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 				children: [/* @__PURE__ */ I("div", {
 					className: "flex items-start justify-between mb-4",
 					children: [/* @__PURE__ */ I("div", {
 						className: "flex items-start gap-3",
 						children: [/* @__PURE__ */ F("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-muted",
-							children: /* @__PURE__ */ F(Z, { className: "h-5 w-5 text-muted-foreground" })
+							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
+							children: /* @__PURE__ */ F(Z, { className: "h-5 w-5 text-text-secondary" })
 						}), /* @__PURE__ */ I("div", { children: [
 							/* @__PURE__ */ F("h2", {
-								className: "text-xl font-bold text-foreground",
+								className: "text-xl font-bold text-text-primary",
 								children: w.title
 							}),
 							/* @__PURE__ */ F("p", {
-								className: "text-sm text-muted-foreground mt-1",
+								className: "text-sm text-text-secondary mt-1",
 								children: w.description
 							}),
 							/* @__PURE__ */ I("div", {
@@ -194,7 +195,7 @@ function V() {
 									}),
 									/* @__PURE__ */ F(r, { status: w.status }),
 									/* @__PURE__ */ I("span", {
-										className: "text-xs text-muted-foreground flex items-center gap-1",
+										className: "text-xs text-text-secondary flex items-center gap-1",
 										children: [
 											/* @__PURE__ */ F(v, { className: "h-3 w-3" }),
 											w.estimatedTime,
@@ -208,25 +209,25 @@ function V() {
 						className: "text-right shrink-0",
 						children: [
 							/* @__PURE__ */ F("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Assigned by"
 							}),
 							/* @__PURE__ */ F("p", {
-								className: "text-sm font-medium text-foreground",
+								className: "text-sm font-medium text-text-primary",
 								children: w.assignedBy
 							}),
 							/* @__PURE__ */ F("p", {
-								className: "text-xs text-muted-foreground mt-1",
+								className: "text-xs text-text-secondary mt-1",
 								children: B(w.assignedTime)
 							})
 						]
 					})]
 				}), w.dueTime && w.status !== "completed" && /* @__PURE__ */ F("div", {
-					className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 p-3",
+					className: "rounded-md bg-status-warning-bg-subtle/10 border border-status-warning-border/20 p-3",
 					children: /* @__PURE__ */ I("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ F(j, { className: "h-4 w-4 text-yellow-600 dark:text-yellow-400 shrink-0" }), /* @__PURE__ */ I("span", {
-							className: "text-xs font-medium text-yellow-600 dark:text-yellow-400",
+						children: [/* @__PURE__ */ F(j, { className: "h-4 w-4 text-status-warning-text shrink-0" }), /* @__PURE__ */ I("span", {
+							className: "text-xs font-medium text-status-warning-text",
 							children: ["Due by ", B(w.dueTime)]
 						})]
 					})
@@ -237,9 +238,9 @@ function V() {
 					className: "lg:col-span-2 space-y-6",
 					children: [
 						/* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border bg-card p-6",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ F("h3", {
-								className: "text-base font-semibold text-foreground mb-4",
+								className: "text-base font-semibold text-text-primary mb-4",
 								children: "Customer Information"
 							}), /* @__PURE__ */ I("div", {
 								className: "grid grid-cols-1 md:grid-cols-2 gap-5",
@@ -248,13 +249,13 @@ function V() {
 									children: /* @__PURE__ */ I("div", {
 										className: "flex items-center gap-3",
 										children: [/* @__PURE__ */ F("div", {
-											className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted text-muted-foreground",
+											className: "flex h-10 w-10 items-center justify-center rounded-full bg-bg-sunken text-text-secondary",
 											children: /* @__PURE__ */ F(N, { className: "h-5 w-5" })
 										}), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-											className: "text-sm font-medium text-foreground",
+											className: "text-sm font-medium text-text-primary",
 											children: w.customerInfo.name
 										}), /* @__PURE__ */ F("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: w.customerInfo.phone
 										})] })]
 									})
@@ -263,94 +264,94 @@ function V() {
 									children: [/* @__PURE__ */ I("button", {
 										type: "button",
 										onClick: q,
-										className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+										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__ */ F(T, { className: "h-3.5 w-3.5" }), "Call Customer"]
 									}), /* @__PURE__ */ I("button", {
 										type: "button",
 										onClick: J,
-										className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+										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__ */ F(C, { className: "h-3.5 w-3.5" }), "Navigate"]
 									})]
 								})] }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-									className: "text-xs text-muted-foreground mb-2",
+									className: "text-xs text-text-secondary mb-2",
 									children: "Delivery Address"
 								}), /* @__PURE__ */ F("div", {
-									className: "rounded-md bg-muted/50 p-3",
+									className: "rounded-md bg-bg-sunken/50 p-3",
 									children: /* @__PURE__ */ I("p", {
-										className: "text-xs text-foreground flex items-start gap-2",
-										children: [/* @__PURE__ */ F(S, { className: "h-3.5 w-3.5 shrink-0 mt-0.5 text-muted-foreground" }), w.customerInfo.address]
+										className: "text-xs text-text-primary flex items-start gap-2",
+										children: [/* @__PURE__ */ F(S, { className: "h-3.5 w-3.5 shrink-0 mt-0.5 text-text-secondary" }), w.customerInfo.address]
 									})
 								})] })]
 							})]
 						}),
 						w.orderItems.length > 0 && /* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border bg-card p-6",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ F("h3", {
-								className: "text-base font-semibold text-foreground mb-3",
+								className: "text-base font-semibold text-text-primary mb-3",
 								children: "Order Items"
 							}), /* @__PURE__ */ F("div", {
 								className: "space-y-2",
 								children: w.orderItems.map((e, t) => /* @__PURE__ */ F("div", {
-									className: "flex items-start justify-between p-3 rounded-md bg-muted/50",
+									className: "flex items-start justify-between p-3 rounded-md bg-bg-sunken/50",
 									children: /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ I("p", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: [
 											e.quantity,
 											"x ",
 											e.name
 										]
 									}), e.specialInstructions && /* @__PURE__ */ I("p", {
-										className: "text-xs text-muted-foreground mt-0.5",
+										className: "text-xs text-text-secondary mt-0.5",
 										children: ["Note: ", e.specialInstructions]
 									})] })
 								}, t))
 							})]
 						}),
 						w.specialInstructions && /* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border bg-card p-6",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ F("h3", {
-								className: "text-base font-semibold text-foreground mb-3",
+								className: "text-base font-semibold text-text-primary mb-3",
 								children: "Special Instructions"
 							}), /* @__PURE__ */ F("div", {
-								className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 p-4",
+								className: "rounded-md bg-status-warning-bg-subtle/10 border border-status-warning-border/20 p-4",
 								children: /* @__PURE__ */ I("p", {
-									className: "text-sm text-yellow-700 dark:text-yellow-300 flex items-start gap-2",
-									children: [/* @__PURE__ */ F(d, { className: "h-4 w-4 shrink-0 mt-0.5 text-yellow-600 dark:text-yellow-400" }), w.specialInstructions]
+									className: "text-sm text-status-warning-text flex items-start gap-2",
+									children: [/* @__PURE__ */ F(d, { className: "h-4 w-4 shrink-0 mt-0.5 text-status-warning-text" }), w.specialInstructions]
 								})
 							})]
 						}),
 						w.photos && w.photos.length > 0 && /* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border bg-card p-6",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ I("h3", {
-								className: "text-base font-semibold text-foreground flex items-center gap-2 mb-3",
-								children: [/* @__PURE__ */ F(m, { className: "h-4 w-4 text-muted-foreground" }), "Reference Photos"]
+								className: "text-base font-semibold text-text-primary flex items-center gap-2 mb-3",
+								children: [/* @__PURE__ */ F(m, { className: "h-4 w-4 text-text-secondary" }), "Reference Photos"]
 							}), /* @__PURE__ */ F("div", {
 								className: "grid grid-cols-2 md:grid-cols-3 gap-3",
 								children: w.photos.map((e, t) => /* @__PURE__ */ F("img", {
 									src: e,
 									alt: `Reference ${t + 1}`,
-									className: "w-full h-32 object-cover rounded-lg border border-border"
+									className: "w-full h-32 object-cover rounded-lg border border-border-subtle"
 								}, t))
 							})]
 						}),
 						/* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border bg-card p-6",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 							children: [
 								/* @__PURE__ */ I("h3", {
-									className: "text-base font-semibold text-foreground flex items-center gap-2 mb-3",
-									children: [/* @__PURE__ */ F(A, { className: "h-4 w-4 text-muted-foreground" }), "Task Notes"]
+									className: "text-base font-semibold text-text-primary flex items-center gap-2 mb-3",
+									children: [/* @__PURE__ */ F(A, { className: "h-4 w-4 text-text-secondary" }), "Task Notes"]
 								}),
 								/* @__PURE__ */ F("textarea", {
 									value: H,
 									onChange: (e) => U(e.target.value),
 									placeholder: "Add your notes about this task...",
 									rows: 4,
-									className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40 resize-none"
+									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40 resize-none"
 								}),
 								/* @__PURE__ */ I("button", {
 									type: "button",
 									onClick: Y,
-									className: "mt-3 inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+									className: "mt-3 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__ */ F(D, { className: "h-3.5 w-3.5" }), "Save Notes"]
 								})
 							]
@@ -360,70 +361,70 @@ function V() {
 					className: "space-y-6",
 					children: [
 						/* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border bg-card p-5",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ F("h3", {
-								className: "text-base font-semibold text-foreground mb-3",
+								className: "text-base font-semibold text-text-primary mb-3",
 								children: "Task Details"
 							}), /* @__PURE__ */ I("div", {
 								className: "space-y-3",
 								children: [
 									/* @__PURE__ */ I("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ F(y, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-											className: "text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ F(y, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+											className: "text-xs text-text-secondary",
 											children: "Order ID"
 										}), /* @__PURE__ */ F("p", {
-											className: "text-sm font-medium font-mono text-foreground",
+											className: "text-sm font-medium font-mono text-text-primary",
 											children: w.orderId
 										})] })]
 									}),
 									/* @__PURE__ */ I("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ F(O, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-											className: "text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ F(O, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+											className: "text-xs text-text-secondary",
 											children: "Cart"
 										}), /* @__PURE__ */ F("p", {
-											className: "text-sm font-medium text-foreground",
+											className: "text-sm font-medium text-text-primary",
 											children: w.cartName
 										})] })]
 									}),
 									/* @__PURE__ */ I("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ F(v, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-											className: "text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ F(v, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+											className: "text-xs text-text-secondary",
 											children: "Due At"
 										}), /* @__PURE__ */ F("p", {
-											className: "text-sm text-foreground",
+											className: "text-sm text-text-primary",
 											children: o(w.dueTime)
 										})] })]
 									}),
 									/* @__PURE__ */ I("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ F(b, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-											className: "text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ F(b, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+											className: "text-xs text-text-secondary",
 											children: "Earnings"
 										}), /* @__PURE__ */ F("p", {
-											className: "text-sm font-medium text-green-600 dark:text-green-400",
+											className: "text-sm font-medium text-status-success-text",
 											children: a(w.earnings, { minimumFractionDigits: 0 })
 										})] })]
 									}),
 									w.distance != null && /* @__PURE__ */ I("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ F(C, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-											className: "text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ F(C, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+											className: "text-xs text-text-secondary",
 											children: "Distance"
 										}), /* @__PURE__ */ I("p", {
-											className: "text-sm text-foreground",
+											className: "text-sm text-text-primary",
 											children: [w.distance, " km"]
 										})] })]
 									}),
 									/* @__PURE__ */ I("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ F(v, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-											className: "text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ F(v, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+											className: "text-xs text-text-secondary",
 											children: "Assigned At"
 										}), /* @__PURE__ */ F("p", {
-											className: "text-sm text-foreground",
+											className: "text-sm text-text-primary",
 											children: o(w.assignedTime)
 										})] })]
 									})
@@ -431,9 +432,9 @@ function V() {
 							})]
 						}),
 						/* @__PURE__ */ I("div", {
-							className: "rounded-lg border border-border bg-card p-5",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ F("h3", {
-								className: "text-base font-semibold text-foreground mb-4",
+								className: "text-base font-semibold text-text-primary mb-4",
 								children: "Status Timeline"
 							}), /* @__PURE__ */ F("div", {
 								className: "relative",
@@ -444,16 +445,16 @@ function V() {
 										children: [/* @__PURE__ */ I("div", {
 											className: "flex flex-col items-center",
 											children: [/* @__PURE__ */ F("div", {
-												className: t("flex h-7 w-7 shrink-0 items-center justify-center rounded-full", e.completed ? "bg-green-500/10 text-green-600 dark:text-green-400" : "bg-muted text-muted-foreground"),
+												className: t("flex h-7 w-7 shrink-0 items-center justify-center rounded-full", e.completed ? "bg-status-success-bg-subtle/10 text-status-success-text" : "bg-bg-sunken text-text-secondary"),
 												children: /* @__PURE__ */ F(i, { className: "h-3.5 w-3.5" })
-											}), !r && /* @__PURE__ */ F("div", { className: t("w-0.5 flex-1 my-1", e.completed ? "bg-green-500/30" : "bg-border") })]
+											}), !r && /* @__PURE__ */ F("div", { className: t("w-0.5 flex-1 my-1", e.completed ? "bg-status-success-bg-subtle/30" : "bg-border") })]
 										}), /* @__PURE__ */ I("div", {
 											className: t("pb-5", r && "pb-0"),
 											children: [/* @__PURE__ */ F("p", {
-												className: "text-sm font-medium text-foreground",
+												className: "text-sm font-medium text-text-primary",
 												children: e.label
 											}), /* @__PURE__ */ F("p", {
-												className: "mt-0.5 text-xs text-muted-foreground",
+												className: "mt-0.5 text-xs text-text-secondary",
 												children: e.timestamp ? o(e.timestamp) : "Pending"
 											})]
 										})]
@@ -467,19 +468,19 @@ function V() {
 								w.status === "pending" && /* @__PURE__ */ I("button", {
 									type: "button",
 									onClick: G,
-									className: "w-full inline-flex items-center justify-center gap-2 rounded-lg bg-blue-500/10 px-4 py-3 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-500/20 transition-colors",
+									className: "w-full inline-flex items-center justify-center gap-2 rounded-lg bg-accent-blue-subtle/10 px-4 py-3 text-sm font-medium text-accent-blue hover:bg-accent-blue-subtle/20 transition-colors",
 									children: [/* @__PURE__ */ F(E, { className: "h-4 w-4" }), "Start Task"]
 								}),
 								w.status === "in_progress" && /* @__PURE__ */ I("button", {
 									type: "button",
 									onClick: K,
-									className: "w-full inline-flex items-center justify-center gap-2 rounded-lg bg-green-500/10 px-4 py-3 text-sm font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+									className: "w-full inline-flex items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle/10 px-4 py-3 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 									children: [/* @__PURE__ */ F(h, { className: "h-4 w-4" }), "Complete Task"]
 								}),
 								/* @__PURE__ */ I("button", {
 									type: "button",
 									onClick: () => g("/worker/orders"),
-									className: "w-full inline-flex items-center justify-center gap-2 rounded-lg bg-accent px-4 py-3 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+									className: "w-full inline-flex items-center justify-center gap-2 rounded-lg bg-accent px-4 py-3 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
 									children: [/* @__PURE__ */ F(f, { className: "h-4 w-4" }), "Back to Tasks"]
 								})
 							]

package/dist/adaptercloud/pages/worker/TaskDetailsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskDetailsPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/worker/TaskDetailsPage.tsx"],"sourcesContent":["/**\n * Task Details Page\n *\n * Full-featured task details page with:\n * - Loading state with spinner\n * - Notes section: textarea for adding worker notes + Save Notes button\n * - Reference Photos grid display\n * - Special Instructions section with yellow warning-style card\n * - Start Task / Complete Task action buttons with state changes\n * - Call Customer button linking to tel:\n * - Navigate to Location button opening Google Maps\n * - Due time warning banner\n * - Task type icon display\n * - Status and priority badges\n * - Order items with special instructions per item\n * - Full delivery address\n * - Status timeline\n *\n * @module adaptercloud/pages/worker\n */\n\nimport { useState, useEffect, useMemo, useCallback } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Package,\n  Phone,\n  MapPin,\n  Clock,\n  IndianRupee,\n  Navigation,\n  CheckCircle2,\n  Circle,\n  PlayCircle,\n  ShoppingBag,\n  User,\n  AlertTriangle,\n  FileText,\n  Loader2,\n  Truck,\n  ChefHat,\n  Boxes,\n  Sparkles,\n  Camera,\n  StickyNote,\n  Save,\n  Timer,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\nimport type { TaskStatus } from '../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface TaskOrderItem {\n  name: string;\n  quantity: number;\n  specialInstructions?: string;\n}\n\ninterface TaskCustomerInfo {\n  name: string;\n  phone: string;\n  address: string;\n}\n\ninterface TaskDetails {\n  id: string;\n  orderId: string;\n  cartId: string;\n  cartName: string;\n  type: 'delivery' | 'preparation' | 'inventory' | 'cleanup' | 'service' | 'pickup';\n  status: TaskStatus;\n  priority: 'high' | 'medium' | 'low' | 'urgent';\n  title: string;\n  description: string;\n  estimatedTime: number;\n  assignedBy: string;\n  assignedTime: string;\n  dueTime: string;\n  location?: string;\n  earnings: number;\n  distance?: number;\n  customerInfo: TaskCustomerInfo;\n  orderItems: TaskOrderItem[];\n  specialInstructions?: string;\n  photos?: string[];\n  notes?: string;\n}\n\ninterface TimelineEvent {\n  status: string;\n  label: string;\n  timestamp: string | null;\n  completed: boolean;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getTaskTypeIcon(type: string) {\n  switch (type) {\n    case 'delivery':\n      return Truck;\n    case 'preparation':\n      return ChefHat;\n    case 'inventory':\n      return Boxes;\n    case 'cleanup':\n      return Sparkles;\n    case 'pickup':\n      return ShoppingBag;\n    case 'service':\n      return Package;\n    default:\n      return FileText;\n  }\n}\n\nfunction getPriorityStyle(priority: string): string {\n  switch (priority) {\n    case 'urgent':\n      return 'bg-red-500/20 text-red-600 dark:text-red-400';\n    case 'high':\n      return 'bg-orange-500/20 text-orange-600 dark:text-orange-400';\n    case 'medium':\n      return 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400';\n    case 'low':\n      return 'bg-green-500/20 text-green-600 dark:text-green-400';\n    default:\n      return 'bg-secondary text-secondary-foreground';\n  }\n}\n\nfunction buildTimeline(task: TaskDetails): TimelineEvent[] {\n  const assignedTs = task.assignedTime;\n  const inProgressTs =\n    task.status === 'in_progress' || task.status === 'completed'\n      ? new Date(new Date(assignedTs).getTime() + 15 * 60000).toISOString()\n      : null;\n  const completedTs = task.status === 'completed' ? new Date().toISOString() : null;\n\n  return [\n    { status: 'assigned', label: 'Task Assigned', timestamp: assignedTs, completed: true },\n    {\n      status: 'in_progress',\n      label: 'Work Started',\n      timestamp: inProgressTs,\n      completed: task.status === 'in_progress' || task.status === 'completed',\n    },\n    {\n      status: 'completed',\n      label: 'Task Completed',\n      timestamp: completedTs,\n      completed: task.status === 'completed',\n    },\n  ];\n}\n\nfunction formatTime(dateString: string): string {\n  return new Date(dateString).toLocaleTimeString('en-IN', {\n    hour: 'numeric',\n    minute: '2-digit',\n    hour12: true,\n  });\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function TaskDetailsPage() {\n  const { taskId } = useParams<{ taskId: string }>();\n  const { navigateTo } = useAdapterCloud();\n  const [task, setTask] = useState<TaskDetails | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [notes, setNotes] = useState('');\n\n  const loadTask = useCallback(() => {\n    setLoading(true);\n    setTimeout(() => {\n      const mockTask: TaskDetails = {\n        id: taskId || 'TASK-001',\n        orderId: 'ORD-123',\n        cartId: 'cart-001',\n        cartName: 'South Indian Express',\n        type: 'delivery',\n        status: 'pending',\n        priority: 'high',\n        title: 'Deliver Order #ORD-123',\n        description: 'Deliver 2x Masala Dosa, 1x Filter Coffee to customer at Koramangala',\n        estimatedTime: 25,\n        assignedBy: 'Cart Manager',\n        assignedTime: new Date(Date.now() - 5 * 60 * 1000).toISOString(),\n        dueTime: new Date(Date.now() + 30 * 60 * 1000).toISOString(),\n        location: 'Koramangala 5th Block',\n        earnings: 95,\n        distance: 3.5,\n        customerInfo: {\n          name: 'Rahul Sharma',\n          phone: '+91-98765-43210',\n          address: '123, MG Road, Near Central Mall, Koramangala 5th Block, Bangalore - 560034',\n        },\n        orderItems: [\n          { name: 'Masala Dosa', quantity: 2, specialInstructions: 'Extra spicy' },\n          { name: 'Filter Coffee', quantity: 1, specialInstructions: 'Less sugar' },\n        ],\n        specialInstructions: 'Please call before delivery. Customer prefers contactless delivery.',\n        photos: [\n          'https://images.unsplash.com/photo-1630384060421-cb20d0e0649d?w=400',\n          'https://images.unsplash.com/photo-1572802419224-296b0aeee0d9?w=400',\n        ],\n        notes: '',\n      };\n      setTask(mockTask);\n      setNotes(mockTask.notes || '');\n      setLoading(false);\n    }, 600);\n  }, [taskId]);\n\n  useEffect(() => {\n    loadTask();\n  }, [loadTask]);\n\n  const handleStartTask = () => {\n    if (task) {\n      setTask({ ...task, status: 'in_progress' });\n      alert('Task started successfully');\n    }\n  };\n\n  const handleCompleteTask = () => {\n    if (task) {\n      setTask({ ...task, status: 'completed' });\n      alert('Task completed successfully');\n    }\n  };\n\n  const handleCallCustomer = () => {\n    if (task?.customerInfo?.phone) {\n      window.location.href = `tel:${task.customerInfo.phone.replace(/\\s/g, '')}`;\n    }\n  };\n\n  const handleNavigateToLocation = () => {\n    if (task?.customerInfo?.address) {\n      const encoded = encodeURIComponent(task.customerInfo.address);\n      window.open(`https://maps.google.com?q=${encoded}`, '_blank');\n    }\n  };\n\n  const handleSaveNotes = () => {\n    if (task) {\n      setTask({ ...task, notes });\n      alert('Notes saved successfully');\n    }\n  };\n\n  const timeline = useMemo(() => (task ? buildTimeline(task) : []), [task]);\n\n  // Loading state\n  if (loading) {\n    return (\n      <PageLayout title=\"Task Details\">\n        <div className=\"flex items-center justify-center py-24\">\n          <div className=\"text-center\">\n            <Loader2 className=\"h-10 w-10 animate-spin text-muted-foreground mx-auto mb-4\" />\n            <p className=\"text-sm text-muted-foreground\">Loading task details...</p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Not found\n  if (!task) {\n    return (\n      <PageLayout title=\"Task Not Found\">\n        <EmptyState\n          icon={<FileText className=\"h-12 w-12\" />}\n          title=\"Task not found\"\n          description={`No task found with ID \"${taskId}\".`}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/worker/orders')}\n              className=\"rounded-lg bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors\"\n            >\n              View All Orders\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const TaskTypeIcon = getTaskTypeIcon(task.type);\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/worker/orders')}\n            className=\"rounded-md p-1 text-muted-foreground hover:bg-accent hover:text-foreground transition-colors\"\n          >\n            <ArrowLeft className=\"h-5 w-5\" />\n          </button>\n          <span>Task Details</span>\n        </div>\n      }\n      description=\"Manage and track your assigned task\"\n    >\n      <div className=\"space-y-6\">\n        {/* Task Header Card */}\n        <div className=\"rounded-lg border border-border bg-card p-6 shadow-sm\">\n          <div className=\"flex items-start justify-between mb-4\">\n            <div className=\"flex items-start gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-muted\">\n                <TaskTypeIcon className=\"h-5 w-5 text-muted-foreground\" />\n              </div>\n              <div>\n                <h2 className=\"text-xl font-bold text-foreground\">{task.title}</h2>\n                <p className=\"text-sm text-muted-foreground mt-1\">{task.description}</p>\n                <div className=\"flex flex-wrap items-center gap-2 mt-3\">\n                  <span\n                    className={cn(\n                      'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium uppercase',\n                      getPriorityStyle(task.priority)\n                    )}\n                  >\n                    {task.priority}\n                  </span>\n                  <StatusBadge status={task.status} />\n                  <span className=\"text-xs text-muted-foreground flex items-center gap-1\">\n                    <Clock className=\"h-3 w-3\" />\n                    {task.estimatedTime} min\n                  </span>\n                </div>\n              </div>\n            </div>\n            <div className=\"text-right shrink-0\">\n              <p className=\"text-xs text-muted-foreground\">Assigned by</p>\n              <p className=\"text-sm font-medium text-foreground\">{task.assignedBy}</p>\n              <p className=\"text-xs text-muted-foreground mt-1\">{formatTime(task.assignedTime)}</p>\n            </div>\n          </div>\n\n          {/* Due Time Warning Banner */}\n          {task.dueTime && task.status !== 'completed' && (\n            <div className=\"rounded-md bg-yellow-500/10 border border-yellow-500/20 p-3\">\n              <div className=\"flex items-center gap-2\">\n                <Timer className=\"h-4 w-4 text-yellow-600 dark:text-yellow-400 shrink-0\" />\n                <span className=\"text-xs font-medium text-yellow-600 dark:text-yellow-400\">\n                  Due by {formatTime(task.dueTime)}\n                </span>\n              </div>\n            </div>\n          )}\n        </div>\n\n        <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n          {/* Left Column */}\n          <div className=\"lg:col-span-2 space-y-6\">\n            {/* Customer Information */}\n            <div className=\"rounded-lg border border-border bg-card p-6\">\n              <h3 className=\"text-base font-semibold text-foreground mb-4\">Customer Information</h3>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n                <div>\n                  <div className=\"space-y-3\">\n                    <div className=\"flex items-center gap-3\">\n                      <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-muted text-muted-foreground\">\n                        <User className=\"h-5 w-5\" />\n                      </div>\n                      <div>\n                        <p className=\"text-sm font-medium text-foreground\">\n                          {task.customerInfo.name}\n                        </p>\n                        <p className=\"text-xs text-muted-foreground\">{task.customerInfo.phone}</p>\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"flex gap-2 mt-4\">\n                    <button\n                      type=\"button\"\n                      onClick={handleCallCustomer}\n                      className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors\"\n                    >\n                      <Phone className=\"h-3.5 w-3.5\" />\n                      Call Customer\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={handleNavigateToLocation}\n                      className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors\"\n                    >\n                      <Navigation className=\"h-3.5 w-3.5\" />\n                      Navigate\n                    </button>\n                  </div>\n                </div>\n                <div>\n                  <p className=\"text-xs text-muted-foreground mb-2\">Delivery Address</p>\n                  <div className=\"rounded-md bg-muted/50 p-3\">\n                    <p className=\"text-xs text-foreground flex items-start gap-2\">\n                      <MapPin className=\"h-3.5 w-3.5 shrink-0 mt-0.5 text-muted-foreground\" />\n                      {task.customerInfo.address}\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            {/* Order Items */}\n            {task.orderItems.length > 0 && (\n              <div className=\"rounded-lg border border-border bg-card p-6\">\n                <h3 className=\"text-base font-semibold text-foreground mb-3\">Order Items</h3>\n                <div className=\"space-y-2\">\n                  {task.orderItems.map((item, index) => (\n                    <div\n                      key={index}\n                      className=\"flex items-start justify-between p-3 rounded-md bg-muted/50\"\n                    >\n                      <div>\n                        <p className=\"text-sm font-medium text-foreground\">\n                          {item.quantity}x {item.name}\n                        </p>\n                        {item.specialInstructions && (\n                          <p className=\"text-xs text-muted-foreground mt-0.5\">\n                            Note: {item.specialInstructions}\n                          </p>\n                        )}\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n\n            {/* Special Instructions */}\n            {task.specialInstructions && (\n              <div className=\"rounded-lg border border-border bg-card p-6\">\n                <h3 className=\"text-base font-semibold text-foreground mb-3\">\n                  Special Instructions\n                </h3>\n                <div className=\"rounded-md bg-yellow-500/10 border border-yellow-500/20 p-4\">\n                  <p className=\"text-sm text-yellow-700 dark:text-yellow-300 flex items-start gap-2\">\n                    <AlertTriangle className=\"h-4 w-4 shrink-0 mt-0.5 text-yellow-600 dark:text-yellow-400\" />\n                    {task.specialInstructions}\n                  </p>\n                </div>\n              </div>\n            )}\n\n            {/* Reference Photos */}\n            {task.photos && task.photos.length > 0 && (\n              <div className=\"rounded-lg border border-border bg-card p-6\">\n                <h3 className=\"text-base font-semibold text-foreground flex items-center gap-2 mb-3\">\n                  <Camera className=\"h-4 w-4 text-muted-foreground\" />\n                  Reference Photos\n                </h3>\n                <div className=\"grid grid-cols-2 md:grid-cols-3 gap-3\">\n                  {task.photos.map((photo, index) => (\n                    <img\n                      key={index}\n                      src={photo}\n                      alt={`Reference ${index + 1}`}\n                      className=\"w-full h-32 object-cover rounded-lg border border-border\"\n                    />\n                  ))}\n                </div>\n              </div>\n            )}\n\n            {/* Task Notes */}\n            <div className=\"rounded-lg border border-border bg-card p-6\">\n              <h3 className=\"text-base font-semibold text-foreground flex items-center gap-2 mb-3\">\n                <StickyNote className=\"h-4 w-4 text-muted-foreground\" />\n                Task Notes\n              </h3>\n              <textarea\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                placeholder=\"Add your notes about this task...\"\n                rows={4}\n                className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40 resize-none\"\n              />\n              <button\n                type=\"button\"\n                onClick={handleSaveNotes}\n                className=\"mt-3 inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors\"\n              >\n                <Save className=\"h-3.5 w-3.5\" />\n                Save Notes\n              </button>\n            </div>\n          </div>\n\n          {/* Right Sidebar */}\n          <div className=\"space-y-6\">\n            {/* Task Details */}\n            <div className=\"rounded-lg border border-border bg-card p-5\">\n              <h3 className=\"text-base font-semibold text-foreground mb-3\">Task Details</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center gap-2\">\n                  <FileText className=\"h-4 w-4 text-muted-foreground\" />\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Order ID</p>\n                    <p className=\"text-sm font-medium font-mono text-foreground\">{task.orderId}</p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <ShoppingBag className=\"h-4 w-4 text-muted-foreground\" />\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Cart</p>\n                    <p className=\"text-sm font-medium text-foreground\">{task.cartName}</p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-muted-foreground\" />\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Due At</p>\n                    <p className=\"text-sm text-foreground\">{formatDate(task.dueTime)}</p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <IndianRupee className=\"h-4 w-4 text-muted-foreground\" />\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Earnings</p>\n                    <p className=\"text-sm font-medium text-green-600 dark:text-green-400\">\n                      {formatCurrency(task.earnings, { minimumFractionDigits: 0 })}\n                    </p>\n                  </div>\n                </div>\n                {task.distance != null && (\n                  <div className=\"flex items-center gap-2\">\n                    <Navigation className=\"h-4 w-4 text-muted-foreground\" />\n                    <div>\n                      <p className=\"text-xs text-muted-foreground\">Distance</p>\n                      <p className=\"text-sm text-foreground\">{task.distance} km</p>\n                    </div>\n                  </div>\n                )}\n                <div className=\"flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-muted-foreground\" />\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Assigned At</p>\n                    <p className=\"text-sm text-foreground\">{formatDate(task.assignedTime)}</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            {/* Status Timeline */}\n            <div className=\"rounded-lg border border-border bg-card p-5\">\n              <h3 className=\"text-base font-semibold text-foreground mb-4\">Status Timeline</h3>\n              <div className=\"relative\">\n                {timeline.map((event, index) => {\n                  const isLast = index === timeline.length - 1;\n                  const Icon = event.completed ? CheckCircle2 : Circle;\n\n                  return (\n                    <div key={event.status} className=\"flex gap-3\">\n                      <div className=\"flex flex-col items-center\">\n                        <div\n                          className={cn(\n                            'flex h-7 w-7 shrink-0 items-center justify-center rounded-full',\n                            event.completed\n                              ? 'bg-green-500/10 text-green-600 dark:text-green-400'\n                              : 'bg-muted text-muted-foreground'\n                          )}\n                        >\n                          <Icon className=\"h-3.5 w-3.5\" />\n                        </div>\n                        {!isLast && (\n                          <div\n                            className={cn(\n                              'w-0.5 flex-1 my-1',\n                              event.completed ? 'bg-green-500/30' : 'bg-border'\n                            )}\n                          />\n                        )}\n                      </div>\n                      <div className={cn('pb-5', isLast && 'pb-0')}>\n                        <p className=\"text-sm font-medium text-foreground\">{event.label}</p>\n                        <p className=\"mt-0.5 text-xs text-muted-foreground\">\n                          {event.timestamp ? formatDate(event.timestamp) : 'Pending'}\n                        </p>\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n\n            {/* Action Buttons */}\n            <div className=\"space-y-3\">\n              {task.status === 'pending' && (\n                <button\n                  type=\"button\"\n                  onClick={handleStartTask}\n                  className=\"w-full inline-flex items-center justify-center gap-2 rounded-lg bg-blue-500/10 px-4 py-3 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-500/20 transition-colors\"\n                >\n                  <PlayCircle className=\"h-4 w-4\" />\n                  Start Task\n                </button>\n              )}\n              {task.status === 'in_progress' && (\n                <button\n                  type=\"button\"\n                  onClick={handleCompleteTask}\n                  className=\"w-full inline-flex items-center justify-center gap-2 rounded-lg bg-green-500/10 px-4 py-3 text-sm font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors\"\n                >\n                  <CheckCircle2 className=\"h-4 w-4\" />\n                  Complete Task\n                </button>\n              )}\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/worker/orders')}\n                className=\"w-full inline-flex items-center justify-center gap-2 rounded-lg bg-accent px-4 py-3 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors\"\n              >\n                <ArrowLeft className=\"h-4 w-4\" />\n                Back to Tasks\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TaskDetailsPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/worker/TaskDetailsPage.tsx"],"sourcesContent":["/**\n * Task Details Page\n *\n * Full-featured task details page with:\n * - Loading state with spinner\n * - Notes section: textarea for adding worker notes + Save Notes button\n * - Reference Photos grid display\n * - Special Instructions section with yellow warning-style card\n * - Start Task / Complete Task action buttons with state changes\n * - Call Customer button linking to tel:\n * - Navigate to Location button opening Google Maps\n * - Due time warning banner\n * - Task type icon display\n * - Status and priority badges\n * - Order items with special instructions per item\n * - Full delivery address\n * - Status timeline\n *\n * @module adaptercloud/pages/worker\n */\n\nimport { useState, useEffect, useMemo, useCallback } from'react';\nimport { useParams } from'react-router-dom';\nimport {\n  ArrowLeft,\n  Package,\n  Phone,\n  MapPin,\n  Clock,\n  IndianRupee,\n  Navigation,\n  CheckCircle2,\n  Circle,\n  PlayCircle,\n  ShoppingBag,\n  User,\n  AlertTriangle,\n  FileText,\n  Loader2,\n  Truck,\n  ChefHat,\n  Boxes,\n  Sparkles,\n  Camera,\n  StickyNote,\n  Save,\n  Timer,\n} from'lucide-react';\nimport { PageLayout } from'../../components/PageLayout';\nimport { StatusBadge } from'../../components/StatusBadge';\nimport { EmptyState } from'../../components/EmptyState';\nimport { useAdapterCloud } from'../../context/AdapterCloudContext';\nimport { cn } from'../../utils/cn';\nimport { formatCurrency, formatDate } from'../../utils/formatters';\nimport type { TaskStatus } from'../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface TaskOrderItem {\n  name: string;\n  quantity: number;\n  specialInstructions?: string;\n}\n\ninterface TaskCustomerInfo {\n  name: string;\n  phone: string;\n  address: string;\n}\n\ninterface TaskDetails {\n  id: string;\n  orderId: string;\n  cartId: string;\n  cartName: string;\n  type: 'delivery' | 'preparation' | 'inventory' | 'cleanup' | 'service' | 'pickup';\n  status: TaskStatus;\n  priority: 'high' | 'medium' | 'low' | 'urgent';\n  title: string;\n  description: string;\n  estimatedTime: number;\n  assignedBy: string;\n  assignedTime: string;\n  dueTime: string;\n  location?: string;\n  earnings: number;\n  distance?: number;\n  customerInfo: TaskCustomerInfo;\n  orderItems: TaskOrderItem[];\n  specialInstructions?: string;\n  photos?: string[];\n  notes?: string;\n}\n\ninterface TimelineEvent {\n  status: string;\n  label: string;\n  timestamp: string | null;\n  completed: boolean;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getTaskTypeIcon(type: string) {\n  switch (type) {\n    case'delivery':\n      return Truck;\n    case'preparation':\n      return ChefHat;\n    case'inventory':\n      return Boxes;\n    case'cleanup':\n      return Sparkles;\n    case'pickup':\n      return ShoppingBag;\n    case'service':\n      return Package;\n    default:\n      return FileText;\n  }\n}\n\nfunction getPriorityStyle(priority: string): string {\n  switch (priority) {\n    case'urgent':\n      return'bg-status-error-bg-subtle/20 text-status-error-text';\n    case'high':\n      return'bg-accent-orange-subtle/20 text-accent-orange';\n    case'medium':\n      return'bg-status-warning-bg-subtle/20 text-status-warning-text';\n    case'low':\n      return'bg-status-success-bg-subtle/20 text-status-success-text';\n    default:\n      return'bg-secondary text-secondary-foreground';\n  }\n}\n\nfunction buildTimeline(task: TaskDetails): TimelineEvent[] {\n  const assignedTs = task.assignedTime;\n  const inProgressTs =\n    task.status === 'in_progress' || task.status === 'completed'\n      ? new Date(new Date(assignedTs).getTime() + 15 * 60000).toISOString()\n      : null;\n  const completedTs = task.status === 'completed' ? new Date().toISOString() : null;\n\n  return [\n    { status: 'assigned', label: 'Task Assigned', timestamp: assignedTs, completed: true },\n    {\n      status: 'in_progress',\n      label: 'Work Started',\n      timestamp: inProgressTs,\n      completed: task.status === 'in_progress' || task.status === 'completed',\n    },\n    {\n      status: 'completed',\n      label: 'Task Completed',\n      timestamp: completedTs,\n      completed: task.status === 'completed',\n    },\n  ];\n}\n\nfunction formatTime(dateString: string): string {\n  return new Date(dateString).toLocaleTimeString('en-IN', {\n    hour: 'numeric',\n    minute: '2-digit',\n    hour12: true,\n  });\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function TaskDetailsPage() {\n  const { taskId } = useParams<{ taskId: string }>();\n  const { navigateTo } = useAdapterCloud();\n  const [task, setTask] = useState<TaskDetails | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [notes, setNotes] = useState('');\n\n  const loadTask = useCallback(() => {\n    setLoading(true);\n    setTimeout(() => {\n      const mockTask: TaskDetails = {\n        id: taskId || 'TASK-001',\n        orderId: 'ORD-123',\n        cartId: 'cart-001',\n        cartName: 'South Indian Express',\n        type: 'delivery',\n        status: 'pending',\n        priority: 'high',\n        title: 'Deliver Order #ORD-123',\n        description: 'Deliver 2x Masala Dosa, 1x Filter Coffee to customer at Koramangala',\n        estimatedTime: 25,\n        assignedBy: 'Cart Manager',\n        assignedTime: new Date(Date.now() - 5 * 60 * 1000).toISOString(),\n        dueTime: new Date(Date.now() + 30 * 60 * 1000).toISOString(),\n        location: 'Koramangala 5th Block',\n        earnings: 95,\n        distance: 3.5,\n        customerInfo: {\n          name: 'Rahul Sharma',\n          phone: '+91-98765-43210',\n          address: '123, MG Road, Near Central Mall, Koramangala 5th Block, Bangalore - 560034',\n        },\n        orderItems: [\n          { name: 'Masala Dosa', quantity: 2, specialInstructions: 'Extra spicy' },\n          { name: 'Filter Coffee', quantity: 1, specialInstructions: 'Less sugar' },\n        ],\n        specialInstructions: 'Please call before delivery. Customer prefers contactless delivery.',\n        photos: [\n          'https://images.unsplash.com/photo-1630384060421-cb20d0e0649d?w=400',\n          'https://images.unsplash.com/photo-1572802419224-296b0aeee0d9?w=400',\n        ],\n        notes: '',\n      };\n      setTask(mockTask);\n      setNotes(mockTask.notes || '');\n      setLoading(false);\n    }, 600);\n  }, [taskId]);\n\n  useEffect(() => {\n    loadTask();\n  }, [loadTask]);\n\n  const handleStartTask = () => {\n    if (task) {\n      setTask({ ...task, status: 'in_progress' });\n      alert('Task started successfully');\n    }\n  };\n\n  const handleCompleteTask = () => {\n    if (task) {\n      setTask({ ...task, status: 'completed' });\n      alert('Task completed successfully');\n    }\n  };\n\n  const handleCallCustomer = () => {\n    if (task?.customerInfo?.phone) {\n      window.location.href = `tel:${task.customerInfo.phone.replace(/\\s/g, '')}`;\n    }\n  };\n\n  const handleNavigateToLocation = () => {\n    if (task?.customerInfo?.address) {\n      const encoded = encodeURIComponent(task.customerInfo.address);\n      window.open(`https://maps.google.com?q=${encoded}`, '_blank');\n    }\n  };\n\n  const handleSaveNotes = () => {\n    if (task) {\n      setTask({ ...task, notes });\n      alert('Notes saved successfully');\n    }\n  };\n\n  const timeline = useMemo(() => (task ? buildTimeline(task) : []), [task]);\n\n  // Loading state\n  if (loading) {\n    return (\n      <PageLayout title=\"Task Details\">\n        <div className=\"flex items-center justify-center py-24\">\n          <div className=\"text-center\">\n            <Loader2 className=\"h-10 w-10 animate-spin text-text-secondary mx-auto mb-4\" />\n            <p className=\"text-sm text-text-secondary\">Loading task details...</p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Not found\n  if (!task) {\n    return (\n      <PageLayout title=\"Task Not Found\">\n        <EmptyState\n          illustration=\"empty-generic\"\n          icon={<FileText className=\"h-12 w-12\" />}\n          title=\"Task not found\"\n          description={`No task found with ID\"${taskId}\".`}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/worker/orders')}\n              className=\"rounded-lg bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n            >\n              View All Orders\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const TaskTypeIcon = getTaskTypeIcon(task.type);\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/worker/orders')}\n            className=\"rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors\"\n          >\n            <ArrowLeft className=\"h-5 w-5\" />\n          </button>\n          <span>Task Details</span>\n        </div>\n      }\n      description=\"Manage and track your assigned task\"\n    >\n      <div className=\"space-y-6\">\n        {/* Task Header Card */}\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop\">\n          <div className=\"flex items-start justify-between mb-4\">\n            <div className=\"flex items-start gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken\">\n                <TaskTypeIcon className=\"h-5 w-5 text-text-secondary\" />\n              </div>\n              <div>\n                <h2 className=\"text-xl font-bold text-text-primary\">{task.title}</h2>\n                <p className=\"text-sm text-text-secondary mt-1\">{task.description}</p>\n                <div className=\"flex flex-wrap items-center gap-2 mt-3\">\n                  <span\n                    className={cn(\n                      'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium uppercase',\n                      getPriorityStyle(task.priority)\n                    )}\n                  >\n                    {task.priority}\n                  </span>\n                  <StatusBadge status={task.status} />\n                  <span className=\"text-xs text-text-secondary flex items-center gap-1\">\n                    <Clock className=\"h-3 w-3\" />\n                    {task.estimatedTime} min\n                  </span>\n                </div>\n              </div>\n            </div>\n            <div className=\"text-right shrink-0\">\n              <p className=\"text-xs text-text-secondary\">Assigned by</p>\n              <p className=\"text-sm font-medium text-text-primary\">{task.assignedBy}</p>\n              <p className=\"text-xs text-text-secondary mt-1\">{formatTime(task.assignedTime)}</p>\n            </div>\n          </div>\n\n          {/* Due Time Warning Banner */}\n          {task.dueTime && task.status !== 'completed' && (\n            <div className=\"rounded-md bg-status-warning-bg-subtle/10 border border-status-warning-border/20 p-3\">\n              <div className=\"flex items-center gap-2\">\n                <Timer className=\"h-4 w-4 text-status-warning-text shrink-0\" />\n                <span className=\"text-xs font-medium text-status-warning-text\">\n                  Due by {formatTime(task.dueTime)}\n                </span>\n              </div>\n            </div>\n          )}\n        </div>\n\n        <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n          {/* Left Column */}\n          <div className=\"lg:col-span-2 space-y-6\">\n            {/* Customer Information */}\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-4\">Customer Information</h3>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n                <div>\n                  <div className=\"space-y-3\">\n                    <div className=\"flex items-center gap-3\">\n                      <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-bg-sunken text-text-secondary\">\n                        <User className=\"h-5 w-5\" />\n                      </div>\n                      <div>\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {task.customerInfo.name}\n                        </p>\n                        <p className=\"text-xs text-text-secondary\">{task.customerInfo.phone}</p>\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"flex gap-2 mt-4\">\n                    <button\n                      type=\"button\"\n                      onClick={handleCallCustomer}\n                      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\"\n                    >\n                      <Phone className=\"h-3.5 w-3.5\" />\n                      Call Customer\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={handleNavigateToLocation}\n                      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\"\n                    >\n                      <Navigation className=\"h-3.5 w-3.5\" />\n                      Navigate\n                    </button>\n                  </div>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary mb-2\">Delivery Address</p>\n                  <div className=\"rounded-md bg-bg-sunken/50 p-3\">\n                    <p className=\"text-xs text-text-primary flex items-start gap-2\">\n                      <MapPin className=\"h-3.5 w-3.5 shrink-0 mt-0.5 text-text-secondary\" />\n                      {task.customerInfo.address}\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            {/* Order Items */}\n            {task.orderItems.length > 0 && (\n              <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop\">\n                <h3 className=\"text-base font-semibold text-text-primary mb-3\">Order Items</h3>\n                <div className=\"space-y-2\">\n                  {task.orderItems.map((item, index) => (\n                    <div\n                      key={index}\n                      className=\"flex items-start justify-between p-3 rounded-md bg-bg-sunken/50\"\n                    >\n                      <div>\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {item.quantity}x {item.name}\n                        </p>\n                        {item.specialInstructions && (\n                          <p className=\"text-xs text-text-secondary mt-0.5\">\n                            Note: {item.specialInstructions}\n                          </p>\n                        )}\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n\n            {/* Special Instructions */}\n            {task.specialInstructions && (\n              <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop\">\n                <h3 className=\"text-base font-semibold text-text-primary mb-3\">\n                  Special Instructions\n                </h3>\n                <div className=\"rounded-md bg-status-warning-bg-subtle/10 border border-status-warning-border/20 p-4\">\n                  <p className=\"text-sm text-status-warning-text flex items-start gap-2\">\n                    <AlertTriangle className=\"h-4 w-4 shrink-0 mt-0.5 text-status-warning-text\" />\n                    {task.specialInstructions}\n                  </p>\n                </div>\n              </div>\n            )}\n\n            {/* Reference Photos */}\n            {task.photos && task.photos.length > 0 && (\n              <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop\">\n                <h3 className=\"text-base font-semibold text-text-primary flex items-center gap-2 mb-3\">\n                  <Camera className=\"h-4 w-4 text-text-secondary\" />\n                  Reference Photos\n                </h3>\n                <div className=\"grid grid-cols-2 md:grid-cols-3 gap-3\">\n                  {task.photos.map((photo, index) => (\n                    <img\n                      key={index}\n                      src={photo}\n                      alt={`Reference ${index + 1}`}\n                      className=\"w-full h-32 object-cover rounded-lg border border-border-subtle\"\n                    />\n                  ))}\n                </div>\n              </div>\n            )}\n\n            {/* Task Notes */}\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop\">\n              <h3 className=\"text-base font-semibold text-text-primary flex items-center gap-2 mb-3\">\n                <StickyNote className=\"h-4 w-4 text-text-secondary\" />\n                Task Notes\n              </h3>\n              <textarea\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                placeholder=\"Add your notes about this task...\"\n                rows={4}\n                className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40 resize-none\"\n              />\n              <button\n                type=\"button\"\n                onClick={handleSaveNotes}\n                className=\"mt-3 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\"\n              >\n                <Save className=\"h-3.5 w-3.5\" />\n                Save Notes\n              </button>\n            </div>\n          </div>\n\n          {/* Right Sidebar */}\n          <div className=\"space-y-6\">\n            {/* Task Details */}\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-3\">Task Details</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center gap-2\">\n                  <FileText className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Order ID</p>\n                    <p className=\"text-sm font-medium font-mono text-text-primary\">{task.orderId}</p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <ShoppingBag className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Cart</p>\n                    <p className=\"text-sm font-medium text-text-primary\">{task.cartName}</p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Due At</p>\n                    <p className=\"text-sm text-text-primary\">{formatDate(task.dueTime)}</p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <IndianRupee className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Earnings</p>\n                    <p className=\"text-sm font-medium text-status-success-text\">\n                      {formatCurrency(task.earnings, { minimumFractionDigits: 0 })}\n                    </p>\n                  </div>\n                </div>\n                {task.distance != null && (\n                  <div className=\"flex items-center gap-2\">\n                    <Navigation className=\"h-4 w-4 text-text-secondary\" />\n                    <div>\n                      <p className=\"text-xs text-text-secondary\">Distance</p>\n                      <p className=\"text-sm text-text-primary\">{task.distance} km</p>\n                    </div>\n                  </div>\n                )}\n                <div className=\"flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Assigned At</p>\n                    <p className=\"text-sm text-text-primary\">{formatDate(task.assignedTime)}</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            {/* Status Timeline */}\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-4\">Status Timeline</h3>\n              <div className=\"relative\">\n                {timeline.map((event, index) => {\n                  const isLast = index === timeline.length - 1;\n                  const Icon = event.completed ? CheckCircle2 : Circle;\n\n                  return (\n                    <div key={event.status} className=\"flex gap-3\">\n                      <div className=\"flex flex-col items-center\">\n                        <div\n                          className={cn(\n                            'flex h-7 w-7 shrink-0 items-center justify-center rounded-full',\n                            event.completed\n                              ? 'bg-status-success-bg-subtle/10 text-status-success-text'\n                              : 'bg-bg-sunken text-text-secondary'\n                          )}\n                        >\n                          <Icon className=\"h-3.5 w-3.5\" />\n                        </div>\n                        {!isLast && (\n                          <div\n                            className={cn(\n                              'w-0.5 flex-1 my-1',\n                              event.completed ? 'bg-status-success-bg-subtle/30' : 'bg-border'\n                            )}\n                          />\n                        )}\n                      </div>\n                      <div className={cn('pb-5', isLast && 'pb-0')}>\n                        <p className=\"text-sm font-medium text-text-primary\">{event.label}</p>\n                        <p className=\"mt-0.5 text-xs text-text-secondary\">\n                          {event.timestamp ? formatDate(event.timestamp) : 'Pending'}\n                        </p>\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n\n            {/* Action Buttons */}\n            <div className=\"space-y-3\">\n              {task.status === 'pending' && (\n                <button\n                  type=\"button\"\n                  onClick={handleStartTask}\n                  className=\"w-full inline-flex items-center justify-center gap-2 rounded-lg bg-accent-blue-subtle/10 px-4 py-3 text-sm font-medium text-accent-blue hover:bg-accent-blue-subtle/20 transition-colors\"\n                >\n                  <PlayCircle className=\"h-4 w-4\" />\n                  Start Task\n                </button>\n              )}\n              {task.status === 'in_progress' && (\n                <button\n                  type=\"button\"\n                  onClick={handleCompleteTask}\n                  className=\"w-full inline-flex items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle/10 px-4 py-3 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors\"\n                >\n                  <CheckCircle2 className=\"h-4 w-4\" />\n                  Complete Task\n                </button>\n              )}\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/worker/orders')}\n                className=\"w-full inline-flex items-center justify-center gap-2 rounded-lg bg-accent px-4 py-3 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n              >\n                <ArrowLeft className=\"h-4 w-4\" />\n                Back to Tasks\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}