@burdenoff/microfe-devportal 2026.1107.3 → 2026.1108.2

package/dist/devportal/pages/DelegationsPage.js

@@ -1,20 +1,20 @@
-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 { 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 { PageLayout as e } from "../components/PageLayout.js";
+import { EmptyState as t } from "../components/EmptyState.js";
+import { LoadingState as n } from "../components/LoadingState.js";
+import { ConfirmDialog as r } from "../components/ConfirmDialog.js";
+import { SelectionCheckbox as i } from "../components/SelectionCheckbox.js";
+import { cn as a } from "../utils/cn.js";
 import "../components/index.js";
-import { useDevportalPermission as ee } from "../hooks/usePermission.js";
-import { DEVPORTAL_PERMISSIONS as te } from "../constants/permissions.js";
+import { PermissionGuard as o } from "../components/PermissionGuard.js";
+import { DEVPORTAL_PERMISSIONS as s } from "../constants/permissions.js";
+import { useDevportalPermission as c } from "../hooks/usePermission.js";
+import { useCurrentUserDelegationsQuery as l, useCurrentUserGrantedDelegationsQuery as ee, useRevokeDelegationMutation as te } from "../../generated/global-operations.js";
 import { useCallback as u, useEffect as d, useMemo as ne, useState as f } from "react";
 import { AlertCircle as p, AlertTriangle as m, Bot as h, Clock as g, Cog as _, Loader2 as v, Shield as y, Users as b, XCircle as x, Zap as S } from "lucide-react";
 import { Fragment as re, jsx as C, jsxs as w } from "react/jsx-runtime";
 import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { EmphasisPanel as ie, GlassCard as E } from "@burdenoff/fe-libs/ui";
-//#region src/devportal/pages/DelegationsPage.tsx
+// src/devportal/pages/DelegationsPage.tsx
 function D(e) {
 	return {
 		id: e.id,
@@ -44,24 +44,24 @@ function O(e) {
 function k(e) {
 	let t = new Date(e), n = /* @__PURE__ */ new Date(), r = t.getTime() - n.getTime();
 	if (r <= 0) return "expired";
-	let i = Math.floor(r / (1e3 * 60)), a = Math.floor(r / (1e3 * 60 * 60)), o = Math.floor(r / (1e3 * 60 * 60 * 24));
+	let i = Math.floor(r / 6e4), a = Math.floor(r / 36e5), o = Math.floor(r / 864e5);
 	return i < 60 ? `in ${i} minute${i === 1 ? "" : "s"}` : a < 24 ? `in ${a} hour${a === 1 ? "" : "s"}` : `in ${o} day${o === 1 ? "" : "s"}`;
 }
-var A = ({ type: t, className: n }) => {
-	let r = { className: e("h-5 w-5", n) };
-	switch (t) {
-		case "SERVICE": return /* @__PURE__ */ C(_, { ...r });
-		case "BOT": return /* @__PURE__ */ C(h, { ...r });
-		case "INTEGRATION": return /* @__PURE__ */ C(S, { ...r });
-		default: return /* @__PURE__ */ C(y, { ...r });
+var A = ({ type: e, className: t }) => {
+	let n = { className: a("h-5 w-5", t) };
+	switch (e) {
+		case "SERVICE": return /* @__PURE__ */ C(_, { ...n });
+		case "BOT": return /* @__PURE__ */ C(h, { ...n });
+		case "INTEGRATION": return /* @__PURE__ */ C(S, { ...n });
+		default: return /* @__PURE__ */ C(y, { ...n });
 	}
-}, j = ({ status: t }) => /* @__PURE__ */ C("span", {
-	className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", {
+}, j = ({ status: e }) => /* @__PURE__ */ C("span", {
+	className: a("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", {
 		ACTIVE: "bg-status-success-bg-subtle text-status-success-text",
 		REVOKED: "bg-status-error-bg-subtle text-status-error-text",
 		EXPIRED: "bg-bg-sunken text-text-primary"
-	}[t]),
-	children: t
+	}[e]),
+	children: e
 }), ae = ({ message: e, onDismiss: t }) => (d(() => {
 	let e = setTimeout(t, 5e3);
 	return () => clearTimeout(e);
@@ -97,31 +97,31 @@ var A = ({ type: t, className: n }) => {
 			]
 		})
 	});
-}, se = ({ delegation: t, onRevoke: n, isRevoking: r, selected: i, onToggleSelect: a, canRevoke: o }) => {
+}, se = ({ delegation: e, onRevoke: t, isRevoking: n, selected: r, onToggleSelect: o, canRevoke: s }) => {
 	let { t: c } = T(), l = (e, t) => {
 		let n = c(e);
 		return n === e ? t : n;
 	};
 	return /* @__PURE__ */ C("div", {
-		className: e("rounded-card border border-border-seam bg-bg-surface p-5 transition-colors hover:border-border-subtle/80", i && "border-primary bg-action-primary-bg/5", t.status !== "ACTIVE" && "opacity-60"),
+		className: a("rounded-card border border-border-seam bg-bg-surface p-5 transition-colors hover:border-border-subtle/80", r && "border-primary bg-action-primary-bg/5", e.status !== "ACTIVE" && "opacity-60"),
 		children: /* @__PURE__ */ w("div", {
 			className: "flex items-start justify-between gap-4",
 			children: [/* @__PURE__ */ w("div", {
 				className: "flex items-start gap-4 min-w-0",
 				children: [
-					t.status === "ACTIVE" && /* @__PURE__ */ C("div", {
+					e.status === "ACTIVE" && /* @__PURE__ */ C("div", {
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ C(s, {
-							checked: i,
-							onChange: a,
-							ariaLabel: l("devportal.selectDelegationAriaLabel", `Select delegation ${t.app?.name ?? t.id}`),
+						children: /* @__PURE__ */ C(i, {
+							checked: r,
+							onChange: o,
+							ariaLabel: l("devportal.selectDelegationAriaLabel", `Select delegation ${e.app?.name ?? e.id}`),
 							className: "mt-1"
 						})
 					}),
 					/* @__PURE__ */ C("div", {
-						className: e("flex h-12 w-12 shrink-0 items-center justify-center rounded-lg", t.status === "ACTIVE" ? "bg-action-primary-bg/10 text-primary" : "bg-bg-sunken text-text-secondary"),
+						className: a("flex h-12 w-12 shrink-0 items-center justify-center rounded-lg", e.status === "ACTIVE" ? "bg-action-primary-bg/10 text-primary" : "bg-bg-sunken text-text-secondary"),
 						children: /* @__PURE__ */ C(A, {
-							type: t.app?.type ?? "SERVICE",
+							type: e.app?.type ?? "SERVICE",
 							className: "h-6 w-6"
 						})
 					}),
@@ -132,12 +132,12 @@ var A = ({ type: t, className: n }) => {
 								className: "flex items-center gap-2",
 								children: [/* @__PURE__ */ C("h3", {
 									className: "truncate font-semibold",
-									children: t.app?.name ?? l("devportal.unknownApp", "Unknown App")
-								}), /* @__PURE__ */ C(j, { status: t.status })]
+									children: e.app?.name ?? l("devportal.unknownApp", "Unknown App")
+								}), /* @__PURE__ */ C(j, { status: e.status })]
 							}),
-							t.app?.description && /* @__PURE__ */ C("p", {
+							e.app?.description && /* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary line-clamp-2",
-								children: t.app.description
+								children: e.app.description
 							}),
 							/* @__PURE__ */ w("div", {
 								className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary",
@@ -148,83 +148,83 @@ var A = ({ type: t, className: n }) => {
 											/* @__PURE__ */ C(g, { className: "h-3.5 w-3.5" }),
 											l("devportal.granted", "Granted"),
 											" ",
-											O(t.grantedAt)
+											O(e.grantedAt)
 										]
 									}),
-									t.expiresAt && /* @__PURE__ */ w("span", {
+									e.expiresAt && /* @__PURE__ */ w("span", {
 										className: "flex items-center gap-1",
 										children: [
 											/* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" }),
 											l("devportal.expires", "Expires"),
 											" ",
-											k(t.expiresAt)
+											k(e.expiresAt)
 										]
 									}),
 									/* @__PURE__ */ C("span", {
-										className: e("rounded-md px-2 py-0.5 text-xs font-mono", "bg-bg-sunken text-text-secondary"),
-										children: t.app?.type ?? "UNKNOWN"
+										className: a("rounded-md px-2 py-0.5 text-xs font-mono", "bg-bg-sunken text-text-secondary"),
+										children: e.app?.type ?? "UNKNOWN"
 									})
 								]
 							}),
-							t.scopes.length > 0 && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							e.scopes.length > 0 && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 								className: "mb-1.5 text-xs text-text-secondary",
 								children: l("devportal.permissions", "Permissions:")
 							}), /* @__PURE__ */ C("div", {
 								className: "flex flex-wrap gap-1.5",
-								children: t.scopes.map((e) => /* @__PURE__ */ C("span", {
+								children: e.scopes.map((e) => /* @__PURE__ */ C("span", {
 									className: "rounded-md bg-status-info-bg-subtle px-2 py-0.5 text-xs text-status-info-text",
 									children: e
 								}, e))
 							})] }),
-							t.workspaceIds.length > 0 && /* @__PURE__ */ w("p", {
+							e.workspaceIds.length > 0 && /* @__PURE__ */ w("p", {
 								className: "flex items-center gap-1 text-xs text-text-secondary",
 								children: [
 									/* @__PURE__ */ C(b, { className: "h-3.5 w-3.5" }),
 									l("devportal.accessToWorkspaces", "Access to"),
 									" ",
-									t.workspaceIds.length,
+									e.workspaceIds.length,
 									" ",
 									l("devportal.workspace", "workspace"),
-									t.workspaceIds.length === 1 ? "" : l("devportal.workspacePluralSuffix", "s")
+									e.workspaceIds.length === 1 ? "" : l("devportal.workspacePluralSuffix", "s")
 								]
 							})
 						]
 					})
 				]
-			}), t.status === "ACTIVE" && /* @__PURE__ */ w("button", {
-				onClick: () => n(t),
-				disabled: r || !o,
-				"aria-disabled": !o,
+			}), e.status === "ACTIVE" && /* @__PURE__ */ w("button", {
+				onClick: () => t(e),
+				disabled: n || !s,
+				"aria-disabled": !s,
 				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__ */ C(v, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ C(x, { className: "h-4 w-4" }), l("devportal.revoke", "Revoke")]
+				children: [n ? /* @__PURE__ */ C(v, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ C(x, { className: "h-4 w-4" }), l("devportal.revoke", "Revoke")]
 			})]
 		})
 	});
-}, ce = ({ delegation: t, onRevoke: n, isRevoking: r, selected: i, onToggleSelect: a, canRevoke: o }) => {
+}, ce = ({ delegation: e, onRevoke: t, isRevoking: n, selected: r, onToggleSelect: o, canRevoke: s }) => {
 	let { t: c } = T(), l = (e, t) => {
 		let n = c(e);
 		return n === e ? t : n;
 	};
 	return /* @__PURE__ */ C("div", {
-		className: e("rounded-card border border-border-seam bg-bg-surface p-5 transition-colors hover:border-border-subtle/80", i && "border-primary bg-action-primary-bg/5"),
+		className: a("rounded-card border border-border-seam bg-bg-surface p-5 transition-colors hover:border-border-subtle/80", r && "border-primary bg-action-primary-bg/5"),
 		children: /* @__PURE__ */ w("div", {
 			className: "flex items-start justify-between gap-4",
 			children: [/* @__PURE__ */ w("div", {
 				className: "flex items-start gap-4 min-w-0",
 				children: [
-					t.status === "ACTIVE" && /* @__PURE__ */ C("div", {
+					e.status === "ACTIVE" && /* @__PURE__ */ C("div", {
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ C(s, {
-							checked: i,
-							onChange: a,
-							ariaLabel: l("devportal.selectDelegationAriaLabel", `Select delegation ${t.app?.name ?? t.id}`),
+						children: /* @__PURE__ */ C(i, {
+							checked: r,
+							onChange: o,
+							ariaLabel: l("devportal.selectDelegationAriaLabel", `Select delegation ${e.app?.name ?? e.id}`),
 							className: "mt-1"
 						})
 					}),
 					/* @__PURE__ */ C("div", {
 						className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-accent-purple-subtle text-accent-purple",
 						children: /* @__PURE__ */ C(A, {
-							type: t.app?.type ?? "SERVICE",
+							type: e.app?.type ?? "SERVICE",
 							className: "h-6 w-6"
 						})
 					}),
@@ -235,8 +235,8 @@ var A = ({ type: t, className: n }) => {
 								className: "flex items-center gap-2",
 								children: [/* @__PURE__ */ C("h3", {
 									className: "truncate font-semibold",
-									children: t.app?.name ?? l("devportal.unknownApp", "Unknown App")
-								}), /* @__PURE__ */ C(j, { status: t.status })]
+									children: e.app?.name ?? l("devportal.unknownApp", "Unknown App")
+								}), /* @__PURE__ */ C(j, { status: e.status })]
 							}),
 							/* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
@@ -245,7 +245,7 @@ var A = ({ type: t, className: n }) => {
 									" ",
 									/* @__PURE__ */ C("code", {
 										className: "rounded bg-bg-sunken px-1.5 py-0.5 text-xs",
-										children: t.userId
+										children: e.userId
 									})
 								]
 							}),
@@ -257,24 +257,24 @@ var A = ({ type: t, className: n }) => {
 										/* @__PURE__ */ C(g, { className: "h-3.5 w-3.5" }),
 										l("devportal.granted", "Granted"),
 										" ",
-										O(t.grantedAt)
+										O(e.grantedAt)
 									]
-								}), t.expiresAt && /* @__PURE__ */ w("span", {
+								}), e.expiresAt && /* @__PURE__ */ w("span", {
 									className: "flex items-center gap-1",
 									children: [
 										/* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" }),
 										l("devportal.expires", "Expires"),
 										" ",
-										new Date(t.expiresAt).toLocaleDateString()
+										new Date(e.expiresAt).toLocaleDateString()
 									]
 								})]
 							}),
-							t.scopes.length > 0 && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							e.scopes.length > 0 && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 								className: "mb-1.5 text-xs text-text-secondary",
 								children: l("devportal.permissionsGranted", "Permissions granted:")
 							}), /* @__PURE__ */ C("div", {
 								className: "flex flex-wrap gap-1.5",
-								children: t.scopes.map((e) => /* @__PURE__ */ C("span", {
+								children: e.scopes.map((e) => /* @__PURE__ */ C("span", {
 									className: "rounded-md bg-accent-purple-subtle px-2 py-0.5 text-xs text-accent-purple",
 									children: e
 								}, e))
@@ -282,12 +282,12 @@ var A = ({ type: t, className: n }) => {
 						]
 					})
 				]
-			}), t.status === "ACTIVE" && /* @__PURE__ */ w("button", {
-				onClick: () => n(t),
-				disabled: r || !o,
-				"aria-disabled": !o,
+			}), e.status === "ACTIVE" && /* @__PURE__ */ w("button", {
+				onClick: () => t(e),
+				disabled: n || !s,
+				"aria-disabled": !s,
 				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__ */ C(v, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ C(x, { className: "h-4 w-4" }), l("devportal.revoke", "Revoke")]
+				children: [n ? /* @__PURE__ */ C(v, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ C(x, { className: "h-4 w-4" }), l("devportal.revoke", "Revoke")]
 			})]
 		})
 	});
@@ -332,7 +332,7 @@ var A = ({ type: t, className: n }) => {
 	let { t: d } = T(), h = (e, t) => {
 		let n = d(e);
 		return n === e ? t : n;
-	}, { allowed: _ } = ee(te.DELEGATION_REVOKE), [v, x] = f("acting-as-me"), [S, O] = f([]), [k, A] = f(null), [j, M] = f(/* @__PURE__ */ new Set()), { data: N, loading: ue, error: de, refetch: P } = r({ fetchPolicy: "cache-and-network" }), { data: F, loading: fe, error: pe, 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 = v === "acting-as-me" ? V : U, G = ne(() => W.filter((e) => j.has(e.id)), [j, W]), K = W.length > 0 && W.every((e) => j.has(e.id)), me = W.some((e) => j.has(e.id)) && !K, q = v === "acting-as-me" ? ue : fe, J = v === "acting-as-me" ? de : pe, Y = u((e) => {
+	}, { allowed: _ } = c(s.DELEGATION_REVOKE), [v, x] = f("acting-as-me"), [S, O] = f([]), [k, A] = f(null), [j, M] = f(/* @__PURE__ */ new Set()), { data: N, loading: ue, error: de, refetch: P } = l({ fetchPolicy: "cache-and-network" }), { data: F, loading: fe, error: pe, refetch: I } = ee({ fetchPolicy: "cache-and-network" }), [L, { loading: R }] = te(), 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 = v === "acting-as-me" ? V : U, G = ne(() => W.filter((e) => j.has(e.id)), [j, W]), K = W.length > 0 && W.every((e) => j.has(e.id)), me = W.some((e) => j.has(e.id)) && !K, q = v === "acting-as-me" ? ue : fe, J = v === "acting-as-me" ? de : pe, Y = u((e) => {
 		O([e]);
 	}, []), X = u((e, t) => {
 		M((n) => {
@@ -373,9 +373,9 @@ var A = ({ type: t, className: n }) => {
 	]), _e = u(() => {
 		A(null);
 	}, []), Q = V.length, $ = U.length;
-	return /* @__PURE__ */ C(l, {
+	return /* @__PURE__ */ C(o, {
 		authOnly: !0,
-		children: /* @__PURE__ */ w(o, {
+		children: /* @__PURE__ */ w(e, {
 			title: h("devportal.appDelegationsTitle", "App Delegations"),
 			description: h("devportal.appDelegationsDescription", "Manage which apps can act on your behalf. Revoke access at any time."),
 			purpose: h("devportal.appDelegationsPurpose", "Delegations are the consent grants that let an app perform actions as you within a limited scope and time window. Review what you have authorized here, see what each app can do, and revoke anything you no longer trust."),
@@ -464,7 +464,7 @@ var A = ({ type: t, className: n }) => {
 							onClick: () => {
 								Z(), x("acting-as-me");
 							},
-							className: e("-mb-px border-b-2 px-4 py-3 text-sm font-medium transition-colors", v === "acting-as-me" ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
+							className: a("-mb-px border-b-2 px-4 py-3 text-sm font-medium transition-colors", v === "acting-as-me" ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
 							children: [h("devportal.appsActingAsMe", "Apps Acting as Me"), Q > 0 && /* @__PURE__ */ C("span", {
 								className: "ml-2 inline-flex items-center justify-center rounded-full bg-action-primary-bg/10 px-2 py-0.5 text-xs font-medium text-primary",
 								children: Q
@@ -476,7 +476,7 @@ var A = ({ type: t, className: n }) => {
 							onClick: () => {
 								Z(), x("granted-by-me");
 							},
-							className: e("-mb-px border-b-2 px-4 py-3 text-sm font-medium transition-colors", v === "granted-by-me" ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
+							className: a("-mb-px border-b-2 px-4 py-3 text-sm font-medium transition-colors", v === "granted-by-me" ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
 							children: [h("devportal.delegationsIGranted", "Delegations I Granted"), $ > 0 && /* @__PURE__ */ C("span", {
 								className: "ml-2 inline-flex items-center justify-center rounded-full bg-action-primary-bg/10 px-2 py-0.5 text-xs font-medium text-primary",
 								children: $
@@ -493,7 +493,7 @@ var A = ({ type: t, className: n }) => {
 								className: "flex flex-wrap items-center gap-3",
 								children: [/* @__PURE__ */ w("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ C(s, {
+									children: [/* @__PURE__ */ C(i, {
 										checked: K,
 										indeterminate: me,
 										onChange: he,
@@ -526,18 +526,18 @@ var A = ({ type: t, className: n }) => {
 						]
 					})
 				}),
-				q && !N && !F && /* @__PURE__ */ C(t, { message: h("devportal.loadingDelegations", "Loading delegations...") }),
+				q && !N && !F && /* @__PURE__ */ C(n, { message: h("devportal.loadingDelegations", "Loading delegations...") }),
 				!q && v === "acting-as-me" && /* @__PURE__ */ C("div", {
 					className: "space-y-8",
 					id: "delegations-panel-acting-as-me",
 					role: "tabpanel",
 					"aria-labelledby": "delegations-tab-acting-as-me",
 					tabIndex: 0,
-					children: V.length === 0 && H.length === 0 ? /* @__PURE__ */ C(n, {
+					children: V.length === 0 && H.length === 0 ? /* @__PURE__ */ C(t, {
 						illustration: "empty-people",
 						title: h("devportal.noActiveDelegations", "No Active Delegations"),
 						description: h("devportal.noAppsAuthorizedOnYourBehalf", "No apps are currently authorized to act on your behalf.")
-					}) : /* @__PURE__ */ w(re, { children: [V.length === 0 ? /* @__PURE__ */ C(n, {
+					}) : /* @__PURE__ */ w(re, { children: [V.length === 0 ? /* @__PURE__ */ C(t, {
 						illustration: "empty-people",
 						icon: /* @__PURE__ */ C(y, { size: 32 }),
 						title: h("devportal.noActiveDelegations", "No Active Delegations"),
@@ -560,7 +560,7 @@ var A = ({ type: t, className: n }) => {
 					role: "tabpanel",
 					"aria-labelledby": "delegations-tab-granted-by-me",
 					tabIndex: 0,
-					children: B.length === 0 ? /* @__PURE__ */ C(n, {
+					children: B.length === 0 ? /* @__PURE__ */ C(t, {
 						illustration: "empty-people",
 						title: h("devportal.noDelegationsGranted", "No Delegations Granted"),
 						description: h("devportal.noGrantedDelegationsDescription", "You haven't granted any app delegations to other users.")
@@ -586,7 +586,7 @@ var A = ({ type: t, className: n }) => {
 						})] })]
 					})
 				}),
-				/* @__PURE__ */ C(c, {
+				/* @__PURE__ */ C(r, {
 					open: S.length > 0,
 					onOpenChange: (e) => {
 						e || O([]);
@@ -603,7 +603,6 @@ var A = ({ type: t, className: n }) => {
 		})
 	});
 };
-//#endregion
 export { M as DelegationsPage };
 
 //# sourceMappingURL=DelegationsPage.js.map