@burdenoff/microfe-movethewheels 2026.703.3 → 2026.703.5

package/dist/ProductsPage-C8sn-1tN.js

@@ -0,0 +1,186 @@
+import { i as e, l as t, lt as n, st as r, ut as i } from "./PageLayout-BniRJaQ6.js";
+import { t as a } from "./DataTable-CqMUD4er.js";
+import { t as o } from "./download-DP04iWTd.js";
+import { t as s } from "./package-DmRF7iQD.js";
+import { t as c } from "./plus-DlANgOFx.js";
+import { t as l } from "./refresh-cw-rW59D4b7.js";
+import { t as u } from "./triangle-alert-CmS8AUU6.js";
+import { a as d, i as f } from "./useInventory-BSOn-R1c.js";
+import { r as p, t as m } from "./MetricCard-y3bWHKUQ.js";
+import { n as h } from "./formatters-FWJDwTFv.js";
+import { useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { CTAOverflowMenu as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/thermometer.js
+var x = i("Thermometer", [["path", {
+	d: "M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z",
+	key: "17jzev"
+}]]);
+//#endregion
+//#region src/movethewheels/pages/ProductsPage.tsx
+function S() {
+	let { basePath: i, navigate: S } = r(), [C, w] = g(0), [T, E] = g(25), { products: D, hasMore: O, isLoading: k, refetch: A } = d({
+		limit: T,
+		offset: C * T
+	}), { stats: j } = f(), M = (e) => S?.(n(i, e));
+	return /* @__PURE__ */ v(e, {
+		title: "Products",
+		subtitle: `${j.total} products`,
+		icon: /* @__PURE__ */ _(s, { size: 24 }),
+		headerActions: /* @__PURE__ */ _(y, {
+			primary: {
+				label: "Add Product",
+				icon: /* @__PURE__ */ _(c, { size: 16 }),
+				onSelect: () => M("inventory/products/new")
+			},
+			actions: [{
+				label: "Refresh",
+				icon: /* @__PURE__ */ _(l, { size: 16 }),
+				onSelect: () => A()
+			}, {
+				label: "Export",
+				icon: /* @__PURE__ */ _(o, { size: 16 }),
+				onSelect: () => M("import-export")
+			}]
+		}),
+		children: [
+			/* @__PURE__ */ _(b, {
+				icon: /* @__PURE__ */ _(s, { 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__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+				className: "mb-3 text-sm font-medium text-text-secondary",
+				children: "Catalog at a glance"
+			}), /* @__PURE__ */ v(p, {
+				columns: 3,
+				children: [
+					/* @__PURE__ */ _(m, {
+						label: "Total products",
+						value: j.total,
+						icon: /* @__PURE__ */ _(s, { size: 20 }),
+						accent: "brand"
+					}),
+					/* @__PURE__ */ _(m, {
+						label: "Special handling",
+						value: j.specialHandling,
+						icon: /* @__PURE__ */ _(u, { size: 20 }),
+						accent: "warning",
+						subtitle: "Fragile or hazardous"
+					}),
+					/* @__PURE__ */ _(m, {
+						label: "Temp-controlled",
+						value: j.temperatureControlled,
+						icon: /* @__PURE__ */ _(x, { size: 20 }),
+						accent: "blue"
+					})
+				]
+			})] }),
+			/* @__PURE__ */ _(a, {
+				columns: [
+					{
+						id: "sku",
+						header: "SKU",
+						accessorKey: "sku",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ _("span", {
+							className: "font-mono",
+							children: e.sku
+						})
+					},
+					{
+						id: "name",
+						header: "Product Name",
+						accessorKey: "name",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+							className: "font-medium",
+							children: e.name
+						}), /* @__PURE__ */ _("p", {
+							className: "text-sm text-text-secondary line-clamp-1",
+							children: e.description
+						})] })
+					},
+					{
+						id: "category",
+						header: "Category",
+						accessorKey: "category",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ _(t, {
+							variant: "outline",
+							children: e.category
+						})
+					},
+					{
+						id: "dimensions",
+						header: "Dimensions",
+						cell: (e) => `${e.dimensions.length}x${e.dimensions.width}x${e.dimensions.height} ${e.dimensions.unit}`
+					},
+					{
+						id: "weight",
+						header: "Weight",
+						accessorKey: "weight",
+						sortable: !0,
+						cell: (e) => `${e.weight} kg`
+					},
+					{
+						id: "value",
+						header: "Value",
+						accessorKey: "value",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ _("span", {
+							className: "font-medium",
+							children: h(e.value)
+						})
+					},
+					{
+						id: "flags",
+						header: "Flags",
+						cell: (e) => /* @__PURE__ */ v("div", {
+							className: "flex gap-1",
+							children: [
+								e.fragile && /* @__PURE__ */ _(t, {
+									variant: "destructive",
+									className: "text-xs",
+									children: "Fragile"
+								}),
+								e.hazardous && /* @__PURE__ */ _(t, {
+									variant: "destructive",
+									className: "text-xs",
+									children: "Hazardous"
+								}),
+								e.temperatureControlled && /* @__PURE__ */ _(t, {
+									variant: "secondary",
+									className: "text-xs",
+									children: "Temp Control"
+								})
+							]
+						})
+					}
+				],
+				data: D,
+				isLoading: k,
+				searchable: !0,
+				searchPlaceholder: "Search products...",
+				searchFields: [
+					"name",
+					"sku",
+					"category"
+				],
+				onRowClick: (e) => M(`inventory/products/${e.id}`),
+				getRowId: (e) => e.id,
+				pageIndex: C,
+				pageSize: T,
+				onPageChange: w,
+				onPageSizeChange: (e) => {
+					E(e), w(0);
+				},
+				hasNextPage: O,
+				emptyIllustration: "empty-files",
+				emptyTitle: "No products yet",
+				emptyDescription: "Add products to your catalog so they can be added to orders and stocked in warehouses."
+			})
+		]
+	});
+}
+//#endregion
+export { S as default };

