@burdenoff/microfe-theglobalfuel 2026.705.5 → 2026.709.2

package/dist/theglobalfuel/pages/compliance/CompliancePage.js

@@ -1,30 +1,32 @@
 import { useTheGlobalFuel as e } from "../../context/TheGlobalFuelContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { MetricsCard as n } from "../../components/MetricsCard.js";
-import { formatDate as r, formatEnumLabel as i, isExpired as ee, toBackendDate as te } from "../../utils/formatters.js";
-import { StatusBadge as a } from "../../components/StatusBadge.js";
-import { DataTable as ne } from "../../components/DataTable.js";
-import { ErrorView as re, LoadingView as ie } from "../../components/StateViews.js";
-import { EmptyState as ae } from "../../components/EmptyState.js";
+import { formatDate as r, formatEnumLabel as i, isExpired as a, toBackendDate as o } from "../../utils/formatters.js";
+import { StatusBadge as s } 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 "../../context/index.js";
-import { useTheAssets as oe, useTheComplianceCerts as o, useTheCreateComplianceCert as se, useTheTransitionComplianceCert as ce } from "../../hooks/useTheGlobalFuelApi.js";
-import { useCursorPager as le } from "../../hooks/useCursorPager.js";
-import { useNotify as ue } from "../../hooks/useNotify.js";
+import { useTheAssets as ie, useTheComplianceCerts as c, useTheCreateComplianceCert as ae, useTheTransitionComplianceCert as oe } from "../../hooks/useTheGlobalFuelApi.js";
+import { useCursorPager as se } from "../../hooks/useCursorPager.js";
+import { useNotify as ce } from "../../hooks/useNotify.js";
+import { useThePageView as le } from "../../hooks/useThePageView.js";
+import { useTheTranslation as ue } from "../../hooks/useTheTranslation.js";
 import "../../hooks/index.js";
 import { COMPLIANCE_TRANSITIONS as de, nextStatuses as fe } from "../../utils/transitions.js";
 import { FilterTabs as pe } from "../../components/FilterTabs.js";
 import { Pagination as me } from "../../components/Pagination.js";
 import { EvidenceUpload as he } from "../../components/EvidenceUpload.js";
-import { FileLink as s } from "../../components/FileLink.js";
+import { FileLink as l } from "../../components/FileLink.js";
 import { TheDiscussion as ge } from "../../components/TheDiscussion.js";
 import { TheTags as _e } from "../../components/TheTags.js";
 import "../../components/index.js";
