@burdenoff/microfe-devportal 2026.830.1 → 2026.830.2

package/dist/devportal/pages/DelegationsPage.js

@@ -10,9 +10,9 @@ import "../components/index.js";
 import { useDevportalPermission as ee } from "../hooks/usePermission.js";
 import { DEVPORTAL_PERMISSIONS as te } from "../constants/permissions.js";
 import { useCallback as u, useEffect as d, useMemo as ne, useState as f } from "react";
-import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as m, AlertTriangle as h, Bot as g, Clock as _, Cog as v, Loader2 as y, Shield as b, Users as x, XCircle as S, Zap as C } from "lucide-react";
-import { Fragment as re, jsx as w, jsxs as T } from "react/jsx-runtime";
+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
 function D(e) {
@@ -50,12 +50,12 @@ function k(e) {
 var A = ({ type: t, className: n }) => {
 	let r = { className: e("h-5 w-5", n) };
 	switch (t) {
-		case "SERVICE": return /* @__PURE__ */ w(v, { ...r });
-		case "BOT": return /* @__PURE__ */ w(g, { ...r });
-		case "INTEGRATION": return /* @__PURE__ */ w(C, { ...r });
-		default: return /* @__PURE__ */ w(b, { ...r });
+		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 });
 	}
-}, j = ({ status: t }) => /* @__PURE__ */ w("span", {
+}, j = ({ status: t }) => /* @__PURE__ */ C("span", {
 	className: e("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",
@@ -65,28 +65,28 @@ var A = ({ type: t, className: n }) => {
 }), ae = ({ message: e, onDismiss: t }) => (d(() => {
 	let e = setTimeout(t, 5e3);
 	return () => clearTimeout(e);
-}, [t]), /* @__PURE__ */ w("div", {
+}, [t]), /* @__PURE__ */ C("div", {
 	className: "rounded-lg border border-border-subtle bg-status-success-bg-subtle p-4",
-	children: /* @__PURE__ */ T("div", {
+	children: /* @__PURE__ */ w("div", {
 		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ w(b, { className: "h-5 w-5 text-status-success-text" }), /* @__PURE__ */ w("p", {
+		children: [/* @__PURE__ */ C(y, { className: "h-5 w-5 text-status-success-text" }), /* @__PURE__ */ C("p", {
 			className: "text-sm font-medium text-status-success-text",
 			children: e
 		})]
 	})
 })), oe = ({ message: e, onRetry: t }) => {
-	let { t: n } = p();
-	return /* @__PURE__ */ w("div", {
+	let { t: n } = T();
+	return /* @__PURE__ */ C("div", {
 		className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-4",
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "flex items-center gap-3",
 			children: [
-				/* @__PURE__ */ w(m, { className: "h-5 w-5 text-status-error-text" }),
-				/* @__PURE__ */ w("p", {
+				/* @__PURE__ */ C(p, { className: "h-5 w-5 text-status-error-text" }),
+				/* @__PURE__ */ C("p", {
 					className: "flex-1 text-sm text-status-error-text",
 					children: e
 				}),
-				t && /* @__PURE__ */ w("button", {
+				t && /* @__PURE__ */ C("button", {
 					onClick: t,
 					className: "rounded-md border px-3 py-1.5 text-xs font-medium hover:bg-bg-sunken transition-colors",
 					children: ((e, t) => {
@@ -98,88 +98,88 @@ var A = ({ type: t, className: n }) => {
 		})
 	});
 }, se = ({ delegation: t, onRevoke: n, isRevoking: r, selected: i, onToggleSelect: a, canRevoke: o }) => {
-	let { t: c } = p(), l = (e, t) => {
+	let { t: c } = T(), l = (e, t) => {
 		let n = c(e);
 		return n === e ? t : n;
 	};
-	return /* @__PURE__ */ w("div", {
+	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"),
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "flex items-start justify-between gap-4",
-			children: [/* @__PURE__ */ T("div", {
+			children: [/* @__PURE__ */ w("div", {
 				className: "flex items-start gap-4 min-w-0",
 				children: [
-					t.status === "ACTIVE" && /* @__PURE__ */ w("div", {
+					t.status === "ACTIVE" && /* @__PURE__ */ C("div", {
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ w(s, {
+						children: /* @__PURE__ */ C(s, {
 							checked: i,
 							onChange: a,
 							ariaLabel: l("devportal.selectDelegationAriaLabel", `Select delegation ${t.app?.name ?? t.id}`),
 							className: "mt-1"
 						})
 					}),
-					/* @__PURE__ */ w("div", {
+					/* @__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"),
-						children: /* @__PURE__ */ w(A, {
+						children: /* @__PURE__ */ C(A, {
 							type: t.app?.type ?? "SERVICE",
 							className: "h-6 w-6"
 						})
 					}),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ w("div", {
 						className: "min-w-0 space-y-2",
 						children: [
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ w("h3", {
+								children: [/* @__PURE__ */ C("h3", {
 									className: "truncate font-semibold",
 									children: t.app?.name ?? l("devportal.unknownApp", "Unknown App")
-								}), /* @__PURE__ */ w(j, { status: t.status })]
+								}), /* @__PURE__ */ C(j, { status: t.status })]
 							}),
-							t.app?.description && /* @__PURE__ */ w("p", {
+							t.app?.description && /* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary line-clamp-2",
 								children: t.app.description
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary",
 								children: [
-									/* @__PURE__ */ T("span", {
+									/* @__PURE__ */ w("span", {
 										className: "flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ w(_, { className: "h-3.5 w-3.5" }),
+											/* @__PURE__ */ C(g, { className: "h-3.5 w-3.5" }),
 											l("devportal.granted", "Granted"),
 											" ",
 											O(t.grantedAt)
 										]
 									}),
-									t.expiresAt && /* @__PURE__ */ T("span", {
+									t.expiresAt && /* @__PURE__ */ w("span", {
 										className: "flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ w(h, { className: "h-3.5 w-3.5" }),
+											/* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" }),
 											l("devportal.expires", "Expires"),
 											" ",
 											k(t.expiresAt)
 										]
 									}),
-									/* @__PURE__ */ w("span", {
+									/* @__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"
 									})
 								]
 							}),
-							t.scopes.length > 0 && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+							t.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__ */ w("div", {
+							}), /* @__PURE__ */ C("div", {
 								className: "flex flex-wrap gap-1.5",
-								children: t.scopes.map((e) => /* @__PURE__ */ w("span", {
+								children: t.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__ */ T("p", {
+							t.workspaceIds.length > 0 && /* @__PURE__ */ w("p", {
 								className: "flex items-center gap-1 text-xs text-text-secondary",
 								children: [
-									/* @__PURE__ */ w(x, { className: "h-3.5 w-3.5" }),
+									/* @__PURE__ */ C(b, { className: "h-3.5 w-3.5" }),
 									l("devportal.accessToWorkspaces", "Access to"),
 									" ",
 									t.workspaceIds.length,
@@ -191,90 +191,90 @@ var A = ({ type: t, className: n }) => {
 						]
 					})
 				]
-			}), t.status === "ACTIVE" && /* @__PURE__ */ T("button", {
+			}), t.status === "ACTIVE" && /* @__PURE__ */ w("button", {
 				onClick: () => n(t),
 				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__ */ w(y, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ w(S, { className: "h-4 w-4" }), l("devportal.revoke", "Revoke")]
+				children: [r ? /* @__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 }) => {
-	let { t: c } = p(), l = (e, t) => {
+	let { t: c } = T(), l = (e, t) => {
 		let n = c(e);
 		return n === e ? t : n;
 	};
-	return /* @__PURE__ */ w("div", {
+	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"),
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "flex items-start justify-between gap-4",
-			children: [/* @__PURE__ */ T("div", {
+			children: [/* @__PURE__ */ w("div", {
 				className: "flex items-start gap-4 min-w-0",
 				children: [
-					t.status === "ACTIVE" && /* @__PURE__ */ w("div", {
+					t.status === "ACTIVE" && /* @__PURE__ */ C("div", {
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ w(s, {
+						children: /* @__PURE__ */ C(s, {
 							checked: i,
 							onChange: a,
 							ariaLabel: l("devportal.selectDelegationAriaLabel", `Select delegation ${t.app?.name ?? t.id}`),
 							className: "mt-1"
 						})
 					}),
-					/* @__PURE__ */ w("div", {
+					/* @__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__ */ w(A, {
+						children: /* @__PURE__ */ C(A, {
 							type: t.app?.type ?? "SERVICE",
 							className: "h-6 w-6"
 						})
 					}),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ w("div", {
 						className: "min-w-0 space-y-2",
 						children: [
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ w("h3", {
+								children: [/* @__PURE__ */ C("h3", {
 									className: "truncate font-semibold",
 									children: t.app?.name ?? l("devportal.unknownApp", "Unknown App")
-								}), /* @__PURE__ */ w(j, { status: t.status })]
+								}), /* @__PURE__ */ C(j, { status: t.status })]
 							}),
-							/* @__PURE__ */ T("p", {
+							/* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
 								children: [
 									l("devportal.grantedToUser", "Granted to user:"),
 									" ",
-									/* @__PURE__ */ w("code", {
+									/* @__PURE__ */ C("code", {
 										className: "rounded bg-bg-sunken px-1.5 py-0.5 text-xs",
 										children: t.userId
 									})
 								]
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ w("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ w(_, { className: "h-3.5 w-3.5" }),
+										/* @__PURE__ */ C(g, { className: "h-3.5 w-3.5" }),
 										l("devportal.granted", "Granted"),
 										" ",
 										O(t.grantedAt)
 									]
-								}), t.expiresAt && /* @__PURE__ */ T("span", {
+								}), t.expiresAt && /* @__PURE__ */ w("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ w(h, { className: "h-3.5 w-3.5" }),
+										/* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" }),
 										l("devportal.expires", "Expires"),
 										" ",
 										new Date(t.expiresAt).toLocaleDateString()
 									]
 								})]
 							}),
-							t.scopes.length > 0 && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+							t.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__ */ w("div", {
+							}), /* @__PURE__ */ C("div", {
 								className: "flex flex-wrap gap-1.5",
-								children: t.scopes.map((e) => /* @__PURE__ */ w("span", {
+								children: t.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,41 +282,41 @@ var A = ({ type: t, className: n }) => {
 						]
 					})
 				]
-			}), t.status === "ACTIVE" && /* @__PURE__ */ T("button", {
+			}), t.status === "ACTIVE" && /* @__PURE__ */ w("button", {
 				onClick: () => n(t),
 				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__ */ w(y, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ w(S, { className: "h-4 w-4" }), l("devportal.revoke", "Revoke")]
+				children: [r ? /* @__PURE__ */ C(v, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ C(x, { className: "h-4 w-4" }), l("devportal.revoke", "Revoke")]
 			})]
 		})
 	});
 }, le = ({ delegations: e }) => {
-	let { t } = p(), n = (e, n) => {
+	let { t } = T(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	};
-	return e.length === 0 ? null : /* @__PURE__ */ T("div", {
+	return e.length === 0 ? null : /* @__PURE__ */ w("div", {
 		className: "space-y-4",
-		children: [/* @__PURE__ */ w("h2", {
+		children: [/* @__PURE__ */ C("h2", {
 			className: "text-lg font-semibold",
 			children: n("devportal.revocationHistory", "Revocation History")
-		}), /* @__PURE__ */ w("div", {
+		}), /* @__PURE__ */ C("div", {
 			className: "space-y-3 opacity-60",
-			children: e.map((e) => /* @__PURE__ */ T("div", {
+			children: e.map((e) => /* @__PURE__ */ w("div", {
 				className: "flex items-center justify-between rounded-lg border bg-bg-sunken/30 p-4",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ w("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
-						children: /* @__PURE__ */ w(A, {
+						children: /* @__PURE__ */ C(A, {
 							type: e.app?.type ?? "SERVICE",
 							className: "h-5 w-5"
 						})
-					}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+					}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h3", {
 						className: "font-medium",
 						children: e.app?.name ?? n("devportal.unknownApp", "Unknown App")
-					}), /* @__PURE__ */ T("p", {
+					}), /* @__PURE__ */ w("p", {
 						className: "text-sm text-text-secondary",
 						children: [
 							e.status === "REVOKED" ? n("devportal.revoked", "Revoked") : n("devportal.expired", "Expired"),
@@ -324,15 +324,15 @@ var A = ({ type: t, className: n }) => {
 							e.revokedAt ? O(e.revokedAt) : ""
 						]
 					})] })]
-				}), /* @__PURE__ */ w(j, { status: e.status })]
+				}), /* @__PURE__ */ C(j, { status: e.status })]
 			}, e.id))
 		})]
 	});
 }, M = () => {
-	let { t: d } = p(), g = (e, t) => {
+	let { t: d } = T(), h = (e, t) => {
 		let n = d(e);
 		return n === e ? t : n;
-	}, { allowed: v } = ee(te.DELEGATION_REVOKE), [y, S] = f("acting-as-me"), [C, 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 = y === "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 = y === "acting-as-me" ? ue : fe, J = y === "acting-as-me" ? de : pe, Y = u((e) => {
+	}, { 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) => {
 		O([e]);
 	}, []), X = u((e, t) => {
 		M((n) => {
@@ -353,249 +353,249 @@ var A = ({ type: t, className: n }) => {
 		G.length !== 0 && O(G);
 	}, [G]);
 	let ge = u(async () => {
-		if (C.length !== 0) try {
-			let e = await Promise.allSettled(C.map((e) => L({ variables: {
+		if (S.length !== 0) try {
+			let e = await Promise.allSettled(S.map((e) => L({ variables: {
 				id: e.id,
-				reason: g("devportal.userRevokedAccessReason", "User revoked access via Developer Portal")
+				reason: h("devportal.userRevokedAccessReason", "User revoked access via Developer Portal")
 			} }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
 			A(`Revoked ${t} delegation${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), M((e) => {
 				let t = new Set(e);
-				return C.forEach((e) => t.delete(e.id)), t;
+				return S.forEach((e) => t.delete(e.id)), t;
 			}), O([]), P(), I();
 		} catch {
 			O([]);
 		}
 	}, [
-		C,
+		S,
 		L,
 		P,
 		I
 	]), _e = u(() => {
 		A(null);
 	}, []), Q = V.length, $ = U.length;
-	return /* @__PURE__ */ w(l, {
+	return /* @__PURE__ */ C(l, {
 		authOnly: !0,
-		children: /* @__PURE__ */ T(o, {
-			title: g("devportal.appDelegationsTitle", "App Delegations"),
-			description: g("devportal.appDelegationsDescription", "Manage which apps can act on your behalf. Revoke access at any time."),
-			purpose: g("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."),
+		children: /* @__PURE__ */ w(o, {
+			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."),
 			children: [
-				k && /* @__PURE__ */ w(ae, {
+				k && /* @__PURE__ */ C(ae, {
 					message: k,
 					onDismiss: _e
 				}),
-				J && /* @__PURE__ */ w(oe, {
-					message: J.message || g("devportal.failedToLoadDelegations", "Failed to load delegations"),
+				J && /* @__PURE__ */ C(oe, {
+					message: J.message || h("devportal.failedToLoadDelegations", "Failed to load delegations"),
 					onRetry: () => {
 						P(), I();
 					}
 				}),
-				/* @__PURE__ */ w(ie, { children: /* @__PURE__ */ T("div", {
+				/* @__PURE__ */ C(ie, { children: /* @__PURE__ */ w("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
 					children: [
-						/* @__PURE__ */ T(E, {
+						/* @__PURE__ */ w(E, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ w(b, { className: "h-4 w-4" }), /* @__PURE__ */ w("span", {
+								children: [/* @__PURE__ */ C(y, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", {
 									className: "text-sm",
-									children: g("devportal.activeDelegations", "Active Delegations")
+									children: h("devportal.activeDelegations", "Active Delegations")
 								})]
-							}), /* @__PURE__ */ w("p", {
+							}), /* @__PURE__ */ C("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: Q
 							})]
 						}),
-						/* @__PURE__ */ T(E, {
+						/* @__PURE__ */ w(E, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ w(x, { className: "h-4 w-4" }), /* @__PURE__ */ w("span", {
+								children: [/* @__PURE__ */ C(b, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", {
 									className: "text-sm",
-									children: g("devportal.grantedByMe", "Granted by Me")
+									children: h("devportal.grantedByMe", "Granted by Me")
 								})]
-							}), /* @__PURE__ */ w("p", {
+							}), /* @__PURE__ */ C("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: $
 							})]
 						}),
-						/* @__PURE__ */ T(E, {
+						/* @__PURE__ */ w(E, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-2 text-status-warning-text",
-								children: [/* @__PURE__ */ w(h, { className: "h-4 w-4" }), /* @__PURE__ */ w("span", {
+								children: [/* @__PURE__ */ C(m, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", {
 									className: "text-sm",
-									children: g("devportal.revokedExpired", "Revoked / Expired")
+									children: h("devportal.revokedExpired", "Revoked / Expired")
 								})]
-							}), /* @__PURE__ */ w("p", {
+							}), /* @__PURE__ */ C("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: H.length
 							})]
 						}),
-						/* @__PURE__ */ T(E, {
+						/* @__PURE__ */ w(E, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ w(_, { className: "h-4 w-4" }), /* @__PURE__ */ w("span", {
+								children: [/* @__PURE__ */ C(g, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", {
 									className: "text-sm",
-									children: g("devportal.totalAllTime", "Total All-Time")
+									children: h("devportal.totalAllTime", "Total All-Time")
 								})]
-							}), /* @__PURE__ */ w("p", {
+							}), /* @__PURE__ */ C("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums",
 								children: z.length
 							})]
 						})
 					]
 				}) }),
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ C("div", {
 					className: "border-b",
-					children: /* @__PURE__ */ T("div", {
+					children: /* @__PURE__ */ w("div", {
 						className: "flex overflow-x-auto",
 						role: "tablist",
-						"aria-label": g("devportal.delegationSections", "Delegation sections"),
-						children: [/* @__PURE__ */ T("button", {
+						"aria-label": h("devportal.delegationSections", "Delegation sections"),
+						children: [/* @__PURE__ */ w("button", {
 							id: "delegations-tab-acting-as-me",
 							role: "tab",
-							"aria-selected": y === "acting-as-me",
+							"aria-selected": v === "acting-as-me",
 							onClick: () => {
-								Z(), S("acting-as-me");
+								Z(), x("acting-as-me");
 							},
-							className: e("-mb-px border-b-2 px-4 py-3 text-sm font-medium transition-colors", y === "acting-as-me" ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
-							children: [g("devportal.appsActingAsMe", "Apps Acting as Me"), Q > 0 && /* @__PURE__ */ w("span", {
+							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"),
+							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
 							})]
-						}), /* @__PURE__ */ T("button", {
+						}), /* @__PURE__ */ w("button", {
 							id: "delegations-tab-granted-by-me",
 							role: "tab",
-							"aria-selected": y === "granted-by-me",
+							"aria-selected": v === "granted-by-me",
 							onClick: () => {
-								Z(), S("granted-by-me");
+								Z(), x("granted-by-me");
 							},
-							className: e("-mb-px border-b-2 px-4 py-3 text-sm font-medium transition-colors", y === "granted-by-me" ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
-							children: [g("devportal.delegationsIGranted", "Delegations I Granted"), $ > 0 && /* @__PURE__ */ w("span", {
+							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"),
+							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: $
 							})]
 						})]
 					})
 				}),
-				W.length > 0 && /* @__PURE__ */ w("div", {
+				W.length > 0 && /* @__PURE__ */ C("div", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-4",
-					children: /* @__PURE__ */ T("div", {
+					children: /* @__PURE__ */ w("div", {
 						className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
 						children: [
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex flex-wrap items-center gap-3",
-								children: [/* @__PURE__ */ T("div", {
+								children: [/* @__PURE__ */ w("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ w(s, {
+									children: [/* @__PURE__ */ C(s, {
 										checked: K,
 										indeterminate: me,
 										onChange: he,
-										ariaLabel: g("devportal.selectAllVisibleDelegations", "Select all visible delegations")
-									}), /* @__PURE__ */ w("span", {
+										ariaLabel: h("devportal.selectAllVisibleDelegations", "Select all visible delegations")
+									}), /* @__PURE__ */ C("span", {
 										className: "text-sm font-medium",
-										children: g("devportal.selectAllVisible", "Select all visible")
+										children: h("devportal.selectAllVisible", "Select all visible")
 									})]
-								}), j.size > 0 && /* @__PURE__ */ w("button", {
+								}), j.size > 0 && /* @__PURE__ */ C("button", {
 									onClick: Z,
 									className: "text-sm text-text-secondary hover:text-text-primary",
-									children: g("devportal.clearSelection", "Clear selection")
+									children: h("devportal.clearSelection", "Clear selection")
 								})]
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ C("div", {
 								className: "flex flex-wrap items-center gap-2",
-								children: /* @__PURE__ */ T("span", {
+								children: /* @__PURE__ */ w("span", {
 									className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
 									children: [
 										j.size,
 										" ",
-										g("devportal.selected", "selected")
+										h("devportal.selected", "selected")
 									]
 								})
 							}),
-							/* @__PURE__ */ w("p", {
+							/* @__PURE__ */ C("p", {
 								className: "mt-1 text-2xl font-semibold",
 								children: Q
 							})
 						]
 					})
 				}),
-				q && !N && !F && /* @__PURE__ */ w(t, { message: g("devportal.loadingDelegations", "Loading delegations...") }),
-				!q && y === "acting-as-me" && /* @__PURE__ */ w("div", {
+				q && !N && !F && /* @__PURE__ */ C(t, { 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__ */ w(n, {
+					children: V.length === 0 && H.length === 0 ? /* @__PURE__ */ C(n, {
 						illustration: "empty-people",
-						title: g("devportal.noActiveDelegations", "No Active Delegations"),
-						description: g("devportal.noAppsAuthorizedOnYourBehalf", "No apps are currently authorized to act on your behalf.")
-					}) : /* @__PURE__ */ T(re, { children: [V.length === 0 ? /* @__PURE__ */ w(n, {
+						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, {
 						illustration: "empty-people",
-						icon: /* @__PURE__ */ w(b, { size: 32 }),
-						title: g("devportal.noActiveDelegations", "No Active Delegations"),
-						description: g("devportal.allPreviousDelegationsRevokedOrExpired", "All previous delegations have been revoked or expired.")
-					}) : /* @__PURE__ */ w("div", {
+						icon: /* @__PURE__ */ C(y, { size: 32 }),
+						title: h("devportal.noActiveDelegations", "No Active Delegations"),
+						description: h("devportal.allPreviousDelegationsRevokedOrExpired", "All previous delegations have been revoked or expired.")
+					}) : /* @__PURE__ */ C("div", {
 						className: "space-y-4",
-						children: V.map((e) => /* @__PURE__ */ w(se, {
+						children: V.map((e) => /* @__PURE__ */ C(se, {
 							delegation: e,
 							onRevoke: Y,
-							isRevoking: R && C.some((t) => t.id === e.id),
+							isRevoking: R && S.some((t) => t.id === e.id),
 							selected: j.has(e.id),
 							onToggleSelect: (t) => X(e.id, t),
-							canRevoke: v
+							canRevoke: _
 						}, e.id))
-					}), /* @__PURE__ */ w(le, { delegations: H })] })
+					}), /* @__PURE__ */ C(le, { delegations: H })] })
 				}),
-				!q && y === "granted-by-me" && /* @__PURE__ */ w("div", {
+				!q && v === "granted-by-me" && /* @__PURE__ */ C("div", {
 					className: "space-y-4",
 					id: "delegations-panel-granted-by-me",
 					role: "tabpanel",
 					"aria-labelledby": "delegations-tab-granted-by-me",
 					tabIndex: 0,
-					children: B.length === 0 ? /* @__PURE__ */ w(n, {
+					children: B.length === 0 ? /* @__PURE__ */ C(n, {
 						illustration: "empty-people",
-						title: g("devportal.noDelegationsGranted", "No Delegations Granted"),
-						description: g("devportal.noGrantedDelegationsDescription", "You haven't granted any app delegations to other users.")
-					}) : B.map((e) => /* @__PURE__ */ w(ce, {
+						title: h("devportal.noDelegationsGranted", "No Delegations Granted"),
+						description: h("devportal.noGrantedDelegationsDescription", "You haven't granted any app delegations to other users.")
+					}) : B.map((e) => /* @__PURE__ */ C(ce, {
 						delegation: e,
 						onRevoke: Y,
-						isRevoking: R && C.some((t) => t.id === e.id),
+						isRevoking: R && S.some((t) => t.id === e.id),
 						selected: j.has(e.id),
 						onToggleSelect: (t) => X(e.id, t),
-						canRevoke: v
+						canRevoke: _
 					}, e.id))
 				}),
-				/* @__PURE__ */ w("div", {
+				/* @__PURE__ */ C("div", {
 					className: "rounded-lg border border-border-subtle bg-status-info-bg-subtle p-5",
-					children: /* @__PURE__ */ T("div", {
+					children: /* @__PURE__ */ w("div", {
 						className: "flex gap-4",
-						children: [/* @__PURE__ */ w(m, { className: "h-6 w-6 shrink-0 text-accent-blue" }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+						children: [/* @__PURE__ */ C(p, { className: "h-6 w-6 shrink-0 text-accent-blue" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h3", {
 							className: "font-semibold text-status-info-text",
-							children: g("devportal.aboutAppDelegations", "About App Delegations")
-						}), /* @__PURE__ */ w("p", {
+							children: h("devportal.aboutAppDelegations", "About App Delegations")
+						}), /* @__PURE__ */ C("p", {
 							className: "mt-1 text-sm text-status-info-text",
-							children: g("devportal.aboutAppDelegationsText", "App delegations allow automated services, bots, and integrations to perform actions on your behalf. Each delegation specifies which permissions (scopes) and workspaces the app can access. You can revoke access at any time, which immediately prevents the app from acting as you.")
+							children: h("devportal.aboutAppDelegationsText", "App delegations allow automated services, bots, and integrations to perform actions on your behalf. Each delegation specifies which permissions (scopes) and workspaces the app can access. You can revoke access at any time, which immediately prevents the app from acting as you.")
 						})] })]
 					})
 				}),
-				/* @__PURE__ */ w(c, {
-					open: C.length > 0,
+				/* @__PURE__ */ C(c, {
+					open: S.length > 0,
 					onOpenChange: (e) => {
 						e || O([]);
 					},
 					onConfirm: ge,
-					title: C.length > 1 ? g("devportal.revokeDelegations", "Revoke Delegations") : g("devportal.revokeDelegation", "Revoke Delegation"),
-					description: C.length > 1 ? g("devportal.revokeDelegationsBulkConfirm", `Are you sure you want to revoke ${C.length} selected delegations? Those apps will no longer be able to act on the delegated users' behalf.`) : g("devportal.revokeDelegationSingleConfirm", `Are you sure you want to revoke access for "${C[0]?.app?.name ?? "this app"}"? This app will no longer be able to act on your behalf.`),
-					confirmLabel: g("devportal.revokeAccess", "Revoke Access"),
-					cancelLabel: g("devportal.cancel", "Cancel"),
+					title: S.length > 1 ? h("devportal.revokeDelegations", "Revoke Delegations") : h("devportal.revokeDelegation", "Revoke Delegation"),
+					description: S.length > 1 ? h("devportal.revokeDelegationsBulkConfirm", `Are you sure you want to revoke ${S.length} selected delegations? Those apps will no longer be able to act on the delegated users' behalf.`) : h("devportal.revokeDelegationSingleConfirm", `Are you sure you want to revoke access for "${S[0]?.app?.name ?? "this app"}"? This app will no longer be able to act on your behalf.`),
+					confirmLabel: h("devportal.revokeAccess", "Revoke Access"),
+					cancelLabel: h("devportal.cancel", "Cancel"),
 					variant: "danger",
 					loading: R
 				})