@burdenoff/microfe-devportal 2026.611.1 → 2026.614.1

package/dist/devportal/pages/DelegationsPage.js

@@ -1,10 +1,10 @@
 import { cn as e } from "../utils/cn.js";
 import { LoadingState as t } from "../components/LoadingState.js";
 import { EmptyState as n } from "../components/EmptyState.js";
-import { PageLayout as r } from "../components/PageLayout.js";
-import { SelectionCheckbox as i } from "../components/SelectionCheckbox.js";
-import { ConfirmDialog as a } from "../components/ConfirmDialog.js";
-import { useCurrentUserDelegationsQuery as o, useCurrentUserGrantedDelegationsQuery as s, useRevokeDelegationMutation as c } from "../../generated/global-operations.js";
+import { useCurrentUserDelegationsQuery as r, useCurrentUserGrantedDelegationsQuery as i, useRevokeDelegationMutation as a } from "../../generated/global-operations.js";
+import { PageLayout as o } from "../components/PageLayout.js";
+import { SelectionCheckbox as s } from "../components/SelectionCheckbox.js";
+import { ConfirmDialog as c } from "../components/ConfirmDialog.js";
 import { PermissionGuard as l } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { DEVPORTAL_PERMISSIONS as u } from "../constants/permissions.js";
@@ -96,13 +96,13 @@ var A = ({ type: t, className: n }) => {
 			]
 		})
 	});
