@burdenoff/microfe-movethewheels 2026.1031.3 → 2026.1031.4

package/dist/pages/VehiclesPage.js

@@ -9,8 +9,9 @@ import { Upload as s } from "../node_modules/lucide-react/dist/esm/icons/upload.
 import { Wrench as c } from "../node_modules/lucide-react/dist/esm/icons/wrench.js";
 import { joinPath as l } from "../utils/navigation.js";
 import { useMoveTheWheels as u } from "../providers/MoveTheWheelsProvider.js";
-import { useFleetStats as d, useVehicles as f } from "../hooks/useFleet.js";
-import { Button as p, Card as m, CardContent as h, Progress as g, Select as ee, SelectContent as te, SelectItem as ne, SelectTrigger as re, SelectValue as _ } from "../components/ui.js";
+import { formatWeight as d } from "../utils/formatters.js";
+import { useFleetStats as f, useVehicles as ee } from "../hooks/useFleet.js";
+import { Button as te, Card as p, CardContent as m, Progress as h, Select as g, SelectContent as ne, SelectItem as re, SelectTrigger as ie, SelectValue as _ } from "../components/ui.js";
 import { PageLayout as v } from "../components/PageLayout.js";
 import { MetricCard as y, MetricGrid as b } from "../components/MetricCard.js";
 import { VEHICLE_STATUS_LABELS as x } from "../constants/index.js";
@@ -31,12 +32,12 @@ var N = [{
 	label: t
 }))];
 function P() {
-	let { basePath: x, navigate: P } = u(), { state: F, isExporting: I, startExport: ie, dismiss: L } = E("vehicles", "vehicle"), [R, z] = O(0), [B, V] = O(25), [H, U] = O(""), [W, G] = O("all"), K = T(H), { vehicles: q, totalVehicles: J, hasMore: Y, isLoading: ae, error: oe, refetch: X } = f({
+	let { basePath: x, navigate: P } = u(), { state: F, isExporting: ae, startExport: I, dismiss: L } = E("vehicles", "vehicle"), [R, z] = O(0), [B, V] = O(25), [H, U] = O(""), [W, G] = O("all"), K = T(H), { vehicles: q, totalVehicles: J, hasMore: oe, isLoading: Y, error: se, refetch: X } = ee({
 		limit: B,
 		offset: R * B,
 		search: K || void 0,
 		status: W === "all" ? void 0 : W
-	}), se = W !== "all" || H.length > 0, { stats: Z } = d(), Q = Z.totalVehicles, $ = (e) => {
+	}), ce = W !== "all" || H.length > 0, { stats: Z } = f(), Q = Z.totalVehicles, $ = (e) => {
 		P && P(l(x, e));
 	};
 	return /* @__PURE__ */ A(v, {
@@ -61,9 +62,9 @@ function P() {
 					onSelect: () => $("import-export?entity=VEHICLE")
 				},
 				{
-					label: I ? "Exporting…" : "Export",
+					label: ae ? "Exporting…" : "Export",
 					icon: /* @__PURE__ */ k(t, { size: 16 }),
-					onSelect: ie
+					onSelect: I
 				}
 			]
 		}),
@@ -109,7 +110,7 @@ function P() {
 					})
 				]
 			})] }),
-			/* @__PURE__ */ k(m, { children: /* @__PURE__ */ k(h, {
+			/* @__PURE__ */ k(p, { children: /* @__PURE__ */ k(m, {
 				className: "p-4",
 				children: /* @__PURE__ */ A("div", {
 					className: "flex flex-wrap items-center gap-4",
@@ -124,20 +125,20 @@ function P() {
 								children: "Filters:"
 							})]
 						}),
-						/* @__PURE__ */ A(ee, {
+						/* @__PURE__ */ A(g, {
 							value: W,
 							onValueChange: (e) => {
 								G(e), z(0);
 							},
-							children: [/* @__PURE__ */ k(re, {
+							children: [/* @__PURE__ */ k(ie, {
 								className: "w-[180px]",
 								children: /* @__PURE__ */ k(_, { placeholder: "Status" })
-							}), /* @__PURE__ */ k(te, { children: N.map((e) => /* @__PURE__ */ k(ne, {
+							}), /* @__PURE__ */ k(ne, { children: N.map((e) => /* @__PURE__ */ k(re, {
 								value: e.value,
 								children: e.label
 							}, e.value)) })]
 						}),
-						se && /* @__PURE__ */ k(p, {
+						ce && /* @__PURE__ */ k(te, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => {
@@ -196,7 +197,7 @@ function P() {
 						header: "Capacity",
 						cell: (e) => /* @__PURE__ */ A("div", {
 							className: "text-sm",
-							children: [/* @__PURE__ */ k("p", { children: e.capacity.weight === void 0 ? "—" : `${e.capacity.weight} kg` }), /* @__PURE__ */ k("p", {
+							children: [/* @__PURE__ */ k("p", { children: e.capacity.weight === void 0 ? "—" : d(e.capacity.weight) }), /* @__PURE__ */ k("p", {
 								className: "text-text-secondary",
 								children: e.capacity.volume === void 0 ? "—" : `${e.capacity.volume} m³`
 							})]
@@ -207,7 +208,7 @@ function P() {
 						header: "Fuel Level",
 						cell: (e) => e.fuelLevel === void 0 ? "-" : /* @__PURE__ */ A("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ k(g, {
+							children: [/* @__PURE__ */ k(h, {
 								value: e.fuelLevel,
 								className: "w-16 h-2"
 							}), /* @__PURE__ */ A("span", {
@@ -225,8 +226,8 @@ function P() {
 					}
 				],
 				data: q,
-				isLoading: ae,
-				error: oe,
+				isLoading: Y,
+				error: se,
 				onRetry: X,
 				searchable: !0,
 				searchPlaceholder: "Search vehicles...",
@@ -248,7 +249,7 @@ function P() {
 					V(e), z(0);
 				},
 				totalItems: J,
-				hasNextPage: Y,
+				hasNextPage: oe,
 				emptyIllustration: "empty-data",
 				emptyTitle: "No vehicles yet",
 				emptyDescription: "Add vehicles to your fleet to start assigning them to deliveries."