@burdenoff/microfe-movethewheels 2026.703.2 → 2026.703.4

package/dist/{ProductsPage-C1G9h7Xd.js → ProductsPage-DC5qDLfz.js}

@@ -1,78 +1,82 @@
 import { ct as e, i as t, l as n, ot as r } from "./PageLayout-D4LDHJJq.js";
-import { t as i } from "./DataTable-DmciIKKM.js";
-import { t as a } from "./download-DRXxoiQR.js";
-import { t as o } from "./package-BChUzpJS.js";
-import { t as s } from "./plus-Z76q-FZm.js";
-import { t as c } from "./refresh-cw-DKt6f5T6.js";
-import { i as l } from "./useInventory-DkyiVY_A.js";
-import { n as u } from "./formatters-CF2S2l1m.js";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { CTAOverflowMenu as p, EmphasisPanel as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
+import { t as i } from "./DataTable-XvUcTjwi.js";
+import { t as a } from "./download-C5NbvVDc.js";
+import { t as o } from "./package-CcRttV2N.js";
+import { t as s } from "./plus-C_XZDwBz.js";
+import { t as c } from "./refresh-cw-CfgN67l3.js";
+import { a as l, i as u } from "./useInventory-CAAVMRp6.js";
+import { n as d } from "./formatters-BQr-aR5W.js";
+import { useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { CTAOverflowMenu as h, EmphasisPanel as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/ProductsPage.tsx
-function g() {
-	let { basePath: g, navigate: _ } = r(), { products: v, totalProducts: y, isLoading: b, refetch: x } = l(), S = (t) => _?.(e(g, t));
-	return /* @__PURE__ */ f(t, {
+function v() {
+	let { basePath: v, navigate: y } = r(), [b, x] = f(0), [S, C] = f(25), { products: w, hasMore: T, isLoading: E, refetch: D } = l({
+		limit: S,
+		offset: b * S
+	}), { stats: O } = u(), k = (t) => y?.(e(v, t));
+	return /* @__PURE__ */ m(t, {
 		title: "Products",
-		subtitle: `${y} products`,
-		icon: /* @__PURE__ */ d(o, { size: 24 }),
-		headerActions: /* @__PURE__ */ d(p, {
+		subtitle: `${O.total} products`,
+		icon: /* @__PURE__ */ p(o, { size: 24 }),
+		headerActions: /* @__PURE__ */ p(h, {
 			primary: {
 				label: "Add Product",
-				icon: /* @__PURE__ */ d(s, { size: 16 }),
-				onSelect: () => S("inventory/products/new")
+				icon: /* @__PURE__ */ p(s, { size: 16 }),
+				onSelect: () => k("inventory/products/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ d(c, { size: 16 }),
-				onSelect: () => x()
+				icon: /* @__PURE__ */ p(c, { size: 16 }),
+				onSelect: () => D()
 			}, {
 				label: "Export",
-				icon: /* @__PURE__ */ d(a, { size: 16 }),
-				onSelect: () => {}
+				icon: /* @__PURE__ */ p(a, { size: 16 }),
+				onSelect: () => k("import-export")
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ d(h, {
-				icon: /* @__PURE__ */ d(o, { size: 18 }),
+			/* @__PURE__ */ p(_, {
+				icon: /* @__PURE__ */ p(o, { size: 18 }),
 				children: "The catalog of items you ship. Each product's dimensions, weight, value and handling flags (fragile, hazardous, temperature-controlled) drive how it's packed, priced and routed — keep them accurate so shipments are quoted and handled correctly."
 			}),
-			/* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d("p", {
+			/* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p("p", {
 				className: "text-sm font-medium text-text-secondary",
 				children: "Catalog at a glance"
-			}), /* @__PURE__ */ f("div", {
+			}), /* @__PURE__ */ m("div", {
 				className: "mt-3 grid grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: y
-					}), /* @__PURE__ */ d("p", {
+						children: O.total
+					}), /* @__PURE__ */ p("p", {
 						className: "text-xs text-text-secondary",
 						children: "Total products"
 					})] }),
-					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: v.filter((e) => e.fragile || e.hazardous).length
-					}), /* @__PURE__ */ d("p", {
+						children: O.specialHandling
+					}), /* @__PURE__ */ p("p", {
 						className: "text-xs text-text-secondary",
 						children: "Special handling"
 					})] }),
-					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: v.filter((e) => e.temperatureControlled).length
-					}), /* @__PURE__ */ d("p", {
+						children: O.temperatureControlled
+					}), /* @__PURE__ */ p("p", {
 						className: "text-xs text-text-secondary",
 						children: "Temp-controlled"
 					})] })
 				]
 			})] }),
