@burdenoff/microfe-theglobalfuel 2026.704.1 → 2026.705.2

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

@@ -1,23 +1,24 @@
 import { useTheGlobalFuel as e } from "../../context/TheGlobalFuelContext.js";
 import { PageLayout as ee } from "../../components/PageLayout.js";
-import { formatEnumLabel as t, formatMoney as n, formatUnit as r, formatVolume as i } from "../../utils/formatters.js";
-import { StatusBadge as a } from "../../components/StatusBadge.js";
-import { MiniBar as o } from "../../components/MiniBar.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 { formatEnumLabel as t, formatMoney as n, formatUnit as r, formatVolume as i, toBackendDate as a } from "../../utils/formatters.js";
+import { StatusBadge as o } from "../../components/StatusBadge.js";
+import { MiniBar as s } from "../../components/MiniBar.js";
+import { DataTable as c } from "../../components/DataTable.js";
+import { ErrorView as l, LoadingView as u } from "../../components/StateViews.js";
+import { EmptyState as d } from "../../components/EmptyState.js";
 import "../../context/index.js";
-import { useTheContracts as ae, useTheCreateContract as oe } from "../../hooks/useTheGlobalFuelApi.js";
-import { useCursorPager as se } from "../../hooks/useCursorPager.js";
+import { useTheContracts as f, useTheCreateContract as p } from "../../hooks/useTheGlobalFuelApi.js";
+import { useCursorPager as te } from "../../hooks/useCursorPager.js";
+import { useNotify as ne } from "../../hooks/useNotify.js";
 import "../../hooks/index.js";
