@burdenoff/microfe-theglobalfuel 2026.705.5 → 2026.709.2

package/dist/theglobalfuel/pages/production/ProductionPage.js

@@ -1,22 +1,24 @@
 import { useTheGlobalFuel as e } from "../../context/TheGlobalFuelContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { MetricsCard as n } from "../../components/MetricsCard.js";
-import { formatDate as r, formatEnumLabel as i, formatNumber as a, formatRelativeTime as ee, formatVolume as o, toBackendDate as s } from "../../utils/formatters.js";
-import { DataTable as c } from "../../components/DataTable.js";
-import { ErrorView as l, LoadingView as u } from "../../components/StateViews.js";
-import { EmptyState as te } from "../../components/EmptyState.js";
+import { formatDate as r, formatEnumLabel as i, formatNumber as a, formatRelativeTime as o, formatVolume as s, toBackendDate as c } from "../../utils/formatters.js";
+import { DataTable as l } from "../../components/DataTable.js";
+import { ErrorView as ee, LoadingView as te } from "../../components/StateViews.js";
+import { EmptyState as u } from "../../components/EmptyState.js";
 import "../../context/index.js";
-import { useTheAssets as ne, useTheProductionRecords as re, useTheRecordProduction as ie } from "../../hooks/useTheGlobalFuelApi.js";
-import { useCursorPager as ae } from "../../hooks/useCursorPager.js";
-import { useNotify as oe } from "../../hooks/useNotify.js";
+import { useTheAssets as d, useTheProductionRecords as f, useTheRecordProduction as ne } from "../../hooks/useTheGlobalFuelApi.js";
+import { useCursorPager as re } from "../../hooks/useCursorPager.js";
+import { useNotify as ie } from "../../hooks/useNotify.js";
+import { useThePageView as p } from "../../hooks/useThePageView.js";
+import { useTheTranslation as ae } from "../../hooks/useTheTranslation.js";
 import "../../hooks/index.js";