package/dist/ReportsPage-D1tb0dcz.js

@@ -0,0 +1,377 @@
+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 c, h as l, i as u, l as d, u as f, ut as p } from "./PageLayout-BniRJaQ6.js";
+import { t as m } from "./chevron-left-B1rZyWWb.js";
+import { t as h } from "./chevron-right-BIcwUJZq.js";
+import { t as ee } from "./clock-dRGG4rkF.js";
+import { t as te } from "./download-DP04iWTd.js";
+import { t as g } from "./filter-BD483_8g.js";
+import { t as _ } from "./plus-DlANgOFx.js";
+import { n as v, o as y } from "./charts-Tj_PPTfA.js";
+import { t as b } from "./useReports-fWESfsF9.js";
+import { r as x } from "./formatters-FWJDwTFv.js";
+import { useState as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T, IllustratedEmptyState as E, PagePurpose as ne } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/calendar.js
+var re = p("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"
+	}]
+]), D = p("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 O(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 ie(e, t) {
+	O(e, JSON.stringify(t, null, 2), "application/json");
+}
+function k(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 A(e) {
+	return e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "report";
+}
+//#endregion
+//#region src/movethewheels/pages/ReportsPage.tsx
+var j = [
+	{
+		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"
+	}
+], M = 10;
+function N() {
+	let [p, N] = S(0), { reports: P, hasMore: F, isLoading: I, error: L, refetch: R, createReport: z, generateReport: B } = b({
+		limit: M,
+		offset: p * M
+	}), { analytics: V } = y(), H = V.trends.dailyOrders.slice(-7), [U, W] = S("operations"), [G, K] = S(null), [q, J] = S(!1), [Y, X] = S(null), Z = (e) => j.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 z(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);
+		}
+	}, ae = async (e) => {
+		K(e), X(null);
+		try {
+			let t = await B(e), n = `${A(t.report.name)}-${t.generatedAt.slice(0, 10)}`, r = k(t.result ?? null);
+			r ? O(`${n}.csv`, r, "text/csv") : ie(`${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);
+		}
+	}, $ = P.filter((e) => e.schedule);
+	return /* @__PURE__ */ w(u, {
+		title: "Reports",
+		subtitle: "Generate and schedule reports",
+		icon: /* @__PURE__ */ C(D, { size: 24 }),
+		headerActions: /* @__PURE__ */ w("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ w(i, {
+				value: U,
+				onValueChange: W,
+				children: [/* @__PURE__ */ C(r, {
+					className: "w-[190px]",
+					children: /* @__PURE__ */ C(a, {})
+				}), /* @__PURE__ */ C(t, { children: j.map((e) => /* @__PURE__ */ C(n, {
+					value: e.value,
+					children: e.label
+				}, e.value)) })]
+			}), /* @__PURE__ */ w(f, {
+				onClick: () => void Q(),
+				disabled: q,
+				children: [/* @__PURE__ */ C(_, { size: 16 }), " Create Report"]
+			})]
+		}),
+		children: [
+			/* @__PURE__ */ C(ne, {
+				icon: /* @__PURE__ */ C(D, { 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__ */ C("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__ */ w("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ w("div", {
+					className: "lg:col-span-2 space-y-4",
+					children: [
+						/* @__PURE__ */ C("h3", {
+							className: "font-semibold",
+							children: "Available Reports"
+						}),
+						I ? /* @__PURE__ */ C("div", {
+							className: "space-y-3",
+							children: Array.from({ length: 3 }).map((t, n) => /* @__PURE__ */ C(e, { className: "h-20 w-full rounded-lg" }, n))
+						}) : L ? /* @__PURE__ */ C(o, {
+							className: "border-status-error-border",
+							children: /* @__PURE__ */ w(s, {
+								className: "p-6 text-center space-y-3",
+								children: [
+									/* @__PURE__ */ C("p", {
+										className: "text-status-error-text font-medium",
+										children: "Couldn't load reports"
+									}),
+									/* @__PURE__ */ C("p", {
+										className: "text-sm text-text-secondary",
+										children: L.message
+									}),
+									/* @__PURE__ */ C(f, {
+										variant: "outline",
+										onClick: R,
+										children: "Retry"
+									})
+								]
+							})
+						}) : P.length === 0 ? /* @__PURE__ */ C(o, { children: /* @__PURE__ */ C(s, {
+							className: "p-0",
+							children: /* @__PURE__ */ C(E, {
+								illustration: "empty-data",
+								title: "No reports yet",
+								description: "Create your first report to turn live operational data into a shareable summary.",
+								action: /* @__PURE__ */ w(f, {
+									onClick: () => void Q(),
+									disabled: q,
+									children: [/* @__PURE__ */ C(_, {
+										size: 16,
+										className: "mr-1.5"
+									}), " Create Report"]
+								})
+							})
+						}) }) : P.map((e) => /* @__PURE__ */ C(o, { children: /* @__PURE__ */ C(s, {
+							className: "p-4",
+							children: /* @__PURE__ */ w("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ w("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ C("div", {
+										className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
+										children: /* @__PURE__ */ C(D, {
+											size: 20,
+											className: "text-primary"
+										})
+									}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ C("p", {
+										className: "text-sm text-text-secondary",
+										children: e.description ?? Z(e.type)
+									})] })]
+								}), /* @__PURE__ */ w("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ w("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ C(d, {
+											variant: "outline",
+											children: e.schedule ?? "On demand"
+										}), e.lastGenerated && /* @__PURE__ */ w("p", {
+											className: "text-xs text-text-secondary mt-1",
+											children: ["Last: ", x(new Date(e.lastGenerated), "short")]
+										})]
+									}), /* @__PURE__ */ C(f, {
+										variant: "outline",
+										size: "sm",
+										"aria-label": `Generate ${e.name}`,
+										disabled: G === e.id,
+										onClick: () => void ae(e.id),
+										children: /* @__PURE__ */ C(te, { size: 14 })
+									})]
+								})]
+							})
+						}) }, e.id)),
+						!I && !L && (P.length > 0 || p > 0) && /* @__PURE__ */ w("div", {
+							className: "flex flex-wrap items-center justify-between gap-3 pt-1",
+							children: [/* @__PURE__ */ w("span", {
+								className: "text-sm text-text-secondary",
+								children: [
+									"Showing ",
+									P.length === 0 ? 0 : p * M + 1,
+									" to",
+									" ",
+									p * M + P.length
+								]
+							}), /* @__PURE__ */ w("div", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ C(f, {
+										variant: "outline",
+										size: "icon",
+										className: "h-8 w-8",
+										"aria-label": "Previous page",
+										onClick: () => N((e) => Math.max(0, e - 1)),
+										disabled: p === 0,
+										children: /* @__PURE__ */ C(m, { className: "h-4 w-4" })
+									}),
+									/* @__PURE__ */ w("span", {
+										className: "px-3 text-sm",
+										children: ["Page ", p + 1]
+									}),
+									/* @__PURE__ */ C(f, {
+										variant: "outline",
+										size: "icon",
+										className: "h-8 w-8",
+										"aria-label": "Next page",
+										onClick: () => N((e) => e + 1),
+										disabled: !F,
+										children: /* @__PURE__ */ C(h, { className: "h-4 w-4" })
+									})
+								]
+							})]
+						})
+					]
+				}), /* @__PURE__ */ w("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ w(o, { children: [/* @__PURE__ */ C(l, { children: /* @__PURE__ */ C(c, {
+							className: "text-base",
+							children: "Data preview"
+						}) }), /* @__PURE__ */ w(s, { children: [/* @__PURE__ */ C("p", {
+							className: "mb-2 text-xs text-text-secondary",
+							children: "Order volume · last 7 days"
+						}), /* @__PURE__ */ C(v, {
+							xKey: "date",
+							height: 160,
+							showLegend: !1,
+							data: H,
+							series: [{
+								dataKey: "orders",
+								name: "Orders"
+							}],
+							emptyMessage: "No order data to preview yet"
+						})] })] }),
+						/* @__PURE__ */ w(T, {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ w("h2", {
+									className: "flex items-center gap-2 text-base font-semibold text-text-primary",
+									children: [/* @__PURE__ */ C(ee, { size: 18 }), " Scheduled Reports"]
+								}),
+								$.length === 0 ? /* @__PURE__ */ C("p", {
+									className: "text-sm text-text-secondary",
+									children: "No scheduled reports yet. Schedule one to have it generated automatically."
+								}) : $.map((e) => /* @__PURE__ */ w("div", {
+									className: "p-3 border border-border-seam rounded-lg",
+									children: [/* @__PURE__ */ C("p", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ w("p", {
+										className: "text-sm text-text-secondary",
+										children: ["Schedule: ", e.schedule]
+									})]
+								}, e.id)),
+								/* @__PURE__ */ C(f, {
+									variant: "outline",
+									className: "w-full",
+									disabled: q,
+									onClick: () => void Q("daily"),
+									children: "Schedule New Report"
+								})
+							]
+						}),
+						/* @__PURE__ */ w(o, { children: [/* @__PURE__ */ C(l, { children: /* @__PURE__ */ C(c, { children: "Quick Actions" }) }), /* @__PURE__ */ w(s, {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ w(f, {
+								variant: "outline",
+								className: "w-full justify-start",
+								disabled: q,
+								onClick: () => void Q("weekly"),
+								children: [/* @__PURE__ */ C(re, { size: 16 }), " Schedule Report"]
+							}), /* @__PURE__ */ w(f, {
+								variant: "outline",
+								className: "w-full justify-start",
+								disabled: q,
+								onClick: () => void Q(),
+								children: [/* @__PURE__ */ C(g, { size: 16 }), " Custom Report"]
+							})]
+						})] })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { N as default };