@burdenoff/microfe-theglobalfuel 2026.716.1 → 2026.720.2

package/dist/theglobalfuel/pages/assets/AssetsPage.js

@@ -1,26 +1,26 @@
 import { useTheGlobalFuel as e } from "../../context/TheGlobalFuelContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { formatEnumLabel as n, formatPercent as ee, formatRelativeTime as te, formatVolume as ne } from "../../utils/formatters.js";
-import { StatusBadge as re } from "../../components/StatusBadge.js";
-import { DataTable as r } from "../../components/DataTable.js";
-import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
-import { EmptyState as o } from "../../components/EmptyState.js";
+import { PageLayout as ee } from "../../components/PageLayout.js";
+import { formatEnumLabel as t, formatPercent as n, formatRelativeTime as te, formatVolume as ne, toBackendDate as re } from "../../utils/formatters.js";
+import { StatusBadge as ie } from "../../components/StatusBadge.js";
+import { DataTable as ae } from "../../components/DataTable.js";
+import { ErrorView as oe, LoadingView as se } from "../../components/StateViews.js";
+import { EmptyState as r } from "../../components/EmptyState.js";
 import "../../context/index.js";
-import { useTheAssets as s, useTheCreateAsset as c } from "../../hooks/useTheGlobalFuelApi.js";
-import { useCursorPager as l } from "../../hooks/useCursorPager.js";
-import { useNotify as u } from "../../hooks/useNotify.js";
-import { useTheAnalytics as d } from "../../hooks/useTheAnalytics.js";
-import { useThePageView as f } from "../../hooks/useThePageView.js";
-import { useTheNativeControls as ie } from "../../hooks/useTheNativeControls.js";
-import { useTheTranslation as ae } from "../../hooks/useTheTranslation.js";
+import { useTheAssets as i, useTheCreateAsset as a } from "../../hooks/useTheGlobalFuelApi.js";
+import { useCursorPager as o } from "../../hooks/useCursorPager.js";
+import { useNotify as s } from "../../hooks/useNotify.js";
+import { useTheAnalytics as c } from "../../hooks/useTheAnalytics.js";
+import { useThePageView as l } from "../../hooks/useThePageView.js";
+import { useTheNativeControls as u } from "../../hooks/useTheNativeControls.js";
+import { useTheTranslation as d } from "../../hooks/useTheTranslation.js";
 import "../../hooks/index.js";
-import { FilterTabs as oe } from "../../components/FilterTabs.js";
-import { Pagination as se } from "../../components/Pagination.js";
+import { FilterTabs as f } from "../../components/FilterTabs.js";
+import { Pagination as p } from "../../components/Pagination.js";
 import "../../components/index.js";