-import { Pagination as se } from "../../components/Pagination.js";
-import { useMemo as d, useState as f } from "react";
-import { BarChart3 as p, Clock as m, Droplets as h, Gauge as g, Plus as _ } from "lucide-react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Button as x, Input as S, Label as C, ResponsiveDialog as ce, ResponsiveDialogContent as le, ResponsiveDialogDescription as ue, ResponsiveDialogFooter as de, ResponsiveDialogHeader as fe, ResponsiveDialogTitle as pe, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Textarea as k } from "@burdenoff/fe-libs/ui";
+import { Pagination as oe } from "../../components/Pagination.js";
+import { useMemo as m, useState as h } from "react";
+import { BarChart3 as se, Clock as g, Droplets as _, Gauge as v, Plus as y } from "lucide-react";
+import { Fragment as ce, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Button as S, Input as C, Label as w, ResponsiveDialog as le, ResponsiveDialogContent as ue, ResponsiveDialogDescription as de, ResponsiveDialogFooter as fe, ResponsiveDialogHeader as pe, ResponsiveDialogTitle as me, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k, Textarea as A } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/pages/production/ProductionPage.tsx
-var A = [
+var j = [
 	"BARRELS",
 	"CUBIC_METERS",
 	"TONNES",
@@ -24,48 +26,49 @@ var A = [
 	"MWH",
 	"GJ",
 	"MCF"
-], j = 25, M = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), N = () => ({
+], M = 25, N = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), P = () => ({
 	assetId: "",
-	periodStart: M(),
-	periodEnd: M(),
+	periodStart: N(),
+	periodEnd: N(),
 	volume: "",
 	unit: "BARRELS",
 	grade: "",
 	downtimeHours: "",
 	notes: ""
 });
-function P() {
-	let { navigateTo: M } = e(), P = oe(), [F, I] = f("ALL"), L = ae(), [R, z] = f(!1), [B, V] = f(N), [H, U] = f(null), W = ne({ pagination: { limit: 100 } }), G = d(() => {
+function F() {
+	p("production");
+	let N = ae(), { navigateTo: F } = e(), I = ie(), [L, R] = h("ALL"), z = re(), [he, B] = h(!1), [V, H] = h(P), [U, W] = h(null), G = d({ pagination: { limit: 100 } }), K = m(() => {
 		let e = {};
-		for (let t of W.data?.items ?? []) e[t.id] = t.name;
+		for (let t of G.data?.items ?? []) e[t.id] = t.name;
 		return e;
-	}, [W.data]), { data: K, isLoading: me, isError: he, refetch: ge } = re({
-		assetId: F === "ALL" ? void 0 : F,
+	}, [G.data]), { data: q, isLoading: ge, isError: _e, refetch: ve } = f({
+		assetId: L === "ALL" ? void 0 : L,
 		pagination: {
-			limit: j,
-			offset: L.page * j
+			limit: M,
+			offset: z.page * M
 		}
-	}), q = ie(), J = d(() => K?.items ?? [], [K]), { volumeValue: _e, volumeFooter: Y, downtimeTotal: X } = d(() => {
+	}), J = ne(), Y = m(() => q?.items ?? [], [q]), { volumeValue: ye, volumeFooter: be, downtimeTotal: X } = m(() => {
 		let e = /* @__PURE__ */ new Map(), t = 0;
-		for (let n of J) e.set(n.unit, (e.get(n.unit) ?? 0) + n.volume), t += n.downtimeHours;
+		for (let n of Y) e.set(n.unit, (e.get(n.unit) ?? 0) + n.volume), t += n.downtimeHours;
 		let n = [...e.entries()], r, i;
-		return n.length === 0 ? r = "—" : n.length === 1 ? r = o(n[0][1], n[0][0]) : (r = "Mixed units", i = /* @__PURE__ */ y("p", {
+		return n.length === 0 ? r = "—" : n.length === 1 ? r = s(n[0][1], n[0][0]) : (r = "Mixed units", i = /* @__PURE__ */ b("p", {
 			className: "text-xs tabular-nums text-text-tertiary",
-			children: n.map(([e, t]) => o(t, e)).join(" · ")
+			children: n.map(([e, t]) => s(t, e)).join(" · ")
 		})), {
 			volumeValue: r,
 			volumeFooter: i,
 			downtimeTotal: t
 		};
-	}, [J]), ve = [
+	}, [Y]), xe = [
 		{
 			key: "asset",
 			header: "Asset",
-			render: (e) => /* @__PURE__ */ y("div", {
+			render: (e) => /* @__PURE__ */ b("div", {
 				className: "min-w-0",
-				children: /* @__PURE__ */ y("p", {
+				children: /* @__PURE__ */ b("p", {
 					className: "truncate font-semibold text-text-primary",
-					children: G[e.assetId] ?? `${e.assetId.slice(0, 8)}…`
+					children: K[e.assetId] ?? `${e.assetId.slice(0, 8)}…`
 				})
 			})
 		},
@@ -74,7 +77,7 @@ function P() {
 			header: "Period",
 			hideOnMobile: !0,
 			sortValue: (e) => new Date(e.periodStart).getTime(),
-			render: (e) => /* @__PURE__ */ b("span", {
+			render: (e) => /* @__PURE__ */ x("span", {
 				className: "text-text-secondary",
 				children: [
 					r(e.periodStart),
@@ -88,9 +91,9 @@ function P() {
 			header: "Volume",
 			align: "right",
 			sortValue: (e) => e.volume,
-			render: (e) => /* @__PURE__ */ y("span", {
+			render: (e) => /* @__PURE__ */ b("span", {
 				className: "tabular-nums font-medium text-text-primary",
-				children: o(e.volume, e.unit)
+				children: s(e.volume, e.unit)
 			})
 		},
 		{
@@ -99,10 +102,10 @@ function P() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.grade ?? 0,
-			render: (e) => e.grade == null ? /* @__PURE__ */ y("span", {
+			render: (e) => e.grade == null ? /* @__PURE__ */ b("span", {
 				className: "text-text-tertiary",
 				children: "—"
-			}) : /* @__PURE__ */ y("span", {
+			}) : /* @__PURE__ */ b("span", {
 				className: "tabular-nums text-text-secondary",
 				children: a(e.grade)
 			})
@@ -113,7 +116,7 @@ function P() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.downtimeHours,
-			render: (e) => /* @__PURE__ */ b("span", {
+			render: (e) => /* @__PURE__ */ x("span", {
 				className: "tabular-nums text-text-secondary",
 				children: [a(e.downtimeHours), "h"]
 			})
@@ -123,300 +126,301 @@ function P() {
 			header: "Logged",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ y("span", {
+			render: (e) => /* @__PURE__ */ b("span", {
 				className: "text-text-tertiary",
-				children: ee(e.createdAt)
+				children: o(e.createdAt)
 			})
 		}
 	], Z = () => {
-		V(N()), U(null), z(!0);
+		H(P()), W(null), B(!0);
 	}, Q = () => {
-		z(!1), V(N()), U(null);
-	}, ye = async () => {
-		if (!B.assetId) {
-			U("Select an asset.");
+		B(!1), H(P()), W(null);
+	}, Se = async () => {
+		if (!V.assetId) {
+			W("Select an asset.");
 			return;
 		}
-		let e = s(B.periodStart), t = s(B.periodEnd);
+		let e = c(V.periodStart), t = c(V.periodEnd);
 		if (!e || !t) {
-			U("Period start and end are required.");
+			W("Period start and end are required.");
 			return;
 		}
 		if (new Date(t).getTime() < new Date(e).getTime()) {
-			U("Period end must be on or after the period start.");
+			W("Period end must be on or after the period start.");
 			return;
 		}
-		let n = Number(B.volume);
-		if (!B.volume || Number.isNaN(n) || n <= 0) {
+		let n = Number(V.volume);
+		if (!V.volume || Number.isNaN(n) || n <= 0) {
 			let e = "Volume must be greater than zero.";
-			U(e), P.error(e);
+			W(e), I.error(e);
 			return;
 		}
-		U(null);
+		W(null);
 		try {
-			await q.mutateAsync({
-				assetId: B.assetId,
+			await J.mutateAsync({
+				assetId: V.assetId,
 				periodStart: e,
 				periodEnd: t,
 				volume: n,
-				unit: B.unit,
-				grade: B.grade ? Number(B.grade) : null,
-				downtimeHours: B.downtimeHours ? Number(B.downtimeHours) : null,
-				notes: B.notes.trim() || null
-			}), P.success("Production recorded"), Q();
+				unit: V.unit,
+				grade: V.grade ? Number(V.grade) : null,
+				downtimeHours: V.downtimeHours ? Number(V.downtimeHours) : null,
+				notes: V.notes.trim() || null
+			}), I.success("Production recorded"), Q();
 		} catch (e) {
-			U(e instanceof Error ? e.message : "Failed to record production."), P.fromError(e);
+			W(e instanceof Error ? e.message : "Failed to record production."), I.fromError(e);
 		}
-	}, $ = W.data?.items ?? [];
-	return /* @__PURE__ */ b(t, {
-		title: "Production",
-		description: "Captured production volumes across every field, well, mine & plant — with downtime and grade.",
-		actions: /* @__PURE__ */ b(x, {
+	}, $ = G.data?.items ?? [];
+	return /* @__PURE__ */ x(t, {
+		title: N("theglobalfuel.pages.production.title", "Production"),
+		description: N("theglobalfuel.pages.production.description", "Captured production volumes across every field, well, mine & plant — with downtime and grade."),
+		dataTour: "theglobalfuel-production-page",
+		actions: /* @__PURE__ */ x(S, {
 			onClick: Z,
-			children: [/* @__PURE__ */ y(_, { className: "mr-1.5 h-4 w-4" }), " Record production"]
+			children: [/* @__PURE__ */ b(y, { className: "mr-1.5 h-4 w-4" }), " Record production"]
 		}),
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ y(n, {
-						icon: /* @__PURE__ */ y(h, { className: "h-5 w-5" }),
-						value: _e,
+					/* @__PURE__ */ b(n, {
+						icon: /* @__PURE__ */ b(_, { className: "h-5 w-5" }),
+						value: ye,
 						label: "Volume on this page",
 						featured: !0,
-						footer: Y
+						footer: be
 					}),
-					/* @__PURE__ */ y(n, {
-						icon: /* @__PURE__ */ y(m, { className: "h-5 w-5" }),
+					/* @__PURE__ */ b(n, {
+						icon: /* @__PURE__ */ b(g, { className: "h-5 w-5" }),
 						value: `${a(X)}h`,
 						label: "Downtime on this page",
 						accent: X > 0 ? "warning" : void 0
 					}),
-					/* @__PURE__ */ y(n, {
-						icon: /* @__PURE__ */ y(p, { className: "h-5 w-5" }),
-						value: J.length,
+					/* @__PURE__ */ b(n, {
+						icon: /* @__PURE__ */ b(se, { className: "h-5 w-5" }),
+						value: Y.length,
 						label: "Records on this page"
 					})
 				]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "mt-6 mb-5 flex flex-wrap items-center gap-3",
-				children: /* @__PURE__ */ b(w, {
-					value: F,
+				children: /* @__PURE__ */ x(T, {
+					value: L,
 					onValueChange: (e) => {
-						I(e), L.reset();
+						R(e), z.reset();
 					},
-					children: [/* @__PURE__ */ y(D, {
+					children: [/* @__PURE__ */ b(O, {
 						className: "w-56",
 						"aria-label": "Filter by asset",
-						children: /* @__PURE__ */ y(O, { placeholder: "All assets" })
-					}), /* @__PURE__ */ b(T, { children: [/* @__PURE__ */ y(E, {
+						children: /* @__PURE__ */ b(k, { placeholder: "All assets" })
+					}), /* @__PURE__ */ x(E, { children: [/* @__PURE__ */ b(D, {
 						value: "ALL",
 						children: "All assets"
-					}), $.map((e) => /* @__PURE__ */ y(E, {
+					}), $.map((e) => /* @__PURE__ */ b(D, {
 						value: e.id,
 						children: e.name
 					}, e.id))] })]
 				})
 			}),
-			me ? /* @__PURE__ */ y(u, { label: "Loading production records…" }) : he ? /* @__PURE__ */ y(l, {
+			ge ? /* @__PURE__ */ b(te, { label: "Loading production records…" }) : _e ? /* @__PURE__ */ b(ee, {
 				message: "Couldn't load production records.",
-				onRetry: () => ge()
-			}) : J.length === 0 ? /* @__PURE__ */ y(te, {
+				onRetry: () => ve()
+			}) : Y.length === 0 ? /* @__PURE__ */ b(u, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ y(g, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ b(v, { className: "h-10 w-10" }),
 				title: "No production recorded",
-				description: F === "ALL" ? "Record a production period to start tracking output, grade and downtime." : "No production has been recorded for this asset yet.",
-				action: /* @__PURE__ */ b(x, {
+				description: L === "ALL" ? "Record a production period to start tracking output, grade and downtime." : "No production has been recorded for this asset yet.",
+				action: /* @__PURE__ */ x(S, {
 					onClick: Z,
-					children: [/* @__PURE__ */ y(_, { className: "mr-1.5 h-4 w-4" }), " Record production"]
+					children: [/* @__PURE__ */ b(y, { className: "mr-1.5 h-4 w-4" }), " Record production"]
 				})
-			}) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(c, {
-				columns: ve,
-				rows: J,
+			}) : /* @__PURE__ */ x(ce, { children: [/* @__PURE__ */ b(l, {
+				columns: xe,
+				rows: Y,
 				rowKey: (e) => e.id,
-				onRowClick: (e) => M(`assets/${e.assetId}`),
-				rowLabel: (e) => `Open ${G[e.assetId] ?? "asset"}`,
+				onRowClick: (e) => F(`assets/${e.assetId}`),
+				rowLabel: (e) => `Open ${K[e.assetId] ?? "asset"}`,
 				defaultSort: {
 					key: "period",
 					dir: "desc"
 				}
-			}), /* @__PURE__ */ y(se, {
-				page: L.page,
-				pageSize: j,
-				itemCount: J.length,
-				hasMore: K?.pageInfo?.hasMore ?? !1,
-				onPageChange: L.onPageChange
+			}), /* @__PURE__ */ b(oe, {
+				page: z.page,
+				pageSize: M,
+				itemCount: Y.length,
+				hasMore: q?.pageInfo?.hasMore ?? !1,
+				onPageChange: z.onPageChange
 			})] }),
-			/* @__PURE__ */ y(ce, {
-				open: R,
-				onOpenChange: (e) => e ? z(!0) : Q(),
-				children: /* @__PURE__ */ b(le, { children: [/* @__PURE__ */ b(fe, { children: [/* @__PURE__ */ y(pe, { children: "Record production" }), /* @__PURE__ */ y(ue, { children: "Log the volume produced by an asset over a reporting period." })] }), /* @__PURE__ */ b("form", {
+			/* @__PURE__ */ b(le, {
+				open: he,
+				onOpenChange: (e) => e ? B(!0) : Q(),
+				children: /* @__PURE__ */ x(ue, { children: [/* @__PURE__ */ x(pe, { children: [/* @__PURE__ */ b(me, { children: "Record production" }), /* @__PURE__ */ b(de, { children: "Log the volume produced by an asset over a reporting period." })] }), /* @__PURE__ */ x("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), ye();
+						e.preventDefault(), Se();
 					},
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ x("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ y(C, {
+								children: [/* @__PURE__ */ b(w, {
 									htmlFor: "prAsset",
 									children: "Asset *"
-								}), /* @__PURE__ */ b(w, {
-									value: B.assetId,
-									onValueChange: (e) => V({
-										...B,
+								}), /* @__PURE__ */ x(T, {
+									value: V.assetId,
+									onValueChange: (e) => H({
+										...V,
 										assetId: e
 									}),
-									children: [/* @__PURE__ */ y(D, {
+									children: [/* @__PURE__ */ b(O, {
 										id: "prAsset",
-										children: /* @__PURE__ */ y(O, { placeholder: "Select an asset" })
-									}), /* @__PURE__ */ y(T, { children: $.map((e) => /* @__PURE__ */ y(E, {
+										children: /* @__PURE__ */ b(k, { placeholder: "Select an asset" })
+									}), /* @__PURE__ */ b(E, { children: $.map((e) => /* @__PURE__ */ b(D, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ x("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ b(w, {
 										htmlFor: "prStart",
 										children: "Period start *"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ b(C, {
 										id: "prStart",
 										type: "date",
-										value: B.periodStart,
-										onChange: (e) => V({
-											...B,
+										value: V.periodStart,
+										onChange: (e) => H({
+											...V,
 											periodStart: e.target.value
 										})
 									})]
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ x("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ b(w, {
 										htmlFor: "prEnd",
 										children: "Period end *"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ b(C, {
 										id: "prEnd",
 										type: "date",
-										value: B.periodEnd,
-										onChange: (e) => V({
-											...B,
+										value: V.periodEnd,
+										onChange: (e) => H({
+											...V,
 											periodEnd: e.target.value
 										})
 									})]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ x("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ b(w, {
 										htmlFor: "prVolume",
 										children: "Volume *"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ b(C, {
 										id: "prVolume",
 										type: "number",
 										min: "0",
 										step: "any",
-										value: B.volume,
-										onChange: (e) => V({
-											...B,
+										value: V.volume,
+										onChange: (e) => H({
+											...V,
 											volume: e.target.value
 										}),
 										placeholder: "12500"
 									})]
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ x("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ b(w, {
 										htmlFor: "prUnit",
 										children: "Unit"
-									}), /* @__PURE__ */ b(w, {
-										value: B.unit,
-										onValueChange: (e) => V({
-											...B,
+									}), /* @__PURE__ */ x(T, {
+										value: V.unit,
+										onValueChange: (e) => H({
+											...V,
 											unit: e
 										}),
-										children: [/* @__PURE__ */ y(D, {
+										children: [/* @__PURE__ */ b(O, {
 											id: "prUnit",
-											children: /* @__PURE__ */ y(O, {})
-										}), /* @__PURE__ */ y(T, { children: A.map((e) => /* @__PURE__ */ y(E, {
+											children: /* @__PURE__ */ b(k, {})
+										}), /* @__PURE__ */ b(E, { children: j.map((e) => /* @__PURE__ */ b(D, {
 											value: e,
 											children: i(e)
 										}, e)) })]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ x("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ b(w, {
 										htmlFor: "prGrade",
 										children: "Grade"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ b(C, {
 										id: "prGrade",
 										type: "number",
 										step: "any",
-										value: B.grade,
-										onChange: (e) => V({
-											...B,
+										value: V.grade,
+										onChange: (e) => H({
+											...V,
 											grade: e.target.value
 										}),
 										placeholder: "Quality / concentration"
 									})]
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ x("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ b(w, {
 										htmlFor: "prDowntime",
 										children: "Downtime (hours)"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ b(C, {
 										id: "prDowntime",
 										type: "number",
 										min: "0",
 										step: "any",
-										value: B.downtimeHours,
-										onChange: (e) => V({
-											...B,
+										value: V.downtimeHours,
+										onChange: (e) => H({
+											...V,
 											downtimeHours: e.target.value
 										}),
 										placeholder: "0"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ x("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ y(C, {
+								children: [/* @__PURE__ */ b(w, {
 									htmlFor: "prNotes",
 									children: "Notes"
-								}), /* @__PURE__ */ y(k, {
+								}), /* @__PURE__ */ b(A, {
 									id: "prNotes",
 									rows: 2,
-									value: B.notes,
-									onChange: (e) => V({
-										...B,
+									value: V.notes,
+									onChange: (e) => H({
+										...V,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about this period."
 								})]
 							}),
-							H && /* @__PURE__ */ y("p", {
+							U && /* @__PURE__ */ b("p", {
 								className: "text-sm text-status-error-text",
-								children: H
+								children: U
 							})
 						]
-					}), /* @__PURE__ */ b(de, { children: [/* @__PURE__ */ y(x, {
+					}), /* @__PURE__ */ x(fe, { children: [/* @__PURE__ */ b(S, {
 						type: "button",
 						variant: "outline",
 						onClick: Q,
 						children: "Cancel"
-					}), /* @__PURE__ */ y(x, {
+					}), /* @__PURE__ */ b(S, {
 						type: "submit",
-						disabled: q.isPending,
-						children: q.isPending ? "Recording…" : "Record production"
+						disabled: J.isPending,
+						children: J.isPending ? "Recording…" : "Record production"
 					})] })]
 				})] })
 			})
@@ -424,6 +428,6 @@ function P() {
 	});
 }
 //#endregion
-export { P as ProductionPage };
+export { F as ProductionPage };
 
 //# sourceMappingURL=ProductionPage.js.map