@burdenoff/microfe-theglobalfuel 2026.709.1 → 2026.709.2

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

@@ -1,29 +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 r, formatDate as i, formatEnumLabel as a, formatNumber as ee, 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 f, LoadingView as ne, 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 { useTheAnalytics as ue } from "../../hooks/useTheAnalytics.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 de, nextStatuses as fe } from "../../utils/transitions.js";
-import { Tabs as pe } from "../../components/Tabs.js";
-import { TheDiscussion as me } from "../../components/TheDiscussion.js";
-import { TheTags as he } from "../../components/TheTags.js";
-import { WorldMap as ge } 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 _e, Archive as ve, ArrowLeft as ye, CalendarClock as be, Factory as xe, Fuel as Se, Gauge as Ce, Layers as we, MapPin as Te, MessageSquare as Ee, Percent as De, Plus as g, Tag as Oe } from "lucide-react";
-import { useParams as ke } from "react-router-dom";
-import { Fragment as Ae, 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 T, ResponsiveDialogFooter as je, ResponsiveDialogHeader as Me, ResponsiveDialogTitle as Ne, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as k, SelectValue as A, 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",
@@ -31,27 +35,38 @@ var Fe = [
 	"MWH",
 	"GJ",
 	"MCF"
-], Ie = [
+], We = [
 	"PROVED",
 	"PROBABLE",
 	"POSSIBLE",
 	"CONTINGENT",
 	"PROSPECTIVE"
-], j = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
-function M({ label: e, value: t }) {
-	return /* @__PURE__ */ v("div", {
+], A = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+function j({ label: e, value: t }) {
+	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 N() {
-	let { id: N } = ke(), { navigateTo: P } = e(), F = le(), { data: I, isLoading: Le, isError: Re, refetch: ze } = re(N), L = ae({ assetId: N }), { trackProductionRecordClicked: Be, trackProductionRecorded: Ve, trackReserveCreateClicked: He, trackReserveCreated: Ue } = ue(), We = ce(), Ge = se(), R = oe(), z = ie(), [B, Ke] = h("production"), [V, H] = h(null), [qe, U] = h(!1), [W, G] = h({
+function M() {
+	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: "",
@@ -59,7 +74,7 @@ function N() {
 		grade: "",
 		downtimeHours: "",
 		notes: ""
-	}), [Je, K] = h(!1), [q, J] = h({
+	}), [it, at] = h(!1), [Y, X] = h({
 		category: "PROVED",
 		asOfDate: "",
 		recoverable: "",
@@ -68,58 +83,60 @@ function N() {
 		methodology: "",
 		notes: ""
 	});
-	if (Le) return /* @__PURE__ */ _(t, {
+	if (qe) return /* @__PURE__ */ v(t, {
 		title: "Asset",
-		children: /* @__PURE__ */ _(ne, { label: "Loading asset…" })
+		dataTour: "theglobalfuel-asset-detail-page",
+		children: /* @__PURE__ */ v(f, { label: "Loading asset…" })
 	});
-	if (Re || !I) 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: () => P("assets"),
-			children: [/* @__PURE__ */ _(ye, { className: "mr-1.5 h-4 w-4" }), " Back"]
+			onClick: () => N("assets"),
+			children: [/* @__PURE__ */ v(Te, { className: "mr-1.5 h-4 w-4" }), " Back"]
 		}),
-		children: Re ? /* @__PURE__ */ _(f, {
+		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__ */ _(Se, { 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, {
-				onClick: () => P("assets"),
+			action: /* @__PURE__ */ v(b, {
+				onClick: () => N("assets"),
 				children: "Back to assets"
 			})
 		})
 	});
-	let Y = I.productionRecords ?? [], X = I.reserveEstimates ?? [], Z = L.data?.items ?? [], Ye = I.status === "RETIRED", Xe = fe(de, I.status), Ze = typeof I.latitude == "number" && typeof I.longitude == "number" ? {
-		lat: I.latitude,
-		lng: I.longitude,
-		label: I.name,
+	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, Qe = () => {
-		H(null), Be(), G({
-			periodStart: j(),
-			periodEnd: j(),
+	} : null, ut = () => {
+		G(null), Ge("light"), Xe(), J({
+			periodStart: A(),
+			periodEnd: A(),
 			volume: "",
-			unit: I.capacityUnit,
+			unit: F.capacityUnit,
 			grade: "",
 			downtimeHours: "",
 			notes: ""
-		}), U(!0);
-	}, $e = () => {
-		H(null), He(), J({
+		}), K(!0);
+	}, dt = () => {
+		G(null), Ge("light"), Qe(), X({
 			category: "PROVED",
-			asOfDate: j(),
+			asOfDate: A(),
 			recoverable: "",
 			recoveryFactor: "",
-			unit: I.capacityUnit,
+			unit: F.capacityUnit,
 			methodology: "",
 			notes: ""
-		}), K(!0);
-	}, Q = () => {
-		U(!1), H(null), G({
+		}), at(!0);
+	}, ft = () => {
+		K(!1), G(null), J({
 			periodStart: "",
 			periodEnd: "",
 			volume: "",
@@ -129,7 +146,7 @@ function N() {
 			notes: ""
 		});
 	}, $ = () => {
-		K(!1), H(null), J({
+		at(!1), G(null), X({
 			category: "PROVED",
 			asOfDate: "",
 			recoverable: "",
@@ -138,92 +155,97 @@ function N() {
 			methodology: "",
 			notes: ""
 		});
-	}, et = async (e) => {
-		if (!(!N || e === I.status)) {
-			H(null);
+	}, pt = async (e) => {
+		if (!(!M || e === F.status)) {
+			G(null);
 			try {
-				await We.mutateAsync({
-					id: N,
+				await et.mutateAsync({
+					id: M,
 					status: e
-				}), F.success(`Status changed to ${a(e)}`);
+				}), P.success(`Status changed to ${i(e)}`);
 			} catch (e) {
-				F.fromError(e), H(e instanceof Error ? e.message : "Failed to change asset status.");
+				P.fromError(e), G(e instanceof Error ? e.message : "Failed to change asset status.");
 			}
 		}
-	}, tt = async () => {
-		if (N && window.confirm(`Retire ${I.name}? This marks the asset as decommissioned.`)) {
-			H(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 Ge.mutateAsync(N), F.success("Asset retired"), P("assets");
+				await tt.mutateAsync(M), P.success("Asset retired"), N("assets");
 			} catch (e) {
-				F.fromError(e), H(e instanceof Error ? e.message : "Failed to retire asset.");
+				P.fromError(e), G(e instanceof Error ? e.message : "Failed to retire asset.");
 			}
 		}
-	}, nt = async () => {
-		let e = l(W.periodStart), t = l(W.periodEnd);
-		if (!N || !e || !t) {
-			H("Period start and period end are required.");
+	}, ht = async () => {
+		let e = c(q.periodStart), t = c(q.periodEnd);
+		if (!M || !e || !t) {
+			G("Period start and period end are required.");
 			return;
 		}
-		let n = Number(W.volume);
-		if (!W.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.";
-			H(e), F.error(e);
+			G(e), P.error(e);
 			return;
 		}
-		H(null);
+		G(null);
 		try {
-			Ve((await R.mutateAsync({
-				assetId: N,
+			Ze((await V.mutateAsync({
+				assetId: M,
 				periodStart: e,
 				periodEnd: t,
 				volume: n,
-				unit: W.unit,
-				grade: W.grade ? Number(W.grade) : null,
-				downtimeHours: W.downtimeHours ? Number(W.downtimeHours) : null,
-				notes: W.notes.trim() || null
-			})).id), F.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) {
-			F.fromError(e), H(e instanceof Error ? e.message : "Failed to record production.");
+			P.fromError(e), G(e instanceof Error ? e.message : "Failed to record production.");
 		}
-	}, rt = async () => {
-		let e = l(q.asOfDate);
-		if (!N || !e) {
-			H("As-of date is required.");
+	}, gt = async () => {
+		let e = c(Y.asOfDate);
+		if (!M || !e) {
+			G("As-of date is required.");
 			return;
 		}
-		let t = Number(q.recoverable);
-		if (!q.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.";
-			H(e), F.error(e);
+			G(e), P.error(e);
 			return;
 		}
-		H(null);
+		G(null);
 		try {
-			Ue((await z.mutateAsync({
-				assetId: N,
-				category: q.category,
+			$e((await H.mutateAsync({
+				assetId: M,
+				category: Y.category,
 				asOfDate: e,
 				recoverable: t,
-				recoveryFactor: q.recoveryFactor ? Number(q.recoveryFactor) : null,
-				unit: q.unit,
-				methodology: q.methodology.trim() || null,
-				notes: q.notes.trim() || null
-			})).id), F.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) {
-			F.fromError(e), H(e instanceof Error ? e.message : "Failed to add reserve estimate.");
+			P.fromError(e), G(e instanceof Error ? e.message : "Failed to add reserve estimate.");
 		}
-	}, it = [
+	}, _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: [
-					i(e.periodStart),
+					r(e.periodStart),
 					" – ",
-					i(e.periodEnd)
+					r(e.periodEnd)
 				]
 			})
 		},
@@ -232,9 +254,9 @@ function N() {
 			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)
 			})
 		},
 		{
@@ -242,12 +264,12 @@ function N() {
 			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: ee(e.grade)
+				children: te(e.grade)
 			})
 		},
 		{
@@ -256,19 +278,19 @@ function N() {
 			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: [ee(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: "—"
 			})
@@ -278,23 +300,23 @@ function N() {
 			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)
 			})
 		}
-	], at = [
+	], 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: i(e.asOfDate)
+				children: r(e.asOfDate)
 			})
 		},
 		{
@@ -302,9 +324,9 @@ function N() {
 			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)
 			})
 		},
 		{
@@ -312,22 +334,22 @@ function N() {
 			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: "—"
 			})
@@ -337,37 +359,37 @@ function N() {
 			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)
 			})
 		}
-	], ot = [
+	], 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: [
-					i(e.periodStart),
+					r(e.periodStart),
 					" – ",
-					i(e.periodEnd)
+					r(e.periodEnd)
 				]
 			})
 		},
@@ -375,7 +397,7 @@ function N() {
 			key: "source",
 			header: "Source",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-secondary",
 				children: e.source ?? "—"
 			})
@@ -383,10 +405,10 @@ function N() {
 		{
 			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"
 			})
@@ -396,579 +418,594 @@ function N() {
 			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)
 			})
 		}
-	], st = [
+	], bt = [
 		{
 			value: "production",
 			label: "Production",
-			icon: /* @__PURE__ */ _(_e, { className: "h-4 w-4" }),
-			count: Y.length
+			icon: /* @__PURE__ */ v(Ce, { className: "h-4 w-4" }),
+			count: Z.length
 		},
 		{
 			value: "reserves",
 			label: "Reserves",
-			icon: /* @__PURE__ */ _(we, { className: "h-4 w-4" }),
-			count: X.length
+			icon: /* @__PURE__ */ v(Ae, { className: "h-4 w-4" }),
+			count: Q.length
 		},
 		{
 			value: "emissions",
 			label: "Emissions",
-			icon: /* @__PURE__ */ _(xe, { className: "h-4 w-4" }),
-			count: Z.length
+			icon: /* @__PURE__ */ v(De, { className: "h-4 w-4" }),
+			count: ot.length
 		},
 		{
 			value: "tags",
 			label: "Tags",
-			icon: /* @__PURE__ */ _(Oe, { className: "h-4 w-4" })
+			icon: /* @__PURE__ */ v(Pe, { className: "h-4 w-4" })
 		},
 		{
 			value: "discussion",
 			label: "Discussion",
-			icon: /* @__PURE__ */ _(Ee, { className: "h-4 w-4" })
+			icon: /* @__PURE__ */ v(Me, { className: "h-4 w-4" })
 		}
 	];
-	return /* @__PURE__ */ v(t, {
-		title: I.name,
-		description: [I.code, a(I.kind)].filter(Boolean).join(" · "),
-		actions: /* @__PURE__ */ v(Ae, { children: [
-			/* @__PURE__ */ _(u, { status: I.status }),
-			!Ye && Xe.length > 0 && /* @__PURE__ */ v(E, {
-				value: I.status,
-				onValueChange: (e) => et(e),
-				children: [/* @__PURE__ */ _(k, {
+	return /* @__PURE__ */ y(t, {
+		title: F.name,
+		description: [F.code, i(F.kind)].filter(Boolean).join(" · "),
+		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) => pt(e),
+				children: [/* @__PURE__ */ v(D, {
 					className: "h-9 w-44",
 					"aria-label": "Change asset status",
-					children: /* @__PURE__ */ _(A, { placeholder: "Change status" })
-				}), /* @__PURE__ */ v(D, { children: [/* @__PURE__ */ _(O, {
-					value: I.status,
+					children: /* @__PURE__ */ v(O, { placeholder: "Change status" })
+				}), /* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(E, {
+					value: F.status,
 					disabled: !0,
-					children: a(I.status)
-				}), Xe.map((e) => /* @__PURE__ */ _(O, {
+					children: i(F.status)
+				}), ct.map((e) => /* @__PURE__ */ v(E, {
 					value: e,
-					children: a(e)
+					children: i(e)
 				}, e))] })]
 			}),
-			!Ye && /* @__PURE__ */ v(y, {
+			!st && /* @__PURE__ */ y(b, {
 				variant: "ghost",
-				onClick: tt,
-				disabled: Ge.isPending,
+				onClick: mt,
+				disabled: tt.isPending,
 				className: "text-status-error-text hover:text-status-error-text",
-				children: [/* @__PURE__ */ _(ve, { 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: () => P("assets"),
-				children: [/* @__PURE__ */ _(ye, { className: "mr-1.5 h-4 w-4" }), " Back"]
+				onClick: () => N("assets"),
+				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__ */ _(Ce, { className: "h-5 w-5" }),
-						value: I.capacityPerDay > 0 ? `${c(I.capacityPerDay, I.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__ */ _(De, { className: "h-5 w-5" }),
-						value: o(I.workingInterestPct),
+					/* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ v(Ne, { className: "h-5 w-5" }),
+						value: a(F.workingInterestPct),
 						label: "Working interest"
 					}),
-					/* @__PURE__ */ _(n, {
-						icon: /* @__PURE__ */ _(Se, { className: "h-5 w-5" }),
-						value: a(I.commodity),
+					/* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ v(Oe, { className: "h-5 w-5" }),
+						value: i(F.commodity),
 						label: "Commodity"
 					}),
-					/* @__PURE__ */ _(n, {
-						icon: /* @__PURE__ */ _(be, { className: "h-5 w-5" }),
-						value: i(I.commissionedAt),
+					/* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ v(Ee, { className: "h-5 w-5" }),
+						value: r(F.commissionedAt),
 						label: "Commissioned"
 					}),
-					/* @__PURE__ */ _(n, {
-						icon: /* @__PURE__ */ _(Te, { className: "h-5 w-5" }),
-						value: r(I.latitude, I.longitude),
+					/* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ v(je, { className: "h-5 w-5" }),
+						value: ee(F.latitude, F.longitude),
 						label: "Location",
-						footer: I.location ? /* @__PURE__ */ _("p", {
+						footer: F.location ? /* @__PURE__ */ v("p", {
 							className: "truncate text-xs text-text-tertiary",
-							children: I.location
+							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__ */ _(M, {
+							/* @__PURE__ */ v(j, {
 								label: "Asset code",
-								value: I.code || "—"
+								value: F.code || "—"
 							}),
-							/* @__PURE__ */ _(M, {
+							/* @__PURE__ */ v(j, {
 								label: "Kind",
-								value: a(I.kind)
+								value: i(F.kind)
 							}),
-							/* @__PURE__ */ _(M, {
+							/* @__PURE__ */ v(j, {
 								label: "Commodity",
-								value: a(I.commodity)
+								value: i(F.commodity)
 							}),
-							/* @__PURE__ */ _(M, {
+							/* @__PURE__ */ v(j, {
 								label: "Status",
-								value: /* @__PURE__ */ _(u, { status: I.status })
+								value: /* @__PURE__ */ v(l, { status: F.status })
 							}),
-							/* @__PURE__ */ _(M, {
+							/* @__PURE__ */ v(j, {
 								label: "Capacity / day",
-								value: I.capacityPerDay > 0 ? `${c(I.capacityPerDay, I.capacityUnit)}/day` : "—"
+								value: F.capacityPerDay > 0 ? `${s(F.capacityPerDay, F.capacityUnit)}/day` : "—"
 							}),
-							/* @__PURE__ */ _(M, {
+							/* @__PURE__ */ v(j, {
 								label: "Working interest",
-								value: o(I.workingInterestPct)
+								value: a(F.workingInterestPct)
 							}),
-							/* @__PURE__ */ _(M, {
+							/* @__PURE__ */ v(j, {
 								label: "Operator lead",
-								value: I.operatorLeadId ? /* @__PURE__ */ _("span", {
+								value: F.operatorLeadId ? /* @__PURE__ */ v("span", {
 									className: "font-mono text-xs",
-									title: I.operatorLeadId,
-									children: I.operatorLeadId
+									title: F.operatorLeadId,
+									children: F.operatorLeadId
 								}) : "—"
 							}),
-							/* @__PURE__ */ _(M, {
+							/* @__PURE__ */ v(j, {
 								label: "Location",
-								value: I.location || "—"
+								value: F.location || "—"
 							}),
-							/* @__PURE__ */ _(M, {
+							/* @__PURE__ */ v(j, {
 								label: "Coordinates",
-								value: r(I.latitude, I.longitude)
+								value: ee(F.latitude, F.longitude)
 							}),
-							/* @__PURE__ */ _(M, {
+							/* @__PURE__ */ v(j, {
 								label: "Commissioned",
-								value: i(I.commissionedAt)
+								value: r(F.commissionedAt)
 							}),
-							/* @__PURE__ */ _(M, {
+							/* @__PURE__ */ v(j, {
 								label: "Decommissioned",
-								value: i(I.decommissionedAt)
+								value: r(F.decommissionedAt)
 							}),
-							/* @__PURE__ */ _(M, {
+							/* @__PURE__ */ v(j, {
 								label: "Registered",
-								value: /* @__PURE__ */ _("span", {
-									title: i(I.createdAt),
-									children: s(I.createdAt)
+								value: /* @__PURE__ */ v("span", {
+									title: r(F.createdAt),
+									children: o(F.createdAt)
 								})
 							}),
-							/* @__PURE__ */ _(M, {
+							/* @__PURE__ */ v(j, {
 								label: "Last updated",
-								value: /* @__PURE__ */ _("span", {
-									title: i(I.updatedAt),
-									children: s(I.updatedAt)
+								value: /* @__PURE__ */ v("span", {
+									title: r(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__ */ _(Te, { 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"
 							})]
 						}),
-						Ze ? /* @__PURE__ */ _(ge, { points: [Ze] }) : /* @__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."
 						}),
-						I.location && /* @__PURE__ */ _("p", {
+						F.location && /* @__PURE__ */ v("p", {
 							className: "text-xs text-text-tertiary",
-							children: I.location
+							children: F.location
 						})
 					]
 				})]
 			}),
-			V && /* @__PURE__ */ _("p", {
+			W && /* @__PURE__ */ v("p", {
 				className: "mt-4 text-sm text-status-error-text",
-				children: V
+				children: W
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ _(pe, {
-					items: st,
-					value: B,
-					onChange: Ke
+				children: /* @__PURE__ */ v(ve, {
+					items: bt,
+					value: U,
+					onChange: nt
 				})
 			}),
-			B === "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: Qe,
-					"data-rybbit-event": "theglobalfuel.production.record_clicked",
-					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: Y.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__ */ _(_e, { 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: Qe,
-						"data-rybbit-event": "theglobalfuel.production.record_clicked",
-						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: it,
-					rows: Y,
+				}) : /* @__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
+				})] })
 			}),
-			B === "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: $e,
-					"data-rybbit-event": "theglobalfuel.reserve.create_clicked",
-					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: X.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__ */ _(we, { 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: $e,
-						"data-rybbit-event": "theglobalfuel.reserve.create_clicked",
-						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: at,
-					rows: X,
+				}) : /* @__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
+				})] })
 			}),
-			B === "emissions" && /* @__PURE__ */ _(p, {
+			U === "emissions" && /* @__PURE__ */ v(p, {
 				title: "Emissions",
 				description: "GHG emission records attributed to this asset (Scope 1 / 2 / 3).",
-				children: L.isLoading ? /* @__PURE__ */ _(ne, { label: "Loading emissions…" }) : L.isError ? /* @__PURE__ */ _(f, {
+				children: I.isLoading ? /* @__PURE__ */ v(f, { label: "Loading emissions…" }) : I.isError ? /* @__PURE__ */ v(d, {
 					message: "Couldn't load emission records.",
-					onRetry: () => L.refetch()
-				}) : Z.length === 0 ? /* @__PURE__ */ _(m, {
+					onRetry: () => I.refetch()
+				}) : ot.length === 0 ? /* @__PURE__ */ v(m, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ _(xe, { 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: ot,
-					rows: Z,
+				}) : /* @__PURE__ */ v(u, {
+					columns: yt,
+					rows: ot,
 					rowKey: (e) => e.id
 				})
 			}),
-			B === "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__ */ _(he, {
+					children: /* @__PURE__ */ v(xe, {
 						entityType: "theglobalfuel-asset",
-						entityId: I.id
+						entityId: F.id
 					})
 				})
 			}),
-			B === "discussion" && /* @__PURE__ */ _("div", {
+			U === "discussion" && /* @__PURE__ */ v("div", {
 				className: "mt-8",
-				children: /* @__PURE__ */ _(me, {
+				children: /* @__PURE__ */ v(be, {
 					entityType: "theglobalfuel-asset",
-					entityId: I.id,
+					entityId: F.id,
 					title: "Discussion",
 					description: "Notes & coordination for this asset."
 				})
 			}),
-			/* @__PURE__ */ _(C, {
-				open: qe,
-				onOpenChange: (e) => e ? U(!0) : Q(),
-				children: /* @__PURE__ */ v(w, { children: [
-					/* @__PURE__ */ v(Me, { children: [/* @__PURE__ */ _(Ne, { children: "Record production" }), /* @__PURE__ */ v(T, { 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 ",
-						I.name,
+						F.name,
 						"."
 					] })] }),
-					/* @__PURE__ */ v("form", {
+					/* @__PURE__ */ y("form", {
 						id: "recordProductionForm",
 						onSubmit: (e) => {
-							e.preventDefault(), nt();
+							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: W.periodStart,
-										onChange: (e) => G({
-											...W,
+										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: W.periodEnd,
-										onChange: (e) => G({
-											...W,
+										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: W.volume,
-										onChange: (e) => G({
-											...W,
+										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(E, {
-										value: W.unit,
-										onValueChange: (e) => G({
-											...W,
+									}), /* @__PURE__ */ y(w, {
+										value: q.unit,
+										onValueChange: (e) => J({
+											...q,
 											unit: e
 										}),
-										children: [/* @__PURE__ */ _(k, {
+										children: [/* @__PURE__ */ v(D, {
 											id: "prodUnit",
-											children: /* @__PURE__ */ _(A, {})
-										}), /* @__PURE__ */ _(D, { children: Fe.map((e) => /* @__PURE__ */ _(O, {
+											children: /* @__PURE__ */ v(O, {})
+										}), /* @__PURE__ */ v(T, { children: Ue.map((e) => /* @__PURE__ */ v(E, {
 											value: e,
-											children: a(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: W.grade,
-										onChange: (e) => G({
-											...W,
+										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: W.downtimeHours,
-										onChange: (e) => G({
-											...W,
+										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: W.notes,
-									onChange: (e) => G({
-										...W,
+									value: q.notes,
+									onChange: (e) => J({
+										...q,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about this period."
 								})]
 							}),
-							V && qe && /* @__PURE__ */ _("p", {
+							W && rt && /* @__PURE__ */ v("p", {
 								className: "text-sm text-status-error-text",
-								children: V
+								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: R.isPending,
-						children: R.isPending ? "Recording…" : "Record production"
+						disabled: V.isPending,
+						children: V.isPending ? "Recording…" : "Record production"
 					})] })
 				] })
 			}),
-			/* @__PURE__ */ _(C, {
-				open: Je,
-				onOpenChange: (e) => e ? K(!0) : $(),
-				children: /* @__PURE__ */ v(w, { children: [
-					/* @__PURE__ */ v(Me, { children: [/* @__PURE__ */ _(Ne, { children: "Add reserve estimate" }), /* @__PURE__ */ v(T, { 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 ",
-						I.name,
+						F.name,
 						"."
 					] })] }),
-					/* @__PURE__ */ v("form", {
+					/* @__PURE__ */ y("form", {
 						id: "reserveEstimateForm",
 						onSubmit: (e) => {
-							e.preventDefault(), rt();
+							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(E, {
-										value: q.category,
-										onValueChange: (e) => J({
-											...q,
+									}), /* @__PURE__ */ y(w, {
+										value: Y.category,
+										onValueChange: (e) => X({
+											...Y,
 											category: e
 										}),
-										children: [/* @__PURE__ */ _(k, {
+										children: [/* @__PURE__ */ v(D, {
 											id: "resCategory",
-											children: /* @__PURE__ */ _(A, {})
-										}), /* @__PURE__ */ _(D, { children: Ie.map((e) => /* @__PURE__ */ _(O, {
+											children: /* @__PURE__ */ v(O, {})
+										}), /* @__PURE__ */ v(T, { children: We.map((e) => /* @__PURE__ */ v(E, {
 											value: e,
-											children: a(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: q.asOfDate,
-										onChange: (e) => J({
-											...q,
+										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: q.recoverable,
-											onChange: (e) => J({
-												...q,
+											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(E, {
-											value: q.unit,
-											onValueChange: (e) => J({
-												...q,
+										}), /* @__PURE__ */ y(w, {
+											value: Y.unit,
+											onValueChange: (e) => X({
+												...Y,
 												unit: e
 											}),
-											children: [/* @__PURE__ */ _(k, {
+											children: [/* @__PURE__ */ v(D, {
 												id: "resUnit",
-												children: /* @__PURE__ */ _(A, {})
-											}), /* @__PURE__ */ _(D, { children: Fe.map((e) => /* @__PURE__ */ _(O, {
+												children: /* @__PURE__ */ v(O, {})
+											}), /* @__PURE__ */ v(T, { children: Ue.map((e) => /* @__PURE__ */ v(E, {
 												value: e,
-												children: a(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: q.recoveryFactor,
-											onChange: (e) => J({
-												...q,
+											value: Y.recoveryFactor,
+											onChange: (e) => X({
+												...Y,
 												recoveryFactor: e.target.value
 											}),
 											placeholder: "35"
@@ -976,53 +1013,53 @@ function N() {
 									})
 								]
 							}),
-							/* @__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: q.methodology,
-									onChange: (e) => J({
-										...q,
+									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: q.notes,
-									onChange: (e) => J({
-										...q,
+									value: Y.notes,
+									onChange: (e) => X({
+										...Y,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about this estimate."
 								})]
 							}),
-							V && Je && /* @__PURE__ */ _("p", {
+							W && it && /* @__PURE__ */ v("p", {
 								className: "text-sm text-status-error-text",
-								children: V
+								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: z.isPending,
-						children: z.isPending ? "Adding…" : "Add estimate"
+						disabled: H.isPending,
+						children: H.isPending ? "Adding…" : "Add estimate"
 					})] })
 				] })
 			})
@@ -1030,6 +1067,6 @@ function N() {
 	});
 }
 //#endregion
-export { N as AssetDetailPage };
+export { M as AssetDetailPage };
 
 //# sourceMappingURL=AssetDetailPage.js.map