@burdenoff/microfe-theglobalfuel 2026.704.1 → 2026.705.2

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

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