@burdenoff/microfe-movethewheels 2026.703.4 → 2026.703.5

package/dist/LiveTrackingPage-FAzzlVnX.js

@@ -1,379 +0,0 @@
-import { J as e, N as t, X as n, Z as r, ct as i, d as a, f as o, g as s, h as c, i as l, l as u, lt as d, ot as f, t as p, u as m } from "./PageLayout-D4LDHJJq.js";
-import { t as h } from "./map-pin-Dznl5l40.js";
-import { t as g } from "./map-C-M-FQLR.js";
-import { t as _ } from "./package-CcRttV2N.js";
-import { t as v } from "./refresh-cw-CfgN67l3.js";
-import { t as y } from "./truck-D-y2IDzv.js";
-import { o as b, r as x } from "./useTracking-RjGz9PZG.js";
-import { r as S, t as C } from "./MetricCard-CVBVpu7o.js";
-import { r as w } from "./StatusBadge-C87mDpDP.js";
-import { r as T } from "./formatters-BQr-aR5W.js";
-import { useState as E } from "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";
-//#region node_modules/lucide-react/dist/esm/icons/list.js
-var M = d("List", [
-	["path", {
-		d: "M3 12h.01",
-		key: "nlz23k"
-	}],
-	["path", {
-		d: "M3 18h.01",
-		key: "1tta3j"
-	}],
-	["path", {
-		d: "M3 6h.01",
-		key: "1rqtza"
-	}],
-	["path", {
-		d: "M8 12h13",
-		key: "1za7za"
-	}],
-	["path", {
-		d: "M8 18h13",
-		key: "1lx6n3"
-	}],
-	["path", {
-		d: "M8 6h13",
-		key: "ik3vkj"
-	}]
-]);
-//#endregion
-//#region src/movethewheels/pages/LiveTrackingPage.tsx
-function N() {
-	let { basePath: d, navigate: N } = f(), { activeDeliveries: P, isLoading: F, refetch: I } = x(), { unacknowledgedAlerts: L } = b(), [R, z] = E("map"), [B, V] = E(null), H = (e) => {
-		N && N(i(d, e));
-	}, U = B ? P.find((e) => e.order?.id === B) : null;
-	return /* @__PURE__ */ O(l, {
-		title: "Live Tracking",
-		subtitle: `${P.length} active deliveries`,
-		icon: /* @__PURE__ */ D(h, { size: 24 }),
-		headerActions: /* @__PURE__ */ O("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ O(m, {
-				variant: "outline",
-				onClick: I,
-				disabled: F,
-				children: [/* @__PURE__ */ D(v, {
-					size: 16,
-					className: F ? "animate-spin" : ""
-				}), "Refresh"]
-			}), /* @__PURE__ */ D(e, {
-				value: R,
-				onValueChange: (e) => z(e),
-				children: /* @__PURE__ */ O(n, { children: [/* @__PURE__ */ D(r, {
-					value: "map",
-					children: /* @__PURE__ */ D(g, { size: 16 })
-				}), /* @__PURE__ */ D(r, {
-					value: "list",
-					children: /* @__PURE__ */ D(M, { size: 16 })
-				})] })
-			})]
-		}),
-		children: [
-			/* @__PURE__ */ D(j, {
-				icon: /* @__PURE__ */ D(h, { size: 18 }),
-				children: "A real-time operations board for every delivery currently on the road. Watch where drivers are, which orders are out for delivery, and react to alerts — switch to the map for a bird's-eye view or the list to drill into a single shipment."
-			}),
-			/* @__PURE__ */ D(A, {
-				storageKey: "movethewheels-live-tracking",
-				steps: [
-					{
-						id: "select",
-						label: "Open a delivery",
-						description: "Switch to the list and pick a shipment to see full details.",
-						icon: /* @__PURE__ */ D(M, { size: 16 }),
-						onClick: () => z("list")
-					},
-					{
-						id: "alerts",
-						label: "Clear outstanding alerts",
-						description: "Review delays and exceptions that need attention.",
-						icon: /* @__PURE__ */ D(y, { size: 16 }),
-						done: L.length === 0,
-						onClick: () => z("list")
-					},
-					{
-						id: "new-order",
-						label: "Create another order",
-						description: "Add a new delivery to the pipeline.",
-						icon: /* @__PURE__ */ D(_, { size: 16 }),
-						onClick: () => H("orders/new")
-					}
-				]
-			}),
-			/* @__PURE__ */ O(S, {
-				columns: 4,
-				children: [
-					/* @__PURE__ */ D(C, {
-						size: "sm",
-						label: "Active Deliveries",
-						value: P.length,
-						icon: /* @__PURE__ */ D(y, { size: 18 })
-					}),
-					/* @__PURE__ */ D(C, {
-						size: "sm",
-						label: "In Transit",
-						value: P.filter((e) => e.order?.status === "in_transit").length,
-						icon: /* @__PURE__ */ D(_, { size: 18 })
-					}),
-					/* @__PURE__ */ D(C, {
-						size: "sm",
-						label: "Out for Delivery",
-						value: P.filter((e) => e.order?.status === "out_for_delivery").length,
-						icon: /* @__PURE__ */ D(h, { size: 18 })
-					}),
-					/* @__PURE__ */ D(C, {
-						size: "sm",
-						label: "Alerts",
-						value: L.length,
-						changeType: L.length > 0 ? "negative" : "neutral"
-					})
-				]
-			}),
-			/* @__PURE__ */ O("div", {
-				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ D("div", {
-					className: "lg:col-span-2",
-					children: R === "map" ? /* @__PURE__ */ D(a, {
-						className: "h-[600px]",
-						children: /* @__PURE__ */ D(o, {
-							className: "p-0 h-full",
-							children: /* @__PURE__ */ D("div", {
-								className: "w-full h-full bg-bg-sunken rounded-lg flex items-center justify-center",
-								children: /* @__PURE__ */ O("div", {
-									className: "text-center text-text-secondary",
-									children: [
-										/* @__PURE__ */ D(h, {
-											size: 64,
-											className: "mx-auto mb-4 opacity-50"
-										}),
-										/* @__PURE__ */ D("p", {
-											className: "text-lg font-medium",
-											children: "Map View"
-										}),
-										/* @__PURE__ */ O("p", {
-											className: "text-sm",
-											children: [
-												"Interactive map showing ",
-												P.length,
-												" active deliveries"
-											]
-										}),
-										/* @__PURE__ */ D("p", {
-											className: "text-xs mt-2",
-											children: "(Map integration with Mapbox/Google Maps would go here)"
-										})
-									]
-								})
-							})
-						})
-					}) : /* @__PURE__ */ O(a, { children: [/* @__PURE__ */ D(c, { children: /* @__PURE__ */ D(s, { children: "Active Deliveries" }) }), /* @__PURE__ */ D(o, {
-						className: "p-0",
-						children: /* @__PURE__ */ D(t, {
-							className: "h-[550px]",
-							children: /* @__PURE__ */ O("div", {
-								className: "divide-y",
-								children: [P.map((e) => e.order ? /* @__PURE__ */ D("div", {
-									role: "button",
-									tabIndex: 0,
-									"aria-label": `Select delivery ${e.order.orderNumber}`,
-									className: `p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg ${B === e.order.id ? "bg-bg-sunken/50" : ""}`,
-									onClick: () => V(e.order.id),
-									onKeyDown: (t) => {
-										(t.key === "Enter" || t.key === " ") && e.order && (t.preventDefault(), V(e.order.id));
-									},
-									children: /* @__PURE__ */ O("div", {
-										className: "flex items-start justify-between",
-										children: [/* @__PURE__ */ O("div", { children: [
-											/* @__PURE__ */ O("div", {
-												className: "flex items-center gap-2 mb-1",
-												children: [/* @__PURE__ */ D("span", {
-													className: "font-medium",
-													children: e.order.orderNumber
-												}), /* @__PURE__ */ D(w, {
-													status: e.order.status,
-													type: "order",
-													size: "sm"
-												})]
-											}),
-											/* @__PURE__ */ D("p", {
-												className: "text-sm text-text-secondary",
-												children: e.order.customerInfo.name
-											}),
-											/* @__PURE__ */ O("p", {
-												className: "text-sm text-text-secondary",
-												children: [e.driver?.fullName || "Unassigned", e.vehicle && ` - ${e.vehicle.vehicleNumber}`]
-											})
-										] }), /* @__PURE__ */ O("div", {
-											className: "text-right",
-											children: [/* @__PURE__ */ O("p", {
-												className: "text-sm font-medium",
-												children: [
-													"ETA:",
-													" ",
-													e.estimatedArrival ? T(e.estimatedArrival, "time") : "N/A"
-												]
-											}), /* @__PURE__ */ D("p", {
-												className: "text-xs text-text-secondary",
-												children: e.tracking?.currentLocation.address || "Location updating..."
-											})]
-										})]
-									})
-								}, e.order.id) : null), P.length === 0 && /* @__PURE__ */ D(p, {
-									illustration: "empty-sessions",
-									title: "No active deliveries",
-									description: "When orders are dispatched they'll appear here in real time."
-								})]
-							})
-						})
-					})] })
-				}), /* @__PURE__ */ O("div", {
-					className: "space-y-6",
-					children: [
-						U ? /* @__PURE__ */ O(k, {
-							className: "space-y-4",
-							children: [/* @__PURE__ */ O("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ D("h2", {
-									className: "text-base font-semibold text-text-primary",
-									children: "Delivery Details"
-								}), /* @__PURE__ */ D(m, {
-									variant: "ghost",
-									size: "sm",
-									onClick: () => V(null),
-									children: "Clear"
-								})]
-							}), /* @__PURE__ */ O("div", {
-								className: "space-y-4",
-								children: [
-									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
-										className: "text-sm text-text-secondary",
-										children: "Order"
-									}), /* @__PURE__ */ D("p", {
-										className: "font-medium",
-										children: U.order?.orderNumber ?? "-"
-									})] }),
-									/* @__PURE__ */ O("div", { children: [
-										/* @__PURE__ */ D("p", {
-											className: "text-sm text-text-secondary",
-											children: "Customer"
-										}),
-										/* @__PURE__ */ D("p", {
-											className: "font-medium",
-											children: U.order?.customerInfo.name ?? "-"
-										}),
-										/* @__PURE__ */ D("p", {
-											className: "text-sm text-text-secondary",
-											children: U.order?.customerInfo.phone ?? "-"
-										})
-									] }),
-									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
-										className: "text-sm text-text-secondary",
-										children: "Driver"
-									}), /* @__PURE__ */ D("p", {
-										className: "font-medium",
-										children: U.driver?.fullName || "Unassigned"
-									})] }),
-									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
-										className: "text-sm text-text-secondary",
-										children: "Vehicle"
-									}), /* @__PURE__ */ D("p", {
-										className: "font-medium",
-										children: U.vehicle ? `${U.vehicle.vehicleNumber} - ${U.vehicle.make} ${U.vehicle.model}` : "Not assigned"
-									})] }),
-									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
-										className: "text-sm text-text-secondary",
-										children: "Current Location"
-									}), /* @__PURE__ */ D("p", {
-										className: "text-sm",
-										children: U.tracking?.currentLocation.address || "Updating..."
-									})] }),
-									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
-										className: "text-sm text-text-secondary",
-										children: "Estimated Arrival"
-									}), /* @__PURE__ */ D("p", {
-										className: "font-medium",
-										children: U.estimatedArrival ? T(U.estimatedArrival, "full") : "Calculating..."
-									})] }),
-									/* @__PURE__ */ O("div", {
-										className: "pt-2 space-y-2",
-										children: [/* @__PURE__ */ D(m, {
-											className: "w-full",
-											onClick: () => U.order && H(`orders/${U.order.id}`),
-											disabled: !U.order,
-											children: "View Order"
-										}), /* @__PURE__ */ D(m, {
-											variant: "outline",
-											className: "w-full",
-											onClick: () => U.order && H(`tracking?order=${U.order.id}`),
-											disabled: !U.order,
-											children: "Track Details"
-										})]
-									})
-								]
-							})]
-						}) : /* @__PURE__ */ D(a, { children: /* @__PURE__ */ D(o, {
-							className: "p-6",
-							children: /* @__PURE__ */ D(p, {
-								illustration: "empty-generic",
-								title: "No delivery selected",
-								description: "Pick a delivery from the list to see its driver, vehicle, ETA and live location."
-							})
-						}) }),
-						/* @__PURE__ */ O(a, { children: [/* @__PURE__ */ D(c, { children: /* @__PURE__ */ O(s, {
-							className: "flex items-center gap-2",
-							children: ["Alerts", L.length > 0 && /* @__PURE__ */ D(u, {
-								variant: "destructive",
-								children: L.length
-							})]
-						}) }), /* @__PURE__ */ D(o, { children: L.length > 0 ? /* @__PURE__ */ D("div", {
-							className: "space-y-3",
-							children: L.slice(0, 5).map((e) => /* @__PURE__ */ O("div", {
-								className: `p-3 rounded-lg text-sm ${e.severity === "critical" || e.severity === "high" ? "bg-status-error-bg-subtle" : "bg-status-warning-bg-subtle"}`,
-								children: [/* @__PURE__ */ D("p", {
-									className: "font-medium",
-									children: e.message
-								}), /* @__PURE__ */ D("p", {
-									className: "text-xs text-text-secondary mt-1",
-									children: T(e.timestamp, "relative")
-								})]
-							}, e.id))
-						}) : /* @__PURE__ */ D("div", {
-							className: "text-center text-text-secondary py-4",
-							children: /* @__PURE__ */ D("p", {
-								className: "text-sm",
-								children: "No active alerts"
-							})
-						}) })] }),
-						/* @__PURE__ */ O(a, { children: [/* @__PURE__ */ D(c, { children: /* @__PURE__ */ D(s, { children: "Quick Actions" }) }), /* @__PURE__ */ O(o, {
-							className: "space-y-2",
-							children: [
-								/* @__PURE__ */ O(m, {
-									variant: "outline",
-									className: "w-full",
-									onClick: () => H("orders/new"),
-									children: [/* @__PURE__ */ D(_, { size: 16 }), "Create Order"]
-								}),
-								/* @__PURE__ */ O(m, {
-									variant: "outline",
-									className: "w-full",
-									onClick: () => H("routes"),
-									children: [/* @__PURE__ */ D(h, { size: 16 }), "Manage Routes"]
-								}),
-								/* @__PURE__ */ O(m, {
-									variant: "outline",
-									className: "w-full",
-									onClick: () => H("fleet"),
-									children: [/* @__PURE__ */ D(y, { size: 16 }), "Fleet Status"]
-								})
-							]
-						})] })
-					]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { N as default };

