@burdenoff/microfe-theglobalfuel 2026.804.2 → 2026.827.1

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

@@ -5,41 +5,43 @@ import { formatDate as r, formatEnumLabel as i, formatMoney as ee, formatUnit as
 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 oe } from "../../components/EmptyState.js";
+import { ErrorView as l, LoadingView as u, Section as re } from "../../components/StateViews.js";
+import { EmptyState as ie } from "../../components/EmptyState.js";
 import "../../context/index.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 { useTheContract as ae, useTheDeliverShipment as oe, useTheScheduleShipment as se, useTheShipments as ce, useTheTransitionContract as le, useTheUpdateContract as ue } from "../../hooks/useTheGlobalFuelApi.js";
+import { useCursorPager as de } from "../../hooks/useCursorPager.js";
+import { useNotify as fe } from "../../hooks/useNotify.js";
+import { useThePageView as pe } from "../../hooks/useThePageView.js";
+import { useTheNativeControls as me } from "../../hooks/useTheNativeControls.js";
 import "../../hooks/index.js";
-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";
+import { toCsv as he } from "../../utils/csv.js";
+import { downloadTextFile as ge, slugify as _e } from "../../utils/provenance.js";
+import { CONTRACT_TRANSITIONS as ve, nextStatuses as ye } from "../../utils/transitions.js";
+import { Tabs as be } from "../../components/Tabs.js";
+import { Pagination as xe } from "../../components/Pagination.js";
+import { EvidenceUpload as Se } from "../../components/EvidenceUpload.js";
+import { FileLink as Ce } from "../../components/FileLink.js";
+import { TheDiscussion as we } from "../../components/TheDiscussion.js";
+import { TheTags as Te } from "../../components/TheTags.js";
+import { useState as d } from "react";
+import { ArrowLeft as Ee, Building2 as De, Calendar as Oe, CheckCircle2 as ke, Coins as Ae, Download as je, FileSignature as Me, Gauge as Ne, MapPin as Pe, MessageSquare as Fe, Package as Ie, Pencil as Le, Plus as Re, Ship as ze, Tag as Be } from "lucide-react";
+import { useParams as Ve } from "react-router";
 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";
