@burdenoff/microfe-theglobalfuel 2026.705.5 → 2026.709.2

package/dist/theglobalfuel/pages/contracts/ContractDetailPage.js

@@ -6,36 +6,40 @@ import { StatusBadge as c } from "../../components/StatusBadge.js";
 import { MiniBar as te } from "../../components/MiniBar.js";
 import { DataTable as ne } from "../../components/DataTable.js";
 import { ErrorView as re, LoadingView as ie, Section as ae } from "../../components/StateViews.js";
-import { EmptyState as l } from "../../components/EmptyState.js";
+import { EmptyState as oe } from "../../components/EmptyState.js";
 import "../../context/index.js";
-import { useTheContract as oe, useTheDeliverShipment as se, useTheScheduleShipment as ce, useTheTransitionContract as le, useTheUpdateContract as ue } from "../../hooks/useTheGlobalFuelApi.js";
-import { useNotify as de } from "../../hooks/useNotify.js";
+import { useTheContract as se, useTheDeliverShipment as ce, useTheScheduleShipment as le, useTheShipments as ue, useTheTransitionContract as de, useTheUpdateContract as fe } from "../../hooks/useTheGlobalFuelApi.js";
+import { useCursorPager as pe } from "../../hooks/useCursorPager.js";
+import { useNotify as me } from "../../hooks/useNotify.js";
+import { useThePageView as he } from "../../hooks/useThePageView.js";
+import { useTheNativeControls as ge } from "../../hooks/useTheNativeControls.js";
 import "../../hooks/index.js";
