@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.710.1

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

@@ -3,35 +3,52 @@ import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { useUpdateWorkerTaskStatus as r, useWorkerClockInOut as i, useWorkerStats as a, useWorkerTasks as o } from "../../hooks/useKadaikodiApi.js";
 import { formatCurrency as s } from "../../utils/formatters.js";
-import { useState as c } from "react";
-import { Boxes as l, CalendarDays as u, CheckCircle2 as d, ChefHat as f, ChevronRight as p, ClipboardList as m, Clock as h, Loader2 as g, MapPin as _, Package as v, Pause as y, Play as b, Sparkles as x, Star as S, Timer as C, Truck as w, User as T, Zap as E } from "lucide-react";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { EmphasisPanel as k, NextSteps as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
+import { ProgressRing as c } from "../../components/viz/ProgressRing.js";
+import { StatCard as l } from "../../components/viz/StatCard.js";
+import { RatingStars as ee } from "../../components/viz/RatingStars.js";
+import "../../components/viz/index.js";
+import { useState as u } from "react";
+import { Boxes as d, CheckCircle2 as f, ChefHat as p, ChevronRight as m, ClipboardList as h, Clock as te, IndianRupee as g, Loader2 as _, MapPin as v, Package as y, Pause as ne, Play as b, Sparkles as x, Star as S, Truck as C, Wallet as w } from "lucide-react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { GlassCard as D, NextSteps as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/worker/WorkerDashboard.tsx
-var M = {
+var A = {
+	urgent: "bg-status-error-bg-subtle text-status-error-text",
 	high: "bg-status-error-bg-subtle text-status-error-text",
 	medium: "bg-status-warning-bg-subtle text-status-warning-text",
 	low: "bg-status-success-bg-subtle text-status-success-text"
-}, N = {
-	pending: "bg-bg-sunken text-text-secondary",
-	in_progress: "bg-[var(--color-accent-soft)] text-text-primary",
-	completed: "bg-status-success-bg-subtle text-status-success-text"
+}, j = {
+	delivery: "bg-accent-primary/12 text-accent-primary",
+	pickup: "bg-status-info-bg-subtle text-status-info-text",
+	service: "bg-status-success-bg-subtle text-status-success-text"
 };
-function P(e) {
+function M(e) {
 	switch (e) {
-		case "delivery": return w;
-		case "preparation": return f;
-		case "inventory": return l;
+		case "delivery": return C;
+		case "preparation": return p;
+		case "inventory": return d;
 		case "cleanup": return x;
-		default: return m;
+		default: return h;
 	}
 }
-var F = {
+var N = {
+	urgent: 4,
 	high: 3,
 	medium: 2,
 	low: 1
-}, I = () => {
-	let { navigateTo: l, currentUser: f } = e(), m = f?.id || "", { data: x = [], isLoading: w } = o(m), { data: I, isLoading: L } = a(m), R = r(), z = i(), [B, V] = c(null), [H, U] = c(!1), [W, G] = c(null), K = async (e, t) => {
+};
+function P(e) {
+	if (!e.deliveryAddress) return e.location ?? "";
+	let t = e.deliveryAddress;
+	return [
+		t.street,
+		t.area,
+		t.city
+	].filter(Boolean).join(", ");
+}
+var F = () => {
+	let { navigateTo: d, currentUser: p } = e(), h = p?.id || "", { data: x = [], isLoading: F } = o(h), { data: I, isLoading: L } = a(h), R = r(), z = i(), [B, V] = u(null), [H, U] = u(!1), [W, G] = u(null), [K, q] = u(null), J = p?.firstName ?? p?.name?.split(" ")[0] ?? "there", Y = async (e, t) => {
+		q(null);
 		let n = "";
 		switch (t) {
 			case "start":
@@ -49,61 +66,107 @@ var F = {
 				taskId: e,
 				status: n
 			});
-		} catch (e) {
-			console.error("Failed to update task status:", e), alert("Failed to update task status. Please try again.");
+		} catch {
+			q("Failed to update task. Please try again.");
 		}
-	}, q = async () => {
+	}, X = async () => {
+		q(null);
 		let e = H ? "CLOCK_OUT" : "CLOCK_IN";
 		try {
-			let t = await z.mutateAsync({
-				workerId: m,
+			if ((await z.mutateAsync({
+				workerId: h,
 				action: e
-			});
-			if (t.success) {
-				if (H) U(!1), G(null);
-				else {
-					let e = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-IN", {
-						hour: "2-digit",
-						minute: "2-digit",
-						hour12: !0
-					});
-					U(!0), G(e);
-				}
-				alert(t.message || `${H ? "Clocked out" : "Clocked in"} successfully`);
+			})).success) if (H) U(!1), G(null);
+			else {
+				let e = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-IN", {
+					hour: "2-digit",
+					minute: "2-digit",
+					hour12: !0
+				});
+				U(!0), G(e);
 			}
-		} catch (e) {
-			console.error("Failed to clock in/out:", e), alert("Action failed. Please try again.");
+		} catch {
+			q("Clock action failed. Please try again.");
 		}
 	};
-	if (w || L) return /* @__PURE__ */ D(n, {
-		title: "Dashboard",
-		description: "Your work overview for today",
-		children: /* @__PURE__ */ D("div", {
+	if (F || L) return /* @__PURE__ */ T(n, {
+		title: `Hi, ${J}`,
+		description: "Your shift at a glance",
+		children: /* @__PURE__ */ T("div", {
 			className: "flex items-center justify-center py-24",
-			children: /* @__PURE__ */ O("div", {
+			children: /* @__PURE__ */ E("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ D(g, { className: "h-10 w-10 animate-spin text-text-secondary mx-auto mb-4" }), /* @__PURE__ */ D("p", {
+				children: [/* @__PURE__ */ T(_, { 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 your dashboard..."
 				})]
 			})
 		})
 	});
-	let J = B ? x.find((e) => e.id === B) : null, Y = x.filter((e) => e.status !== "completed").sort((e, t) => (F[t.priority] ?? 0) - (F[e.priority] ?? 0)), X = x.filter((e) => e.status === "completed");
-	return /* @__PURE__ */ D(n, {
-		title: "Dashboard",
-		description: "Manage your tasks and assignments",
-		actions: /* @__PURE__ */ O("button", {
+	let Z = B ? x.find((e) => e.id === B) : null, Q = x.filter((e) => e.status !== "completed").sort((e, t) => (N[t.priority] ?? 0) - (N[e.priority] ?? 0)), $ = x.filter((e) => e.status === "completed");
+	return /* @__PURE__ */ T(n, {
+		title: `Hi, ${J}`,
+		description: "Your shift at a glance — clock in, then pick up your next delivery.",
+		actions: /* @__PURE__ */ E("button", {
 			type: "button",
-			onClick: () => l("/worker/orders"),
-			className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
-			children: ["View All Orders", /* @__PURE__ */ D(p, { className: "h-4 w-4" })]
+			onClick: X,
+			disabled: z.isPending,
+			className: t("inline-flex items-center gap-2 rounded-full px-4 py-2 text-sm font-semibold shadow-sm transition-colors disabled:opacity-60", H ? "bg-status-success-bg-subtle text-status-success-text border border-status-success-text/30" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover"),
+			children: [z.isPending ? /* @__PURE__ */ T(_, { className: "h-4 w-4 animate-spin" }) : H ? /* @__PURE__ */ E("span", {
+				className: "relative flex h-2.5 w-2.5",
+				children: [/* @__PURE__ */ T("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-status-success-text opacity-75" }), /* @__PURE__ */ T("span", { className: "relative inline-flex rounded-full h-2.5 w-2.5 bg-status-success-text" })]
+			}) : /* @__PURE__ */ T(te, { className: "h-4 w-4" }), H ? "Clocked In" : "Clock In"]
 		}),
-		children: /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ E("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ D(j, { children: "Your shift command centre — see today's assigned deliveries and tasks at a glance, clock in/out, and jump straight into the order you're working on. Clock in first, then pick up your next task below." }),
-				/* @__PURE__ */ D(A, {
+				/* @__PURE__ */ T(k, { children: "Your shift command centre — see today's assigned deliveries at a glance, clock in/out, and jump straight into the order you're working on. Clock in first, then start your next task below." }),
+				K && /* @__PURE__ */ T("div", {
+					className: "rounded-lg border border-status-error-text/20 bg-status-error-bg-subtle p-3",
+					children: /* @__PURE__ */ T("p", {
+						className: "text-xs text-status-error-text",
+						children: K
+					})
+				}),
+				I && /* @__PURE__ */ E("div", {
+					className: "grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4",
+					children: [
+						/* @__PURE__ */ T(l, {
+							label: "Today's Earnings",
+							value: s(I.todayEarnings, { minimumFractionDigits: 0 }),
+							icon: /* @__PURE__ */ T(w, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ T(l, {
+							label: "Deliveries",
+							value: I.totalDeliveries,
+							icon: /* @__PURE__ */ T(C, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ T(l, {
+							label: "Rating",
+							value: /* @__PURE__ */ E("span", {
+								className: "flex items-center gap-1.5",
+								children: [I.averageRating.toFixed(1), /* @__PURE__ */ T(S, { className: "h-5 w-5 fill-status-warning-text text-status-warning-text" })]
+							}),
+							icon: /* @__PURE__ */ T(S, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ T(l, {
+							label: "Completion",
+							value: `${I.completionRate}%`,
+							icon: /* @__PURE__ */ T(f, { className: "h-4 w-4" })
+						})
+					]
+				}),
+				H && W && /* @__PURE__ */ E("div", {
+					className: "flex items-center gap-2 rounded-lg bg-status-success-bg-subtle border border-status-success-text/20 px-3 py-2 w-fit",
+					children: [/* @__PURE__ */ E("span", {
+						className: "relative flex h-2 w-2",
+						children: [/* @__PURE__ */ T("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-status-success-text opacity-75" }), /* @__PURE__ */ T("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-status-success-text" })]
+					}), /* @__PURE__ */ E("span", {
+						className: "text-xs font-medium text-status-success-text",
+						children: ["Working since ", W]
+					})]
+				}),
+				/* @__PURE__ */ T(O, {
 					storageKey: "kadaikodi-worker-dashboard",
 					steps: [
 						{
@@ -111,7 +174,7 @@ var F = {
 							label: "Clock in to start your shift",
 							description: "Track your hours and let dispatch know you are available.",
 							onClick: () => {
-								H || q();
+								H || X();
 							},
 							done: H
 						},
@@ -119,433 +182,253 @@ var F = {
 							id: "orders",
 							label: "Review assigned orders",
 							description: "See what needs picking up and delivering today.",
-							onClick: () => l("/worker/orders")
+							onClick: () => d("/worker/orders")
 						},
 						{
 							id: "schedule",
 							label: "Check your schedule",
 							description: "Know your upcoming shifts and plan ahead.",
-							onClick: () => l("/worker/schedule")
+							onClick: () => d("/worker/schedule")
 						}
 					]
 				}),
-				/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h2", {
+				Z && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
 					className: "text-base font-semibold text-text-primary mb-3",
-					children: "Quick Actions"
-				}), /* @__PURE__ */ O("div", {
-					className: "grid grid-cols-2 lg:grid-cols-4 gap-3",
-					children: [
-						/* @__PURE__ */ O("button", {
-							type: "button",
-							onClick: () => l("/worker/orders"),
-							className: "flex items-center justify-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-							children: [/* @__PURE__ */ D(v, { className: "h-4 w-4" }), "My Orders"]
-						}),
-						/* @__PURE__ */ O("button", {
-							type: "button",
-							onClick: () => l("/worker/schedule"),
-							className: "flex items-center justify-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-							children: [/* @__PURE__ */ D(u, { className: "h-4 w-4" }), "Schedule"]
-						}),
-						/* @__PURE__ */ O("button", {
-							type: "button",
-							onClick: () => l("/worker/profile"),
-							className: "flex items-center justify-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-							children: [/* @__PURE__ */ D(T, { className: "h-4 w-4" }), "Profile"]
-						}),
-						/* @__PURE__ */ O("button", {
-							type: "button",
-							onClick: q,
-							className: t("flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-medium transition-colors", H ? "bg-status-error-bg-subtle text-status-error-text border border-status-error-text/30 hover:bg-status-error-bg-subtle" : "bg-status-success-bg-subtle text-status-success-text border border-status-success-text/30 hover:bg-status-success-bg-subtle"),
-							children: [/* @__PURE__ */ D(C, { className: "h-4 w-4" }), H ? "Clock Out" : "Clock In"]
-						})
-					]
+					children: "Current Task"
+				}), /* @__PURE__ */ T(D, {
+					treatment: "insight",
+					glow: !0,
+					className: "p-6",
+					children: /* @__PURE__ */ E("div", {
+						className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4",
+						children: [/* @__PURE__ */ E("div", {
+							className: "flex items-start gap-3 min-w-0",
+							children: [/* @__PURE__ */ T("div", {
+								className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-accent-primary/12 text-accent-primary",
+								children: /* @__PURE__ */ T(M(Z.type), { className: "h-5 w-5" })
+							}), /* @__PURE__ */ E("div", {
+								className: "min-w-0",
+								children: [
+									/* @__PURE__ */ T("h3", {
+										className: "text-lg font-semibold text-text-primary",
+										children: Z.title ?? Z.description
+									}),
+									/* @__PURE__ */ T("p", {
+										className: "text-sm text-text-secondary mt-1",
+										children: Z.description
+									}),
+									/* @__PURE__ */ E("div", {
+										className: "flex flex-wrap items-center gap-3 mt-2 text-sm text-text-secondary",
+										children: [Z.customerName && /* @__PURE__ */ E("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ T(y, { className: "h-3.5 w-3.5" }), Z.customerName]
+										}), P(Z) && /* @__PURE__ */ E("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ T(v, { className: "h-3.5 w-3.5" }), P(Z)]
+										})]
+									})
+								]
+							})]
+						}), /* @__PURE__ */ E("div", {
+							className: "flex gap-2 shrink-0",
+							children: [/* @__PURE__ */ E("button", {
+								type: "button",
+								onClick: () => Y(Z.id, "complete"),
+								className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-2 text-sm font-medium text-status-success-text transition-colors",
+								children: [/* @__PURE__ */ T(f, { className: "h-4 w-4" }), "Complete"]
+							}), /* @__PURE__ */ E("button", {
+								type: "button",
+								onClick: () => Y(Z.id, "pause"),
+								className: "inline-flex items-center gap-1.5 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+								children: [/* @__PURE__ */ T(ne, { className: "h-4 w-4" }), "Pause"]
+							})]
+						})]
+					})
 				})] }),
-				I && /* @__PURE__ */ O(k, { children: [/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("div", {
 					className: "flex items-center justify-between mb-3",
-					children: [/* @__PURE__ */ D("h2", {
+					children: [/* @__PURE__ */ T("h2", {
 						className: "text-base font-semibold text-text-primary",
-						children: "Today's Overview"
-					}), H && W && /* @__PURE__ */ O("div", {
-						className: "flex items-center gap-2 rounded-lg bg-status-success-bg-subtle border border-status-success-text/20 px-3 py-1.5",
-						children: [/* @__PURE__ */ O("span", {
-							className: "relative flex h-2 w-2",
-							children: [/* @__PURE__ */ D("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-status-success-text opacity-75" }), /* @__PURE__ */ D("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-status-success-text" })]
-						}), /* @__PURE__ */ O("span", {
-							className: "text-xs font-medium text-status-success-text",
-							children: ["Working since ", W]
-						})]
+						children: "Assigned Tasks"
+					}), /* @__PURE__ */ E("button", {
+						type: "button",
+						onClick: () => d("/worker/orders"),
+						className: "inline-flex items-center gap-1 text-sm font-medium text-accent-primary hover:underline",
+						children: ["View all", /* @__PURE__ */ T(m, { className: "h-4 w-4" })]
 					})]
-				}), /* @__PURE__ */ O("div", {
-					className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3",
-					children: [
-						/* @__PURE__ */ O("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [
-								/* @__PURE__ */ D("div", {
-									className: "flex items-center gap-2 mb-2",
-									children: /* @__PURE__ */ D("div", {
-										className: "inline-flex rounded-md p-1.5 bg-status-success-bg-subtle text-status-success-text",
-										children: /* @__PURE__ */ D(d, { className: "h-4 w-4" })
-									})
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "text-2xl font-bold text-status-success-text",
-									children: I.totalDeliveries
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "text-xs text-text-secondary",
-									children: "Total Deliveries"
-								})
-							]
-						}),
-						/* @__PURE__ */ O("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [
-								/* @__PURE__ */ D("div", {
-									className: "flex items-center gap-2 mb-2",
-									children: /* @__PURE__ */ D("div", {
-										className: "inline-flex rounded-md p-1.5 bg-[var(--color-accent-soft)] text-text-primary",
-										children: /* @__PURE__ */ D(b, { className: "h-4 w-4" })
-									})
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "text-2xl font-bold text-text-primary",
-									children: I.todayTasks
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "text-xs text-text-secondary",
-									children: "Today's Tasks"
-								})
-							]
-						}),
-						/* @__PURE__ */ O("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
+				}), Q.length > 0 ? /* @__PURE__ */ T("div", {
+					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+					children: Q.map((e) => {
+						let n = e.cartName || "Pickup", r = P(e) || e.customerName || "Drop-off", i = B !== null && B !== e.id;
+						return /* @__PURE__ */ E(D, {
+							treatment: "metric",
+							className: "flex flex-col gap-4 p-5",
 							children: [
-								/* @__PURE__ */ D("div", {
-									className: "flex items-center gap-2 mb-2",
-									children: /* @__PURE__ */ D("div", {
-										className: "inline-flex rounded-md p-1.5 bg-status-warning-bg-subtle text-status-warning-text",
-										children: /* @__PURE__ */ D(h, { className: "h-4 w-4" })
-									})
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-2xl font-bold text-status-warning-text",
-									children: [I.completionRate, "%"]
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "text-xs text-text-secondary",
-									children: "Completion"
-								})
-							]
-						}),
-						/* @__PURE__ */ O("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [
-								/* @__PURE__ */ D("div", {
-									className: "flex items-center gap-2 mb-2",
-									children: /* @__PURE__ */ D("div", {
-										className: "inline-flex rounded-md p-1.5 bg-accent-purple-subtle text-text-primary",
-										children: /* @__PURE__ */ D(C, { className: "h-4 w-4" })
-									})
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "text-2xl font-bold text-text-primary",
-									children: s(I.todayEarnings, { minimumFractionDigits: 0 })
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "text-xs text-text-secondary",
-									children: "Today's Earnings"
-								})
-							]
-						}),
-						/* @__PURE__ */ O("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [
-								/* @__PURE__ */ D("div", {
-									className: "flex items-center gap-2 mb-2",
-									children: /* @__PURE__ */ D("div", {
-										className: "inline-flex rounded-md p-1.5 bg-[var(--color-accent-soft)] text-text-primary",
-										children: /* @__PURE__ */ D(E, { className: "h-4 w-4" })
-									})
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "text-2xl font-bold text-text-primary",
-									children: s(I.totalEarnings, { minimumFractionDigits: 0 })
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "text-xs text-text-secondary",
-									children: "Total Earnings"
-								})
-							]
-						}),
-						/* @__PURE__ */ O("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [
-								/* @__PURE__ */ D("div", {
-									className: "flex items-center gap-2 mb-2",
-									children: /* @__PURE__ */ D("div", {
-										className: "inline-flex rounded-md p-1.5 bg-status-warning-bg-subtle text-status-warning-text",
-										children: /* @__PURE__ */ D(S, { className: "h-4 w-4" })
-									})
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-2xl font-bold text-status-warning-text",
-									children: [I.averageRating, "/5"]
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "text-xs text-text-secondary",
-									children: "Rating"
-								})
-							]
-						})
-					]
-				})] }),
-				J && /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h2", {
-					className: "text-base font-semibold text-text-primary mb-3",
-					children: "Current Task"
-				}), /* @__PURE__ */ D("div", {
-					className: "rounded-lg border-2 border-border-focus/40 bg-[var(--color-accent-soft)] p-6",
-					children: /* @__PURE__ */ O("div", {
-						className: "flex items-start justify-between mb-4",
-						children: [/* @__PURE__ */ O("div", {
-							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ D("div", {
-								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[var(--color-accent-soft)]",
-								children: /* @__PURE__ */ D(P(J.type), { className: "h-5 w-5 text-text-primary" })
-							}), /* @__PURE__ */ O("div", { children: [
-								/* @__PURE__ */ D("h3", {
-									className: "text-lg font-semibold text-text-primary",
-									children: J.title ?? J.description
+								/* @__PURE__ */ E("div", {
+									className: "flex items-start justify-between gap-3",
+									children: [/* @__PURE__ */ E("div", {
+										className: "flex flex-wrap items-center gap-2",
+										children: [/* @__PURE__ */ T("span", {
+											className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold capitalize", j[e.type] ?? "bg-bg-sunken text-text-secondary"),
+											children: e.type
+										}), /* @__PURE__ */ T("span", {
+											className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", A[e.priority] ?? "bg-bg-sunken text-text-secondary"),
+											children: e.priority
+										})]
+									}), e.orderId && /* @__PURE__ */ E("span", {
+										className: "text-sm font-bold text-text-primary tabular-nums",
+										children: ["#", e.orderId]
+									})]
 								}),
-								/* @__PURE__ */ D("p", {
-									className: "text-sm text-text-secondary mt-1",
-									children: J.description
+								e.customerName && /* @__PURE__ */ E("p", {
+									className: "-mt-1 text-sm text-text-secondary",
+									children: [
+										"Customer:",
+										" ",
+										/* @__PURE__ */ T("span", {
+											className: "font-medium text-text-primary",
+											children: e.customerName
+										})
+									]
 								}),
-								/* @__PURE__ */ O("div", {
-									className: "flex flex-wrap items-center gap-3 mt-2 text-sm text-text-secondary",
+								/* @__PURE__ */ E("div", {
+									className: "flex items-stretch gap-3",
 									children: [
-										J.estimatedTime ? /* @__PURE__ */ O("span", {
-											className: "flex items-center gap-1",
+										/* @__PURE__ */ E("div", {
+											className: "flex flex-col items-center pt-1",
 											children: [
-												/* @__PURE__ */ D(h, { className: "h-3.5 w-3.5" }),
-												J.estimatedTime,
-												" min"
-											]
-										}) : null,
-										J.dueTime && /* @__PURE__ */ O("span", {
-											className: "flex items-center gap-1",
-											children: [
-												/* @__PURE__ */ D(C, { className: "h-3.5 w-3.5" }),
-												"Due: ",
-												J.dueTime
+												/* @__PURE__ */ T(v, { className: "h-4 w-4 text-accent-primary shrink-0" }),
+												/* @__PURE__ */ T("span", { className: "my-1 w-px flex-1 border-l border-dashed border-border-strong" }),
+												/* @__PURE__ */ T(v, { className: "h-4 w-4 text-status-success-text shrink-0" })
 											]
 										}),
-										J.location && /* @__PURE__ */ O("span", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ D(_, { className: "h-3.5 w-3.5" }), J.location]
+										/* @__PURE__ */ E("div", {
+											className: "flex flex-1 flex-col justify-between gap-3 min-w-0",
+											children: [/* @__PURE__ */ T("p", {
+												className: "text-sm text-text-primary line-clamp-1",
+												children: n
+											}), /* @__PURE__ */ T("p", {
+												className: "text-sm text-text-primary line-clamp-1",
+												children: r
+											})]
+										}),
+										/* @__PURE__ */ E("div", {
+											className: "flex flex-col items-end justify-center rounded-lg bg-bg-sunken px-3 py-2 text-right shrink-0",
+											children: [e.distance != null && /* @__PURE__ */ E("span", {
+												className: "text-xs text-text-secondary tabular-nums",
+												children: [e.distance, " km"]
+											}), e.earnings > 0 && /* @__PURE__ */ E("span", {
+												className: "flex items-center text-base font-bold text-text-primary tabular-nums",
+												children: [/* @__PURE__ */ T(g, { className: "h-3.5 w-3.5" }), s(e.earnings, {
+													minimumFractionDigits: 0,
+													style: "decimal"
+												})]
+											})]
 										})
 									]
-								})
-							] })]
-						}), /* @__PURE__ */ O("div", {
-							className: "flex gap-2 shrink-0",
-							children: [/* @__PURE__ */ O("button", {
-								type: "button",
-								onClick: () => K(J.id, "complete"),
-								className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
-								children: [/* @__PURE__ */ D(d, { className: "h-4 w-4" }), "Complete"]
-							}), /* @__PURE__ */ O("button", {
-								type: "button",
-								onClick: () => K(J.id, "pause"),
-								className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
-								children: [/* @__PURE__ */ D(y, { className: "h-4 w-4" }), "Pause"]
-							})]
-						})]
-					})
-				})] }),
-				/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h2", {
-					className: "text-base font-semibold text-text-primary mb-3",
-					children: "Assigned Tasks"
-				}), /* @__PURE__ */ D("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden",
-					children: Y.length > 0 ? /* @__PURE__ */ D("div", {
-						className: "divide-y divide-border",
-						children: Y.map((e) => /* @__PURE__ */ D("div", {
-							className: "p-4 hover:bg-bg-sunken/30 transition-colors",
-							children: /* @__PURE__ */ O("div", {
-								className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
-								children: [/* @__PURE__ */ O("div", {
-									className: "flex items-start gap-3 flex-1 min-w-0",
-									children: [/* @__PURE__ */ D("div", {
-										className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken",
-										children: /* @__PURE__ */ D(P(e.type), { className: "h-4.5 w-4.5 text-text-secondary" })
-									}), /* @__PURE__ */ O("div", {
-										className: "flex-1 min-w-0",
-										children: [
-											/* @__PURE__ */ O("div", {
-												className: "flex flex-wrap items-center gap-2 mb-1",
-												children: [
-													/* @__PURE__ */ D("h3", {
-														className: "text-sm font-medium text-text-primary",
-														children: e.title ?? e.description
-													}),
-													/* @__PURE__ */ D("span", {
-														className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", M[e.priority]),
-														children: e.priority
-													}),
-													/* @__PURE__ */ D("span", {
-														className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium", N[e.status]),
-														children: e.status.replace("_", " ")
-													})
-												]
-											}),
-											/* @__PURE__ */ D("p", {
-												className: "text-xs text-text-secondary line-clamp-1",
-												children: e.description
-											}),
-											/* @__PURE__ */ O("div", {
-												className: "flex flex-wrap items-center gap-3 mt-1.5 text-xs text-text-secondary",
-												children: [
-													e.assignedBy && /* @__PURE__ */ O("span", {
-														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ D(T, { className: "h-3 w-3" }), e.assignedBy]
-													}),
-													e.estimatedTime ? /* @__PURE__ */ O("span", {
-														className: "flex items-center gap-1",
-														children: [
-															/* @__PURE__ */ D(h, { className: "h-3 w-3" }),
-															e.estimatedTime,
-															" min"
-														]
-													}) : null,
-													e.dueTime && /* @__PURE__ */ O("span", {
-														className: "flex items-center gap-1",
-														children: [
-															/* @__PURE__ */ D(C, { className: "h-3 w-3" }),
-															"Due: ",
-															e.dueTime
-														]
-													}),
-													e.location && /* @__PURE__ */ O("span", {
-														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ D(_, { className: "h-3 w-3" }), e.location]
-													})
-												]
-											})
-										]
-									})]
-								}), /* @__PURE__ */ O("div", {
-									className: "flex gap-2 shrink-0",
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "flex gap-2",
 									children: [
-										e.status === "pending" && /* @__PURE__ */ O("button", {
+										e.status === "pending" && /* @__PURE__ */ E("button", {
 											type: "button",
-											onClick: () => K(e.id, "start"),
-											disabled: B !== null,
-											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", B === null ? "bg-[var(--color-accent-soft)] text-text-primary hover:bg-[var(--color-accent-soft)]" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-											children: [/* @__PURE__ */ D(b, { className: "h-3.5 w-3.5" }), "Start"]
+											onClick: () => Y(e.id, "start"),
+											disabled: i,
+											className: t("flex-1 inline-flex items-center justify-center gap-1.5 rounded-lg px-4 py-2.5 text-sm font-semibold transition-colors", i ? "bg-bg-sunken text-text-muted cursor-not-allowed" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover"),
+											children: [/* @__PURE__ */ T(b, { className: "h-4 w-4" }), "Start"]
 										}),
-										e.status === "in_progress" && e.id !== B && /* @__PURE__ */ O("button", {
+										e.status === "in_progress" && /* @__PURE__ */ E("button", {
 											type: "button",
 											onClick: () => V(e.id),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
-											children: [/* @__PURE__ */ D(b, { className: "h-3.5 w-3.5" }), "Resume"]
+											className: "flex-1 inline-flex items-center justify-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
+											children: [/* @__PURE__ */ T(b, { className: "h-4 w-4" }), "Resume"]
 										}),
-										/* @__PURE__ */ O("button", {
+										/* @__PURE__ */ E("button", {
 											type: "button",
-											onClick: () => l(`/worker/task/${e.id}`),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
-											children: ["Details", /* @__PURE__ */ D(p, { className: "h-3.5 w-3.5" })]
+											onClick: () => d(`/worker/task/${e.id}`),
+											className: "inline-flex items-center justify-center gap-1 rounded-lg border border-border-default bg-bg-surface px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+											children: ["Details", /* @__PURE__ */ T(m, { className: "h-4 w-4" })]
 										})
 									]
-								})]
-							})
-						}, e.id))
-					}) : /* @__PURE__ */ O("div", {
-						className: "p-8 text-center",
-						children: [/* @__PURE__ */ D(d, { className: "h-10 w-10 text-status-success-text opacity-40 mx-auto mb-2" }), /* @__PURE__ */ D("p", {
-							className: "text-sm text-text-secondary",
-							children: "All tasks completed!"
-						})]
-					})
-				})] }),
-				/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h2", {
-					className: "text-base font-semibold text-text-primary mb-3",
-					children: "Recently Completed"
-				}), /* @__PURE__ */ D("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-					children: X.length > 0 ? /* @__PURE__ */ D("div", {
-						className: "space-y-3",
-						children: X.slice(0, 3).map((e) => /* @__PURE__ */ O("div", {
-							className: "flex items-center gap-3 p-3 rounded-lg bg-status-success-bg-subtle border border-status-success-text/10",
-							children: [
-								/* @__PURE__ */ D("div", {
-									className: "flex h-8 w-8 items-center justify-center rounded-md bg-status-success-bg-subtle",
-									children: /* @__PURE__ */ D(P(e.type), { className: "h-4 w-4 text-status-success-text" })
-								}),
-								/* @__PURE__ */ O("div", {
-									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ D("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: e.title ?? e.description
-									}), e.completedAt && /* @__PURE__ */ O("p", {
-										className: "text-xs text-text-secondary",
-										children: [
-											"Completed at",
-											" ",
-											new Date(e.completedAt).toLocaleTimeString("en-IN", {
-												hour: "2-digit",
-												minute: "2-digit",
-												hour12: !0
-											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ D(d, { className: "h-4 w-4 text-status-success-text shrink-0" })
+								})
 							]
-						}, e.id))
-					}) : /* @__PURE__ */ D("p", {
-						className: "text-sm text-text-secondary text-center py-4",
-						children: "No completed tasks yet today"
+						}, e.id);
 					})
+				}) : /* @__PURE__ */ E(D, {
+					className: "p-8 text-center",
+					children: [/* @__PURE__ */ T(f, { className: "h-10 w-10 text-status-success-text opacity-50 mx-auto mb-2" }), /* @__PURE__ */ T("p", {
+						className: "text-sm text-text-secondary",
+						children: "All tasks completed. Nice work!"
+					})]
 				})] }),
-				/* @__PURE__ */ O("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-					children: [/* @__PURE__ */ D("h2", {
-						className: "text-base font-semibold text-text-primary mb-4",
-						children: "Overall Performance"
-					}), /* @__PURE__ */ O("div", {
-						className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
+				/* @__PURE__ */ E("div", {
+					className: "grid grid-cols-1 lg:grid-cols-3 gap-4",
+					children: [/* @__PURE__ */ E(D, {
+						treatment: "insight",
+						className: "p-6 flex flex-col items-center text-center",
 						children: [
-							/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
-								className: "text-xs text-text-secondary",
-								children: "Total Deliveries"
-							}), /* @__PURE__ */ D("p", {
-								className: "text-lg font-bold text-text-primary",
-								children: I?.totalDeliveries || 0
-							})] }),
-							/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
-								className: "text-xs text-text-secondary",
-								children: "Total Earnings"
-							}), /* @__PURE__ */ D("p", {
-								className: "text-lg font-bold text-text-primary",
-								children: s(I?.totalEarnings || 0, { minimumFractionDigits: 0 })
-							})] }),
-							/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
-								className: "text-xs text-text-secondary",
-								children: "Average Rating"
-							}), /* @__PURE__ */ O("p", {
-								className: "text-lg font-bold text-text-primary flex items-center gap-1",
-								children: [I?.averageRating || 0, /* @__PURE__ */ D(S, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" })]
-							})] }),
-							/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
-								className: "text-xs text-text-secondary",
+							/* @__PURE__ */ T("h2", {
+								className: "text-base font-semibold text-text-primary mb-4 self-start",
 								children: "Completion Rate"
-							}), /* @__PURE__ */ O("p", {
-								className: "text-lg font-bold text-text-primary",
-								children: [I?.completionRate || 0, "%"]
-							})] })
+							}),
+							/* @__PURE__ */ T(c, {
+								value: I?.completionRate ?? 0,
+								max: 100,
+								label: `${I?.completionRate ?? 0}%`,
+								caption: "on-time"
+							}),
+							/* @__PURE__ */ T("div", {
+								className: "mt-4",
+								children: /* @__PURE__ */ T(ee, {
+									value: I?.averageRating ?? 0,
+									showValue: !0,
+									size: 18
+								})
+							})
 						]