+import { Button as h, GlassCard as He, Input as g, Label as _, ResponsiveDialog as v, ResponsiveDialogContent as y, ResponsiveDialogDescription as b, ResponsiveDialogFooter as x, ResponsiveDialogHeader as S, ResponsiveDialogTitle as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Textarea as k } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/pages/contracts/ContractDetailPage.tsx
-var Re = [
+var Ue = [
 	"FIXED",
 	"INDEX_LINKED",
 	"FORMULA",
 	"SPOT"
-], ze = [
+], We = [
 	"PIPELINE",
 	"TANKER",
 	"VESSEL_BULK",
 	"RAIL",
 	"TRUCK",
 	"GRID"
-], Be = [
+], Ge = [
 	"BARRELS",
 	"CUBIC_METERS",
 	"TONNES",
@@ -47,14 +49,15 @@ var Re = [
 	"MWH",
 	"GJ",
 	"MCF"
-], Ve = new Set([
+], Ke = new Set([
 	"SCHEDULED",
 	"LOADING",
 	"IN_TRANSIT"
-]), j = 25, He = (e) => Math.max(0, Math.min(100, e)), Ue = (e) => e ? e.slice(0, 10) : "", M = (e) => ({
+]), A = 25, qe = (e) => Math.max(0, Math.min(100, e)), j = (e) => e ? e.slice(0, 10) : "", M = (e) => ({
 	reference: "",
 	mode: "VESSEL_BULK",
 	carrier: "",
+	trackingId: "",
 	origin: "",
 	destination: "",
 	volume: "",
@@ -63,31 +66,31 @@ var Re = [
 	notes: ""
 });
 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, {
+	let { id: N } = Ve(), { navigateTo: P } = e(), F = fe();
+	pe("contract-detail");
+	let { haptic: Je } = me(), { data: I, isLoading: Ye, isError: L, refetch: Xe } = ae(N), R = ue(), Ze = le(), z = se(), B = oe(), V = de(), H = ce(N, void 0, {
+		limit: A,
+		offset: V.page * A
+	}), [U, Qe] = d("shipments"), [$e, W] = d(!1), [G, K] = d(null), [et, q] = d(!1), [J, Y] = d(M("BARRELS")), [tt, X] = d(null), [Z, Q] = d(null);
+	if (Ye) return /* @__PURE__ */ p(t, {
 		title: "Contract",
 		dataTour: "theglobalfuel-contract-detail-page",
-		children: /* @__PURE__ */ p(ie, {})
+		children: /* @__PURE__ */ p(u, {})
 	});
-	if (Ke || !I) return /* @__PURE__ */ p(t, {
+	if (L || !I) return /* @__PURE__ */ p(t, {
 		title: "Contract",
 		dataTour: "theglobalfuel-contract-detail-page",
 		actions: /* @__PURE__ */ m(h, {
 			variant: "ghost",
 			onClick: () => P("contracts"),
-			children: [/* @__PURE__ */ p(Te, { className: "mr-1.5 h-4 w-4" }), " Back"]
+			children: [/* @__PURE__ */ p(Ee, { className: "mr-1.5 h-4 w-4" }), " Back"]
 		}),
-		children: Ke ? /* @__PURE__ */ p(re, {
+		children: L ? /* @__PURE__ */ p(l, {
 			message: "This contract could not be loaded.",
-			onRetry: () => qe()
-		}) : /* @__PURE__ */ p(oe, {
+			onRetry: () => Xe()
+		}) : /* @__PURE__ */ p(ie, {
 			illustration: "empty-search",
-			icon: /* @__PURE__ */ p(Ae, { className: "h-10 w-10" }),
+			icon: /* @__PURE__ */ p(Me, { 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__ */ p(h, {
@@ -96,8 +99,8 @@ function N() {
 			})
 		})
 	});
-	let Z = B.data?.items ?? [], et = I.contractedVolume > 0 ? He(I.deliveredVolume / I.contractedVolume * 100) : 0, Q = ve(_e, I.status), tt = () => {
-		W({
+	let $ = H.data?.items ?? [], nt = I.contractedVolume > 0 ? qe(I.deliveredVolume / I.contractedVolume * 100) : 0, rt = ye(ve, I.status), it = () => {
+		K({
 			counterparty: I.counterparty,
 			pricingBasis: I.pricingBasis,
 			pricePerUnit: I.pricePerUnit ? String(I.pricePerUnit) : "",
@@ -106,86 +109,139 @@ function N() {
 			contractedVolume: I.contractedVolume ? String(I.contractedVolume) : "",
 			unit: I.unit,
 			deliveryLocation: I.deliveryLocation ?? "",
-			startDate: Ue(I.startDate),
-			endDate: Ue(I.endDate),
+			startDate: j(I.startDate),
+			endDate: j(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({
+		}), Q(null), W(!0);
+	}, at = () => {
+		Je("light"), Y(M(I.unit)), X(null), Q(null), q(!0);
+	}, ot = (e) => {
+		e !== I.status && (Q(null), Ze.mutate({
 			id: I.id,
 			status: e
 		}, {
 			onSuccess: () => F.success("Contract status updated"),
 			onError: (e) => {
-				X(e instanceof Error ? e.message : "Failed to update contract status."), F.fromError(e);
+				Q(e instanceof Error ? e.message : "Failed to update contract status."), F.fromError(e);
 			}
 		}));
-	}, rt = async () => {
-		if (U) {
-			if (!U.counterparty.trim()) {
-				X("Counterparty is required.");
+	}, st = async () => {
+		if (G) {
+			if (!G.counterparty.trim()) {
+				Q("Counterparty is required.");
 				return;
 			}
-			X(null);
+			Q(null);
 			try {
-				await L.mutateAsync({
+				await R.mutateAsync({
 					id: I.id,
 					input: {
-						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
+						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
 					}
-				}), F.success("Contract updated"), H(!1);
+				}), F.success("Contract updated"), W(!1);
 			} catch (e) {
-				X(e instanceof Error ? e.message : "Failed to update contract."), F.fromError(e);
+				Q(e instanceof Error ? e.message : "Failed to update contract."), F.fromError(e);
 			}
 		}
-	}, it = async () => {
-		if (!K.reference.trim()) {
-			X("Shipment reference is required.");
+	}, ct = async () => {
+		if (!J.reference.trim()) {
+			Q("Shipment reference is required.");
 			return;
 		}
-		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.");
+		let e = Number(J.volume);
+		if (!J.volume || Number.isNaN(e) || e <= 0) {
+			Q("Enter a volume greater than zero."), F.error("Enter a volume greater than zero.");
 			return;
 		}
-		X(null);
+		Q(null);
 		try {
-			await R.mutateAsync({
+			await z.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,
+				reference: J.reference.trim(),
+				mode: J.mode,
+				carrier: J.carrier.trim() || null,
+				trackingId: J.trackingId.trim() || null,
+				origin: J.origin.trim() || null,
+				destination: J.destination.trim() || null,
 				volume: e,
-				unit: K.unit,
-				scheduledAt: s(K.scheduledAt) ?? null,
-				documentFileId: $e?.fileId ?? null,
-				notes: K.notes.trim() || null
-			}), F.success("Shipment scheduled"), G(!1);
+				unit: J.unit,
+				scheduledAt: s(J.scheduledAt) ?? null,
+				documentFileId: tt?.fileId ?? null,
+				notes: J.notes.trim() || null
+			}), F.success("Shipment scheduled"), q(!1);
 		} catch (e) {
-			X(e instanceof Error ? e.message : "Failed to schedule shipment."), F.fromError(e);
+			Q(e instanceof Error ? e.message : "Failed to schedule shipment."), F.fromError(e);
 		}
-	}, at = (e) => {
-		X(null), Ye.mutate(e, {
+	}, lt = (e) => {
+		Q(null), B.mutate(e, {
 			onSuccess: () => F.success("Shipment delivered"),
 			onError: (e) => {
-				X(e instanceof Error ? e.message : "Failed to mark shipment delivered."), F.fromError(e);
+				Q(e instanceof Error ? e.message : "Failed to mark shipment delivered."), F.fromError(e);
 			}
 		});
-	}, ot = [
+	}, ut = () => {
+		let e = he([
+			{
+				header: "Reference",
+				value: (e) => e.reference
+			},
+			{
+				header: "Mode",
+				value: (e) => i(e.mode)
+			},
+			{
+				header: "Status",
+				value: (e) => i(e.status)
+			},
+			{
+				header: "Carrier",
+				value: (e) => e.carrier ?? ""
+			},
+			{
+				header: "Tracking ID",
+				value: (e) => e.trackingId ?? ""
+			},
+			{
+				header: "Origin",
+				value: (e) => e.origin ?? ""
+			},
+			{
+				header: "Destination",
+				value: (e) => e.destination ?? ""
+			},
+			{
+				header: "Volume",
+				value: (e) => e.volume
+			},
+			{
+				header: "Unit",
+				value: (e) => e.unit
+			},
+			{
+				header: "Scheduled",
+				value: (e) => e.scheduledAt ?? ""
+			},
+			{
+				header: "Departed",
+				value: (e) => e.departedAt ?? ""
+			},
+			{
+				header: "Delivered",
+				value: (e) => e.deliveredAt ?? ""
+			}
+		], $);
+		ge(`${_e(I.reference)}-shipments.csv`, "text/csv", e) ? F.success("Shipments exported") : F.error("This browser can't download the export.");
+	}, dt = [
 		{
 			key: "reference",
 			header: "Shipment",
@@ -211,6 +267,18 @@ function N() {
 				children: e.carrier ?? "—"
 			})
 		},
+		{
+			key: "trackingId",
+			header: "Tracking ID",
+			hideOnMobile: !0,
+			render: (e) => e.trackingId ? /* @__PURE__ */ p("span", {
+				className: "truncate font-mono text-xs text-text-secondary",
+				children: e.trackingId
+			}) : /* @__PURE__ */ p("span", {
+				className: "text-text-tertiary",
+				children: "—"
+			})
+		},
 		{
 			key: "route",
 			header: "Route",
@@ -244,18 +312,28 @@ function N() {
 		},
 		{
 			key: "schedule",
-			header: "Scheduled",
+			header: "Schedule",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ p("span", {
-				className: "text-text-tertiary",
-				children: r(e.scheduledAt)
+			sortValue: (e) => e.scheduledAt ?? "",
+			render: (e) => /* @__PURE__ */ m("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ p("p", {
+					className: "text-text-tertiary",
+					children: r(e.scheduledAt)
+				}), e.deliveredAt ? /* @__PURE__ */ m("p", {
+					className: "text-xs text-status-success-text",
+					children: ["Delivered ", r(e.deliveredAt)]
+				}) : e.departedAt ? /* @__PURE__ */ m("p", {
+					className: "text-xs text-text-secondary",
+					children: ["Departed ", r(e.departedAt)]
+				}) : null]
 			})
 		},
 		{
 			key: "document",
 			header: "Document",
 			hideOnMobile: !0,
-			render: (e) => e.document?.id ? /* @__PURE__ */ p(Se, { fileId: e.document.id }) : /* @__PURE__ */ p("span", {
+			render: (e) => e.document?.id ? /* @__PURE__ */ p(Ce, { fileId: e.document.id }) : /* @__PURE__ */ p("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
@@ -264,64 +342,64 @@ function N() {
 			key: "action",
 			header: "",
 			align: "right",
-			render: (e) => Ve.has(e.status) ? /* @__PURE__ */ m(h, {
+			render: (e) => Ke.has(e.status) ? /* @__PURE__ */ m(h, {
 				size: "sm",
 				variant: "outline",
-				onClick: () => at(e.id),
-				disabled: Ye.isPending,
-				children: [/* @__PURE__ */ p(Oe, { className: "mr-1.5 h-4 w-4" }), " Mark delivered"]
+				onClick: () => lt(e.id),
+				disabled: B.isPending,
+				children: [/* @__PURE__ */ p(ke, { className: "mr-1.5 h-4 w-4" }), " Mark delivered"]
 			}) : null
 		}
-	], st = [
+	], ft = [
 		{
 			value: "shipments",
 			label: "Shipments",
-			icon: /* @__PURE__ */ p(d, { className: "h-4 w-4" }),
-			count: Z.length
+			icon: /* @__PURE__ */ p(ze, { className: "h-4 w-4" }),
+			count: $.length
 		},
 		{
 			value: "tags",
 			label: "Tags",
-			icon: /* @__PURE__ */ p(Ie, { className: "h-4 w-4" })
+			icon: /* @__PURE__ */ p(Be, { className: "h-4 w-4" })
 		},
 		{
 			value: "discussion",
 			label: "Discussion",
-			icon: /* @__PURE__ */ p(Ne, { className: "h-4 w-4" })
+			icon: /* @__PURE__ */ p(Fe, { className: "h-4 w-4" })
 		}
-	], ct = I.startDate || I.endDate ? `${r(I.startDate)} – ${r(I.endDate)}` : "—";
+	], pt = 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, {
+			/* @__PURE__ */ m(w, {
 				value: I.status,
-				onValueChange: (e) => nt(e),
-				disabled: Q.length === 0,
-				children: [/* @__PURE__ */ p(O, {
+				onValueChange: (e) => ot(e),
+				disabled: rt.length === 0,
+				children: [/* @__PURE__ */ p(D, {
 					className: "h-9 w-40",
 					"aria-label": "Change contract status",
-					children: /* @__PURE__ */ p(k, {})
-				}), /* @__PURE__ */ m(E, { children: [/* @__PURE__ */ p(D, {
+					children: /* @__PURE__ */ p(O, {})
+				}), /* @__PURE__ */ m(T, { children: [/* @__PURE__ */ p(E, {
 					value: I.status,
 					disabled: !0,
 					children: i(I.status)
-				}), Q.map((e) => /* @__PURE__ */ p(D, {
+				}), rt.map((e) => /* @__PURE__ */ p(E, {
 					value: e,
 					children: i(e)
 				}, e))] })]
 			}),
 			/* @__PURE__ */ m(h, {
 				variant: "outline",
-				onClick: tt,
-				children: [/* @__PURE__ */ p(Fe, { className: "mr-1.5 h-4 w-4" }), " Edit"]
+				onClick: it,
+				children: [/* @__PURE__ */ p(Le, { className: "mr-1.5 h-4 w-4" }), " Edit"]
 			}),
 			/* @__PURE__ */ m(h, {
 				variant: "ghost",
 				onClick: () => P("contracts"),
-				children: [/* @__PURE__ */ p(Te, { className: "mr-1.5 h-4 w-4" }), " Back"]
+				children: [/* @__PURE__ */ p(Ee, { className: "mr-1.5 h-4 w-4" }), " Back"]
 			})
 		] }),
 		children: [
@@ -329,41 +407,41 @@ function N() {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
 					/* @__PURE__ */ p(n, {
-						icon: /* @__PURE__ */ p(Ee, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ p(De, { className: "h-5 w-5" }),
 						value: I.counterparty,
 						label: "Counterparty",
 						featured: !0
 					}),
 					/* @__PURE__ */ p(n, {
-						icon: /* @__PURE__ */ p(Pe, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ p(Ie, { className: "h-5 w-5" }),
 						value: i(I.commodity),
 						label: "Commodity & side",
 						footer: /* @__PURE__ */ p(c, { status: I.side })
 					}),
 					/* @__PURE__ */ p(n, {
-						icon: /* @__PURE__ */ p(ke, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ p(Ae, { 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__ */ p(n, {
-						icon: /* @__PURE__ */ p(je, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ p(Ne, { 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__ */ p(te, {
-								value: et,
+								value: nt,
 								barClassName: "bg-[var(--color-status-success-text)]"
 							}), /* @__PURE__ */ m("p", {
 								className: "text-xs tabular-nums text-text-tertiary",
-								children: [Math.round(et), "% fulfilled"]
+								children: [Math.round(nt), "% fulfilled"]
 							})]
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ m(g, {
+			/* @__PURE__ */ m(He, {
 				treatment: "glass",
 				className: "mt-4 p-6",
 				children: [/* @__PURE__ */ m("dl", {
@@ -395,7 +473,7 @@ function N() {
 							children: "Delivery location"
 						}), /* @__PURE__ */ p("dd", {
 							className: "mt-0.5 flex items-center gap-1.5 text-sm text-text-primary",
-							children: I.deliveryLocation ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Me, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary" }), I.deliveryLocation] }) : "—"
+							children: I.deliveryLocation ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Pe, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary" }), I.deliveryLocation] }) : "—"
 						})] }),
 						/* @__PURE__ */ m("div", {
 							className: "col-span-2",
@@ -404,7 +482,7 @@ function N() {
 								children: "Term"
 							}), /* @__PURE__ */ m("dd", {
 								className: "mt-0.5 flex items-center gap-1.5 text-sm text-text-primary tabular-nums",
-								children: [/* @__PURE__ */ p(De, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary" }), ct]
+								children: [/* @__PURE__ */ p(Oe, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary" }), pt]
 							})]
 						}),
 						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
@@ -427,84 +505,93 @@ function N() {
 					children: I.notes
 				})]
 			}),
-			Y && /* @__PURE__ */ p("p", {
+			Z && /* @__PURE__ */ p("p", {
 				className: "mt-4 text-sm text-status-error-text",
-				children: Y
+				children: Z
 			}),
 			/* @__PURE__ */ p("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ p(ye, {
-					items: st,
-					value: V,
-					onChange: Xe
+				children: /* @__PURE__ */ p(be, {
+					items: ft,
+					value: U,
+					onChange: Qe
 				})
 			}),
-			V === "shipments" && /* @__PURE__ */ p("div", {
+			U === "shipments" && /* @__PURE__ */ p("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ p(ae, {
+				children: /* @__PURE__ */ p(re, {
 					title: "Shipments",
 					description: "Physical movements delivering against this contract's volume.",
-					action: /* @__PURE__ */ m(h, {
-						size: "sm",
-						onClick: $,
-						children: [/* @__PURE__ */ p(u, { className: "mr-1.5 h-4 w-4" }), " Schedule shipment"]
+					action: /* @__PURE__ */ m("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ m(h, {
+							size: "sm",
+							variant: "outline",
+							onClick: ut,
+							disabled: $.length === 0,
+							children: [/* @__PURE__ */ p(je, { className: "mr-1.5 h-4 w-4" }), " Export"]
+						}), /* @__PURE__ */ m(h, {
+							size: "sm",
+							onClick: at,
+							children: [/* @__PURE__ */ p(Re, { className: "mr-1.5 h-4 w-4" }), " Schedule shipment"]
+						})]
 					}),
-					children: B.isLoading ? /* @__PURE__ */ p(ie, { label: "Loading shipments…" }) : B.isError ? /* @__PURE__ */ p(re, {
+					children: H.isLoading ? /* @__PURE__ */ p(u, { label: "Loading shipments…" }) : H.isError ? /* @__PURE__ */ p(l, {
 						message: "Couldn't load shipments.",
-						onRetry: () => B.refetch()
-					}) : Z.length === 0 ? /* @__PURE__ */ p(oe, {
+						onRetry: () => H.refetch()
+					}) : $.length === 0 ? /* @__PURE__ */ p(ie, {
 						illustration: "empty-data",
-						icon: /* @__PURE__ */ p(d, { className: "h-10 w-10" }),
+						icon: /* @__PURE__ */ p(ze, { className: "h-10 w-10" }),
 						title: "No shipments scheduled",
 						description: "Schedule a shipment to start delivering against this contract.",
 						action: /* @__PURE__ */ m(h, {
-							onClick: $,
-							children: [/* @__PURE__ */ p(u, { className: "mr-1.5 h-4 w-4" }), " Schedule shipment"]
+							onClick: at,
+							children: [/* @__PURE__ */ p(Re, { className: "mr-1.5 h-4 w-4" }), " Schedule shipment"]
 						})
 					}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ne, {
-						columns: ot,
-						rows: Z,
+						columns: dt,
+						rows: $,
 						rowKey: (e) => e.id
-					}), /* @__PURE__ */ p(be, {
-						page: z.page,
-						pageSize: j,
-						itemCount: Z.length,
-						hasMore: B.data?.pageInfo?.hasMore ?? !1,
-						onPageChange: z.onPageChange
+					}), /* @__PURE__ */ p(xe, {
+						page: V.page,
+						pageSize: A,
+						itemCount: $.length,
+						hasMore: H.data?.pageInfo?.hasMore ?? !1,
+						onPageChange: V.onPageChange
 					})] })
 				})
 			}),
-			V === "tags" && /* @__PURE__ */ p("div", {
+			U === "tags" && /* @__PURE__ */ p("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ p(g, {
+				children: /* @__PURE__ */ p(He, {
 					treatment: "glass",
 					className: "p-6",
-					children: /* @__PURE__ */ p(we, {
+					children: /* @__PURE__ */ p(Te, {
 						entityType: "theglobalfuel-contract",
 						entityId: I.id
 					})
 				})
 			}),
-			V === "discussion" && /* @__PURE__ */ p("div", {
+			U === "discussion" && /* @__PURE__ */ p("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ p(Ce, {
+				children: /* @__PURE__ */ p(we, {
 					entityType: "theglobalfuel-contract",
 					entityId: I.id,
 					description: "Coordinate negotiation, delivery and settlement with your team."
 				})
 			}),
-			/* @__PURE__ */ p(y, {
-				open: Qe,
+			/* @__PURE__ */ p(v, {
+				open: et,
 				onOpenChange: (e) => {
-					G(e), e || (q(M(I.unit)), J(null), X(null));
+					q(e), e || (Y(M(I.unit)), X(null), Q(null));
 				},
-				children: /* @__PURE__ */ m(b, { children: [/* @__PURE__ */ m(C, { children: [/* @__PURE__ */ p(w, { children: "Schedule shipment" }), /* @__PURE__ */ m(x, { children: [
+				children: /* @__PURE__ */ m(y, { children: [/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(C, { children: "Schedule shipment" }), /* @__PURE__ */ m(b, { children: [
 					"Log a physical movement delivering against ",
 					I.reference,
 					"."
 				] })] }), /* @__PURE__ */ m("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), it();
+						e.preventDefault(), ct();
 					},
 					children: [/* @__PURE__ */ m("div", {
 						className: "grid gap-4 py-2",
@@ -513,33 +600,33 @@ function N() {
 								className: "grid gap-2 sm:grid-cols-2",
 								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "shipReference",
 										children: "Reference *"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ p(g, {
 										id: "shipReference",
-										value: K.reference,
-										onChange: (e) => q({
-											...K,
+										value: J.reference,
+										onChange: (e) => Y({
+											...J,
 											reference: e.target.value
 										}),
 										placeholder: "SHP-2026-0031"
 									})]
 								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "shipMode",
 										children: "Mode"
-									}), /* @__PURE__ */ m(T, {
-										value: K.mode,
-										onValueChange: (e) => q({
-											...K,
+									}), /* @__PURE__ */ m(w, {
+										value: J.mode,
+										onValueChange: (e) => Y({
+											...J,
 											mode: e
 										}),
-										children: [/* @__PURE__ */ p(O, {
+										children: [/* @__PURE__ */ p(D, {
 											id: "shipMode",
-											children: /* @__PURE__ */ p(k, {})
-										}), /* @__PURE__ */ p(E, { children: ze.map((e) => /* @__PURE__ */ p(D, {
+											children: /* @__PURE__ */ p(O, {})
+										}), /* @__PURE__ */ p(T, { children: We.map((e) => /* @__PURE__ */ p(E, {
 											value: e,
 											children: i(e)
 										}, e)) })]
@@ -547,46 +634,63 @@ function N() {
 								})]
 							}),
 							/* @__PURE__ */ m("div", {
-								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ p(v, {
-									htmlFor: "shipCarrier",
-									children: "Carrier"
-								}), /* @__PURE__ */ p(_, {
-									id: "shipCarrier",
-									value: K.carrier,
-									onChange: (e) => q({
-										...K,
-										carrier: e.target.value
-									}),
-									placeholder: "Maersk Tankers"
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "shipCarrier",
+										children: "Carrier"
+									}), /* @__PURE__ */ p(g, {
+										id: "shipCarrier",
+										value: J.carrier,
+										onChange: (e) => Y({
+											...J,
+											carrier: e.target.value
+										}),
+										placeholder: "Maersk Tankers"
+									})]
+								}), /* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "shipTracking",
+										children: "Tracking ID"
+									}), /* @__PURE__ */ p(g, {
+										id: "shipTracking",
+										value: J.trackingId,
+										onChange: (e) => Y({
+											...J,
+											trackingId: e.target.value
+										}),
+										placeholder: "Waybill / B-L number"
+									})]
 								})]
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-2",
 								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "shipOrigin",
 										children: "Origin"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ p(g, {
 										id: "shipOrigin",
-										value: K.origin,
-										onChange: (e) => q({
-											...K,
+										value: J.origin,
+										onChange: (e) => Y({
+											...J,
 											origin: e.target.value
 										}),
 										placeholder: "Ras Tanura"
 									})]
 								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "shipDestination",
 										children: "Destination"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ p(g, {
 										id: "shipDestination",
-										value: K.destination,
-										onChange: (e) => q({
-											...K,
+										value: J.destination,
+										onChange: (e) => Y({
+											...J,
 											destination: e.target.value
 										}),
 										placeholder: "Rotterdam"
@@ -598,17 +702,17 @@ function N() {
 								children: [
 									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ p(v, {
+										children: [/* @__PURE__ */ p(_, {
 											htmlFor: "shipVolume",
 											children: "Volume *"
-										}), /* @__PURE__ */ p(_, {
+										}), /* @__PURE__ */ p(g, {
 											id: "shipVolume",
 											type: "number",
 											min: "0",
 											step: "any",
-											value: K.volume,
-											onChange: (e) => q({
-												...K,
+											value: J.volume,
+											onChange: (e) => Y({
+												...J,
 												volume: e.target.value
 											}),
 											placeholder: "50000"
@@ -616,19 +720,19 @@ function N() {
 									}),
 									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ p(v, {
+										children: [/* @__PURE__ */ p(_, {
 											htmlFor: "shipUnit",
 											children: "Unit"
-										}), /* @__PURE__ */ m(T, {
-											value: K.unit,
-											onValueChange: (e) => q({
-												...K,
+										}), /* @__PURE__ */ m(w, {
+											value: J.unit,
+											onValueChange: (e) => Y({
+												...J,
 												unit: e
 											}),
-											children: [/* @__PURE__ */ p(O, {
+											children: [/* @__PURE__ */ p(D, {
 												id: "shipUnit",
-												children: /* @__PURE__ */ p(k, {})
-											}), /* @__PURE__ */ p(E, { children: Be.map((e) => /* @__PURE__ */ p(D, {
+												children: /* @__PURE__ */ p(O, {})
+											}), /* @__PURE__ */ p(T, { children: Ge.map((e) => /* @__PURE__ */ p(E, {
 												value: e,
 												children: a(e)
 											}, e)) })]
@@ -636,88 +740,88 @@ function N() {
 									}),
 									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ p(v, {
+										children: [/* @__PURE__ */ p(_, {
 											htmlFor: "shipScheduled",
 											children: "Scheduled at"
-										}), /* @__PURE__ */ p(_, {
+										}), /* @__PURE__ */ p(g, {
 											id: "shipScheduled",
 											type: "date",
-											value: K.scheduledAt,
-											onChange: (e) => q({
-												...K,
+											value: J.scheduledAt,
+											onChange: (e) => Y({
+												...J,
 												scheduledAt: e.target.value
 											})
 										})]
 									})
 								]
 							}),
-							/* @__PURE__ */ p(xe, {
+							/* @__PURE__ */ p(Se, {
 								id: "ship-doc",
 								label: "Bill of lading / document",
-								value: $e,
-								onChange: J,
+								value: tt,
+								onChange: X,
 								accept: "image/*,application/pdf",
 								hint: "Attach the bill of lading or shipping document (PDF or image)."
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ p(v, {
+								children: [/* @__PURE__ */ p(_, {
 									htmlFor: "shipNotes",
 									children: "Notes"
-								}), /* @__PURE__ */ p(A, {
+								}), /* @__PURE__ */ p(k, {
 									id: "shipNotes",
 									rows: 2,
-									value: K.notes,
-									onChange: (e) => q({
-										...K,
+									value: J.notes,
+									onChange: (e) => Y({
+										...J,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about this shipment."
 								})]
 							}),
-							Y && /* @__PURE__ */ p("p", {
+							Z && /* @__PURE__ */ p("p", {
 								className: "text-sm text-status-error-text",
-								children: Y
+								children: Z
 							})
 						]
-					}), /* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(h, {
+					}), /* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p(h, {
 						type: "button",
 						variant: "outline",
 						onClick: () => {
-							G(!1), q(M(I.unit)), J(null), X(null);
+							q(!1), Y(M(I.unit)), X(null), Q(null);
 						},
 						children: "Cancel"
 					}), /* @__PURE__ */ p(h, {
 						type: "submit",
-						disabled: R.isPending,
-						children: R.isPending ? "Scheduling…" : "Schedule shipment"
+						disabled: z.isPending,
+						children: z.isPending ? "Scheduling…" : "Schedule shipment"
 					})] })]
 				})] })
 			}),
-			/* @__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: [
+			/* @__PURE__ */ p(v, {
+				open: $e,
+				onOpenChange: W,
+				children: /* @__PURE__ */ m(y, { children: [/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(C, { children: "Edit contract" }), /* @__PURE__ */ m(b, { children: [
 					"Update the commercial terms of ",
 					I.reference,
 					"."
 				] })] }), /* @__PURE__ */ m("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), rt();
+						e.preventDefault(), st();
 					},
-					children: [U && /* @__PURE__ */ m("div", {
+					children: [G && /* @__PURE__ */ m("div", {
 						className: "grid gap-4 py-2",
 						children: [
 							/* @__PURE__ */ m("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ p(v, {
+								children: [/* @__PURE__ */ p(_, {
 									htmlFor: "editCounterparty",
 									children: "Counterparty *"
-								}), /* @__PURE__ */ p(_, {
+								}), /* @__PURE__ */ p(g, {
 									id: "editCounterparty",
-									value: U.counterparty,
-									onChange: (e) => W({
-										...U,
+									value: G.counterparty,
+									onChange: (e) => K({
+										...G,
 										counterparty: e.target.value
 									}),
 									placeholder: "Vitol S.A."
@@ -727,33 +831,33 @@ function N() {
 								className: "grid gap-2 sm:grid-cols-2",
 								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "editPricingBasis",
 										children: "Pricing basis"
-									}), /* @__PURE__ */ m(T, {
-										value: U.pricingBasis,
-										onValueChange: (e) => W({
-											...U,
+									}), /* @__PURE__ */ m(w, {
+										value: G.pricingBasis,
+										onValueChange: (e) => K({
+											...G,
 											pricingBasis: e
 										}),
-										children: [/* @__PURE__ */ p(O, {
+										children: [/* @__PURE__ */ p(D, {
 											id: "editPricingBasis",
-											children: /* @__PURE__ */ p(k, {})
-										}), /* @__PURE__ */ p(E, { children: Re.map((e) => /* @__PURE__ */ p(D, {
+											children: /* @__PURE__ */ p(O, {})
+										}), /* @__PURE__ */ p(T, { children: Ue.map((e) => /* @__PURE__ */ p(E, {
 											value: e,
 											children: i(e)
 										}, e)) })]
 									})]
 								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "editPriceIndex",
 										children: "Price index"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ p(g, {
 										id: "editPriceIndex",
-										value: U.priceIndex,
-										onChange: (e) => W({
-											...U,
+										value: G.priceIndex,
+										onChange: (e) => K({
+											...G,
 											priceIndex: e.target.value
 										}),
 										placeholder: "Brent, TTF, Henry Hub"
@@ -765,17 +869,17 @@ function N() {
 								children: [
 									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ p(v, {
+										children: [/* @__PURE__ */ p(_, {
 											htmlFor: "editPrice",
 											children: "Price / unit"
-										}), /* @__PURE__ */ p(_, {
+										}), /* @__PURE__ */ p(g, {
 											id: "editPrice",
 											type: "number",
 											min: "0",
 											step: "any",
-											value: U.pricePerUnit,
-											onChange: (e) => W({
-												...U,
+											value: G.pricePerUnit,
+											onChange: (e) => K({
+												...G,
 												pricePerUnit: e.target.value
 											}),
 											placeholder: "82.50"
@@ -783,14 +887,14 @@ function N() {
 									}),
 									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ p(v, {
+										children: [/* @__PURE__ */ p(_, {
 											htmlFor: "editCurrency",
 											children: "Currency"
-										}), /* @__PURE__ */ p(_, {
+										}), /* @__PURE__ */ p(g, {
 											id: "editCurrency",
-											value: U.currency,
-											onChange: (e) => W({
-												...U,
+											value: G.currency,
+											onChange: (e) => K({
+												...G,
 												currency: e.target.value
 											}),
 											placeholder: "USD"
@@ -798,19 +902,19 @@ function N() {
 									}),
 									/* @__PURE__ */ m("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ p(v, {
+										children: [/* @__PURE__ */ p(_, {
 											htmlFor: "editUnit",
 											children: "Unit"
-										}), /* @__PURE__ */ m(T, {
-											value: U.unit,
-											onValueChange: (e) => W({
-												...U,
+										}), /* @__PURE__ */ m(w, {
+											value: G.unit,
+											onValueChange: (e) => K({
+												...G,
 												unit: e
 											}),
-											children: [/* @__PURE__ */ p(O, {
+											children: [/* @__PURE__ */ p(D, {
 												id: "editUnit",
-												children: /* @__PURE__ */ p(k, {})
-											}), /* @__PURE__ */ p(E, { children: Be.map((e) => /* @__PURE__ */ p(D, {
+												children: /* @__PURE__ */ p(O, {})
+											}), /* @__PURE__ */ p(T, { children: Ge.map((e) => /* @__PURE__ */ p(E, {
 												value: e,
 												children: a(e)
 											}, e)) })]
@@ -822,31 +926,31 @@ function N() {
 								className: "grid gap-2 sm:grid-cols-2",
 								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "editVolume",
 										children: "Contracted volume"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ p(g, {
 										id: "editVolume",
 										type: "number",
 										min: "0",
 										step: "any",
-										value: U.contractedVolume,
-										onChange: (e) => W({
-											...U,
+										value: G.contractedVolume,
+										onChange: (e) => K({
+											...G,
 											contractedVolume: e.target.value
 										}),
 										placeholder: "500000"
 									})]
 								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "editLocation",
 										children: "Delivery location"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ p(g, {
 										id: "editLocation",
-										value: U.deliveryLocation,
-										onChange: (e) => W({
-											...U,
+										value: G.deliveryLocation,
+										onChange: (e) => K({
+											...G,
 											deliveryLocation: e.target.value
 										}),
 										placeholder: "Rotterdam"
@@ -857,29 +961,29 @@ function N() {
 								className: "grid gap-2 sm:grid-cols-2",
 								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "editStart",
 										children: "Start date"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ p(g, {
 										id: "editStart",
 										type: "date",
-										value: U.startDate,
-										onChange: (e) => W({
-											...U,
+										value: G.startDate,
+										onChange: (e) => K({
+											...G,
 											startDate: e.target.value
 										})
 									})]
 								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ p(_, {
 										htmlFor: "editEnd",
 										children: "End date"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ p(g, {
 										id: "editEnd",
 										type: "date",
-										value: U.endDate,
-										onChange: (e) => W({
-											...U,
+										value: G.endDate,
+										onChange: (e) => K({
+											...G,
 											endDate: e.target.value
 										})
 									})]
@@ -887,34 +991,34 @@ function N() {
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ p(v, {
+								children: [/* @__PURE__ */ p(_, {
 									htmlFor: "editNotes",
 									children: "Notes"
-								}), /* @__PURE__ */ p(A, {
+								}), /* @__PURE__ */ p(k, {
 									id: "editNotes",
 									rows: 2,
-									value: U.notes,
-									onChange: (e) => W({
-										...U,
+									value: G.notes,
+									onChange: (e) => K({
+										...G,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about this contract."
 								})]
 							}),
-							Y && /* @__PURE__ */ p("p", {
+							Z && /* @__PURE__ */ p("p", {
 								className: "text-sm text-status-error-text",
-								children: Y
+								children: Z
 							})
 						]
-					}), /* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(h, {
+					}), /* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p(h, {
 						type: "button",
 						variant: "outline",
-						onClick: () => H(!1),
+						onClick: () => W(!1),
 						children: "Cancel"
 					}), /* @__PURE__ */ p(h, {
 						type: "submit",
-						disabled: L.isPending,
-						children: L.isPending ? "Saving…" : "Save changes"
+						disabled: R.isPending,
+						children: R.isPending ? "Saving…" : "Save changes"
 					})] })]
 				})] })
 			})