@burdenoff/microfe-theglobalfuel 2026.704.1 → 2026.705.2

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

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