+					}), /* @__PURE__ */ E(D, {
+						className: "p-6 lg:col-span-2",
+						children: [/* @__PURE__ */ T("h2", {
+							className: "text-base font-semibold text-text-primary mb-4",
+							children: "Recently Completed"
+						}), $.length > 0 ? /* @__PURE__ */ T("div", {
+							className: "space-y-3",
+							children: $.slice(0, 4).map((e) => /* @__PURE__ */ E("div", {
+								className: "flex items-center gap-3 rounded-lg bg-status-success-bg-subtle border border-status-success-text/10 p-3",
+								children: [
+									/* @__PURE__ */ T("div", {
+										className: "flex h-8 w-8 items-center justify-center rounded-md bg-status-success-bg-subtle",
+										children: /* @__PURE__ */ T(M(e.type), { className: "h-4 w-4 text-status-success-text" })
+									}),
+									/* @__PURE__ */ E("div", {
+										className: "flex-1 min-w-0",
+										children: [/* @__PURE__ */ T("p", {
+											className: "text-sm font-medium text-text-primary truncate",
+											children: e.title ?? e.description
+										}), e.completedAt && /* @__PURE__ */ E("p", {
+											className: "text-xs text-text-secondary",
+											children: [
+												"Completed at",
+												" ",
+												new Date(e.completedAt).toLocaleTimeString("en-IN", {
+													hour: "2-digit",
+													minute: "2-digit",
+													hour12: !0
+												})
+											]
+										})]
+									}),
+									e.earnings > 0 && /* @__PURE__ */ T("span", {
+										className: "text-sm font-semibold text-text-primary tabular-nums",
+										children: s(e.earnings, { minimumFractionDigits: 0 })
+									}),
+									/* @__PURE__ */ T(f, { className: "h-4 w-4 text-status-success-text shrink-0" })
+								]
+							}, e.id))
+						}) : /* @__PURE__ */ T("p", {
+							className: "text-sm text-text-secondary text-center py-8",
+							children: "No completed tasks yet today."
+						})]
 					})]
 				})
 			]
@@ -553,6 +436,6 @@ var F = {
 	});
 };
 //#endregion
-export { I as WorkerDashboard };
+export { F as WorkerDashboard };
 
 //# sourceMappingURL=WorkerDashboard.js.map