@burdenoff/microfe-movethewheels 2026.624.1 → 2026.626.1

package/dist/ProductDetailsPage-CFGcbaHo.js

@@ -0,0 +1,195 @@
+import { d as e, f as t, g as n, h as r, i, it as a, l as o, n as s, r as c, u as l } from "./PageLayout-D3N8MCTm.js";
+import { t as u } from "./arrow-left-CBpZKkpq.js";
+import { t as d } from "./box-CAaiElsb.js";
+import { t as f } from "./dollar-sign-IB4O0wuQ.js";
+import { t as p } from "./package-BE7U0wQE.js";
+import { t as m } from "./square-pen-hLIbFQFV.js";
+import { r as h } from "./graphqlClient-CdJyR_ed.js";
+import { r as g } from "./useInventory-Dwn18FPz.js";
+import { n as _ } from "./formatters-_vJlC-47.js";
+import { t as v } from "./navigation-BgnOfsVd.js";
+import { useParams as y } from "react-router-dom";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { EmphasisPanel as S, NextSteps as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/tag.js
+var T = a("Tag", [["path", {
+	d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
+	key: "vktsd0"
+}], ["circle", {
+	cx: "7.5",
+	cy: "7.5",
+	r: ".5",
+	fill: "currentColor",
+	key: "kqv944"
+}]]);
+//#endregion
+//#region src/movethewheels/pages/ProductDetailsPage.tsx
+function E() {
+	let { productId: a } = y(), { basePath: E, navigate: D } = h(), { product: O, isLoading: k, error: A, refetch: j } = g(a), M = () => D?.(v(E, "inventory/products")), N = (e) => D?.(v(E, e));
+	return k ? /* @__PURE__ */ b(c, { message: "Loading product details..." }) : A || !O ? /* @__PURE__ */ b(s, {
+		title: "Product not found",
+		onRetry: j
+	}) : /* @__PURE__ */ x(i, {
+		title: O.name,
+		subtitle: `SKU: ${O.sku}`,
+		icon: /* @__PURE__ */ b(p, { size: 24 }),
+		headerActions: /* @__PURE__ */ x("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ x(l, {
+				variant: "outline",
+				onClick: M,
+				children: [/* @__PURE__ */ b(u, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b(m, { size: 16 }), " Edit"] })]
+		}),
+		headerContent: /* @__PURE__ */ x("div", {
+			className: "flex gap-2",
+			children: [
+				/* @__PURE__ */ b(o, {
+					variant: "outline",
+					children: O.category
+				}),
+				O.brand && /* @__PURE__ */ b(o, {
+					variant: "secondary",
+					children: O.brand
+				}),
+				O.fragile && /* @__PURE__ */ b(o, {
+					variant: "destructive",
+					children: "Fragile"
+				}),
+				O.hazardous && /* @__PURE__ */ b(o, {
+					variant: "destructive",
+					children: "Hazardous"
+				}),
+				O.temperatureControlled && /* @__PURE__ */ b(o, {
+					variant: "secondary",
+					children: "Temp Controlled"
+				})
+			]
+		}),
+		children: [
+			/* @__PURE__ */ b(w, {
+				icon: /* @__PURE__ */ b(p, { size: 18 }),
+				children: "The catalog record for this item — its dimensions, weight, value and handling flags. These drive how it's packed, priced and routed, so keep them accurate before adding the product to an order or stocking it in a warehouse."
+			}),
+			/* @__PURE__ */ b(C, {
+				storageKey: "movethewheels-product-details",
+				steps: [{
+					id: "order",
+					label: "Add this product to an order",
+					description: "Include it on a new delivery.",
+					icon: /* @__PURE__ */ b(p, { size: 16 }),
+					onClick: () => N("orders/new")
+				}, {
+					id: "edit",
+					label: "Edit product details",
+					description: "Update dimensions, value or handling flags.",
+					icon: /* @__PURE__ */ b(T, { size: 16 }),
+					onClick: () => {}
+				}]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ x("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [
+						/* @__PURE__ */ x(e, { children: [/* @__PURE__ */ b(r, { children: /* @__PURE__ */ b(n, { children: "Description" }) }), /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b("p", { children: O.description }) })] }),
+						/* @__PURE__ */ x(e, { children: [/* @__PURE__ */ b(r, { children: /* @__PURE__ */ x(n, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ b(d, { size: 18 }), " Dimensions & Weight"]
+						}) }), /* @__PURE__ */ b(t, { children: /* @__PURE__ */ x("div", {
+							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+							children: [
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									className: "text-sm text-text-secondary",
+									children: "Length"
+								}), /* @__PURE__ */ x("p", {
+									className: "text-2xl font-bold",
+									children: [O.dimensions.length, /* @__PURE__ */ x("span", {
+										className: "text-sm font-normal",
+										children: [" ", O.dimensions.unit]
+									})]
+								})] }),
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									className: "text-sm text-text-secondary",
+									children: "Width"
+								}), /* @__PURE__ */ x("p", {
+									className: "text-2xl font-bold",
+									children: [O.dimensions.width, /* @__PURE__ */ x("span", {
+										className: "text-sm font-normal",
+										children: [" ", O.dimensions.unit]
+									})]
+								})] }),
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									className: "text-sm text-text-secondary",
+									children: "Height"
+								}), /* @__PURE__ */ x("p", {
+									className: "text-2xl font-bold",
+									children: [O.dimensions.height, /* @__PURE__ */ x("span", {
+										className: "text-sm font-normal",
+										children: [" ", O.dimensions.unit]
+									})]
+								})] }),
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									className: "text-sm text-text-secondary",
+									children: "Weight"
+								}), /* @__PURE__ */ x("p", {
+									className: "text-2xl font-bold",
+									children: [O.weight, /* @__PURE__ */ b("span", {
+										className: "text-sm font-normal",
+										children: " kg"
+									})]
+								})] })
+							]
+						}) })] }),
+						O.attributes.length > 0 && /* @__PURE__ */ x(e, { children: [/* @__PURE__ */ b(r, { children: /* @__PURE__ */ x(n, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ b(T, { size: 18 }), " Attributes"]
+						}) }), /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b("div", {
+							className: "grid grid-cols-2 md:grid-cols-3 gap-4",
+							children: O.attributes.map((e, t) => /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-sm text-text-secondary",
+								children: e.name
+							}), /* @__PURE__ */ b("p", {
+								className: "font-medium",
+								children: e.value
+							})] }, t))
+						}) })] })
+					]
+				}), /* @__PURE__ */ x("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ x(S, { children: [
+						/* @__PURE__ */ x("h2", {
+							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-3",
+							children: [/* @__PURE__ */ b(f, { size: 18 }), " Pricing"]
+						}),
+						/* @__PURE__ */ b("p", {
+							className: "text-3xl font-bold",
+							children: _(O.value)
+						}),
+						/* @__PURE__ */ b("p", {
+							className: "text-sm text-text-secondary",
+							children: "Unit price"
+						})
+					] }), /* @__PURE__ */ x(e, { children: [/* @__PURE__ */ b(r, { children: /* @__PURE__ */ b(n, { children: "Identifiers" }) }), /* @__PURE__ */ x(t, {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+							className: "text-sm text-text-secondary",
+							children: "SKU"
+						}), /* @__PURE__ */ b("p", {
+							className: "font-mono",
+							children: O.sku
+						})] }), O.barcode && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+							className: "text-sm text-text-secondary",
+							children: "Barcode"
+						}), /* @__PURE__ */ b("p", {
+							className: "font-mono",
+							children: O.barcode
+						})] })]
+					})] })]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { E as default };

