@burdenoff/microfe-movethewheels 2026.1026.1 → 2026.1026.3

package/dist/pages/ReportsPage.js

@@ -1,328 +0,0 @@
-import { Calendar as e } from "../node_modules/lucide-react/dist/esm/icons/calendar.js";
-import { ChevronLeft as t } from "../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-import { ChevronRight as n } from "../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import { Clock as r } from "../node_modules/lucide-react/dist/esm/icons/clock.js";
-import { Download as i } from "../node_modules/lucide-react/dist/esm/icons/download.js";
-import { FileChartColumnIncreasing as a } from "../node_modules/lucide-react/dist/esm/icons/file-chart-column-increasing.js";
-import { Filter as o } from "../node_modules/lucide-react/dist/esm/icons/filter.js";
-import { Plus as s } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
-import { useAnalytics as ee } from "../hooks/useAnalytics.js";
-import { useReports as c } from "../hooks/useReports.js";
-import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Select as te, SelectContent as ne, SelectItem as re, SelectTrigger as ie, SelectValue as ae, Skeleton as oe } from "../components/ui.js";
-import { PageLayout as h } from "../components/PageLayout.js";
-import { VolumeBar as g } from "../components/charts/VolumeBar.js";
-import "../components/charts/index.js";
-import { formatDate as _ } from "../utils/formatters.js";
-import { UpcomingDemandPanel as v } from "../components/UpcomingDemandPanel.js";
-import { useDemandForecast as y } from "../hooks/useDemandForecast.js";
-import { downloadFile as b, downloadJson as x, recordToCsv as se, slugifyForFilename as ce } from "../utils/download.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 D } from "@burdenoff/fe-libs/ui";
-//#region src/movethewheels/pages/ReportsPage.tsx
-var O = [
-	{
-		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"
-	}
-], k = 10;
-function A() {
-	let [A, j] = S(0), { reports: M, hasMore: N, isLoading: P, error: F, refetch: I, createReport: L, generateReport: le } = c({
-		limit: k,
-		offset: A * k
-	}), { analytics: R } = ee(), z = R.trends.dailyOrders.slice(-7), { laneForecast: B, customerForecast: V, laneVariance: H, customerVariance: U, isLoading: W, error: ue, refetch: de } = y(4, 8), [G, fe] = S("operations"), [pe, K] = S(null), [q, J] = S(!1), [Y, X] = S(null), Z = (e) => O.find((t) => t.value === e)?.label ?? e, Q = async (e) => {
-		J(!0), X(null);
-		let t = {
-			name: `${Z(G)}${e ? " (Scheduled)" : ""}`,
-			type: G,
-			description: `${Z(G)} generated from live operational data`,
-			...e ? { schedule: e } : {}
-		};
-		try {
-			await L(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);
-		}
-	}, me = async (e) => {
-		K(e), X(null);
-		try {
-			let t = await le(e), n = `${ce(t.report.name)}-${t.generatedAt.slice(0, 10)}`, r = se(t.result ?? null);
-			r ? b(`${n}.csv`, r, "text/csv") : x(`${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);
-		}
-	}, $ = M.filter((e) => e.schedule);
-	return /* @__PURE__ */ w(h, {
-		title: "Reports",
-		subtitle: "Generate and schedule reports",
-		icon: /* @__PURE__ */ C(a, { size: 24 }),
-		headerActions: /* @__PURE__ */ w("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ w(te, {
-				value: G,
-				onValueChange: fe,
-				children: [/* @__PURE__ */ C(ie, {
-					className: "w-[190px]",
-					children: /* @__PURE__ */ C(ae, {})
-				}), /* @__PURE__ */ C(ne, { children: O.map((e) => /* @__PURE__ */ C(re, {
-					value: e.value,
-					children: e.label
-				}, e.value)) })]
-			}), /* @__PURE__ */ w(u, {
-				onClick: () => void Q(),
-				disabled: q,
-				children: [/* @__PURE__ */ C(s, { size: 16 }), " Create Report"]
-			})]
-		}),
-		children: [
-			/* @__PURE__ */ C(D, {
-				icon: /* @__PURE__ */ C(a, { 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"
-						}),
-						P ? /* @__PURE__ */ C("div", {
-							className: "space-y-3",
-							children: Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ C(oe, { className: "h-20 w-full rounded-lg" }, t))
-						}) : F ? /* @__PURE__ */ C(d, {
-							className: "border-status-error-border",
-							children: /* @__PURE__ */ w(f, {
-								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: F.message
-									}),
-									/* @__PURE__ */ C(u, {
-										variant: "outline",
-										onClick: I,
-										children: "Retry"
-									})
-								]
-							})
-						}) : M.length === 0 ? /* @__PURE__ */ C(d, { children: /* @__PURE__ */ C(f, {
-							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(u, {
-									onClick: () => void Q(),
-									disabled: q,
-									children: [/* @__PURE__ */ C(s, {
-										size: 16,
-										className: "mr-1.5"
-									}), " Create Report"]
-								})
-							})
-						}) }) : M.map((e) => /* @__PURE__ */ C(d, { children: /* @__PURE__ */ C(f, {
-							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(a, {
-											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(l, {
-											variant: "outline",
-											children: e.schedule ?? "On demand"
-										}), e.lastGenerated && /* @__PURE__ */ w("p", {
-											className: "text-xs text-text-secondary mt-1",
-											children: ["Last: ", _(new Date(e.lastGenerated), "short")]
-										})]
-									}), /* @__PURE__ */ C(u, {
-										variant: "outline",
-										size: "sm",
-										"aria-label": `Generate ${e.name}`,
-										disabled: pe === e.id,
-										onClick: () => void me(e.id),
-										children: /* @__PURE__ */ C(i, { size: 14 })
-									})]
-								})]
-							})
-						}) }, e.id)),
-						!P && !F && (M.length > 0 || A > 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 ",
-									M.length === 0 ? 0 : A * k + 1,
-									" to",
-									" ",
-									A * k + M.length
-								]
-							}), /* @__PURE__ */ w("div", {
-								className: "flex items-center gap-1",
-								children: [
-									/* @__PURE__ */ C(u, {
-										variant: "outline",
-										size: "icon",
-										className: "h-8 w-8",
-										"aria-label": "Previous page",
-										onClick: () => j((e) => Math.max(0, e - 1)),
-										disabled: A === 0,
-										children: /* @__PURE__ */ C(t, { className: "h-4 w-4" })
-									}),
-									/* @__PURE__ */ w("span", {
-										className: "px-3 text-sm",
-										children: ["Page ", A + 1]
-									}),
-									/* @__PURE__ */ C(u, {
-										variant: "outline",
-										size: "icon",
-										className: "h-8 w-8",
-										"aria-label": "Next page",
-										onClick: () => j((e) => e + 1),
-										disabled: !N,
-										children: /* @__PURE__ */ C(n, { className: "h-4 w-4" })
-									})
-								]
-							})]
-						})
-					]
-				}), /* @__PURE__ */ w("div", {
-					className: "space-y-6",
-					children: [
-						/* @__PURE__ */ C(v, {
-							laneForecast: B,
-							customerForecast: V,
-							laneVariance: H,
-							customerVariance: U,
-							isLoading: W,
-							error: ue,
-							onRetry: de
-						}),
-						/* @__PURE__ */ w(d, { children: [/* @__PURE__ */ C(p, { children: /* @__PURE__ */ C(m, {
-							className: "text-base",
-							children: "Data preview"
-						}) }), /* @__PURE__ */ w(f, { children: [/* @__PURE__ */ C("p", {
-							className: "mb-2 text-xs text-text-secondary",
-							children: "Order volume · last 7 days"
-						}), /* @__PURE__ */ C(g, {
-							xKey: "date",
-							height: 160,
-							showLegend: !1,
-							data: z,
-							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(r, { 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(u, {
-									variant: "outline",
-									className: "w-full",
-									disabled: q,
-									onClick: () => void Q("daily"),
-									children: "Schedule New Report"
-								})
-							]
-						}),
-						/* @__PURE__ */ w(d, { children: [/* @__PURE__ */ C(p, { children: /* @__PURE__ */ C(m, { children: "Quick Actions" }) }), /* @__PURE__ */ w(f, {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ w(u, {
-								variant: "outline",
-								className: "w-full justify-start",
-								disabled: q,
-								onClick: () => void Q("weekly"),
-								children: [/* @__PURE__ */ C(e, { size: 16 }), " Schedule Report"]
-							}), /* @__PURE__ */ w(u, {
-								variant: "outline",
-								className: "w-full justify-start",
-								disabled: q,
-								onClick: () => void Q(),
-								children: [/* @__PURE__ */ C(o, { size: 16 }), " Custom Report"]
-							})]
-						})] })
-					]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { A as default };