-import { useMemo as ce, useState as p } from "react";
-import { Fuel as m, MapPin as le, Plus as h } from "lucide-react";
-import { Fragment as ue, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Button as v, Input as y, Label as b, ResponsiveDialog as x, ResponsiveDialogContent as S, ResponsiveDialogDescription as C, ResponsiveDialogFooter as de, ResponsiveDialogHeader as fe, ResponsiveDialogTitle as pe, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O } from "@burdenoff/fe-libs/ui";
+import { useMemo as m, useState as h } from "react";
+import { Fuel as g, MapPin as ce, Plus as _ } from "lucide-react";
+import { Fragment as le, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, Input as x, Label as S, ResponsiveDialog as ue, ResponsiveDialogContent as de, ResponsiveDialogDescription as fe, ResponsiveDialogFooter as pe, ResponsiveDialogHeader as me, ResponsiveDialogTitle as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/pages/assets/AssetsPage.tsx
 var k = [
 	{
@@ -101,33 +101,37 @@ var k = [
 	longitude: "",
 	capacityPerDay: "",
 	capacityUnit: "BARRELS",
-	workingInterestPct: ""
+	workingInterestPct: "",
+	discoveryAt: "",
+	area: "",
+	reservoirType: "",
+	waterDepth: ""
 };
 function F() {
-	f("assets");
-	let F = ae(), { navigateTo: I } = e(), L = u(), { haptic: R } = ie(), { trackAssetCreateClicked: z, trackAssetCreated: B } = d(), [V, me] = p("ALL"), [H, he] = p("ALL"), [U, ge] = p("ALL"), W = l(), [_e, G] = p(!1), [K, q] = p(P), [J, Y] = p(null), { data: X, isLoading: ve, isError: ye, refetch: be } = s({
-		status: V === "ALL" ? void 0 : V,
-		commodity: H === "ALL" ? void 0 : H,
-		kind: U === "ALL" ? void 0 : U,
+	l("assets");
+	let F = d(), { navigateTo: I } = e(), L = s(), { haptic: R } = u(), { trackAssetCreateClicked: z, trackAssetCreated: he } = c(), [B, ge] = h("ALL"), [V, _e] = h("ALL"), [H, ve] = h("ALL"), U = o(), [ye, W] = h(!1), [G, K] = h(P), [q, J] = h(null), { data: Y, isLoading: X, isError: be, refetch: xe } = i({
+		status: B === "ALL" ? void 0 : B,
+		commodity: V === "ALL" ? void 0 : V,
+		kind: H === "ALL" ? void 0 : H,
 		pagination: {
 			limit: N,
-			offset: W.page * N
+			offset: U.page * N
 		}
-	}), Z = c(), Q = ce(() => X?.items ?? [], [X]), xe = V !== "ALL" || H !== "ALL" || U !== "ALL", Se = [
+	}), Z = a(), Q = m(() => Y?.items ?? [], [Y]), Se = B !== "ALL" || V !== "ALL" || H !== "ALL", Ce = [
 		{
 			key: "name",
 			header: "Asset",
-			render: (e) => /* @__PURE__ */ _("div", {
+			render: (e) => /* @__PURE__ */ y("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ g("span", {
+				children: [/* @__PURE__ */ v("span", {
 					className: "grid size-9 shrink-0 place-items-center rounded-lg bg-bg-sunken text-text-secondary",
-					children: /* @__PURE__ */ g(m, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ v(g, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ y("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ g("p", {
+					children: [/* @__PURE__ */ v("p", {
 						className: "truncate font-semibold text-text-primary",
 						children: e.name
-					}), e.code && /* @__PURE__ */ g("p", {
+					}), e.code && /* @__PURE__ */ v("p", {
 						className: "truncate text-xs text-text-tertiary",
 						children: e.code
 					})]
@@ -138,24 +142,24 @@ function F() {
 			key: "kind",
 			header: "Kind",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ g("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-secondary",
-				children: n(e.kind)
+				children: t(e.kind)
 			})
 		},
 		{
 			key: "commodity",
 			header: "Commodity",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ g("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-secondary",
-				children: n(e.commodity)
+				children: t(e.commodity)
 			})
 		},
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ g(re, { status: e.status })
+			render: (e) => /* @__PURE__ */ v(ie, { status: e.status })
 		},
 		{
 			key: "capacity",
@@ -163,10 +167,10 @@ function F() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.capacityPerDay,
-			render: (e) => e.capacityPerDay > 0 ? /* @__PURE__ */ _("span", {
+			render: (e) => e.capacityPerDay > 0 ? /* @__PURE__ */ y("span", {
 				className: "tabular-nums text-text-secondary",
 				children: [ne(e.capacityPerDay, e.capacityUnit), "/day"]
-			}) : /* @__PURE__ */ g("span", {
+			}) : /* @__PURE__ */ v("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
@@ -177,19 +181,19 @@ function F() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.workingInterestPct,
-			render: (e) => /* @__PURE__ */ g("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "tabular-nums text-text-secondary",
-				children: ee(e.workingInterestPct)
+				children: n(e.workingInterestPct)
 			})
 		},
 		{
 			key: "location",
 			header: "Location",
 			hideOnMobile: !0,
-			render: (e) => e.location ? /* @__PURE__ */ _("span", {
+			render: (e) => e.location ? /* @__PURE__ */ y("span", {
 				className: "inline-flex items-center gap-1.5 text-text-secondary",
-				children: [/* @__PURE__ */ g(le, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary" }), e.location]
-			}) : /* @__PURE__ */ g("span", {
+				children: [/* @__PURE__ */ v(ce, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary" }), e.location]
+			}) : /* @__PURE__ */ v("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
@@ -199,222 +203,226 @@ function F() {
 			header: "Updated",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ g("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-text-tertiary",
 				children: te(e.updatedAt)
 			})
 		}
 	], $ = () => {
-		q(P), Y(null);
-	}, Ce = async () => {
-		if (!K.name.trim()) {
-			Y("Asset name is required.");
+		K(P), J(null);
+	}, we = async () => {
+		if (!G.name.trim()) {
+			J("Asset name is required.");
 			return;
 		}
-		Y(null), R("light"), z();
+		J(null), R("light"), z();
 		try {
 			let e = await Z.mutateAsync({
-				name: K.name.trim(),
-				code: K.code.trim() || null,
-				commodity: K.commodity,
-				kind: K.kind,
-				status: K.status,
-				location: K.location.trim() || null,
-				latitude: K.latitude ? Number(K.latitude) : null,
-				longitude: K.longitude ? Number(K.longitude) : null,
-				capacityPerDay: K.capacityPerDay ? Number(K.capacityPerDay) : null,
-				capacityUnit: K.capacityUnit,
-				workingInterestPct: K.workingInterestPct ? Number(K.workingInterestPct) : null
+				name: G.name.trim(),
+				code: G.code.trim() || null,
+				commodity: G.commodity,
+				kind: G.kind,
+				status: G.status,
+				location: G.location.trim() || null,
+				latitude: G.latitude ? Number(G.latitude) : null,
+				longitude: G.longitude ? Number(G.longitude) : null,
+				capacityPerDay: G.capacityPerDay ? Number(G.capacityPerDay) : null,
+				capacityUnit: G.capacityUnit,
+				workingInterestPct: G.workingInterestPct ? Number(G.workingInterestPct) : null,
+				discoveryAt: re(G.discoveryAt) || null,
+				area: G.area ? Number(G.area) : null,
+				reservoirType: G.reservoirType.trim() || null,
+				waterDepth: G.waterDepth ? Number(G.waterDepth) : null
 			});
-			B(e.id), L.success("Asset created"), G(!1), $(), I(`assets/${e.id}`);
+			he(e.id), L.success("Asset created"), W(!1), $(), I(`assets/${e.id}`);
 		} catch (e) {
-			L.fromError(e), Y(e instanceof Error ? e.message : "Failed to create asset.");
+			L.fromError(e), J(e instanceof Error ? e.message : "Failed to create asset.");
 		}
 	};
-	return /* @__PURE__ */ _(t, {
+	return /* @__PURE__ */ y(ee, {
 		title: F("theglobalfuel.pages.assets.title", "Assets"),
 		description: F("theglobalfuel.pages.assets.description", "Resource registry — fields, wells, mines, plants, terminals & pipelines across every commodity."),
 		dataTour: "theglobalfuel-assets-page",
-		actions: /* @__PURE__ */ _(v, {
-			onClick: () => G(!0),
-			children: [/* @__PURE__ */ g(h, { className: "mr-1.5 h-4 w-4" }), " New asset"]
+		actions: /* @__PURE__ */ y(b, {
+			onClick: () => W(!0),
+			children: [/* @__PURE__ */ v(_, { className: "mr-1.5 h-4 w-4" }), " New asset"]
 		}),
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ y("div", {
 				className: "mb-5 flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ g(oe, {
+					/* @__PURE__ */ v(f, {
 						options: k,
-						value: V,
+						value: B,
 						onChange: (e) => {
-							me(e), W.reset();
+							ge(e), U.reset();
 						}
 					}),
-					/* @__PURE__ */ _(w, {
-						value: H,
+					/* @__PURE__ */ y(w, {
+						value: V,
 						onValueChange: (e) => {
-							he(e), W.reset();
+							_e(e), U.reset();
 						},
-						children: [/* @__PURE__ */ g(D, {
+						children: [/* @__PURE__ */ v(D, {
 							className: "w-48",
 							"aria-label": "Filter by commodity",
-							children: /* @__PURE__ */ g(O, { placeholder: "All commodities" })
-						}), /* @__PURE__ */ _(T, { children: [/* @__PURE__ */ g(E, {
+							children: /* @__PURE__ */ v(O, { placeholder: "All commodities" })
+						}), /* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(E, {
 							value: "ALL",
 							children: "All commodities"
-						}), j.map((e) => /* @__PURE__ */ g(E, {
+						}), j.map((e) => /* @__PURE__ */ v(E, {
 							value: e,
-							children: n(e)
+							children: t(e)
 						}, e))] })]
 					}),
-					/* @__PURE__ */ _(w, {
-						value: U,
+					/* @__PURE__ */ y(w, {
+						value: H,
 						onValueChange: (e) => {
-							ge(e), W.reset();
+							ve(e), U.reset();
 						},
-						children: [/* @__PURE__ */ g(D, {
+						children: [/* @__PURE__ */ v(D, {
 							className: "w-48",
 							"aria-label": "Filter by kind",
-							children: /* @__PURE__ */ g(O, { placeholder: "All kinds" })
-						}), /* @__PURE__ */ _(T, { children: [/* @__PURE__ */ g(E, {
+							children: /* @__PURE__ */ v(O, { placeholder: "All kinds" })
+						}), /* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(E, {
 							value: "ALL",
 							children: "All kinds"
-						}), A.map((e) => /* @__PURE__ */ g(E, {
+						}), A.map((e) => /* @__PURE__ */ v(E, {
 							value: e,
-							children: n(e)
+							children: t(e)
 						}, e))] })]
 					})
 				]
 			}),
-			ve ? /* @__PURE__ */ g(a, { label: "Loading assets…" }) : ye ? /* @__PURE__ */ g(i, {
+			X ? /* @__PURE__ */ v(se, { label: "Loading assets…" }) : be ? /* @__PURE__ */ v(oe, {
 				message: "Couldn't load assets.",
-				onRetry: () => be()
-			}) : Q.length === 0 ? /* @__PURE__ */ g(o, {
+				onRetry: () => xe()
+			}) : Q.length === 0 ? /* @__PURE__ */ v(r, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ g(m, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ v(g, { className: "h-10 w-10" }),
 				title: "No assets yet",
-				description: xe ? "No assets match these filters." : "Register your first resource asset to start tracking production, reserves & emissions.",
-				action: /* @__PURE__ */ _(v, {
-					onClick: () => G(!0),
-					children: [/* @__PURE__ */ g(h, { className: "mr-1.5 h-4 w-4" }), " New asset"]
+				description: Se ? "No assets match these filters." : "Register your first resource asset to start tracking production, reserves & emissions.",
+				action: /* @__PURE__ */ y(b, {
+					onClick: () => W(!0),
+					children: [/* @__PURE__ */ v(_, { className: "mr-1.5 h-4 w-4" }), " New asset"]
 				})
-			}) : /* @__PURE__ */ _(ue, { children: [/* @__PURE__ */ g(r, {
-				columns: Se,
+			}) : /* @__PURE__ */ y(le, { children: [/* @__PURE__ */ v(ae, {
+				columns: Ce,
 				rows: Q,
 				rowKey: (e) => e.id,
 				onRowClick: (e) => I(`assets/${e.id}`),
 				rowLabel: (e) => `Open ${e.name}`
-			}), /* @__PURE__ */ g(se, {
-				page: W.page,
+			}), /* @__PURE__ */ v(p, {
+				page: U.page,
 				pageSize: N,
 				itemCount: Q.length,
-				hasMore: X?.pageInfo?.hasMore ?? !1,
-				onPageChange: W.onPageChange
+				hasMore: Y?.pageInfo?.hasMore ?? !1,
+				onPageChange: U.onPageChange
 			})] }),
-			/* @__PURE__ */ g(x, {
-				open: _e,
+			/* @__PURE__ */ v(ue, {
+				open: ye,
 				onOpenChange: (e) => {
-					G(e), e || $();
+					W(e), e || $();
 				},
-				children: /* @__PURE__ */ _(S, { children: [
-					/* @__PURE__ */ _(fe, { children: [/* @__PURE__ */ g(pe, { children: "New asset" }), /* @__PURE__ */ g(C, { children: "Register a resource asset — a field, well, mine, plant, terminal or pipeline." })] }),
-					/* @__PURE__ */ _("form", {
+				children: /* @__PURE__ */ y(de, { children: [
+					/* @__PURE__ */ y(me, { children: [/* @__PURE__ */ v(C, { children: "New asset" }), /* @__PURE__ */ v(fe, { children: "Register a resource asset — a field, well, mine, plant, terminal or pipeline." })] }),
+					/* @__PURE__ */ y("form", {
 						id: "createAssetForm",
 						onSubmit: (e) => {
-							e.preventDefault(), Ce();
+							e.preventDefault(), we();
 						},
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ _("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ g(b, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "assetName",
 										children: "Name *"
-									}), /* @__PURE__ */ g(y, {
+									}), /* @__PURE__ */ v(x, {
 										id: "assetName",
-										value: K.name,
-										onChange: (e) => q({
-											...K,
+										value: G.name,
+										onChange: (e) => K({
+											...G,
 											name: e.target.value
 										}),
 										placeholder: "Rumaila North Field"
 									})]
-								}), /* @__PURE__ */ _("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ g(b, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "assetCode",
 										children: "Code"
-									}), /* @__PURE__ */ g(y, {
+									}), /* @__PURE__ */ v(x, {
 										id: "assetCode",
-										value: K.code,
-										onChange: (e) => q({
-											...K,
+										value: G.code,
+										onChange: (e) => K({
+											...G,
 											code: e.target.value
 										}),
 										placeholder: "AST-RMB-N"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-3",
 								children: [
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ g(b, {
+										children: [/* @__PURE__ */ v(S, {
 											htmlFor: "assetCommodity",
 											children: "Commodity *"
-										}), /* @__PURE__ */ _(w, {
-											value: K.commodity,
-											onValueChange: (e) => q({
-												...K,
+										}), /* @__PURE__ */ y(w, {
+											value: G.commodity,
+											onValueChange: (e) => K({
+												...G,
 												commodity: e
 											}),
-											children: [/* @__PURE__ */ g(D, {
+											children: [/* @__PURE__ */ v(D, {
 												id: "assetCommodity",
-												children: /* @__PURE__ */ g(O, {})
-											}), /* @__PURE__ */ g(T, { children: j.map((e) => /* @__PURE__ */ g(E, {
+												children: /* @__PURE__ */ v(O, {})
+											}), /* @__PURE__ */ v(T, { children: j.map((e) => /* @__PURE__ */ v(E, {
 												value: e,
-												children: n(e)
+												children: t(e)
 											}, e)) })]
 										})]
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ g(b, {
+										children: [/* @__PURE__ */ v(S, {
 											htmlFor: "assetKind",
 											children: "Kind"
-										}), /* @__PURE__ */ _(w, {
-											value: K.kind,
-											onValueChange: (e) => q({
-												...K,
+										}), /* @__PURE__ */ y(w, {
+											value: G.kind,
+											onValueChange: (e) => K({
+												...G,
 												kind: e
 											}),
-											children: [/* @__PURE__ */ g(D, {
+											children: [/* @__PURE__ */ v(D, {
 												id: "assetKind",
-												children: /* @__PURE__ */ g(O, {})
-											}), /* @__PURE__ */ g(T, { children: A.map((e) => /* @__PURE__ */ g(E, {
+												children: /* @__PURE__ */ v(O, {})
+											}), /* @__PURE__ */ v(T, { children: A.map((e) => /* @__PURE__ */ v(E, {
 												value: e,
-												children: n(e)
+												children: t(e)
 											}, e)) })]
 										})]
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ g(b, {
+										children: [/* @__PURE__ */ v(S, {
 											htmlFor: "assetStatus",
 											children: "Status"
-										}), /* @__PURE__ */ _(w, {
-											value: K.status,
-											onValueChange: (e) => q({
-												...K,
+										}), /* @__PURE__ */ y(w, {
+											value: G.status,
+											onValueChange: (e) => K({
+												...G,
 												status: e
 											}),
-											children: [/* @__PURE__ */ g(D, {
+											children: [/* @__PURE__ */ v(D, {
 												id: "assetStatus",
-												children: /* @__PURE__ */ g(O, {})
-											}), /* @__PURE__ */ g(T, { children: k.filter((e) => e.value !== "ALL").map((e) => /* @__PURE__ */ g(E, {
+												children: /* @__PURE__ */ v(O, {})
+											}), /* @__PURE__ */ v(T, { children: k.filter((e) => e.value !== "ALL").map((e) => /* @__PURE__ */ v(E, {
 												value: e.value,
 												children: e.label
 											}, e.value)) })]
@@ -422,112 +430,112 @@ function F() {
 									})
 								]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ g(b, {
+								children: [/* @__PURE__ */ v(S, {
 									htmlFor: "assetLocation",
 									children: "Location"
-								}), /* @__PURE__ */ g(y, {
+								}), /* @__PURE__ */ v(x, {
 									id: "assetLocation",
-									value: K.location,
-									onChange: (e) => q({
-										...K,
+									value: G.location,
+									onChange: (e) => K({
+										...G,
 										location: e.target.value
 									}),
 									placeholder: "Basra, Iraq"
 								})]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ _("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ g(b, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "assetLat",
 										children: "Latitude"
-									}), /* @__PURE__ */ g(y, {
+									}), /* @__PURE__ */ v(x, {
 										id: "assetLat",
 										type: "number",
 										step: "any",
-										value: K.latitude,
-										onChange: (e) => q({
-											...K,
+										value: G.latitude,
+										onChange: (e) => K({
+											...G,
 											latitude: e.target.value
 										}),
 										placeholder: "30.5085"
 									})]
-								}), /* @__PURE__ */ _("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ g(b, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "assetLng",
 										children: "Longitude"
-									}), /* @__PURE__ */ g(y, {
+									}), /* @__PURE__ */ v(x, {
 										id: "assetLng",
 										type: "number",
 										step: "any",
-										value: K.longitude,
-										onChange: (e) => q({
-											...K,
+										value: G.longitude,
+										onChange: (e) => K({
+											...G,
 											longitude: e.target.value
 										}),
 										placeholder: "47.7804"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid gap-2 sm:grid-cols-3",
 								children: [
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid gap-1.5 sm:col-span-1",
-										children: [/* @__PURE__ */ g(b, {
+										children: [/* @__PURE__ */ v(S, {
 											htmlFor: "assetCapacity",
 											children: "Capacity / day"
-										}), /* @__PURE__ */ g(y, {
+										}), /* @__PURE__ */ v(x, {
 											id: "assetCapacity",
 											type: "number",
 											min: "0",
 											step: "any",
-											value: K.capacityPerDay,
-											onChange: (e) => q({
-												...K,
+											value: G.capacityPerDay,
+											onChange: (e) => K({
+												...G,
 												capacityPerDay: e.target.value
 											}),
 											placeholder: "120000"
 										})]
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ g(b, {
+										children: [/* @__PURE__ */ v(S, {
 											htmlFor: "assetUnit",
 											children: "Capacity unit"
-										}), /* @__PURE__ */ _(w, {
-											value: K.capacityUnit,
-											onValueChange: (e) => q({
-												...K,
+										}), /* @__PURE__ */ y(w, {
+											value: G.capacityUnit,
+											onValueChange: (e) => K({
+												...G,
 												capacityUnit: e
 											}),
-											children: [/* @__PURE__ */ g(D, {
+											children: [/* @__PURE__ */ v(D, {
 												id: "assetUnit",
-												children: /* @__PURE__ */ g(O, {})
-											}), /* @__PURE__ */ g(T, { children: M.map((e) => /* @__PURE__ */ g(E, {
+												children: /* @__PURE__ */ v(O, {})
+											}), /* @__PURE__ */ v(T, { children: M.map((e) => /* @__PURE__ */ v(E, {
 												value: e,
-												children: n(e)
+												children: t(e)
 											}, e)) })]
 										})]
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ g(b, {
+										children: [/* @__PURE__ */ v(S, {
 											htmlFor: "assetWi",
 											children: "Working interest (%)"
-										}), /* @__PURE__ */ g(y, {
+										}), /* @__PURE__ */ v(x, {
 											id: "assetWi",
 											type: "number",
 											min: "0",
 											max: "100",
 											step: "any",
-											value: K.workingInterestPct,
-											onChange: (e) => q({
-												...K,
+											value: G.workingInterestPct,
+											onChange: (e) => K({
+												...G,
 												workingInterestPct: e.target.value
 											}),
 											placeholder: "47.5"
@@ -535,20 +543,90 @@ function F() {
 									})
 								]
 							}),
-							J && /* @__PURE__ */ g("p", {
+							/* @__PURE__ */ y("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ y("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ v(S, {
+										htmlFor: "assetDiscovery",
+										children: "Field discovery"
+									}), /* @__PURE__ */ v(x, {
+										id: "assetDiscovery",
+										type: "date",
+										value: G.discoveryAt,
+										onChange: (e) => K({
+											...G,
+											discoveryAt: e.target.value
+										})
+									})]
+								}), /* @__PURE__ */ y("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ v(S, {
+										htmlFor: "assetArea",
+										children: "Area (km²)"
+									}), /* @__PURE__ */ v(x, {
+										id: "assetArea",
+										type: "number",
+										min: "0",
+										step: "any",
+										value: G.area,
+										onChange: (e) => K({
+											...G,
+											area: e.target.value
+										}),
+										placeholder: "2600"
+									})]
+								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ y("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ v(S, {
+										htmlFor: "assetReservoirType",
+										children: "Reservoir type"
+									}), /* @__PURE__ */ v(x, {
+										id: "assetReservoirType",
+										value: G.reservoirType,
+										onChange: (e) => K({
+											...G,
+											reservoirType: e.target.value
+										}),
+										placeholder: "Carbonate"
+									})]
+								}), /* @__PURE__ */ y("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ v(S, {
+										htmlFor: "assetWaterDepth",
+										children: "Water depth (m)"
+									}), /* @__PURE__ */ v(x, {
+										id: "assetWaterDepth",
+										type: "number",
+										min: "0",
+										step: "any",
+										value: G.waterDepth,
+										onChange: (e) => K({
+											...G,
+											waterDepth: e.target.value
+										}),
+										placeholder: "Leave blank for onshore"
+									})]
+								})]
+							}),
+							q && /* @__PURE__ */ v("p", {
 								className: "text-sm text-status-error-text",
-								children: J
+								children: q
 							})
 						]
 					}),
-					/* @__PURE__ */ _(de, { children: [/* @__PURE__ */ g(v, {
+					/* @__PURE__ */ y(pe, { children: [/* @__PURE__ */ v(b, {
 						variant: "outline",
 						type: "button",
 						onClick: () => {
-							G(!1), $();
+							W(!1), $();
 						},
 						children: "Cancel"
-					}), /* @__PURE__ */ g(v, {
+					}), /* @__PURE__ */ v(b, {
 						type: "submit",
 						form: "createAssetForm",
 						disabled: Z.isPending,