package/dist/ProductsPage--xEpbQ8A.js

@@ -0,0 +1,171 @@
+import { i as e, l as t } from "./PageLayout-D3N8MCTm.js";
+import { t as n } from "./DataTable-CD9ZhpLB.js";
+import { t as r } from "./download-Dpa9vqoG.js";
+import { t as i } from "./package-BE7U0wQE.js";
+import { t as a } from "./plus-Dl1rLeJR.js";
+import { t as o } from "./refresh-cw-CWfERAit.js";
+import { r as s } from "./graphqlClient-CdJyR_ed.js";
+import { i as c } from "./useInventory-Dwn18FPz.js";
+import { n as l } from "./formatters-_vJlC-47.js";
+import { t as u } from "./navigation-BgnOfsVd.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";
+//#region src/movethewheels/pages/ProductsPage.tsx
+function g() {
+	let { basePath: g, navigate: _ } = s(), { products: v, totalProducts: y, isLoading: b, refetch: x } = c(), S = (e) => _?.(u(g, e));
+	return /* @__PURE__ */ f(e, {
+		title: "Products",
+		subtitle: `${y} products`,
+		icon: /* @__PURE__ */ d(i, { size: 24 }),
+		headerActions: /* @__PURE__ */ d(p, {
+			primary: {
+				label: "Add Product",
+				icon: /* @__PURE__ */ d(a, { size: 16 }),
+				onSelect: () => {}
+			},
+			actions: [{
+				label: "Refresh",
+				icon: /* @__PURE__ */ d(o, { size: 16 }),
+				onSelect: () => x()
+			}, {
+				label: "Export",
+				icon: /* @__PURE__ */ d(r, { size: 16 }),
+				onSelect: () => {}
+			}]
+		}),
+		children: [
+			/* @__PURE__ */ d(h, {
+				icon: /* @__PURE__ */ d(i, { 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", {
+				className: "text-sm font-medium text-text-secondary",
+				children: "Catalog at a glance"
+			}), /* @__PURE__ */ f("div", {
+				className: "mt-3 grid grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+						className: "text-2xl font-bold text-text-primary tabular-nums",
+						children: y
+					}), /* @__PURE__ */ d("p", {
+						className: "text-xs text-text-secondary",
+						children: "Total products"
+					})] }),
+					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+						className: "text-2xl font-bold text-text-primary tabular-nums",
+						children: v.filter((e) => e.fragile || e.hazardous).length
+					}), /* @__PURE__ */ d("p", {
+						className: "text-xs text-text-secondary",
+						children: "Special handling"
+					})] }),
+					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+						className: "text-2xl font-bold text-text-primary tabular-nums",
+						children: v.filter((e) => e.temperatureControlled).length
+					}), /* @__PURE__ */ d("p", {
+						className: "text-xs text-text-secondary",
+						children: "Temp-controlled"
+					})] })
+				]
+			})] }),
+			/* @__PURE__ */ d(n, {
+				columns: [
+					{
+						id: "sku",
+						header: "SKU",
+						accessorKey: "sku",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ d("span", {
+							className: "font-mono",
+							children: e.sku
+						})
+					},
+					{
+						id: "name",
+						header: "Product Name",
+						accessorKey: "name",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+							className: "font-medium",
+							children: e.name
+						}), /* @__PURE__ */ d("p", {
+							className: "text-sm text-text-secondary line-clamp-1",
+							children: e.description
+						})] })
+					},
+					{
+						id: "category",
+						header: "Category",
+						accessorKey: "category",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ d(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__ */ d("span", {
+							className: "font-medium",
+							children: l(e.value)
+						})
+					},
+					{
+						id: "flags",
+						header: "Flags",
+						cell: (e) => /* @__PURE__ */ f("div", {
+							className: "flex gap-1",
+							children: [
+								e.fragile && /* @__PURE__ */ d(t, {
+									variant: "destructive",
+									className: "text-xs",
+									children: "Fragile"
+								}),
+								e.hazardous && /* @__PURE__ */ d(t, {
+									variant: "destructive",
+									className: "text-xs",
+									children: "Hazardous"
+								}),
+								e.temperatureControlled && /* @__PURE__ */ d(t, {
+									variant: "secondary",
+									className: "text-xs",
+									children: "Temp Control"
+								})
+							]
+						})
+					}
+				],
+				data: v,
+				isLoading: b,
+				searchable: !0,
+				searchPlaceholder: "Search products...",
+				searchFields: [
+					"name",
+					"sku",
+					"category"
+				],
+				onRowClick: (e) => S(`inventory/products/${e.id}`),
+				getRowId: (e) => e.id,
+				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 { g as default };

