@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1,634 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+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/useCoolAndLovelyApi.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, TrendingUp as w, Truck as T, User as E, Zap as D } from "lucide-react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/worker/WorkerDashboard.tsx
+var A = {
+	high: "bg-red-500/20 text-red-600 dark:text-red-400",
+	medium: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
+	low: "bg-green-500/20 text-green-600 dark:text-green-400"
+}, j = {
+	pending: "bg-secondary text-secondary-foreground",
+	in_progress: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
+	completed: "bg-green-500/20 text-green-600 dark:text-green-400"
+};
+function M(e) {
+	switch (e) {
+		case "delivery": return T;
+		case "preparation": return f;
+		case "inventory": return l;
+		case "cleanup": return x;
+		default: return m;
+	}
+}
+var N = {
+	high: 3,
+	medium: 2,
+	low: 1
+}, P = () => {
+	let { navigateTo: l, currentUser: f } = e(), m = f?.id || "", { data: x = [], isLoading: T } = o(m), { data: P, isLoading: F } = a(m), I = r(), L = i(), [R, z] = c(null), [B, V] = c(!1), [H, U] = c(null), W = async (e, t) => {
+		let n = "";
+		switch (t) {
+			case "start":
+				n = "IN_PROGRESS", z(e);
+				break;
+			case "complete":
+				n = "COMPLETED", R === e && z(null);
+				break;
+			case "pause":
+				n = "PENDING", R === e && z(null);
+				break;
+		}
+		try {
+			await I.mutateAsync({
+				taskId: e,
+				status: n
+			});
+		} catch (e) {
+			console.error("Failed to update task status:", e), alert("Failed to update task status. Please try again.");
+		}
+	}, G = async () => {
+		let e = B ? "CLOCK_OUT" : "CLOCK_IN";
+		try {
+			let t = await L.mutateAsync({
+				workerId: m,
+				action: e
+			});
+			if (t.success) {
+				if (B) V(!1), U(null);
+				else {
+					let e = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-IN", {
+						hour: "2-digit",
+						minute: "2-digit",
+						hour12: !0
+					});
+					V(!0), U(e);
+				}
+				alert(t.message || `${B ? "Clocked out" : "Clocked in"} successfully`);
+			}
+		} catch (e) {
+			console.error("Failed to clock in/out:", e), alert("Action failed. Please try again.");
+		}
+	};
+	if (T || F) return /* @__PURE__ */ O(n, {
+		title: "Dashboard",
+		description: "Your work overview for today",
+		children: /* @__PURE__ */ O("div", {
+			className: "flex items-center justify-center py-24",
+			children: /* @__PURE__ */ k("div", {
+				className: "text-center",
+				children: [/* @__PURE__ */ O(g, { className: "h-10 w-10 animate-spin text-muted-foreground mx-auto mb-4" }), /* @__PURE__ */ O("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Loading your dashboard..."
+				})]
+			})
+		})
+	});
+	let K = R ? x.find((e) => e.id === R) : null, q = x.filter((e) => e.status !== "completed").sort((e, t) => (N[t.priority] ?? 0) - (N[e.priority] ?? 0)), J = x.filter((e) => e.status === "completed");
+	return /* @__PURE__ */ O(n, {
+		title: "Dashboard",
+		description: "Manage your tasks and assignments",
+		actions: /* @__PURE__ */ k("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-foreground hover:bg-accent/80 transition-colors",
+			children: ["View All Orders", /* @__PURE__ */ O(p, { className: "h-4 w-4" })]
+		}),
+		children: /* @__PURE__ */ k("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
+					className: "text-base font-semibold text-foreground mb-3",
+					children: "Quick Actions"
+				}), /* @__PURE__ */ k("div", {
+					className: "grid grid-cols-2 lg:grid-cols-4 gap-3",
+					children: [
+						/* @__PURE__ */ k("button", {
+							type: "button",
+							onClick: () => l("/worker/orders"),
+							className: "flex items-center justify-center gap-2 rounded-lg border border-border bg-card px-4 py-3 text-sm font-medium text-foreground hover:bg-muted transition-colors",
+							children: [/* @__PURE__ */ O(v, { className: "h-4 w-4" }), "My Orders"]
+						}),
+						/* @__PURE__ */ k("button", {
+							type: "button",
+							onClick: () => l("/worker/schedule"),
+							className: "flex items-center justify-center gap-2 rounded-lg border border-border bg-card px-4 py-3 text-sm font-medium text-foreground hover:bg-muted transition-colors",
+							children: [/* @__PURE__ */ O(u, { className: "h-4 w-4" }), "Schedule"]
+						}),
+						/* @__PURE__ */ k("button", {
+							type: "button",
+							onClick: () => l("/worker/profile"),
+							className: "flex items-center justify-center gap-2 rounded-lg border border-border bg-card px-4 py-3 text-sm font-medium text-foreground hover:bg-muted transition-colors",
+							children: [/* @__PURE__ */ O(E, { className: "h-4 w-4" }), "Profile"]
+						}),
+						/* @__PURE__ */ k("button", {
+							type: "button",
+							onClick: G,
+							className: t("flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-medium transition-colors", B ? "bg-red-500/10 text-red-600 dark:text-red-400 border border-red-500/30 hover:bg-red-500/20" : "bg-green-500/10 text-green-600 dark:text-green-400 border border-green-500/30 hover:bg-green-500/20"),
+							children: [/* @__PURE__ */ O(C, { className: "h-4 w-4" }), B ? "Clock Out" : "Clock In"]
+						})
+					]
+				})] }),
+				P && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
+					className: "flex items-center justify-between mb-3",
+					children: [/* @__PURE__ */ O("h2", {
+						className: "text-base font-semibold text-foreground",
+						children: "Today's Overview"
+					}), B && H && /* @__PURE__ */ k("div", {
+						className: "flex items-center gap-2 rounded-lg bg-green-500/10 border border-green-500/20 px-3 py-1.5",
+						children: [/* @__PURE__ */ k("span", {
+							className: "relative flex h-2 w-2",
+							children: [/* @__PURE__ */ O("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }), /* @__PURE__ */ O("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-green-500" })]
+						}), /* @__PURE__ */ k("span", {
+							className: "text-xs font-medium text-green-600 dark:text-green-400",
+							children: ["Working since ", H]
+						})]
+					})]
+				}), /* @__PURE__ */ k("div", {
+					className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3",
+					children: [
+						/* @__PURE__ */ k("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [
+								/* @__PURE__ */ O("div", {
+									className: "flex items-center gap-2 mb-2",
+									children: /* @__PURE__ */ O("div", {
+										className: "inline-flex rounded-md p-1.5 bg-green-500/10 text-green-600 dark:text-green-400",
+										children: /* @__PURE__ */ O(d, { className: "h-4 w-4" })
+									})
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "text-2xl font-bold text-green-600 dark:text-green-400",
+									children: P.tasksCompleted
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Completed"
+								})
+							]
+						}),
+						/* @__PURE__ */ k("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [
+								/* @__PURE__ */ O("div", {
+									className: "flex items-center gap-2 mb-2",
+									children: /* @__PURE__ */ O("div", {
+										className: "inline-flex rounded-md p-1.5 bg-blue-500/10 text-blue-600 dark:text-blue-400",
+										children: /* @__PURE__ */ O(b, { className: "h-4 w-4" })
+									})
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
+									children: P.tasksInProgress
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "text-xs text-muted-foreground",
+									children: "In Progress"
+								})
+							]
+						}),
+						/* @__PURE__ */ k("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [
+								/* @__PURE__ */ O("div", {
+									className: "flex items-center gap-2 mb-2",
+									children: /* @__PURE__ */ O("div", {
+										className: "inline-flex rounded-md p-1.5 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400",
+										children: /* @__PURE__ */ O(h, { className: "h-4 w-4" })
+									})
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
+									children: P.tasksPending
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Pending"
+								})
+							]
+						}),
+						/* @__PURE__ */ k("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [
+								/* @__PURE__ */ O("div", {
+									className: "flex items-center gap-2 mb-2",
+									children: /* @__PURE__ */ O("div", {
+										className: "inline-flex rounded-md p-1.5 bg-purple-500/10 text-purple-600 dark:text-purple-400",
+										children: /* @__PURE__ */ O(C, { className: "h-4 w-4" })
+									})
+								}),
+								/* @__PURE__ */ k("p", {
+									className: "text-2xl font-bold text-purple-600 dark:text-purple-400",
+									children: [P.hoursWorked, "h"]
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Hours Worked"
+								})
+							]
+						}),
+						/* @__PURE__ */ k("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [
+								/* @__PURE__ */ O("div", {
+									className: "flex items-center gap-2 mb-2",
+									children: /* @__PURE__ */ O("div", {
+										className: "inline-flex rounded-md p-1.5 bg-indigo-500/10 text-indigo-600 dark:text-indigo-400",
+										children: /* @__PURE__ */ O(D, { className: "h-4 w-4" })
+									})
+								}),
+								/* @__PURE__ */ k("p", {
+									className: "text-2xl font-bold text-indigo-600 dark:text-indigo-400",
+									children: [P.efficiency, "%"]
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Efficiency"
+								})
+							]
+						}),
+						/* @__PURE__ */ k("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							children: [
+								/* @__PURE__ */ O("div", {
+									className: "flex items-center gap-2 mb-2",
+									children: /* @__PURE__ */ O("div", {
+										className: "inline-flex rounded-md p-1.5 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400",
+										children: /* @__PURE__ */ O(S, { className: "h-4 w-4" })
+									})
+								}),
+								/* @__PURE__ */ k("p", {
+									className: "text-2xl font-bold text-yellow-500",
+									children: [P.rating, "/5"]
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Rating"
+								})
+							]
+						})
+					]
+				})] }),
+				K && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
+					className: "text-base font-semibold text-foreground mb-3",
+					children: "Current Task"
+				}), /* @__PURE__ */ O("div", {
+					className: "rounded-lg border-2 border-blue-500/40 bg-blue-500/5 p-6",
+					children: /* @__PURE__ */ k("div", {
+						className: "flex items-start justify-between mb-4",
+						children: [/* @__PURE__ */ k("div", {
+							className: "flex items-start gap-3",
+							children: [/* @__PURE__ */ O("div", {
+								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-blue-500/10",
+								children: /* @__PURE__ */ O(M(K.type), { className: "h-5 w-5 text-blue-600 dark:text-blue-400" })
+							}), /* @__PURE__ */ k("div", { children: [
+								/* @__PURE__ */ O("h3", {
+									className: "text-lg font-semibold text-foreground",
+									children: K.title
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "text-sm text-muted-foreground mt-1",
+									children: K.description
+								}),
+								/* @__PURE__ */ k("div", {
+									className: "flex flex-wrap items-center gap-3 mt-2 text-sm text-muted-foreground",
+									children: [
+										/* @__PURE__ */ k("span", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ O(h, { className: "h-3.5 w-3.5" }),
+												K.estimatedTime,
+												" min"
+											]
+										}),
+										K.dueTime && /* @__PURE__ */ k("span", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ O(C, { className: "h-3.5 w-3.5" }),
+												"Due: ",
+												K.dueTime
+											]
+										}),
+										K.location && /* @__PURE__ */ k("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ O(_, { className: "h-3.5 w-3.5" }), K.location]
+										})
+									]
+								})
+							] })]
+						}), /* @__PURE__ */ k("div", {
+							className: "flex gap-2 shrink-0",
+							children: [/* @__PURE__ */ k("button", {
+								type: "button",
+								onClick: () => W(K.id, "complete"),
+								className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-sm font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+								children: [/* @__PURE__ */ O(d, { className: "h-4 w-4" }), "Complete"]
+							}), /* @__PURE__ */ k("button", {
+								type: "button",
+								onClick: () => W(K.id, "pause"),
+								className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+								children: [/* @__PURE__ */ O(y, { className: "h-4 w-4" }), "Pause"]
+							})]
+						})]
+					})
+				})] }),
+				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
+					className: "text-base font-semibold text-foreground mb-3",
+					children: "Assigned Tasks"
+				}), /* @__PURE__ */ O("div", {
+					className: "rounded-lg border border-border bg-card shadow-sm overflow-hidden",
+					children: q.length > 0 ? /* @__PURE__ */ O("div", {
+						className: "divide-y divide-border",
+						children: q.map((e) => /* @__PURE__ */ O("div", {
+							className: "p-4 hover:bg-muted/30 transition-colors",
+							children: /* @__PURE__ */ k("div", {
+								className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
+								children: [/* @__PURE__ */ k("div", {
+									className: "flex items-start gap-3 flex-1 min-w-0",
+									children: [/* @__PURE__ */ O("div", {
+										className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-muted",
+										children: /* @__PURE__ */ O(M(e.type), { className: "h-4.5 w-4.5 text-muted-foreground" })
+									}), /* @__PURE__ */ k("div", {
+										className: "flex-1 min-w-0",
+										children: [
+											/* @__PURE__ */ k("div", {
+												className: "flex flex-wrap items-center gap-2 mb-1",
+												children: [
+													/* @__PURE__ */ O("h3", {
+														className: "text-sm font-medium text-foreground",
+														children: e.title
+													}),
+													/* @__PURE__ */ O("span", {
+														className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", A[e.priority]),
+														children: e.priority
+													}),
+													/* @__PURE__ */ O("span", {
+														className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium", j[e.status]),
+														children: e.status.replace("_", " ")
+													})
+												]
+											}),
+											/* @__PURE__ */ O("p", {
+												className: "text-xs text-muted-foreground line-clamp-1",
+												children: e.description
+											}),
+											/* @__PURE__ */ k("div", {
+												className: "flex flex-wrap items-center gap-3 mt-1.5 text-xs text-muted-foreground",
+												children: [
+													/* @__PURE__ */ k("span", {
+														className: "flex items-center gap-1",
+														children: [/* @__PURE__ */ O(E, { className: "h-3 w-3" }), e.assignedBy]
+													}),
+													/* @__PURE__ */ k("span", {
+														className: "flex items-center gap-1",
+														children: [
+															/* @__PURE__ */ O(h, { className: "h-3 w-3" }),
+															e.estimatedTime,
+															" min"
+														]
+													}),
+													e.dueTime && /* @__PURE__ */ k("span", {
+														className: "flex items-center gap-1",
+														children: [
+															/* @__PURE__ */ O(C, { className: "h-3 w-3" }),
+															"Due: ",
+															e.dueTime
+														]
+													}),
+													e.location && /* @__PURE__ */ k("span", {
+														className: "flex items-center gap-1",
+														children: [/* @__PURE__ */ O(_, { className: "h-3 w-3" }), e.location]
+													})
+												]
+											})
+										]
+									})]
+								}), /* @__PURE__ */ k("div", {
+									className: "flex gap-2 shrink-0",
+									children: [
+										e.status === "pending" && /* @__PURE__ */ k("button", {
+											type: "button",
+											onClick: () => W(e.id, "start"),
+											disabled: R !== null,
+											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", R === null ? "bg-blue-500/10 text-blue-600 dark:text-blue-400 hover:bg-blue-500/20" : "bg-muted text-muted-foreground cursor-not-allowed"),
+											children: [/* @__PURE__ */ O(b, { className: "h-3.5 w-3.5" }), "Start"]
+										}),
+										e.status === "in_progress" && e.id !== R && /* @__PURE__ */ k("button", {
+											type: "button",
+											onClick: () => z(e.id),
+											className: "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",
+											children: [/* @__PURE__ */ O(b, { className: "h-3.5 w-3.5" }), "Resume"]
+										}),
+										/* @__PURE__ */ k("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-foreground hover:bg-accent/80 transition-colors",
+											children: ["Details", /* @__PURE__ */ O(p, { className: "h-3.5 w-3.5" })]
+										})
+									]
+								})]
+							})
+						}, e.id))
+					}) : /* @__PURE__ */ k("div", {
+						className: "p-8 text-center",
+						children: [/* @__PURE__ */ O(d, { className: "h-10 w-10 text-green-500 opacity-40 mx-auto mb-2" }), /* @__PURE__ */ O("p", {
+							className: "text-sm text-muted-foreground",
+							children: "All tasks completed!"
+						})]
+					})
+				})] }),
+				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
+					className: "text-base font-semibold text-foreground mb-3",
+					children: "Recently Completed"
+				}), /* @__PURE__ */ O("div", {
+					className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+					children: J.length > 0 ? /* @__PURE__ */ O("div", {
+						className: "space-y-3",
+						children: J.slice(0, 3).map((e) => /* @__PURE__ */ k("div", {
+							className: "flex items-center gap-3 p-3 rounded-lg bg-green-500/5 border border-green-500/10",
+							children: [
+								/* @__PURE__ */ O("div", {
+									className: "flex h-8 w-8 items-center justify-center rounded-md bg-green-500/10",
+									children: /* @__PURE__ */ O(M(e.type), { className: "h-4 w-4 text-green-600 dark:text-green-400" })
+								}),
+								/* @__PURE__ */ k("div", {
+									className: "flex-1 min-w-0",
+									children: [/* @__PURE__ */ O("p", {
+										className: "text-sm font-medium text-foreground",
+										children: e.title
+									}), /* @__PURE__ */ k("p", {
+										className: "text-xs text-muted-foreground",
+										children: [
+											"Completed at",
+											" ",
+											(/* @__PURE__ */ new Date()).toLocaleTimeString("en-IN", {
+												hour: "2-digit",
+												minute: "2-digit",
+												hour12: !0
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ O(d, { className: "h-4 w-4 text-green-600 dark:text-green-400 shrink-0" })
+							]
+						}, e.id))
+					}) : /* @__PURE__ */ O("p", {
+						className: "text-sm text-muted-foreground text-center py-4",
+						children: "No completed tasks yet today"
+					})
+				})] }),
+				/* @__PURE__ */ k("div", {
+					className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+					children: [/* @__PURE__ */ k("div", {
+						className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+						children: [/* @__PURE__ */ k("h3", {
+							className: "text-base font-semibold text-foreground flex items-center gap-2 mb-4",
+							children: [/* @__PURE__ */ O(w, { className: "h-4 w-4 text-muted-foreground" }), "Performance This Week"]
+						}), /* @__PURE__ */ k("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ O("span", {
+										className: "text-sm text-muted-foreground",
+										children: "Tasks Completed"
+									}), /* @__PURE__ */ O("span", {
+										className: "text-sm font-medium text-foreground",
+										children: "47"
+									})]
+								}),
+								/* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ O("span", {
+										className: "text-sm text-muted-foreground",
+										children: "Average Time per Task"
+									}), /* @__PURE__ */ O("span", {
+										className: "text-sm font-medium text-foreground",
+										children: "23 min"
+									})]
+								}),
+								/* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ O("span", {
+										className: "text-sm text-muted-foreground",
+										children: "On-time Completion"
+									}), /* @__PURE__ */ O("span", {
+										className: "text-sm font-medium text-foreground",
+										children: "94%"
+									})]
+								}),
+								/* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ O("span", {
+										className: "text-sm text-muted-foreground",
+										children: "Customer Feedback"
+									}), /* @__PURE__ */ k("span", {
+										className: "text-sm font-medium text-foreground flex items-center gap-1",
+										children: ["4.7/5", /* @__PURE__ */ O(S, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" })]
+									})]
+								})
+							]
+						})]
+					}), /* @__PURE__ */ k("div", {
+						className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+						children: [/* @__PURE__ */ k("h3", {
+							className: "text-base font-semibold text-foreground flex items-center gap-2 mb-4",
+							children: [/* @__PURE__ */ O(u, { className: "h-4 w-4 text-muted-foreground" }), "Shift Information"]
+						}), /* @__PURE__ */ k("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ O("span", {
+										className: "text-sm text-muted-foreground",
+										children: "Shift Start"
+									}), /* @__PURE__ */ O("span", {
+										className: "text-sm font-medium text-foreground",
+										children: "9:00 AM"
+									})]
+								}),
+								/* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ O("span", {
+										className: "text-sm text-muted-foreground",
+										children: "Shift End"
+									}), /* @__PURE__ */ O("span", {
+										className: "text-sm font-medium text-foreground",
+										children: "6:00 PM"
+									})]
+								}),
+								/* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ O("span", {
+										className: "text-sm text-muted-foreground",
+										children: "Break Time"
+									}), /* @__PURE__ */ O("span", {
+										className: "text-sm font-medium text-foreground",
+										children: "1:00 PM - 2:00 PM"
+									})]
+								}),
+								/* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ O("span", {
+										className: "text-sm text-muted-foreground",
+										children: "Supervisor"
+									}), /* @__PURE__ */ O("span", {
+										className: "text-sm font-medium text-foreground",
+										children: "Rajesh Kumar"
+									})]
+								})
+							]
+						})]
+					})]
+				}),
+				/* @__PURE__ */ k("div", {
+					className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+					children: [/* @__PURE__ */ O("h2", {
+						className: "text-base font-semibold text-foreground mb-4",
+						children: "Overall Performance"
+					}), /* @__PURE__ */ k("div", {
+						className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
+						children: [
+							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Total Deliveries"
+							}), /* @__PURE__ */ O("p", {
+								className: "text-lg font-bold text-foreground",
+								children: P?.totalDeliveries || 0
+							})] }),
+							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Total Earnings"
+							}), /* @__PURE__ */ O("p", {
+								className: "text-lg font-bold text-foreground",
+								children: s(P?.totalEarnings || 0, { minimumFractionDigits: 0 })
+							})] }),
+							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Average Rating"
+							}), /* @__PURE__ */ k("p", {
+								className: "text-lg font-bold text-foreground flex items-center gap-1",
+								children: [P?.averageRating || 0, /* @__PURE__ */ O(S, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" })]
+							})] }),
+							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Completion Rate"
+							}), /* @__PURE__ */ k("p", {
+								className: "text-lg font-bold text-foreground",
+								children: [P?.completionRate || 0, "%"]
+							})] })
+						]
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { P as WorkerDashboard };
+
+//# sourceMappingURL=WorkerDashboard.js.map