@burdenoff/microfe-cosmicintersection 2026.827.1 → 2026.830.1

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

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