-import { useMemo as c, useState as l } from "react";
-import { AlertTriangle as ve, BadgeCheck as ye, Clock as u, Info as be, Plus as d, ScrollText as xe } from "lucide-react";
-import { Fragment as Se, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Button as m, Input as h, Label as g, ResponsiveDialog as _, ResponsiveDialogContent as v, ResponsiveDialogDescription as y, ResponsiveDialogFooter as b, ResponsiveDialogHeader as x, ResponsiveDialogTitle as S, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D, Textarea as Ce } from "@burdenoff/fe-libs/ui";
+import { useMemo as u, useState as d } from "react";
+import { AlertTriangle as f, BadgeCheck as ve, Clock as ye, Info as be, Plus as xe, ScrollText as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, Input as v, Label as y, ResponsiveDialog as b, ResponsiveDialogContent as x, ResponsiveDialogDescription as S, ResponsiveDialogFooter as Se, ResponsiveDialogHeader as Ce, ResponsiveDialogTitle as we, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D, Textarea as Te } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/pages/compliance/CompliancePage.tsx
-var we = [
+var Ee = [
 	{
 		value: "ALL",
 		label: "All"
@@ -80,150 +82,152 @@ var M = {
 	notes: ""
 };
 function N() {
-	let { currentUser: k } = e(), N = ue(), [P, Te] = l("ALL"), [F, Ee] = l("ALL"), [I, De] = l("ALL"), L = le(), [Oe, R] = l(!1), [z, B] = l(M), [V, H] = l(null), [U, W] = l(null), [ke, G] = l(null), [K, q] = l(null), [Ae, J] = l(!1), Y = oe({ pagination: { limit: 100 } }).data?.items ?? [], je = o(void 0, void 0, void 0, { limit: 200 }), { data: X, isLoading: Me, isError: Ne, refetch: Pe } = o(I === "ALL" ? void 0 : I, F === "ALL" ? void 0 : F, P === "ALL" ? void 0 : P, {
+	le("compliance");
+	let k = ue(), { currentUser: N } = e(), P = ce(), [F, De] = d("ALL"), [I, Oe] = d("ALL"), [L, ke] = d("ALL"), R = se(), [Ae, z] = d(!1), [B, V] = d(M), [H, U] = d(null), [W, G] = d(null), [je, Me] = d(null), [K, Ne] = d(null), [Pe, q] = d(!1), J = ie({ pagination: { limit: 100 } }).data?.items ?? [], Y = c(void 0, void 0, void 0, { limit: 200 }), { data: X, isLoading: Fe, isError: Ie, refetch: Le } = c(L === "ALL" ? void 0 : L, I === "ALL" ? void 0 : I, F === "ALL" ? void 0 : F, {
 		limit: A,
-		offset: L.page * A
-	}), Z = se(), Fe = ce(), Q = c(() => X?.items ?? [], [X]), Ie = P !== "ALL" || F !== "ALL" || I !== "ALL", $ = c(() => je.data?.items ?? [], [je.data]), Le = $.length, Re = $.filter((e) => e.status === "APPROVED").length, ze = $.filter((e) => e.status === "PENDING").length, Be = $.filter((e) => e.status === "EXPIRED" || ee(e.expiresAt) || j(e.expiresAt)).length, Ve = c(() => {
+		offset: R.page * A
+	}), Z = ae(), Re = oe(), Q = u(() => X?.items ?? [], [X]), ze = F !== "ALL" || I !== "ALL" || L !== "ALL", $ = u(() => Y.data?.items ?? [], [Y.data]), Be = $.length, Ve = $.filter((e) => e.status === "APPROVED").length, He = $.filter((e) => e.status === "PENDING").length, Ue = $.filter((e) => e.status === "EXPIRED" || a(e.expiresAt) || j(e.expiresAt)).length, We = u(() => {
 		let e = {};
 		for (let t of $) e[t.status] = (e[t.status] ?? 0) + 1;
 		return e;
-	}, [$]), He = we.map((e) => ({
+	}, [$]), Ge = Ee.map((e) => ({
 		...e,
-		count: e.value === "ALL" ? Le : Ve[e.value] ?? 0
-	})), Ue = () => {
-		B(M), H(null), W(null);
-	}, We = async () => {
-		if (!z.title.trim()) {
-			W("A certification title is required.");
+		count: e.value === "ALL" ? Be : We[e.value] ?? 0
+	})), Ke = () => {
+		V(M), U(null), G(null);
+	}, qe = async () => {
+		if (!B.title.trim()) {
+			G("A certification title is required.");
 			return;
 		}
-		W(null);
+		G(null);
 		try {
 			await Z.mutateAsync({
-				title: z.title.trim(),
-				category: z.category,
-				assetId: z.assetId || null,
-				authority: z.authority.trim() || null,
-				certNumber: z.certNumber.trim() || null,
-				ownerId: k?.id || null,
-				issuedAt: te(z.issuedAt) ?? null,
-				expiresAt: te(z.expiresAt) ?? null,
-				evidenceFileId: V?.fileId ?? null,
-				notes: z.notes.trim() || null
-			}), N.success("Certification created"), R(!1), Ue();
+				title: B.title.trim(),
+				category: B.category,
+				assetId: B.assetId || null,
+				authority: B.authority.trim() || null,
+				certNumber: B.certNumber.trim() || null,
+				ownerId: N?.id || null,
+				issuedAt: o(B.issuedAt) ?? null,
+				expiresAt: o(B.expiresAt) ?? null,
+				evidenceFileId: H?.fileId ?? null,
+				notes: B.notes.trim() || null
+			}), P.success("Certification created"), z(!1), Ke();
 		} catch (e) {
-			N.fromError(e), W(e instanceof Error ? e.message : "Failed to create certification.");
+			P.fromError(e), G(e instanceof Error ? e.message : "Failed to create certification.");
 		}
 	};
-	return /* @__PURE__ */ p(t, {
-		title: "Compliance",
-		description: "Licenses, permits & certifications — issuance, expiry & audit evidence across the resource portfolio.",
-		actions: /* @__PURE__ */ p(m, {
-			onClick: () => R(!0),
-			children: [/* @__PURE__ */ f(d, { className: "mr-1.5 h-4 w-4" }), " New certification"]
+	return /* @__PURE__ */ g(t, {
+		title: k("theglobalfuel.pages.compliance.title", "Compliance"),
+		description: k("theglobalfuel.pages.compliance.description", "Licenses, permits & certifications — issuance, expiry & audit evidence across the resource portfolio."),
+		dataTour: "theglobalfuel-compliance-page",
+		actions: /* @__PURE__ */ g(_, {
+			onClick: () => z(!0),
+			children: [/* @__PURE__ */ h(xe, { className: "mr-1.5 h-4 w-4" }), " New certification"]
 		}),
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ f(n, {
-						icon: /* @__PURE__ */ f(xe, { className: "h-5 w-5" }),
-						value: Le,
+					/* @__PURE__ */ h(n, {
+						icon: /* @__PURE__ */ h(p, { className: "h-5 w-5" }),
+						value: Be,
 						label: "Total certifications",
 						featured: !0
 					}),
-					/* @__PURE__ */ f(n, {
-						icon: /* @__PURE__ */ f(ye, { className: "h-5 w-5" }),
-						value: Re,
+					/* @__PURE__ */ h(n, {
+						icon: /* @__PURE__ */ h(ve, { className: "h-5 w-5" }),
+						value: Ve,
 						label: "Approved",
 						accent: "success"
 					}),
-					/* @__PURE__ */ f(n, {
-						icon: /* @__PURE__ */ f(u, { className: "h-5 w-5" }),
-						value: ze,
+					/* @__PURE__ */ h(n, {
+						icon: /* @__PURE__ */ h(ye, { className: "h-5 w-5" }),
+						value: He,
 						label: "Pending"
 					}),
-					/* @__PURE__ */ f(n, {
-						icon: /* @__PURE__ */ f(ve, { className: "h-5 w-5" }),
-						value: Be,
+					/* @__PURE__ */ h(n, {
+						icon: /* @__PURE__ */ h(f, { className: "h-5 w-5" }),
+						value: Ue,
 						label: "Expired / expiring",
 						accent: "warning",
-						pill: Be > 0 ? /* @__PURE__ */ f("span", {
+						pill: Ue > 0 ? /* @__PURE__ */ h("span", {
 							className: "rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text",
 							children: "Action needed"
 						}) : void 0
 					})
 				]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ g("div", {
 				className: "mb-5 mt-6 flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ f(pe, {
-						options: He,
-						value: P,
+					/* @__PURE__ */ h(pe, {
+						options: Ge,
+						value: F,
 						onChange: (e) => {
-							Te(e), L.reset();
+							De(e), R.reset();
 						}
 					}),
-					/* @__PURE__ */ p(C, {
-						value: F,
+					/* @__PURE__ */ g(C, {
+						value: I,
 						onValueChange: (e) => {
-							Ee(e), L.reset();
+							Oe(e), R.reset();
 						},
-						children: [/* @__PURE__ */ f(E, {
+						children: [/* @__PURE__ */ h(E, {
 							className: "w-52",
 							"aria-label": "Filter by category",
-							children: /* @__PURE__ */ f(D, { placeholder: "All categories" })
-						}), /* @__PURE__ */ p(w, { children: [/* @__PURE__ */ f(T, {
+							children: /* @__PURE__ */ h(D, { placeholder: "All categories" })
+						}), /* @__PURE__ */ g(w, { children: [/* @__PURE__ */ h(T, {
 							value: "ALL",
 							children: "All categories"
-						}), O.map((e) => /* @__PURE__ */ f(T, {
+						}), O.map((e) => /* @__PURE__ */ h(T, {
 							value: e,
 							children: i(e)
 						}, e))] })]
 					}),
-					/* @__PURE__ */ p(C, {
-						value: I,
+					/* @__PURE__ */ g(C, {
+						value: L,
 						onValueChange: (e) => {
-							De(e), L.reset();
+							ke(e), R.reset();
 						},
-						children: [/* @__PURE__ */ f(E, {
+						children: [/* @__PURE__ */ h(E, {
 							className: "w-52",
 							"aria-label": "Filter by asset",
-							children: /* @__PURE__ */ f(D, { placeholder: "All assets" })
-						}), /* @__PURE__ */ p(w, { children: [/* @__PURE__ */ f(T, {
+							children: /* @__PURE__ */ h(D, { placeholder: "All assets" })
+						}), /* @__PURE__ */ g(w, { children: [/* @__PURE__ */ h(T, {
 							value: "ALL",
 							children: "All assets"
-						}), Y.map((e) => /* @__PURE__ */ f(T, {
+						}), J.map((e) => /* @__PURE__ */ h(T, {
 							value: e.id,
 							children: e.name
 						}, e.id))] })]
 					})
 				]
 			}),
-			Me ? /* @__PURE__ */ f(ie, { label: "Loading certifications…" }) : Ne ? /* @__PURE__ */ f(re, {
+			Fe ? /* @__PURE__ */ h(ne, { label: "Loading certifications…" }) : Ie ? /* @__PURE__ */ h(te, {
 				message: "Couldn't load certifications.",
-				onRetry: () => Pe()
-			}) : Q.length === 0 ? /* @__PURE__ */ f(ae, {
+				onRetry: () => Le()
+			}) : Q.length === 0 ? /* @__PURE__ */ h(re, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ f(xe, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ h(p, { className: "h-10 w-10" }),
 				title: "No certifications yet",
-				description: Ie ? "No certifications match these filters." : "Register your first license, permit or certification to track issuance, expiry and audit evidence.",
-				action: Ie ? void 0 : /* @__PURE__ */ p(m, {
-					onClick: () => R(!0),
-					children: [/* @__PURE__ */ f(d, { className: "mr-1.5 h-4 w-4" }), " New certification"]
+				description: ze ? "No certifications match these filters." : "Register your first license, permit or certification to track issuance, expiry and audit evidence.",
+				action: ze ? void 0 : /* @__PURE__ */ g(_, {
+					onClick: () => z(!0),
+					children: [/* @__PURE__ */ h(xe, { className: "mr-1.5 h-4 w-4" }), " New certification"]
 				})
-			}) : /* @__PURE__ */ p(Se, { children: [/* @__PURE__ */ f(ne, {
+			}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(ee, {
 				columns: [
 					{
 						key: "title",
 						header: "Certification",
-						render: (e) => /* @__PURE__ */ p("div", {
+						render: (e) => /* @__PURE__ */ g("div", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ f("p", {
+							children: [/* @__PURE__ */ h("p", {
 								className: "truncate font-semibold text-text-primary",
 								children: e.title
-							}), /* @__PURE__ */ f("p", {
+							}), /* @__PURE__ */ h("p", {
 								className: "truncate text-xs text-text-tertiary",
 								children: i(e.category)
 							})]
@@ -233,7 +237,7 @@ function N() {
 						key: "category",
 						header: "Category",
 						hideOnMobile: !0,
-						render: (e) => /* @__PURE__ */ f("span", {
+						render: (e) => /* @__PURE__ */ h("span", {
 							className: "text-text-secondary",
 							children: i(e.category)
 						})
@@ -241,16 +245,16 @@ function N() {
 					{
 						key: "status",
 						header: "Status",
-						render: (e) => /* @__PURE__ */ f(a, { status: e.status })
+						render: (e) => /* @__PURE__ */ h(s, { status: e.status })
 					},
 					{
 						key: "authority",
 						header: "Authority",
 						hideOnMobile: !0,
-						render: (e) => e.authority ? /* @__PURE__ */ f("span", {
+						render: (e) => e.authority ? /* @__PURE__ */ h("span", {
 							className: "text-text-secondary",
 							children: e.authority
-						}) : /* @__PURE__ */ f("span", {
+						}) : /* @__PURE__ */ h("span", {
 							className: "text-text-tertiary",
 							children: "—"
 						})
@@ -259,10 +263,10 @@ function N() {
 						key: "certNumber",
 						header: "Cert. no.",
 						hideOnMobile: !0,
-						render: (e) => e.certNumber ? /* @__PURE__ */ f("span", {
+						render: (e) => e.certNumber ? /* @__PURE__ */ h("span", {
 							className: "tabular-nums text-text-secondary",
 							children: e.certNumber
-						}) : /* @__PURE__ */ f("span", {
+						}) : /* @__PURE__ */ h("span", {
 							className: "text-text-tertiary",
 							children: "—"
 						})
@@ -272,7 +276,7 @@ function N() {
 						header: "Issued",
 						align: "right",
 						hideOnMobile: !0,
-						render: (e) => /* @__PURE__ */ f("span", {
+						render: (e) => /* @__PURE__ */ h("span", {
 							className: "text-text-tertiary",
 							children: r(e.issuedAt)
 						})
@@ -282,25 +286,25 @@ function N() {
 						header: "Expires",
 						align: "right",
 						render: (e) => {
-							if (!e.expiresAt) return /* @__PURE__ */ f("span", {
+							if (!e.expiresAt) return /* @__PURE__ */ h("span", {
 								className: "text-text-tertiary",
 								children: "—"
 							});
-							let t = ee(e.expiresAt), n = !t && j(e.expiresAt);
-							return /* @__PURE__ */ p("div", {
+							let t = a(e.expiresAt), n = !t && j(e.expiresAt);
+							return /* @__PURE__ */ g("div", {
 								className: "flex items-center justify-end gap-2",
-								children: [/* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ h("span", {
 									className: "tabular-nums text-text-secondary",
 									children: r(e.expiresAt)
-								}), t ? /* @__PURE__ */ p("span", {
+								}), t ? /* @__PURE__ */ g("span", {
 									className: "inline-flex items-center gap-1 rounded-full bg-status-error-bg-subtle px-2 py-0.5 text-xs font-medium text-status-error-text",
-									children: [/* @__PURE__ */ f(ve, {
+									children: [/* @__PURE__ */ h(f, {
 										className: "h-3 w-3",
 										"aria-hidden": "true"
 									}), " Expired"]
-								}) : n ? /* @__PURE__ */ p("span", {
+								}) : n ? /* @__PURE__ */ g("span", {
 									className: "inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text",
-									children: [/* @__PURE__ */ f(u, {
+									children: [/* @__PURE__ */ h(ye, {
 										className: "h-3 w-3",
 										"aria-hidden": "true"
 									}), " Expiring soon"]
@@ -312,7 +316,7 @@ function N() {
 						key: "evidence",
 						header: "Evidence",
 						hideOnMobile: !0,
-						render: (e) => e.evidence?.id ? /* @__PURE__ */ f(s, { fileId: e.evidence.id }) : /* @__PURE__ */ f("span", {
+						render: (e) => e.evidence?.id ? /* @__PURE__ */ h(l, { fileId: e.evidence.id }) : /* @__PURE__ */ h("span", {
 							className: "text-text-tertiary",
 							children: "—"
 						})
@@ -321,14 +325,14 @@ function N() {
 						key: "details",
 						header: "",
 						align: "right",
-						render: (e) => /* @__PURE__ */ p(m, {
+						render: (e) => /* @__PURE__ */ g(_, {
 							size: "sm",
 							variant: "ghost",
 							onClick: () => {
-								q(e), J(!0);
+								Ne(e), q(!0);
 							},
 							"aria-label": `View details for ${e.title}`,
-							children: [/* @__PURE__ */ f(be, { className: "h-4 w-4" }), /* @__PURE__ */ f("span", {
+							children: [/* @__PURE__ */ h(be, { className: "h-4 w-4" }), /* @__PURE__ */ h("span", {
 								className: "ml-1.5 hidden sm:inline",
 								children: "Details"
 							})]
@@ -340,24 +344,24 @@ function N() {
 						align: "right",
 						render: (e) => {
 							let t = fe(de, e.status), n = t.length === 0;
-							return /* @__PURE__ */ p(C, {
+							return /* @__PURE__ */ g(C, {
 								value: e.status,
-								disabled: n || ke === e.id,
+								disabled: n || je === e.id,
 								onValueChange: (t) => {
-									t !== e.status && (G(e.id), Fe.mutate({
+									t !== e.status && (Me(e.id), Re.mutate({
 										id: e.id,
 										status: t
 									}, {
-										onSuccess: () => N.success(`Status updated to ${i(t)}`),
-										onError: (e) => N.fromError(e),
-										onSettled: () => G(null)
+										onSuccess: () => P.success(`Status updated to ${i(t)}`),
+										onError: (e) => P.fromError(e),
+										onSettled: () => Me(null)
 									}));
 								},
-								children: [/* @__PURE__ */ f(E, {
+								children: [/* @__PURE__ */ h(E, {
 									className: "h-8 w-36",
 									"aria-label": n ? `Status for ${e.title}` : `Change status for ${e.title}`,
-									children: /* @__PURE__ */ f(D, { placeholder: i(e.status) })
-								}), /* @__PURE__ */ f(w, { children: t.map((e) => /* @__PURE__ */ f(T, {
+									children: /* @__PURE__ */ h(D, { placeholder: i(e.status) })
+								}), /* @__PURE__ */ h(w, { children: t.map((e) => /* @__PURE__ */ h(T, {
 									value: e,
 									children: i(e)
 								}, e)) })]
@@ -367,288 +371,288 @@ function N() {
 				],
 				rows: Q,
 				rowKey: (e) => e.id
-			}), /* @__PURE__ */ f(me, {
-				page: L.page,
+			}), /* @__PURE__ */ h(me, {
+				page: R.page,
 				pageSize: A,
 				itemCount: Q.length,
 				hasMore: X?.pageInfo?.hasMore ?? !1,
-				onPageChange: L.onPageChange
+				onPageChange: R.onPageChange
 			})] }),
-			/* @__PURE__ */ f(_, {
-				open: Oe,
+			/* @__PURE__ */ h(b, {
+				open: Ae,
 				onOpenChange: (e) => {
-					R(e), e || Ue();
+					z(e), e || Ke();
 				},
-				children: /* @__PURE__ */ p(v, { children: [/* @__PURE__ */ p(x, { children: [/* @__PURE__ */ f(S, { children: "New certification" }), /* @__PURE__ */ f(y, { children: "Register a license, permit or certification and attach its supporting evidence." })] }), /* @__PURE__ */ p("form", {
+				children: /* @__PURE__ */ g(x, { children: [/* @__PURE__ */ g(Ce, { children: [/* @__PURE__ */ h(we, { children: "New certification" }), /* @__PURE__ */ h(S, { children: "Register a license, permit or certification and attach its supporting evidence." })] }), /* @__PURE__ */ g("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), We();
+						e.preventDefault(), qe();
 					},
-					children: [/* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ g("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ f(g, {
+								children: [/* @__PURE__ */ h(y, {
 									htmlFor: "ccTitle",
 									children: "Title *"
-								}), /* @__PURE__ */ f(h, {
+								}), /* @__PURE__ */ h(v, {
 									id: "ccTitle",
-									value: z.title,
-									onChange: (e) => B({
-										...z,
+									value: B.title,
+									onChange: (e) => V({
+										...B,
 										title: e.target.value
 									}),
 									placeholder: "Block 7 extraction license"
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ g("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ p("div", {
+								children: [/* @__PURE__ */ g("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ f(g, {
+									children: [/* @__PURE__ */ h(y, {
 										htmlFor: "ccCategory",
 										children: "Category"
-									}), /* @__PURE__ */ p(C, {
-										value: z.category,
-										onValueChange: (e) => B({
-											...z,
+									}), /* @__PURE__ */ g(C, {
+										value: B.category,
+										onValueChange: (e) => V({
+											...B,
 											category: e
 										}),
-										children: [/* @__PURE__ */ f(E, {
+										children: [/* @__PURE__ */ h(E, {
 											id: "ccCategory",
-											children: /* @__PURE__ */ f(D, {})
-										}), /* @__PURE__ */ f(w, { children: O.map((e) => /* @__PURE__ */ f(T, {
+											children: /* @__PURE__ */ h(D, {})
+										}), /* @__PURE__ */ h(w, { children: O.map((e) => /* @__PURE__ */ h(T, {
 											value: e,
 											children: i(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ p("div", {
+								}), /* @__PURE__ */ g("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ f(g, {
+									children: [/* @__PURE__ */ h(y, {
 										htmlFor: "ccAsset",
 										children: "Asset"
-									}), /* @__PURE__ */ p(C, {
-										value: z.assetId,
-										onValueChange: (e) => B({
-											...z,
+									}), /* @__PURE__ */ g(C, {
+										value: B.assetId,
+										onValueChange: (e) => V({
+											...B,
 											assetId: e
 										}),
-										children: [/* @__PURE__ */ f(E, {
+										children: [/* @__PURE__ */ h(E, {
 											id: "ccAsset",
-											children: /* @__PURE__ */ f(D, { placeholder: "Optional" })
-										}), /* @__PURE__ */ f(w, { children: Y.map((e) => /* @__PURE__ */ f(T, {
+											children: /* @__PURE__ */ h(D, { placeholder: "Optional" })
+										}), /* @__PURE__ */ h(w, { children: J.map((e) => /* @__PURE__ */ h(T, {
 											value: e.id,
 											children: e.name
 										}, e.id)) })]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ g("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ p("div", {
+								children: [/* @__PURE__ */ g("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ f(g, {
+									children: [/* @__PURE__ */ h(y, {
 										htmlFor: "ccAuthority",
 										children: "Issuing authority"
-									}), /* @__PURE__ */ f(h, {
+									}), /* @__PURE__ */ h(v, {
 										id: "ccAuthority",
-										value: z.authority,
-										onChange: (e) => B({
-											...z,
+										value: B.authority,
+										onChange: (e) => V({
+											...B,
 											authority: e.target.value
 										}),
 										placeholder: "Ministry of Petroleum & Natural Gas"
 									})]
-								}), /* @__PURE__ */ p("div", {
+								}), /* @__PURE__ */ g("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ f(g, {
+									children: [/* @__PURE__ */ h(y, {
 										htmlFor: "ccNumber",
 										children: "Certificate number"
-									}), /* @__PURE__ */ f(h, {
+									}), /* @__PURE__ */ h(v, {
 										id: "ccNumber",
-										value: z.certNumber,
-										onChange: (e) => B({
-											...z,
+										value: B.certNumber,
+										onChange: (e) => V({
+											...B,
 											certNumber: e.target.value
 										}),
 										placeholder: "EXT-2026-00471"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ g("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ p("div", {
+								children: [/* @__PURE__ */ g("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ f(g, {
+									children: [/* @__PURE__ */ h(y, {
 										htmlFor: "ccIssued",
 										children: "Issued"
-									}), /* @__PURE__ */ f(h, {
+									}), /* @__PURE__ */ h(v, {
 										id: "ccIssued",
 										type: "date",
-										value: z.issuedAt,
-										onChange: (e) => B({
-											...z,
+										value: B.issuedAt,
+										onChange: (e) => V({
+											...B,
 											issuedAt: e.target.value
 										})
 									})]
-								}), /* @__PURE__ */ p("div", {
+								}), /* @__PURE__ */ g("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ f(g, {
+									children: [/* @__PURE__ */ h(y, {
 										htmlFor: "ccExpires",
 										children: "Expires"
-									}), /* @__PURE__ */ f(h, {
+									}), /* @__PURE__ */ h(v, {
 										id: "ccExpires",
 										type: "date",
-										value: z.expiresAt,
-										onChange: (e) => B({
-											...z,
+										value: B.expiresAt,
+										onChange: (e) => V({
+											...B,
 											expiresAt: e.target.value
 										})
 									})]
 								})]
 							}),
-							/* @__PURE__ */ f(he, {
+							/* @__PURE__ */ h(he, {
 								id: "evidence",
 								label: "Evidence document",
 								accept: "image/*,application/pdf",
-								value: V,
-								onChange: H,
+								value: H,
+								onChange: U,
 								hint: "Attach the signed certificate, permit or audit report (PDF or image)."
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ g("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ f(g, {
+								children: [/* @__PURE__ */ h(y, {
 									htmlFor: "ccNotes",
 									children: "Notes"
-								}), /* @__PURE__ */ f(Ce, {
+								}), /* @__PURE__ */ h(Te, {
 									id: "ccNotes",
 									rows: 2,
-									value: z.notes,
-									onChange: (e) => B({
-										...z,
+									value: B.notes,
+									onChange: (e) => V({
+										...B,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about scope, conditions or renewal."
 								})]
 							}),
-							U && /* @__PURE__ */ f("p", {
+							W && /* @__PURE__ */ h("p", {
 								className: "text-sm text-status-error-text",
-								children: U
+								children: W
 							})
 						]
-					}), /* @__PURE__ */ p(b, { children: [/* @__PURE__ */ f(m, {
+					}), /* @__PURE__ */ g(Se, { children: [/* @__PURE__ */ h(_, {
 						type: "button",
 						variant: "outline",
-						onClick: () => R(!1),
+						onClick: () => z(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ f(m, {
+					}), /* @__PURE__ */ h(_, {
 						type: "submit",
 						disabled: Z.isPending,
 						children: Z.isPending ? "Creating…" : "Create certification"
 					})] })]
 				})] })
 			}),
-			/* @__PURE__ */ f(_, {
-				open: Ae,
+			/* @__PURE__ */ h(b, {
+				open: Pe,
 				onOpenChange: (e) => {
-					J(e), e || q(null);
+					q(e), e || Ne(null);
 				},
-				children: /* @__PURE__ */ f(v, {
+				children: /* @__PURE__ */ h(x, {
 					className: "sm:max-w-xl",
-					children: K && /* @__PURE__ */ p(Se, { children: [
-						/* @__PURE__ */ p(x, { children: [/* @__PURE__ */ f(S, { children: K.title }), /* @__PURE__ */ f(y, { children: i(K.category) })] }),
-						/* @__PURE__ */ p("div", {
+					children: K && /* @__PURE__ */ g(m, { children: [
+						/* @__PURE__ */ g(Ce, { children: [/* @__PURE__ */ h(we, { children: K.title }), /* @__PURE__ */ h(S, { children: i(K.category) })] }),
+						/* @__PURE__ */ g("div", {
 							className: "max-h-[70vh] space-y-6 overflow-y-auto py-2",
 							children: [
-								/* @__PURE__ */ p("dl", {
+								/* @__PURE__ */ g("dl", {
 									className: "grid grid-cols-2 gap-x-4 gap-y-3 text-sm",
 									children: [
-										/* @__PURE__ */ p("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1",
-											children: [/* @__PURE__ */ f("dt", {
+											children: [/* @__PURE__ */ h("dt", {
 												className: "text-xs text-text-tertiary",
 												children: "Status"
-											}), /* @__PURE__ */ f("dd", { children: /* @__PURE__ */ f(a, { status: K.status }) })]
+											}), /* @__PURE__ */ h("dd", { children: /* @__PURE__ */ h(s, { status: K.status }) })]
 										}),
-										/* @__PURE__ */ p("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1",
-											children: [/* @__PURE__ */ f("dt", {
+											children: [/* @__PURE__ */ h("dt", {
 												className: "text-xs text-text-tertiary",
 												children: "Asset"
-											}), /* @__PURE__ */ f("dd", {
+											}), /* @__PURE__ */ h("dd", {
 												className: "text-text-secondary",
-												children: K.assetId ? Y.find((e) => e.id === K.assetId)?.name ?? "—" : "—"
+												children: K.assetId ? J.find((e) => e.id === K.assetId)?.name ?? "—" : "—"
 											})]
 										}),
-										/* @__PURE__ */ p("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1",
-											children: [/* @__PURE__ */ f("dt", {
+											children: [/* @__PURE__ */ h("dt", {
 												className: "text-xs text-text-tertiary",
 												children: "Authority"
-											}), /* @__PURE__ */ f("dd", {
+											}), /* @__PURE__ */ h("dd", {
 												className: "text-text-secondary",
 												children: K.authority || "—"
 											})]
 										}),
-										/* @__PURE__ */ p("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1",
-											children: [/* @__PURE__ */ f("dt", {
+											children: [/* @__PURE__ */ h("dt", {
 												className: "text-xs text-text-tertiary",
 												children: "Certificate no."
-											}), /* @__PURE__ */ f("dd", {
+											}), /* @__PURE__ */ h("dd", {
 												className: "tabular-nums text-text-secondary",
 												children: K.certNumber || "—"
 											})]
 										}),
-										/* @__PURE__ */ p("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1",
-											children: [/* @__PURE__ */ f("dt", {
+											children: [/* @__PURE__ */ h("dt", {
 												className: "text-xs text-text-tertiary",
 												children: "Issued"
-											}), /* @__PURE__ */ f("dd", {
+											}), /* @__PURE__ */ h("dd", {
 												className: "text-text-secondary",
 												children: r(K.issuedAt)
 											})]
 										}),
-										/* @__PURE__ */ p("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1",
-											children: [/* @__PURE__ */ f("dt", {
+											children: [/* @__PURE__ */ h("dt", {
 												className: "text-xs text-text-tertiary",
 												children: "Expires"
-											}), /* @__PURE__ */ f("dd", {
+											}), /* @__PURE__ */ h("dd", {
 												className: "text-text-secondary",
 												children: r(K.expiresAt)
 											})]
 										}),
-										K.evidence?.id && /* @__PURE__ */ p("div", {
+										K.evidence?.id && /* @__PURE__ */ g("div", {
 											className: "col-span-2 space-y-1",
-											children: [/* @__PURE__ */ f("dt", {
+											children: [/* @__PURE__ */ h("dt", {
 												className: "text-xs text-text-tertiary",
 												children: "Evidence"
-											}), /* @__PURE__ */ f("dd", { children: /* @__PURE__ */ f(s, { fileId: K.evidence.id }) })]
+											}), /* @__PURE__ */ h("dd", { children: /* @__PURE__ */ h(l, { fileId: K.evidence.id }) })]
 										}),
-										K.notes && /* @__PURE__ */ p("div", {
+										K.notes && /* @__PURE__ */ g("div", {
 											className: "col-span-2 space-y-1",
-											children: [/* @__PURE__ */ f("dt", {
+											children: [/* @__PURE__ */ h("dt", {
 												className: "text-xs text-text-tertiary",
 												children: "Notes"
-											}), /* @__PURE__ */ f("dd", {
+											}), /* @__PURE__ */ h("dd", {
 												className: "whitespace-pre-wrap text-text-secondary",
 												children: K.notes
 											})]
 										})
 									]
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ h("div", {
 									className: "border-t border-border-seam pt-4",
-									children: /* @__PURE__ */ f(_e, {
+									children: /* @__PURE__ */ h(_e, {
 										entityType: "theglobalfuel-compliance",
 										entityId: K.id
 									})
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ h("div", {
 									className: "border-t border-border-seam pt-4",
-									children: /* @__PURE__ */ f(ge, {
+									children: /* @__PURE__ */ h(ge, {
 										entityType: "theglobalfuel-compliance",
 										entityId: K.id,
 										title: "Discussion",
@@ -657,10 +661,10 @@ function N() {
 								})
 							]
 						}),
-						/* @__PURE__ */ f(b, { children: /* @__PURE__ */ f(m, {
+						/* @__PURE__ */ h(Se, { children: /* @__PURE__ */ h(_, {
 							type: "button",
 							variant: "outline",
-							onClick: () => J(!1),
+							onClick: () => q(!1),
 							children: "Close"
 						}) })
 					] })