-			/* @__PURE__ */ d(i, {
+			/* @__PURE__ */ p(i, {
 				columns: [
 					{
 						id: "sku",
 						header: "SKU",
 						accessorKey: "sku",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ d("span", {
+						cell: (e) => /* @__PURE__ */ p("span", {
 							className: "font-mono",
 							children: e.sku
 						})
@@ -82,10 +86,10 @@ function g() {
 						header: "Product Name",
 						accessorKey: "name",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+						cell: (e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 							className: "font-medium",
 							children: e.name
-						}), /* @__PURE__ */ d("p", {
+						}), /* @__PURE__ */ p("p", {
 							className: "text-sm text-text-secondary line-clamp-1",
 							children: e.description
 						})] })
@@ -95,7 +99,7 @@ function g() {
 						header: "Category",
 						accessorKey: "category",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ d(n, {
+						cell: (e) => /* @__PURE__ */ p(n, {
 							variant: "outline",
 							children: e.category
 						})
@@ -117,28 +121,28 @@ function g() {
 						header: "Value",
 						accessorKey: "value",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ d("span", {
+						cell: (e) => /* @__PURE__ */ p("span", {
 							className: "font-medium",
-							children: u(e.value)
+							children: d(e.value)
 						})
 					},
 					{
 						id: "flags",
 						header: "Flags",
-						cell: (e) => /* @__PURE__ */ f("div", {
+						cell: (e) => /* @__PURE__ */ m("div", {
 							className: "flex gap-1",
 							children: [
-								e.fragile && /* @__PURE__ */ d(n, {
+								e.fragile && /* @__PURE__ */ p(n, {
 									variant: "destructive",
 									className: "text-xs",
 									children: "Fragile"
 								}),
-								e.hazardous && /* @__PURE__ */ d(n, {
+								e.hazardous && /* @__PURE__ */ p(n, {
 									variant: "destructive",
 									className: "text-xs",
 									children: "Hazardous"
 								}),
-								e.temperatureControlled && /* @__PURE__ */ d(n, {
+								e.temperatureControlled && /* @__PURE__ */ p(n, {
 									variant: "secondary",
 									className: "text-xs",
 									children: "Temp Control"
@@ -147,8 +151,8 @@ function g() {
 						})
 					}
 				],
-				data: v,
-				isLoading: b,
+				data: w,
+				isLoading: E,
 				searchable: !0,
 				searchPlaceholder: "Search products...",
 				searchFields: [
@@ -156,8 +160,15 @@ function g() {
 					"sku",
 					"category"
 				],
-				onRowClick: (e) => S(`inventory/products/${e.id}`),
+				onRowClick: (e) => k(`inventory/products/${e.id}`),
 				getRowId: (e) => e.id,
+				pageIndex: b,
+				pageSize: S,
+				onPageChange: x,
+				onPageSizeChange: (e) => {
+					C(e), x(0);
+				},
+				hasNextPage: T,
 				emptyIllustration: "empty-files",
 				emptyTitle: "No products yet",
 				emptyDescription: "Add products to your catalog so they can be added to orders and stocked in warehouses."
@@ -166,4 +177,4 @@ function g() {
 	});
 }
 //#endregion
-export { g as default };
+export { v as default };

package/dist/ReportsPage-BwUJ37eO.js

@@ -0,0 +1,356 @@
+import { B as e, F as t, I as n, L as r, P as i, R as a, d as o, f as s, g as ee, h as c, i as l, l as u, lt as d, u as f } from "./PageLayout-D4LDHJJq.js";
+import { t as p } from "./chevron-left-B2_r0Elx.js";
+import { t as m } from "./chevron-right-eV4LjaSi.js";
+import { t as h } from "./clock-Bl3ptexL.js";
+import { t as g } from "./download-C5NbvVDc.js";
+import { t as _ } from "./filter-DUfUg6BO.js";
+import { t as v } from "./plus-C_XZDwBz.js";
+import { t as y } from "./useReports-jQ3GpNOm.js";
+import { r as b } from "./formatters-BQr-aR5W.js";
+import { useState as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { EmphasisPanel as w, IllustratedEmptyState as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/calendar.js
+var D = d("Calendar", [
+	["path", {
+		d: "M8 2v4",
+		key: "1cmpym"
+	}],
+	["path", {
+		d: "M16 2v4",
+		key: "4m81vk"
+	}],
+	["rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "4",
+		rx: "2",
+		key: "1hopcy"
+	}],
+	["path", {
+		d: "M3 10h18",
+		key: "8toen8"
+	}]
+]), O = d("FileChartColumnIncreasing", [
+	["path", {
+		d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
+		key: "1rqfz7"
+	}],
+	["path", {
+		d: "M14 2v4a2 2 0 0 0 2 2h4",
+		key: "tnqrlb"
+	}],
+	["path", {
+		d: "M8 18v-2",
+		key: "qcmpov"
+	}],
+	["path", {
+		d: "M12 18v-4",
+		key: "q1q25u"
+	}],
+	["path", {
+		d: "M16 18v-6",
+		key: "15y0np"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/utils/download.ts
+function k(e, t, n) {
+	if (typeof document > "u") return;
+	let r = new Blob([t], { type: n }), i = URL.createObjectURL(r), a = document.createElement("a");
+	a.href = i, a.download = e, document.body.appendChild(a), a.click(), a.remove(), URL.revokeObjectURL(i);
+}
+function A(e, t) {
+	k(e, JSON.stringify(t, null, 2), "application/json");
+}
+function j(e) {
+	if (!e || typeof e != "object") return null;
+	let t = Object.entries(e);
+	if (t.length === 0) return null;
+	let n = (e) => /[",\n]/.test(e) ? `"${e.replace(/"/g, "\"\"")}"` : e, r = (e) => e == null ? "" : typeof e == "object" ? JSON.stringify(e) : String(e), i = ["Field,Value"];
+	for (let [e, a] of t) i.push(`${n(e)},${n(r(a))}`);
+	return i.join("\n");
+}
+function M(e) {
+	return e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "report";
+}
+//#endregion
+//#region src/movethewheels/pages/ReportsPage.tsx
+var N = [
+	{
+		value: "operations",
+		label: "Operations Summary"
+	},
+	{
+		value: "finance",
+		label: "Financial Report"
+	},
+	{
+		value: "fleet",
+		label: "Fleet Utilization"
+	},
+	{
+		value: "customers",
+		label: "Customer Analytics"
+	},
+	{
+		value: "inventory",
+		label: "Inventory Status"
+	}
+], P = 10;
+function F() {
+	let [d, F] = x(0), { reports: I, hasMore: L, isLoading: R, error: z, refetch: B, createReport: V, generateReport: H } = y({
+		limit: P,
+		offset: d * P
+	}), [U, W] = x("operations"), [G, K] = x(null), [q, J] = x(!1), [Y, X] = x(null), Z = (e) => N.find((t) => t.value === e)?.label ?? e, Q = async (e) => {
+		J(!0), X(null);
+		let t = {
+			name: `${Z(U)}${e ? " (Scheduled)" : ""}`,
+			type: U,
+			description: `${Z(U)} generated from live operational data`,
+			...e ? { schedule: e } : {}
+		};
+		try {
+			await V(t), X({
+				tone: "success",
+				text: e ? "Scheduled report created." : "Report created."
+			});
+		} catch (e) {
+			X({
+				tone: "error",
+				text: e instanceof Error ? e.message : "Could not create report."
+			});
+		} finally {
+			J(!1);
+		}
+	}, te = async (e) => {
+		K(e), X(null);
+		try {
+			let t = await H(e), n = `${M(t.report.name)}-${t.generatedAt.slice(0, 10)}`, r = j(t.result ?? null);
+			r ? k(`${n}.csv`, r, "text/csv") : A(`${n}.json`, t), X({
+				tone: "success",
+				text: "Report generated and downloaded."
+			});
+		} catch (e) {
+			X({
+				tone: "error",
+				text: e instanceof Error ? e.message : "Could not generate report."
+			});
+		} finally {
+			K(null);
+		}
+	}, $ = I.filter((e) => e.schedule);
+	return /* @__PURE__ */ C(l, {
+		title: "Reports",
+		subtitle: "Generate and schedule reports",
+		icon: /* @__PURE__ */ S(O, { size: 24 }),
+		headerActions: /* @__PURE__ */ C("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ C(i, {
+				value: U,
+				onValueChange: W,
+				children: [/* @__PURE__ */ S(r, {
+					className: "w-[190px]",
+					children: /* @__PURE__ */ S(a, {})
+				}), /* @__PURE__ */ S(t, { children: N.map((e) => /* @__PURE__ */ S(n, {
+					value: e.value,
+					children: e.label
+				}, e.value)) })]
+			}), /* @__PURE__ */ C(f, {
+				onClick: () => void Q(),
+				disabled: q,
+				children: [/* @__PURE__ */ S(v, { size: 16 }), " Create Report"]
+			})]
+		}),
+		children: [
+			/* @__PURE__ */ S(E, {
+				icon: /* @__PURE__ */ S(O, { size: 18 }),
+				children: "Turn your operational data into shareable summaries. Generate one-off reports on orders, finance, fleet, customers or inventory, or schedule them to land in inboxes automatically — so stakeholders always have the latest numbers without logging in."
+			}),
+			Y && /* @__PURE__ */ S("div", {
+				role: "status",
+				className: `rounded-lg p-3 text-sm ${Y.tone === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
+				children: Y.text
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ C("div", {
+					className: "lg:col-span-2 space-y-4",
+					children: [
+						/* @__PURE__ */ S("h3", {
+							className: "font-semibold",
+							children: "Available Reports"
+						}),
+						R ? /* @__PURE__ */ S("div", {
+							className: "space-y-3",
+							children: Array.from({ length: 3 }).map((t, n) => /* @__PURE__ */ S(e, { className: "h-20 w-full rounded-lg" }, n))
+						}) : z ? /* @__PURE__ */ S(o, {
+							className: "border-status-error-border",
+							children: /* @__PURE__ */ C(s, {
+								className: "p-6 text-center space-y-3",
+								children: [
+									/* @__PURE__ */ S("p", {
+										className: "text-status-error-text font-medium",
+										children: "Couldn't load reports"
+									}),
+									/* @__PURE__ */ S("p", {
+										className: "text-sm text-text-secondary",
+										children: z.message
+									}),
+									/* @__PURE__ */ S(f, {
+										variant: "outline",
+										onClick: B,
+										children: "Retry"
+									})
+								]
+							})
+						}) : I.length === 0 ? /* @__PURE__ */ S(o, { children: /* @__PURE__ */ S(s, {
+							className: "p-0",
+							children: /* @__PURE__ */ S(T, {
+								illustration: "empty-data",
+								title: "No reports yet",
+								description: "Create your first report to turn live operational data into a shareable summary.",
+								action: /* @__PURE__ */ C(f, {
+									onClick: () => void Q(),
+									disabled: q,
+									children: [/* @__PURE__ */ S(v, {
+										size: 16,
+										className: "mr-1.5"
+									}), " Create Report"]
+								})
+							})
+						}) }) : I.map((e) => /* @__PURE__ */ S(o, { children: /* @__PURE__ */ S(s, {
+							className: "p-4",
+							children: /* @__PURE__ */ C("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ C("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ S("div", {
+										className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
+										children: /* @__PURE__ */ S(O, {
+											size: 20,
+											className: "text-primary"
+										})
+									}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ S("p", {
+										className: "text-sm text-text-secondary",
+										children: e.description ?? Z(e.type)
+									})] })]
+								}), /* @__PURE__ */ C("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ C("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ S(u, {
+											variant: "outline",
+											children: e.schedule ?? "On demand"
+										}), e.lastGenerated && /* @__PURE__ */ C("p", {
+											className: "text-xs text-text-secondary mt-1",
+											children: ["Last: ", b(new Date(e.lastGenerated), "short")]
+										})]
+									}), /* @__PURE__ */ S(f, {
+										variant: "outline",
+										size: "sm",
+										"aria-label": `Generate ${e.name}`,
+										disabled: G === e.id,
+										onClick: () => void te(e.id),
+										children: /* @__PURE__ */ S(g, { size: 14 })
+									})]
+								})]
+							})
+						}) }, e.id)),
+						!R && !z && (I.length > 0 || d > 0) && /* @__PURE__ */ C("div", {
+							className: "flex flex-wrap items-center justify-between gap-3 pt-1",
+							children: [/* @__PURE__ */ C("span", {
+								className: "text-sm text-text-secondary",
+								children: [
+									"Showing ",
+									I.length === 0 ? 0 : d * P + 1,
+									" to",
+									" ",
+									d * P + I.length
+								]
+							}), /* @__PURE__ */ C("div", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ S(f, {
+										variant: "outline",
+										size: "icon",
+										className: "h-8 w-8",
+										"aria-label": "Previous page",
+										onClick: () => F((e) => Math.max(0, e - 1)),
+										disabled: d === 0,
+										children: /* @__PURE__ */ S(p, { className: "h-4 w-4" })
+									}),
+									/* @__PURE__ */ C("span", {
+										className: "px-3 text-sm",
+										children: ["Page ", d + 1]
+									}),
+									/* @__PURE__ */ S(f, {
+										variant: "outline",
+										size: "icon",
+										className: "h-8 w-8",
+										"aria-label": "Next page",
+										onClick: () => F((e) => e + 1),
+										disabled: !L,
+										children: /* @__PURE__ */ S(m, { className: "h-4 w-4" })
+									})
+								]
+							})]
+						})
+					]
+				}), /* @__PURE__ */ C("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ C(w, {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ C("h2", {
+								className: "flex items-center gap-2 text-base font-semibold text-text-primary",
+								children: [/* @__PURE__ */ S(h, { size: 18 }), " Scheduled Reports"]
+							}),
+							$.length === 0 ? /* @__PURE__ */ S("p", {
+								className: "text-sm text-text-secondary",
+								children: "No scheduled reports yet. Schedule one to have it generated automatically."
+							}) : $.map((e) => /* @__PURE__ */ C("div", {
+								className: "p-3 border border-border-seam rounded-lg",
+								children: [/* @__PURE__ */ S("p", {
+									className: "font-medium",
+									children: e.name
+								}), /* @__PURE__ */ C("p", {
+									className: "text-sm text-text-secondary",
+									children: ["Schedule: ", e.schedule]
+								})]
+							}, e.id)),
+							/* @__PURE__ */ S(f, {
+								variant: "outline",
+								className: "w-full",
+								disabled: q,
+								onClick: () => void Q("daily"),
+								children: "Schedule New Report"
+							})
+						]
+					}), /* @__PURE__ */ C(o, { children: [/* @__PURE__ */ S(c, { children: /* @__PURE__ */ S(ee, { children: "Quick Actions" }) }), /* @__PURE__ */ C(s, {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ C(f, {
+							variant: "outline",
+							className: "w-full justify-start",
+							disabled: q,
+							onClick: () => void Q("weekly"),
+							children: [/* @__PURE__ */ S(D, { size: 16 }), " Schedule Report"]
+						}), /* @__PURE__ */ C(f, {
+							variant: "outline",
+							className: "w-full justify-start",
+							disabled: q,
+							onClick: () => void Q(),
+							children: [/* @__PURE__ */ S(_, { size: 16 }), " Custom Report"]
+						})]
+					})] })]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { F as default };