@burdenoff/microfe-cosmicintersection 2026.1012.1 → 2026.1030.2

package/dist/cosmicintersection/pages/access/AccessPage.js

@@ -1,29 +1,30 @@
 import { notify as e } from "../../lib/toast.js";
-import { useCosAccessGrantsQuery as t, useCosDatasetsQuery as n, useCosGrantAccessMutation as ee, useCosRevokeAccessMutation as r } from "../../api/cosmicApi.js";
-import { useTr as te } from "../../../shared/hooks/useTr.js";
-import i from "../../components/ActionMenu.js";
-import ne from "../../components/EmptyState.js";
-import re from "../../components/ErrorState.js";
-import ie from "../../components/LoadingState.js";
-import ae from "../../components/EntityTagsField.js";
-import oe from "../../components/PageLayout.js";
-import a, { formatEnumLabel as o } from "../../components/StatusBadge.js";
+import { useCosAccessGrantsQuery as t, useCosDatasetsQuery as n, useCosGrantAccessMutation as ee, useCosRevokeAccessMutation as te } from "../../api/cosmicApi.js";
+import { useTr as ne } from "../../../shared/hooks/useTr.js";
+import r from "../../components/ActionMenu.js";
+import re from "../../components/EmptyState.js";
+import ie from "../../components/ErrorState.js";
+import ae from "../../components/LoadingState.js";
+import oe from "../../components/EntityTagsField.js";
+import se from "../../components/PageLayout.js";
+import i, { formatEnumLabel as ce } from "../../components/StatusBadge.js";
 import "../../components/index.js";