package/dist/{ReportsPage-B8OyWGzl.js → ReportsPage-Bb7_90rK.js}

@@ -1,10 +1,11 @@
-import { F as e, I as t, L as n, P as r, R as i, d as a, f as o, g as s, h as c, i as l, it as u, l as d, u as f } from "./PageLayout-xDTiBTDS.js";
-import { t as p } from "./clock-Be95bq7_.js";
-import { t as m } from "./download-caab0D3V.js";
-import { t as h } from "./filter-BWmLTZB-.js";
+import { F as e, I as t, L as n, P as r, R as i, d as a, f as o, g as s, h as c, i as l, it as u, l as d, u as f } from "./PageLayout-D3N8MCTm.js";
+import { t as p } from "./clock-BjkdnddD.js";
+import { t as m } from "./download-Dpa9vqoG.js";
+import { t as h } from "./filter-Da5OZaHI.js";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { EmphasisPanel as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
 //#region node_modules/lucide-react/dist/esm/icons/calendar.js
-var v = u("Calendar", [
+var b = u("Calendar", [
 	["path", {
 		d: "M8 2v4",
 		key: "1cmpym"
@@ -25,7 +26,7 @@ var v = u("Calendar", [
 		d: "M3 10h18",
 		key: "8toen8"
 	}]
-]), y = u("FileChartColumnIncreasing", [
+]), x = u("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"
@@ -49,11 +50,11 @@ var v = u("Calendar", [
 ]);
 //#endregion
 //#region src/movethewheels/pages/ReportsPage.tsx
-function b() {
-	return /* @__PURE__ */ g(l, {
+function S() {
+	return /* @__PURE__ */ _(l, {
 		title: "Reports",
 		subtitle: "Generate and schedule reports",
-		icon: /* @__PURE__ */ g(y, { size: 24 }),
+		icon: /* @__PURE__ */ g(x, { size: 24 }),
 		headerActions: /* @__PURE__ */ _("div", {
 			className: "flex gap-2",
 			children: [/* @__PURE__ */ _(r, {
@@ -79,9 +80,12 @@ function b() {
 						children: "Custom"
 					})
 				] })]
-			}), /* @__PURE__ */ _(f, { children: [/* @__PURE__ */ g(y, { size: 16 }), " Create Report"] })]
+			}), /* @__PURE__ */ _(f, { children: [/* @__PURE__ */ g(x, { size: 16 }), " Create Report"] })]
 		}),
-		children: /* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ g(y, {
+			icon: /* @__PURE__ */ g(x, { 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."
+		}), /* @__PURE__ */ _("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 			children: [/* @__PURE__ */ _("div", {
 				className: "lg:col-span-2 space-y-4",
@@ -133,7 +137,7 @@ function b() {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ g("div", {
 								className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
-								children: /* @__PURE__ */ g(y, {
+								children: /* @__PURE__ */ g(x, {
 									size: 20,
 									className: "text-primary"
 								})
@@ -165,47 +169,51 @@ function b() {
 				}) }, e.name))]
 			}), /* @__PURE__ */ _("div", {
 				className: "space-y-6",
-				children: [/* @__PURE__ */ _(a, { children: [/* @__PURE__ */ g(c, { children: /* @__PURE__ */ _(s, {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ g(p, { size: 18 }), " Scheduled Reports"]
-				}) }), /* @__PURE__ */ _(o, {
+				children: [/* @__PURE__ */ _(v, {
 					className: "space-y-3",
-					children: [[{
-						name: "Daily Summary",
-						nextRun: "Tomorrow 6:00 AM",
-						recipients: 3
-					}, {
-						name: "Weekly Review",
-						nextRun: "Monday 9:00 AM",
-						recipients: 5
-					}].map((e) => /* @__PURE__ */ _("div", {
-						className: "p-3 border rounded-lg",
-						children: [
-							/* @__PURE__ */ g("p", {
-								className: "font-medium",
-								children: e.name
-							}),
-							/* @__PURE__ */ _("p", {
-								className: "text-sm text-text-secondary",
-								children: ["Next: ", e.nextRun]
-							}),
-							/* @__PURE__ */ _("p", {
-								className: "text-xs text-text-secondary",
-								children: [e.recipients, " recipients"]
-							})
-						]
-					}, e.name)), /* @__PURE__ */ g(f, {
-						variant: "outline",
-						className: "w-full",
-						children: "Schedule New Report"
-					})]
-				})] }), /* @__PURE__ */ _(a, { children: [/* @__PURE__ */ g(c, { children: /* @__PURE__ */ g(s, { children: "Quick Actions" }) }), /* @__PURE__ */ _(o, {
+					children: [
+						/* @__PURE__ */ _("h2", {
+							className: "flex items-center gap-2 text-base font-semibold text-text-primary",
+							children: [/* @__PURE__ */ g(p, { size: 18 }), " Scheduled Reports"]
+						}),
+						[{
+							name: "Daily Summary",
+							nextRun: "Tomorrow 6:00 AM",
+							recipients: 3
+						}, {
+							name: "Weekly Review",
+							nextRun: "Monday 9:00 AM",
+							recipients: 5
+						}].map((e) => /* @__PURE__ */ _("div", {
+							className: "p-3 border border-border-seam rounded-lg",
+							children: [
+								/* @__PURE__ */ g("p", {
+									className: "font-medium",
+									children: e.name
+								}),
+								/* @__PURE__ */ _("p", {
+									className: "text-sm text-text-secondary",
+									children: ["Next: ", e.nextRun]
+								}),
+								/* @__PURE__ */ _("p", {
+									className: "text-xs text-text-secondary",
+									children: [e.recipients, " recipients"]
+								})
+							]
+						}, e.name)),
+						/* @__PURE__ */ g(f, {
+							variant: "outline",
+							className: "w-full",
+							children: "Schedule New Report"
+						})
+					]
+				}), /* @__PURE__ */ _(a, { children: [/* @__PURE__ */ g(c, { children: /* @__PURE__ */ g(s, { children: "Quick Actions" }) }), /* @__PURE__ */ _(o, {
 					className: "space-y-2",
 					children: [
 						/* @__PURE__ */ _(f, {
 							variant: "outline",
 							className: "w-full justify-start",
-							children: [/* @__PURE__ */ g(v, { size: 16 }), " Schedule Report"]
+							children: [/* @__PURE__ */ g(b, { size: 16 }), " Schedule Report"]
 						}),
 						/* @__PURE__ */ _(f, {
 							variant: "outline",
@@ -220,8 +228,8 @@ function b() {
 					]
 				})] })]
 			})]
-		})
+		})]
 	});
 }
 //#endregion
-export { b as default };
+export { S as default };