@burdenoff/microfe-devportal 2026.705.4 → 2026.707.2

package/dist/devportal/pages/OrganizationMembersPage.js

@@ -6,310 +6,337 @@ import { ORG_ROLE_LABELS as o } from "../utils/constants.js";
 import { StatusBadge as s } from "../components/StatusBadge.js";
 import { SelectionCheckbox as c } from "../components/SelectionCheckbox.js";
 import { DataTable as le } from "../components/DataTable.js";
-import { InputField as ue, SelectField as de } from "../components/FormField.js";
+import { InputField as ue, SelectField as de, TextareaField as fe } from "../components/FormField.js";
 import { ConfirmDialog as l } from "../components/ConfirmDialog.js";
-import { PermissionGuard as fe } from "../components/PermissionGuard.js";
+import { PermissionGuard as pe } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { DEVPORTAL_PERMISSIONS as u } from "../constants/permissions.js";
 import { useDevportalPermission as d } from "../hooks/usePermission.js";
 import "../hooks/index.js";
-import f from "../../node_modules/date-fns/format.js";
-import { useEffect as pe, useMemo as p, useState as m } from "react";
-import { useI18n as me } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as h, Loader2 as he, Mail as ge, Plus as _e, RefreshCw as ve, Shield as ye, UserMinus as be } from "lucide-react";
-import { useParams as xe } from "react-router-dom";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import me from "../../node_modules/date-fns/format.js";
+import { useEffect as he, useMemo as f, useState as p } from "react";
+import { useI18n as ge } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as m, Loader2 as _e, Mail as ve, Plus as ye, RefreshCw as be, Shield as xe, UserMinus as Se } from "lucide-react";
+import { useParams as Ce } from "react-router-dom";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/devportal/pages/OrganizationMembersPage.tsx
-var v = () => {
-	let { orgId: v } = xe(), { currentUser: y } = e(), { allowed: Se } = d(u.ORG_INVITATION_CREATE), { allowed: b } = d(u.ORG_MEMBER_UPDATE), { allowed: x } = d(u.ORG_MEMBER_DELETE), { allowed: S } = d(u.ORG_MEMBER_ACTIVATE), { allowed: C } = d(u.ORG_MEMBER_DEACTIVATE), w = (e) => e.email ? e.email : y?.id === e.userId && y.email ? y.email : e.userId, { t: Ce } = me(), T = (e, t) => {
-		let n = Ce(e);
+var we = {
+	VIEWER: 0,
+	DEVELOPER: 1,
+	ADMIN: 2,
+	OWNER: 3
+}, _ = () => {
+	let { orgId: _ } = Ce(), { currentUser: v } = e(), { allowed: Te } = d(u.ORG_INVITATION_CREATE), { allowed: Ee } = d(u.ORG_MEMBER_UPDATE), { allowed: De } = d(u.ORG_MEMBER_DELETE), { allowed: Oe } = d(u.ORG_MEMBER_ACTIVATE), { allowed: ke } = d(u.ORG_MEMBER_DEACTIVATE), y = (e) => e.email ? e.email : v?.id === e.userId && v.email ? v.email : e.userId, { t: Ae } = ge(), b = (e, t) => {
+		let n = Ae(e);
 		return n === e ? t : n;
-	}, [we, E] = m(!1), [D, Te] = m(""), [Ee, De] = m("DEVELOPER"), [Oe, ke] = m(""), [Ae, O] = m(null), [je, k] = m(null), [A, j] = m(/* @__PURE__ */ new Set()), [M, N] = m(/* @__PURE__ */ new Set()), [Me, P] = m(!1), [Ne, F] = m(!1), [I, L] = m(null), { data: Pe } = te({
-		variables: { id: v ?? "" },
-		skip: !v,
+	}, [x, S] = p(!1), [C, w] = p(""), [T, E] = p("DEVELOPER"), [je, Me] = p(""), [Ne, D] = p(null), [Pe, O] = p(null), [k, A] = p(/* @__PURE__ */ new Set()), [j, M] = p(/* @__PURE__ */ new Set()), [Fe, N] = p(!1), [Ie, P] = p(!1), [F, I] = p(null), { data: Le } = te({
+		variables: { id: _ ?? "" },
+		skip: !_,
 		fetchPolicy: "cache-first"
 	});
-	pe(() => {
-		let e = Pe?.developerOrganization?.name;
-		if (!v || !e) return;
+	he(() => {
+		let e = Le?.developerOrganization?.name;
+		if (!_ || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(v, e), () => t?.unregister(v);
-	}, [v, Pe?.developerOrganization?.name]);
-	let { data: R, loading: Fe, error: z } = ee({
-		variables: { organizationId: v },
-		skip: !v,
+		return t?.register(_, e), () => t?.unregister(_);
+	}, [_, Le?.developerOrganization?.name]);
+	let { data: L, loading: Re, error: ze } = ee({
+		variables: { organizationId: _ },
+		skip: !_,
 		fetchPolicy: "cache-and-network"
-	}), { data: B, loading: Ie, error: V } = r({
+	}), [Be, { loading: Ve }] = ne({ refetchQueries: ["GetOrganizationInvitations"] }), [He] = ie({ refetchQueries: ["GetOrganizationMembers"] }), [Ue] = oe({ refetchQueries: ["GetOrganizationMembers"] }), [We] = re({ refetchQueries: ["GetOrganizationMembers"] }), [Ge] = ce({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [Ke] = se({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [qe] = n({ refetchQueries: ["GetOrganizationInvitations"] }), [Je] = ae(), R = f(() => L?.developerOrgMembers?.edges?.map((e) => e.node) ?? [], [L?.developerOrgMembers?.edges]), Ye = (v ? R.find((e) => e.userId === v.id) : void 0)?.role, z = Ye !== void 0 && we[Ye] >= we.ADMIN, B = z && Te, V = z && Ee, H = z && De, U = z && Oe, W = z && ke, { data: G, loading: Xe, error: Ze } = r({
 		variables: {
-			organizationId: v,
+			organizationId: _,
 			status: "PENDING"
 		},
-		skip: !v,
+		skip: !_ || !z,
 		fetchPolicy: "cache-and-network"
-	}), [Le, { loading: Re }] = ne({ refetchQueries: ["GetOrganizationInvitations"] }), [H] = ie({ refetchQueries: ["GetOrganizationMembers"] }), [U] = oe({ refetchQueries: ["GetOrganizationMembers"] }), [W] = re({ refetchQueries: ["GetOrganizationMembers"] }), [ze] = ce({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [Be] = se({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [G] = n({ refetchQueries: ["GetOrganizationInvitations"] }), [Ve] = ae(), K = p(() => R?.developerOrgMembers?.edges?.map((e) => e.node) ?? [], [R?.developerOrgMembers?.edges]), q = p(() => B?.developerOrgInvitations?.edges?.map((e) => e.node) ?? [], [B?.developerOrgInvitations?.edges]), He = R?.developerOrgMembers?.totalCount ?? 0, Ue = B?.developerOrgInvitations?.totalCount ?? 0, J = p(() => K.filter((e) => A.has(e.id)), [K, A]), Y = p(() => q.filter((e) => M.has(e.id)), [q, M]), X = K.filter((e) => e.role !== "OWNER"), We = X.length > 0 && X.every((e) => A.has(e.id)), Ge = X.some((e) => A.has(e.id)) && !We, Ke = q.length > 0 && q.every((e) => M.has(e.id)), qe = q.some((e) => M.has(e.id)) && !Ke, Z = J.filter((e) => e.role !== "OWNER" && !e.isSuspended), Q = J.filter((e) => e.isSuspended), $ = J.filter((e) => e.role !== "OWNER"), Je = async () => {
-		if (!(!v || !D.trim())) {
-			O(null);
+	}), K = f(() => G?.developerOrgInvitations?.edges?.map((e) => e.node) ?? [], [G?.developerOrgInvitations?.edges]), Qe = L?.developerOrgMembers?.totalCount ?? 0, $e = G?.developerOrgInvitations?.totalCount ?? 0, q = f(() => R.filter((e) => k.has(e.id)), [R, k]), J = f(() => K.filter((e) => j.has(e.id)), [K, j]), Y = R.filter((e) => e.role !== "OWNER"), et = Y.length > 0 && Y.every((e) => k.has(e.id)), tt = Y.some((e) => k.has(e.id)) && !et, X = K.length > 0 && K.every((e) => j.has(e.id)), nt = K.some((e) => j.has(e.id)) && !X, Z = q.filter((e) => e.role !== "OWNER" && !e.isSuspended), Q = q.filter((e) => e.isSuspended), $ = q.filter((e) => e.role !== "OWNER"), rt = async () => {
+		if (!(!_ || !C.trim())) {
+			D(null);
 			try {
-				await Le({ variables: {
-					organizationId: v,
+				await Be({ variables: {
+					organizationId: _,
 					input: {
-						email: D,
-						role: Ee,
-						message: Oe || void 0
+						email: C,
+						role: T,
+						message: je || void 0
 					}
-				} }), E(!1), Te(""), De("DEVELOPER"), ke("");
+				} }), S(!1), w(""), E("DEVELOPER"), Me(""), O(b("devportal.invitationSent", "Invitation created and email sent to the team member."));
 			} catch (e) {
-				O(e instanceof Error ? e.message : T("devportal.failedToSendInvitation", "Failed to send invitation"));
+				D(e instanceof Error ? e.message : b("devportal.failedToSendInvitation", "Failed to send invitation"));
 			}
 		}
-	}, Ye = async (e) => {
-		O(null);
+	}, it = async (e) => {
+		D(null);
 		try {
-			await H({ variables: { id: e } });
+			await He({ variables: { id: e } });
 		} catch (e) {
-			O(e instanceof Error ? e.message : T("devportal.failedToRemoveMember", "Failed to remove member"));
+			D(e instanceof Error ? e.message : b("devportal.failedToRemoveMember", "Failed to remove member"));
 		}
-	}, Xe = async (e, t) => {
-		O(null);
+	}, at = async (e, t) => {
+		D(null);
 		try {
-			await U({ variables: {
+			await Ue({ variables: {
 				id: e,
 				reason: t || void 0
 			} });
 		} catch (e) {
-			O(e instanceof Error ? e.message : T("devportal.failedToSuspendMember", "Failed to suspend member"));
+			D(e instanceof Error ? e.message : b("devportal.failedToSuspendMember", "Failed to suspend member"));
 		}
-	}, Ze = async (e) => {
-		O(null);
+	}, ot = async (e) => {
+		D(null);
 		try {
-			await W({ variables: { id: e } });
+			await We({ variables: { id: e } });
 		} catch (e) {
-			O(e instanceof Error ? e.message : T("devportal.failedToReactivateMember", "Failed to reactivate member"));
+			D(e instanceof Error ? e.message : b("devportal.failedToReactivateMember", "Failed to reactivate member"));
 		}
-	}, Qe = async (e, t) => {
-		O(null);
+	}, st = async (e, t) => {
+		D(null);
 		try {
-			await ze({ variables: {
+			await Ge({ variables: {
 				id: e,
 				role: t,
 				permissions: void 0
-			} }), k(T("devportal.memberRoleUpdated", "Member role updated successfully"));
+			} }), O(b("devportal.memberRoleUpdated", "Member role updated successfully"));
 		} catch (e) {
-			O(e instanceof Error ? e.message : T("devportal.failedToUpdateMemberRole", "Failed to update member role"));
+			D(e instanceof Error ? e.message : b("devportal.failedToUpdateMemberRole", "Failed to update member role"));
 		}
-	}, $e = async () => {
-		let e = I;
-		if (!(!v || !e)) {
-			O(null);
+	}, ct = async () => {
+		let e = F;
+		if (!(!_ || !e)) {
+			D(null);
 			try {
-				await Be({ variables: {
-					organizationId: v,
+				await Ke({ variables: {
+					organizationId: _,
 					newOwnerId: e.userId
-				} }), L(null), k(T("devportal.organizationOwnershipTransferred", "Organization ownership transferred successfully"));
+				} }), I(null), O(b("devportal.organizationOwnershipTransferred", "Organization ownership transferred successfully"));
 			} catch (e) {
-				O(e instanceof Error ? e.message : T("devportal.failedToTransferOwnership", "Failed to transfer organization ownership"));
+				D(e instanceof Error ? e.message : b("devportal.failedToTransferOwnership", "Failed to transfer organization ownership"));
 			}
 		}
-	}, et = async (e) => {
-		O(null);
+	}, lt = async (e) => {
+		D(null);
 		try {
-			await G({ variables: { id: e } });
+			await qe({ variables: { id: e } });
 		} catch (e) {
-			O(e instanceof Error ? e.message : T("devportal.failedToCancelInvitation", "Failed to cancel invitation"));
+			D(e instanceof Error ? e.message : b("devportal.failedToCancelInvitation", "Failed to cancel invitation"));
 		}
-	}, tt = async (e) => {
-		O(null);
+	}, ut = async (e) => {
+		D(null);
 		try {
-			await Ve({ variables: { id: e } });
+			await Je({ variables: { id: e } });
 		} catch (e) {
-			O(e instanceof Error ? e.message : T("devportal.failedToResendInvitation", "Failed to resend invitation"));
+			D(e instanceof Error ? e.message : b("devportal.failedToResendInvitation", "Failed to resend invitation"));
 		}
-	}, nt = () => {
-		j(/* @__PURE__ */ new Set()), N(/* @__PURE__ */ new Set());
-	}, rt = (e, t) => {
-		j((n) => {
+	}, dt = () => {
+		A(/* @__PURE__ */ new Set()), M(/* @__PURE__ */ new Set());
+	}, ft = (e, t) => {
+		A((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, it = (e) => {
-		j((t) => {
+	}, pt = (e) => {
+		A((t) => {
 			let n = new Set(t);
-			return X.forEach((t) => {
+			return Y.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, at = (e, t) => {
-		N((n) => {
+	}, mt = (e, t) => {
+		M((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
+	}, ht = (e) => {
+		M((t) => {
+			let n = new Set(t);
+			return K.forEach((t) => {
+				e ? n.add(t.id) : n.delete(t.id);
+			}), n;
+		});
+	}, gt = async () => {
+		if (Z.length === 0) return;
+		D(null);
+		let e = await Promise.allSettled(Z.map((e) => Ue({ variables: {
+			id: e.id,
+			reason: void 0
+		} }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+		O(`${b("devportal.suspended", "Suspended")} ${t} ${t === 1 ? b("devportal.memberLower", "member") : b("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), A(/* @__PURE__ */ new Set());
+	}, _t = async () => {
+		if (Q.length === 0) return;
+		D(null);
+		let e = await Promise.allSettled(Q.map((e) => We({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+		O(`${b("devportal.reactivated", "Reactivated")} ${t} ${t === 1 ? b("devportal.memberLower", "member") : b("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), A(/* @__PURE__ */ new Set());
+	}, vt = async () => {
+		if ($.length === 0) return;
+		D(null);
+		let e = await Promise.allSettled($.map((e) => He({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+		O(`${b("devportal.removed", "Removed")} ${t} ${t === 1 ? b("devportal.memberLower", "member") : b("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), N(!1), A(/* @__PURE__ */ new Set());
+	}, yt = async () => {
+		if (J.length === 0) return;
+		D(null);
+		let e = await Promise.allSettled(J.map((e) => Je({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+		O(`${b("devportal.resent", "Resent")} ${t} ${t === 1 ? b("devportal.invitationLower", "invitation") : b("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), M(/* @__PURE__ */ new Set());
+	}, bt = async () => {
+		if (J.length === 0) return;
+		D(null);
+		let e = await Promise.allSettled(J.map((e) => qe({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+		O(`${b("devportal.cancelled", "Cancelled")} ${t} ${t === 1 ? b("devportal.invitationLower", "invitation") : b("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), P(!1), M(/* @__PURE__ */ new Set());
 	};
-	return (Fe || Ie) && !R && !B ? /* @__PURE__ */ g(i, {
-		title: T("devportal.teamMembers", "Team Members"),
-		description: T("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
-		backLink: `/organizations/${v}`,
-		backLabel: T("devportal.backToOrganization", "Back to Organization"),
-		children: /* @__PURE__ */ g("div", {
+	return (Re || Xe) && !L && !G ? /* @__PURE__ */ h(i, {
+		title: b("devportal.teamMembers", "Team Members"),
+		description: b("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
+		backLink: `/organizations/${_}`,
+		backLabel: b("devportal.backToOrganization", "Back to Organization"),
+		children: /* @__PURE__ */ h("div", {
 			className: "flex items-center justify-center py-16",
-			children: /* @__PURE__ */ g(he, { className: "h-8 w-8 animate-spin text-text-secondary" })
+			children: /* @__PURE__ */ h(_e, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
-	}) : (z || V) && !R && !B ? /* @__PURE__ */ g(i, {
-		title: T("devportal.teamMembers", "Team Members"),
-		description: T("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
-		backLink: `/organizations/${v}`,
-		backLabel: T("devportal.backToOrganization", "Back to Organization"),
-		children: /* @__PURE__ */ g(t, {
-			icon: /* @__PURE__ */ g(h, {
+	}) : (ze || Ze) && !L && !G ? /* @__PURE__ */ h(i, {
+		title: b("devportal.teamMembers", "Team Members"),
+		description: b("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
+		backLink: `/organizations/${_}`,
+		backLabel: b("devportal.backToOrganization", "Back to Organization"),
+		children: /* @__PURE__ */ h(t, {
+			icon: /* @__PURE__ */ h(m, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
-			title: T("devportal.failedToLoadMembers", "Failed to load members"),
-			description: z?.message || V?.message || T("devportal.anErrorOccurredWhileLoadingTeamData", "An error occurred while loading team data")
+			title: b("devportal.failedToLoadMembers", "Failed to load members"),
+			description: ze?.message || Ze?.message || b("devportal.anErrorOccurredWhileLoadingTeamData", "An error occurred while loading team data")
 		})
-	}) : /* @__PURE__ */ g(fe, {
+	}) : /* @__PURE__ */ h(pe, {
 		permission: u.ORG_MEMBER_READ,
-		children: /* @__PURE__ */ _(i, {
-			title: T("devportal.teamMembers", "Team Members"),
-			description: T("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
-			purpose: T("devportal.teamMembersPurpose", "Control who can work on this organization's apps and what they can do. Invite teammates by email, assign roles to grant the right level of access, and suspend or remove anyone who should no longer have it."),
-			backLink: `/organizations/${v}`,
-			backLabel: T("devportal.backToOrganization", "Back to Organization"),
-			actions: /* @__PURE__ */ _("button", {
-				onClick: () => E(!0),
-				disabled: !Se,
-				"aria-disabled": !Se,
+		children: /* @__PURE__ */ g(i, {
+			title: b("devportal.teamMembers", "Team Members"),
+			description: b("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
+			purpose: b("devportal.teamMembersPurpose", "Control who can work on this organization's apps and what they can do. Invite teammates by email, assign roles to grant the right level of access, and suspend or remove anyone who should no longer have it."),
+			backLink: `/organizations/${_}`,
+			backLabel: b("devportal.backToOrganization", "Back to Organization"),
+			actions: B ? /* @__PURE__ */ g("button", {
+				onClick: () => S(!0),
+				disabled: !B,
+				"aria-disabled": !B,
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
-				children: [/* @__PURE__ */ g(_e, { size: 16 }), T("devportal.inviteMember", "Invite Member")]
-			}),
+				children: [/* @__PURE__ */ h(ye, { size: 16 }), b("devportal.inviteMember", "Invite Member")]
+			}) : void 0,
 			children: [
-				Ae && /* @__PURE__ */ _("div", {
+				Ne && /* @__PURE__ */ g("div", {
 					className: "rounded-lg border border-border-subtle bg-status-error-bg-subtle p-3 flex items-center gap-2 text-sm text-status-error-text",
 					children: [
-						/* @__PURE__ */ g(h, {
+						/* @__PURE__ */ h(m, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						Ae,
-						/* @__PURE__ */ g("button", {
-							onClick: () => O(null),
+						Ne,
+						/* @__PURE__ */ h("button", {
+							onClick: () => D(null),
 							className: "ml-auto text-status-error-text hover:text-status-error-text",
-							children: T("devportal.dismiss", "Dismiss")
+							children: b("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				je && /* @__PURE__ */ _("div", {
+				Pe && /* @__PURE__ */ g("div", {
 					className: "rounded-lg border border-border-subtle bg-status-success-bg-subtle p-3 flex items-center gap-2 text-sm text-status-success-text",
 					children: [
-						/* @__PURE__ */ g(h, {
+						/* @__PURE__ */ h(m, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						je,
-						/* @__PURE__ */ g("button", {
-							onClick: () => k(null),
+						Pe,
+						/* @__PURE__ */ h("button", {
+							onClick: () => O(null),
 							className: "ml-auto text-status-success-text hover:text-status-success-text",
-							children: T("devportal.dismiss", "Dismiss")
+							children: b("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				(A.size > 0 || M.size > 0) && /* @__PURE__ */ _("div", {
+				(k.size > 0 || j.size > 0) && /* @__PURE__ */ g("div", {
 					className: "flex flex-wrap items-center gap-3 rounded-card border border-border-seam bg-bg-surface p-4",
-					children: [/* @__PURE__ */ _("span", {
+					children: [/* @__PURE__ */ g("span", {
 						className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
 						children: [
-							A.size + M.size,
+							k.size + j.size,
 							" ",
-							T("devportal.selected", "selected")
+							b("devportal.selected", "selected")
 						]
-					}), /* @__PURE__ */ g("button", {
-						onClick: nt,
+					}), /* @__PURE__ */ h("button", {
+						onClick: dt,
 						className: "text-sm text-text-secondary hover:text-text-primary",
-						children: T("devportal.clearAllSelections", "Clear all selections")
+						children: b("devportal.clearAllSelections", "Clear all selections")
 					})]
 				}),
-				/* @__PURE__ */ g(a, {
-					title: `${T("devportal.members", "Members")} (${He})`,
-					actions: K.length > 0 ? /* @__PURE__ */ _("div", {
+				/* @__PURE__ */ h(a, {
+					title: `${b("devportal.members", "Members")} (${Qe})`,
+					actions: R.length > 0 && z ? /* @__PURE__ */ g("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ _("button", {
-								onClick: async () => {
-									if (Z.length === 0) return;
-									O(null);
-									let e = await Promise.allSettled(Z.map((e) => U({ variables: {
-										id: e.id,
-										reason: void 0
-									} }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-									k(`${T("devportal.suspended", "Suspended")} ${t} ${t === 1 ? T("devportal.memberLower", "member") : T("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${T("devportal.failed", "failed")}` : ""}`), j(/* @__PURE__ */ new Set());
-								},
-								disabled: Z.length === 0 || !C,
-								"aria-disabled": !C,
+							/* @__PURE__ */ g("button", {
+								onClick: gt,
+								disabled: Z.length === 0 || !W,
+								"aria-disabled": !W,
 								className: "rounded-md border border-status-warning-bg px-3 py-2 text-sm font-medium text-status-warning-text hover:bg-status-warning-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
-								children: [T("devportal.suspendSelected", "Suspend Selected"), Z.length > 0 ? ` (${Z.length})` : ""]
+								children: [b("devportal.suspendSelected", "Suspend Selected"), Z.length > 0 ? ` (${Z.length})` : ""]
 							}),
-							/* @__PURE__ */ _("button", {
-								onClick: async () => {
-									if (Q.length === 0) return;
-									O(null);
-									let e = await Promise.allSettled(Q.map((e) => W({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-									k(`${T("devportal.reactivated", "Reactivated")} ${t} ${t === 1 ? T("devportal.memberLower", "member") : T("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${T("devportal.failed", "failed")}` : ""}`), j(/* @__PURE__ */ new Set());
-								},
-								disabled: Q.length === 0 || !S,
-								"aria-disabled": !S,
+							/* @__PURE__ */ g("button", {
+								onClick: _t,
+								disabled: Q.length === 0 || !U,
+								"aria-disabled": !U,
 								className: "rounded-md border border-status-success-bg px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
-								children: [T("devportal.reactivateSelected", "Reactivate Selected"), Q.length > 0 ? ` (${Q.length})` : ""]
+								children: [b("devportal.reactivateSelected", "Reactivate Selected"), Q.length > 0 ? ` (${Q.length})` : ""]
 							}),
-							/* @__PURE__ */ _("button", {
-								onClick: () => P(!0),
-								disabled: $.length === 0 || !x,
-								"aria-disabled": !x,
+							/* @__PURE__ */ g("button", {
+								onClick: () => N(!0),
+								disabled: $.length === 0 || !H,
+								"aria-disabled": !H,
 								className: "rounded-md border border-status-error-bg px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
-								children: [T("devportal.removeSelected", "Remove Selected"), $.length > 0 ? ` (${$.length})` : ""]
+								children: [b("devportal.removeSelected", "Remove Selected"), $.length > 0 ? ` (${$.length})` : ""]
 							})
 						]
 					}) : null,
-					children: K.length > 0 ? /* @__PURE__ */ g(le, {
-						data: K,
+					children: R.length > 0 ? /* @__PURE__ */ h(le, {
+						data: R,
 						keyField: "id",
 						columns: [
-							{
+							...z ? [{
 								key: "select",
-								header: /* @__PURE__ */ g(c, {
-									checked: We,
-									indeterminate: Ge,
-									onChange: it,
-									ariaLabel: T("devportal.selectAllMembers", "Select all members")
+								header: /* @__PURE__ */ h(c, {
+									checked: et,
+									indeterminate: tt,
+									onChange: pt,
+									ariaLabel: b("devportal.selectAllMembers", "Select all members")
 								}),
 								className: "w-12",
-								render: (e) => /* @__PURE__ */ g("div", {
+								render: (e) => /* @__PURE__ */ h("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ g(c, {
-										checked: A.has(e.id),
+									children: /* @__PURE__ */ h(c, {
+										checked: k.has(e.id),
 										disabled: e.role === "OWNER",
-										onChange: (t) => rt(e.id, t),
-										ariaLabel: `Select member ${w(e)}`
+										onChange: (t) => ft(e.id, t),
+										ariaLabel: `Select member ${y(e)}`
 									})
 								})
-							},
+							}] : [],
 							{
 								key: "email",
-								header: T("devportal.memberColumn", "Member"),
+								header: b("devportal.memberColumn", "Member"),
 								render: (e) => {
-									let t = w(e);
-									return /* @__PURE__ */ _("div", {
+									let t = y(e);
+									return /* @__PURE__ */ g("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ g("div", {
+										children: [/* @__PURE__ */ h("div", {
 											className: "flex h-8 w-8 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary text-sm font-medium",
 											children: t.charAt(0).toUpperCase()
-										}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+										}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 											className: "font-medium",
 											children: t
-										}), /* @__PURE__ */ _("p", {
+										}), /* @__PURE__ */ g("p", {
 											className: "text-xs text-text-secondary",
 											children: [
-												T("devportal.joined", "Joined"),
+												b("devportal.joined", "Joined"),
 												" ",
-												f(new Date(e.joinedAt), "MMM d, yyyy")
+												me(new Date(e.joinedAt), "MMM d, yyyy")
 											]
 										})] })]
 									});
@@ -317,17 +344,17 @@ var v = () => {
 							},
 							{
 								key: "role",
-								header: T("devportal.roleColumn", "Role"),
-								render: (e) => /* @__PURE__ */ _("div", {
+								header: b("devportal.roleColumn", "Role"),
+								render: (e) => /* @__PURE__ */ g("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ g(ye, {
+									children: [/* @__PURE__ */ h(xe, {
 										size: 14,
 										className: "text-text-secondary"
-									}), e.role === "OWNER" ? /* @__PURE__ */ g("span", { children: o[e.role] ?? e.role }) : /* @__PURE__ */ g("select", {
+									}), e.role === "OWNER" || !V ? /* @__PURE__ */ h("span", { children: o[e.role] ?? e.role }) : /* @__PURE__ */ h("select", {
 										value: e.role,
-										onChange: (t) => void Qe(e.id, t.target.value),
+										onChange: (t) => void st(e.id, t.target.value),
 										className: "rounded-md border border-border-subtle bg-bg-surface px-2 py-1 text-xs text-text-primary",
-										children: Object.entries(o).filter(([e]) => e !== "OWNER").map(([e, t]) => /* @__PURE__ */ g("option", {
+										children: Object.entries(o).filter(([e]) => e !== "OWNER").map(([e, t]) => /* @__PURE__ */ h("option", {
 											value: e,
 											children: t
 										}, e))
@@ -336,122 +363,110 @@ var v = () => {
 							},
 							{
 								key: "status",
-								header: T("devportal.statusColumn", "Status"),
-								render: (e) => e.isSuspended ? /* @__PURE__ */ g(s, {
+								header: b("devportal.statusColumn", "Status"),
+								render: (e) => e.isSuspended ? /* @__PURE__ */ h(s, {
 									status: "SUSPENDED",
 									type: "app"
-								}) : e.isActive ? /* @__PURE__ */ g(s, {
+								}) : e.isActive ? /* @__PURE__ */ h(s, {
 									status: "ACTIVE",
 									type: "app"
-								}) : /* @__PURE__ */ g(s, {
+								}) : /* @__PURE__ */ h(s, {
 									status: "INACTIVE",
 									type: "app"
 								})
 							},
-							{
+							...z ? [{
 								key: "actions",
 								header: "",
 								className: "w-32",
-								render: (e) => e.role !== "OWNER" && /* @__PURE__ */ _("div", {
+								render: (e) => e.role !== "OWNER" && /* @__PURE__ */ g("div", {
 									className: "flex gap-1",
 									children: [
-										e.isSuspended ? /* @__PURE__ */ g("button", {
+										e.isSuspended ? /* @__PURE__ */ h("button", {
 											className: "text-xs text-status-success-text hover:underline disabled:opacity-50",
-											disabled: !S,
-											"aria-disabled": !S,
-											title: T("devportal.reactivateMember", "Reactivate member"),
-											onClick: () => Ze(e.id),
-											children: T("devportal.reactivate", "Reactivate")
-										}) : /* @__PURE__ */ g("button", {
+											disabled: !U,
+											"aria-disabled": !U,
+											title: b("devportal.reactivateMember", "Reactivate member"),
+											onClick: () => ot(e.id),
+											children: b("devportal.reactivate", "Reactivate")
+										}) : /* @__PURE__ */ h("button", {
 											className: "text-xs text-status-warning-text hover:underline disabled:opacity-50",
-											disabled: !C,
-											"aria-disabled": !C,
-											title: T("devportal.suspendMember", "Suspend member"),
-											onClick: () => Xe(e.id),
-											children: T("devportal.suspend", "Suspend")
+											disabled: !W,
+											"aria-disabled": !W,
+											title: b("devportal.suspendMember", "Suspend member"),
+											onClick: () => at(e.id),
+											children: b("devportal.suspend", "Suspend")
 										}),
-										/* @__PURE__ */ g("button", {
+										/* @__PURE__ */ h("button", {
 											className: "text-xs text-status-error-text hover:underline disabled:opacity-50",
-											disabled: !x,
-											"aria-disabled": !x,
-											title: T("devportal.removeMember", "Remove member"),
-											onClick: () => Ye(e.id),
-											children: T("devportal.remove", "Remove")
+											disabled: !H,
+											"aria-disabled": !H,
+											title: b("devportal.removeMember", "Remove member"),
+											onClick: () => it(e.id),
+											children: b("devportal.remove", "Remove")
 										}),
-										/* @__PURE__ */ g("button", {
+										/* @__PURE__ */ h("button", {
 											className: "text-xs text-primary hover:underline disabled:opacity-50",
-											disabled: !b,
-											"aria-disabled": !b,
-											title: T("devportal.transferOwnership", "Transfer ownership"),
-											onClick: () => L(e),
-											children: T("devportal.makeOwner", "Make Owner")
+											disabled: !V,
+											"aria-disabled": !V,
+											title: b("devportal.transferOwnership", "Transfer ownership"),
+											onClick: () => I(e),
+											children: b("devportal.makeOwner", "Make Owner")
 										})
 									]
 								})
-							}
+							}] : []
 						]
-					}) : /* @__PURE__ */ g(t, {
+					}) : /* @__PURE__ */ h(t, {
 						illustration: "empty-people",
-						title: T("devportal.noMembers", "No members"),
-						description: T("devportal.inviteTeamMembersToCollaborate", "Invite team members to collaborate")
+						title: b("devportal.noMembers", "No members"),
+						description: b("devportal.inviteTeamMembersToCollaborate", "Invite team members to collaborate")
 					})
 				}),
-				q.length > 0 && /* @__PURE__ */ g(a, {
-					title: `${T("devportal.pendingInvitations", "Pending Invitations")} (${Ue})`,
-					actions: /* @__PURE__ */ _("div", {
+				z && K.length > 0 && /* @__PURE__ */ h(a, {
+					title: `${b("devportal.pendingInvitations", "Pending Invitations")} (${$e})`,
+					actions: /* @__PURE__ */ g("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ _("button", {
-							onClick: async () => {
-								if (Y.length === 0) return;
-								O(null);
-								let e = await Promise.allSettled(Y.map((e) => Ve({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-								k(`${T("devportal.resent", "Resent")} ${t} ${t === 1 ? T("devportal.invitationLower", "invitation") : T("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${T("devportal.failed", "failed")}` : ""}`), N(/* @__PURE__ */ new Set());
-							},
-							disabled: Y.length === 0,
+						children: [/* @__PURE__ */ g("button", {
+							onClick: yt,
+							disabled: J.length === 0,
 							className: "rounded-md border border-primary/30 px-3 py-2 text-sm font-medium text-primary hover:bg-action-primary-bg/5 disabled:cursor-not-allowed disabled:opacity-50",
-							children: [T("devportal.resendSelected", "Resend Selected"), Y.length > 0 ? ` (${Y.length})` : ""]
-						}), /* @__PURE__ */ _("button", {
-							onClick: () => F(!0),
-							disabled: Y.length === 0,
+							children: [b("devportal.resendSelected", "Resend Selected"), J.length > 0 ? ` (${J.length})` : ""]
+						}), /* @__PURE__ */ g("button", {
+							onClick: () => P(!0),
+							disabled: J.length === 0,
 							className: "rounded-md border border-status-error-bg px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
-							children: [T("devportal.cancelSelected", "Cancel Selected"), Y.length > 0 ? ` (${Y.length})` : ""]
+							children: [b("devportal.cancelSelected", "Cancel Selected"), J.length > 0 ? ` (${J.length})` : ""]
 						})]
 					}),
-					children: /* @__PURE__ */ g(le, {
-						data: q,
+					children: /* @__PURE__ */ h(le, {
+						data: K,
 						keyField: "id",
 						columns: [
 							{
 								key: "select",
-								header: /* @__PURE__ */ g(c, {
-									checked: Ke,
-									indeterminate: qe,
-									onChange: (e) => {
-										N((t) => {
-											let n = new Set(t);
-											return q.forEach((t) => {
-												e ? n.add(t.id) : n.delete(t.id);
-											}), n;
-										});
-									},
-									ariaLabel: T("devportal.selectAllInvitations", "Select all invitations")
+								header: /* @__PURE__ */ h(c, {
+									checked: X,
+									indeterminate: nt,
+									onChange: ht,
+									ariaLabel: b("devportal.selectAllInvitations", "Select all invitations")
 								}),
 								className: "w-12",
-								render: (e) => /* @__PURE__ */ g("div", {
+								render: (e) => /* @__PURE__ */ h("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ g(c, {
-										checked: M.has(e.id),
-										onChange: (t) => at(e.id, t),
+									children: /* @__PURE__ */ h(c, {
+										checked: j.has(e.id),
+										onChange: (t) => mt(e.id, t),
 										ariaLabel: `Select invitation ${e.invitedEmail}`
 									})
 								})
 							},
 							{
 								key: "invitedEmail",
-								header: T("devportal.emailColumn", "Email"),
-								render: (e) => /* @__PURE__ */ _("div", {
+								header: b("devportal.emailColumn", "Email"),
+								render: (e) => /* @__PURE__ */ g("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ g(ge, {
+									children: [/* @__PURE__ */ h(ve, {
 										size: 16,
 										className: "text-text-secondary"
 									}), e.invitedEmail]
@@ -459,122 +474,122 @@ var v = () => {
 							},
 							{
 								key: "role",
-								header: T("devportal.invitedRoleColumn", "Invited Role"),
+								header: b("devportal.invitedRoleColumn", "Invited Role"),
 								render: (e) => o[e.role] ?? e.role
 							},
 							{
 								key: "status",
-								header: T("devportal.statusColumn", "Status"),
-								render: (e) => /* @__PURE__ */ g(s, {
+								header: b("devportal.statusColumn", "Status"),
+								render: (e) => /* @__PURE__ */ h(s, {
 									status: e.status,
 									type: "invitation"
 								})
 							},
 							{
 								key: "expiresAt",
-								header: T("devportal.expiresColumn", "Expires"),
-								render: (e) => f(new Date(e.expiresAt), "MMM d, yyyy")
+								header: b("devportal.expiresColumn", "Expires"),
+								render: (e) => me(new Date(e.expiresAt), "MMM d, yyyy")
 							},
 							{
 								key: "actions",
 								header: "",
 								className: "w-24",
-								render: (e) => /* @__PURE__ */ _("div", {
+								render: (e) => /* @__PURE__ */ g("div", {
 									className: "flex gap-1",
-									children: [/* @__PURE__ */ g("button", {
+									children: [/* @__PURE__ */ h("button", {
 										className: "rounded p-1 hover:bg-bg-sunken",
-										title: T("devportal.resend", "Resend"),
-										onClick: () => tt(e.id),
-										children: /* @__PURE__ */ g(ve, { size: 14 })
-									}), /* @__PURE__ */ g("button", {
+										title: b("devportal.resend", "Resend"),
+										onClick: () => ut(e.id),
+										children: /* @__PURE__ */ h(be, { size: 14 })
+									}), /* @__PURE__ */ h("button", {
 										className: "rounded p-1 hover:bg-bg-sunken text-status-error-text",
-										title: T("devportal.cancel", "Cancel"),
-										onClick: () => et(e.id),
-										children: /* @__PURE__ */ g(be, { size: 14 })
+										title: b("devportal.cancel", "Cancel"),
+										onClick: () => lt(e.id),
+										children: /* @__PURE__ */ h(Se, { size: 14 })
 									})]
 								})
 							}
 						]
 					})
 				}),
-				we && /* @__PURE__ */ g(l, {
-					open: we,
-					onOpenChange: E,
-					onConfirm: Je,
-					title: T("devportal.inviteTeamMember", "Invite Team Member"),
-					confirmLabel: Re ? T("devportal.sendingDots", "Sending...") : T("devportal.sendInvitation", "Send Invitation"),
-					children: /* @__PURE__ */ _("div", {
+				x && /* @__PURE__ */ h(l, {
+					open: x,
+					onOpenChange: S,
+					onConfirm: rt,
+					title: b("devportal.inviteTeamMember", "Invite Team Member"),
+					confirmLabel: Ve ? b("devportal.sendingDots", "Sending...") : b("devportal.sendInvitation", "Send Invitation"),
+					children: /* @__PURE__ */ g("div", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ g(ue, {
-							label: T("devportal.emailAddress", "Email Address"),
-							type: "email",
-							value: D,
-							onChange: (e) => Te(e.target.value),
-							placeholder: "colleague@example.com",
-							hint: T("devportal.mustBeExistingVerifiedUser", "Must be an existing verified user"),
-							required: !0
-						}), /* @__PURE__ */ g(de, {
-							label: T("devportal.roleColumn", "Role"),
-							value: Ee,
-							onChange: (e) => De(e.target.value),
-							options: [
-								{
-									value: "ADMIN",
-									label: T("devportal.adminFullAccess", "Admin - Full access")
-								},
-								{
-									value: "DEVELOPER",
-									label: T("devportal.developerCreateAndManageApps", "Developer - Create and manage apps")
-								},
-								{
-									value: "VIEWER",
-									label: T("devportal.viewerReadOnlyAccess", "Viewer - Read-only access")
-								}
-							],
-							required: !0
-						})]
+						children: [
+							/* @__PURE__ */ h(ue, {
+								label: b("devportal.emailAddress", "Email Address"),
+								type: "email",
+								value: C,
+								onChange: (e) => w(e.target.value),
+								placeholder: "colleague@example.com",
+								hint: b("devportal.mustBeExistingVerifiedUser", "Must be an existing verified user"),
+								required: !0
+							}),
+							/* @__PURE__ */ h(de, {
+								label: b("devportal.roleColumn", "Role"),
+								value: T,
+								onChange: (e) => E(e.target.value),
+								options: [
+									{
+										value: "ADMIN",
+										label: b("devportal.adminFullAccess", "Admin - Full access")
+									},
+									{
+										value: "DEVELOPER",
+										label: b("devportal.developerCreateAndManageApps", "Developer - Create and manage apps")
+									},
+									{
+										value: "VIEWER",
+										label: b("devportal.viewerReadOnlyAccess", "Viewer - Read-only access")
+									}
+								],
+								required: !0
+							}),
+							/* @__PURE__ */ h(fe, {
+								label: b("devportal.personalMessage", "Personal Message"),
+								value: je,
+								onChange: (e) => Me(e.target.value),
+								placeholder: b("devportal.personalMessagePlaceholder", "Add a short note to include in the invitation email"),
+								rows: 3
+							})
+						]
 					})
 				}),
-				/* @__PURE__ */ g(l, {
-					open: Me,
-					onOpenChange: P,
-					onConfirm: async () => {
-						if ($.length === 0) return;
-						O(null);
-						let e = await Promise.allSettled($.map((e) => H({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-						k(`${T("devportal.removed", "Removed")} ${t} ${t === 1 ? T("devportal.memberLower", "member") : T("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${T("devportal.failed", "failed")}` : ""}`), P(!1), j(/* @__PURE__ */ new Set());
-					},
-					title: T("devportal.removeSelectedMembers", "Remove selected members"),
-					description: `${T("devportal.removeNSelectedMembers", "Remove")} ${$.length} ${T("devportal.selectedMembersFromOrg", "selected member(s) from this organization? This action cannot be undone.")}`,
-					confirmLabel: T("devportal.removeMembers", "Remove Members"),
-					cancelLabel: T("devportal.cancel", "Cancel"),
+				/* @__PURE__ */ h(l, {
+					open: Fe,
+					onOpenChange: N,
+					onConfirm: vt,
+					title: b("devportal.removeSelectedMembers", "Remove selected members"),
+					description: `${b("devportal.removeNSelectedMembers", "Remove")} ${$.length} ${b("devportal.selectedMembersFromOrg", "selected member(s) from this organization? This action cannot be undone.")}`,
+					confirmLabel: b("devportal.removeMembers", "Remove Members"),
+					cancelLabel: b("devportal.cancel", "Cancel"),
 					variant: "danger"
 				}),
-				/* @__PURE__ */ g(l, {
-					open: Ne,
-					onOpenChange: F,
-					onConfirm: async () => {
-						if (Y.length === 0) return;
-						O(null);
-						let e = await Promise.allSettled(Y.map((e) => G({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-						k(`${T("devportal.cancelled", "Cancelled")} ${t} ${t === 1 ? T("devportal.invitationLower", "invitation") : T("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${T("devportal.failed", "failed")}` : ""}`), F(!1), N(/* @__PURE__ */ new Set());
-					},
-					title: T("devportal.cancelSelectedInvitations", "Cancel selected invitations"),
-					description: `${T("devportal.cancelNPendingInvitations", "Cancel")} ${Y.length} ${T("devportal.pendingInvitationsQuestion", "pending invitation(s)?")}`,
-					confirmLabel: T("devportal.cancelInvitations", "Cancel Invitations"),
-					cancelLabel: T("devportal.keepInvitations", "Keep Invitations"),
+				/* @__PURE__ */ h(l, {
+					open: Ie,
+					onOpenChange: P,
+					onConfirm: bt,
+					title: b("devportal.cancelSelectedInvitations", "Cancel selected invitations"),
+					description: `${b("devportal.cancelNPendingInvitations", "Cancel")} ${J.length} ${b("devportal.pendingInvitationsQuestion", "pending invitation(s)?")}`,
+					confirmLabel: b("devportal.cancelInvitations", "Cancel Invitations"),
+					cancelLabel: b("devportal.keepInvitations", "Keep Invitations"),
 					variant: "danger"
 				}),
-				/* @__PURE__ */ g(l, {
-					open: I !== null,
+				/* @__PURE__ */ h(l, {
+					open: F !== null,
 					onOpenChange: (e) => {
-						e || L(null);
+						e || I(null);
 					},
-					onConfirm: $e,
-					title: T("devportal.transferOwnership", "Transfer ownership"),
-					description: I ? T("devportal.transferOwnershipConfirmation", `Transfer organization ownership to ${w(I)}?`) : void 0,
-					confirmLabel: T("devportal.makeOwner", "Make Owner"),
-					cancelLabel: T("devportal.cancel", "Cancel"),
+					onConfirm: ct,
+					title: b("devportal.transferOwnership", "Transfer ownership"),
+					description: F ? b("devportal.transferOwnershipConfirmation", `Transfer organization ownership to ${y(F)}?`) : void 0,
+					confirmLabel: b("devportal.makeOwner", "Make Owner"),
+					cancelLabel: b("devportal.cancel", "Cancel"),
 					variant: "warning"
 				})
 			]
@@ -582,6 +597,6 @@ var v = () => {
 	});
 };
 //#endregion
-export { v as OrganizationMembersPage };
+export { _ as OrganizationMembersPage };
 
 //# sourceMappingURL=OrganizationMembersPage.js.map