package/dist/MetricCard-CVBVpu7o.js

@@ -1,146 +0,0 @@
-import { rt as e } from "./PageLayout-D4LDHJJq.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { GlassCard as r } from "@burdenoff/fe-libs/ui";
-//#region src/movethewheels/components/MetricCard.tsx
-var i = {
-	sm: {
-		card: "p-3",
-		value: "text-xl font-bold",
-		label: "text-xs",
-		icon: "w-8 h-8"
-	},
-	md: {
-		card: "p-4",
-		value: "text-2xl font-bold",
-		label: "text-sm",
-		icon: "w-10 h-10"
-	},
-	lg: {
-		card: "p-6",
-		value: "text-3xl font-bold",
-		label: "text-base",
-		icon: "w-12 h-12"
-	}
-};
-function a({ value: a, label: o, icon: s, change: c, changeType: l = "neutral", subtitle: u, trend: d, size: f = "md", onClick: p, className: m, treatment: h = "metric", glow: g = !1 }) {
-	let _ = i[f], v = {
-		positive: "text-status-success-text",
-		negative: "text-status-error-text",
-		neutral: "text-text-secondary"
-	}, y = {
-		up: /* @__PURE__ */ t("svg", {
-			className: "w-4 h-4",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			stroke: "currentColor",
-			children: /* @__PURE__ */ t("path", {
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				strokeWidth: 2,
-				d: "M5 10l7-7m0 0l7 7m-7-7v18"
-			})
-		}),
-		down: /* @__PURE__ */ t("svg", {
-			className: "w-4 h-4",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			stroke: "currentColor",
-			children: /* @__PURE__ */ t("path", {
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				strokeWidth: 2,
-				d: "M19 14l-7 7m0 0l-7-7m7 7V3"
-			})
-		}),
-		flat: /* @__PURE__ */ t("svg", {
-			className: "w-4 h-4",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			stroke: "currentColor",
-			children: /* @__PURE__ */ t("path", {
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				strokeWidth: 2,
-				d: "M5 12h14"
-			})
-		})
-	};
-	return /* @__PURE__ */ t(r, {
-		treatment: h,
-		glow: g,
-		className: e("overflow-hidden border-border-seam", p && "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg focus-visible:ring-offset-2 focus-visible:ring-offset-bg-base", m),
-		onClick: p,
-		...p ? {
-			role: "button",
-			tabIndex: 0,
-			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
-			}
-		} : {},
-		children: /* @__PURE__ */ t("div", {
-			className: _.card,
-			children: /* @__PURE__ */ n("div", {
-				className: "flex items-start justify-between",
-				children: [/* @__PURE__ */ n("div", {
-					className: "space-y-1",
-					children: [
-						/* @__PURE__ */ t("p", {
-							className: e("text-text-secondary", _.label),
-							children: o
-						}),
-						/* @__PURE__ */ t("p", {
-							className: e("text-text-primary tracking-tight tabular-nums", _.value),
-							children: typeof a == "number" ? a.toLocaleString() : a
-						}),
-						u && /* @__PURE__ */ t("p", {
-							className: "text-xs text-text-secondary",
-							children: u
-						}),
-						c && /* @__PURE__ */ n("div", {
-							className: e("flex items-center gap-1 text-sm tabular-nums", v[l]),
-							children: [d && y[d], /* @__PURE__ */ t("span", { children: c })]
-						})
-					]
-				}), s && /* @__PURE__ */ t("div", {
-					className: e("flex-shrink-0 p-2 rounded-lg bg-action-primary-bg/10 text-action-primary-bg", _.icon),
-					children: s
-				})]
-			})
-		})
-	});
-}
-function o({ size: a = "md" }) {
-	let o = i[a];
-	return /* @__PURE__ */ t(r, {
-		treatment: "metric",
-		className: "overflow-hidden border-border-seam",
-		children: /* @__PURE__ */ t("div", {
-			className: o.card,
-			children: /* @__PURE__ */ n("div", {
-				className: "flex items-start justify-between",
-				children: [/* @__PURE__ */ n("div", {
-					className: "space-y-2 flex-1",
-					children: [
-						/* @__PURE__ */ t("div", { className: "h-4 w-24 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }),
-						/* @__PURE__ */ t("div", { className: "h-8 w-32 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }),
-						/* @__PURE__ */ t("div", { className: "h-3 w-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" })
-					]
-				}), /* @__PURE__ */ t("div", { className: e("bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg", o.icon) })]
-			})
-		})
-	});
-}
-function s({ children: n, columns: r = 4, className: i }) {
-	return /* @__PURE__ */ t("div", {
-		className: e("grid gap-4", {
-			2: "grid-cols-1 sm:grid-cols-2",
-			3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-			4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
-			5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5",
-			6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6"
-		}[r], i),
-		children: n
-	});
-}
-//#endregion
-export { o as n, s as r, a as t };