@burdenoff/microfe-theglobalfuel 2026.704.1 → 2026.705.2

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

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