-import { useMemo as s, useState as c } from "react";
-import { Fragment as se, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { KeyRound as d, ShieldCheck as ce } from "lucide-react";
-import { Badge as f, Button as p, Dialog as le, DialogContent as m, DialogDescription as h, DialogFooter as g, DialogHeader as _, DialogTitle as v, Input as y, Label as b, Select as x, SelectContent as S, SelectItem as C, SelectTrigger as w, SelectValue as T, Table as ue, TableBody as de, TableCell as E, TableHead as D, TableHeader as O, TableRow as k, Textarea as fe } from "@burdenoff/fe-libs/ui";
+import { useSelectedRecord as a } from "../../lib/useSelectedRecord.js";
+import { useMemo as o, useState as s } from "react";
+import { Fragment as le, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { KeyRound as u, ShieldCheck as ue } from "lucide-react";
+import { Badge as d, Button as f, Dialog as de, DialogContent as fe, DialogDescription as p, DialogFooter as m, DialogHeader as h, DialogTitle as pe, Input as g, Label as _, Select as v, SelectContent as y, SelectItem as b, SelectTrigger as x, SelectValue as S, Table as me, TableBody as he, TableCell as C, TableHead as w, TableHeader as ge, TableRow as T, Textarea as _e } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/access/AccessPage.tsx
-var A = "ALL", pe = [
+var E = "ALL", ve = [
 	"PENDING",
 	"ACTIVE",
 	"EXPIRED",
 	"REVOKED"
 ];
-function j(e) {
+function D(e) {
 	return e === "ACTIVE" || e === "PENDING";
 }
-function M(e) {
+function O(e) {
 	if (!e) return "—";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleDateString(void 0, {
@@ -32,254 +33,266 @@ function M(e) {
 		day: "numeric"
 	});
 }
-var N = {
+var k = {
 	datasetId: "",
 	granteeId: "",
 	scopes: [],
 	reason: "",
 	expiresAt: ""
 };
-function P() {
-	let P = te(), [F, I] = c(A), [L, R] = c(A), z = n({ pagination: {
+function A() {
+	let A = ne(), { selectedId: j, select: M } = a("datasetId"), N = j ?? E, P = (e) => M(e === E ? null : e), { selectedId: F, select: ye } = a("id"), I = (e) => ye(F === e.id ? null : e.id), [L, be] = s(E), R = n({ pagination: {
 		limit: 50,
 		offset: 0
-	} }), B = s(() => z.data?.cosListDatasets.items ?? [], [z.data]), V = s(() => {
+	} }), z = o(() => R.data?.cosListDatasets.items ?? [], [R.data]), B = o(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of B) e.set(t.id, t.name);
+		for (let t of z) e.set(t.id, t.name);
 		return e;
-	}, [B]), { data: H, loading: me, error: U, refetch: W } = t({
-		datasetId: F === A ? void 0 : F,
-		status: L === A ? void 0 : L
-	}), G = s(() => H?.cosListAccessGrants ?? [], [H]), [he, { loading: K }] = ee(), [ge] = r(), [_e, q] = c(!1), [J, Y] = c(N), ve = () => {
-		Y({
-			...N,
-			datasetId: F === A ? "" : F
-		}), q(!0);
+	}, [z]), { data: V, loading: xe, error: H, refetch: U } = t({
+		datasetId: N === E ? void 0 : N,
+		status: L === E ? void 0 : L
+	}), W = o(() => V?.cosListAccessGrants ?? [], [V]), [Se, { loading: G }] = ee(), [Ce] = te(), [we, K] = s(!1), [q, J] = s(k), Y = () => {
+		J({
+			...k,
+			datasetId: N === E ? "" : N
+		}), K(!0);
 	}, X = (e, t) => {
-		Y((n) => ({
+		J((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, ye = async () => {
-		if (!J.datasetId) {
-			e.error(P("cosmicintersection.pages.access.datasetRequired", "Dataset is required"), P("cosmicintersection.pages.access.datasetRequiredDescription", "Choose which dataset this grant applies to."));
+	}, Te = async () => {
+		if (!q.datasetId) {
+			e.error(A("cosmicintersection.pages.access.datasetRequired", "Dataset is required"), A("cosmicintersection.pages.access.datasetRequiredDescription", "Choose which dataset this grant applies to."));
 			return;
 		}
-		if (!J.granteeId.trim()) {
-			e.error(P("cosmicintersection.pages.access.granteeRequired", "Grantee is required"), P("cosmicintersection.pages.access.granteeRequiredDescription", "Enter the workspace User ID to grant access to."));
+		if (!q.granteeId.trim()) {
+			e.error(A("cosmicintersection.pages.access.granteeRequired", "Grantee is required"), A("cosmicintersection.pages.access.granteeRequiredDescription", "Enter the workspace User ID to grant access to."));
 			return;
 		}
 		let t;
-		if (J.expiresAt) {
-			let n = new Date(J.expiresAt);
+		if (q.expiresAt) {
+			let n = new Date(q.expiresAt);
 			if (Number.isNaN(n.getTime())) {
-				e.error(P("cosmicintersection.pages.access.invalidExpiry", "Invalid expiry"), P("cosmicintersection.pages.access.invalidExpiryDescription", "Enter a valid expiry date or leave it blank."));
+				e.error(A("cosmicintersection.pages.access.invalidExpiry", "Invalid expiry"), A("cosmicintersection.pages.access.invalidExpiryDescription", "Enter a valid expiry date or leave it blank."));
 				return;
 			}
 			t = n.toISOString();
 		}
-		(await he({ variables: { input: {
-			datasetId: J.datasetId,
-			granteeId: J.granteeId.trim(),
-			scopes: J.scopes.length ? J.scopes : void 0,
-			reason: J.reason.trim() || void 0,
+		(await Se({ variables: { input: {
+			datasetId: q.datasetId,
+			granteeId: q.granteeId.trim(),
+			scopes: q.scopes.length ? q.scopes : void 0,
+			reason: q.reason.trim() || void 0,
 			expiresAt: t
-		} } })).data?.cosGrantAccess?.id && (e.success(P("cosmicintersection.pages.access.accessGranted", "Access granted")), q(!1), Y(N), await W());
+		} } })).data?.cosGrantAccess?.id && (e.success(A("cosmicintersection.pages.access.accessGranted", "Access granted")), K(!1), J(k), await U());
 	}, Z = async (t) => {
-		let n = await ge({ variables: { id: t.id } });
+		let n = await Ce({ variables: { id: t.id } });
 		if (n.error) throw Error(n.error.message);
-		if (!n.data?.cosRevokeAccess?.id) throw e.error(P("cosmicintersection.pages.access.revokeError", "Could not revoke grant"), P("cosmicintersection.pages.access.revokeErrorDescription", "The server did not confirm the change.")), Error("Revoke not confirmed");
-		e.success(P("cosmicintersection.pages.access.accessRevoked", "Access revoked")), await W();
-	}, Q = /* @__PURE__ */ u(p, {
+		if (!n.data?.cosRevokeAccess?.id) throw e.error(A("cosmicintersection.pages.access.revokeError", "Could not revoke grant"), A("cosmicintersection.pages.access.revokeErrorDescription", "The server did not confirm the change.")), Error("Revoke not confirmed");
+		e.success(A("cosmicintersection.pages.access.accessRevoked", "Access revoked")), await U();
+	}, Q = /* @__PURE__ */ l(f, {
 		type: "button",
-		onClick: ve,
-		children: [/* @__PURE__ */ l(d, { className: "size-4" }), P("cosmicintersection.pages.access.grantAccess", "Grant access")]
-	}), $ = F === A;
-	return /* @__PURE__ */ u(oe, {
-		title: P("cosmicintersection.pages.access.title", "Data access"),
-		description: P("cosmicintersection.pages.access.description", "Govern who can reach restricted and embargoed datasets, with scoped, expiring grants."),
+		onClick: Y,
+		children: [/* @__PURE__ */ c(u, { className: "size-4" }), A("cosmicintersection.pages.access.grantAccess", "Grant access")]
+	}), $ = N === E;
+	return /* @__PURE__ */ l(se, {
+		title: A("cosmicintersection.pages.access.title", "Data access"),
+		description: A("cosmicintersection.pages.access.description", "Govern who can reach restricted and embargoed datasets, with scoped, expiring grants."),
 		actions: Q,
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ l("div", {
 			className: "space-y-4",
-			children: [/* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ l("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ c("div", {
 					className: "w-full max-w-[18rem]",
-					children: /* @__PURE__ */ u(x, {
-						value: F,
-						onValueChange: I,
-						children: [/* @__PURE__ */ l(w, {
+					children: /* @__PURE__ */ l(v, {
+						value: N,
+						onValueChange: P,
+						children: [/* @__PURE__ */ c(x, {
 							"aria-label": "Filter by dataset",
-							children: /* @__PURE__ */ l(T, { placeholder: "All datasets" })
-						}), /* @__PURE__ */ u(S, { children: [/* @__PURE__ */ l(C, {
-							value: A,
+							children: /* @__PURE__ */ c(S, { placeholder: "All datasets" })
+						}), /* @__PURE__ */ l(y, { children: [/* @__PURE__ */ c(b, {
+							value: E,
 							children: "All datasets"
-						}), B.map((e) => /* @__PURE__ */ l(C, {
+						}), z.map((e) => /* @__PURE__ */ c(b, {
 							value: e.id,
 							children: e.name
 						}, e.id))] })]
 					})
-				}), /* @__PURE__ */ l("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "w-full max-w-[14rem]",
-					children: /* @__PURE__ */ u(x, {
+					children: /* @__PURE__ */ l(v, {
 						value: L,
-						onValueChange: R,
-						children: [/* @__PURE__ */ l(w, {
+						onValueChange: be,
+						children: [/* @__PURE__ */ c(x, {
 							"aria-label": "Filter by status",
-							children: /* @__PURE__ */ l(T, { placeholder: "All statuses" })
-						}), /* @__PURE__ */ u(S, { children: [/* @__PURE__ */ l(C, {
-							value: A,
+							children: /* @__PURE__ */ c(S, { placeholder: "All statuses" })
+						}), /* @__PURE__ */ l(y, { children: [/* @__PURE__ */ c(b, {
+							value: E,
 							children: "All statuses"
-						}), pe.map((e) => /* @__PURE__ */ l(C, {
+						}), ve.map((e) => /* @__PURE__ */ c(b, {
 							value: e,
-							children: o(e)
+							children: ce(e)
 						}, e))] })]
 					})
 				})]
 			}), (() => {
-				if (me) return /* @__PURE__ */ l(ie, {
+				if (xe) return /* @__PURE__ */ c(ae, {
 					variant: "rows",
 					rows: 6,
-					label: P("cosmicintersection.pages.access.loading", "Loading access grants…")
+					label: A("cosmicintersection.pages.access.loading", "Loading access grants…")
 				});
-				if (U) return /* @__PURE__ */ l(re, {
-					message: U.message,
-					onRetry: () => void W()
+				if (H) return /* @__PURE__ */ c(ie, {
+					message: H.message,
+					onRetry: () => void U()
 				});
-				if (G.length === 0) {
-					let e = F !== A || L !== A;
-					return /* @__PURE__ */ l(ne, {
-						icon: ce,
-						title: e ? P("cosmicintersection.pages.access.emptyFilterTitle", "No grants match these filters") : P("cosmicintersection.pages.access.emptyTitle", "No access grants yet"),
-						description: e ? P("cosmicintersection.pages.access.emptyFilterDescription", "Try clearing the dataset or status filter to see more grants.") : P("cosmicintersection.pages.access.emptyDescription", "Grant a workspace member scoped access to a restricted or embargoed dataset."),
+				if (W.length === 0) {
+					let e = N !== E || L !== E;
+					return /* @__PURE__ */ c(re, {
+						icon: ue,
+						title: e ? A("cosmicintersection.pages.access.emptyFilterTitle", "No grants match these filters") : A("cosmicintersection.pages.access.emptyTitle", "No access grants yet"),
+						description: e ? A("cosmicintersection.pages.access.emptyFilterDescription", "Try clearing the dataset or status filter to see more grants.") : A("cosmicintersection.pages.access.emptyDescription", "Grant a workspace member scoped access to a restricted or embargoed dataset."),
 						action: e ? void 0 : Q
 					});
 				}
-				return /* @__PURE__ */ u(se, { children: [/* @__PURE__ */ l("div", {
+				return /* @__PURE__ */ l(le, { children: [/* @__PURE__ */ c("div", {
 					className: "hidden rounded-card border border-border-default bg-bg-elevated md:block",
-					children: /* @__PURE__ */ u(ue, { children: [/* @__PURE__ */ l(O, { children: /* @__PURE__ */ u(k, { children: [
-						$ ? /* @__PURE__ */ l(D, { children: "Dataset" }) : null,
-						/* @__PURE__ */ l(D, { children: "Grantee" }),
-						/* @__PURE__ */ l(D, { children: "Status" }),
-						/* @__PURE__ */ l(D, { children: "Scopes" }),
-						/* @__PURE__ */ l(D, { children: "Reason" }),
-						/* @__PURE__ */ l(D, { children: "Granted" }),
-						/* @__PURE__ */ l(D, { children: "Expires" }),
-						/* @__PURE__ */ l(D, { children: "Revoked" }),
-						/* @__PURE__ */ l(D, {
+					children: /* @__PURE__ */ l(me, { children: [/* @__PURE__ */ c(ge, { children: /* @__PURE__ */ l(T, { children: [
+						$ ? /* @__PURE__ */ c(w, { children: "Dataset" }) : null,
+						/* @__PURE__ */ c(w, { children: "Grantee" }),
+						/* @__PURE__ */ c(w, { children: "Status" }),
+						/* @__PURE__ */ c(w, { children: "Scopes" }),
+						/* @__PURE__ */ c(w, { children: "Reason" }),
+						/* @__PURE__ */ c(w, { children: "Granted" }),
+						/* @__PURE__ */ c(w, { children: "Expires" }),
+						/* @__PURE__ */ c(w, { children: "Revoked" }),
+						/* @__PURE__ */ c(w, {
 							className: "text-right",
 							children: "Actions"
 						})
-					] }) }), /* @__PURE__ */ l(de, { children: G.map((e) => /* @__PURE__ */ u(k, { children: [
-						$ ? /* @__PURE__ */ l(E, {
-							className: "max-w-[12rem]",
-							children: /* @__PURE__ */ l("span", {
-								className: "line-clamp-1 text-sm text-text-primary",
-								children: V.get(e.datasetId) ?? /* @__PURE__ */ l("span", {
-									className: "font-mono text-xs text-text-secondary",
-									children: e.datasetId
+					] }) }), /* @__PURE__ */ c(he, { children: W.map((e) => /* @__PURE__ */ l(T, {
+						"aria-selected": F === e.id,
+						"data-state": F === e.id ? "selected" : void 0,
+						className: F === e.id ? "bg-bg-sunken" : void 0,
+						children: [
+							$ ? /* @__PURE__ */ c(C, {
+								className: "max-w-[12rem]",
+								children: /* @__PURE__ */ c("span", {
+									className: "line-clamp-1 text-sm text-text-primary",
+									children: B.get(e.datasetId) ?? /* @__PURE__ */ c("span", {
+										className: "font-mono text-xs text-text-secondary",
+										children: e.datasetId
+									})
+								})
+							}) : null,
+							/* @__PURE__ */ c(C, {
+								className: "max-w-[12rem]",
+								children: /* @__PURE__ */ c("button", {
+									type: "button",
+									onClick: () => I(e),
+									"aria-pressed": F === e.id,
+									className: "block max-w-full truncate text-left font-mono text-xs text-text-primary underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus",
+									children: e.granteeId
+								})
+							}),
+							/* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(i, { status: e.status }) }),
+							/* @__PURE__ */ c(C, { children: /* @__PURE__ */ c("div", {
+								className: "flex max-w-[12rem] flex-wrap gap-1",
+								children: e.scopes.length === 0 ? /* @__PURE__ */ c("span", {
+									className: "text-xs text-text-secondary",
+									children: "—"
+								}) : e.scopes.map((e) => /* @__PURE__ */ c(d, {
+									variant: "outline",
+									className: "text-xs",
+									children: e
+								}, e))
+							}) }),
+							/* @__PURE__ */ c(C, {
+								className: "max-w-[14rem]",
+								children: e.reason ? /* @__PURE__ */ c("span", {
+									className: "line-clamp-1 text-sm text-text-secondary",
+									children: e.reason
+								}) : /* @__PURE__ */ c("span", {
+									className: "text-sm text-text-secondary",
+									children: "—"
+								})
+							}),
+							/* @__PURE__ */ c(C, {
+								className: "whitespace-nowrap text-sm text-text-secondary",
+								children: O(e.grantedAt)
+							}),
+							/* @__PURE__ */ c(C, {
+								className: "whitespace-nowrap text-sm text-text-secondary",
+								children: O(e.expiresAt)
+							}),
+							/* @__PURE__ */ c(C, {
+								className: "whitespace-nowrap text-sm text-text-secondary",
+								children: O(e.revokedAt)
+							}),
+							/* @__PURE__ */ c(C, {
+								className: "text-right",
+								children: D(e.status) ? /* @__PURE__ */ c(r, {
+									ariaLabel: `Actions for grant to ${e.granteeId}`,
+									entityName: e.granteeId,
+									onDelete: () => Z(e),
+									deleteLabel: "Revoke grant"
+								}) : /* @__PURE__ */ c("span", {
+									className: "text-xs text-text-secondary",
+									children: "—"
 								})
 							})
-						}) : null,
-						/* @__PURE__ */ l(E, {
-							className: "max-w-[12rem]",
-							children: /* @__PURE__ */ l("span", {
-								className: "block truncate font-mono text-xs text-text-primary",
-								children: e.granteeId
-							})
-						}),
-						/* @__PURE__ */ l(E, { children: /* @__PURE__ */ l(a, { status: e.status }) }),
-						/* @__PURE__ */ l(E, { children: /* @__PURE__ */ l("div", {
-							className: "flex max-w-[12rem] flex-wrap gap-1",
-							children: e.scopes.length === 0 ? /* @__PURE__ */ l("span", {
-								className: "text-xs text-text-secondary",
-								children: "—"
-							}) : e.scopes.map((e) => /* @__PURE__ */ l(f, {
-								variant: "outline",
-								className: "text-xs",
-								children: e
-							}, e))
-						}) }),
-						/* @__PURE__ */ l(E, {
-							className: "max-w-[14rem]",
-							children: e.reason ? /* @__PURE__ */ l("span", {
-								className: "line-clamp-1 text-sm text-text-secondary",
-								children: e.reason
-							}) : /* @__PURE__ */ l("span", {
-								className: "text-sm text-text-secondary",
-								children: "—"
-							})
-						}),
-						/* @__PURE__ */ l(E, {
-							className: "whitespace-nowrap text-sm text-text-secondary",
-							children: M(e.grantedAt)
-						}),
-						/* @__PURE__ */ l(E, {
-							className: "whitespace-nowrap text-sm text-text-secondary",
-							children: M(e.expiresAt)
-						}),
-						/* @__PURE__ */ l(E, {
-							className: "whitespace-nowrap text-sm text-text-secondary",
-							children: M(e.revokedAt)
-						}),
-						/* @__PURE__ */ l(E, {
-							className: "text-right",
-							children: j(e.status) ? /* @__PURE__ */ l(i, {
-								ariaLabel: `Actions for grant to ${e.granteeId}`,
-								entityName: e.granteeId,
-								onDelete: () => Z(e),
-								deleteLabel: "Revoke grant"
-							}) : /* @__PURE__ */ l("span", {
-								className: "text-xs text-text-secondary",
-								children: "—"
-							})
-						})
-					] }, e.id)) })] })
-				}), /* @__PURE__ */ l("ul", {
+						]
+					}, e.id)) })] })
+				}), /* @__PURE__ */ c("ul", {
 					className: "space-y-3 md:hidden",
-					children: G.map((e) => /* @__PURE__ */ l("li", {
-						className: "rounded-card border border-border-default bg-bg-elevated",
-						children: /* @__PURE__ */ u("div", {
+					children: W.map((e) => /* @__PURE__ */ c("li", {
+						"aria-current": F === e.id ? "true" : void 0,
+						className: F === e.id ? "rounded-card border border-border-focus bg-bg-sunken" : "rounded-card border border-border-default bg-bg-elevated",
+						children: /* @__PURE__ */ l("div", {
 							className: "flex items-start justify-between gap-2 p-4",
-							children: [/* @__PURE__ */ u("div", {
+							children: [/* @__PURE__ */ l("div", {
 								className: "min-w-0 flex-1 space-y-2",
 								children: [
-									/* @__PURE__ */ u("div", {
+									/* @__PURE__ */ l("div", {
 										className: "flex flex-wrap items-center gap-2",
-										children: [$ ? /* @__PURE__ */ l("span", {
+										children: [$ ? /* @__PURE__ */ c("span", {
 											className: "truncate text-sm font-medium text-text-primary",
-											children: V.get(e.datasetId) ?? "Dataset"
-										}) : null, /* @__PURE__ */ l(a, { status: e.status })]
+											children: B.get(e.datasetId) ?? "Dataset"
+										}) : null, /* @__PURE__ */ c(i, { status: e.status })]
 									}),
-									/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+									/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
 										className: "text-xs text-text-secondary",
 										children: "Grantee (User ID)"
-									}), /* @__PURE__ */ l("p", {
-										className: "truncate font-mono text-xs text-text-primary",
+									}), /* @__PURE__ */ c("button", {
+										type: "button",
+										onClick: () => I(e),
+										"aria-pressed": F === e.id,
+										className: "block max-w-full truncate text-left font-mono text-xs text-text-primary underline-offset-2 hover:underline",
 										children: e.granteeId
 									})] }),
-									e.scopes.length > 0 ? /* @__PURE__ */ l("div", {
+									e.scopes.length > 0 ? /* @__PURE__ */ c("div", {
 										className: "flex flex-wrap gap-1",
-										children: e.scopes.map((e) => /* @__PURE__ */ l(f, {
+										children: e.scopes.map((e) => /* @__PURE__ */ c(d, {
 											variant: "outline",
 											className: "text-xs",
 											children: e
 										}, e))
 									}) : null,
-									e.reason ? /* @__PURE__ */ l("p", {
+									e.reason ? /* @__PURE__ */ c("p", {
 										className: "line-clamp-2 text-xs text-text-secondary",
 										children: e.reason
 									}) : null,
-									/* @__PURE__ */ u("div", {
+									/* @__PURE__ */ l("div", {
 										className: "flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-secondary",
 										children: [
-											/* @__PURE__ */ u("span", { children: ["Granted ", M(e.grantedAt)] }),
-											/* @__PURE__ */ u("span", { children: ["Expires ", M(e.expiresAt)] }),
-											e.revokedAt ? /* @__PURE__ */ u("span", { children: ["Revoked ", M(e.revokedAt)] }) : null
+											/* @__PURE__ */ l("span", { children: ["Granted ", O(e.grantedAt)] }),
+											/* @__PURE__ */ l("span", { children: ["Expires ", O(e.expiresAt)] }),
+											e.revokedAt ? /* @__PURE__ */ l("span", { children: ["Revoked ", O(e.revokedAt)] }) : null
 										]
 									})
 								]
-							}), j(e.status) ? /* @__PURE__ */ l(i, {
+							}), D(e.status) ? /* @__PURE__ */ c(r, {
 								ariaLabel: `Actions for grant to ${e.granteeId}`,
 								entityName: e.granteeId,
 								onDelete: () => Z(e),
@@ -289,105 +302,105 @@ function P() {
 					}, e.id))
 				})] });
 			})()]
-		}), /* @__PURE__ */ l(le, {
-			open: _e,
-			onOpenChange: (e) => q(e || K ? e : !1),
-			children: /* @__PURE__ */ u(m, {
+		}), /* @__PURE__ */ c(de, {
+			open: we,
+			onOpenChange: (e) => K(e || G ? e : !1),
+			children: /* @__PURE__ */ l(fe, {
 				className: "max-h-[85vh] max-w-md overflow-y-auto",
 				children: [
-					/* @__PURE__ */ u(_, { children: [/* @__PURE__ */ l(v, { children: P("cosmicintersection.pages.access.grantDataAccess", "Grant data access") }), /* @__PURE__ */ l(h, { children: P("cosmicintersection.pages.access.grantDataAccessDescription", "Give a workspace member scoped access to a dataset. Access is identified by the member's User ID.") })] }),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(pe, { children: A("cosmicintersection.pages.access.grantDataAccess", "Grant data access") }), /* @__PURE__ */ c(p, { children: A("cosmicintersection.pages.access.grantDataAccessDescription", "Give a workspace member scoped access to a dataset. Access is identified by the member's User ID.") })] }),
+					/* @__PURE__ */ l("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ l("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ l(b, {
+								children: [/* @__PURE__ */ c(_, {
 									htmlFor: "grant-dataset",
-									children: P("cosmicintersection.pages.access.dataset", "Dataset")
-								}), /* @__PURE__ */ u(x, {
-									value: J.datasetId || void 0,
+									children: A("cosmicintersection.pages.access.dataset", "Dataset")
+								}), /* @__PURE__ */ l(v, {
+									value: q.datasetId || void 0,
 									onValueChange: (e) => X("datasetId", e),
-									children: [/* @__PURE__ */ l(w, {
+									children: [/* @__PURE__ */ c(x, {
 										id: "grant-dataset",
-										"aria-label": P("cosmicintersection.pages.access.dataset", "Dataset"),
-										children: /* @__PURE__ */ l(T, { placeholder: P("cosmicintersection.pages.access.selectDataset", "Select a dataset") })
-									}), /* @__PURE__ */ l(S, { children: B.map((e) => /* @__PURE__ */ l(C, {
+										"aria-label": A("cosmicintersection.pages.access.dataset", "Dataset"),
+										children: /* @__PURE__ */ c(S, { placeholder: A("cosmicintersection.pages.access.selectDataset", "Select a dataset") })
+									}), /* @__PURE__ */ c(y, { children: z.map((e) => /* @__PURE__ */ c(b, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
 								})]
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ l("div", {
 								className: "space-y-1.5",
 								children: [
-									/* @__PURE__ */ l(b, {
+									/* @__PURE__ */ c(_, {
 										htmlFor: "grant-grantee",
-										children: P("cosmicintersection.pages.access.grantee", "Grantee (User ID)")
+										children: A("cosmicintersection.pages.access.grantee", "Grantee (User ID)")
 									}),
-									/* @__PURE__ */ l(y, {
+									/* @__PURE__ */ c(g, {
 										id: "grant-grantee",
-										value: J.granteeId,
+										value: q.granteeId,
 										onChange: (e) => X("granteeId", e.target.value),
 										placeholder: "e.g. 4fe35990-…",
 										className: "font-mono"
 									}),
-									/* @__PURE__ */ l("p", {
+									/* @__PURE__ */ c("p", {
 										className: "text-xs text-text-secondary",
-										children: P("cosmicintersection.pages.access.granteeHint", "Paste the workspace member's User ID. You can copy it from the member's profile (\"Get ID\") or the workspace member directory.")
+										children: A("cosmicintersection.pages.access.granteeHint", "Paste the workspace member's User ID. You can copy it from the member's profile (\"Get ID\") or the workspace member directory.")
 									})
 								]
 							}),
-							/* @__PURE__ */ l(ae, {
-								value: J.scopes,
+							/* @__PURE__ */ c(oe, {
+								value: q.scopes,
 								onChange: (e) => X("scopes", e),
-								label: P("cosmicintersection.pages.access.scopes", "Scopes"),
+								label: A("cosmicintersection.pages.access.scopes", "Scopes"),
 								placeholder: "e.g. read, download"
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ l("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ l(b, {
+								children: [/* @__PURE__ */ c(_, {
 									htmlFor: "grant-reason",
-									children: P("cosmicintersection.pages.access.reason", "Reason")
-								}), /* @__PURE__ */ l(fe, {
+									children: A("cosmicintersection.pages.access.reason", "Reason")
+								}), /* @__PURE__ */ c(_e, {
 									id: "grant-reason",
-									value: J.reason,
+									value: q.reason,
 									onChange: (e) => X("reason", e.target.value),
 									rows: 2,
-									placeholder: P("cosmicintersection.pages.access.reasonPlaceholder", "Why this member needs access.")
+									placeholder: A("cosmicintersection.pages.access.reasonPlaceholder", "Why this member needs access.")
 								})]
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ l("div", {
 								className: "space-y-1.5",
 								children: [
-									/* @__PURE__ */ l(b, {
+									/* @__PURE__ */ c(_, {
 										htmlFor: "grant-expires",
-										children: P("cosmicintersection.pages.access.expiresOptional", "Expires (optional)")
+										children: A("cosmicintersection.pages.access.expiresOptional", "Expires (optional)")
 									}),
-									/* @__PURE__ */ l(y, {
+									/* @__PURE__ */ c(g, {
 										id: "grant-expires",
 										type: "datetime-local",
-										value: J.expiresAt,
+										value: q.expiresAt,
 										onChange: (e) => X("expiresAt", e.target.value)
 									}),
-									/* @__PURE__ */ l("p", {
+									/* @__PURE__ */ c("p", {
 										className: "text-xs text-text-secondary",
-										children: P("cosmicintersection.pages.access.expiresHint", "Leave blank for an open-ended grant.")
+										children: A("cosmicintersection.pages.access.expiresHint", "Leave blank for an open-ended grant.")
 									})
 								]
 							})
 						]
 					}),
-					/* @__PURE__ */ u(g, { children: [/* @__PURE__ */ l(p, {
+					/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(f, {
 						type: "button",
 						variant: "outline",
-						onClick: () => q(!1),
-						disabled: K,
-						children: P("cosmicintersection.common.cancel", "Cancel")
-					}), /* @__PURE__ */ u(p, {
+						onClick: () => K(!1),
+						disabled: G,
+						children: A("cosmicintersection.common.cancel", "Cancel")
+					}), /* @__PURE__ */ l(f, {
 						type: "button",
-						onClick: () => void ye(),
-						disabled: K,
-						children: [/* @__PURE__ */ l(d, { className: "size-4" }), K ? P("cosmicintersection.pages.access.granting", "Granting…") : P("cosmicintersection.pages.access.grantAccess", "Grant access")]
+						onClick: () => void Te(),
+						disabled: G,
+						children: [/* @__PURE__ */ c(u, { className: "size-4" }), G ? A("cosmicintersection.pages.access.granting", "Granting…") : A("cosmicintersection.pages.access.grantAccess", "Grant access")]
 					})] })
 				]
 			})
@@ -395,6 +408,6 @@ function P() {
 	});
 }
 //#endregion
-export { P as default };
+export { A as default };
 
 //# sourceMappingURL=AccessPage.js.map