@burdenoff/microfe-theglobalfuel 2026.709.1 → 2026.709.2

package/dist/theglobalfuel/pages/shipments/ShipmentsPage.js

@@ -1,28 +1,30 @@
 import { PageLayout as e } from "../../components/PageLayout.js";
 import { MetricsCard as t } from "../../components/MetricsCard.js";
-import { formatDate as n, formatEnumLabel as r, formatVolume as i, toBackendDate as a } from "../../utils/formatters.js";
-import { StatusBadge as o } from "../../components/StatusBadge.js";
-import { DataTable as ee } from "../../components/DataTable.js";
-import { ErrorView as te, LoadingView as ne } from "../../components/StateViews.js";
-import { EmptyState as re } from "../../components/EmptyState.js";
-import { AllocationBar as ie } from "../../components/viz/AllocationBar.js";
-import { PathSteps as ae } from "../../components/viz/PathSteps.js";
-import { useTheContracts as oe, useTheDeliverShipment as se, useTheScheduleShipment as ce, useTheShipments as s, useTheTransitionShipment as le } from "../../hooks/useTheGlobalFuelApi.js";
-import { useCursorPager as ue } from "../../hooks/useCursorPager.js";
-import { useNotify as de } from "../../hooks/useNotify.js";
+import { formatDate as n, formatEnumLabel as r, formatVolume as i, toBackendDate as ee } from "../../utils/formatters.js";
+import { StatusBadge as a } from "../../components/StatusBadge.js";
+import { DataTable as te } from "../../components/DataTable.js";
+import { ErrorView as ne, LoadingView as re } from "../../components/StateViews.js";
+import { EmptyState as ie } from "../../components/EmptyState.js";
+import { AllocationBar as ae } from "../../components/viz/AllocationBar.js";
+import { PathSteps as oe } from "../../components/viz/PathSteps.js";
+import { useTheContracts as se, useTheDeliverShipment as ce, useTheScheduleShipment as le, useTheShipments as o, useTheTransitionShipment 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 { useTheTranslation as me } from "../../hooks/useTheTranslation.js";
 import "../../hooks/index.js";
-import { SHIPMENT_DELIVERABLE_FROM as fe, SHIPMENT_TRANSITIONS as pe, nextStatuses as me } from "../../utils/transitions.js";
-import { FilterTabs as he } from "../../components/FilterTabs.js";
-import { Pagination as ge } from "../../components/Pagination.js";
-import { EvidenceUpload as _e } from "../../components/EvidenceUpload.js";
-import { FileLink as ve } from "../../components/FileLink.js";
+import { SHIPMENT_DELIVERABLE_FROM as he, SHIPMENT_TRANSITIONS as ge, nextStatuses as _e } from "../../utils/transitions.js";
+import { FilterTabs as ve } from "../../components/FilterTabs.js";
+import { Pagination as ye } from "../../components/Pagination.js";
+import { EvidenceUpload as be } from "../../components/EvidenceUpload.js";
+import { FileLink as xe } from "../../components/FileLink.js";
 import "../../components/index.js";
-import { useMemo as c, useState as l } from "react";
-import { ArrowRight as ye, CalendarClock as be, MapPin as xe, PackageCheck as u, Plus as d, Ship as f, Truck as Se } from "lucide-react";
-import { Fragment as Ce, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Button as h, Input as g, Label as _, ResponsiveDialog as we, ResponsiveDialogContent as Te, ResponsiveDialogDescription as Ee, ResponsiveDialogFooter as De, ResponsiveDialogHeader as Oe, ResponsiveDialogTitle as ke, Select as v, SelectContent as y, SelectItem as b, SelectTrigger as x, SelectValue as S, Textarea as Ae } from "@burdenoff/fe-libs/ui";
+import { useMemo as s, useState as c } from "react";
+import { ArrowRight as Se, CalendarClock as Ce, MapPin as we, PackageCheck as l, Plus as u, Ship as d, Truck as Te } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, Input as g, Label as _, ResponsiveDialog as Ee, ResponsiveDialogContent as De, ResponsiveDialogDescription as Oe, ResponsiveDialogFooter as ke, ResponsiveDialogHeader as Ae, ResponsiveDialogTitle as je, Select as v, SelectContent as y, SelectItem as b, SelectTrigger as x, SelectValue as S, Textarea as Me } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/pages/shipments/ShipmentsPage.tsx
-var je = [
+var Ne = [
 	{
 		value: "ALL",
 		label: "All"
@@ -47,14 +49,14 @@ var je = [
 		value: "CANCELLED",
 		label: "Cancelled"
 	}
-], Me = [
+], Pe = [
 	"PIPELINE",
 	"TANKER",
 	"VESSEL_BULK",
 	"RAIL",
 	"TRUCK",
 	"GRID"
-], Ne = [
+], Fe = [
 	"BARRELS",
 	"CUBIC_METERS",
 	"TONNES",
@@ -62,35 +64,35 @@ var je = [
 	"MWH",
 	"GJ",
 	"MCF"
-], C = 25, Pe = [
+], C = 25, Ie = [
 	"SCHEDULED",
 	"LOADING",
 	"IN_TRANSIT",
 	"DELIVERED",
 	"CANCELLED"
-], Fe = {
+], Le = {
 	SCHEDULED: "Scheduled",
 	LOADING: "Loading",
 	IN_TRANSIT: "In transit",
 	DELIVERED: "Delivered",
 	CANCELLED: "Cancelled"
-}, Ie = {
+}, Re = {
 	SCHEDULED: "var(--color-text-muted)",
 	LOADING: "var(--color-accent-blue)",
 	IN_TRANSIT: "var(--color-status-warning-text)",
 	DELIVERED: "var(--color-status-success-text)",
 	CANCELLED: "var(--color-status-error-text)"
-}, Le = (e) => {
-	let t = e.status === "CANCELLED", n = e.status === "DELIVERED", i = e.status === "IN_TRANSIT", a = n || i, o = t ? "Cancelled" : n ? "Delivered" : i ? "In transit" : r(e.status);
+}, ze = (e) => {
+	let t = e.status === "CANCELLED", n = e.status === "DELIVERED", i = e.status === "IN_TRANSIT", ee = n || i, a = t ? "Cancelled" : n ? "Delivered" : i ? "In transit" : r(e.status);
 	return [
 		{
 			label: (e.origin ?? "").trim(),
 			meta: "Origin",
-			state: t ? "todo" : a ? "done" : "active"
+			state: t ? "todo" : ee ? "done" : "active"
 		},
 		{
 			label: r(e.mode),
-			meta: o,
+			meta: a,
 			state: t ? "locked" : n ? "done" : i ? "active" : "todo"
 		},
 		{
@@ -112,64 +114,65 @@ var je = [
 	notes: ""
 };
 function T() {
-	let [T, Re] = l("ALL"), [E, ze] = l("ALL"), D = ue(), [Be, O] = l(!1), [k, A] = l(w), [j, M] = l(null), [N, P] = l(null), [Ve, F] = l(null), [I, He] = l(null), L = de(), R = E === "ALL" ? void 0 : E, { data: z, isLoading: Ue, isError: We, refetch: Ge } = s(R, T === "ALL" ? void 0 : T, {
+	pe("shipments");
+	let T = me(), [E, Be] = c("ALL"), [D, Ve] = c("ALL"), O = de(), [He, k] = c(!1), [A, j] = c(w), [M, N] = c(null), [P, F] = c(null), [Ue, I] = c(null), [L, We] = c(null), R = fe(), z = D === "ALL" ? void 0 : D, { data: B, isLoading: Ge, isError: Ke, refetch: qe } = o(z, E === "ALL" ? void 0 : E, {
 		limit: C,
-		offset: D.page * C
-	}), B = s(R, void 0, { limit: 200 }), V = oe({ pagination: { limit: 100 } }), H = c(() => V.data?.items ?? [], [V.data]), U = c(() => {
+		offset: O.page * C
+	}), V = o(z, void 0, { limit: 200 }), H = se({ pagination: { limit: 100 } }), U = s(() => H.data?.items ?? [], [H.data]), W = s(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of H) e.set(t.id, t);
+		for (let t of U) e.set(t.id, t);
 		return e;
-	}, [H]), W = ce(), G = se(), Ke = le(), K = c(() => z?.items ?? [], [z]), q = c(() => B.data?.items ?? [], [B.data]), qe = q.filter((e) => e.status === "SCHEDULED").length, Je = q.filter((e) => e.status === "IN_TRANSIT").length, Ye = q.filter((e) => e.status === "DELIVERED").length, J = c(() => {
+	}, [U]), G = le(), K = ce(), Je = ue(), q = s(() => B?.items ?? [], [B]), J = s(() => V.data?.items ?? [], [V.data]), Ye = J.filter((e) => e.status === "SCHEDULED").length, Xe = J.filter((e) => e.status === "IN_TRANSIT").length, Ze = J.filter((e) => e.status === "DELIVERED").length, Y = s(() => {
 		let e = {};
-		for (let t of q) e[t.status] = (e[t.status] ?? 0) + 1;
+		for (let t of J) e[t.status] = (e[t.status] ?? 0) + 1;
 		return e;
-	}, [q]), Xe = je.map((e) => ({
+	}, [J]), Qe = Ne.map((e) => ({
 		value: e.value,
 		label: e.label,
-		count: e.value === "ALL" ? q.length : J[e.value] ?? 0
-	})), Y = c(() => Pe.filter((e) => (J[e] ?? 0) > 0).map((e) => ({
-		label: Fe[e],
-		value: J[e] ?? 0,
-		color: Ie[e]
-	})), [J]), X = c(() => q.filter((e) => (e.origin ?? "").trim() && (e.destination ?? "").trim()), [q]), Ze = c(() => {
+		count: e.value === "ALL" ? J.length : Y[e.value] ?? 0
+	})), $e = s(() => Ie.filter((e) => (Y[e] ?? 0) > 0).map((e) => ({
+		label: Le[e],
+		value: Y[e] ?? 0,
+		color: Re[e]
+	})), [Y]), X = s(() => J.filter((e) => (e.origin ?? "").trim() && (e.destination ?? "").trim()), [J]), et = s(() => {
 		let e = /* @__PURE__ */ new Set();
 		for (let t of X) e.add(`${(t.origin ?? "").trim()} → ${(t.destination ?? "").trim()}`);
 		return e.size;
-	}, [X]), Z = c(() => X.find((e) => e.id === I) ?? X[0] ?? null, [X, I]), Q = () => {
-		A(w), M(null), P(null);
-	}, Qe = async () => {
-		if (!k.contractId) {
-			P("Select the contract this shipment fulfils.");
+	}, [X]), Z = s(() => X.find((e) => e.id === L) ?? X[0] ?? null, [X, L]), Q = () => {
+		j(w), N(null), F(null);
+	}, tt = async () => {
+		if (!A.contractId) {
+			F("Select the contract this shipment fulfils.");
 			return;
 		}
-		if (!k.reference.trim()) {
-			P("A shipment reference is required.");
+		if (!A.reference.trim()) {
+			F("A shipment reference is required.");
 			return;
 		}
-		let e = Number(k.volume);
-		if (!k.volume || Number.isNaN(e) || e <= 0) {
-			P("Enter a volume greater than zero."), L.error("Enter a volume greater than zero.");
+		let e = Number(A.volume);
+		if (!A.volume || Number.isNaN(e) || e <= 0) {
+			F("Enter a volume greater than zero."), R.error("Enter a volume greater than zero.");
 			return;
 		}
-		P(null);
+		F(null);
 		try {
-			await W.mutateAsync({
-				contractId: k.contractId,
-				reference: k.reference.trim(),
-				mode: k.mode,
-				carrier: k.carrier.trim() || null,
-				origin: k.origin.trim() || null,
-				destination: k.destination.trim() || null,
+			await G.mutateAsync({
+				contractId: A.contractId,
+				reference: A.reference.trim(),
+				mode: A.mode,
+				carrier: A.carrier.trim() || null,
+				origin: A.origin.trim() || null,
+				destination: A.destination.trim() || null,
 				volume: e,
-				unit: k.unit,
-				scheduledAt: a(k.scheduledAt) ?? null,
-				documentFileId: j?.fileId ?? null,
-				notes: k.notes.trim() || null
-			}), L.success("Shipment scheduled"), O(!1), Q();
+				unit: A.unit,
+				scheduledAt: ee(A.scheduledAt) ?? null,
+				documentFileId: M?.fileId ?? null,
+				notes: A.notes.trim() || null
+			}), R.success("Shipment scheduled"), k(!1), Q();
 		} catch (e) {
-			P(e instanceof Error ? e.message : "Failed to schedule shipment."), L.fromError(e);
+			F(e instanceof Error ? e.message : "Failed to schedule shipment."), R.fromError(e);
 		}
-	}, $e = [
+	}, nt = [
 		{
 			key: "reference",
 			header: "Shipment",
@@ -189,7 +192,7 @@ function T() {
 			header: "Contract",
 			hideOnMobile: !0,
 			render: (e) => {
-				let t = U.get(e.contractId);
+				let t = W.get(e.contractId);
 				return t ? /* @__PURE__ */ m("div", {
 					className: "min-w-0",
 					children: [/* @__PURE__ */ p("p", {
@@ -217,7 +220,7 @@ function T() {
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ p(o, { status: e.status })
+			render: (e) => /* @__PURE__ */ p(a, { status: e.status })
 		},
 		{
 			key: "route",
@@ -235,7 +238,7 @@ function T() {
 							className: "truncate",
 							children: t ?? "—"
 						}),
-						/* @__PURE__ */ p(ye, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary" }),
+						/* @__PURE__ */ p(Se, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary" }),
 						/* @__PURE__ */ p("span", {
 							className: "truncate",
 							children: n ?? "—"
@@ -269,7 +272,7 @@ function T() {
 			key: "document",
 			header: "Document",
 			hideOnMobile: !0,
-			render: (e) => e.document?.id ? /* @__PURE__ */ p(ve, { fileId: e.document.id }) : /* @__PURE__ */ p("span", {
+			render: (e) => e.document?.id ? /* @__PURE__ */ p(xe, { fileId: e.document.id }) : /* @__PURE__ */ p("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
@@ -279,7 +282,7 @@ function T() {
 			header: "",
 			align: "right",
 			render: (e) => {
-				let t = me(pe, e.status), n = fe.includes(e.status), i = Ve === e.id;
+				let t = _e(ge, e.status), n = he.includes(e.status), i = Ue === e.id;
 				return t.length === 0 && !n ? /* @__PURE__ */ p("span", {
 					className: "text-text-tertiary",
 					children: "—"
@@ -289,13 +292,13 @@ function T() {
 						value: e.status,
 						disabled: i,
 						onValueChange: (t) => {
-							t !== e.status && (F(e.id), Ke.mutate({
+							t !== e.status && (I(e.id), Je.mutate({
 								id: e.id,
 								status: t
 							}, {
-								onSuccess: () => L.success("Shipment updated"),
-								onError: (e) => L.fromError(e),
-								onSettled: () => F(null)
+								onSuccess: () => R.success("Shipment updated"),
+								onError: (e) => R.fromError(e),
+								onSettled: () => I(null)
 							}));
 						},
 						children: [/* @__PURE__ */ p(x, {
@@ -309,23 +312,24 @@ function T() {
 					}), n && /* @__PURE__ */ m(h, {
 						size: "sm",
 						variant: "outline",
-						disabled: G.isPending || i,
-						onClick: () => G.mutate(e.id, {
-							onSuccess: () => L.success("Shipment delivered"),
-							onError: (e) => L.fromError(e)
+						disabled: K.isPending || i,
+						onClick: () => K.mutate(e.id, {
+							onSuccess: () => R.success("Shipment delivered"),
+							onError: (e) => R.fromError(e)
 						}),
-						children: [/* @__PURE__ */ p(u, { className: "mr-1.5 h-4 w-4" }), " Mark delivered"]
+						children: [/* @__PURE__ */ p(l, { className: "mr-1.5 h-4 w-4" }), " Mark delivered"]
 					})]
 				});
 			}
 		}
-	], $ = T !== "ALL" || E !== "ALL";
+	], $ = E !== "ALL" || D !== "ALL";
 	return /* @__PURE__ */ m(e, {
-		title: "Shipments",
-		description: "Cargo movements delivering offtake contracts — pipelines, tankers, vessels, rail & grid.",
+		title: T("theglobalfuel.pages.shipments.title", "Shipments"),
+		description: T("theglobalfuel.pages.shipments.description", "Cargo movements delivering offtake contracts — pipelines, tankers, vessels, rail & grid."),
+		dataTour: "theglobalfuel-shipments-page",
 		actions: /* @__PURE__ */ m(h, {
-			onClick: () => O(!0),
-			children: [/* @__PURE__ */ p(d, { className: "mr-1.5 h-4 w-4" }), " Schedule shipment"]
+			onClick: () => k(!0),
+			children: [/* @__PURE__ */ p(u, { className: "mr-1.5 h-4 w-4" }), " Schedule shipment"]
 		}),
 		children: [
 			/* @__PURE__ */ m("div", {
@@ -333,25 +337,25 @@ function T() {
 				children: [
 					/* @__PURE__ */ p(t, {
 						featured: !0,
-						icon: /* @__PURE__ */ p(f, { className: "h-5 w-5" }),
-						value: q.length,
+						icon: /* @__PURE__ */ p(d, { className: "h-5 w-5" }),
+						value: J.length,
 						label: "Total shipments"
 					}),
 					/* @__PURE__ */ p(t, {
-						icon: /* @__PURE__ */ p(be, { className: "h-5 w-5" }),
-						value: qe,
+						icon: /* @__PURE__ */ p(Ce, { className: "h-5 w-5" }),
+						value: Ye,
 						label: "Scheduled"
 					}),
 					/* @__PURE__ */ p(t, {
 						accent: "warning",
-						icon: /* @__PURE__ */ p(Se, { className: "h-5 w-5" }),
-						value: Je,
+						icon: /* @__PURE__ */ p(Te, { className: "h-5 w-5" }),
+						value: Xe,
 						label: "In transit"
 					}),
 					/* @__PURE__ */ p(t, {
 						accent: "success",
-						icon: /* @__PURE__ */ p(u, { className: "h-5 w-5" }),
-						value: Ye,
+						icon: /* @__PURE__ */ p(l, { className: "h-5 w-5" }),
+						value: Ze,
 						label: "Delivered"
 					})
 				]
@@ -365,15 +369,15 @@ function T() {
 						children: [/* @__PURE__ */ p("h3", {
 							className: "text-sm font-semibold text-text-secondary",
 							children: "Status distribution"
-						}), /* @__PURE__ */ p(f, {
+						}), /* @__PURE__ */ p(d, {
 							className: "h-4 w-4 shrink-0 text-text-muted",
 							"aria-hidden": "true"
 						})]
-					}), Y.length > 0 ? /* @__PURE__ */ p(ie, {
-						segments: Y,
+					}), $e.length > 0 ? /* @__PURE__ */ p(ae, {
+						segments: $e,
 						height: 14,
 						label: "By status",
-						rightLabel: `${q.length} shipment${q.length === 1 ? "" : "s"}`
+						rightLabel: `${J.length} shipment${J.length === 1 ? "" : "s"}`
 					}) : /* @__PURE__ */ p("p", {
 						className: "py-6 text-sm text-text-tertiary",
 						children: "No shipments yet — schedule one to see the status mix."
@@ -388,19 +392,19 @@ function T() {
 						}), /* @__PURE__ */ m("span", {
 							className: "inline-flex items-center gap-1.5 text-xs text-text-tertiary",
 							children: [
-								/* @__PURE__ */ p(xe, {
+								/* @__PURE__ */ p(we, {
 									className: "h-3.5 w-3.5",
 									"aria-hidden": "true"
 								}),
-								Ze,
+								et,
 								" lane",
-								Ze === 1 ? "" : "s"
+								et === 1 ? "" : "s"
 							]
 						})]
-					}), Z ? /* @__PURE__ */ m(Ce, { children: [
+					}), Z ? /* @__PURE__ */ m(f, { children: [
 						/* @__PURE__ */ m(v, {
 							value: Z.id,
-							onValueChange: He,
+							onValueChange: We,
 							children: [/* @__PURE__ */ p(x, {
 								"aria-label": "Trace a shipment route",
 								children: /* @__PURE__ */ p(S, {})
@@ -415,11 +419,11 @@ function T() {
 								]
 							}, e.id)) })]
 						}),
-						/* @__PURE__ */ p(ae, { steps: Le(Z) }),
+						/* @__PURE__ */ p(oe, { steps: ze(Z) }),
 						/* @__PURE__ */ m("div", {
 							className: "flex flex-wrap items-center gap-x-3 gap-y-1.5 text-xs text-text-tertiary",
 							children: [
-								/* @__PURE__ */ p(o, { status: Z.status }),
+								/* @__PURE__ */ p(a, { status: Z.status }),
 								/* @__PURE__ */ p("span", { children: r(Z.mode) }),
 								/* @__PURE__ */ p("span", {
 									className: "tabular-nums text-text-secondary",
@@ -439,16 +443,16 @@ function T() {
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "mb-5 flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ p(he, {
-					options: Xe,
-					value: T,
+				children: [/* @__PURE__ */ p(ve, {
+					options: Qe,
+					value: E,
 					onChange: (e) => {
-						Re(e), D.reset();
+						Be(e), O.reset();
 					}
 				}), /* @__PURE__ */ m(v, {
-					value: E,
+					value: D,
 					onValueChange: (e) => {
-						ze(e), D.reset();
+						Ve(e), O.reset();
 					},
 					children: [/* @__PURE__ */ p(x, {
 						className: "w-56",
@@ -457,7 +461,7 @@ function T() {
 					}), /* @__PURE__ */ m(y, { children: [/* @__PURE__ */ p(b, {
 						value: "ALL",
 						children: "All contracts"
-					}), H.map((e) => /* @__PURE__ */ m(b, {
+					}), U.map((e) => /* @__PURE__ */ m(b, {
 						value: e.id,
 						children: [
 							e.reference,
@@ -467,41 +471,41 @@ function T() {
 					}, e.id))] })]
 				})]
 			}),
-			Ue ? /* @__PURE__ */ p(ne, { label: "Loading shipments…" }) : We ? /* @__PURE__ */ p(te, {
+			Ge ? /* @__PURE__ */ p(re, { label: "Loading shipments…" }) : Ke ? /* @__PURE__ */ p(ne, {
 				message: "Couldn't load shipments.",
-				onRetry: () => Ge()
-			}) : K.length === 0 ? /* @__PURE__ */ p(re, {
+				onRetry: () => qe()
+			}) : q.length === 0 ? /* @__PURE__ */ p(ie, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ p(f, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ p(d, { className: "h-10 w-10" }),
 				title: $ ? "No matching shipments" : "No shipments yet",
 				description: $ ? "No shipments match these filters. Try a different status or contract." : "Schedule your first shipment to start tracking cargo against your offtake contracts.",
 				action: /* @__PURE__ */ m(h, {
-					onClick: () => O(!0),
-					children: [/* @__PURE__ */ p(d, { className: "mr-1.5 h-4 w-4" }), " Schedule shipment"]
+					onClick: () => k(!0),
+					children: [/* @__PURE__ */ p(u, { className: "mr-1.5 h-4 w-4" }), " Schedule shipment"]
 				})
-			}) : /* @__PURE__ */ m(Ce, { children: [/* @__PURE__ */ p(ee, {
-				columns: $e,
-				rows: K,
+			}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(te, {
+				columns: nt,
+				rows: q,
 				rowKey: (e) => e.id,
 				defaultSort: {
 					key: "scheduledAt",
 					dir: "desc"
 				}
-			}), /* @__PURE__ */ p(ge, {
-				page: D.page,
+			}), /* @__PURE__ */ p(ye, {
+				page: O.page,
 				pageSize: C,
-				itemCount: K.length,
-				hasMore: z?.pageInfo?.hasMore ?? !1,
-				onPageChange: D.onPageChange
+				itemCount: q.length,
+				hasMore: B?.pageInfo?.hasMore ?? !1,
+				onPageChange: O.onPageChange
 			})] }),
-			/* @__PURE__ */ p(we, {
-				open: Be,
+			/* @__PURE__ */ p(Ee, {
+				open: He,
 				onOpenChange: (e) => {
-					O(e), e || Q();
+					k(e), e || Q();
 				},
-				children: /* @__PURE__ */ m(Te, { children: [/* @__PURE__ */ m(Oe, { children: [/* @__PURE__ */ p(ke, { children: "Schedule shipment" }), /* @__PURE__ */ p(Ee, { children: "Book a cargo movement against an offtake contract and track it to delivery." })] }), /* @__PURE__ */ m("form", {
+				children: /* @__PURE__ */ m(De, { children: [/* @__PURE__ */ m(Ae, { children: [/* @__PURE__ */ p(je, { children: "Schedule shipment" }), /* @__PURE__ */ p(Oe, { children: "Book a cargo movement against an offtake contract and track it to delivery." })] }), /* @__PURE__ */ m("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), Qe();
+						e.preventDefault(), tt();
 					},
 					children: [/* @__PURE__ */ m("div", {
 						className: "grid gap-4 py-2",
@@ -512,10 +516,10 @@ function T() {
 									htmlFor: "shipContract",
 									children: "Contract *"
 								}), /* @__PURE__ */ m(v, {
-									value: k.contractId,
+									value: A.contractId,
 									onValueChange: (e) => {
-										let t = U.get(e);
-										A((n) => ({
+										let t = W.get(e);
+										j((n) => ({
 											...n,
 											contractId: e,
 											unit: t?.unit ?? n.unit
@@ -524,11 +528,11 @@ function T() {
 									children: [/* @__PURE__ */ p(x, {
 										id: "shipContract",
 										children: /* @__PURE__ */ p(S, { placeholder: "Select a contract" })
-									}), /* @__PURE__ */ p(y, { children: H.length === 0 ? /* @__PURE__ */ p(b, {
+									}), /* @__PURE__ */ p(y, { children: U.length === 0 ? /* @__PURE__ */ p(b, {
 										value: "none",
 										disabled: !0,
 										children: "No contracts available"
-									}) : H.map((e) => /* @__PURE__ */ m(b, {
+									}) : U.map((e) => /* @__PURE__ */ m(b, {
 										value: e.id,
 										children: [
 											e.reference,
@@ -547,9 +551,9 @@ function T() {
 										children: "Reference *"
 									}), /* @__PURE__ */ p(g, {
 										id: "shipRef",
-										value: k.reference,
-										onChange: (e) => A({
-											...k,
+										value: A.reference,
+										onChange: (e) => j({
+											...A,
 											reference: e.target.value
 										}),
 										placeholder: "SHP-2026-0142"
@@ -560,15 +564,15 @@ function T() {
 										htmlFor: "shipMode",
 										children: "Mode"
 									}), /* @__PURE__ */ m(v, {
-										value: k.mode,
-										onValueChange: (e) => A({
-											...k,
+										value: A.mode,
+										onValueChange: (e) => j({
+											...A,
 											mode: e
 										}),
 										children: [/* @__PURE__ */ p(x, {
 											id: "shipMode",
 											children: /* @__PURE__ */ p(S, {})
-										}), /* @__PURE__ */ p(y, { children: Me.map((e) => /* @__PURE__ */ p(b, {
+										}), /* @__PURE__ */ p(y, { children: Pe.map((e) => /* @__PURE__ */ p(b, {
 											value: e,
 											children: r(e)
 										}, e)) })]
@@ -584,9 +588,9 @@ function T() {
 										children: "Origin"
 									}), /* @__PURE__ */ p(g, {
 										id: "shipOrigin",
-										value: k.origin,
-										onChange: (e) => A({
-											...k,
+										value: A.origin,
+										onChange: (e) => j({
+											...A,
 											origin: e.target.value
 										}),
 										placeholder: "Ras Tanura Terminal"
@@ -598,9 +602,9 @@ function T() {
 										children: "Destination"
 									}), /* @__PURE__ */ p(g, {
 										id: "shipDest",
-										value: k.destination,
-										onChange: (e) => A({
-											...k,
+										value: A.destination,
+										onChange: (e) => j({
+											...A,
 											destination: e.target.value
 										}),
 										placeholder: "Rotterdam"
@@ -620,9 +624,9 @@ function T() {
 											type: "number",
 											min: "0",
 											step: "any",
-											value: k.volume,
-											onChange: (e) => A({
-												...k,
+											value: A.volume,
+											onChange: (e) => j({
+												...A,
 												volume: e.target.value
 											}),
 											placeholder: "500000"
@@ -634,15 +638,15 @@ function T() {
 											htmlFor: "shipUnit",
 											children: "Unit"
 										}), /* @__PURE__ */ m(v, {
-											value: k.unit,
-											onValueChange: (e) => A({
-												...k,
+											value: A.unit,
+											onValueChange: (e) => j({
+												...A,
 												unit: e
 											}),
 											children: [/* @__PURE__ */ p(x, {
 												id: "shipUnit",
 												children: /* @__PURE__ */ p(S, {})
-											}), /* @__PURE__ */ p(y, { children: Ne.map((e) => /* @__PURE__ */ p(b, {
+											}), /* @__PURE__ */ p(y, { children: Fe.map((e) => /* @__PURE__ */ p(b, {
 												value: e,
 												children: r(e)
 											}, e)) })]
@@ -656,9 +660,9 @@ function T() {
 										}), /* @__PURE__ */ p(g, {
 											id: "shipScheduled",
 											type: "date",
-											value: k.scheduledAt,
-											onChange: (e) => A({
-												...k,
+											value: A.scheduledAt,
+											onChange: (e) => j({
+												...A,
 												scheduledAt: e.target.value
 											})
 										})]
@@ -672,19 +676,19 @@ function T() {
 									children: "Carrier"
 								}), /* @__PURE__ */ p(g, {
 									id: "shipCarrier",
-									value: k.carrier,
-									onChange: (e) => A({
-										...k,
+									value: A.carrier,
+									onChange: (e) => j({
+										...A,
 										carrier: e.target.value
 									}),
 									placeholder: "Frontline Ltd."
 								})]
 							}),
-							/* @__PURE__ */ p(_e, {
+							/* @__PURE__ */ p(be, {
 								id: "shipDocument",
 								label: "Bill of lading (optional)",
-								value: j,
-								onChange: M,
+								value: M,
+								onChange: N,
 								hint: "Attach the bill of lading or shipping document (PDF or image)."
 							}),
 							/* @__PURE__ */ m("div", {
@@ -692,33 +696,33 @@ function T() {
 								children: [/* @__PURE__ */ p(_, {
 									htmlFor: "shipNotes",
 									children: "Notes"
-								}), /* @__PURE__ */ p(Ae, {
+								}), /* @__PURE__ */ p(Me, {
 									id: "shipNotes",
-									value: k.notes,
-									onChange: (e) => A({
-										...k,
+									value: A.notes,
+									onChange: (e) => j({
+										...A,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context — laycan window, inspector, terms.",
 									rows: 2
 								})]
 							}),
-							N && /* @__PURE__ */ p("p", {
+							P && /* @__PURE__ */ p("p", {
 								className: "text-sm text-status-error-text",
-								children: N
+								children: P
 							})
 						]
-					}), /* @__PURE__ */ m(De, { children: [/* @__PURE__ */ p(h, {
+					}), /* @__PURE__ */ m(ke, { children: [/* @__PURE__ */ p(h, {
 						type: "button",
 						variant: "outline",
 						onClick: () => {
-							O(!1), Q();
+							k(!1), Q();
 						},
 						children: "Cancel"
 					}), /* @__PURE__ */ p(h, {
 						type: "submit",
-						disabled: W.isPending,
-						children: W.isPending ? "Scheduling…" : "Schedule shipment"
+						disabled: G.isPending,
+						children: G.isPending ? "Scheduling…" : "Schedule shipment"
 					})] })]
 				})] })
 			})