-import { FilterTabs as s } from "../../components/FilterTabs.js";
-import { Pagination as c } from "../../components/Pagination.js";
-import { useMemo as l, useState as u } from "react";
-import { FileSignature as d, Plus as f } 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 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 le } from "@burdenoff/fe-libs/ui";
+import { FilterTabs as re } from "../../components/FilterTabs.js";
+import { Pagination as ie } from "../../components/Pagination.js";
+import { useMemo as ae, useState as m } from "react";
+import { FileSignature as h, Plus as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, Input as x, Label as S, ResponsiveDialog as oe, ResponsiveDialogContent as se, ResponsiveDialogDescription as ce, ResponsiveDialogFooter as le, ResponsiveDialogHeader as ue, ResponsiveDialogTitle as de, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D, Textarea as fe } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/pages/contracts/ContractsPage.tsx
-var k = [
+var O = [
 	{
 		value: "ALL",
 		label: "All"
@@ -50,12 +51,12 @@ var k = [
 		value: "TERMINATED",
 		label: "Terminated"
 	}
-], A = ["BUY", "SELL"], j = [
+], k = ["BUY", "SELL"], A = [
 	"FIXED",
 	"INDEX_LINKED",
 	"FORMULA",
 	"SPOT"
-], M = [
+], j = [
 	"CRUDE_OIL",
 	"NATURAL_GAS",
 	"LNG",
@@ -69,7 +70,7 @@ var k = [
 	"GOLD",
 	"LITHIUM",
 	"RARE_EARTH"
-], N = [
+], M = [
 	"BARRELS",
 	"CUBIC_METERS",
 	"TONNES",
@@ -77,7 +78,7 @@ var k = [
 	"MWH",
 	"GJ",
 	"MCF"
-], P = 25, F = (e) => Math.max(0, Math.min(100, e)), I = (e) => e.contractedVolume > 0 ? F(e.deliveredVolume / e.contractedVolume * 100) : 0, L = {
+], N = 25, P = (e) => Math.max(0, Math.min(100, e)), F = (e) => e.contractedVolume > 0 ? P(e.deliveredVolume / e.contractedVolume * 100) : 0, I = {
 	reference: "",
 	counterparty: "",
 	commodity: "CRUDE_OIL",
@@ -93,30 +94,30 @@ var k = [
 	endDate: "",
 	notes: ""
 };
-function R() {
-	let { navigateTo: F } = e(), [R, z] = u("ALL"), [B, V] = u("ALL"), [H, U] = u("ALL"), W = se(), [ue, G] = u(!1), [K, q] = u(L), [J, Y] = u(null), { data: X, isLoading: de, isError: fe, refetch: pe } = ae({
+function L() {
+	let { navigateTo: P } = e(), L = ne(), [R, z] = m("ALL"), [B, V] = m("ALL"), [H, pe] = m("ALL"), U = te(), [me, W] = m(!1), [G, K] = m(I), [q, J] = m(null), { data: Y, isLoading: he, isError: ge, refetch: _e } = f({
 		status: R === "ALL" ? void 0 : R,
 		side: B === "ALL" ? void 0 : B,
 		commodity: H === "ALL" ? void 0 : H,
 		pagination: {
-			limit: P,
-			cursor: W.cursor
+			limit: N,
+			cursor: U.cursor
 		}
-	}), Z = oe(), Q = l(() => X?.items ?? [], [X]), me = [
+	}), X = p(), Z = ae(() => Y?.items ?? [], [Y]), Q = [
 		{
 			key: "reference",
 			header: "Contract",
-			render: (e) => /* @__PURE__ */ m("div", {
+			render: (e) => /* @__PURE__ */ y("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent",
-					children: /* @__PURE__ */ p(d, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ m("div", {
+					children: /* @__PURE__ */ v(h, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ y("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ p("p", {
+					children: [/* @__PURE__ */ v("p", {
 						className: "truncate font-semibold text-text-primary",
 						children: e.reference
-					}), /* @__PURE__ */ p("p", {
+					}), /* @__PURE__ */ v("p", {
 						className: "truncate text-xs text-text-tertiary",
 						children: e.counterparty
 					})]
@@ -126,13 +127,13 @@ function R() {
 		{
 			key: "side",
 			header: "Side",
-			render: (e) => /* @__PURE__ */ p(a, { status: e.side })
+			render: (e) => /* @__PURE__ */ v(o, { status: e.side })
 		},
 		{
 			key: "commodity",
 			header: "Commodity",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ p("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-secondary",
 				children: t(e.commodity)
 			})
@@ -140,7 +141,7 @@ function R() {
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ p(a, { status: e.status })
+			render: (e) => /* @__PURE__ */ v(o, { status: e.status })
 		},
 		{
 			key: "price",
@@ -148,9 +149,9 @@ function R() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.pricePerUnit,
-			render: (e) => /* @__PURE__ */ m("span", {
+			render: (e) => /* @__PURE__ */ y("span", {
 				className: "tabular-nums text-text-secondary",
-				children: [n(e.pricePerUnit, e.currency), /* @__PURE__ */ m("span", {
+				children: [n(e.pricePerUnit, e.currency), /* @__PURE__ */ y("span", {
 					className: "text-text-tertiary",
 					children: ["/", r(e.unit)]
 				})]
@@ -159,14 +160,14 @@ function R() {
 		{
 			key: "delivery",
 			header: "Delivered",
-			sortValue: (e) => I(e),
-			render: (e) => /* @__PURE__ */ m("div", {
+			sortValue: (e) => F(e),
+			render: (e) => /* @__PURE__ */ y("div", {
 				className: "min-w-[9rem]",
-				children: [/* @__PURE__ */ p(o, {
-					value: I(e),
+				children: [/* @__PURE__ */ v(s, {
+					value: F(e),
 					barClassName: "bg-[var(--color-status-success-text)]",
 					className: "mb-1"
-				}), /* @__PURE__ */ m("p", {
+				}), /* @__PURE__ */ y("p", {
 					className: "text-xs tabular-nums text-text-tertiary",
 					children: [
 						i(e.deliveredVolume, e.unit),
@@ -181,7 +182,7 @@ function R() {
 			header: "Updated",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ p("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-tertiary",
 				children: new Date(e.updatedAt).toLocaleDateString(void 0, {
 					day: "numeric",
@@ -191,256 +192,292 @@ function R() {
 			})
 		}
 	], $ = () => {
-		q(L), Y(null);
+		K(I), J(null);
+	}, ve = async () => {
+		if (!G.reference.trim()) {
+			J("Contract reference is required.");
+			return;
+		}
+		if (!G.counterparty.trim()) {
+			J("Counterparty is required.");
+			return;
+		}
+		J(null);
+		try {
+			let e = await X.mutateAsync({
+				reference: G.reference.trim(),
+				counterparty: G.counterparty.trim(),
+				commodity: G.commodity,
+				side: G.side,
+				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: a(G.startDate) ?? null,
+				endDate: a(G.endDate) ?? null,
+				notes: G.notes.trim() || null
+			});
+			L.success("Contract created"), W(!1), $(), P(`contracts/${e.id}`);
+		} catch (e) {
+			J(e instanceof Error ? e.message : "Failed to create contract."), L.fromError(e);
+		}
 	};
-	return /* @__PURE__ */ m(ee, {
+	return /* @__PURE__ */ y(ee, {
 		title: "Offtake Contracts",
 		description: "Commodity purchase & sale agreements — pricing, contracted volume and delivery progress.",
-		actions: /* @__PURE__ */ m(h, {
-			onClick: () => G(!0),
-			children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " New contract"]
+		actions: /* @__PURE__ */ y(b, {
+			onClick: () => W(!0),
+			children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }), " New contract"]
 		}),
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ y("div", {
 				className: "mb-5 flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ p(s, {
-						options: k,
+					/* @__PURE__ */ v(re, {
+						options: O,
 						value: R,
 						onChange: (e) => {
-							z(e), W.reset();
+							z(e), U.reset();
 						}
 					}),
-					/* @__PURE__ */ m(w, {
+					/* @__PURE__ */ y(C, {
 						value: B,
 						onValueChange: (e) => {
-							V(e), W.reset();
+							V(e), U.reset();
 						},
-						children: [/* @__PURE__ */ p(D, {
+						children: [/* @__PURE__ */ v(E, {
 							className: "w-40",
-							children: /* @__PURE__ */ p(O, { placeholder: "All sides" })
-						}), /* @__PURE__ */ m(T, { children: [/* @__PURE__ */ p(E, {
+							"aria-label": "Filter by side",
+							children: /* @__PURE__ */ v(D, { placeholder: "All sides" })
+						}), /* @__PURE__ */ y(w, { children: [/* @__PURE__ */ v(T, {
 							value: "ALL",
 							children: "All sides"
-						}), A.map((e) => /* @__PURE__ */ p(E, {
+						}), k.map((e) => /* @__PURE__ */ v(T, {
 							value: e,
 							children: t(e)
 						}, e))] })]
 					}),
-					/* @__PURE__ */ m(w, {
+					/* @__PURE__ */ y(C, {
 						value: H,
 						onValueChange: (e) => {
-							U(e), W.reset();
+							pe(e), U.reset();
 						},
-						children: [/* @__PURE__ */ p(D, {
+						children: [/* @__PURE__ */ v(E, {
 							className: "w-48",
-							children: /* @__PURE__ */ p(O, { placeholder: "All commodities" })
-						}), /* @__PURE__ */ m(T, { children: [/* @__PURE__ */ p(E, {
+							"aria-label": "Filter by commodity",
+							children: /* @__PURE__ */ v(D, { placeholder: "All commodities" })
+						}), /* @__PURE__ */ y(w, { children: [/* @__PURE__ */ v(T, {
 							value: "ALL",
 							children: "All commodities"
-						}), M.map((e) => /* @__PURE__ */ p(E, {
+						}), j.map((e) => /* @__PURE__ */ v(T, {
 							value: e,
 							children: t(e)
 						}, e))] })]
 					})
 				]
 			}),
-			de ? /* @__PURE__ */ p(re, { label: "Loading contracts…" }) : fe ? /* @__PURE__ */ p(ne, {
+			he ? /* @__PURE__ */ v(u, { label: "Loading contracts…" }) : ge ? /* @__PURE__ */ v(l, {
 				message: "Couldn't load contracts.",
-				onRetry: () => pe()
-			}) : Q.length === 0 ? /* @__PURE__ */ p(ie, {
+				onRetry: () => _e()
+			}) : Z.length === 0 ? /* @__PURE__ */ v(d, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ p(d, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ v(h, { className: "h-10 w-10" }),
 				title: "No contracts yet",
 				description: R === "ALL" && B === "ALL" && H === "ALL" ? "Create your first offtake contract to track pricing, volume and delivery." : "No contracts match these filters.",
-				action: /* @__PURE__ */ m(h, {
-					onClick: () => G(!0),
-					children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " New contract"]
+				action: /* @__PURE__ */ y(b, {
+					onClick: () => W(!0),
+					children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }), " New contract"]
 				})
-			}) : /* @__PURE__ */ m(ce, { children: [/* @__PURE__ */ p(te, {
-				columns: me,
-				rows: Q,
+			}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(c, {
+				columns: Q,
+				rows: Z,
 				rowKey: (e) => e.id,
-				onRowClick: (e) => F(`contracts/${e.id}`)
-			}), /* @__PURE__ */ p(c, {
-				page: W.page,
-				pageSize: P,
-				itemCount: Q.length,
-				hasMore: X?.pageInfo?.hasMore ?? !1,
-				onPageChange: (e) => W.onPageChange(e, X?.pageInfo?.cursor)
+				onRowClick: (e) => P(`contracts/${e.id}`),
+				rowLabel: (e) => `Open ${e.reference}`
+			}), /* @__PURE__ */ v(ie, {
+				page: U.page,
+				pageSize: N,
+				itemCount: Z.length,
+				hasMore: Y?.pageInfo?.hasMore ?? !1,
+				onPageChange: (e) => U.onPageChange(e, Y?.pageInfo?.cursor)
 			})] }),
-			/* @__PURE__ */ p(v, {
-				open: ue,
+			/* @__PURE__ */ v(oe, {
+				open: me,
 				onOpenChange: (e) => {
-					G(e), e || $();
+					W(e), e || $();
 				},
-				children: /* @__PURE__ */ m(y, { children: [
-					/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(C, { children: "New offtake contract" }), /* @__PURE__ */ p(b, { children: "Register a commodity purchase or sale agreement with a counterparty." })] }),
-					/* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ y(se, { children: [/* @__PURE__ */ y(ue, { children: [/* @__PURE__ */ v(de, { children: "New offtake contract" }), /* @__PURE__ */ v(ce, { children: "Register a commodity purchase or sale agreement with a counterparty." })] }), /* @__PURE__ */ y("form", {
+					onSubmit: (e) => {
+						e.preventDefault(), ve();
+					},
+					children: [/* @__PURE__ */ y("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "reference",
 										children: "Reference *"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ v(x, {
 										id: "reference",
-										value: K.reference,
-										onChange: (e) => q({
-											...K,
+										value: G.reference,
+										onChange: (e) => K({
+											...G,
 											reference: e.target.value
 										}),
 										placeholder: "OFT-2026-0142"
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "counterparty",
 										children: "Counterparty *"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ v(x, {
 										id: "counterparty",
-										value: K.counterparty,
-										onChange: (e) => q({
-											...K,
+										value: G.counterparty,
+										onChange: (e) => K({
+											...G,
 											counterparty: e.target.value
 										}),
 										placeholder: "Vitol S.A."
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "commodity",
 										children: "Commodity *"
-									}), /* @__PURE__ */ m(w, {
-										value: K.commodity,
-										onValueChange: (e) => q({
-											...K,
+									}), /* @__PURE__ */ y(C, {
+										value: G.commodity,
+										onValueChange: (e) => K({
+											...G,
 											commodity: e
 										}),
-										children: [/* @__PURE__ */ p(D, {
+										children: [/* @__PURE__ */ v(E, {
 											id: "commodity",
-											children: /* @__PURE__ */ p(O, {})
-										}), /* @__PURE__ */ p(T, { children: M.map((e) => /* @__PURE__ */ p(E, {
+											children: /* @__PURE__ */ v(D, {})
+										}), /* @__PURE__ */ v(w, { children: j.map((e) => /* @__PURE__ */ v(T, {
 											value: e,
 											children: t(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "side",
 										children: "Side"
-									}), /* @__PURE__ */ m(w, {
-										value: K.side,
-										onValueChange: (e) => q({
-											...K,
+									}), /* @__PURE__ */ y(C, {
+										value: G.side,
+										onValueChange: (e) => K({
+											...G,
 											side: e
 										}),
-										children: [/* @__PURE__ */ p(D, {
+										children: [/* @__PURE__ */ v(E, {
 											id: "side",
-											children: /* @__PURE__ */ p(O, {})
-										}), /* @__PURE__ */ p(T, { children: A.map((e) => /* @__PURE__ */ p(E, {
+											children: /* @__PURE__ */ v(D, {})
+										}), /* @__PURE__ */ v(w, { children: k.map((e) => /* @__PURE__ */ v(T, {
 											value: e,
 											children: t(e)
 										}, e)) })]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "pricingBasis",
 										children: "Pricing basis"
-									}), /* @__PURE__ */ m(w, {
-										value: K.pricingBasis,
-										onValueChange: (e) => q({
-											...K,
+									}), /* @__PURE__ */ y(C, {
+										value: G.pricingBasis,
+										onValueChange: (e) => K({
+											...G,
 											pricingBasis: e
 										}),
-										children: [/* @__PURE__ */ p(D, {
+										children: [/* @__PURE__ */ v(E, {
 											id: "pricingBasis",
-											children: /* @__PURE__ */ p(O, {})
-										}), /* @__PURE__ */ p(T, { children: j.map((e) => /* @__PURE__ */ p(E, {
+											children: /* @__PURE__ */ v(D, {})
+										}), /* @__PURE__ */ v(w, { children: A.map((e) => /* @__PURE__ */ v(T, {
 											value: e,
 											children: t(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "priceIndex",
 										children: "Price index"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ v(x, {
 										id: "priceIndex",
-										value: K.priceIndex,
-										onChange: (e) => q({
-											...K,
+										value: G.priceIndex,
+										onChange: (e) => K({
+											...G,
 											priceIndex: e.target.value
 										}),
 										placeholder: "Brent, TTF, Henry Hub"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-3",
 								children: [
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ p(_, {
+										children: [/* @__PURE__ */ v(S, {
 											htmlFor: "pricePerUnit",
 											children: "Price / unit"
-										}), /* @__PURE__ */ p(g, {
+										}), /* @__PURE__ */ v(x, {
 											id: "pricePerUnit",
 											type: "number",
 											min: "0",
 											step: "any",
-											value: K.pricePerUnit,
-											onChange: (e) => q({
-												...K,
+											value: G.pricePerUnit,
+											onChange: (e) => K({
+												...G,
 												pricePerUnit: e.target.value
 											}),
 											placeholder: "82.50"
 										})]
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ p(_, {
+										children: [/* @__PURE__ */ v(S, {
 											htmlFor: "currency",
 											children: "Currency"
-										}), /* @__PURE__ */ p(g, {
+										}), /* @__PURE__ */ v(x, {
 											id: "currency",
-											value: K.currency,
-											onChange: (e) => q({
-												...K,
+											value: G.currency,
+											onChange: (e) => K({
+												...G,
 												currency: e.target.value
 											}),
 											placeholder: "USD"
 										})]
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ p(_, {
+										children: [/* @__PURE__ */ v(S, {
 											htmlFor: "unit",
 											children: "Unit"
-										}), /* @__PURE__ */ m(w, {
-											value: K.unit,
-											onValueChange: (e) => q({
-												...K,
+										}), /* @__PURE__ */ y(C, {
+											value: G.unit,
+											onValueChange: (e) => K({
+												...G,
 												unit: e
 											}),
-											children: [/* @__PURE__ */ p(D, {
+											children: [/* @__PURE__ */ v(E, {
 												id: "unit",
-												children: /* @__PURE__ */ p(O, {})
-											}), /* @__PURE__ */ p(T, { children: N.map((e) => /* @__PURE__ */ p(E, {
+												children: /* @__PURE__ */ v(D, {})
+											}), /* @__PURE__ */ v(w, { children: M.map((e) => /* @__PURE__ */ v(T, {
 												value: e,
 												children: r(e)
 											}, e)) })]
@@ -448,141 +485,112 @@ function R() {
 									})
 								]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "contractedVolume",
 										children: "Contracted volume"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ v(x, {
 										id: "contractedVolume",
 										type: "number",
 										min: "0",
 										step: "any",
-										value: K.contractedVolume,
-										onChange: (e) => q({
-											...K,
+										value: G.contractedVolume,
+										onChange: (e) => K({
+											...G,
 											contractedVolume: e.target.value
 										}),
 										placeholder: "500000"
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "deliveryLocation",
 										children: "Delivery location"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ v(x, {
 										id: "deliveryLocation",
-										value: K.deliveryLocation,
-										onChange: (e) => q({
-											...K,
+										value: G.deliveryLocation,
+										onChange: (e) => K({
+											...G,
 											deliveryLocation: e.target.value
 										}),
 										placeholder: "Rotterdam"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "startDate",
 										children: "Start date"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ v(x, {
 										id: "startDate",
 										type: "date",
-										value: K.startDate,
-										onChange: (e) => q({
-											...K,
+										value: G.startDate,
+										onChange: (e) => K({
+											...G,
 											startDate: e.target.value
 										})
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(_, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "endDate",
 										children: "End date"
-									}), /* @__PURE__ */ p(g, {
+									}), /* @__PURE__ */ v(x, {
 										id: "endDate",
 										type: "date",
-										value: K.endDate,
-										onChange: (e) => q({
-											...K,
+										value: G.endDate,
+										onChange: (e) => K({
+											...G,
 											endDate: e.target.value
 										})
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ p(_, {
+								children: [/* @__PURE__ */ v(S, {
 									htmlFor: "notes",
 									children: "Notes"
-								}), /* @__PURE__ */ p(le, {
+								}), /* @__PURE__ */ v(fe, {
 									id: "notes",
 									rows: 2,
-									value: K.notes,
-									onChange: (e) => q({
-										...K,
+									value: G.notes,
+									onChange: (e) => K({
+										...G,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about this contract."
 								})]
 							}),
-							J && /* @__PURE__ */ p("p", {
+							q && /* @__PURE__ */ v("p", {
 								className: "text-sm text-status-error-text",
-								children: J
+								children: q
 							})
 						]
-					}),
-					/* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p(h, {
+					}), /* @__PURE__ */ y(le, { children: [/* @__PURE__ */ v(b, {
+						type: "button",
 						variant: "outline",
-						onClick: () => G(!1),
-						children: "Cancel"
-					}), /* @__PURE__ */ p(h, {
-						onClick: async () => {
-							if (!K.reference.trim()) {
-								Y("Contract reference is required.");
-								return;
-							}
-							if (!K.counterparty.trim()) {
-								Y("Counterparty is required.");
-								return;
-							}
-							Y(null);
-							try {
-								let e = await Z.mutateAsync({
-									reference: K.reference.trim(),
-									counterparty: K.counterparty.trim(),
-									commodity: K.commodity,
-									side: K.side,
-									pricingBasis: K.pricingBasis,
-									pricePerUnit: K.pricePerUnit ? Number(K.pricePerUnit) : null,
-									priceIndex: K.priceIndex.trim() || null,
-									currency: K.currency.trim() || "USD",
-									contractedVolume: K.contractedVolume ? Number(K.contractedVolume) : null,
-									unit: K.unit,
-									deliveryLocation: K.deliveryLocation.trim() || null,
-									startDate: K.startDate ? new Date(K.startDate).toISOString() : null,
-									endDate: K.endDate ? new Date(K.endDate).toISOString() : null,
-									notes: K.notes.trim() || null
-								});
-								G(!1), $(), F(`contracts/${e.id}`);
-							} catch (e) {
-								Y(e instanceof Error ? e.message : "Failed to create contract.");
-							}
+						onClick: () => {
+							W(!1), $();
 						},
-						disabled: Z.isPending,
-						children: Z.isPending ? "Creating…" : "Create contract"
-					})] })
-				] })
+						children: "Cancel"
+					}), /* @__PURE__ */ v(b, {
+						type: "submit",
+						disabled: X.isPending,
+						children: X.isPending ? "Creating…" : "Create contract"
+					})] })]
+				})] })
 			})
 		]
 	});
 }
 //#endregion
-export { R as ContractsPage };
+export { L as ContractsPage };
 
 //# sourceMappingURL=ContractsPage.js.map