-import { CONTRACT_TRANSITIONS as fe, nextStatuses as pe } from "../../utils/transitions.js";
-import { Tabs as me } from "../../components/Tabs.js";
-import { EvidenceUpload as he } from "../../components/EvidenceUpload.js";
-import { FileLink as ge } from "../../components/FileLink.js";
-import { TheDiscussion as _e } from "../../components/TheDiscussion.js";
-import { TheTags as ve } from "../../components/TheTags.js";
-import { useState as u } from "react";
-import { ArrowLeft as d, Building2 as ye, Calendar as be, CheckCircle2 as xe, Coins as Se, FileSignature as Ce, Gauge as we, MapPin as Te, MessageSquare as Ee, Package as De, Pencil as Oe, Plus as f, Ship as p, Tag as ke } from "lucide-react";
-import { useParams as Ae } from "react-router-dom";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Button as _, GlassCard as v, Input as y, Label as b, ResponsiveDialog as x, ResponsiveDialogContent as S, ResponsiveDialogDescription as C, ResponsiveDialogFooter as w, ResponsiveDialogHeader as T, ResponsiveDialogTitle as je, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as k, SelectValue as A, Textarea as j } from "@burdenoff/fe-libs/ui";
+import { CONTRACT_TRANSITIONS as _e, nextStatuses as ve } from "../../utils/transitions.js";
+import { Tabs as ye } from "../../components/Tabs.js";
+import { Pagination as be } from "../../components/Pagination.js";
+import { EvidenceUpload as xe } from "../../components/EvidenceUpload.js";
+import { FileLink as Se } from "../../components/FileLink.js";
+import { TheDiscussion as Ce } from "../../components/TheDiscussion.js";
+import { TheTags as we } from "../../components/TheTags.js";
+import { useState as l } from "react";
+import { ArrowLeft as Te, Building2 as Ee, Calendar as De, CheckCircle2 as Oe, Coins as ke, FileSignature as Ae, Gauge as je, MapPin as Me, MessageSquare as Ne, Package as Pe, Pencil as Fe, Plus as u, Ship as d, Tag as Ie } from "lucide-react";
+import { useParams as Le } from "react-router-dom";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, GlassCard as g, Input as _, Label as v, ResponsiveDialog as y, ResponsiveDialogContent as b, ResponsiveDialogDescription as x, ResponsiveDialogFooter as S, ResponsiveDialogHeader as C, ResponsiveDialogTitle as w, 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/contracts/ContractDetailPage.tsx
-var Me = [
+var Re = [
 	"FIXED",
 	"INDEX_LINKED",
 	"FORMULA",
 	"SPOT"
-], Ne = [
+], ze = [
 	"PIPELINE",
 	"TANKER",
 	"VESSEL_BULK",
 	"RAIL",
 	"TRUCK",
 	"GRID"
-], M = [
+], Be = [
 	"BARRELS",
 	"CUBIC_METERS",
 	"TONNES",
@@ -43,11 +47,11 @@ var Me = [
 	"MWH",
 	"GJ",
 	"MCF"
-], Pe = new Set([
+], Ve = new Set([
 	"SCHEDULED",
 	"LOADING",
 	"IN_TRANSIT"
-]), Fe = (e) => Math.max(0, Math.min(100, e)), N = (e) => e ? e.slice(0, 10) : "", P = (e) => ({
+]), j = 25, He = (e) => Math.max(0, Math.min(100, e)), Ue = (e) => e ? e.slice(0, 10) : "", M = (e) => ({
 	reference: "",
 	mode: "VESSEL_BULK",
 	carrier: "",
@@ -58,130 +62,137 @@ var Me = [
 	scheduledAt: "",
 	notes: ""
 });
-function F() {
-	let { id: F } = Ae(), { navigateTo: I } = e(), L = de(), { data: R, isLoading: Ie, isError: z, refetch: Le } = oe(F), B = ue(), Re = le(), V = ce(), H = se(), [U, ze] = u("shipments"), [Be, W] = u(!1), [G, K] = u(null), [Ve, q] = u(!1), [J, Y] = u(P("BARRELS")), [He, X] = u(null), [Z, Q] = u(null);
-	if (Ie) return /* @__PURE__ */ h(t, {
+function N() {
+	let { id: N } = Le(), { navigateTo: P } = e(), F = me();
+	he("contract-detail");
+	let { haptic: We } = ge(), { data: I, isLoading: Ge, isError: Ke, refetch: qe } = se(N), L = fe(), Je = de(), R = le(), Ye = ce(), z = pe(), B = ue(N, void 0, {
+		limit: j,
+		offset: z.page * j
+	}), [V, Xe] = l("shipments"), [Ze, H] = l(!1), [U, W] = l(null), [Qe, G] = l(!1), [K, q] = l(M("BARRELS")), [$e, J] = l(null), [Y, X] = l(null);
+	if (Ge) return /* @__PURE__ */ p(t, {
 		title: "Contract",
-		children: /* @__PURE__ */ h(ie, {})
+		dataTour: "theglobalfuel-contract-detail-page",
+		children: /* @__PURE__ */ p(ie, {})
 	});
-	if (z || !R) return /* @__PURE__ */ h(t, {
+	if (Ke || !I) return /* @__PURE__ */ p(t, {
 		title: "Contract",
-		actions: /* @__PURE__ */ g(_, {
+		dataTour: "theglobalfuel-contract-detail-page",
+		actions: /* @__PURE__ */ m(h, {
 			variant: "ghost",
-			onClick: () => I("contracts"),
-			children: [/* @__PURE__ */ h(d, { className: "mr-1.5 h-4 w-4" }), " Back"]
+			onClick: () => P("contracts"),
+			children: [/* @__PURE__ */ p(Te, { className: "mr-1.5 h-4 w-4" }), " Back"]
 		}),
-		children: z ? /* @__PURE__ */ h(re, {
+		children: Ke ? /* @__PURE__ */ p(re, {
 			message: "This contract could not be loaded.",
-			onRetry: () => Le()
-		}) : /* @__PURE__ */ h(l, {
+			onRetry: () => qe()
+		}) : /* @__PURE__ */ p(oe, {
 			illustration: "empty-search",
-			icon: /* @__PURE__ */ h(Ce, { className: "h-10 w-10" }),
+			icon: /* @__PURE__ */ p(Ae, { className: "h-10 w-10" }),
 			title: "Contract not found",
 			description: "This contract may have been removed or you may not have access to it.",
-			action: /* @__PURE__ */ h(_, {
-				onClick: () => I("contracts"),
+			action: /* @__PURE__ */ p(h, {
+				onClick: () => P("contracts"),
 				children: "Back to contracts"
 			})
 		})
 	});
-	let $ = R.shipments ?? [], Ue = R.contractedVolume > 0 ? Fe(R.deliveredVolume / R.contractedVolume * 100) : 0, We = pe(fe, R.status), Ge = () => {
-		K({
-			counterparty: R.counterparty,
-			pricingBasis: R.pricingBasis,
-			pricePerUnit: R.pricePerUnit ? String(R.pricePerUnit) : "",
-			priceIndex: R.priceIndex ?? "",
-			currency: R.currency,
-			contractedVolume: R.contractedVolume ? String(R.contractedVolume) : "",
-			unit: R.unit,
-			deliveryLocation: R.deliveryLocation ?? "",
-			startDate: N(R.startDate),
-			endDate: N(R.endDate),
-			notes: R.notes ?? ""
-		}), Q(null), W(!0);
-	}, Ke = () => {
-		Y(P(R.unit)), X(null), Q(null), q(!0);
-	}, qe = (e) => {
-		e !== R.status && (Q(null), Re.mutate({
-			id: R.id,
+	let Z = B.data?.items ?? [], et = I.contractedVolume > 0 ? He(I.deliveredVolume / I.contractedVolume * 100) : 0, Q = ve(_e, I.status), tt = () => {
+		W({
+			counterparty: I.counterparty,
+			pricingBasis: I.pricingBasis,
+			pricePerUnit: I.pricePerUnit ? String(I.pricePerUnit) : "",
+			priceIndex: I.priceIndex ?? "",
+			currency: I.currency,
+			contractedVolume: I.contractedVolume ? String(I.contractedVolume) : "",
+			unit: I.unit,
+			deliveryLocation: I.deliveryLocation ?? "",
+			startDate: Ue(I.startDate),
+			endDate: Ue(I.endDate),
+			notes: I.notes ?? ""
+		}), X(null), H(!0);
+	}, $ = () => {
+		We("light"), q(M(I.unit)), J(null), X(null), G(!0);
+	}, nt = (e) => {
+		e !== I.status && (X(null), Je.mutate({
+			id: I.id,
 			status: e
 		}, {
-			onSuccess: () => L.success("Contract status updated"),
+			onSuccess: () => F.success("Contract status updated"),
 			onError: (e) => {
-				Q(e instanceof Error ? e.message : "Failed to update contract status."), L.fromError(e);
+				X(e instanceof Error ? e.message : "Failed to update contract status."), F.fromError(e);
 			}
 		}));
-	}, Je = async () => {
-		if (G) {
-			if (!G.counterparty.trim()) {
-				Q("Counterparty is required.");
+	}, rt = async () => {
+		if (U) {
+			if (!U.counterparty.trim()) {
+				X("Counterparty is required.");
 				return;
 			}
-			Q(null);
+			X(null);
 			try {
-				await B.mutateAsync({
-					id: R.id,
+				await L.mutateAsync({
+					id: I.id,
 					input: {
-						counterparty: G.counterparty.trim(),
-						pricingBasis: G.pricingBasis,
-						pricePerUnit: G.pricePerUnit ? Number(G.pricePerUnit) : null,
-						priceIndex: G.priceIndex.trim() || null,
-						currency: G.currency.trim().toUpperCase() || "USD",
-						contractedVolume: G.contractedVolume ? Number(G.contractedVolume) : null,
-						unit: G.unit,
-						deliveryLocation: G.deliveryLocation.trim() || null,
-						startDate: s(G.startDate) ?? null,
-						endDate: s(G.endDate) ?? null,
-						notes: G.notes.trim() || null
+						counterparty: U.counterparty.trim(),
+						pricingBasis: U.pricingBasis,
+						pricePerUnit: U.pricePerUnit ? Number(U.pricePerUnit) : null,
+						priceIndex: U.priceIndex.trim() || null,
+						currency: U.currency.trim().toUpperCase() || "USD",
+						contractedVolume: U.contractedVolume ? Number(U.contractedVolume) : null,
+						unit: U.unit,
+						deliveryLocation: U.deliveryLocation.trim() || null,
+						startDate: s(U.startDate) ?? null,
+						endDate: s(U.endDate) ?? null,
+						notes: U.notes.trim() || null
 					}
-				}), L.success("Contract updated"), W(!1);
+				}), F.success("Contract updated"), H(!1);
 			} catch (e) {
-				Q(e instanceof Error ? e.message : "Failed to update contract."), L.fromError(e);
+				X(e instanceof Error ? e.message : "Failed to update contract."), F.fromError(e);
 			}
 		}
-	}, Ye = async () => {
-		if (!J.reference.trim()) {
-			Q("Shipment reference is required.");
+	}, it = async () => {
+		if (!K.reference.trim()) {
+			X("Shipment reference is required.");
 			return;
 		}
-		let e = Number(J.volume);
-		if (!J.volume || Number.isNaN(e) || e <= 0) {
-			Q("Enter a volume greater than zero."), L.error("Enter a volume greater than zero.");
+		let e = Number(K.volume);
+		if (!K.volume || Number.isNaN(e) || e <= 0) {
+			X("Enter a volume greater than zero."), F.error("Enter a volume greater than zero.");
 			return;
 		}
-		Q(null);
+		X(null);
 		try {
-			await V.mutateAsync({
-				contractId: R.id,
-				reference: J.reference.trim(),
-				mode: J.mode,
-				carrier: J.carrier.trim() || null,
-				origin: J.origin.trim() || null,
-				destination: J.destination.trim() || null,
+			await R.mutateAsync({
+				contractId: I.id,
+				reference: K.reference.trim(),
+				mode: K.mode,
+				carrier: K.carrier.trim() || null,
+				origin: K.origin.trim() || null,
+				destination: K.destination.trim() || null,
 				volume: e,
-				unit: J.unit,
-				scheduledAt: s(J.scheduledAt) ?? null,
-				documentFileId: He?.fileId ?? null,
-				notes: J.notes.trim() || null
-			}), L.success("Shipment scheduled"), q(!1);
+				unit: K.unit,
+				scheduledAt: s(K.scheduledAt) ?? null,
+				documentFileId: $e?.fileId ?? null,
+				notes: K.notes.trim() || null
+			}), F.success("Shipment scheduled"), G(!1);
 		} catch (e) {
-			Q(e instanceof Error ? e.message : "Failed to schedule shipment."), L.fromError(e);
+			X(e instanceof Error ? e.message : "Failed to schedule shipment."), F.fromError(e);
 		}
-	}, Xe = (e) => {
-		Q(null), H.mutate(e, {
-			onSuccess: () => L.success("Shipment delivered"),
+	}, at = (e) => {
+		X(null), Ye.mutate(e, {
+			onSuccess: () => F.success("Shipment delivered"),
 			onError: (e) => {
-				Q(e instanceof Error ? e.message : "Failed to mark shipment delivered."), L.fromError(e);
+				X(e instanceof Error ? e.message : "Failed to mark shipment delivered."), F.fromError(e);
 			}
 		});
-	}, Ze = [
+	}, ot = [
 		{
 			key: "reference",
 			header: "Shipment",
-			render: (e) => /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+			render: (e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 				className: "font-medium text-text-primary",
 				children: e.reference
-			}), /* @__PURE__ */ h("p", {
+			}), /* @__PURE__ */ p("p", {
 				className: "text-xs text-text-tertiary",
 				children: i(e.mode)
 			})] })
@@ -189,13 +200,13 @@ function F() {
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ h(c, { status: e.status })
+			render: (e) => /* @__PURE__ */ p(c, { status: e.status })
 		},
 		{
 			key: "carrier",
 			header: "Carrier",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ h("span", {
+			render: (e) => /* @__PURE__ */ p("span", {
 				className: "text-text-secondary",
 				children: e.carrier ?? "—"
 			})
@@ -204,19 +215,19 @@ function F() {
 			key: "route",
 			header: "Route",
 			hideOnMobile: !0,
-			render: (e) => e.origin || e.destination ? /* @__PURE__ */ g("span", {
+			render: (e) => e.origin || e.destination ? /* @__PURE__ */ m("span", {
 				className: "text-text-secondary",
 				children: [
 					e.origin ?? "—",
 					" ",
-					/* @__PURE__ */ h("span", {
+					/* @__PURE__ */ p("span", {
 						className: "text-text-tertiary",
 						children: "→"
 					}),
 					" ",
 					e.destination ?? "—"
 				]
-			}) : /* @__PURE__ */ h("span", {
+			}) : /* @__PURE__ */ p("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
@@ -226,7 +237,7 @@ function F() {
 			header: "Volume",
 			align: "right",
 			sortValue: (e) => e.volume,
-			render: (e) => /* @__PURE__ */ h("span", {
+			render: (e) => /* @__PURE__ */ p("span", {
 				className: "tabular-nums text-text-secondary",
 				children: o(e.volume, e.unit)
 			})
@@ -235,7 +246,7 @@ function F() {
 			key: "schedule",
 			header: "Scheduled",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ h("span", {
+			render: (e) => /* @__PURE__ */ p("span", {
 				className: "text-text-tertiary",
 				children: r(e.scheduledAt)
 			})
@@ -244,7 +255,7 @@ function F() {
 			key: "document",
 			header: "Document",
 			hideOnMobile: !0,
-			render: (e) => e.document?.id ? /* @__PURE__ */ h(ge, { fileId: e.document.id }) : /* @__PURE__ */ h("span", {
+			render: (e) => e.document?.id ? /* @__PURE__ */ p(Se, { fileId: e.document.id }) : /* @__PURE__ */ p("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
@@ -253,543 +264,553 @@ function F() {
 			key: "action",
 			header: "",
 			align: "right",
-			render: (e) => Pe.has(e.status) ? /* @__PURE__ */ g(_, {
+			render: (e) => Ve.has(e.status) ? /* @__PURE__ */ m(h, {
 				size: "sm",
 				variant: "outline",
-				onClick: () => Xe(e.id),
-				disabled: H.isPending,
-				children: [/* @__PURE__ */ h(xe, { className: "mr-1.5 h-4 w-4" }), " Mark delivered"]
+				onClick: () => at(e.id),
+				disabled: Ye.isPending,
+				children: [/* @__PURE__ */ p(Oe, { className: "mr-1.5 h-4 w-4" }), " Mark delivered"]
 			}) : null
 		}
-	], Qe = [
+	], st = [
 		{
 			value: "shipments",
 			label: "Shipments",
-			icon: /* @__PURE__ */ h(p, { className: "h-4 w-4" }),
-			count: $.length
+			icon: /* @__PURE__ */ p(d, { className: "h-4 w-4" }),
+			count: Z.length
 		},
 		{
 			value: "tags",
 			label: "Tags",
-			icon: /* @__PURE__ */ h(ke, { className: "h-4 w-4" })
+			icon: /* @__PURE__ */ p(Ie, { className: "h-4 w-4" })
 		},
 		{
 			value: "discussion",
 			label: "Discussion",
-			icon: /* @__PURE__ */ h(Ee, { className: "h-4 w-4" })
+			icon: /* @__PURE__ */ p(Ne, { className: "h-4 w-4" })
 		}
-	], $e = R.startDate || R.endDate ? `${r(R.startDate)} – ${r(R.endDate)}` : "—";
-	return /* @__PURE__ */ g(t, {
-		title: R.reference,
-		description: `${R.counterparty} · ${i(R.commodity)}`,
-		actions: /* @__PURE__ */ g(m, { children: [
-			/* @__PURE__ */ h(c, { status: R.status }),
-			/* @__PURE__ */ g(E, {
-				value: R.status,
-				onValueChange: (e) => qe(e),
-				disabled: We.length === 0,
-				children: [/* @__PURE__ */ h(k, {
+	], ct = I.startDate || I.endDate ? `${r(I.startDate)} – ${r(I.endDate)}` : "—";
+	return /* @__PURE__ */ m(t, {
+		title: I.reference,
+		description: `${I.counterparty} · ${i(I.commodity)}`,
+		dataTour: "theglobalfuel-contract-detail-page",
+		actions: /* @__PURE__ */ m(f, { children: [
+			/* @__PURE__ */ p(c, { status: I.status }),
+			/* @__PURE__ */ m(T, {
+				value: I.status,
+				onValueChange: (e) => nt(e),
+				disabled: Q.length === 0,
+				children: [/* @__PURE__ */ p(O, {
 					className: "h-9 w-40",
 					"aria-label": "Change contract status",
-					children: /* @__PURE__ */ h(A, {})
-				}), /* @__PURE__ */ g(D, { children: [/* @__PURE__ */ h(O, {
-					value: R.status,
+					children: /* @__PURE__ */ p(k, {})
+				}), /* @__PURE__ */ m(E, { children: [/* @__PURE__ */ p(D, {
+					value: I.status,
 					disabled: !0,
-					children: i(R.status)
-				}), We.map((e) => /* @__PURE__ */ h(O, {
+					children: i(I.status)
+				}), Q.map((e) => /* @__PURE__ */ p(D, {
 					value: e,
 					children: i(e)
 				}, e))] })]
 			}),
-			/* @__PURE__ */ g(_, {
+			/* @__PURE__ */ m(h, {
 				variant: "outline",
-				onClick: Ge,
-				children: [/* @__PURE__ */ h(Oe, { className: "mr-1.5 h-4 w-4" }), " Edit"]
+				onClick: tt,
+				children: [/* @__PURE__ */ p(Fe, { className: "mr-1.5 h-4 w-4" }), " Edit"]
 			}),
-			/* @__PURE__ */ g(_, {
+			/* @__PURE__ */ m(h, {
 				variant: "ghost",
-				onClick: () => I("contracts"),
-				children: [/* @__PURE__ */ h(d, { className: "mr-1.5 h-4 w-4" }), " Back"]
+				onClick: () => P("contracts"),
+				children: [/* @__PURE__ */ p(Te, { className: "mr-1.5 h-4 w-4" }), " Back"]
 			})
 		] }),
 		children: [
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ h(n, {
-						icon: /* @__PURE__ */ h(ye, { className: "h-5 w-5" }),
-						value: R.counterparty,
+					/* @__PURE__ */ p(n, {
+						icon: /* @__PURE__ */ p(Ee, { className: "h-5 w-5" }),
+						value: I.counterparty,
 						label: "Counterparty",
 						featured: !0
 					}),
-					/* @__PURE__ */ h(n, {
-						icon: /* @__PURE__ */ h(De, { className: "h-5 w-5" }),
-						value: i(R.commodity),
+					/* @__PURE__ */ p(n, {
+						icon: /* @__PURE__ */ p(Pe, { className: "h-5 w-5" }),
+						value: i(I.commodity),
 						label: "Commodity & side",
-						footer: /* @__PURE__ */ h(c, { status: R.side })
+						footer: /* @__PURE__ */ p(c, { status: I.side })
 					}),
-					/* @__PURE__ */ h(n, {
-						icon: /* @__PURE__ */ h(Se, { className: "h-5 w-5" }),
-						value: ee(R.pricePerUnit, R.currency),
-						label: `Price per ${a(R.unit)}`,
-						footer: /* @__PURE__ */ h(c, { status: R.pricingBasis })
+					/* @__PURE__ */ p(n, {
+						icon: /* @__PURE__ */ p(ke, { className: "h-5 w-5" }),
+						value: ee(I.pricePerUnit, I.currency),
+						label: `Price per ${a(I.unit)}`,
+						footer: /* @__PURE__ */ p(c, { status: I.pricingBasis })
 					}),
-					/* @__PURE__ */ h(n, {
-						icon: /* @__PURE__ */ h(we, { className: "h-5 w-5" }),
-						value: o(R.deliveredVolume, R.unit),
-						label: `of ${o(R.contractedVolume, R.unit)} delivered`,
-						footer: /* @__PURE__ */ g("div", {
+					/* @__PURE__ */ p(n, {
+						icon: /* @__PURE__ */ p(je, { className: "h-5 w-5" }),
+						value: o(I.deliveredVolume, I.unit),
+						label: `of ${o(I.contractedVolume, I.unit)} delivered`,
+						footer: /* @__PURE__ */ m("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ h(te, {
-								value: Ue,
+							children: [/* @__PURE__ */ p(te, {
+								value: et,
 								barClassName: "bg-[var(--color-status-success-text)]"
-							}), /* @__PURE__ */ g("p", {
+							}), /* @__PURE__ */ m("p", {
 								className: "text-xs tabular-nums text-text-tertiary",
-								children: [Math.round(Ue), "% fulfilled"]
+								children: [Math.round(et), "% fulfilled"]
 							})]
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ g(v, {
+			/* @__PURE__ */ m(g, {
 				treatment: "glass",
 				className: "mt-4 p-6",
-				children: [/* @__PURE__ */ g("dl", {
+				children: [/* @__PURE__ */ m("dl", {
 					className: "grid grid-cols-2 gap-x-6 gap-y-4 sm:grid-cols-3 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
 							className: "text-xs text-text-tertiary",
 							children: "Pricing basis"
-						}), /* @__PURE__ */ h("dd", {
+						}), /* @__PURE__ */ p("dd", {
 							className: "mt-1",
-							children: /* @__PURE__ */ h(c, { status: R.pricingBasis })
+							children: /* @__PURE__ */ p(c, { status: I.pricingBasis })
 						})] }),
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
 							className: "text-xs text-text-tertiary",
 							children: "Price index"
-						}), /* @__PURE__ */ h("dd", {
+						}), /* @__PURE__ */ p("dd", {
 							className: "mt-0.5 text-sm text-text-primary",
-							children: R.priceIndex ?? "—"
+							children: I.priceIndex ?? "—"
 						})] }),
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
 							className: "text-xs text-text-tertiary",
 							children: "Currency"
-						}), /* @__PURE__ */ h("dd", {
+						}), /* @__PURE__ */ p("dd", {
 							className: "mt-0.5 text-sm text-text-primary",
-							children: R.currency
+							children: I.currency
 						})] }),
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
 							className: "text-xs text-text-tertiary",
 							children: "Delivery location"
-						}), /* @__PURE__ */ h("dd", {
+						}), /* @__PURE__ */ p("dd", {
 							className: "mt-0.5 flex items-center gap-1.5 text-sm text-text-primary",
-							children: R.deliveryLocation ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(Te, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary" }), R.deliveryLocation] }) : "—"
+							children: I.deliveryLocation ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Me, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary" }), I.deliveryLocation] }) : "—"
 						})] }),
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ m("div", {
 							className: "col-span-2",
-							children: [/* @__PURE__ */ h("dt", {
+							children: [/* @__PURE__ */ p("dt", {
 								className: "text-xs text-text-tertiary",
 								children: "Term"
-							}), /* @__PURE__ */ g("dd", {
+							}), /* @__PURE__ */ m("dd", {
 								className: "mt-0.5 flex items-center gap-1.5 text-sm text-text-primary tabular-nums",
-								children: [/* @__PURE__ */ h(be, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary" }), $e]
+								children: [/* @__PURE__ */ p(De, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary" }), ct]
 							})]
 						}),
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
 							className: "text-xs text-text-tertiary",
 							children: "Signed"
-						}), /* @__PURE__ */ h("dd", {
+						}), /* @__PURE__ */ p("dd", {
 							className: "mt-0.5 text-sm text-text-primary",
-							children: r(R.signedAt)
+							children: r(I.signedAt)
 						})] }),
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
 							className: "text-xs text-text-tertiary",
 							children: "Created"
-						}), /* @__PURE__ */ h("dd", {
+						}), /* @__PURE__ */ p("dd", {
 							className: "mt-0.5 text-sm text-text-primary",
-							children: r(R.createdAt)
+							children: r(I.createdAt)
 						})] })
 					]
-				}), R.notes && /* @__PURE__ */ h("p", {
+				}), I.notes && /* @__PURE__ */ p("p", {
 					className: "mt-5 rounded-lg bg-bg-sunken/60 p-3 text-sm text-text-secondary",
-					children: R.notes
+					children: I.notes
 				})]
 			}),
-			Z && /* @__PURE__ */ h("p", {
+			Y && /* @__PURE__ */ p("p", {
 				className: "mt-4 text-sm text-status-error-text",
-				children: Z
+				children: Y
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ p("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ h(me, {
-					items: Qe,
-					value: U,
-					onChange: ze
+				children: /* @__PURE__ */ p(ye, {
+					items: st,
+					value: V,
+					onChange: Xe
 				})
 			}),
-			U === "shipments" && /* @__PURE__ */ h("div", {
+			V === "shipments" && /* @__PURE__ */ p("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ h(ae, {
+				children: /* @__PURE__ */ p(ae, {
 					title: "Shipments",
 					description: "Physical movements delivering against this contract's volume.",
-					action: /* @__PURE__ */ g(_, {
+					action: /* @__PURE__ */ m(h, {
 						size: "sm",
-						onClick: Ke,
-						children: [/* @__PURE__ */ h(f, { className: "mr-1.5 h-4 w-4" }), " Schedule shipment"]
+						onClick: $,
+						children: [/* @__PURE__ */ p(u, { className: "mr-1.5 h-4 w-4" }), " Schedule shipment"]
 					}),
-					children: $.length === 0 ? /* @__PURE__ */ h(l, {
+					children: B.isLoading ? /* @__PURE__ */ p(ie, { label: "Loading shipments…" }) : B.isError ? /* @__PURE__ */ p(re, {
+						message: "Couldn't load shipments.",
+						onRetry: () => B.refetch()
+					}) : Z.length === 0 ? /* @__PURE__ */ p(oe, {
 						illustration: "empty-data",
-						icon: /* @__PURE__ */ h(p, { className: "h-10 w-10" }),
+						icon: /* @__PURE__ */ p(d, { className: "h-10 w-10" }),
 						title: "No shipments scheduled",
 						description: "Schedule a shipment to start delivering against this contract.",
-						action: /* @__PURE__ */ g(_, {
-							onClick: Ke,
-							children: [/* @__PURE__ */ h(f, { className: "mr-1.5 h-4 w-4" }), " Schedule shipment"]
+						action: /* @__PURE__ */ m(h, {
+							onClick: $,
+							children: [/* @__PURE__ */ p(u, { className: "mr-1.5 h-4 w-4" }), " Schedule shipment"]
 						})
-					}) : /* @__PURE__ */ h(ne, {
-						columns: Ze,
-						rows: $,
+					}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ne, {
+						columns: ot,
+						rows: Z,
 						rowKey: (e) => e.id
-					})
+					}), /* @__PURE__ */ p(be, {
+						page: z.page,
+						pageSize: j,
+						itemCount: Z.length,
+						hasMore: B.data?.pageInfo?.hasMore ?? !1,
+						onPageChange: z.onPageChange
+					})] })
 				})
 			}),
-			U === "tags" && /* @__PURE__ */ h("div", {
+			V === "tags" && /* @__PURE__ */ p("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ h(v, {
+				children: /* @__PURE__ */ p(g, {
 					treatment: "glass",
 					className: "p-6",
-					children: /* @__PURE__ */ h(ve, {
+					children: /* @__PURE__ */ p(we, {
 						entityType: "theglobalfuel-contract",
-						entityId: R.id
+						entityId: I.id
 					})
 				})
 			}),
-			U === "discussion" && /* @__PURE__ */ h("div", {
+			V === "discussion" && /* @__PURE__ */ p("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ h(_e, {
+				children: /* @__PURE__ */ p(Ce, {
 					entityType: "theglobalfuel-contract",
-					entityId: R.id,
+					entityId: I.id,
 					description: "Coordinate negotiation, delivery and settlement with your team."
 				})
 			}),
-			/* @__PURE__ */ h(x, {
-				open: Ve,
+			/* @__PURE__ */ p(y, {
+				open: Qe,
 				onOpenChange: (e) => {
-					q(e), e || (Y(P(R.unit)), X(null), Q(null));
+					G(e), e || (q(M(I.unit)), J(null), X(null));
 				},
-				children: /* @__PURE__ */ g(S, { children: [/* @__PURE__ */ g(T, { children: [/* @__PURE__ */ h(je, { children: "Schedule shipment" }), /* @__PURE__ */ g(C, { children: [
+				children: /* @__PURE__ */ m(b, { children: [/* @__PURE__ */ m(C, { children: [/* @__PURE__ */ p(w, { children: "Schedule shipment" }), /* @__PURE__ */ m(x, { children: [
 					"Log a physical movement delivering against ",
-					R.reference,
+					I.reference,
 					"."
-				] })] }), /* @__PURE__ */ g("form", {
+				] })] }), /* @__PURE__ */ m("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), Ye();
+						e.preventDefault(), it();
 					},
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ m("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ g("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ h(b, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "shipReference",
 										children: "Reference *"
-									}), /* @__PURE__ */ h(y, {
+									}), /* @__PURE__ */ p(_, {
 										id: "shipReference",
-										value: J.reference,
-										onChange: (e) => Y({
-											...J,
+										value: K.reference,
+										onChange: (e) => q({
+											...K,
 											reference: e.target.value
 										}),
 										placeholder: "SHP-2026-0031"
 									})]
-								}), /* @__PURE__ */ g("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ h(b, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "shipMode",
 										children: "Mode"
-									}), /* @__PURE__ */ g(E, {
-										value: J.mode,
-										onValueChange: (e) => Y({
-											...J,
+									}), /* @__PURE__ */ m(T, {
+										value: K.mode,
+										onValueChange: (e) => q({
+											...K,
 											mode: e
 										}),
-										children: [/* @__PURE__ */ h(k, {
+										children: [/* @__PURE__ */ p(O, {
 											id: "shipMode",
-											children: /* @__PURE__ */ h(A, {})
-										}), /* @__PURE__ */ h(D, { children: Ne.map((e) => /* @__PURE__ */ h(O, {
+											children: /* @__PURE__ */ p(k, {})
+										}), /* @__PURE__ */ p(E, { children: ze.map((e) => /* @__PURE__ */ p(D, {
 											value: e,
 											children: i(e)
 										}, e)) })]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ h(b, {
+								children: [/* @__PURE__ */ p(v, {
 									htmlFor: "shipCarrier",
 									children: "Carrier"
-								}), /* @__PURE__ */ h(y, {
+								}), /* @__PURE__ */ p(_, {
 									id: "shipCarrier",
-									value: J.carrier,
-									onChange: (e) => Y({
-										...J,
+									value: K.carrier,
+									onChange: (e) => q({
+										...K,
 										carrier: e.target.value
 									}),
 									placeholder: "Maersk Tankers"
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ g("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ h(b, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "shipOrigin",
 										children: "Origin"
-									}), /* @__PURE__ */ h(y, {
+									}), /* @__PURE__ */ p(_, {
 										id: "shipOrigin",
-										value: J.origin,
-										onChange: (e) => Y({
-											...J,
+										value: K.origin,
+										onChange: (e) => q({
+											...K,
 											origin: e.target.value
 										}),
 										placeholder: "Ras Tanura"
 									})]
-								}), /* @__PURE__ */ g("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ h(b, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "shipDestination",
 										children: "Destination"
-									}), /* @__PURE__ */ h(y, {
+									}), /* @__PURE__ */ p(_, {
 										id: "shipDestination",
-										value: J.destination,
-										onChange: (e) => Y({
-											...J,
+										value: K.destination,
+										onChange: (e) => q({
+											...K,
 											destination: e.target.value
 										}),
 										placeholder: "Rotterdam"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-3",
 								children: [
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ h(b, {
+										children: [/* @__PURE__ */ p(v, {
 											htmlFor: "shipVolume",
 											children: "Volume *"
-										}), /* @__PURE__ */ h(y, {
+										}), /* @__PURE__ */ p(_, {
 											id: "shipVolume",
 											type: "number",
 											min: "0",
 											step: "any",
-											value: J.volume,
-											onChange: (e) => Y({
-												...J,
+											value: K.volume,
+											onChange: (e) => q({
+												...K,
 												volume: e.target.value
 											}),
 											placeholder: "50000"
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ h(b, {
+										children: [/* @__PURE__ */ p(v, {
 											htmlFor: "shipUnit",
 											children: "Unit"
-										}), /* @__PURE__ */ g(E, {
-											value: J.unit,
-											onValueChange: (e) => Y({
-												...J,
+										}), /* @__PURE__ */ m(T, {
+											value: K.unit,
+											onValueChange: (e) => q({
+												...K,
 												unit: e
 											}),
-											children: [/* @__PURE__ */ h(k, {
+											children: [/* @__PURE__ */ p(O, {
 												id: "shipUnit",
-												children: /* @__PURE__ */ h(A, {})
-											}), /* @__PURE__ */ h(D, { children: M.map((e) => /* @__PURE__ */ h(O, {
+												children: /* @__PURE__ */ p(k, {})
+											}), /* @__PURE__ */ p(E, { children: Be.map((e) => /* @__PURE__ */ p(D, {
 												value: e,
 												children: a(e)
 											}, e)) })]
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ h(b, {
+										children: [/* @__PURE__ */ p(v, {
 											htmlFor: "shipScheduled",
 											children: "Scheduled at"
-										}), /* @__PURE__ */ h(y, {
+										}), /* @__PURE__ */ p(_, {
 											id: "shipScheduled",
 											type: "date",
-											value: J.scheduledAt,
-											onChange: (e) => Y({
-												...J,
+											value: K.scheduledAt,
+											onChange: (e) => q({
+												...K,
 												scheduledAt: e.target.value
 											})
 										})]
 									})
 								]
 							}),
-							/* @__PURE__ */ h(he, {
+							/* @__PURE__ */ p(xe, {
 								id: "ship-doc",
 								label: "Bill of lading / document",
-								value: He,
-								onChange: X,
+								value: $e,
+								onChange: J,
 								accept: "image/*,application/pdf",
 								hint: "Attach the bill of lading or shipping document (PDF or image)."
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ h(b, {
+								children: [/* @__PURE__ */ p(v, {
 									htmlFor: "shipNotes",
 									children: "Notes"
-								}), /* @__PURE__ */ h(j, {
+								}), /* @__PURE__ */ p(A, {
 									id: "shipNotes",
 									rows: 2,
-									value: J.notes,
-									onChange: (e) => Y({
-										...J,
+									value: K.notes,
+									onChange: (e) => q({
+										...K,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about this shipment."
 								})]
 							}),
-							Z && /* @__PURE__ */ h("p", {
+							Y && /* @__PURE__ */ p("p", {
 								className: "text-sm text-status-error-text",
-								children: Z
+								children: Y
 							})
 						]
-					}), /* @__PURE__ */ g(w, { children: [/* @__PURE__ */ h(_, {
+					}), /* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(h, {
 						type: "button",
 						variant: "outline",
 						onClick: () => {
-							q(!1), Y(P(R.unit)), X(null), Q(null);
+							G(!1), q(M(I.unit)), J(null), X(null);
 						},
 						children: "Cancel"
-					}), /* @__PURE__ */ h(_, {
+					}), /* @__PURE__ */ p(h, {
 						type: "submit",
-						disabled: V.isPending,
-						children: V.isPending ? "Scheduling…" : "Schedule shipment"
+						disabled: R.isPending,
+						children: R.isPending ? "Scheduling…" : "Schedule shipment"
 					})] })]
 				})] })
 			}),
-			/* @__PURE__ */ h(x, {
-				open: Be,
-				onOpenChange: W,
-				children: /* @__PURE__ */ g(S, { children: [/* @__PURE__ */ g(T, { children: [/* @__PURE__ */ h(je, { children: "Edit contract" }), /* @__PURE__ */ g(C, { children: [
+			/* @__PURE__ */ p(y, {
+				open: Ze,
+				onOpenChange: H,
+				children: /* @__PURE__ */ m(b, { children: [/* @__PURE__ */ m(C, { children: [/* @__PURE__ */ p(w, { children: "Edit contract" }), /* @__PURE__ */ m(x, { children: [
 					"Update the commercial terms of ",
-					R.reference,
+					I.reference,
 					"."
-				] })] }), /* @__PURE__ */ g("form", {
+				] })] }), /* @__PURE__ */ m("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), Je();
+						e.preventDefault(), rt();
 					},
-					children: [G && /* @__PURE__ */ g("div", {
+					children: [U && /* @__PURE__ */ m("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ h(b, {
+								children: [/* @__PURE__ */ p(v, {
 									htmlFor: "editCounterparty",
 									children: "Counterparty *"
-								}), /* @__PURE__ */ h(y, {
+								}), /* @__PURE__ */ p(_, {
 									id: "editCounterparty",
-									value: G.counterparty,
-									onChange: (e) => K({
-										...G,
+									value: U.counterparty,
+									onChange: (e) => W({
+										...U,
 										counterparty: e.target.value
 									}),
 									placeholder: "Vitol S.A."
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ g("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ h(b, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "editPricingBasis",
 										children: "Pricing basis"
-									}), /* @__PURE__ */ g(E, {
-										value: G.pricingBasis,
-										onValueChange: (e) => K({
-											...G,
+									}), /* @__PURE__ */ m(T, {
+										value: U.pricingBasis,
+										onValueChange: (e) => W({
+											...U,
 											pricingBasis: e
 										}),
-										children: [/* @__PURE__ */ h(k, {
+										children: [/* @__PURE__ */ p(O, {
 											id: "editPricingBasis",
-											children: /* @__PURE__ */ h(A, {})
-										}), /* @__PURE__ */ h(D, { children: Me.map((e) => /* @__PURE__ */ h(O, {
+											children: /* @__PURE__ */ p(k, {})
+										}), /* @__PURE__ */ p(E, { children: Re.map((e) => /* @__PURE__ */ p(D, {
 											value: e,
 											children: i(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ g("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ h(b, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "editPriceIndex",
 										children: "Price index"
-									}), /* @__PURE__ */ h(y, {
+									}), /* @__PURE__ */ p(_, {
 										id: "editPriceIndex",
-										value: G.priceIndex,
-										onChange: (e) => K({
-											...G,
+										value: U.priceIndex,
+										onChange: (e) => W({
+											...U,
 											priceIndex: e.target.value
 										}),
 										placeholder: "Brent, TTF, Henry Hub"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-3",
 								children: [
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ h(b, {
+										children: [/* @__PURE__ */ p(v, {
 											htmlFor: "editPrice",
 											children: "Price / unit"
-										}), /* @__PURE__ */ h(y, {
+										}), /* @__PURE__ */ p(_, {
 											id: "editPrice",
 											type: "number",
 											min: "0",
 											step: "any",
-											value: G.pricePerUnit,
-											onChange: (e) => K({
-												...G,
+											value: U.pricePerUnit,
+											onChange: (e) => W({
+												...U,
 												pricePerUnit: e.target.value
 											}),
 											placeholder: "82.50"
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ h(b, {
+										children: [/* @__PURE__ */ p(v, {
 											htmlFor: "editCurrency",
 											children: "Currency"
-										}), /* @__PURE__ */ h(y, {
+										}), /* @__PURE__ */ p(_, {
 											id: "editCurrency",
-											value: G.currency,
-											onChange: (e) => K({
-												...G,
+											value: U.currency,
+											onChange: (e) => W({
+												...U,
 												currency: e.target.value
 											}),
 											placeholder: "USD"
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ h(b, {
+										children: [/* @__PURE__ */ p(v, {
 											htmlFor: "editUnit",
 											children: "Unit"
-										}), /* @__PURE__ */ g(E, {
-											value: G.unit,
-											onValueChange: (e) => K({
-												...G,
+										}), /* @__PURE__ */ m(T, {
+											value: U.unit,
+											onValueChange: (e) => W({
+												...U,
 												unit: e
 											}),
-											children: [/* @__PURE__ */ h(k, {
+											children: [/* @__PURE__ */ p(O, {
 												id: "editUnit",
-												children: /* @__PURE__ */ h(A, {})
-											}), /* @__PURE__ */ h(D, { children: M.map((e) => /* @__PURE__ */ h(O, {
+												children: /* @__PURE__ */ p(k, {})
+											}), /* @__PURE__ */ p(E, { children: Be.map((e) => /* @__PURE__ */ p(D, {
 												value: e,
 												children: a(e)
 											}, e)) })]
@@ -797,103 +818,103 @@ function F() {
 									})
 								]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ g("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ h(b, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "editVolume",
 										children: "Contracted volume"
-									}), /* @__PURE__ */ h(y, {
+									}), /* @__PURE__ */ p(_, {
 										id: "editVolume",
 										type: "number",
 										min: "0",
 										step: "any",
-										value: G.contractedVolume,
-										onChange: (e) => K({
-											...G,
+										value: U.contractedVolume,
+										onChange: (e) => W({
+											...U,
 											contractedVolume: e.target.value
 										}),
 										placeholder: "500000"
 									})]
-								}), /* @__PURE__ */ g("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ h(b, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "editLocation",
 										children: "Delivery location"
-									}), /* @__PURE__ */ h(y, {
+									}), /* @__PURE__ */ p(_, {
 										id: "editLocation",
-										value: G.deliveryLocation,
-										onChange: (e) => K({
-											...G,
+										value: U.deliveryLocation,
+										onChange: (e) => W({
+											...U,
 											deliveryLocation: e.target.value
 										}),
 										placeholder: "Rotterdam"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ g("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ h(b, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "editStart",
 										children: "Start date"
-									}), /* @__PURE__ */ h(y, {
+									}), /* @__PURE__ */ p(_, {
 										id: "editStart",
 										type: "date",
-										value: G.startDate,
-										onChange: (e) => K({
-											...G,
+										value: U.startDate,
+										onChange: (e) => W({
+											...U,
 											startDate: e.target.value
 										})
 									})]
-								}), /* @__PURE__ */ g("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ h(b, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "editEnd",
 										children: "End date"
-									}), /* @__PURE__ */ h(y, {
+									}), /* @__PURE__ */ p(_, {
 										id: "editEnd",
 										type: "date",
-										value: G.endDate,
-										onChange: (e) => K({
-											...G,
+										value: U.endDate,
+										onChange: (e) => W({
+											...U,
 											endDate: e.target.value
 										})
 									})]
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ h(b, {
+								children: [/* @__PURE__ */ p(v, {
 									htmlFor: "editNotes",
 									children: "Notes"
-								}), /* @__PURE__ */ h(j, {
+								}), /* @__PURE__ */ p(A, {
 									id: "editNotes",
 									rows: 2,
-									value: G.notes,
-									onChange: (e) => K({
-										...G,
+									value: U.notes,
+									onChange: (e) => W({
+										...U,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about this contract."
 								})]
 							}),
-							Z && /* @__PURE__ */ h("p", {
+							Y && /* @__PURE__ */ p("p", {
 								className: "text-sm text-status-error-text",
-								children: Z
+								children: Y
 							})
 						]
-					}), /* @__PURE__ */ g(w, { children: [/* @__PURE__ */ h(_, {
+					}), /* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(h, {
 						type: "button",
 						variant: "outline",
-						onClick: () => W(!1),
+						onClick: () => H(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ h(_, {
+					}), /* @__PURE__ */ p(h, {
 						type: "submit",
-						disabled: B.isPending,
-						children: B.isPending ? "Saving…" : "Save changes"
+						disabled: L.isPending,
+						children: L.isPending ? "Saving…" : "Save changes"
 					})] })]
 				})] })
 			})
@@ -901,6 +922,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as ContractDetailPage };
+export { N as ContractDetailPage };
 
 //# sourceMappingURL=ContractDetailPage.js.map