@burdenoff/microfe-theglobalfuel 2026.705.3 → 2026.705.4

package/dist/theglobalfuel/pages/dashboard/DashboardPage.js

@@ -1,27 +1,33 @@
 import { useTheGlobalFuel as e } from "../../context/TheGlobalFuelContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { MetricsCard as n } from "../../components/MetricsCard.js";
-import { formatDate as r, formatEnumLabel as i, formatNumber as a, formatPercent as o, formatRelativeTime as s, formatTonnesCo2e as c, formatVolume as l, isExpired as u } from "../../utils/formatters.js";
-import { StatusBadge as d } from "../../components/StatusBadge.js";
-import { MiniBar as f } from "../../components/MiniBar.js";
-import { DataTable as p } from "../../components/DataTable.js";
-import { ErrorView as m, LoadingView as h, Section as g } from "../../components/StateViews.js";
-import { EmptyState as _ } from "../../components/EmptyState.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { MetricsCard as r } from "../../components/MetricsCard.js";
+import { formatDate as i, formatEnumLabel as a, formatNumber as o, formatPercent as s, formatRelativeTime as c, formatTonnesCo2e as l, formatVolume as u, isExpired as d } from "../../utils/formatters.js";
+import { StatusBadge as f } from "../../components/StatusBadge.js";
+import { MiniBar as p } from "../../components/MiniBar.js";
+import { DataTable as m } from "../../components/DataTable.js";
+import { ErrorView as h, LoadingView as g, Section as _ } from "../../components/StateViews.js";
+import { EmptyState as v } from "../../components/EmptyState.js";
+import { chartPalette as ee } from "../../components/viz/lib/palette.js";
+import { Sparkline as y } from "../../components/viz/Sparkline.js";
+import { AreaChart as te } from "../../components/viz/AreaChart.js";
+import { DonutChart as ne } from "../../components/viz/DonutChart.js";
+import "../../components/viz/index.js";
 import "../../context/index.js";
-import { useTheAssets as ee, useTheComplianceCerts as te, useTheContracts as ne, useTheEmissionRecords as re, useTheInventoryLots as ie, useTheProductionRecords as ae, useTheShipments as oe } from "../../hooks/useTheGlobalFuelApi.js";
+import { useTheAssets as re, useTheComplianceCerts as ie, useTheContracts as ae, useTheEmissionRecords as oe, useTheInventoryLots as se, useTheProductionRecords as ce, useTheShipments as le } from "../../hooks/useTheGlobalFuelApi.js";
 import "../../hooks/index.js";
-import { useMemo as v } from "react";
-import { ArrowRight as y, Boxes as b, ClipboardList as se, Factory as ce, Fuel as le, Gauge as ue, GitBranch as de, Layers as fe, ScrollText as x, ShieldCheck as pe, Ship as me } from "lucide-react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { GlassCard as w, Spinner as T } from "@burdenoff/fe-libs/ui";
+import { useMemo as b } from "react";
+import { Activity as ue, ArrowRight as x, ArrowUpRight as S, Boxes as de, ClipboardList as fe, Factory as pe, Fuel as me, Gauge as he, GitBranch as ge, Layers as C, ScrollText as w, ShieldCheck as _e, Ship as ve } from "lucide-react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { GlassCard as D, Spinner as O } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/pages/dashboard/DashboardPage.tsx
-var E = 1440 * 60 * 1e3, D = 30, O = (e) => {
+var k = 1440 * 60 * 1e3, A = 30, j = (e) => {
 	if (!e) return !1;
 	let t = new Date(e).getTime();
 	if (Number.isNaN(t)) return !1;
 	let n = t - Date.now();
-	return n >= 0 && n <= D * E;
-}, he = {
+	return n >= 0 && n <= A * k;
+}, ye = {
 	EXPLORATION: "bg-[var(--color-accent-indigo)]",
 	APPRAISAL: "bg-[var(--color-accent-blue)]",
 	DEVELOPMENT: "bg-[var(--color-accent-teal)]",
@@ -29,16 +35,45 @@ var E = 1440 * 60 * 1e3, D = 30, O = (e) => {
 	SUSPENDED: "bg-status-warning-text",
 	DECOMMISSIONING: "bg-status-error-text",
 	RETIRED: "bg-[var(--color-text-tertiary)]"
-}, ge = {
-	SCOPE_1: "bg-status-error-text",
-	SCOPE_2: "bg-status-warning-text",
-	SCOPE_3: "bg-[var(--color-accent-blue)]"
-}, _e = [
+}, be = {
+	SCOPE_1: "var(--color-status-error-text)",
+	SCOPE_2: "var(--color-status-warning-text)",
+	SCOPE_3: "var(--color-accent-blue)"
+}, xe = [
 	"SCOPE_1",
 	"SCOPE_2",
 	"SCOPE_3"
-];
-function k(e, t) {
+], M = (e) => `${e.getUTCFullYear()}-${String(e.getUTCMonth() + 1).padStart(2, "0")}`, N = new Intl.DateTimeFormat(void 0, {
+	month: "short",
+	year: "2-digit",
+	timeZone: "UTC"
+}), P = (e, t) => N.format(new Date(Date.UTC(e, t - 1, 1)));
+function Se(e, t, n) {
+	let r = /* @__PURE__ */ new Map();
+	for (let i of e) {
+		let e = t(i);
+		if (!e) continue;
+		let a = new Date(e);
+		if (Number.isNaN(a.getTime())) continue;
+		let o = M(a);
+		r.set(o, (r.get(o) ?? 0) + n(i));
+	}
+	return r;
+}
+function F(e, t = 18) {
+	let n = [...e.keys()].sort();
+	if (n.length === 0) return [];
+	let r = (e) => {
+		let [t, n] = e.split("-");
+		return [Number(t), Number(n)];
+	}, [i, a] = r(n[n.length - 1]), [o, s] = r(n[0]), c = [], l = 0;
+	for (; (o < i || o === i && s <= a) && l < 240;) c.push({
+		label: P(o, s),
+		value: e.get(`${o}-${String(s).padStart(2, "0")}`) ?? 0
+	}), s += 1, s > 12 && (s = 1, o += 1), l += 1;
+	return c.length > t ? c.slice(c.length - t) : c;
+}
+function I(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
 		let e = t(r);
@@ -51,136 +86,331 @@ function k(e, t) {
 		pct: r ? t / r * 100 : 0
 	}));
 }
