@burdenoff/microfe-devportal 2026.1113.1 → 2026.1113.3

package/dist/devportal/pages/OrganizationMembersPage.js

@@ -3,292 +3,292 @@ import { DataTable as n } from "../components/DataTable.js";
 import { StatusBadge as r } from "../components/StatusBadge.js";
 import { useCancelInvitationMutation as ee, useGetOrganizationInvitationsQuery as te, useGetOrganizationMembersQuery as ne, useGetOrganizationQuery as re, useInviteMemberMutation as ie, useReactivateMemberMutation as ae, useRemoveMemberMutation as oe, useResendInvitationMutation as se, useSuspendMemberMutation as ce, useTransferOwnershipMutation as le, useUpdateMemberRoleMutation as ue } from "../../generated/global-operations.js";
 import { ConfirmDialog as i } from "../components/ConfirmDialog.js";
-import { EmptyState as de } from "../components/EmptyState.js";
-import { InputField as fe, SelectField as pe, TextareaField as me } from "../components/FormField.js";
-import { SelectionCheckbox as a } from "../components/SelectionCheckbox.js";
-import { useDevportal as he } from "../providers/DevportalProvider.js";
-import { orgSectionPath as o, useIsSellerSection as ge } from "../hooks/useIsSellerSection.js";
+import { EmptyState as a } from "../components/EmptyState.js";
+import { InputField as de, SelectField as fe, TextareaField as pe } from "../components/FormField.js";
+import { SelectionCheckbox as o } from "../components/SelectionCheckbox.js";
+import { useDevportal as me, useIsFluidgridsVariant as he } from "../providers/DevportalProvider.js";
+import { orgSectionPath as s, useIsSellerSection as ge } from "../hooks/useIsSellerSection.js";
 import "../components/index.js";
 import { PermissionGuard as _e } from "../components/PermissionGuard.js";
-import { DEVPORTAL_PERMISSIONS as s } from "../constants/permissions.js";
-import { useDevportalPermission as c } from "../hooks/usePermission.js";
-import { ORG_ROLE_LABELS as l } from "../utils/constants.js";
+import { DEVPORTAL_PERMISSIONS as c } from "../constants/permissions.js";
+import { useDevportalPermission as l } from "../hooks/usePermission.js";
+import { ORG_ROLE_LABELS as u } from "../utils/constants.js";
 import ve from "../../node_modules/date-fns/format.js";
 import "../hooks/index.js";
-import { useEffect as ye, useMemo as u, useState as d } from "react";
-import { AlertCircle as f, Loader2 as be, Mail as xe, Plus as Se, RefreshCw as Ce, Shield as we, UserMinus as Te } from "lucide-react";
+import { useEffect as ye, useMemo as d, useState as f } from "react";
+import { AlertCircle as p, Loader2 as be, Mail as xe, Plus as Se, RefreshCw as Ce, Shield as we, UserMinus as Te } from "lucide-react";
 import { useParams as Ee } from "react-router";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { useI18n as De } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 // src/devportal/pages/OrganizationMembersPage.tsx
