@burdenoff/microfe-theglobalfuel 2026.705.5 → 2026.709.2

package/dist/theglobalfuel/pages/assets/AssetDetailPage.js

@@ -1,28 +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 { formatCoords as ee, formatDate as r, formatEnumLabel as i, formatNumber as a, formatPercent as o, formatRelativeTime as s, formatTonnesCo2e as te, formatVolume as c, toBackendDate as l } from "../../utils/formatters.js";
-import { StatusBadge as u } from "../../components/StatusBadge.js";
-import { DataTable as d } from "../../components/DataTable.js";
-import { ErrorView as ne, LoadingView as f, Section as p } from "../../components/StateViews.js";
+import { formatCoords as ee, formatDate as r, formatEnumLabel as i, formatNumber as te, formatPercent as a, formatRelativeTime as o, formatTonnesCo2e as ne, formatVolume as s, toBackendDate as c } from "../../utils/formatters.js";
+import { StatusBadge as l } from "../../components/StatusBadge.js";
+import { DataTable as u } from "../../components/DataTable.js";
+import { ErrorView as d, LoadingView as f, Section as p } from "../../components/StateViews.js";
 import { EmptyState as m } from "../../components/EmptyState.js";
 import "../../context/index.js";
-import { useTheAsset as re, useTheCreateReserveEstimate as ie, useTheEmissionRecords as ae, useTheRecordProduction as oe, useTheRetireAsset as se, useTheTransitionAsset as ce } from "../../hooks/useTheGlobalFuelApi.js";
-import { useNotify as le } from "../../hooks/useNotify.js";
+import { useTheAsset as re, useTheCreateReserveEstimate as ie, useTheEmissionRecords as ae, useTheProductionRecords as oe, useTheRecordProduction as se, useTheReserveEstimates as ce, useTheRetireAsset as le, useTheTransitionAsset as ue } from "../../hooks/useTheGlobalFuelApi.js";
+import { useCursorPager as de } from "../../hooks/useCursorPager.js";
+import { useNotify as fe } from "../../hooks/useNotify.js";
+import { useTheAnalytics as pe } from "../../hooks/useTheAnalytics.js";
+import { useThePageView as me } from "../../hooks/useThePageView.js";
+import { useTheNativeControls as he } from "../../hooks/useTheNativeControls.js";
 import "../../hooks/index.js";
-import { ASSET_TRANSITIONS as ue, nextStatuses as de } from "../../utils/transitions.js";
-import { Tabs as fe } from "../../components/Tabs.js";
-import { TheDiscussion as pe } from "../../components/TheDiscussion.js";
-import { TheTags as me } from "../../components/TheTags.js";
-import { WorldMap as he } from "../../components/WorldMap.js";
+import { ASSET_TRANSITIONS as ge, nextStatuses as _e } from "../../utils/transitions.js";
+import { Tabs as ve } from "../../components/Tabs.js";
+import { Pagination as ye } from "../../components/Pagination.js";
+import { TheDiscussion as be } from "../../components/TheDiscussion.js";
+import { TheTags as xe } from "../../components/TheTags.js";
+import { WorldMap as Se } from "../../components/WorldMap.js";
 import "../../components/index.js";
 import { useState as h } from "react";