-function A({ title: e, description: t, icon: n, linkLabel: r, onLink: i, isLoading: a, isError: s, onRetry: c, emptyLabel: l, bars: u, footer: d }) {
-	return /* @__PURE__ */ C(w, {
+function Ce({ title: e, description: n, icon: r, linkLabel: i, onLink: a, isLoading: o, isError: c, onRetry: l, emptyLabel: u, bars: d, footer: f, className: m }) {
+	return /* @__PURE__ */ E(D, {
 		treatment: "glass",
-		className: "flex flex-col p-5",
-		children: [/* @__PURE__ */ C("div", {
+		className: t("flex flex-col p-5", m),
+		children: [/* @__PURE__ */ E("div", {
 			className: "mb-4 flex items-start justify-between gap-3",
-			children: [/* @__PURE__ */ C("div", {
+			children: [/* @__PURE__ */ E("div", {
 				className: "flex min-w-0 items-start gap-2.5",
-				children: [/* @__PURE__ */ S("span", {
+				children: [/* @__PURE__ */ T("span", {
 					className: "mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent",
-					children: n
-				}), /* @__PURE__ */ C("div", {
+					children: r
+				}), /* @__PURE__ */ E("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ S("h2", {
+					children: [/* @__PURE__ */ T("h2", {
 						className: "text-base font-semibold text-text-primary",
 						children: e
-					}), /* @__PURE__ */ S("p", {
+					}), /* @__PURE__ */ T("p", {
 						className: "mt-0.5 text-xs text-text-tertiary",
-						children: t
+						children: n
 					})]
 				})]
-			}), /* @__PURE__ */ C("button", {
+			}), /* @__PURE__ */ E("button", {
 				type: "button",
-				onClick: i,
+				onClick: a,
 				className: "inline-flex shrink-0 items-center gap-1 text-sm font-medium text-accent hover:underline",
 				children: [
-					r,
+					i,
 					" ",
-					/* @__PURE__ */ S(y, { className: "h-4 w-4" })
+					/* @__PURE__ */ T(x, { className: "h-4 w-4" })
 				]
 			})]
-		}), a ? /* @__PURE__ */ C("div", {
+		}), o ? /* @__PURE__ */ E("div", {
 			className: "flex items-center gap-2 py-8 text-sm text-text-secondary",
-			children: [/* @__PURE__ */ S(T, { size: "sm" }), " Loading…"]
-		}) : s ? /* @__PURE__ */ C("div", {
+			children: [/* @__PURE__ */ T(O, { size: "sm" }), " Loading…"]
+		}) : c ? /* @__PURE__ */ E("div", {
 			className: "flex flex-col items-start gap-2 py-6",
-			children: [/* @__PURE__ */ C("p", {
+			children: [/* @__PURE__ */ E("p", {
 				className: "text-sm text-status-error-text",
 				children: [
 					"Couldn't load ",
 					e.toLowerCase(),
 					"."
 				]
-			}), /* @__PURE__ */ S("button", {
+			}), /* @__PURE__ */ T("button", {
 				type: "button",
-				onClick: c,
+				onClick: l,
 				className: "rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
 				children: "Retry"
 			})]
-		}) : u.length === 0 ? /* @__PURE__ */ S("div", {
+		}) : d.length === 0 ? /* @__PURE__ */ T("div", {
 			className: "flex flex-1 flex-col items-center justify-center rounded-xl border border-dashed border-border-seam py-8 text-center",
-			children: /* @__PURE__ */ S("p", {
+			children: /* @__PURE__ */ T("p", {
 				className: "text-sm text-text-secondary",
-				children: l
+				children: u
 			})
-		}) : /* @__PURE__ */ C("div", {
+		}) : /* @__PURE__ */ E("div", {
 			className: "flex flex-1 flex-col justify-between gap-4",
-			children: [/* @__PURE__ */ S("div", {
+			children: [/* @__PURE__ */ T("div", {
 				className: "space-y-3",
-				children: u.map((e) => /* @__PURE__ */ C("div", {
+				children: d.map((e) => /* @__PURE__ */ E("div", {
 					className: "flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ T("div", {
 							className: "w-24 shrink-0 truncate text-sm text-text-secondary sm:w-28",
 							children: e.label
 						}),
-						/* @__PURE__ */ S(f, {
+						/* @__PURE__ */ T(p, {
 							value: e.pct,
 							barClassName: e.barClassName,
 							className: "flex-1",
 							height: 8
 						}),
-						/* @__PURE__ */ S("span", {
+						/* @__PURE__ */ T("span", {
 							className: "w-16 shrink-0 whitespace-nowrap text-right text-sm font-medium tabular-nums text-text-primary",
 							children: e.value
 						}),
-						/* @__PURE__ */ S("span", {
+						/* @__PURE__ */ T("span", {
 							className: "hidden w-11 shrink-0 text-right text-xs tabular-nums text-text-tertiary sm:inline",
-							children: o(e.pct)
+							children: s(e.pct)
 						})
 					]
 				}, e.key))
-			}), d && /* @__PURE__ */ S("p", {
+			}), f && /* @__PURE__ */ T("p", {
 				className: "border-t border-border-seam/70 pt-3 text-xs text-text-tertiary",
-				children: d
+				children: f
 			})]
 		})]
 	});
 }
-function j() {
-	let { navigateTo: o, currentUser: w } = e(), T = ee({ pagination: { limit: 50 } }), E = ne({ pagination: { limit: 50 } }), D = oe(void 0, "IN_TRANSIT"), j = re({ pagination: { limit: 50 } }), M = ie({ pagination: { limit: 50 } }), N = te(), P = ae({ pagination: { limit: 12 } }), F = v(() => T.data?.items ?? [], [T.data]), I = v(() => E.data?.items ?? [], [E.data]), L = v(() => D.data?.items ?? [], [D.data]), R = v(() => j.data?.items ?? [], [j.data]), z = v(() => M.data?.items ?? [], [M.data]), B = v(() => N.data?.items ?? [], [N.data]), V = v(() => P.data?.items ?? [], [P.data]), H = F.filter((e) => e.status === "PRODUCING").length, U = I.filter((e) => e.status === "ACTIVE").length, W = R.reduce((e, t) => e + (t.co2eTonnes ?? 0), 0), G = R.filter((e) => e.verified).length, K = z.filter((e) => e.status === "AVAILABLE").length, ve = B.filter((e) => e.status === "PENDING").length, ye = B.filter((e) => e.expiresAt != null && (u(e.expiresAt) || O(e.expiresAt))).length, q = B.filter((e) => e.status === "PENDING" || e.expiresAt != null && (u(e.expiresAt) || O(e.expiresAt))).length, J = (e, t) => t ? `${e.length}+` : a(e.length), Y = v(() => k(F, (e) => e.commodity).map((e) => ({
-		key: e.key,
-		label: /* @__PURE__ */ S("span", {
-			className: "truncate",
-			children: i(e.key)
-		}),
-		value: a(e.count),
-		pct: e.pct,
-		barClassName: "bg-[var(--color-accent-blue)]"
-	})), [F]), be = v(() => k(F, (e) => e.status).map((e) => ({
-		key: e.key,
-		label: /* @__PURE__ */ S(d, { status: e.key }),
-		value: a(e.count),
-		pct: e.pct,
-		barClassName: he[e.key] ?? "bg-action-primary-bg"
-	})), [F]), xe = v(() => {
-		if (R.length === 0) return [];
+function L({ title: e, caption: n, icon: r, link: i, isLoading: a, isError: o, onRetry: s, isEmpty: c, emptyLabel: l, footer: u, className: d, children: f }) {
+	return /* @__PURE__ */ E(D, {
+		treatment: "glass",
+		className: t("flex flex-col p-5", d),
+		children: [/* @__PURE__ */ E("div", {
+			className: "mb-4 flex items-start justify-between gap-3",
+			children: [/* @__PURE__ */ E("div", {
+				className: "flex min-w-0 items-start gap-2.5",
+				children: [/* @__PURE__ */ T("span", {
+					className: "mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent",
+					children: r
+				}), /* @__PURE__ */ E("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ T("h2", {
+						className: "text-base font-semibold text-text-primary",
+						children: e
+					}), /* @__PURE__ */ T("p", {
+						className: "mt-0.5 text-xs text-text-tertiary",
+						children: n
+					})]
+				})]
+			}), i ? /* @__PURE__ */ E("button", {
+				type: "button",
+				onClick: i.onClick,
+				className: "inline-flex shrink-0 items-center gap-1 text-sm font-medium text-accent hover:underline",
+				children: [
+					i.label,
+					" ",
+					/* @__PURE__ */ T(x, { className: "h-4 w-4" })
+				]
+			}) : null]
+		}), a ? /* @__PURE__ */ E("div", {
+			className: "flex flex-1 items-center gap-2 py-8 text-sm text-text-secondary",
+			children: [/* @__PURE__ */ T(O, { size: "sm" }), " Loading…"]
+		}) : o ? /* @__PURE__ */ E("div", {
+			className: "flex flex-1 flex-col items-start gap-2 py-6",
+			children: [/* @__PURE__ */ E("p", {
+				className: "text-sm text-status-error-text",
+				children: [
+					"Couldn't load ",
+					e.toLowerCase(),
+					"."
+				]
+			}), /* @__PURE__ */ T("button", {
+				type: "button",
+				onClick: s,
+				className: "rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
+				children: "Retry"
+			})]
+		}) : c ? /* @__PURE__ */ T("div", {
+			className: "flex flex-1 flex-col items-center justify-center rounded-xl border border-dashed border-border-seam py-10 text-center",
+			children: /* @__PURE__ */ T("p", {
+				className: "text-sm text-text-secondary",
+				children: l
+			})
+		}) : /* @__PURE__ */ E("div", {
+			className: "flex flex-1 flex-col justify-between gap-4",
+			children: [/* @__PURE__ */ T("div", {
+				className: "flex-1",
+				children: f
+			}), u ? /* @__PURE__ */ T("p", {
+				className: "border-t border-border-seam/70 pt-3 text-xs text-text-tertiary",
+				children: u
+			}) : null]
+		})]
+	});
+}
+function we({ card: e, onOpen: t }) {
+	return /* @__PURE__ */ T(D, {
+		treatment: "metric",
+		className: "p-0",
+		children: /* @__PURE__ */ E("button", {
+			type: "button",
+			onClick: t,
+			"aria-label": `Open ${e.name} assets`,
+			className: "flex w-full flex-col gap-4 rounded-[var(--radius-card)] p-5 text-left outline-none transition-transform duration-200 hover:-translate-y-0.5 focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+			children: [
+				/* @__PURE__ */ E("div", {
+					className: "flex items-start justify-between gap-2",
+					children: [/* @__PURE__ */ E("div", {
+						className: "flex min-w-0 items-center gap-2.5",
+						children: [/* @__PURE__ */ T("span", {
+							"aria-hidden": "true",
+							className: "size-2.5 shrink-0 rounded-full",
+							style: { backgroundColor: e.color }
+						}), /* @__PURE__ */ E("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ T("p", {
+								className: "truncate text-sm font-semibold text-text-primary",
+								children: e.name
+							}), /* @__PURE__ */ E("p", {
+								className: "text-xs text-text-tertiary",
+								children: [
+									e.assetCount,
+									" ",
+									e.assetCount === 1 ? "asset" : "assets"
+								]
+							})]
+						})]
+					}), /* @__PURE__ */ T(S, { className: "h-4 w-4 shrink-0 text-text-tertiary" })]
+				}),
+				/* @__PURE__ */ E("div", {
+					className: "grid grid-cols-2 gap-3",
+					children: [/* @__PURE__ */ E("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ T("p", {
+							className: "text-[11px] uppercase tracking-wide text-text-tertiary",
+							children: "Capacity/day"
+						}), /* @__PURE__ */ T("p", {
+							className: "mt-0.5 truncate text-sm font-semibold tabular-nums text-text-primary",
+							children: e.capacity > 0 ? u(e.capacity, e.unit) : "—"
+						})]
+					}), /* @__PURE__ */ E("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ T("p", {
+							className: "text-[11px] uppercase tracking-wide text-text-tertiary",
+							children: "Producing"
+						}), /* @__PURE__ */ E("p", {
+							className: "mt-0.5 text-sm font-semibold tabular-nums text-text-primary",
+							children: [
+								e.producing,
+								" ",
+								/* @__PURE__ */ E("span", {
+									className: "text-xs font-normal text-text-tertiary",
+									children: ["of ", e.assetCount]
+								})
+							]
+						})]
+					})]
+				}),
+				e.spark.length >= 2 ? /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(y, {
+					data: e.spark,
+					variant: "area",
+					height: 40,
+					label: `${e.name} monthly production`
+				}), /* @__PURE__ */ T("p", {
+					className: "mt-1 text-[11px] text-text-tertiary",
+					children: "Monthly output"
+				})] }) : /* @__PURE__ */ T("p", {
+					className: "text-xs text-text-tertiary",
+					children: "No production logged yet."
+				})
+			]
+		})
+	});
+}
+function R() {
+	let { navigateTo: t, currentUser: s } = e(), y = re({ pagination: { limit: 200 } }), S = ae({ pagination: { limit: 50 } }), D = le(void 0, "IN_TRANSIT"), O = oe({ pagination: { limit: 200 } }), k = se({ pagination: { limit: 50 } }), A = ie(), N = ce({ pagination: { limit: 200 } }), P = b(() => y.data?.items ?? [], [y.data]), R = b(() => S.data?.items ?? [], [S.data]), z = b(() => D.data?.items ?? [], [D.data]), B = b(() => O.data?.items ?? [], [O.data]), V = b(() => k.data?.items ?? [], [k.data]), H = b(() => A.data?.items ?? [], [A.data]), U = b(() => N.data?.items ?? [], [N.data]), W = P.filter((e) => e.status === "PRODUCING").length, G = R.filter((e) => e.status === "ACTIVE").length, K = B.reduce((e, t) => e + (t.co2eTonnes ?? 0), 0), Te = B.filter((e) => e.verified).length, Ee = V.filter((e) => e.status === "AVAILABLE").length, De = U.reduce((e, t) => e + (t.volume ?? 0), 0), Oe = H.filter((e) => e.status === "PENDING").length, ke = H.filter((e) => e.expiresAt != null && (d(e.expiresAt) || j(e.expiresAt))).length, q = H.filter((e) => e.status === "PENDING" || e.expiresAt != null && (d(e.expiresAt) || j(e.expiresAt))).length, J = (e, t) => t ? `${e.length}+` : o(e.length), Y = b(() => F(Se(U, (e) => e.periodEnd, (e) => e.volume ?? 0)), [U]), X = b(() => I(P, (e) => e.commodity), [P]), Z = b(() => {
+		let e = ee(X.length), t = /* @__PURE__ */ new Map();
+		return X.forEach((n, r) => t.set(n.key, e[r])), t;
+	}, [X]), Q = b(() => X.map((e) => ({
+		label: a(e.key),
+		value: e.count,
+		color: Z.get(e.key)
+	})), [X, Z]), Ae = b(() => {
+		if (B.length === 0) return [];
 		let e = {
 			SCOPE_1: 0,
 			SCOPE_2: 0,
 			SCOPE_3: 0
 		};
-		for (let t of R) e[t.scope] = (e[t.scope] ?? 0) + (t.co2eTonnes ?? 0);
-		let t = e.SCOPE_1 + e.SCOPE_2 + e.SCOPE_3;
-		return _e.map((n) => ({
-			key: n,
-			label: /* @__PURE__ */ S(d, { status: n }),
-			value: `${a(e[n], { maximumFractionDigits: e[n] >= 100 ? 0 : 1 })} t`,
-			pct: t > 0 ? e[n] / t * 100 : 0,
-			barClassName: ge[n]
+		for (let t of B) e[t.scope] += t.co2eTonnes ?? 0;
+		return xe.filter((t) => e[t] > 0).map((t) => ({
+			label: a(t),
+			value: e[t],
+			color: be[t]
 		}));
-	}, [R]), X = v(() => {
+	}, [B]), je = b(() => I(P, (e) => e.status).map((e) => ({
+		key: e.key,
+		label: /* @__PURE__ */ T(f, { status: e.key }),
+		value: o(e.count),
+		pct: e.pct,
+		barClassName: ye[e.key] ?? "bg-action-primary-bg"
+	})), [P]), Me = b(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of P) e.set(t.id, t.commodity);
+		return e;
+	}, [P]), Ne = b(() => {
+		if (X.length === 0) return [];
+		let e = /* @__PURE__ */ new Map();
+		for (let t of P) {
+			let n = e.get(t.commodity) ?? {
+				count: 0,
+				producing: 0,
+				capacity: 0,
+				units: /* @__PURE__ */ new Map()
+			};
+			n.count += 1, t.status === "PRODUCING" && (n.producing += 1), n.capacity += t.capacityPerDay ?? 0, t.capacityUnit && n.units.set(t.capacityUnit, (n.units.get(t.capacityUnit) ?? 0) + 1), e.set(t.commodity, n);
+		}
+		let t = /* @__PURE__ */ new Map();
+		for (let e of U) {
+			let n = Me.get(e.assetId);
+			if (!n) continue;
+			let r = new Date(e.periodEnd);
+			if (Number.isNaN(r.getTime())) continue;
+			let i = M(r), a = t.get(n);
+			a || (a = /* @__PURE__ */ new Map(), t.set(n, a)), a.set(i, (a.get(i) ?? 0) + (e.volume ?? 0));
+		}
+		let n = (e) => {
+			let t = "", n = -1;
+			for (let [r, i] of e) i > n && (t = r, n = i);
+			return t;
+		};
+		return X.map((r) => {
+			let i = e.get(r.key) ?? {
+				count: 0,
+				producing: 0,
+				capacity: 0,
+				units: /* @__PURE__ */ new Map()
+			}, o = t.get(r.key), s = o ? F(o, 12).map((e) => e.value) : [];
+			return {
+				key: r.key,
+				name: a(r.key),
+				color: Z.get(r.key) ?? "var(--color-accent-primary)",
+				assetCount: i.count,
+				producing: i.producing,
+				capacity: i.capacity,
+				unit: n(i.units),
+				spark: s
+			};
+		});
+	}, [
+		P,
+		U,
+		Me,
+		X,
+		Z
+	]), Pe = b(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of F) e.set(t.id, t.name);
+		for (let t of P) e.set(t.id, t.name);
 		return e;
-	}, [F]), Z = v(() => [...I].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()).slice(0, 6), [I]), Q = v(() => [...V].sort((e, t) => new Date(t.periodEnd).getTime() - new Date(e.periodEnd).getTime()).slice(0, 6), [V]), Se = [
+	}, [P]), Fe = b(() => [...R].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()).slice(0, 6), [R]), Ie = b(() => [...U].sort((e, t) => new Date(t.periodEnd).getTime() - new Date(e.periodEnd).getTime()).slice(0, 6), [U]), Le = [
 		{
 			key: "reference",
 			header: "Reference",
-			render: (e) => /* @__PURE__ */ S("span", {
+			render: (e) => /* @__PURE__ */ T("span", {
 				className: "font-medium text-text-primary",
 				children: e.reference
 			})
@@ -189,7 +419,7 @@ function j() {
 			key: "counterparty",
 			header: "Counterparty",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ S("span", {
+			render: (e) => /* @__PURE__ */ T("span", {
 				className: "text-text-secondary",
 				children: e.counterparty
 			})
@@ -198,60 +428,60 @@ function j() {
 			key: "commodity",
 			header: "Commodity",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ S("span", {
+			render: (e) => /* @__PURE__ */ T("span", {
 				className: "text-text-secondary",
-				children: i(e.commodity)
+				children: a(e.commodity)
 			})
 		},
 		{
 			key: "side",
 			header: "Side",
-			render: (e) => /* @__PURE__ */ S(d, { status: e.side })
+			render: (e) => /* @__PURE__ */ T(f, { status: e.side })
 		},
 		{
 			key: "volume",
 			header: "Volume",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ S("span", {
+			render: (e) => /* @__PURE__ */ T("span", {
 				className: "tabular-nums text-text-secondary",
-				children: l(e.contractedVolume, e.unit)
+				children: u(e.contractedVolume, e.unit)
 			})
 		},
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ S(d, { status: e.status })
+			render: (e) => /* @__PURE__ */ T(f, { status: e.status })
 		},
 		{
 			key: "created",
 			header: "Created",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ S("span", {
+			render: (e) => /* @__PURE__ */ T("span", {
 				className: "text-text-tertiary",
-				children: s(e.createdAt)
+				children: c(e.createdAt)
 			})
 		}
-	], Ce = [
+	], Re = [
 		{
 			key: "asset",
 			header: "Asset",
-			render: (e) => /* @__PURE__ */ S("span", {
+			render: (e) => /* @__PURE__ */ T("span", {
 				className: "font-medium text-text-primary",
-				children: X.get(e.assetId) ?? "Unknown asset"
+				children: Pe.get(e.assetId) ?? "Unknown asset"
 			})
 		},
 		{
 			key: "period",
 			header: "Period",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ C("span", {
+			render: (e) => /* @__PURE__ */ E("span", {
 				className: "text-text-secondary",
 				children: [
-					r(e.periodStart),
+					i(e.periodStart),
 					" – ",
-					r(e.periodEnd)
+					i(e.periodEnd)
 				]
 			})
 		},
@@ -259,9 +489,9 @@ function j() {
 			key: "volume",
 			header: "Volume",
 			align: "right",
-			render: (e) => /* @__PURE__ */ S("span", {
+			render: (e) => /* @__PURE__ */ T("span", {
 				className: "tabular-nums font-medium text-text-primary",
-				children: l(e.volume, e.unit)
+				children: u(e.volume, e.unit)
 			})
 		},
 		{
@@ -269,9 +499,9 @@ function j() {
 			header: "Downtime",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ C("span", {
+			render: (e) => /* @__PURE__ */ E("span", {
 				className: "tabular-nums text-text-secondary",
-				children: [a(e.downtimeHours), " h"]
+				children: [o(e.downtimeHours), " h"]
 			})
 		},
 		{
@@ -279,91 +509,91 @@ function j() {
 			header: "Logged",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ S("span", {
+			render: (e) => /* @__PURE__ */ T("span", {
 				className: "text-text-tertiary",
-				children: s(e.createdAt)
+				children: c(e.createdAt)
 			})
 		}
-	], $ = `Welcome back, ${w?.firstName || w?.name || "there"} — your energy, mineral & commodity resource control room.`;
-	return T.isLoading && E.isLoading && j.isLoading && M.isLoading && N.isLoading ? /* @__PURE__ */ S(t, {
+	], $ = `Welcome back, ${s?.firstName || s?.name || "there"} — your energy, mineral & commodity resource control room.`;
+	return y.isLoading && S.isLoading && O.isLoading && k.isLoading && A.isLoading ? /* @__PURE__ */ T(n, {
 		title: "TheGlobalFuel",
 		titleGradient: !0,
 		aurora: !0,
 		description: $,
-		children: /* @__PURE__ */ S(h, { label: "Loading your resource portfolio…" })
-	}) : /* @__PURE__ */ C(t, {
+		children: /* @__PURE__ */ T(g, { label: "Loading your resource portfolio…" })
+	}) : /* @__PURE__ */ E(n, {
 		title: "TheGlobalFuel",
 		titleGradient: !0,
 		aurora: !0,
 		description: $,
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6",
 				children: [
-					/* @__PURE__ */ S(n, {
-						icon: /* @__PURE__ */ S(fe, { className: "h-5 w-5" }),
-						value: J(F, T.data?.pageInfo?.hasMore),
+					/* @__PURE__ */ T(r, {
+						icon: /* @__PURE__ */ T(C, { className: "h-5 w-5" }),
+						value: J(P, y.data?.pageInfo?.hasMore),
 						label: "Resource assets",
 						featured: !0,
-						footer: /* @__PURE__ */ C("div", {
+						footer: /* @__PURE__ */ E("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ S(f, {
-								value: F.length ? H / F.length * 100 : 0,
+							children: [/* @__PURE__ */ T(p, {
+								value: P.length ? W / P.length * 100 : 0,
 								height: 4,
 								barClassName: "bg-status-success-text"
-							}), /* @__PURE__ */ C("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-xs text-text-tertiary",
-								children: [/* @__PURE__ */ S("span", {
+								children: [/* @__PURE__ */ T("span", {
 									className: "tabular-nums text-text-secondary",
-									children: H
+									children: W
 								}), " producing"]
 							})]
 						})
 					}),
-					/* @__PURE__ */ S(n, {
-						icon: /* @__PURE__ */ S(x, { className: "h-5 w-5" }),
-						value: J(I, E.data?.pageInfo?.hasMore),
+					/* @__PURE__ */ T(r, {
+						icon: /* @__PURE__ */ T(w, { className: "h-5 w-5" }),
+						value: J(R, S.data?.pageInfo?.hasMore),
 						label: "Offtake contracts",
-						footer: /* @__PURE__ */ C("div", {
+						footer: /* @__PURE__ */ E("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ S(f, {
-								value: I.length ? U / I.length * 100 : 0,
+							children: [/* @__PURE__ */ T(p, {
+								value: R.length ? G / R.length * 100 : 0,
 								height: 4,
 								barClassName: "bg-action-primary-bg"
-							}), /* @__PURE__ */ C("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-xs text-text-tertiary",
-								children: [/* @__PURE__ */ S("span", {
+								children: [/* @__PURE__ */ T("span", {
 									className: "tabular-nums text-text-secondary",
-									children: U
+									children: G
 								}), " active"]
 							})]
 						})
 					}),
-					/* @__PURE__ */ S(n, {
-						icon: /* @__PURE__ */ S(me, { className: "h-5 w-5" }),
-						value: D.isError ? "—" : a(L.length),
+					/* @__PURE__ */ T(r, {
+						icon: /* @__PURE__ */ T(ve, { className: "h-5 w-5" }),
+						value: D.isError ? "—" : o(z.length),
 						label: "Shipments in transit",
-						footer: /* @__PURE__ */ S("p", {
+						footer: /* @__PURE__ */ T("p", {
 							className: "text-xs text-text-tertiary",
-							children: L.length > 0 ? "In motion across carriers" : "No active movements"
+							children: z.length > 0 ? "In motion across carriers" : "No active movements"
 						})
 					}),
-					/* @__PURE__ */ S(n, {
-						icon: /* @__PURE__ */ S(ce, { className: "h-5 w-5" }),
-						value: j.isError ? "—" : c(W),
+					/* @__PURE__ */ T(r, {
+						icon: /* @__PURE__ */ T(pe, { className: "h-5 w-5" }),
+						value: O.isError ? "—" : l(K),
 						label: "Emissions logged",
-						footer: /* @__PURE__ */ C("div", {
+						footer: /* @__PURE__ */ E("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ S(f, {
-								value: R.length ? G / R.length * 100 : 0,
+							children: [/* @__PURE__ */ T(p, {
+								value: B.length ? Te / B.length * 100 : 0,
 								height: 4,
 								barClassName: "bg-status-success-text"
-							}), /* @__PURE__ */ C("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-xs text-text-tertiary",
 								children: [
-									/* @__PURE__ */ S("span", {
+									/* @__PURE__ */ T("span", {
 										className: "tabular-nums text-text-secondary",
-										children: G
+										children: Te
 									}),
 									" ",
 									"verified"
@@ -371,22 +601,22 @@ function j() {
 							})]
 						})
 					}),
-					/* @__PURE__ */ S(n, {
-						icon: /* @__PURE__ */ S(b, { className: "h-5 w-5" }),
-						value: M.isError ? "—" : a(K),
+					/* @__PURE__ */ T(r, {
+						icon: /* @__PURE__ */ T(de, { className: "h-5 w-5" }),
+						value: k.isError ? "—" : o(Ee),
 						label: "Inventory available",
-						footer: /* @__PURE__ */ C("div", {
+						footer: /* @__PURE__ */ E("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ S(f, {
-								value: z.length ? K / z.length * 100 : 0,
+							children: [/* @__PURE__ */ T(p, {
+								value: V.length ? Ee / V.length * 100 : 0,
 								height: 4,
 								barClassName: "bg-action-primary-bg"
-							}), /* @__PURE__ */ C("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-xs text-text-tertiary",
 								children: [
-									/* @__PURE__ */ S("span", {
+									/* @__PURE__ */ T("span", {
 										className: "tabular-nums text-text-secondary",
-										children: J(z, M.data?.pageInfo?.hasMore)
+										children: J(V, k.data?.pageInfo?.hasMore)
 									}),
 									" ",
 									"lots total"
@@ -394,116 +624,184 @@ function j() {
 							})]
 						})
 					}),
-					/* @__PURE__ */ S(n, {
-						icon: /* @__PURE__ */ S(pe, { className: "h-5 w-5" }),
-						value: N.isError ? "—" : a(q),
+					/* @__PURE__ */ T(r, {
+						icon: /* @__PURE__ */ T(_e, { className: "h-5 w-5" }),
+						value: A.isError ? "—" : o(q),
 						label: "Certs need attention",
-						accent: q > 0 ? "warning" : B.length > 0 ? "success" : void 0,
-						footer: /* @__PURE__ */ S("p", {
+						accent: q > 0 ? "warning" : H.length > 0 ? "success" : void 0,
+						footer: /* @__PURE__ */ T("p", {
 							className: q > 0 ? "text-xs font-medium text-status-warning-text" : "text-xs text-text-tertiary",
-							children: B.length === 0 ? "No certifications tracked yet" : q > 0 ? `${ve} pending · ${ye} expiring` : "All certifications current"
+							children: H.length === 0 ? "No certifications tracked yet" : q > 0 ? `${Oe} pending · ${ke} expiring` : "All certifications current"
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ E("div", {
 				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [
-					/* @__PURE__ */ S(A, {
-						title: "Assets by commodity",
-						description: "Portfolio mix across energy, mineral & metal streams.",
-						icon: /* @__PURE__ */ S(le, { className: "h-4 w-4" }),
-						linkLabel: "Assets",
-						onLink: () => o("assets"),
-						isLoading: T.isLoading,
-						isError: T.isError,
-						onRetry: () => T.refetch(),
-						emptyLabel: "No assets registered yet.",
-						bars: Y,
-						footer: F.length > 0 ? `${J(F, T.data?.pageInfo?.hasMore)} assets across ${Y.length} ${Y.length === 1 ? "commodity" : "commodities"}` : void 0
-					}),
-					/* @__PURE__ */ S(A, {
-						title: "Assets by lifecycle",
-						description: "Where the portfolio sits from exploration to retirement.",
-						icon: /* @__PURE__ */ S(de, { className: "h-4 w-4" }),
-						linkLabel: "Assets",
-						onLink: () => o("assets"),
-						isLoading: T.isLoading,
-						isError: T.isError,
-						onRetry: () => T.refetch(),
-						emptyLabel: "No assets to profile yet.",
-						bars: be,
-						footer: F.length > 0 ? `${H} of ${J(F, T.data?.pageInfo?.hasMore)} currently producing` : void 0
-					}),
-					/* @__PURE__ */ S(A, {
-						title: "Emissions by scope",
-						description: "GHG Protocol Scope 1 / 2 / 3 (tonnes CO₂e logged).",
-						icon: /* @__PURE__ */ S(ue, { className: "h-4 w-4" }),
-						linkLabel: "Emissions",
-						onLink: () => o("emissions"),
-						isLoading: j.isLoading,
-						isError: j.isError,
-						onRetry: () => j.refetch(),
-						emptyLabel: "No emission records logged yet.",
-						bars: xe,
-						footer: R.length > 0 ? `${c(W)} across ${J(R, j.data?.pageInfo?.hasMore)} records` : void 0
+				children: [/* @__PURE__ */ T(L, {
+					className: "lg:col-span-2",
+					title: "Production trend",
+					caption: "Metered output aggregated by month across your producing assets.",
+					icon: /* @__PURE__ */ T(ue, { className: "h-4 w-4" }),
+					link: {
+						label: "Production",
+						onClick: () => t("production")
+					},
+					isLoading: N.isLoading,
+					isError: N.isError,
+					onRetry: () => N.refetch(),
+					isEmpty: Y.length === 0,
+					emptyLabel: "No production logged yet — record output to build the trend.",
+					footer: Y.length > 0 ? `${o(De, { maximumFractionDigits: 0 })} total volume across ${J(U, N.data?.pageInfo?.hasMore)} records` : void 0,
+					children: /* @__PURE__ */ T(te, {
+						series: Y,
+						height: 220,
+						title: "Monthly production volume"
 					})
-				]
+				}), /* @__PURE__ */ T(L, {
+					title: "Commodity mix",
+					caption: "Share of assets across your commodity streams.",
+					icon: /* @__PURE__ */ T(me, { className: "h-4 w-4" }),
+					link: {
+						label: "Assets",
+						onClick: () => t("assets")
+					},
+					isLoading: y.isLoading,
+					isError: y.isError,
+					onRetry: () => y.refetch(),
+					isEmpty: Q.length === 0,
+					emptyLabel: "No assets registered yet.",
+					footer: Q.length > 0 ? `${J(P, y.data?.pageInfo?.hasMore)} assets · ${Q.length} ${Q.length === 1 ? "commodity" : "commodities"}` : void 0,
+					children: /* @__PURE__ */ T("div", {
+						className: "flex items-center justify-center py-2",
+						children: /* @__PURE__ */ T(ne, {
+							segments: Q,
+							size: 168,
+							centerLabel: o(P.length),
+							centerCaption: "assets",
+							valueFormatter: (e) => o(e),
+							title: "Assets by commodity"
+						})
+					})
+				})]
+			}),
+			/* @__PURE__ */ T(_, {
+				title: "Commodity portfolio",
+				description: "One model, every commodity — assets, capacity and output across your book.",
+				children: y.isLoading ? /* @__PURE__ */ T(g, { label: "Loading commodities…" }) : y.isError ? /* @__PURE__ */ T(h, {
+					message: "Couldn't load your commodity portfolio.",
+					onRetry: () => y.refetch()
+				}) : Ne.length === 0 ? /* @__PURE__ */ T(v, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ T(C, { className: "h-10 w-10" }),
+					title: "No commodities yet",
+					description: "Register your first resource asset to build out your commodity portfolio."
+				}) : /* @__PURE__ */ T("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4",
+					children: Ne.map((e) => /* @__PURE__ */ T(we, {
+						card: e,
+						onOpen: () => t("assets")
+					}, e.key))
+				})
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-2",
+				children: [/* @__PURE__ */ T(Ce, {
+					title: "Assets by lifecycle",
+					description: "Where the portfolio sits from exploration to retirement.",
+					icon: /* @__PURE__ */ T(ge, { className: "h-4 w-4" }),
+					linkLabel: "Assets",
+					onLink: () => t("assets"),
+					isLoading: y.isLoading,
+					isError: y.isError,
+					onRetry: () => y.refetch(),
+					emptyLabel: "No assets to profile yet.",
+					bars: je,
+					footer: P.length > 0 ? `${W} of ${J(P, y.data?.pageInfo?.hasMore)} currently producing` : void 0
+				}), /* @__PURE__ */ T(L, {
+					title: "Emissions by scope",
+					caption: "GHG Protocol Scope 1 / 2 / 3 — tonnes CO₂e logged.",
+					icon: /* @__PURE__ */ T(he, { className: "h-4 w-4" }),
+					link: {
+						label: "Emissions",
+						onClick: () => t("emissions")
+					},
+					isLoading: O.isLoading,
+					isError: O.isError,
+					onRetry: () => O.refetch(),
+					isEmpty: Ae.length === 0,
+					emptyLabel: "No emission records logged yet.",
+					footer: B.length > 0 ? `${l(K)} across ${J(B, O.data?.pageInfo?.hasMore)} records` : void 0,
+					children: /* @__PURE__ */ T("div", {
+						className: "flex items-center justify-center py-2",
+						children: /* @__PURE__ */ T(ne, {
+							segments: Ae,
+							size: 168,
+							centerLabel: o(K, {
+								notation: "compact",
+								maximumFractionDigits: 1
+							}),
+							centerCaption: "t CO₂e",
+							valueFormatter: (e) => `${o(e, { maximumFractionDigits: e >= 100 ? 0 : 1 })} t`,
+							title: "Emissions by scope"
+						})
+					})
+				})]
 			}),
-			/* @__PURE__ */ S(g, {
+			/* @__PURE__ */ T(_, {
 				title: "Recent offtake contracts",
 				description: "Latest buy/sell agreements across your commodity book.",
-				action: /* @__PURE__ */ C("button", {
+				action: /* @__PURE__ */ E("button", {
 					type: "button",
-					onClick: () => o("contracts"),
+					onClick: () => t("contracts"),
 					className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
-					children: ["All contracts ", /* @__PURE__ */ S(y, { className: "h-4 w-4" })]
+					children: ["All contracts ", /* @__PURE__ */ T(x, { className: "h-4 w-4" })]
 				}),
-				children: E.isLoading ? /* @__PURE__ */ S(h, { label: "Loading contracts…" }) : E.isError ? /* @__PURE__ */ S(m, {
+				children: S.isLoading ? /* @__PURE__ */ T(g, { label: "Loading contracts…" }) : S.isError ? /* @__PURE__ */ T(h, {
 					message: "Couldn't load contracts.",
-					onRetry: () => E.refetch()
-				}) : Z.length === 0 ? /* @__PURE__ */ S(_, {
+					onRetry: () => S.refetch()
+				}) : Fe.length === 0 ? /* @__PURE__ */ T(v, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ S(x, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ T(w, { className: "h-10 w-10" }),
 					title: "No contracts yet",
 					description: "Draft your first offtake contract to start tracking commodity trade."
-				}) : /* @__PURE__ */ S(p, {
-					columns: Se,
-					rows: Z,
+				}) : /* @__PURE__ */ T(m, {
+					columns: Le,
+					rows: Fe,
 					rowKey: (e) => e.id,
-					onRowClick: (e) => o(`contracts/${e.id}`),
+					onRowClick: (e) => t(`contracts/${e.id}`),
 					rowLabel: (e) => `Open contract ${e.reference}`
 				})
 			}),
-			/* @__PURE__ */ S(g, {
+			/* @__PURE__ */ T(_, {
 				title: "Recent production",
 				description: "Latest metered output captured against your producing assets.",
-				action: /* @__PURE__ */ C("button", {
+				action: /* @__PURE__ */ E("button", {
 					type: "button",
-					onClick: () => o("production"),
+					onClick: () => t("production"),
 					className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
-					children: ["All production ", /* @__PURE__ */ S(y, { className: "h-4 w-4" })]
+					children: ["All production ", /* @__PURE__ */ T(x, { className: "h-4 w-4" })]
 				}),
-				children: P.isLoading ? /* @__PURE__ */ S(h, { label: "Loading production…" }) : P.isError ? /* @__PURE__ */ S(m, {
+				children: N.isLoading ? /* @__PURE__ */ T(g, { label: "Loading production…" }) : N.isError ? /* @__PURE__ */ T(h, {
 					message: "Couldn't load production records.",
-					onRetry: () => P.refetch()
-				}) : Q.length === 0 ? /* @__PURE__ */ S(_, {
+					onRetry: () => N.refetch()
+				}) : Ie.length === 0 ? /* @__PURE__ */ T(v, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ S(se, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ T(fe, { className: "h-10 w-10" }),
 					title: "No production logged yet",
 					description: "Record production against an asset to build its output history."
-				}) : /* @__PURE__ */ S(p, {
-					columns: Ce,
-					rows: Q,
+				}) : /* @__PURE__ */ T(m, {
+					columns: Re,
+					rows: Ie,
 					rowKey: (e) => e.id,
-					onRowClick: (e) => o(`assets/${e.assetId}`),
-					rowLabel: (e) => `Open ${X.get(e.assetId) ?? "asset"}`
+					onRowClick: (e) => t(`assets/${e.assetId}`),
+					rowLabel: (e) => `Open ${Pe.get(e.assetId) ?? "asset"}`
 				})
 			})
 		]
 	});
 }
 //#endregion
-export { j as DashboardPage };
+export { R as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map