-}, ae = ({ delegation: t, onRevoke: n, isRevoking: r, selected: a, onToggleSelect: o, canRevoke: s }) => {
+}, ae = ({ delegation: t, onRevoke: n, isRevoking: r, selected: i, onToggleSelect: a, canRevoke: o }) => {
 	let { t: c } = m(), l = (e, t) => {
 		let n = c(e);
 		return n === e ? t : n;
 	};
 	return /* @__PURE__ */ T("div", {
-		className: e("rounded-lg border bg-card p-5 transition-colors hover:border-border/80", a && "border-primary bg-primary/5", t.status !== "ACTIVE" && "opacity-60"),
+		className: e("rounded-lg border bg-card p-5 transition-colors hover:border-border/80", i && "border-primary bg-primary/5", t.status !== "ACTIVE" && "opacity-60"),
 		children: /* @__PURE__ */ E("div", {
 			className: "flex items-start justify-between gap-4",
 			children: [/* @__PURE__ */ E("div", {
@@ -110,9 +110,9 @@ var A = ({ type: t, className: n }) => {
 				children: [
 					t.status === "ACTIVE" && /* @__PURE__ */ T("div", {
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ T(i, {
-							checked: a,
-							onChange: o,
+						children: /* @__PURE__ */ T(s, {
+							checked: i,
+							onChange: a,
 							ariaLabel: l("devportal.selectDelegationAriaLabel", `Select delegation ${t.app?.name ?? t.id}`),
 							className: "mt-1"
 						})
@@ -192,20 +192,20 @@ var A = ({ type: t, className: n }) => {
 				]
 			}), t.status === "ACTIVE" && /* @__PURE__ */ E("button", {
 				onClick: () => n(t),
-				disabled: r || !s,
-				"aria-disabled": !s,
+				disabled: r || !o,
+				"aria-disabled": !o,
 				className: "inline-flex shrink-0 items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
 				children: [r ? /* @__PURE__ */ T(b, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(C, { className: "h-4 w-4" }), l("devportal.revoke", "Revoke")]
 			})]
 		})
 	});
-}, oe = ({ delegation: t, onRevoke: n, isRevoking: r, selected: a, onToggleSelect: o, canRevoke: s }) => {
+}, oe = ({ delegation: t, onRevoke: n, isRevoking: r, selected: i, onToggleSelect: a, canRevoke: o }) => {
 	let { t: c } = m(), l = (e, t) => {
 		let n = c(e);
 		return n === e ? t : n;
 	};
 	return /* @__PURE__ */ T("div", {
-		className: e("rounded-lg border bg-card p-5 transition-colors hover:border-border/80", a && "border-primary bg-primary/5"),
+		className: e("rounded-lg border bg-card p-5 transition-colors hover:border-border/80", i && "border-primary bg-primary/5"),
 		children: /* @__PURE__ */ E("div", {
 			className: "flex items-start justify-between gap-4",
 			children: [/* @__PURE__ */ E("div", {
@@ -213,9 +213,9 @@ var A = ({ type: t, className: n }) => {
 				children: [
 					t.status === "ACTIVE" && /* @__PURE__ */ T("div", {
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ T(i, {
-							checked: a,
-							onChange: o,
+						children: /* @__PURE__ */ T(s, {
+							checked: i,
+							onChange: a,
 							ariaLabel: l("devportal.selectDelegationAriaLabel", `Select delegation ${t.app?.name ?? t.id}`),
 							className: "mt-1"
 						})
@@ -283,8 +283,8 @@ var A = ({ type: t, className: n }) => {
 				]
 			}), t.status === "ACTIVE" && /* @__PURE__ */ E("button", {
 				onClick: () => n(t),
-				disabled: r || !s,
-				"aria-disabled": !s,
+				disabled: r || !o,
+				"aria-disabled": !o,
 				className: "inline-flex shrink-0 items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
 				children: [r ? /* @__PURE__ */ T(b, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(C, { className: "h-4 w-4" }), l("devportal.revoke", "Revoke")]
 			})]
@@ -331,7 +331,7 @@ var A = ({ type: t, className: n }) => {
 	let { t: f } = m(), _ = (e, t) => {
 		let n = f(e);
 		return n === e ? t : n;
-	}, { allowed: y } = ee(u.DELEGATION_REVOKE), [b, C] = p("acting-as-me"), [w, O] = p([]), [k, A] = p(null), [j, M] = p(/* @__PURE__ */ new Set()), { data: N, loading: ce, error: le, refetch: P } = o({ fetchPolicy: "cache-and-network" }), { data: F, loading: ue, error: de, refetch: I } = s({ fetchPolicy: "cache-and-network" }), [L, { loading: R }] = c(), z = (N?.currentUserDelegations?.delegations ?? []).map(D), B = (F?.currentUserGrantedDelegations?.delegations ?? []).map(D), V = z.filter((e) => e.status === "ACTIVE"), H = z.filter((e) => e.status !== "ACTIVE"), U = B.filter((e) => e.status === "ACTIVE"), W = b === "acting-as-me" ? V : U, G = te(() => W.filter((e) => j.has(e.id)), [j, W]), K = W.length > 0 && W.every((e) => j.has(e.id)), fe = W.some((e) => j.has(e.id)) && !K, q = b === "acting-as-me" ? ce : ue, J = b === "acting-as-me" ? le : de, Y = d((e) => {
+	}, { allowed: y } = ee(u.DELEGATION_REVOKE), [b, C] = p("acting-as-me"), [w, O] = p([]), [k, A] = p(null), [j, M] = p(/* @__PURE__ */ new Set()), { data: N, loading: ce, error: le, refetch: P } = r({ fetchPolicy: "cache-and-network" }), { data: F, loading: ue, error: de, refetch: I } = i({ fetchPolicy: "cache-and-network" }), [L, { loading: R }] = a(), z = (N?.currentUserDelegations?.delegations ?? []).map(D), B = (F?.currentUserGrantedDelegations?.delegations ?? []).map(D), V = z.filter((e) => e.status === "ACTIVE"), H = z.filter((e) => e.status !== "ACTIVE"), U = B.filter((e) => e.status === "ACTIVE"), W = b === "acting-as-me" ? V : U, G = te(() => W.filter((e) => j.has(e.id)), [j, W]), K = W.length > 0 && W.every((e) => j.has(e.id)), fe = W.some((e) => j.has(e.id)) && !K, q = b === "acting-as-me" ? ce : ue, J = b === "acting-as-me" ? le : de, Y = d((e) => {
 		O([e]);
 	}, []), X = d((e, t) => {
 		M((n) => {
@@ -374,7 +374,7 @@ var A = ({ type: t, className: n }) => {
 	}, []), Q = V.length, $ = U.length;
 	return /* @__PURE__ */ T(l, {
 		permission: u.INSTALLATION_READ,
-		children: /* @__PURE__ */ E(r, {
+		children: /* @__PURE__ */ E(o, {
 			title: _("devportal.appDelegationsTitle", "App Delegations"),
 			description: _("devportal.appDelegationsDescription", "Manage which apps can act on your behalf. Revoke access at any time."),
 			children: [
@@ -487,7 +487,7 @@ var A = ({ type: t, className: n }) => {
 								className: "flex flex-wrap items-center gap-3",
 								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ T(i, {
+									children: [/* @__PURE__ */ T(s, {
 										checked: K,
 										indeterminate: fe,
 										onChange: pe,
@@ -579,7 +579,7 @@ var A = ({ type: t, className: n }) => {
 						})] })]
 					})
 				}),
-				/* @__PURE__ */ T(a, {
+				/* @__PURE__ */ T(c, {
 					open: w.length > 0,
 					onOpenChange: (e) => {
 						e || O([]);