@burdenoff/microfe-cosmicintersection 2026.704.1 → 2026.704.3

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

@@ -1,28 +1,28 @@
 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 te from "../../components/ActionMenu.js";
-import i from "../../components/EmptyState.js";
-import ne from "../../components/EntityTagsField.js";
-import re from "../../components/ErrorState.js";
-import ie from "../../components/LoadingState.js";
-import ae from "../../components/PageLayout.js";
-import a, { formatEnumLabel as o } from "../../components/StatusBadge.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 "../../components/index.js";
-import { useMemo as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { KeyRound as d, ShieldCheck as oe } from "lucide-react";
-import { Badge as f, Button as p, Dialog as m, DialogContent as h, DialogDescription as g, DialogFooter as se, 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 ce, TableBody as le, TableCell as E, TableHead as D, TableHeader as O, TableRow as k, Textarea as A } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/cosmicintersection/pages/access/AccessPage.tsx
-var j = "ALL", M = [
+var A = "ALL", j = [
 	"PENDING",
 	"ACTIVE",
 	"EXPIRED",
 	"REVOKED"
 ];
-function N(e) {
+function M(e) {
 	return e === "ACTIVE" || e === "PENDING";
 }
-function P(e) {
+function N(e) {
 	if (!e) return "—";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleDateString(void 0, {
@@ -31,285 +31,344 @@ function P(e) {
 		day: "numeric"
 	});
 }
-var F = {
+var P = {
 	datasetId: "",
 	granteeId: "",
 	scopes: [],
 	reason: "",
 	expiresAt: ""
 };
-function I() {
-	let [I, L] = c(j), [R, z] = c(j), B = n({ pagination: {
+function F() {
+	let [F, I] = l(A), [L, R] = l(A), z = n({ pagination: {
 		limit: 50,
 		offset: 0
-	} }), V = s(() => B.data?.cosListDatasets.items ?? [], [B.data]), H = s(() => {
+	} }), B = c(() => z.data?.cosListDatasets.items ?? [], [z.data]), V = c(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of V) e.set(t.id, t.name);
+		for (let t of B) e.set(t.id, t.name);
 		return e;
-	}, [V]), { data: U, loading: ue, error: W, refetch: G } = t({
-		datasetId: I === j ? void 0 : I,
-		status: R === j ? void 0 : R
-	}), K = s(() => U?.cosListAccessGrants ?? [], [U]), [de, { loading: q }] = r(), [fe] = ee(), [pe, J] = c(!1), [Y, X] = c(F), me = () => {
-		X({
-			...F,
-			datasetId: I === j ? "" : I
-		}), J(!0);
-	}, Z = (e, t) => {
-		X((n) => ({
+	}, [B]), { data: H, loading: fe, 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 = () => {
+		Y({
+			...P,
+			datasetId: F === A ? "" : F
+		}), q(!0);
+	}, X = (e, t) => {
+		Y((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, he = async () => {
-		if (!Y.datasetId) {
+	}, _e = async () => {
+		if (!J.datasetId) {
 			e.error("Dataset is required", "Choose which dataset this grant applies to.");
 			return;
 		}
-		if (!Y.granteeId.trim()) {
+		if (!J.granteeId.trim()) {
 			e.error("Grantee is required", "Enter the workspace User ID to grant access to.");
 			return;
 		}
 		let t;
-		if (Y.expiresAt) {
-			let n = new Date(Y.expiresAt);
+		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.");
 				return;
 			}
 			t = n.toISOString();
 		}
-		(await de({ variables: { input: {
-			datasetId: Y.datasetId,
-			granteeId: Y.granteeId.trim(),
-			scopes: Y.scopes.length ? Y.scopes : void 0,
-			reason: Y.reason.trim() || void 0,
+		(await pe({ 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"), J(!1), X(F), await G());
-	}, ge = async (t) => {
-		let n = await fe({ variables: { id: t.id } });
+		} } })).data?.cosGrantAccess?.id && (e.success("Access granted"), q(!1), Y(P), await W());
+	}, Z = async (t) => {
+		let n = await me({ 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 G();
-	}, Q = /* @__PURE__ */ u(p, {
+		e.success("Access revoked"), await W();
+	}, Q = /* @__PURE__ */ f(h, {
 		type: "button",
-		onClick: me,
-		children: [/* @__PURE__ */ l(d, { className: "size-4" }), "Grant access"]
-	}), $ = I === j;
-	return /* @__PURE__ */ u(ae, {
+		onClick: ge,
+		children: [/* @__PURE__ */ d(p, { className: "size-4" }), "Grant access"]
+	}), $ = F === A;
+	return /* @__PURE__ */ f(ie, {
 		title: "Data access",
 		description: "Govern who can reach restricted and embargoed datasets, with scoped, expiring grants.",
 		actions: Q,
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ f("div", {
 			className: "space-y-4",
-			children: [/* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ f("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "w-full max-w-[18rem]",
-					children: /* @__PURE__ */ u(x, {
-						value: I,
-						onValueChange: L,
-						children: [/* @__PURE__ */ l(w, {
+					children: /* @__PURE__ */ f(S, {
+						value: F,
+						onValueChange: I,
+						children: [/* @__PURE__ */ d(T, {
 							"aria-label": "Filter by dataset",
-							children: /* @__PURE__ */ l(T, { placeholder: "All datasets" })
-						}), /* @__PURE__ */ u(S, { children: [/* @__PURE__ */ l(C, {
-							value: j,
+							children: /* @__PURE__ */ d(E, { placeholder: "All datasets" })
+						}), /* @__PURE__ */ f(C, { children: [/* @__PURE__ */ d(w, {
+							value: A,
 							children: "All datasets"
-						}), V.map((e) => /* @__PURE__ */ l(C, {
+						}), B.map((e) => /* @__PURE__ */ d(w, {
 							value: e.id,
 							children: e.name
 						}, e.id))] })]
 					})
-				}), /* @__PURE__ */ l("div", {
+				}), /* @__PURE__ */ d("div", {
 					className: "w-full max-w-[14rem]",
-					children: /* @__PURE__ */ u(x, {
-						value: R,
-						onValueChange: z,
-						children: [/* @__PURE__ */ l(w, {
+					children: /* @__PURE__ */ f(S, {
+						value: L,
+						onValueChange: R,
+						children: [/* @__PURE__ */ d(T, {
 							"aria-label": "Filter by status",
-							children: /* @__PURE__ */ l(T, { placeholder: "All statuses" })
-						}), /* @__PURE__ */ u(S, { children: [/* @__PURE__ */ l(C, {
-							value: j,
+							children: /* @__PURE__ */ d(E, { placeholder: "All statuses" })
+						}), /* @__PURE__ */ f(C, { children: [/* @__PURE__ */ d(w, {
+							value: A,
 							children: "All statuses"
-						}), M.map((e) => /* @__PURE__ */ l(C, {
+						}), j.map((e) => /* @__PURE__ */ d(w, {
 							value: e,
-							children: o(e)
+							children: s(e)
 						}, e))] })]
 					})
 				})]
 			}), (() => {
-				if (ue) return /* @__PURE__ */ l(ie, {
+				if (fe) return /* @__PURE__ */ d(ne, {
 					variant: "rows",
 					rows: 6,
 					label: "Loading access grants…"
 				});
-				if (W) return /* @__PURE__ */ l(re, {
-					message: W.message,
-					onRetry: () => void G()
+				if (U) return /* @__PURE__ */ d(te, {
+					message: U.message,
+					onRetry: () => void W()
 				});
-				if (K.length === 0) {
-					let e = I !== j || R !== j;
-					return /* @__PURE__ */ l(i, {
-						icon: oe,
+				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.",
 						action: e ? void 0 : Q
 					});
 				}
-				return /* @__PURE__ */ l("div", {
-					className: "overflow-x-auto rounded-card border border-border-default bg-bg-elevated",
-					children: /* @__PURE__ */ u(ce, { 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, {
+				return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("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, {
 							className: "text-right",
 							children: "Actions"
 						})
-					] }) }), /* @__PURE__ */ l(le, { children: K.map((e) => /* @__PURE__ */ u(k, { children: [
-						$ ? /* @__PURE__ */ l(E, {
+					] }) }), /* @__PURE__ */ d(le, { children: G.map((e) => /* @__PURE__ */ f(k, { children: [
+						$ ? /* @__PURE__ */ d(D, {
 							className: "max-w-[12rem]",
-							children: /* @__PURE__ */ l("span", {
+							children: /* @__PURE__ */ d("span", {
 								className: "line-clamp-1 text-sm text-text-primary",
-								children: H.get(e.datasetId) ?? /* @__PURE__ */ l("span", {
+								children: V.get(e.datasetId) ?? /* @__PURE__ */ d("span", {
 									className: "font-mono text-xs text-text-secondary",
 									children: e.datasetId
 								})
 							})
 						}) : null,
-						/* @__PURE__ */ l(E, {
+						/* @__PURE__ */ d(D, {
 							className: "max-w-[12rem]",
-							children: /* @__PURE__ */ l("span", {
+							children: /* @__PURE__ */ d("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", {
+						/* @__PURE__ */ d(D, { children: /* @__PURE__ */ d(o, { status: e.status }) }),
+						/* @__PURE__ */ d(D, { children: /* @__PURE__ */ d("div", {
 							className: "flex max-w-[12rem] flex-wrap gap-1",
-							children: e.scopes.length === 0 ? /* @__PURE__ */ l("span", {
+							children: e.scopes.length === 0 ? /* @__PURE__ */ d("span", {
 								className: "text-xs text-text-secondary",
 								children: "—"
-							}) : e.scopes.map((e) => /* @__PURE__ */ l(f, {
+							}) : e.scopes.map((e) => /* @__PURE__ */ d(m, {
 								variant: "outline",
 								className: "text-xs",
 								children: e
 							}, e))
 						}) }),
-						/* @__PURE__ */ l(E, {
+						/* @__PURE__ */ d(D, {
 							className: "max-w-[14rem]",
-							children: e.reason ? /* @__PURE__ */ l("span", {
+							children: e.reason ? /* @__PURE__ */ d("span", {
 								className: "line-clamp-1 text-sm text-text-secondary",
 								children: e.reason
-							}) : /* @__PURE__ */ l("span", {
+							}) : /* @__PURE__ */ d("span", {
 								className: "text-sm text-text-secondary",
 								children: "—"
 							})
 						}),
-						/* @__PURE__ */ l(E, {
+						/* @__PURE__ */ d(D, {
 							className: "whitespace-nowrap text-sm text-text-secondary",
-							children: P(e.grantedAt)
+							children: N(e.grantedAt)
 						}),
-						/* @__PURE__ */ l(E, {
+						/* @__PURE__ */ d(D, {
 							className: "whitespace-nowrap text-sm text-text-secondary",
-							children: P(e.expiresAt)
+							children: N(e.expiresAt)
 						}),
-						/* @__PURE__ */ l(E, {
+						/* @__PURE__ */ d(D, {
 							className: "whitespace-nowrap text-sm text-text-secondary",
-							children: P(e.revokedAt)
+							children: N(e.revokedAt)
 						}),
-						/* @__PURE__ */ l(E, {
+						/* @__PURE__ */ d(D, {
 							className: "text-right",
-							children: N(e.status) ? /* @__PURE__ */ l(te, {
+							children: M(e.status) ? /* @__PURE__ */ d(i, {
 								ariaLabel: `Actions for grant to ${e.granteeId}`,
 								entityName: e.granteeId,
-								onDelete: () => ge(e),
+								onDelete: () => Z(e),
 								deleteLabel: "Revoke grant"
-							}) : /* @__PURE__ */ l("span", {
+							}) : /* @__PURE__ */ d("span", {
 								className: "text-xs text-text-secondary",
 								children: "—"
 							})
 						})
 					] }, e.id)) })] })
-				});
+				}), /* @__PURE__ */ d("ul", {
+					className: "space-y-3 md:hidden",
+					children: G.map((e) => /* @__PURE__ */ d("li", {
+						className: "rounded-card border border-border-default bg-bg-elevated",
+						children: /* @__PURE__ */ f("div", {
+							className: "flex items-start justify-between gap-2 p-4",
+							children: [/* @__PURE__ */ f("div", {
+								className: "min-w-0 flex-1 space-y-2",
+								children: [
+									/* @__PURE__ */ f("div", {
+										className: "flex flex-wrap items-center gap-2",
+										children: [$ ? /* @__PURE__ */ d("span", {
+											className: "truncate text-sm font-medium text-text-primary",
+											children: V.get(e.datasetId) ?? "Dataset"
+										}) : null, /* @__PURE__ */ d(o, { status: e.status })]
+									}),
+									/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+										className: "text-xs text-text-secondary",
+										children: "Grantee (User ID)"
+									}), /* @__PURE__ */ d("p", {
+										className: "truncate font-mono text-xs text-text-primary",
+										children: e.granteeId
+									})] }),
+									e.scopes.length > 0 ? /* @__PURE__ */ d("div", {
+										className: "flex flex-wrap gap-1",
+										children: e.scopes.map((e) => /* @__PURE__ */ d(m, {
+											variant: "outline",
+											className: "text-xs",
+											children: e
+										}, e))
+									}) : null,
+									e.reason ? /* @__PURE__ */ d("p", {
+										className: "line-clamp-2 text-xs text-text-secondary",
+										children: e.reason
+									}) : null,
+									/* @__PURE__ */ f("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
+										]
+									})
+								]
+							}), M(e.status) ? /* @__PURE__ */ d(i, {
+								ariaLabel: `Actions for grant to ${e.granteeId}`,
+								entityName: e.granteeId,
+								onDelete: () => Z(e),
+								deleteLabel: "Revoke grant"
+							}) : null]
+						})
+					}, e.id))
+				})] });
 			})()]
-		}), /* @__PURE__ */ l(m, {
-			open: pe,
-			onOpenChange: (e) => J(e || q ? e : !1),
-			children: /* @__PURE__ */ u(h, {
-				className: "max-w-md",
+		}), /* @__PURE__ */ d(oe, {
+			open: he,
+			onOpenChange: (e) => q(e || K ? e : !1),
+			children: /* @__PURE__ */ f(se, {
+				className: "max-h-[85vh] max-w-md overflow-y-auto",
 				children: [
-					/* @__PURE__ */ u(_, { children: [/* @__PURE__ */ l(v, { children: "Grant data access" }), /* @__PURE__ */ l(g, { children: "Give a workspace member scoped access to a dataset. Access is identified by the member's User ID." })] }),
-					/* @__PURE__ */ u("div", {
+					/* @__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", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ f("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ l(b, {
+								children: [/* @__PURE__ */ d(x, {
 									htmlFor: "grant-dataset",
 									children: "Dataset"
-								}), /* @__PURE__ */ u(x, {
-									value: Y.datasetId || void 0,
-									onValueChange: (e) => Z("datasetId", e),
-									children: [/* @__PURE__ */ l(w, {
+								}), /* @__PURE__ */ f(S, {
+									value: J.datasetId || void 0,
+									onValueChange: (e) => X("datasetId", e),
+									children: [/* @__PURE__ */ d(T, {
 										id: "grant-dataset",
 										"aria-label": "Dataset",
-										children: /* @__PURE__ */ l(T, { placeholder: "Select a dataset" })
-									}), /* @__PURE__ */ l(S, { children: V.map((e) => /* @__PURE__ */ l(C, {
+										children: /* @__PURE__ */ d(E, { placeholder: "Select a dataset" })
+									}), /* @__PURE__ */ d(C, { children: B.map((e) => /* @__PURE__ */ d(w, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
 								})]
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ f("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ l(b, {
-									htmlFor: "grant-grantee",
-									children: "Grantee (User ID)"
-								}), /* @__PURE__ */ l(y, {
-									id: "grant-grantee",
-									value: Y.granteeId,
-									onChange: (e) => Z("granteeId", e.target.value),
-									placeholder: "e.g. 4fe35990-…",
-									className: "font-mono"
-								})]
+								children: [
+									/* @__PURE__ */ d(x, {
+										htmlFor: "grant-grantee",
+										children: "Grantee (User ID)"
+									}),
+									/* @__PURE__ */ d(b, {
+										id: "grant-grantee",
+										value: J.granteeId,
+										onChange: (e) => X("granteeId", e.target.value),
+										placeholder: "e.g. 4fe35990-…",
+										className: "font-mono"
+									}),
+									/* @__PURE__ */ d("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."
+									})
+								]
 							}),
-							/* @__PURE__ */ l(ne, {
-								value: Y.scopes,
-								onChange: (e) => Z("scopes", e),
+							/* @__PURE__ */ d(re, {
+								value: J.scopes,
+								onChange: (e) => X("scopes", e),
 								label: "Scopes",
 								placeholder: "e.g. read, download"
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ f("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ l(b, {
+								children: [/* @__PURE__ */ d(x, {
 									htmlFor: "grant-reason",
 									children: "Reason"
-								}), /* @__PURE__ */ l(A, {
+								}), /* @__PURE__ */ d(de, {
 									id: "grant-reason",
-									value: Y.reason,
-									onChange: (e) => Z("reason", e.target.value),
+									value: J.reason,
+									onChange: (e) => X("reason", e.target.value),
 									rows: 2,
 									placeholder: "Why this member needs access."
 								})]
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ f("div", {
 								className: "space-y-1.5",
 								children: [
-									/* @__PURE__ */ l(b, {
+									/* @__PURE__ */ d(x, {
 										htmlFor: "grant-expires",
 										children: "Expires (optional)"
 									}),
-									/* @__PURE__ */ l(y, {
+									/* @__PURE__ */ d(b, {
 										id: "grant-expires",
 										type: "datetime-local",
-										value: Y.expiresAt,
-										onChange: (e) => Z("expiresAt", e.target.value)
+										value: J.expiresAt,
+										onChange: (e) => X("expiresAt", e.target.value)
 									}),
-									/* @__PURE__ */ l("p", {
+									/* @__PURE__ */ d("p", {
 										className: "text-xs text-text-secondary",
 										children: "Leave blank for an open-ended grant."
 									})
@@ -317,17 +376,17 @@ function I() {
 							})
 						]
 					}),
-					/* @__PURE__ */ u(se, { children: [/* @__PURE__ */ l(p, {
+					/* @__PURE__ */ f(_, { children: [/* @__PURE__ */ d(h, {
 						type: "button",
 						variant: "outline",
-						onClick: () => J(!1),
-						disabled: q,
+						onClick: () => q(!1),
+						disabled: K,
 						children: "Cancel"
-					}), /* @__PURE__ */ u(p, {
+					}), /* @__PURE__ */ f(h, {
 						type: "button",
-						onClick: () => void he(),
-						disabled: q,
-						children: [/* @__PURE__ */ l(d, { className: "size-4" }), q ? "Granting…" : "Grant access"]
+						onClick: () => void _e(),
+						disabled: K,
+						children: [/* @__PURE__ */ d(p, { className: "size-4" }), K ? "Granting…" : "Grant access"]
 					})] })
 				]
 			})
@@ -335,6 +394,6 @@ function I() {
 	});
 }
 //#endregion
-export { I as default };
+export { F as default };
 
 //# sourceMappingURL=AccessPage.js.map