-var h = {
+var Oe = {
 	VIEWER: 0,
 	DEVELOPER: 1,
 	ADMIN: 2,
 	OWNER: 3
 }, g = () => {
-	let { orgId: g } = Ee(), { currentUser: _ } = he(), v = ge(), { allowed: Oe } = c(s.ORG_INVITATION_CREATE), { allowed: ke } = c(s.ORG_MEMBER_UPDATE), { allowed: Ae } = c(s.ORG_MEMBER_DELETE), { allowed: je } = c(s.ORG_MEMBER_ACTIVATE), { allowed: Me } = c(s.ORG_MEMBER_DEACTIVATE), y = (e) => e.email ? e.email : _?.id === e.userId && _.email ? _.email : e.userId, { t: Ne } = De(), b = (e, t) => {
-		let n = Ne(e);
+	let { orgId: g } = Ee(), { currentUser: _ } = me(), v = ge(), { allowed: ke } = l(c.ORG_INVITATION_CREATE), { allowed: Ae } = l(c.ORG_MEMBER_UPDATE), { allowed: je } = l(c.ORG_MEMBER_DELETE), { allowed: Me } = l(c.ORG_MEMBER_ACTIVATE), { allowed: Ne } = l(c.ORG_MEMBER_DEACTIVATE), y = (e) => e.email ? e.email : _?.id === e.userId && _.email ? _.email : e.userId, { t: Pe } = De(), b = (e, t) => {
+		let n = Pe(e);
 		return n === e ? t : n;
-	}, [Pe, x] = d(!1), [S, Fe] = d(""), [Ie, Le] = d("DEVELOPER"), [Re, C] = d(""), [w, T] = d(null), [E, D] = d(null), [O, k] = d(/* @__PURE__ */ new Set()), [A, j] = d(/* @__PURE__ */ new Set()), [ze, M] = d(!1), [Be, N] = d(!1), [P, F] = d(null), { data: Ve } = re({
+	}, [Fe, x] = f(!1), [S, Ie] = f(""), [Le, Re] = f("DEVELOPER"), [ze, Be] = f(""), [C, w] = f(null), [Ve, T] = f(null), [E, D] = f(/* @__PURE__ */ new Set()), [O, k] = f(/* @__PURE__ */ new Set()), [He, A] = f(!1), [Ue, j] = f(!1), We = he(), [M, N] = f(null), [P, F] = f(null), { data: Ge } = re({
 		variables: { id: g ?? "" },
 		skip: !g,
 		fetchPolicy: "cache-first"
 	});
 	ye(() => {
-		let e = Ve?.developerOrganization?.name;
+		let e = Ge?.developerOrganization?.name;
 		if (!g || !e) return;
 		let t = window.__breadcrumbRegistry;
 		return t?.register(g, e), () => t?.unregister(g);
-	}, [g, Ve?.developerOrganization?.name]);
-	let { data: I, loading: He, error: Ue } = ne({
+	}, [g, Ge?.developerOrganization?.name]);
+	let { data: I, loading: Ke, error: qe } = ne({
 		variables: { organizationId: g },
 		skip: !g,
 		fetchPolicy: "cache-and-network"
-	}), [We, { loading: Ge }] = ie({ refetchQueries: ["GetOrganizationInvitations"] }), [Ke] = oe({ refetchQueries: ["GetOrganizationMembers"] }), [qe] = ce({ refetchQueries: ["GetOrganizationMembers"] }), [Je] = ae({ refetchQueries: ["GetOrganizationMembers"] }), [Ye] = ue({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [Xe] = le({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [L] = ee({ refetchQueries: ["GetOrganizationInvitations"] }), [Ze] = se(), R = u(() => I?.developerOrgMembers?.edges?.map((e) => e.node) ?? [], [I?.developerOrgMembers?.edges]), z = (_ ? R.find((e) => e.userId === _.id) : void 0)?.role, B = z !== void 0 && h[z] >= h.ADMIN, V = B && Oe, H = B && ke, U = B && Ae, W = B && je, G = B && Me, { data: K, loading: Qe, error: $e } = te({
+	}), [Je, { loading: Ye }] = ie({ refetchQueries: ["GetOrganizationInvitations"] }), [Xe] = oe({ refetchQueries: ["GetOrganizationMembers"] }), [Ze] = ce({ refetchQueries: ["GetOrganizationMembers"] }), [L] = ae({ refetchQueries: ["GetOrganizationMembers"] }), [Qe] = ue({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [$e] = le({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [et] = ee({ refetchQueries: ["GetOrganizationInvitations"] }), [tt] = se(), R = d(() => I?.developerOrgMembers?.edges?.map((e) => e.node) ?? [], [I?.developerOrgMembers?.edges]), z = (_ ? R.find((e) => e.userId === _.id) : void 0)?.role, B = z !== void 0 && Oe[z] >= Oe.ADMIN, V = B && ke, H = B && Ae, U = B && je, W = B && Me, G = B && Ne, { data: K, loading: nt, error: rt } = te({
 		variables: {
 			organizationId: g,
 			status: "PENDING"
 		},
 		skip: !g || !B,
 		fetchPolicy: "cache-and-network"
-	}), q = u(() => K?.developerOrgInvitations?.edges?.map((e) => e.node) ?? [], [K?.developerOrgInvitations?.edges]), et = I?.developerOrgMembers?.totalCount ?? 0, tt = K?.developerOrgInvitations?.totalCount ?? 0, J = u(() => R.filter((e) => O.has(e.id)), [R, O]), Y = u(() => q.filter((e) => A.has(e.id)), [q, A]), X = R.filter((e) => e.role !== "OWNER"), nt = X.length > 0 && X.every((e) => O.has(e.id)), rt = X.some((e) => O.has(e.id)) && !nt, it = q.length > 0 && q.every((e) => A.has(e.id)), at = q.some((e) => A.has(e.id)) && !it, Z = J.filter((e) => e.role !== "OWNER" && !e.isSuspended), Q = J.filter((e) => e.isSuspended), $ = J.filter((e) => e.role !== "OWNER"), ot = async () => {
+	}), q = d(() => K?.developerOrgInvitations?.edges?.map((e) => e.node) ?? [], [K?.developerOrgInvitations?.edges]), it = I?.developerOrgMembers?.totalCount ?? 0, at = K?.developerOrgInvitations?.totalCount ?? 0, J = d(() => R.filter((e) => E.has(e.id)), [R, E]), Y = d(() => q.filter((e) => O.has(e.id)), [q, O]), X = R.filter((e) => e.role !== "OWNER"), ot = X.length > 0 && X.every((e) => E.has(e.id)), st = X.some((e) => E.has(e.id)) && !ot, ct = q.length > 0 && q.every((e) => O.has(e.id)), lt = q.some((e) => O.has(e.id)) && !ct, Z = J.filter((e) => e.role !== "OWNER" && !e.isSuspended), Q = J.filter((e) => e.isSuspended), $ = J.filter((e) => e.role !== "OWNER"), ut = async () => {
 		if (g && S.trim()) {
-			T(null);
+			w(null);
 			try {
-				await We({ variables: {
+				await Je({ variables: {
 					organizationId: g,
 					input: {
 						email: S,
-						role: Ie,
-						message: Re || void 0
+						role: Le,
+						message: ze || void 0
 					}
-				} }), x(!1), Fe(""), Le("DEVELOPER"), C(""), D(b("devportal.invitationSent", "Invitation created and email sent to the team member."));
+				} }), x(!1), Ie(""), Re("DEVELOPER"), Be(""), T(b("devportal.invitationSent", "Invitation created and email sent to the team member."));
 			} catch (e) {
-				T(e instanceof Error ? e.message : b("devportal.failedToSendInvitation", "Failed to send invitation"));
+				w(e instanceof Error ? e.message : b("devportal.failedToSendInvitation", "Failed to send invitation"));
 			}
 		}
-	}, st = async (e) => {
-		T(null);
+	}, dt = async (e) => {
+		w(null);
 		try {
-			await Ke({ variables: { id: e } });
+			await Xe({ variables: { id: e } });
 		} catch (e) {
-			T(e instanceof Error ? e.message : b("devportal.failedToRemoveMember", "Failed to remove member"));
+			w(e instanceof Error ? e.message : b("devportal.failedToRemoveMember", "Failed to remove member"));
 		}
-	}, ct = async (e, t) => {
-		T(null);
+	}, ft = async (e, t) => {
+		w(null);
 		try {
-			await qe({ variables: {
+			await Ze({ variables: {
 				id: e,
 				reason: t || void 0
 			} });
 		} catch (e) {
-			T(e instanceof Error ? e.message : b("devportal.failedToSuspendMember", "Failed to suspend member"));
+			w(e instanceof Error ? e.message : b("devportal.failedToSuspendMember", "Failed to suspend member"));
 		}
-	}, lt = async (e) => {
-		T(null);
+	}, pt = async (e) => {
+		w(null);
 		try {
-			await Je({ variables: { id: e } });
+			await L({ variables: { id: e } });
 		} catch (e) {
-			T(e instanceof Error ? e.message : b("devportal.failedToReactivateMember", "Failed to reactivate member"));
+			w(e instanceof Error ? e.message : b("devportal.failedToReactivateMember", "Failed to reactivate member"));
 		}
-	}, ut = async (e, t) => {
-		T(null);
+	}, mt = async (e, t) => {
+		w(null);
 		try {
-			await Ye({ variables: {
+			await Qe({ variables: {
 				id: e,
 				role: t,
 				permissions: void 0
-			} }), D(b("devportal.memberRoleUpdated", "Member role updated successfully"));
+			} }), T(b("devportal.memberRoleUpdated", "Member role updated successfully"));
 		} catch (e) {
-			T(e instanceof Error ? e.message : b("devportal.failedToUpdateMemberRole", "Failed to update member role"));
+			w(e instanceof Error ? e.message : b("devportal.failedToUpdateMemberRole", "Failed to update member role"));
 		}
-	}, dt = async () => {
+	}, ht = async () => {
 		let e = P;
 		if (g && e) {
-			T(null);
+			w(null);
 			try {
-				await Xe({ variables: {
+				await $e({ variables: {
 					organizationId: g,
 					newOwnerId: e.userId
-				} }), F(null), D(b("devportal.organizationOwnershipTransferred", "Organization ownership transferred successfully"));
+				} }), F(null), T(b("devportal.organizationOwnershipTransferred", "Organization ownership transferred successfully"));
 			} catch (e) {
-				T(e instanceof Error ? e.message : b("devportal.failedToTransferOwnership", "Failed to transfer organization ownership"));
+				w(e instanceof Error ? e.message : b("devportal.failedToTransferOwnership", "Failed to transfer organization ownership"));
 			}
 		}
-	}, ft = async (e) => {
-		T(null);
+	}, gt = async (e) => {
+		w(null);
 		try {
-			await L({ variables: { id: e } });
+			await et({ variables: { id: e } });
 		} catch (e) {
-			T(e instanceof Error ? e.message : b("devportal.failedToCancelInvitation", "Failed to cancel invitation"));
+			w(e instanceof Error ? e.message : b("devportal.failedToCancelInvitation", "Failed to cancel invitation"));
 		}
-	}, pt = async (e) => {
-		T(null);
+	}, _t = async (e) => {
+		w(null);
 		try {
-			await Ze({ variables: { id: e } });
+			await tt({ variables: { id: e } });
 		} catch (e) {
-			T(e instanceof Error ? e.message : b("devportal.failedToResendInvitation", "Failed to resend invitation"));
+			w(e instanceof Error ? e.message : b("devportal.failedToResendInvitation", "Failed to resend invitation"));
 		}
-	}, mt = () => {
-		k(/* @__PURE__ */ new Set()), j(/* @__PURE__ */ new Set());
-	}, ht = (e, t) => {
-		k((n) => {
+	}, vt = () => {
+		D(/* @__PURE__ */ new Set()), k(/* @__PURE__ */ new Set());
+	}, yt = (e, t) => {
+		D((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, gt = (e) => {
-		k((t) => {
+	}, bt = (e) => {
+		D((t) => {
 			let n = new Set(t);
 			return X.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, _t = (e, t) => {
-		j((n) => {
+	}, xt = (e, t) => {
+		k((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, vt = (e) => {
-		j((t) => {
+	}, St = (e) => {
+		k((t) => {
 			let n = new Set(t);
 			return q.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, yt = async () => {
+	}, Ct = async () => {
 		if (Z.length === 0) return;
-		T(null);
-		let e = await Promise.allSettled(Z.map((e) => qe({ variables: {
+		w(null);
+		let e = await Promise.allSettled(Z.map((e) => Ze({ variables: {
 			id: e.id,
 			reason: void 0
 		} }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		D(`${b("devportal.suspended", "Suspended")} ${t} ${t === 1 ? b("devportal.memberLower", "member") : b("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), k(/* @__PURE__ */ new Set());
-	}, bt = async () => {
+		T(`${b("devportal.suspended", "Suspended")} ${t} ${t === 1 ? b("devportal.memberLower", "member") : b("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), D(/* @__PURE__ */ new Set());
+	}, wt = async () => {
 		if (Q.length === 0) return;
-		T(null);
-		let e = await Promise.allSettled(Q.map((e) => Je({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		D(`${b("devportal.reactivated", "Reactivated")} ${t} ${t === 1 ? b("devportal.memberLower", "member") : b("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), k(/* @__PURE__ */ new Set());
-	}, xt = async () => {
+		w(null);
+		let e = await Promise.allSettled(Q.map((e) => L({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+		T(`${b("devportal.reactivated", "Reactivated")} ${t} ${t === 1 ? b("devportal.memberLower", "member") : b("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), D(/* @__PURE__ */ new Set());
+	}, Tt = async () => {
 		if ($.length === 0) return;
-		T(null);
-		let e = await Promise.allSettled($.map((e) => Ke({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		D(`${b("devportal.removed", "Removed")} ${t} ${t === 1 ? b("devportal.memberLower", "member") : b("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), M(!1), k(/* @__PURE__ */ new Set());
-	}, St = async () => {
+		w(null);
+		let e = await Promise.allSettled($.map((e) => Xe({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+		T(`${b("devportal.removed", "Removed")} ${t} ${t === 1 ? b("devportal.memberLower", "member") : b("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), A(!1), D(/* @__PURE__ */ new Set());
+	}, Et = async () => {
 		if (Y.length === 0) return;
-		T(null);
-		let e = await Promise.allSettled(Y.map((e) => Ze({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		D(`${b("devportal.resent", "Resent")} ${t} ${t === 1 ? b("devportal.invitationLower", "invitation") : b("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), j(/* @__PURE__ */ new Set());
-	}, Ct = async () => {
+		w(null);
+		let e = await Promise.allSettled(Y.map((e) => tt({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+		T(`${b("devportal.resent", "Resent")} ${t} ${t === 1 ? b("devportal.invitationLower", "invitation") : b("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), k(/* @__PURE__ */ new Set());
+	}, Dt = async () => {
 		if (Y.length === 0) return;
-		T(null);
-		let e = await Promise.allSettled(Y.map((e) => L({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		D(`${b("devportal.cancelled", "Cancelled")} ${t} ${t === 1 ? b("devportal.invitationLower", "invitation") : b("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), N(!1), j(/* @__PURE__ */ new Set());
+		w(null);
+		let e = await Promise.allSettled(Y.map((e) => et({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+		T(`${b("devportal.cancelled", "Cancelled")} ${t} ${t === 1 ? b("devportal.invitationLower", "invitation") : b("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), j(!1), k(/* @__PURE__ */ new Set());
 	};
-	return (He || Qe) && !I && !K ? /* @__PURE__ */ p(e, {
+	return (Ke || nt) && !I && !K ? /* @__PURE__ */ m(e, {
 		title: b("devportal.teamMembers", "Team Members"),
 		description: b("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
-		backLink: o(v, g),
+		backLink: s(v, g),
 		backLabel: b("devportal.backToOrganization", "Back to Organization"),
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "flex items-center justify-center py-16",
-			children: /* @__PURE__ */ p(be, { className: "h-8 w-8 animate-spin text-text-secondary" })
+			children: /* @__PURE__ */ m(be, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
-	}) : (Ue || $e) && !I && !K ? /* @__PURE__ */ p(e, {
+	}) : (qe || rt) && !I && !K ? /* @__PURE__ */ m(e, {
 		title: b("devportal.teamMembers", "Team Members"),
 		description: b("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
-		backLink: o(v, g),
+		backLink: s(v, g),
 		backLabel: b("devportal.backToOrganization", "Back to Organization"),
-		children: /* @__PURE__ */ p(de, {
-			icon: /* @__PURE__ */ p(f, {
+		children: /* @__PURE__ */ m(a, {
+			icon: /* @__PURE__ */ m(p, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
 			title: b("devportal.failedToLoadMembers", "Failed to load members"),
-			description: Ue?.message || $e?.message || b("devportal.anErrorOccurredWhileLoadingTeamData", "An error occurred while loading team data")
+			description: qe?.message || rt?.message || b("devportal.anErrorOccurredWhileLoadingTeamData", "An error occurred while loading team data")
 		})
-	}) : /* @__PURE__ */ p(_e, {
+	}) : /* @__PURE__ */ m(_e, {
 		authOnly: !0,
-		children: /* @__PURE__ */ m(e, {
+		children: /* @__PURE__ */ h(e, {
 			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: o(v, g),
+			backLink: s(v, g),
 			backLabel: b("devportal.backToOrganization", "Back to Organization"),
-			actions: V ? /* @__PURE__ */ m("button", {
+			actions: V ? /* @__PURE__ */ h("button", {
 				onClick: () => x(!0),
 				disabled: !V,
 				"aria-disabled": !V,
 				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__ */ p(Se, { size: 16 }), b("devportal.inviteMember", "Invite Member")]
+				children: [/* @__PURE__ */ m(Se, { size: 16 }), b("devportal.inviteMember", "Invite Member")]
 			}) : void 0,
 			children: [
-				w && /* @__PURE__ */ m("div", {
+				C && /* @__PURE__ */ h("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__ */ p(f, {
+						/* @__PURE__ */ m(p, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						w,
-						/* @__PURE__ */ p("button", {
-							onClick: () => T(null),
+						C,
+						/* @__PURE__ */ m("button", {
+							onClick: () => w(null),
 							className: "ml-auto text-status-error-text hover:text-status-error-text",
 							children: b("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				E && /* @__PURE__ */ m("div", {
+				Ve && /* @__PURE__ */ h("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__ */ p(f, {
+						/* @__PURE__ */ m(p, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						E,
-						/* @__PURE__ */ p("button", {
-							onClick: () => D(null),
+						Ve,
+						/* @__PURE__ */ m("button", {
+							onClick: () => T(null),
 							className: "ml-auto text-status-success-text hover:text-status-success-text",
 							children: b("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				(O.size > 0 || A.size > 0) && /* @__PURE__ */ m("div", {
+				(E.size > 0 || O.size > 0) && /* @__PURE__ */ h("div", {
 					className: "flex flex-wrap items-center gap-3 rounded-card border border-border-seam bg-bg-surface p-4",
-					children: [/* @__PURE__ */ m("span", {
+					children: [/* @__PURE__ */ h("span", {
 						className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
 						children: [
-							O.size + A.size,
+							E.size + O.size,
 							" ",
 							b("devportal.selected", "selected")
 						]
-					}), /* @__PURE__ */ p("button", {
-						onClick: mt,
+					}), /* @__PURE__ */ m("button", {
+						onClick: vt,
 						className: "text-sm text-text-secondary hover:text-text-primary",
 						children: b("devportal.clearAllSelections", "Clear all selections")
 					})]
 				}),
-				/* @__PURE__ */ p(t, {
-					title: `${b("devportal.members", "Members")} (${et})`,
-					actions: R.length > 0 && B ? /* @__PURE__ */ m("div", {
+				/* @__PURE__ */ m(t, {
+					title: `${b("devportal.members", "Members")} (${it})`,
+					actions: R.length > 0 && B ? /* @__PURE__ */ h("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ m("button", {
-								onClick: yt,
+							/* @__PURE__ */ h("button", {
+								onClick: Ct,
 								disabled: Z.length === 0 || !G,
 								"aria-disabled": !G,
 								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: [b("devportal.suspendSelected", "Suspend Selected"), Z.length > 0 ? ` (${Z.length})` : ""]
 							}),
-							/* @__PURE__ */ m("button", {
-								onClick: bt,
+							/* @__PURE__ */ h("button", {
+								onClick: wt,
 								disabled: Q.length === 0 || !W,
 								"aria-disabled": !W,
 								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: [b("devportal.reactivateSelected", "Reactivate Selected"), Q.length > 0 ? ` (${Q.length})` : ""]
 							}),
-							/* @__PURE__ */ m("button", {
-								onClick: () => M(!0),
+							/* @__PURE__ */ h("button", {
+								onClick: () => A(!0),
 								disabled: $.length === 0 || !U,
 								"aria-disabled": !U,
 								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",
@@ -296,25 +296,25 @@ var h = {
 							})
 						]
 					}) : null,
-					children: R.length > 0 ? /* @__PURE__ */ p(n, {
+					children: R.length > 0 ? /* @__PURE__ */ m(n, {
 						data: R,
 						keyField: "id",
 						columns: [
 							...B ? [{
 								key: "select",
-								header: /* @__PURE__ */ p(a, {
-									checked: nt,
-									indeterminate: rt,
-									onChange: gt,
+								header: /* @__PURE__ */ m(o, {
+									checked: ot,
+									indeterminate: st,
+									onChange: bt,
 									ariaLabel: b("devportal.selectAllMembers", "Select all members")
 								}),
 								className: "w-12",
-								render: (e) => /* @__PURE__ */ p("div", {
+								render: (e) => /* @__PURE__ */ m("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ p(a, {
-										checked: O.has(e.id),
+									children: /* @__PURE__ */ m(o, {
+										checked: E.has(e.id),
 										disabled: e.role === "OWNER",
-										onChange: (t) => ht(e.id, t),
+										onChange: (t) => yt(e.id, t),
 										ariaLabel: `Select member ${y(e)}`
 									})
 								})
@@ -324,15 +324,15 @@ var h = {
 								header: b("devportal.memberColumn", "Member"),
 								render: (e) => {
 									let t = y(e);
-									return /* @__PURE__ */ m("div", {
+									return /* @__PURE__ */ h("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ p("div", {
+										children: [/* @__PURE__ */ m("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__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+										}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 											className: "font-medium",
 											children: t
-										}), /* @__PURE__ */ m("p", {
+										}), /* @__PURE__ */ h("p", {
 											className: "text-xs text-text-secondary",
 											children: [
 												b("devportal.joined", "Joined"),
@@ -346,16 +346,16 @@ var h = {
 							{
 								key: "role",
 								header: b("devportal.roleColumn", "Role"),
-								render: (e) => /* @__PURE__ */ m("div", {
+								render: (e) => /* @__PURE__ */ h("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ p(we, {
+									children: [/* @__PURE__ */ m(we, {
 										size: 14,
 										className: "text-text-secondary"
-									}), e.role === "OWNER" || !H ? /* @__PURE__ */ p("span", { children: l[e.role] ?? e.role }) : /* @__PURE__ */ p("select", {
+									}), e.role === "OWNER" || !H ? /* @__PURE__ */ m("span", { children: u[e.role] ?? e.role }) : /* @__PURE__ */ m("select", {
 										value: e.role,
-										onChange: (t) => void ut(e.id, t.target.value),
+										onChange: (t) => void mt(e.id, t.target.value),
 										className: "rounded-md border border-border-subtle bg-bg-surface px-2 py-1 text-xs text-text-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
-										children: Object.entries(l).filter(([e]) => e !== "OWNER").map(([e, t]) => /* @__PURE__ */ p("option", {
+										children: Object.entries(u).filter(([e]) => e !== "OWNER").map(([e, t]) => /* @__PURE__ */ m("option", {
 											value: e,
 											children: t
 										}, e))
@@ -365,13 +365,13 @@ var h = {
 							{
 								key: "status",
 								header: b("devportal.statusColumn", "Status"),
-								render: (e) => e.isSuspended ? /* @__PURE__ */ p(r, {
+								render: (e) => e.isSuspended ? /* @__PURE__ */ m(r, {
 									status: "SUSPENDED",
 									type: "app"
-								}) : e.isActive ? /* @__PURE__ */ p(r, {
+								}) : e.isActive ? /* @__PURE__ */ m(r, {
 									status: "ACTIVE",
 									type: "app"
-								}) : /* @__PURE__ */ p(r, {
+								}) : /* @__PURE__ */ m(r, {
 									status: "INACTIVE",
 									type: "app"
 								})
@@ -380,33 +380,36 @@ var h = {
 								key: "actions",
 								header: "",
 								className: "w-32",
-								render: (e) => e.role !== "OWNER" && /* @__PURE__ */ m("div", {
+								render: (e) => e.role !== "OWNER" && /* @__PURE__ */ h("div", {
 									className: "flex gap-1",
 									children: [
-										e.isSuspended ? /* @__PURE__ */ p("button", {
+										e.isSuspended ? /* @__PURE__ */ m("button", {
 											className: "text-xs text-status-success-text hover:underline disabled:opacity-50",
 											disabled: !W,
 											"aria-disabled": !W,
 											title: b("devportal.reactivateMember", "Reactivate member"),
-											onClick: () => lt(e.id),
+											onClick: () => pt(e.id),
 											children: b("devportal.reactivate", "Reactivate")
-										}) : /* @__PURE__ */ p("button", {
+										}) : /* @__PURE__ */ m("button", {
 											className: "text-xs text-status-warning-text hover:underline disabled:opacity-50",
 											disabled: !G,
 											"aria-disabled": !G,
 											title: b("devportal.suspendMember", "Suspend member"),
-											onClick: () => ct(e.id),
+											onClick: () => ft(e.id),
 											children: b("devportal.suspend", "Suspend")
 										}),
-										/* @__PURE__ */ p("button", {
+										/* @__PURE__ */ m("button", {
 											className: "text-xs text-status-error-text hover:underline disabled:opacity-50",
 											disabled: !U,
 											"aria-disabled": !U,
 											title: b("devportal.removeMember", "Remove member"),
-											onClick: () => st(e.id),
+											onClick: () => We ? N({
+												id: e.id,
+												label: y(e)
+											}) : dt(e.id),
 											children: b("devportal.remove", "Remove")
 										}),
-										/* @__PURE__ */ p("button", {
+										/* @__PURE__ */ m("button", {
 											className: "text-xs text-primary hover:underline disabled:opacity-50",
 											disabled: !H,
 											"aria-disabled": !H,
@@ -418,46 +421,46 @@ var h = {
 								})
 							}] : []
 						]
-					}) : /* @__PURE__ */ p(de, {
+					}) : /* @__PURE__ */ m(a, {
 						illustration: "empty-people",
 						title: b("devportal.noMembers", "No members"),
 						description: b("devportal.inviteTeamMembersToCollaborate", "Invite team members to collaborate")
 					})
 				}),
-				B && q.length > 0 && /* @__PURE__ */ p(t, {
-					title: `${b("devportal.pendingInvitations", "Pending Invitations")} (${tt})`,
-					actions: /* @__PURE__ */ m("div", {
+				B && q.length > 0 && /* @__PURE__ */ m(t, {
+					title: `${b("devportal.pendingInvitations", "Pending Invitations")} (${at})`,
+					actions: /* @__PURE__ */ h("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ m("button", {
-							onClick: St,
+						children: [/* @__PURE__ */ h("button", {
+							onClick: Et,
 							disabled: Y.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: [b("devportal.resendSelected", "Resend Selected"), Y.length > 0 ? ` (${Y.length})` : ""]
-						}), /* @__PURE__ */ m("button", {
-							onClick: () => N(!0),
+						}), /* @__PURE__ */ h("button", {
+							onClick: () => j(!0),
 							disabled: Y.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: [b("devportal.cancelSelected", "Cancel Selected"), Y.length > 0 ? ` (${Y.length})` : ""]
 						})]
 					}),
-					children: /* @__PURE__ */ p(n, {
+					children: /* @__PURE__ */ m(n, {
 						data: q,
 						keyField: "id",
 						columns: [
 							{
 								key: "select",
-								header: /* @__PURE__ */ p(a, {
-									checked: it,
-									indeterminate: at,
-									onChange: vt,
+								header: /* @__PURE__ */ m(o, {
+									checked: ct,
+									indeterminate: lt,
+									onChange: St,
 									ariaLabel: b("devportal.selectAllInvitations", "Select all invitations")
 								}),
 								className: "w-12",
-								render: (e) => /* @__PURE__ */ p("div", {
+								render: (e) => /* @__PURE__ */ m("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ p(a, {
-										checked: A.has(e.id),
-										onChange: (t) => _t(e.id, t),
+									children: /* @__PURE__ */ m(o, {
+										checked: O.has(e.id),
+										onChange: (t) => xt(e.id, t),
 										ariaLabel: `Select invitation ${e.invitedEmail}`
 									})
 								})
@@ -465,9 +468,9 @@ var h = {
 							{
 								key: "invitedEmail",
 								header: b("devportal.emailColumn", "Email"),
-								render: (e) => /* @__PURE__ */ m("div", {
+								render: (e) => /* @__PURE__ */ h("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ p(xe, {
+									children: [/* @__PURE__ */ m(xe, {
 										size: 16,
 										className: "text-text-secondary"
 									}), e.invitedEmail]
@@ -476,12 +479,12 @@ var h = {
 							{
 								key: "role",
 								header: b("devportal.invitedRoleColumn", "Invited Role"),
-								render: (e) => l[e.role] ?? e.role
+								render: (e) => u[e.role] ?? e.role
 							},
 							{
 								key: "status",
 								header: b("devportal.statusColumn", "Status"),
-								render: (e) => /* @__PURE__ */ p(r, {
+								render: (e) => /* @__PURE__ */ m(r, {
 									status: e.status,
 									type: "invitation"
 								})
@@ -495,46 +498,46 @@ var h = {
 								key: "actions",
 								header: "",
 								className: "w-24",
-								render: (e) => /* @__PURE__ */ m("div", {
+								render: (e) => /* @__PURE__ */ h("div", {
 									className: "flex gap-1",
-									children: [/* @__PURE__ */ p("button", {
+									children: [/* @__PURE__ */ m("button", {
 										className: "rounded p-1 hover:bg-bg-sunken",
 										title: b("devportal.resend", "Resend"),
-										onClick: () => pt(e.id),
-										children: /* @__PURE__ */ p(Ce, { size: 14 })
-									}), /* @__PURE__ */ p("button", {
+										onClick: () => _t(e.id),
+										children: /* @__PURE__ */ m(Ce, { size: 14 })
+									}), /* @__PURE__ */ m("button", {
 										className: "rounded p-1 hover:bg-bg-sunken text-status-error-text",
 										title: b("devportal.cancel", "Cancel"),
-										onClick: () => ft(e.id),
-										children: /* @__PURE__ */ p(Te, { size: 14 })
+										onClick: () => gt(e.id),
+										children: /* @__PURE__ */ m(Te, { size: 14 })
 									})]
 								})
 							}
 						]
 					})
 				}),
-				Pe && /* @__PURE__ */ p(i, {
-					open: Pe,
+				Fe && /* @__PURE__ */ m(i, {
+					open: Fe,
 					onOpenChange: x,
-					onConfirm: ot,
+					onConfirm: ut,
 					title: b("devportal.inviteTeamMember", "Invite Team Member"),
-					confirmLabel: Ge ? b("devportal.sendingDots", "Sending...") : b("devportal.sendInvitation", "Send Invitation"),
-					children: /* @__PURE__ */ m("div", {
+					confirmLabel: Ye ? b("devportal.sendingDots", "Sending...") : b("devportal.sendInvitation", "Send Invitation"),
+					children: /* @__PURE__ */ h("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ p(fe, {
+							/* @__PURE__ */ m(de, {
 								label: b("devportal.emailAddress", "Email Address"),
 								type: "email",
 								value: S,
-								onChange: (e) => Fe(e.target.value),
+								onChange: (e) => Ie(e.target.value),
 								placeholder: "colleague@example.com",
 								hint: b("devportal.mustBeExistingVerifiedUser", "Must be an existing verified user"),
 								required: !0
 							}),
-							/* @__PURE__ */ p(pe, {
+							/* @__PURE__ */ m(fe, {
 								label: b("devportal.roleColumn", "Role"),
-								value: Ie,
-								onChange: (e) => Le(e.target.value),
+								value: Le,
+								onChange: (e) => Re(e.target.value),
 								options: [
 									{
 										value: "ADMIN",
@@ -551,42 +554,58 @@ var h = {
 								],
 								required: !0
 							}),
-							/* @__PURE__ */ p(me, {
+							/* @__PURE__ */ m(pe, {
 								label: b("devportal.personalMessage", "Personal Message"),
-								value: Re,
-								onChange: (e) => C(e.target.value),
+								value: ze,
+								onChange: (e) => Be(e.target.value),
 								placeholder: b("devportal.personalMessagePlaceholder", "Add a short note to include in the invitation email"),
 								rows: 3
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ p(i, {
-					open: ze,
-					onOpenChange: M,
-					onConfirm: xt,
+				/* @__PURE__ */ m(i, {
+					open: M !== null,
+					onOpenChange: (e) => {
+						e || N(null);
+					},
+					onConfirm: async () => {
+						if (!M) return;
+						let { id: e } = M;
+						N(null), await dt(e);
+					},
+					title: b("devportal.fluidgrids.removeMemberTitle", "Remove this member?"),
+					description: b("devportal.fluidgrids.removeMemberDescription", "{{member}} will lose access to this organization straight away. You can invite them again later.").replace("{{member}}", M?.label ?? ""),
+					confirmLabel: b("devportal.removeMember", "Remove member"),
+					cancelLabel: b("devportal.cancel", "Cancel"),
+					variant: "danger"
+				}),
+				/* @__PURE__ */ m(i, {
+					open: He,
+					onOpenChange: A,
+					onConfirm: Tt,
 					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__ */ p(i, {
-					open: Be,
-					onOpenChange: N,
-					onConfirm: Ct,
+				/* @__PURE__ */ m(i, {
+					open: Ue,
+					onOpenChange: j,
+					onConfirm: Dt,
 					title: b("devportal.cancelSelectedInvitations", "Cancel selected invitations"),
 					description: `${b("devportal.cancelNPendingInvitations", "Cancel")} ${Y.length} ${b("devportal.pendingInvitationsQuestion", "pending invitation(s)?")}`,
 					confirmLabel: b("devportal.cancelInvitations", "Cancel Invitations"),
 					cancelLabel: b("devportal.keepInvitations", "Keep Invitations"),
 					variant: "danger"
 				}),
-				/* @__PURE__ */ p(i, {
+				/* @__PURE__ */ m(i, {
 					open: P !== null,
 					onOpenChange: (e) => {
 						e || F(null);
 					},
-					onConfirm: dt,
+					onConfirm: ht,
 					title: b("devportal.transferOwnership", "Transfer ownership"),
 					description: P ? b("devportal.transferOwnershipConfirmation", `Transfer organization ownership to ${y(P)}?`) : void 0,
 					confirmLabel: b("devportal.makeOwner", "Make Owner"),