@burdenoff/microfe-movethewheels 2026.805.1 → 2026.827.1

package/dist/components/CarbonFootprintPanel.js

@@ -0,0 +1,108 @@
+import { Leaf as e } from "../node_modules/lucide-react/dist/esm/icons/leaf.js";
+import { Truck as t } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { useEmissionsSummary as n } from "../hooks/useAnalytics.js";
+import { Card as r, CardContent as i, CardHeader as a, CardTitle as o } from "./ui.js";
+import { MetricCard as s, MetricGrid as c } from "./MetricCard.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/movethewheels/components/CarbonFootprintPanel.tsx
+function d(e) {
+	return e >= 1e3 ? `${(e / 1e3).toFixed(2)} t` : `${e.toFixed(1)} kg`;
+}
+function f(e) {
+	return e >= 1e3 ? `${(e / 1e3).toFixed(1)}k km` : `${e.toFixed(1)} km`;
+}
+function p() {
+	let { summary: p, isLoading: m, error: h } = n();
+	if (h) return /* @__PURE__ */ l(r, {
+		className: "border-status-error-border",
+		children: /* @__PURE__ */ l(i, {
+			className: "p-6 text-center",
+			children: /* @__PURE__ */ l("p", {
+				className: "text-sm text-status-error-text",
+				children: "Couldn't load emissions data"
+			})
+		})
+	});
+	if (m) return /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ u(o, {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ l(e, {
+			size: 18,
+			className: "text-status-success-text"
+		}), "Carbon footprint"]
+	}) }), /* @__PURE__ */ l(i, { children: /* @__PURE__ */ l(c, {
+		columns: 3,
+		children: Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ l("div", { className: "h-24 rounded-xl bg-bg-sunken motion-safe:animate-pulse" }, t))
+	}) })] });
+	let g = p.totalDistanceKm > 0;
+	return /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ u(o, {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ l(e, {
+			size: 18,
+			className: "text-status-success-text"
+		}), "Carbon footprint"]
+	}) }), /* @__PURE__ */ u(i, {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ u(c, {
+				columns: 3,
+				children: [
+					/* @__PURE__ */ l(s, {
+						label: "Total CO2e",
+						value: d(p.totalCo2eKg),
+						icon: /* @__PURE__ */ l(e, { size: 20 }),
+						accent: "success"
+					}),
+					/* @__PURE__ */ l(s, {
+						label: "Total distance",
+						value: f(p.totalDistanceKm),
+						icon: /* @__PURE__ */ l(t, { size: 20 }),
+						accent: "blue"
+					}),
+					/* @__PURE__ */ l(s, {
+						label: "Avg intensity",
+						value: `${(p.averageCo2eKgPerKm * 1e3).toFixed(1)} g/km`,
+						icon: /* @__PURE__ */ l(e, { size: 20 }),
+						accent: "warning"
+					})
+				]
+			}),
+			g && p.byVehicle.length > 0 && /* @__PURE__ */ u("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ l("h4", {
+					className: "text-sm font-medium text-text-secondary",
+					children: "By vehicle"
+				}), /* @__PURE__ */ l("div", {
+					className: "space-y-2",
+					children: p.byVehicle.filter((e) => e.totalDistanceKm > 0 || e.co2eKg > 0).slice(0, 5).map((e) => /* @__PURE__ */ u("div", {
+						className: "flex items-center justify-between rounded-lg bg-bg-sunken px-3 py-2",
+						children: [/* @__PURE__ */ u("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ l(t, {
+								size: 16,
+								className: "text-text-secondary"
+							}), /* @__PURE__ */ l("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: e.vehicleNumber ?? "Unassigned"
+							})]
+						}), /* @__PURE__ */ u("div", {
+							className: "text-right",
+							children: [/* @__PURE__ */ l("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: d(e.co2eKg)
+							}), /* @__PURE__ */ l("p", {
+								className: "text-xs text-text-secondary",
+								children: f(e.totalDistanceKm)
+							})]
+						})]
+					}, e.vehicleId ?? "unassigned"))
+				})]
+			}),
+			!g && /* @__PURE__ */ l("p", {
+				className: "text-sm text-text-secondary",
+				children: "No route distance recorded yet. Assign vehicles and distances to routes to see emissions estimates."
+			})
+		]
+	})] });
+}
+//#endregion
+export { p as CarbonFootprintPanel };

package/dist/components/index.js

@@ -20,3 +20,4 @@ import "./DataTable.js";
 import "./FormError.js";
 import "./Notice.js";
 import "./DocumentsCard.js";
+import "./CarbonFootprintPanel.js";