-import { Activity as ge, Archive as _e, ArrowLeft as ve, CalendarClock as ye, Factory as be, Fuel as xe, Gauge as Se, Layers as Ce, MapPin as we, MessageSquare as Te, Percent as Ee, Plus as g, Tag as De } from "lucide-react";
-import { useParams as Oe } from "react-router-dom";
-import { Fragment as ke, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Button as y, GlassCard as b, Input as x, Label as S, ResponsiveDialog as C, ResponsiveDialogContent as w, ResponsiveDialogDescription as Ae, ResponsiveDialogFooter as je, ResponsiveDialogHeader as Me, ResponsiveDialogTitle as Ne, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k, Textarea as Pe } from "@burdenoff/fe-libs/ui";
+import { Activity as Ce, Archive as we, ArrowLeft as Te, CalendarClock as Ee, Factory as De, Fuel as Oe, Gauge as ke, Layers as Ae, MapPin as je, MessageSquare as Me, Percent as Ne, Plus as g, Tag as Pe } from "lucide-react";
+import { useParams as Fe } from "react-router-dom";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, GlassCard as x, Input as S, Label as C, ResponsiveDialog as Ie, ResponsiveDialogContent as Le, ResponsiveDialogDescription as Re, ResponsiveDialogFooter as ze, ResponsiveDialogHeader as Be, ResponsiveDialogTitle as Ve, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Textarea as He } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/pages/assets/AssetDetailPage.tsx
-var Fe = [
+var k = 25, Ue = [
 	"BARRELS",
 	"CUBIC_METERS",
 	"TONNES",
@@ -30,7 +35,7 @@ var Fe = [
 	"MWH",
 	"GJ",
 	"MCF"
-], Ie = [
+], We = [
 	"PROVED",
 	"PROBABLE",
 	"POSSIBLE",
@@ -38,19 +43,30 @@ var Fe = [
 	"PROSPECTIVE"
 ], A = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
 function j({ label: e, value: t }) {
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ y("div", {
 		className: "flex flex-col gap-0.5 border-b border-border-seam/60 py-2.5 last:border-b-0",
-		children: [/* @__PURE__ */ _("dt", {
+		children: [/* @__PURE__ */ v("dt", {
 			className: "text-xs font-medium uppercase tracking-wide text-text-tertiary",
 			children: e
-		}), /* @__PURE__ */ _("dd", {
+		}), /* @__PURE__ */ v("dd", {
 			className: "truncate text-sm text-text-primary",
 			children: t
 		})]
 	});
 }
 function M() {
-	let { id: M } = Oe(), { navigateTo: N } = e(), P = le(), { data: F, isLoading: Le, isError: Re, refetch: ze } = re(M), I = ae({ assetId: M }), Be = ce(), Ve = se(), L = oe(), R = ie(), [z, He] = h("production"), [B, V] = h(null), [Ue, H] = h(!1), [U, W] = h({
+	let { id: M } = Fe(), { navigateTo: N } = e(), P = fe();
+	me("asset-detail");
+	let { haptic: Ge, confirm: Ke } = he(), { data: F, isLoading: qe, isError: Je, refetch: Ye } = re(M), I = ae({ assetId: M }), L = de(), R = de(), z = oe({
+		assetId: M,
+		pagination: {
+			limit: k,
+			offset: L.page * k
+		}
+	}), B = ce(M, void 0, {
+		limit: k,
+		offset: R.page * k
+	}), { trackProductionRecordClicked: Xe, trackProductionRecorded: Ze, trackReserveCreateClicked: Qe, trackReserveCreated: $e } = pe(), et = ue(), tt = le(), V = se(), H = ie(), [U, nt] = h("production"), [W, G] = h(null), [rt, K] = h(!1), [q, J] = h({
 		periodStart: "",
 		periodEnd: "",
 		volume: "",
@@ -58,7 +74,7 @@ function M() {
 		grade: "",
 		downtimeHours: "",
 		notes: ""
-	}), [We, G] = h(!1), [K, q] = h({
+	}), [it, at] = h(!1), [Y, X] = h({
 		category: "PROVED",
 		asOfDate: "",
 		recoverable: "",
@@ -67,38 +83,40 @@ function M() {
 		methodology: "",
 		notes: ""
 	});
-	if (Le) return /* @__PURE__ */ _(t, {
+	if (qe) return /* @__PURE__ */ v(t, {
 		title: "Asset",
-		children: /* @__PURE__ */ _(f, { label: "Loading asset…" })
+		dataTour: "theglobalfuel-asset-detail-page",
+		children: /* @__PURE__ */ v(f, { label: "Loading asset…" })
 	});
-	if (Re || !F) return /* @__PURE__ */ _(t, {
+	if (Je || !F) return /* @__PURE__ */ v(t, {
 		title: "Asset",
-		actions: /* @__PURE__ */ v(y, {
+		dataTour: "theglobalfuel-asset-detail-page",
+		actions: /* @__PURE__ */ y(b, {
 			variant: "ghost",
 			onClick: () => N("assets"),
-			children: [/* @__PURE__ */ _(ve, { className: "mr-1.5 h-4 w-4" }), " Back"]
+			children: [/* @__PURE__ */ v(Te, { className: "mr-1.5 h-4 w-4" }), " Back"]
 		}),
-		children: Re ? /* @__PURE__ */ _(ne, {
+		children: Je ? /* @__PURE__ */ v(d, {
 			message: "This asset could not be loaded.",
-			onRetry: () => ze()
-		}) : /* @__PURE__ */ _(m, {
+			onRetry: () => Ye()
+		}) : /* @__PURE__ */ v(m, {
 			illustration: "empty-search",
-			icon: /* @__PURE__ */ _(xe, { className: "h-10 w-10" }),
+			icon: /* @__PURE__ */ v(Oe, { className: "h-10 w-10" }),
 			title: "Asset not found",
 			description: "This asset may have been retired or you may not have access to it.",
-			action: /* @__PURE__ */ _(y, {
+			action: /* @__PURE__ */ v(b, {
 				onClick: () => N("assets"),
 				children: "Back to assets"
 			})
 		})
 	});
-	let J = F.productionRecords ?? [], Y = F.reserveEstimates ?? [], X = I.data?.items ?? [], Ge = F.status === "RETIRED", Ke = de(ue, F.status), qe = typeof F.latitude == "number" && typeof F.longitude == "number" ? {
+	let Z = z.data?.items ?? [], Q = B.data?.items ?? [], ot = I.data?.items ?? [], st = F.status === "RETIRED", ct = _e(ge, F.status), lt = typeof F.latitude == "number" && typeof F.longitude == "number" ? {
 		lat: F.latitude,
 		lng: F.longitude,
 		label: F.name,
 		primary: !0
-	} : null, Je = () => {
-		V(null), W({
+	} : null, ut = () => {
+		G(null), Ge("light"), Xe(), J({
 			periodStart: A(),
 			periodEnd: A(),
 			volume: "",
@@ -106,9 +124,9 @@ function M() {
 			grade: "",
 			downtimeHours: "",
 			notes: ""
-		}), H(!0);
-	}, Z = () => {
-		V(null), q({
+		}), K(!0);
+	}, dt = () => {
+		G(null), Ge("light"), Qe(), X({
 			category: "PROVED",
 			asOfDate: A(),
 			recoverable: "",
@@ -116,9 +134,9 @@ function M() {
 			unit: F.capacityUnit,
 			methodology: "",
 			notes: ""
-		}), G(!0);
-	}, Q = () => {
-		H(!1), V(null), W({
+		}), at(!0);
+	}, ft = () => {
+		K(!1), G(null), J({
 			periodStart: "",
 			periodEnd: "",
 			volume: "",
@@ -128,7 +146,7 @@ function M() {
 			notes: ""
 		});
 	}, $ = () => {
-		G(!1), V(null), q({
+		at(!1), G(null), X({
 			category: "PROVED",
 			asOfDate: "",
 			recoverable: "",
@@ -137,87 +155,92 @@ function M() {
 			methodology: "",
 			notes: ""
 		});
-	}, Ye = async (e) => {
+	}, pt = async (e) => {
 		if (!(!M || e === F.status)) {
-			V(null);
+			G(null);
 			try {
-				await Be.mutateAsync({
+				await et.mutateAsync({
 					id: M,
 					status: e
 				}), P.success(`Status changed to ${i(e)}`);
 			} catch (e) {
-				P.fromError(e), V(e instanceof Error ? e.message : "Failed to change asset status.");
+				P.fromError(e), G(e instanceof Error ? e.message : "Failed to change asset status.");
 			}
 		}
-	}, Xe = async () => {
-		if (M && window.confirm(`Retire ${F.name}? This marks the asset as decommissioned.`)) {
-			V(null);
+	}, mt = async () => {
+		if (M && await Ke({
+			title: `Retire ${F.name}?`,
+			message: "This marks the asset as decommissioned.",
+			okButtonTitle: "Retire",
+			cancelButtonTitle: "Cancel"
+		})) {
+			G(null);
 			try {
-				await Ve.mutateAsync(M), P.success("Asset retired"), N("assets");
+				await tt.mutateAsync(M), P.success("Asset retired"), N("assets");
 			} catch (e) {
-				P.fromError(e), V(e instanceof Error ? e.message : "Failed to retire asset.");
+				P.fromError(e), G(e instanceof Error ? e.message : "Failed to retire asset.");
 			}
 		}
-	}, Ze = async () => {
-		let e = l(U.periodStart), t = l(U.periodEnd);
+	}, ht = async () => {
+		let e = c(q.periodStart), t = c(q.periodEnd);
 		if (!M || !e || !t) {
-			V("Period start and period end are required.");
+			G("Period start and period end are required.");
 			return;
 		}
-		let n = Number(U.volume);
-		if (!U.volume || !Number.isFinite(n) || n <= 0) {
+		let n = Number(q.volume);
+		if (!q.volume || !Number.isFinite(n) || n <= 0) {
 			let e = "Volume must be greater than zero.";
-			V(e), P.error(e);
+			G(e), P.error(e);
 			return;
 		}
-		V(null);
+		G(null);
 		try {
-			await L.mutateAsync({
+			Ze((await V.mutateAsync({
 				assetId: M,
 				periodStart: e,
 				periodEnd: t,
 				volume: n,
-				unit: U.unit,
-				grade: U.grade ? Number(U.grade) : null,
-				downtimeHours: U.downtimeHours ? Number(U.downtimeHours) : null,
-				notes: U.notes.trim() || null
-			}), P.success("Production recorded"), Q();
+				unit: q.unit,
+				grade: q.grade ? Number(q.grade) : null,
+				downtimeHours: q.downtimeHours ? Number(q.downtimeHours) : null,
+				notes: q.notes.trim() || null
+			})).id), P.success("Production recorded"), ft();
 		} catch (e) {
-			P.fromError(e), V(e instanceof Error ? e.message : "Failed to record production.");
+			P.fromError(e), G(e instanceof Error ? e.message : "Failed to record production.");
 		}
-	}, Qe = async () => {
-		let e = l(K.asOfDate);
+	}, gt = async () => {
+		let e = c(Y.asOfDate);
 		if (!M || !e) {
-			V("As-of date is required.");
+			G("As-of date is required.");
 			return;
 		}
-		let t = Number(K.recoverable);
-		if (!K.recoverable || !Number.isFinite(t) || t <= 0) {
+		let t = Number(Y.recoverable);
+		if (!Y.recoverable || !Number.isFinite(t) || t <= 0) {
 			let e = "Recoverable volume must be greater than zero.";
-			V(e), P.error(e);
+			G(e), P.error(e);
 			return;
 		}
-		V(null);
+		G(null);
 		try {
-			await R.mutateAsync({
+			$e((await H.mutateAsync({
 				assetId: M,
-				category: K.category,
+				category: Y.category,
 				asOfDate: e,
 				recoverable: t,
-				recoveryFactor: K.recoveryFactor ? Number(K.recoveryFactor) : null,
-				unit: K.unit,
-				methodology: K.methodology.trim() || null,
-				notes: K.notes.trim() || null
-			}), P.success("Reserve estimate added"), $();
+				recoveryFactor: Y.recoveryFactor ? Number(Y.recoveryFactor) : null,
+				unit: Y.unit,
+				methodology: Y.methodology.trim() || null,
+				notes: Y.notes.trim() || null
+			})).id), P.success("Reserve estimate added"), $();
 		} catch (e) {
-			P.fromError(e), V(e instanceof Error ? e.message : "Failed to add reserve estimate.");
+			P.fromError(e), G(e instanceof Error ? e.message : "Failed to add reserve estimate.");
 		}
-	}, $e = [
+	}, _t = [
 		{
 			key: "period",
 			header: "Period",
 			sortValue: (e) => new Date(e.periodEnd || e.createdAt).getTime(),
-			render: (e) => /* @__PURE__ */ v("span", {
+			render: (e) => /* @__PURE__ */ y("span", {
 				className: "font-medium text-text-primary",
 				children: [
 					r(e.periodStart),
@@ -231,9 +254,9 @@ function M() {
 			header: "Volume",
 			align: "right",
 			sortValue: (e) => e.volume,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "tabular-nums font-medium text-text-primary",
-				children: c(e.volume, e.unit)
+				children: s(e.volume, e.unit)
 			})
 		},
 		{
@@ -241,12 +264,12 @@ function M() {
 			header: "Grade",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => e.grade == null ? /* @__PURE__ */ _("span", {
+			render: (e) => e.grade == null ? /* @__PURE__ */ v("span", {
 				className: "text-text-tertiary",
 				children: "—"
-			}) : /* @__PURE__ */ _("span", {
+			}) : /* @__PURE__ */ v("span", {
 				className: "tabular-nums text-text-secondary",
-				children: a(e.grade)
+				children: te(e.grade)
 			})
 		},
 		{
@@ -255,19 +278,19 @@ function M() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.downtimeHours,
-			render: (e) => /* @__PURE__ */ v("span", {
+			render: (e) => /* @__PURE__ */ y("span", {
 				className: "tabular-nums text-text-secondary",
-				children: [a(e.downtimeHours), " h"]
+				children: [te(e.downtimeHours), " h"]
 			})
 		},
 		{
 			key: "notes",
 			header: "Notes",
 			hideOnMobile: !0,
-			render: (e) => e.notes ? /* @__PURE__ */ _("span", {
+			render: (e) => e.notes ? /* @__PURE__ */ v("span", {
 				className: "block max-w-[16rem] truncate text-text-secondary",
 				children: e.notes
-			}) : /* @__PURE__ */ _("span", {
+			}) : /* @__PURE__ */ v("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
@@ -277,21 +300,21 @@ function M() {
 			header: "Recorded",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-tertiary",
-				children: s(e.createdAt)
+				children: o(e.createdAt)
 			})
 		}
-	], et = [
+	], vt = [
 		{
 			key: "category",
 			header: "Category",
-			render: (e) => /* @__PURE__ */ _(u, { status: e.category })
+			render: (e) => /* @__PURE__ */ v(l, { status: e.category })
 		},
 		{
 			key: "asOf",
 			header: "As of",
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-secondary",
 				children: r(e.asOfDate)
 			})
@@ -301,9 +324,9 @@ function M() {
 			header: "Recoverable",
 			align: "right",
 			sortValue: (e) => e.recoverable,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "tabular-nums font-medium text-text-primary",
-				children: c(e.recoverable, e.unit)
+				children: s(e.recoverable, e.unit)
 			})
 		},
 		{
@@ -311,22 +334,22 @@ function M() {
 			header: "Recovery factor",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => e.recoveryFactor == null ? /* @__PURE__ */ _("span", {
+			render: (e) => e.recoveryFactor == null ? /* @__PURE__ */ v("span", {
 				className: "text-text-tertiary",
 				children: "—"
-			}) : /* @__PURE__ */ _("span", {
+			}) : /* @__PURE__ */ v("span", {
 				className: "tabular-nums text-text-secondary",
-				children: o(e.recoveryFactor)
+				children: a(e.recoveryFactor)
 			})
 		},
 		{
 			key: "methodology",
 			header: "Methodology",
 			hideOnMobile: !0,
-			render: (e) => e.methodology ? /* @__PURE__ */ _("span", {
+			render: (e) => e.methodology ? /* @__PURE__ */ v("span", {
 				className: "block max-w-[14rem] truncate text-text-secondary",
 				children: e.methodology
-			}) : /* @__PURE__ */ _("span", {
+			}) : /* @__PURE__ */ v("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
@@ -336,32 +359,32 @@ function M() {
 			header: "Added",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-tertiary",
-				children: s(e.createdAt)
+				children: o(e.createdAt)
 			})
 		}
-	], tt = [
+	], yt = [
 		{
 			key: "scope",
 			header: "Scope",
-			render: (e) => /* @__PURE__ */ _(u, { status: e.scope })
+			render: (e) => /* @__PURE__ */ v(l, { status: e.scope })
 		},
 		{
 			key: "co2e",
 			header: "CO₂e",
 			align: "right",
 			sortValue: (e) => e.co2eTonnes,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "tabular-nums font-medium text-text-primary",
-				children: te(e.co2eTonnes)
+				children: ne(e.co2eTonnes)
 			})
 		},
 		{
 			key: "period",
 			header: "Period",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ v("span", {
+			render: (e) => /* @__PURE__ */ y("span", {
 				className: "text-text-secondary",
 				children: [
 					r(e.periodStart),
@@ -374,7 +397,7 @@ function M() {
 			key: "source",
 			header: "Source",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-secondary",
 				children: e.source ?? "—"
 			})
@@ -382,10 +405,10 @@ function M() {
 		{
 			key: "verified",
 			header: "Verified",
-			render: (e) => e.verified ? /* @__PURE__ */ _("span", {
+			render: (e) => e.verified ? /* @__PURE__ */ v("span", {
 				className: "text-sm font-medium text-status-success-text",
 				children: "Verified"
-			}) : /* @__PURE__ */ _("span", {
+			}) : /* @__PURE__ */ v("span", {
 				className: "text-sm text-text-tertiary",
 				children: "Unverified"
 			})
@@ -395,575 +418,594 @@ function M() {
 			header: "Recorded",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-tertiary",
-				children: s(e.createdAt)
+				children: o(e.createdAt)
 			})
 		}
-	], nt = [
+	], bt = [
 		{
 			value: "production",
 			label: "Production",
-			icon: /* @__PURE__ */ _(ge, { className: "h-4 w-4" }),
-			count: J.length
+			icon: /* @__PURE__ */ v(Ce, { className: "h-4 w-4" }),
+			count: Z.length
 		},
 		{
 			value: "reserves",
 			label: "Reserves",
-			icon: /* @__PURE__ */ _(Ce, { className: "h-4 w-4" }),
-			count: Y.length
+			icon: /* @__PURE__ */ v(Ae, { className: "h-4 w-4" }),
+			count: Q.length
 		},
 		{
 			value: "emissions",
 			label: "Emissions",
-			icon: /* @__PURE__ */ _(be, { className: "h-4 w-4" }),
-			count: X.length
+			icon: /* @__PURE__ */ v(De, { className: "h-4 w-4" }),
+			count: ot.length
 		},
 		{
 			value: "tags",
 			label: "Tags",
-			icon: /* @__PURE__ */ _(De, { className: "h-4 w-4" })
+			icon: /* @__PURE__ */ v(Pe, { className: "h-4 w-4" })
 		},
 		{
 			value: "discussion",
 			label: "Discussion",
-			icon: /* @__PURE__ */ _(Te, { className: "h-4 w-4" })
+			icon: /* @__PURE__ */ v(Me, { className: "h-4 w-4" })
 		}
 	];
-	return /* @__PURE__ */ v(t, {
+	return /* @__PURE__ */ y(t, {
 		title: F.name,
 		description: [F.code, i(F.kind)].filter(Boolean).join(" · "),
-		actions: /* @__PURE__ */ v(ke, { children: [
-			/* @__PURE__ */ _(u, { status: F.status }),
-			!Ge && Ke.length > 0 && /* @__PURE__ */ v(T, {
+		dataTour: "theglobalfuel-asset-detail-page",
+		actions: /* @__PURE__ */ y(_, { children: [
+			/* @__PURE__ */ v(l, { status: F.status }),
+			!st && ct.length > 0 && /* @__PURE__ */ y(w, {
 				value: F.status,
-				onValueChange: (e) => Ye(e),
-				children: [/* @__PURE__ */ _(O, {
+				onValueChange: (e) => pt(e),
+				children: [/* @__PURE__ */ v(D, {
 					className: "h-9 w-44",
 					"aria-label": "Change asset status",
-					children: /* @__PURE__ */ _(k, { placeholder: "Change status" })
-				}), /* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(D, {
+					children: /* @__PURE__ */ v(O, { placeholder: "Change status" })
+				}), /* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(E, {
 					value: F.status,
 					disabled: !0,
 					children: i(F.status)
-				}), Ke.map((e) => /* @__PURE__ */ _(D, {
+				}), ct.map((e) => /* @__PURE__ */ v(E, {
 					value: e,
 					children: i(e)
 				}, e))] })]
 			}),
-			!Ge && /* @__PURE__ */ v(y, {
+			!st && /* @__PURE__ */ y(b, {
 				variant: "ghost",
-				onClick: Xe,
-				disabled: Ve.isPending,
+				onClick: mt,
+				disabled: tt.isPending,
 				className: "text-status-error-text hover:text-status-error-text",
-				children: [/* @__PURE__ */ _(_e, { className: "mr-1.5 h-4 w-4" }), " Retire"]
+				children: [/* @__PURE__ */ v(we, { className: "mr-1.5 h-4 w-4" }), " Retire"]
 			}),
-			/* @__PURE__ */ v(y, {
+			/* @__PURE__ */ y(b, {
 				variant: "ghost",
 				onClick: () => N("assets"),
-				children: [/* @__PURE__ */ _(ve, { className: "mr-1.5 h-4 w-4" }), " Back"]
+				children: [/* @__PURE__ */ v(Te, { className: "mr-1.5 h-4 w-4" }), " Back"]
 			})
 		] }),
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5",
 				children: [
-					/* @__PURE__ */ _(n, {
-						icon: /* @__PURE__ */ _(Se, { className: "h-5 w-5" }),
-						value: F.capacityPerDay > 0 ? `${c(F.capacityPerDay, F.capacityUnit)}/day` : "—",
+					/* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ v(ke, { className: "h-5 w-5" }),
+						value: F.capacityPerDay > 0 ? `${s(F.capacityPerDay, F.capacityUnit)}/day` : "—",
 						label: "Capacity"
 					}),
-					/* @__PURE__ */ _(n, {
-						icon: /* @__PURE__ */ _(Ee, { className: "h-5 w-5" }),
-						value: o(F.workingInterestPct),
+					/* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ v(Ne, { className: "h-5 w-5" }),
+						value: a(F.workingInterestPct),
 						label: "Working interest"
 					}),
-					/* @__PURE__ */ _(n, {
-						icon: /* @__PURE__ */ _(xe, { className: "h-5 w-5" }),
+					/* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ v(Oe, { className: "h-5 w-5" }),
 						value: i(F.commodity),
 						label: "Commodity"
 					}),
-					/* @__PURE__ */ _(n, {
-						icon: /* @__PURE__ */ _(ye, { className: "h-5 w-5" }),
+					/* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ v(Ee, { className: "h-5 w-5" }),
 						value: r(F.commissionedAt),
 						label: "Commissioned"
 					}),
-					/* @__PURE__ */ _(n, {
-						icon: /* @__PURE__ */ _(we, { className: "h-5 w-5" }),
+					/* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ v(je, { className: "h-5 w-5" }),
 						value: ee(F.latitude, F.longitude),
 						label: "Location",
-						footer: F.location ? /* @__PURE__ */ _("p", {
+						footer: F.location ? /* @__PURE__ */ v("p", {
 							className: "truncate text-xs text-text-tertiary",
 							children: F.location
 						}) : void 0
 					})
 				]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ v(b, {
+				children: [/* @__PURE__ */ y(x, {
 					treatment: "glass",
 					className: "p-6 lg:col-span-2",
-					children: [/* @__PURE__ */ _("h2", {
+					children: [/* @__PURE__ */ v("h2", {
 						className: "mb-2 text-base font-semibold text-text-primary",
 						children: "Asset details"
-					}), /* @__PURE__ */ v("dl", {
+					}), /* @__PURE__ */ y("dl", {
 						className: "grid grid-cols-1 gap-x-8 sm:grid-cols-2",
 						children: [
-							/* @__PURE__ */ _(j, {
+							/* @__PURE__ */ v(j, {
 								label: "Asset code",
 								value: F.code || "—"
 							}),
-							/* @__PURE__ */ _(j, {
+							/* @__PURE__ */ v(j, {
 								label: "Kind",
 								value: i(F.kind)
 							}),
-							/* @__PURE__ */ _(j, {
+							/* @__PURE__ */ v(j, {
 								label: "Commodity",
 								value: i(F.commodity)
 							}),
-							/* @__PURE__ */ _(j, {
+							/* @__PURE__ */ v(j, {
 								label: "Status",
-								value: /* @__PURE__ */ _(u, { status: F.status })
+								value: /* @__PURE__ */ v(l, { status: F.status })
 							}),
-							/* @__PURE__ */ _(j, {
+							/* @__PURE__ */ v(j, {
 								label: "Capacity / day",
-								value: F.capacityPerDay > 0 ? `${c(F.capacityPerDay, F.capacityUnit)}/day` : "—"
+								value: F.capacityPerDay > 0 ? `${s(F.capacityPerDay, F.capacityUnit)}/day` : "—"
 							}),
-							/* @__PURE__ */ _(j, {
+							/* @__PURE__ */ v(j, {
 								label: "Working interest",
-								value: o(F.workingInterestPct)
+								value: a(F.workingInterestPct)
 							}),
-							/* @__PURE__ */ _(j, {
+							/* @__PURE__ */ v(j, {
 								label: "Operator lead",
-								value: F.operatorLeadId ? /* @__PURE__ */ _("span", {
+								value: F.operatorLeadId ? /* @__PURE__ */ v("span", {
 									className: "font-mono text-xs",
 									title: F.operatorLeadId,
 									children: F.operatorLeadId
 								}) : "—"
 							}),
-							/* @__PURE__ */ _(j, {
+							/* @__PURE__ */ v(j, {
 								label: "Location",
 								value: F.location || "—"
 							}),
-							/* @__PURE__ */ _(j, {
+							/* @__PURE__ */ v(j, {
 								label: "Coordinates",
 								value: ee(F.latitude, F.longitude)
 							}),
-							/* @__PURE__ */ _(j, {
+							/* @__PURE__ */ v(j, {
 								label: "Commissioned",
 								value: r(F.commissionedAt)
 							}),
-							/* @__PURE__ */ _(j, {
+							/* @__PURE__ */ v(j, {
 								label: "Decommissioned",
 								value: r(F.decommissionedAt)
 							}),
-							/* @__PURE__ */ _(j, {
+							/* @__PURE__ */ v(j, {
 								label: "Registered",
-								value: /* @__PURE__ */ _("span", {
+								value: /* @__PURE__ */ v("span", {
 									title: r(F.createdAt),
-									children: s(F.createdAt)
+									children: o(F.createdAt)
 								})
 							}),
-							/* @__PURE__ */ _(j, {
+							/* @__PURE__ */ v(j, {
 								label: "Last updated",
-								value: /* @__PURE__ */ _("span", {
+								value: /* @__PURE__ */ v("span", {
 									title: r(F.updatedAt),
-									children: s(F.updatedAt)
+									children: o(F.updatedAt)
 								})
 							})
 						]
 					})]
-				}), /* @__PURE__ */ v(b, {
+				}), /* @__PURE__ */ y(x, {
 					treatment: "glass",
 					className: "flex flex-col gap-3 p-6",
 					children: [
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ _(we, { className: "h-4 w-4 text-accent" }), /* @__PURE__ */ _("h2", {
+							children: [/* @__PURE__ */ v(je, { className: "h-4 w-4 text-accent" }), /* @__PURE__ */ v("h2", {
 								className: "text-base font-semibold text-text-primary",
 								children: "Location"
 							})]
 						}),
-						qe ? /* @__PURE__ */ _(he, { points: [qe] }) : /* @__PURE__ */ _("div", {
+						lt ? /* @__PURE__ */ v(Se, { points: [lt] }) : /* @__PURE__ */ v("div", {
 							className: "flex flex-1 items-center justify-center rounded-xl border border-dashed border-border-seam py-10 text-center text-sm text-text-secondary",
 							children: "No coordinates recorded for this asset."
 						}),
-						F.location && /* @__PURE__ */ _("p", {
+						F.location && /* @__PURE__ */ v("p", {
 							className: "text-xs text-text-tertiary",
 							children: F.location
 						})
 					]
 				})]
 			}),
-			B && /* @__PURE__ */ _("p", {
+			W && /* @__PURE__ */ v("p", {
 				className: "mt-4 text-sm text-status-error-text",
-				children: B
+				children: W
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ _(fe, {
-					items: nt,
-					value: z,
-					onChange: He
+				children: /* @__PURE__ */ v(ve, {
+					items: bt,
+					value: U,
+					onChange: nt
 				})
 			}),
-			z === "production" && /* @__PURE__ */ _(p, {
+			U === "production" && /* @__PURE__ */ v(p, {
 				title: "Production",
 				description: "Volumes produced per reporting period, with grade & downtime.",
-				action: /* @__PURE__ */ v(y, {
+				action: /* @__PURE__ */ y(b, {
 					size: "sm",
-					onClick: Je,
-					children: [/* @__PURE__ */ _(g, { className: "mr-1.5 h-4 w-4" }), " Record production"]
+					onClick: ut,
+					children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }), " Record production"]
 				}),
-				children: J.length === 0 ? /* @__PURE__ */ _(m, {
+				children: z.isLoading ? /* @__PURE__ */ v(f, { label: "Loading production…" }) : z.isError ? /* @__PURE__ */ v(d, {
+					message: "Couldn't load production records.",
+					onRetry: () => z.refetch()
+				}) : Z.length === 0 ? /* @__PURE__ */ v(m, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ _(ge, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ v(Ce, { className: "h-10 w-10" }),
 					title: "No production recorded",
 					description: "Record a production period to start tracking volumes for this asset.",
-					action: /* @__PURE__ */ v(y, {
-						onClick: Je,
-						children: [/* @__PURE__ */ _(g, { className: "mr-1.5 h-4 w-4" }), " Record production"]
+					action: /* @__PURE__ */ y(b, {
+						onClick: ut,
+						children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }), " Record production"]
 					})
-				}) : /* @__PURE__ */ _(d, {
-					columns: $e,
-					rows: J,
+				}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(u, {
+					columns: _t,
+					rows: Z,
 					rowKey: (e) => e.id,
 					defaultSort: {
 						key: "period",
 						dir: "desc"
 					}
-				})
+				}), /* @__PURE__ */ v(ye, {
+					page: L.page,
+					pageSize: k,
+					itemCount: Z.length,
+					hasMore: z.data?.pageInfo?.hasMore ?? !1,
+					onPageChange: L.onPageChange
+				})] })
 			}),
-			z === "reserves" && /* @__PURE__ */ _(p, {
+			U === "reserves" && /* @__PURE__ */ v(p, {
 				title: "Reserve estimates",
 				description: "Recoverable volumes by SPE-PRMS reserve category & as-of date.",
-				action: /* @__PURE__ */ v(y, {
+				action: /* @__PURE__ */ y(b, {
 					size: "sm",
-					onClick: Z,
-					children: [/* @__PURE__ */ _(g, { className: "mr-1.5 h-4 w-4" }), " Add reserve estimate"]
+					onClick: dt,
+					children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }), " Add reserve estimate"]
 				}),
-				children: Y.length === 0 ? /* @__PURE__ */ _(m, {
+				children: B.isLoading ? /* @__PURE__ */ v(f, { label: "Loading reserve estimates…" }) : B.isError ? /* @__PURE__ */ v(d, {
+					message: "Couldn't load reserve estimates.",
+					onRetry: () => B.refetch()
+				}) : Q.length === 0 ? /* @__PURE__ */ v(m, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ _(Ce, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ v(Ae, { className: "h-10 w-10" }),
 					title: "No reserve estimates",
 					description: "Add a reserve estimate to record recoverable volumes for this asset.",
-					action: /* @__PURE__ */ v(y, {
-						onClick: Z,
-						children: [/* @__PURE__ */ _(g, { className: "mr-1.5 h-4 w-4" }), " Add reserve estimate"]
+					action: /* @__PURE__ */ y(b, {
+						onClick: dt,
+						children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }), " Add reserve estimate"]
 					})
-				}) : /* @__PURE__ */ _(d, {
-					columns: et,
-					rows: Y,
+				}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(u, {
+					columns: vt,
+					rows: Q,
 					rowKey: (e) => e.id
-				})
+				}), /* @__PURE__ */ v(ye, {
+					page: R.page,
+					pageSize: k,
+					itemCount: Q.length,
+					hasMore: B.data?.pageInfo?.hasMore ?? !1,
+					onPageChange: R.onPageChange
+				})] })
 			}),
-			z === "emissions" && /* @__PURE__ */ _(p, {
+			U === "emissions" && /* @__PURE__ */ v(p, {
 				title: "Emissions",
 				description: "GHG emission records attributed to this asset (Scope 1 / 2 / 3).",
-				children: I.isLoading ? /* @__PURE__ */ _(f, { label: "Loading emissions…" }) : I.isError ? /* @__PURE__ */ _(ne, {
+				children: I.isLoading ? /* @__PURE__ */ v(f, { label: "Loading emissions…" }) : I.isError ? /* @__PURE__ */ v(d, {
 					message: "Couldn't load emission records.",
 					onRetry: () => I.refetch()
-				}) : X.length === 0 ? /* @__PURE__ */ _(m, {
+				}) : ot.length === 0 ? /* @__PURE__ */ v(m, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ _(be, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ v(De, { className: "h-10 w-10" }),
 					title: "No emissions recorded",
 					description: "Emission records attributed to this asset will appear here."
-				}) : /* @__PURE__ */ _(d, {
-					columns: tt,
-					rows: X,
+				}) : /* @__PURE__ */ v(u, {
+					columns: yt,
+					rows: ot,
 					rowKey: (e) => e.id
 				})
 			}),
-			z === "tags" && /* @__PURE__ */ _(p, {
+			U === "tags" && /* @__PURE__ */ v(p, {
 				title: "Tags",
 				description: "Label this asset for search, grouping & reporting.",
-				children: /* @__PURE__ */ _(b, {
+				children: /* @__PURE__ */ v(x, {
 					treatment: "glass",
 					className: "p-6",
-					children: /* @__PURE__ */ _(me, {
+					children: /* @__PURE__ */ v(xe, {
 						entityType: "theglobalfuel-asset",
 						entityId: F.id
 					})
 				})
 			}),
-			z === "discussion" && /* @__PURE__ */ _("div", {
+			U === "discussion" && /* @__PURE__ */ v("div", {
 				className: "mt-8",
-				children: /* @__PURE__ */ _(pe, {
+				children: /* @__PURE__ */ v(be, {
 					entityType: "theglobalfuel-asset",
 					entityId: F.id,
 					title: "Discussion",
 					description: "Notes & coordination for this asset."
 				})
 			}),
-			/* @__PURE__ */ _(C, {
-				open: Ue,
-				onOpenChange: (e) => e ? H(!0) : Q(),
-				children: /* @__PURE__ */ v(w, { children: [
-					/* @__PURE__ */ v(Me, { children: [/* @__PURE__ */ _(Ne, { children: "Record production" }), /* @__PURE__ */ v(Ae, { children: [
+			/* @__PURE__ */ v(Ie, {
+				open: rt,
+				onOpenChange: (e) => e ? K(!0) : ft(),
+				children: /* @__PURE__ */ y(Le, { children: [
+					/* @__PURE__ */ y(Be, { children: [/* @__PURE__ */ v(Ve, { children: "Record production" }), /* @__PURE__ */ y(Re, { children: [
 						"Log a production period for ",
 						F.name,
 						"."
 					] })] }),
-					/* @__PURE__ */ v("form", {
+					/* @__PURE__ */ y("form", {
 						id: "recordProductionForm",
 						onSubmit: (e) => {
-							e.preventDefault(), Ze();
+							e.preventDefault(), ht();
 						},
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ v(C, {
 										htmlFor: "prodStart",
 										children: "Period start *"
-									}), /* @__PURE__ */ _(x, {
+									}), /* @__PURE__ */ v(S, {
 										id: "prodStart",
 										type: "date",
-										value: U.periodStart,
-										onChange: (e) => W({
-											...U,
+										value: q.periodStart,
+										onChange: (e) => J({
+											...q,
 											periodStart: e.target.value
 										})
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ v(C, {
 										htmlFor: "prodEnd",
 										children: "Period end *"
-									}), /* @__PURE__ */ _(x, {
+									}), /* @__PURE__ */ v(S, {
 										id: "prodEnd",
 										type: "date",
-										value: U.periodEnd,
-										onChange: (e) => W({
-											...U,
+										value: q.periodEnd,
+										onChange: (e) => J({
+											...q,
 											periodEnd: e.target.value
 										})
 									})]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ v(C, {
 										htmlFor: "prodVolume",
 										children: "Volume *"
-									}), /* @__PURE__ */ _(x, {
+									}), /* @__PURE__ */ v(S, {
 										id: "prodVolume",
 										type: "number",
 										min: "0",
 										step: "any",
-										value: U.volume,
-										onChange: (e) => W({
-											...U,
+										value: q.volume,
+										onChange: (e) => J({
+											...q,
 											volume: e.target.value
 										}),
 										placeholder: "118500"
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ v(C, {
 										htmlFor: "prodUnit",
 										children: "Unit"
-									}), /* @__PURE__ */ v(T, {
-										value: U.unit,
-										onValueChange: (e) => W({
-											...U,
+									}), /* @__PURE__ */ y(w, {
+										value: q.unit,
+										onValueChange: (e) => J({
+											...q,
 											unit: e
 										}),
-										children: [/* @__PURE__ */ _(O, {
+										children: [/* @__PURE__ */ v(D, {
 											id: "prodUnit",
-											children: /* @__PURE__ */ _(k, {})
-										}), /* @__PURE__ */ _(E, { children: Fe.map((e) => /* @__PURE__ */ _(D, {
+											children: /* @__PURE__ */ v(O, {})
+										}), /* @__PURE__ */ v(T, { children: Ue.map((e) => /* @__PURE__ */ v(E, {
 											value: e,
 											children: i(e)
 										}, e)) })]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ v(C, {
 										htmlFor: "prodGrade",
 										children: "Grade"
-									}), /* @__PURE__ */ _(x, {
+									}), /* @__PURE__ */ v(S, {
 										id: "prodGrade",
 										type: "number",
 										step: "any",
-										value: U.grade,
-										onChange: (e) => W({
-											...U,
+										value: q.grade,
+										onChange: (e) => J({
+											...q,
 											grade: e.target.value
 										}),
 										placeholder: "Optional (e.g. API / assay)"
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ v(C, {
 										htmlFor: "prodDowntime",
 										children: "Downtime (hours)"
-									}), /* @__PURE__ */ _(x, {
+									}), /* @__PURE__ */ v(S, {
 										id: "prodDowntime",
 										type: "number",
 										min: "0",
 										step: "any",
-										value: U.downtimeHours,
-										onChange: (e) => W({
-											...U,
+										value: q.downtimeHours,
+										onChange: (e) => J({
+											...q,
 											downtimeHours: e.target.value
 										}),
 										placeholder: "0"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ _(S, {
+								children: [/* @__PURE__ */ v(C, {
 									htmlFor: "prodNotes",
 									children: "Notes"
-								}), /* @__PURE__ */ _(Pe, {
+								}), /* @__PURE__ */ v(He, {
 									id: "prodNotes",
 									rows: 2,
-									value: U.notes,
-									onChange: (e) => W({
-										...U,
+									value: q.notes,
+									onChange: (e) => J({
+										...q,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about this period."
 								})]
 							}),
-							B && Ue && /* @__PURE__ */ _("p", {
+							W && rt && /* @__PURE__ */ v("p", {
 								className: "text-sm text-status-error-text",
-								children: B
+								children: W
 							})
 						]
 					}),
-					/* @__PURE__ */ v(je, { children: [/* @__PURE__ */ _(y, {
+					/* @__PURE__ */ y(ze, { children: [/* @__PURE__ */ v(b, {
 						variant: "outline",
 						type: "button",
-						onClick: Q,
+						onClick: ft,
 						children: "Cancel"
-					}), /* @__PURE__ */ _(y, {
+					}), /* @__PURE__ */ v(b, {
 						type: "submit",
 						form: "recordProductionForm",
-						disabled: L.isPending,
-						children: L.isPending ? "Recording…" : "Record production"
+						disabled: V.isPending,
+						children: V.isPending ? "Recording…" : "Record production"
 					})] })
 				] })
 			}),
-			/* @__PURE__ */ _(C, {
-				open: We,
-				onOpenChange: (e) => e ? G(!0) : $(),
-				children: /* @__PURE__ */ v(w, { children: [
-					/* @__PURE__ */ v(Me, { children: [/* @__PURE__ */ _(Ne, { children: "Add reserve estimate" }), /* @__PURE__ */ v(Ae, { children: [
+			/* @__PURE__ */ v(Ie, {
+				open: it,
+				onOpenChange: (e) => e ? at(!0) : $(),
+				children: /* @__PURE__ */ y(Le, { children: [
+					/* @__PURE__ */ y(Be, { children: [/* @__PURE__ */ v(Ve, { children: "Add reserve estimate" }), /* @__PURE__ */ y(Re, { children: [
 						"Record a recoverable-volume estimate for ",
 						F.name,
 						"."
 					] })] }),
-					/* @__PURE__ */ v("form", {
+					/* @__PURE__ */ y("form", {
 						id: "reserveEstimateForm",
 						onSubmit: (e) => {
-							e.preventDefault(), Qe();
+							e.preventDefault(), gt();
 						},
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ v(C, {
 										htmlFor: "resCategory",
 										children: "Category"
-									}), /* @__PURE__ */ v(T, {
-										value: K.category,
-										onValueChange: (e) => q({
-											...K,
+									}), /* @__PURE__ */ y(w, {
+										value: Y.category,
+										onValueChange: (e) => X({
+											...Y,
 											category: e
 										}),
-										children: [/* @__PURE__ */ _(O, {
+										children: [/* @__PURE__ */ v(D, {
 											id: "resCategory",
-											children: /* @__PURE__ */ _(k, {})
-										}), /* @__PURE__ */ _(E, { children: Ie.map((e) => /* @__PURE__ */ _(D, {
+											children: /* @__PURE__ */ v(O, {})
+										}), /* @__PURE__ */ v(T, { children: We.map((e) => /* @__PURE__ */ v(E, {
 											value: e,
 											children: i(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ v(C, {
 										htmlFor: "resAsOf",
 										children: "As-of date *"
-									}), /* @__PURE__ */ _(x, {
+									}), /* @__PURE__ */ v(S, {
 										id: "resAsOf",
 										type: "date",
-										value: K.asOfDate,
-										onChange: (e) => q({
-											...K,
+										value: Y.asOfDate,
+										onChange: (e) => X({
+											...Y,
 											asOfDate: e.target.value
 										})
 									})]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-3",
 								children: [
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ _(S, {
+										children: [/* @__PURE__ */ v(C, {
 											htmlFor: "resRecoverable",
 											children: "Recoverable *"
-										}), /* @__PURE__ */ _(x, {
+										}), /* @__PURE__ */ v(S, {
 											id: "resRecoverable",
 											type: "number",
 											min: "0",
 											step: "any",
-											value: K.recoverable,
-											onChange: (e) => q({
-												...K,
+											value: Y.recoverable,
+											onChange: (e) => X({
+												...Y,
 												recoverable: e.target.value
 											}),
 											placeholder: "2400000"
 										})]
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ _(S, {
+										children: [/* @__PURE__ */ v(C, {
 											htmlFor: "resUnit",
 											children: "Unit"
-										}), /* @__PURE__ */ v(T, {
-											value: K.unit,
-											onValueChange: (e) => q({
-												...K,
+										}), /* @__PURE__ */ y(w, {
+											value: Y.unit,
+											onValueChange: (e) => X({
+												...Y,
 												unit: e
 											}),
-											children: [/* @__PURE__ */ _(O, {
+											children: [/* @__PURE__ */ v(D, {
 												id: "resUnit",
-												children: /* @__PURE__ */ _(k, {})
-											}), /* @__PURE__ */ _(E, { children: Fe.map((e) => /* @__PURE__ */ _(D, {
+												children: /* @__PURE__ */ v(O, {})
+											}), /* @__PURE__ */ v(T, { children: Ue.map((e) => /* @__PURE__ */ v(E, {
 												value: e,
 												children: i(e)
 											}, e)) })]
 										})]
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ _(S, {
+										children: [/* @__PURE__ */ v(C, {
 											htmlFor: "resFactor",
 											children: "Recovery factor (%)"
-										}), /* @__PURE__ */ _(x, {
+										}), /* @__PURE__ */ v(S, {
 											id: "resFactor",
 											type: "number",
 											min: "0",
 											max: "100",
 											step: "any",
-											value: K.recoveryFactor,
-											onChange: (e) => q({
-												...K,
+											value: Y.recoveryFactor,
+											onChange: (e) => X({
+												...Y,
 												recoveryFactor: e.target.value
 											}),
 											placeholder: "35"
@@ -971,53 +1013,53 @@ function M() {
 									})
 								]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ _(S, {
+								children: [/* @__PURE__ */ v(C, {
 									htmlFor: "resMethodology",
 									children: "Methodology"
-								}), /* @__PURE__ */ _(x, {
+								}), /* @__PURE__ */ v(S, {
 									id: "resMethodology",
-									value: K.methodology,
-									onChange: (e) => q({
-										...K,
+									value: Y.methodology,
+									onChange: (e) => X({
+										...Y,
 										methodology: e.target.value
 									}),
 									placeholder: "Volumetric / material balance / decline curve"
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ _(S, {
+								children: [/* @__PURE__ */ v(C, {
 									htmlFor: "resNotes",
 									children: "Notes"
-								}), /* @__PURE__ */ _(Pe, {
+								}), /* @__PURE__ */ v(He, {
 									id: "resNotes",
 									rows: 2,
-									value: K.notes,
-									onChange: (e) => q({
-										...K,
+									value: Y.notes,
+									onChange: (e) => X({
+										...Y,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about this estimate."
 								})]
 							}),
-							B && We && /* @__PURE__ */ _("p", {
+							W && it && /* @__PURE__ */ v("p", {
 								className: "text-sm text-status-error-text",
-								children: B
+								children: W
 							})
 						]
 					}),
-					/* @__PURE__ */ v(je, { children: [/* @__PURE__ */ _(y, {
+					/* @__PURE__ */ y(ze, { children: [/* @__PURE__ */ v(b, {
 						variant: "outline",
 						type: "button",
 						onClick: $,
 						children: "Cancel"
-					}), /* @__PURE__ */ _(y, {
+					}), /* @__PURE__ */ v(b, {
 						type: "submit",
 						form: "reserveEstimateForm",
-						disabled: R.isPending,
-						children: R.isPending ? "Adding…" : "Add estimate"
+						disabled: H.isPending,
+						children: H.isPending ? "Adding…" : "Add estimate"
 					})] })
 				] })
 			})