@burdenoff/microfe-devportal 2026.609.3 → 2026.611.1

package/dist/devportal/pages/OrganizationMembersPage.js

@@ -7,279 +7,290 @@ import { SelectionCheckbox as o } from "../components/SelectionCheckbox.js";
 import { DataTable as s } from "../components/DataTable.js";
 import { InputField as ee, SelectField as te } from "../components/FormField.js";
 import { ConfirmDialog as c } from "../components/ConfirmDialog.js";
-import { useCancelInvitationMutation as ne, useGetOrganizationInvitationsQuery as re, useGetOrganizationMembersQuery as ie, useInviteMemberMutation as ae, useReactivateMemberMutation as oe, useRemoveMemberMutation as se, useResendInvitationMutation as ce, useSuspendMemberMutation as le, useTransferOwnershipMutation as ue, useUpdateMemberRoleMutation as de } from "../../generated/global-operations.js";
-import { PermissionGuard as fe } from "../components/PermissionGuard.js";
+import { useCancelInvitationMutation as ne, useGetOrganizationInvitationsQuery as re, useGetOrganizationMembersQuery as ie, useGetOrganizationQuery as ae, useInviteMemberMutation as oe, useReactivateMemberMutation as se, useRemoveMemberMutation as ce, useResendInvitationMutation as le, useSuspendMemberMutation as ue, useTransferOwnershipMutation as de, useUpdateMemberRoleMutation as fe } from "../../generated/global-operations.js";
+import { PermissionGuard as pe } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { DEVPORTAL_PERMISSIONS as l } from "../constants/permissions.js";
 import { useDevportalPermission as u } from "../hooks/usePermission.js";
 import "../hooks/index.js";
 import d from "../../node_modules/date-fns/format.js";
-import { useMemo as f, useState as p } from "react";
-import { useI18n as pe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as m, Loader2 as me, Mail as he, Plus as ge, RefreshCw as _e, Shield as ve, UserMinus as ye, Users as be } from "lucide-react";
-import { useParams as xe } from "react-router-dom";
+import { useEffect as me, useMemo as f, useState as p } from "react";
+import { useI18n as he } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as m, Loader2 as ge, Mail as _e, Plus as ve, RefreshCw as ye, Shield as be, UserMinus as xe, Users 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 _ = () => {
-	let { orgId: _ } = xe(), { currentUser: v } = e(), { allowed: Se } = u(l.ORG_INVITATION_CREATE), { allowed: y } = u(l.ORG_MEMBER_UPDATE), { allowed: b } = u(l.ORG_MEMBER_DELETE), { allowed: x } = u(l.ORG_MEMBER_ACTIVATE), { allowed: S } = u(l.ORG_MEMBER_DEACTIVATE), C = (e) => e.email ? e.email : v?.id === e.userId && v.email ? v.email : e.userId, { t: Ce } = pe(), w = (e, t) => {
-		let n = Ce(e);
+	let { orgId: _ } = Ce(), { currentUser: v } = e(), { allowed: y } = u(l.ORG_INVITATION_CREATE), { allowed: b } = u(l.ORG_MEMBER_UPDATE), { allowed: x } = u(l.ORG_MEMBER_DELETE), { allowed: S } = u(l.ORG_MEMBER_ACTIVATE), { allowed: C } = u(l.ORG_MEMBER_DEACTIVATE), w = (e) => e.email ? e.email : v?.id === e.userId && v.email ? v.email : e.userId, { t: we } = he(), T = (e, t) => {
+		let n = we(e);
 		return n === e ? t : n;
-	}, [T, E] = p(!1), [D, O] = p(""), [k, A] = p("DEVELOPER"), [we, Te] = p(""), [j, M] = p(null), [N, P] = p(null), [F, I] = p(/* @__PURE__ */ new Set()), [L, R] = p(/* @__PURE__ */ new Set()), [Ee, z] = p(!1), [De, B] = p(!1), { data: V, loading: Oe, error: H } = ie({
+	}, [E, D] = p(!1), [O, k] = p(""), [A, j] = p("DEVELOPER"), [Te, Ee] = p(""), [M, N] = p(null), [P, F] = p(null), [I, L] = p(/* @__PURE__ */ new Set()), [R, z] = p(/* @__PURE__ */ new Set()), [De, B] = p(!1), [Oe, V] = p(!1), { data: H } = ae({
+		variables: { id: _ ?? "" },
+		skip: !_,
+		fetchPolicy: "cache-first"
+	});
+	me(() => {
+		let e = H?.developerOrganization?.name;
+		if (!_ || !e) return;
+		let t = window.__breadcrumbRegistry;
+		return t?.register(_, e), () => t?.unregister(_);
+	}, [_, H?.developerOrganization?.name]);
+	let { data: U, loading: ke, error: W } = ie({
 		variables: { organizationId: _ },
 		skip: !_,
 		fetchPolicy: "cache-and-network"
-	}), { data: U, loading: ke, error: W } = re({
+	}), { data: G, loading: Ae, error: je } = re({
 		variables: {
 			organizationId: _,
 			status: "PENDING"
 		},
 		skip: !_,
 		fetchPolicy: "cache-and-network"
-	}), [Ae, { loading: je }] = ae({ refetchQueries: ["GetOrganizationInvitations"] }), [Me] = se({ refetchQueries: ["GetOrganizationMembers"] }), [Ne] = le({ refetchQueries: ["GetOrganizationMembers"] }), [Pe] = oe({ refetchQueries: ["GetOrganizationMembers"] }), [Fe] = de({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [Ie] = ue({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [Le] = ne({ refetchQueries: ["GetOrganizationInvitations"] }), [Re] = ce(), G = f(() => V?.developerOrgMembers?.edges?.map((e) => e.node) ?? [], [V?.developerOrgMembers?.edges]), K = f(() => U?.developerOrgInvitations?.edges?.map((e) => e.node) ?? [], [U?.developerOrgInvitations?.edges]), ze = V?.developerOrgMembers?.totalCount ?? 0, Be = U?.developerOrgInvitations?.totalCount ?? 0, q = f(() => G.filter((e) => F.has(e.id)), [G, F]), J = f(() => K.filter((e) => L.has(e.id)), [K, L]), Y = G.filter((e) => e.role !== "OWNER"), X = Y.length > 0 && Y.every((e) => F.has(e.id)), Ve = Y.some((e) => F.has(e.id)) && !X, He = K.length > 0 && K.every((e) => L.has(e.id)), Ue = K.some((e) => L.has(e.id)) && !He, Z = q.filter((e) => e.role !== "OWNER" && !e.isSuspended), Q = q.filter((e) => e.isSuspended), $ = q.filter((e) => e.role !== "OWNER"), We = async () => {
-		if (!(!_ || !D.trim())) {
-			M(null);
+	}), [Me, { loading: Ne }] = oe({ refetchQueries: ["GetOrganizationInvitations"] }), [Pe] = ce({ refetchQueries: ["GetOrganizationMembers"] }), [Fe] = ue({ refetchQueries: ["GetOrganizationMembers"] }), [Ie] = se({ refetchQueries: ["GetOrganizationMembers"] }), [Le] = fe({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [Re] = de({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [ze] = ne({ refetchQueries: ["GetOrganizationInvitations"] }), [Be] = le(), K = f(() => U?.developerOrgMembers?.edges?.map((e) => e.node) ?? [], [U?.developerOrgMembers?.edges]), q = f(() => G?.developerOrgInvitations?.edges?.map((e) => e.node) ?? [], [G?.developerOrgInvitations?.edges]), Ve = U?.developerOrgMembers?.totalCount ?? 0, He = G?.developerOrgInvitations?.totalCount ?? 0, J = f(() => K.filter((e) => I.has(e.id)), [K, I]), Y = f(() => q.filter((e) => R.has(e.id)), [q, R]), X = K.filter((e) => e.role !== "OWNER"), Ue = X.length > 0 && X.every((e) => I.has(e.id)), We = X.some((e) => I.has(e.id)) && !Ue, Ge = q.length > 0 && q.every((e) => R.has(e.id)), Ke = q.some((e) => R.has(e.id)) && !Ge, Z = J.filter((e) => e.role !== "OWNER" && !e.isSuspended), Q = J.filter((e) => e.isSuspended), $ = J.filter((e) => e.role !== "OWNER"), qe = async () => {
+		if (!(!_ || !O.trim())) {
+			N(null);
 			try {
-				await Ae({ variables: {
+				await Me({ variables: {
 					organizationId: _,
 					input: {
-						email: D,
-						role: k,
-						message: we || void 0
+						email: O,
+						role: A,
+						message: Te || void 0
 					}
-				} }), E(!1), O(""), A("DEVELOPER"), Te("");
+				} }), D(!1), k(""), j("DEVELOPER"), Ee("");
 			} catch (e) {
-				M(e instanceof Error ? e.message : w("devportal.failedToSendInvitation", "Failed to send invitation"));
+				N(e instanceof Error ? e.message : T("devportal.failedToSendInvitation", "Failed to send invitation"));
 			}
 		}
-	}, Ge = async (e) => {
-		M(null);
+	}, Je = async (e) => {
+		N(null);
 		try {
-			await Me({ variables: { id: e } });
+			await Pe({ variables: { id: e } });
 		} catch (e) {
-			M(e instanceof Error ? e.message : w("devportal.failedToRemoveMember", "Failed to remove member"));
+			N(e instanceof Error ? e.message : T("devportal.failedToRemoveMember", "Failed to remove member"));
 		}
-	}, Ke = async (e, t) => {
-		M(null);
+	}, Ye = async (e, t) => {
+		N(null);
 		try {
-			await Ne({ variables: {
+			await Fe({ variables: {
 				id: e,
 				reason: t || void 0
 			} });
 		} catch (e) {
-			M(e instanceof Error ? e.message : w("devportal.failedToSuspendMember", "Failed to suspend member"));
+			N(e instanceof Error ? e.message : T("devportal.failedToSuspendMember", "Failed to suspend member"));
 		}
-	}, qe = async (e) => {
-		M(null);
+	}, Xe = async (e) => {
+		N(null);
 		try {
-			await Pe({ variables: { id: e } });
+			await Ie({ variables: { id: e } });
 		} catch (e) {
-			M(e instanceof Error ? e.message : w("devportal.failedToReactivateMember", "Failed to reactivate member"));
+			N(e instanceof Error ? e.message : T("devportal.failedToReactivateMember", "Failed to reactivate member"));
 		}
-	}, Je = async (e, t) => {
-		M(null);
+	}, Ze = async (e, t) => {
+		N(null);
 		try {
-			await Fe({ variables: {
+			await Le({ variables: {
 				id: e,
 				role: t,
 				permissions: void 0
-			} }), P(w("devportal.memberRoleUpdated", "Member role updated successfully"));
+			} }), F(T("devportal.memberRoleUpdated", "Member role updated successfully"));
 		} catch (e) {
-			M(e instanceof Error ? e.message : w("devportal.failedToUpdateMemberRole", "Failed to update member role"));
+			N(e instanceof Error ? e.message : T("devportal.failedToUpdateMemberRole", "Failed to update member role"));
 		}
-	}, Ye = async (e) => {
-		if (_ && (M(null), window.confirm(w("devportal.transferOwnershipConfirmation", `Transfer organization ownership to ${C(e)}?`)))) try {
-			await Ie({ variables: {
+	}, Qe = async (e) => {
+		if (_ && (N(null), window.confirm(T("devportal.transferOwnershipConfirmation", `Transfer organization ownership to ${w(e)}?`)))) try {
+			await Re({ variables: {
 				organizationId: _,
 				newOwnerId: e.userId
-			} }), P(w("devportal.organizationOwnershipTransferred", "Organization ownership transferred successfully"));
+			} }), F(T("devportal.organizationOwnershipTransferred", "Organization ownership transferred successfully"));
 		} catch (e) {
-			M(e instanceof Error ? e.message : w("devportal.failedToTransferOwnership", "Failed to transfer organization ownership"));
+			N(e instanceof Error ? e.message : T("devportal.failedToTransferOwnership", "Failed to transfer organization ownership"));
 		}
-	}, Xe = async (e) => {
-		M(null);
+	}, $e = async (e) => {
+		N(null);
 		try {
-			await Le({ variables: { id: e } });
+			await ze({ variables: { id: e } });
 		} catch (e) {
-			M(e instanceof Error ? e.message : w("devportal.failedToCancelInvitation", "Failed to cancel invitation"));
+			N(e instanceof Error ? e.message : T("devportal.failedToCancelInvitation", "Failed to cancel invitation"));
 		}
-	}, Ze = async (e) => {
-		M(null);
+	}, et = async (e) => {
+		N(null);
 		try {
-			await Re({ variables: { id: e } });
+			await Be({ variables: { id: e } });
 		} catch (e) {
-			M(e instanceof Error ? e.message : w("devportal.failedToResendInvitation", "Failed to resend invitation"));
+			N(e instanceof Error ? e.message : T("devportal.failedToResendInvitation", "Failed to resend invitation"));
 		}
-	}, Qe = () => {
-		I(/* @__PURE__ */ new Set()), R(/* @__PURE__ */ new Set());
-	}, $e = (e, t) => {
-		I((n) => {
+	}, tt = () => {
+		L(/* @__PURE__ */ new Set()), z(/* @__PURE__ */ new Set());
+	}, nt = (e, t) => {
+		L((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, et = (e) => {
-		I((t) => {
+	}, rt = (e) => {
+		L((t) => {
 			let n = new Set(t);
-			return Y.forEach((t) => {
+			return X.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, tt = (e, t) => {
-		R((n) => {
+	}, it = (e, t) => {
+		z((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	};
-	return (Oe || ke) && !V && !U ? /* @__PURE__ */ h(n, {
-		title: w("devportal.teamMembers", "Team Members"),
-		description: w("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
+	return (ke || Ae) && !U && !G ? /* @__PURE__ */ h(n, {
+		title: T("devportal.teamMembers", "Team Members"),
+		description: T("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
 		backLink: `/organizations/${_}`,
-		backLabel: w("devportal.backToOrganization", "Back to Organization"),
+		backLabel: T("devportal.backToOrganization", "Back to Organization"),
 		children: /* @__PURE__ */ h("div", {
 			className: "flex items-center justify-center py-16",
-			children: /* @__PURE__ */ h(me, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+			children: /* @__PURE__ */ h(ge, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 		})
-	}) : (H || W) && !V && !U ? /* @__PURE__ */ h(n, {
-		title: w("devportal.teamMembers", "Team Members"),
-		description: w("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
+	}) : (W || je) && !U && !G ? /* @__PURE__ */ h(n, {
+		title: T("devportal.teamMembers", "Team Members"),
+		description: T("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
 		backLink: `/organizations/${_}`,
-		backLabel: w("devportal.backToOrganization", "Back to Organization"),
+		backLabel: T("devportal.backToOrganization", "Back to Organization"),
 		children: /* @__PURE__ */ h(t, {
 			icon: /* @__PURE__ */ h(m, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
-			title: w("devportal.failedToLoadMembers", "Failed to load members"),
-			description: H?.message || W?.message || w("devportal.anErrorOccurredWhileLoadingTeamData", "An error occurred while loading team data")
+			title: T("devportal.failedToLoadMembers", "Failed to load members"),
+			description: W?.message || je?.message || T("devportal.anErrorOccurredWhileLoadingTeamData", "An error occurred while loading team data")
 		})
-	}) : /* @__PURE__ */ h(fe, {
+	}) : /* @__PURE__ */ h(pe, {
 		permission: l.ORG_MEMBER_READ,
 		children: /* @__PURE__ */ g(n, {
-			title: w("devportal.teamMembers", "Team Members"),
-			description: w("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
+			title: T("devportal.teamMembers", "Team Members"),
+			description: T("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
 			backLink: `/organizations/${_}`,
-			backLabel: w("devportal.backToOrganization", "Back to Organization"),
+			backLabel: T("devportal.backToOrganization", "Back to Organization"),
 			actions: /* @__PURE__ */ g("button", {
-				onClick: () => E(!0),
-				disabled: !Se,
-				"aria-disabled": !Se,
+				onClick: () => D(!0),
+				disabled: !y,
+				"aria-disabled": !y,
 				className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
-				children: [/* @__PURE__ */ h(ge, { size: 16 }), w("devportal.inviteMember", "Invite Member")]
+				children: [/* @__PURE__ */ h(ve, { size: 16 }), T("devportal.inviteMember", "Invite Member")]
 			}),
 			children: [
-				j && /* @__PURE__ */ g("div", {
+				M && /* @__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__ */ h(m, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						j,
+						M,
 						/* @__PURE__ */ h("button", {
-							onClick: () => M(null),
+							onClick: () => N(null),
 							className: "ml-auto text-status-error-text hover:text-status-error-text",
-							children: w("devportal.dismiss", "Dismiss")
+							children: T("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				N && /* @__PURE__ */ g("div", {
+				P && /* @__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__ */ h(m, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						N,
+						P,
 						/* @__PURE__ */ h("button", {
-							onClick: () => P(null),
+							onClick: () => F(null),
 							className: "ml-auto text-status-success-text hover:text-status-success-text",
-							children: w("devportal.dismiss", "Dismiss")
+							children: T("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				(F.size > 0 || L.size > 0) && /* @__PURE__ */ g("div", {
+				(I.size > 0 || R.size > 0) && /* @__PURE__ */ g("div", {
 					className: "flex flex-wrap items-center gap-3 rounded-lg border bg-card p-4",
 					children: [/* @__PURE__ */ g("span", {
 						className: "rounded-full bg-muted px-3 py-1 text-sm font-medium text-muted-foreground",
 						children: [
-							F.size + L.size,
+							I.size + R.size,
 							" ",
-							w("devportal.selected", "selected")
+							T("devportal.selected", "selected")
 						]
 					}), /* @__PURE__ */ h("button", {
-						onClick: Qe,
+						onClick: tt,
 						className: "text-sm text-muted-foreground hover:text-foreground",
-						children: w("devportal.clearAllSelections", "Clear all selections")
+						children: T("devportal.clearAllSelections", "Clear all selections")
 					})]
 				}),
 				/* @__PURE__ */ h(r, {
-					title: `${w("devportal.members", "Members")} (${ze})`,
-					actions: G.length > 0 ? /* @__PURE__ */ g("div", {
+					title: `${T("devportal.members", "Members")} (${Ve})`,
+					actions: K.length > 0 ? /* @__PURE__ */ g("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
 							/* @__PURE__ */ g("button", {
 								onClick: async () => {
 									if (Z.length === 0) return;
-									M(null);
-									let e = await Promise.allSettled(Z.map((e) => Ne({ variables: {
+									N(null);
+									let e = await Promise.allSettled(Z.map((e) => Fe({ variables: {
 										id: e.id,
 										reason: void 0
 									} }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-									P(`${w("devportal.suspended", "Suspended")} ${t} ${t === 1 ? w("devportal.memberLower", "member") : w("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${w("devportal.failed", "failed")}` : ""}`), I(/* @__PURE__ */ new Set());
+									F(`${T("devportal.suspended", "Suspended")} ${t} ${t === 1 ? T("devportal.memberLower", "member") : T("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${T("devportal.failed", "failed")}` : ""}`), L(/* @__PURE__ */ new Set());
 								},
-								disabled: Z.length === 0 || !S,
-								"aria-disabled": !S,
+								disabled: Z.length === 0 || !C,
+								"aria-disabled": !C,
 								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: [w("devportal.suspendSelected", "Suspend Selected"), Z.length > 0 ? ` (${Z.length})` : ""]
+								children: [T("devportal.suspendSelected", "Suspend Selected"), Z.length > 0 ? ` (${Z.length})` : ""]
 							}),
 							/* @__PURE__ */ g("button", {
 								onClick: async () => {
 									if (Q.length === 0) return;
-									M(null);
-									let e = await Promise.allSettled(Q.map((e) => Pe({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-									P(`${w("devportal.reactivated", "Reactivated")} ${t} ${t === 1 ? w("devportal.memberLower", "member") : w("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${w("devportal.failed", "failed")}` : ""}`), I(/* @__PURE__ */ new Set());
+									N(null);
+									let e = await Promise.allSettled(Q.map((e) => Ie({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+									F(`${T("devportal.reactivated", "Reactivated")} ${t} ${t === 1 ? T("devportal.memberLower", "member") : T("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${T("devportal.failed", "failed")}` : ""}`), L(/* @__PURE__ */ new Set());
 								},
-								disabled: Q.length === 0 || !x,
-								"aria-disabled": !x,
+								disabled: Q.length === 0 || !S,
+								"aria-disabled": !S,
 								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: [w("devportal.reactivateSelected", "Reactivate Selected"), Q.length > 0 ? ` (${Q.length})` : ""]
+								children: [T("devportal.reactivateSelected", "Reactivate Selected"), Q.length > 0 ? ` (${Q.length})` : ""]
 							}),
 							/* @__PURE__ */ g("button", {
-								onClick: () => z(!0),
-								disabled: $.length === 0 || !b,
-								"aria-disabled": !b,
+								onClick: () => B(!0),
+								disabled: $.length === 0 || !x,
+								"aria-disabled": !x,
 								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: [w("devportal.removeSelected", "Remove Selected"), $.length > 0 ? ` (${$.length})` : ""]
+								children: [T("devportal.removeSelected", "Remove Selected"), $.length > 0 ? ` (${$.length})` : ""]
 							})
 						]
 					}) : null,
-					children: G.length > 0 ? /* @__PURE__ */ h(s, {
-						data: G,
+					children: K.length > 0 ? /* @__PURE__ */ h(s, {
+						data: K,
 						keyField: "id",
 						columns: [
 							{
 								key: "select",
 								header: /* @__PURE__ */ h(o, {
-									checked: X,
-									indeterminate: Ve,
-									onChange: et,
-									ariaLabel: w("devportal.selectAllMembers", "Select all members")
+									checked: Ue,
+									indeterminate: We,
+									onChange: rt,
+									ariaLabel: T("devportal.selectAllMembers", "Select all members")
 								}),
 								className: "w-12",
 								render: (e) => /* @__PURE__ */ h("div", {
 									onClick: (e) => e.stopPropagation(),
 									children: /* @__PURE__ */ h(o, {
-										checked: F.has(e.id),
+										checked: I.has(e.id),
 										disabled: e.role === "OWNER",
-										onChange: (t) => $e(e.id, t),
-										ariaLabel: `Select member ${C(e)}`
+										onChange: (t) => nt(e.id, t),
+										ariaLabel: `Select member ${w(e)}`
 									})
 								})
 							},
 							{
 								key: "email",
-								header: w("devportal.memberColumn", "Member"),
+								header: T("devportal.memberColumn", "Member"),
 								render: (e) => {
-									let t = C(e);
+									let t = w(e);
 									return /* @__PURE__ */ g("div", {
 										className: "flex items-center gap-3",
 										children: [/* @__PURE__ */ h("div", {
@@ -291,7 +302,7 @@ var _ = () => {
 										}), /* @__PURE__ */ g("p", {
 											className: "text-xs text-muted-foreground",
 											children: [
-												w("devportal.joined", "Joined"),
+												T("devportal.joined", "Joined"),
 												" ",
 												d(new Date(e.joinedAt), "MMM d, yyyy")
 											]
@@ -301,15 +312,15 @@ var _ = () => {
 							},
 							{
 								key: "role",
-								header: w("devportal.roleColumn", "Role"),
+								header: T("devportal.roleColumn", "Role"),
 								render: (e) => /* @__PURE__ */ g("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ h(ve, {
+									children: [/* @__PURE__ */ h(be, {
 										size: 14,
 										className: "text-muted-foreground"
 									}), e.role === "OWNER" ? /* @__PURE__ */ h("span", { children: i[e.role] ?? e.role }) : /* @__PURE__ */ h("select", {
 										value: e.role,
-										onChange: (t) => void Je(e.id, t.target.value),
+										onChange: (t) => void Ze(e.id, t.target.value),
 										className: "rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground",
 										children: Object.entries(i).filter(([e]) => e !== "OWNER").map(([e, t]) => /* @__PURE__ */ h("option", {
 											value: e,
@@ -320,7 +331,7 @@ var _ = () => {
 							},
 							{
 								key: "status",
-								header: w("devportal.statusColumn", "Status"),
+								header: T("devportal.statusColumn", "Status"),
 								render: (e) => e.isSuspended ? /* @__PURE__ */ h(a, {
 									status: "SUSPENDED",
 									type: "app"
@@ -341,101 +352,101 @@ var _ = () => {
 									children: [
 										e.isSuspended ? /* @__PURE__ */ h("button", {
 											className: "text-xs text-status-success-text hover:underline disabled:opacity-50",
-											disabled: !x,
-											"aria-disabled": !x,
-											title: w("devportal.reactivateMember", "Reactivate member"),
-											onClick: () => qe(e.id),
-											children: w("devportal.reactivate", "Reactivate")
-										}) : /* @__PURE__ */ h("button", {
-											className: "text-xs text-status-warning-text hover:underline disabled:opacity-50",
 											disabled: !S,
 											"aria-disabled": !S,
-											title: w("devportal.suspendMember", "Suspend member"),
-											onClick: () => Ke(e.id),
-											children: w("devportal.suspend", "Suspend")
+											title: T("devportal.reactivateMember", "Reactivate member"),
+											onClick: () => Xe(e.id),
+											children: T("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: () => Ye(e.id),
+											children: T("devportal.suspend", "Suspend")
 										}),
 										/* @__PURE__ */ h("button", {
 											className: "text-xs text-status-error-text hover:underline disabled:opacity-50",
-											disabled: !b,
-											"aria-disabled": !b,
-											title: w("devportal.removeMember", "Remove member"),
-											onClick: () => Ge(e.id),
-											children: w("devportal.remove", "Remove")
+											disabled: !x,
+											"aria-disabled": !x,
+											title: T("devportal.removeMember", "Remove member"),
+											onClick: () => Je(e.id),
+											children: T("devportal.remove", "Remove")
 										}),
 										/* @__PURE__ */ h("button", {
 											className: "text-xs text-primary hover:underline disabled:opacity-50",
-											disabled: !y,
-											"aria-disabled": !y,
-											title: w("devportal.transferOwnership", "Transfer ownership"),
-											onClick: () => Ye(e),
-											children: w("devportal.makeOwner", "Make Owner")
+											disabled: !b,
+											"aria-disabled": !b,
+											title: T("devportal.transferOwnership", "Transfer ownership"),
+											onClick: () => Qe(e),
+											children: T("devportal.makeOwner", "Make Owner")
 										})
 									]
 								})
 							}
 						]
 					}) : /* @__PURE__ */ h(t, {
-						icon: /* @__PURE__ */ h(be, { size: 24 }),
-						title: w("devportal.noMembers", "No members"),
-						description: w("devportal.inviteTeamMembersToCollaborate", "Invite team members to collaborate")
+						icon: /* @__PURE__ */ h(Se, { size: 24 }),
+						title: T("devportal.noMembers", "No members"),
+						description: T("devportal.inviteTeamMembersToCollaborate", "Invite team members to collaborate")
 					})
 				}),
-				K.length > 0 && /* @__PURE__ */ h(r, {
-					title: `${w("devportal.pendingInvitations", "Pending Invitations")} (${Be})`,
+				q.length > 0 && /* @__PURE__ */ h(r, {
+					title: `${T("devportal.pendingInvitations", "Pending Invitations")} (${He})`,
 					actions: /* @__PURE__ */ g("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [/* @__PURE__ */ g("button", {
 							onClick: async () => {
-								if (J.length === 0) return;
-								M(null);
-								let e = await Promise.allSettled(J.map((e) => Re({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-								P(`${w("devportal.resent", "Resent")} ${t} ${t === 1 ? w("devportal.invitationLower", "invitation") : w("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${w("devportal.failed", "failed")}` : ""}`), R(/* @__PURE__ */ new Set());
+								if (Y.length === 0) return;
+								N(null);
+								let e = await Promise.allSettled(Y.map((e) => Be({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+								F(`${T("devportal.resent", "Resent")} ${t} ${t === 1 ? T("devportal.invitationLower", "invitation") : T("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${T("devportal.failed", "failed")}` : ""}`), z(/* @__PURE__ */ new Set());
 							},
-							disabled: J.length === 0,
+							disabled: Y.length === 0,
 							className: "rounded-md border border-primary/30 px-3 py-2 text-sm font-medium text-primary hover:bg-primary/5 disabled:cursor-not-allowed disabled:opacity-50",
-							children: [w("devportal.resendSelected", "Resend Selected"), J.length > 0 ? ` (${J.length})` : ""]
+							children: [T("devportal.resendSelected", "Resend Selected"), Y.length > 0 ? ` (${Y.length})` : ""]
 						}), /* @__PURE__ */ g("button", {
-							onClick: () => B(!0),
-							disabled: J.length === 0,
+							onClick: () => V(!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: [w("devportal.cancelSelected", "Cancel Selected"), J.length > 0 ? ` (${J.length})` : ""]
+							children: [T("devportal.cancelSelected", "Cancel Selected"), Y.length > 0 ? ` (${Y.length})` : ""]
 						})]
 					}),
 					children: /* @__PURE__ */ h(s, {
-						data: K,
+						data: q,
 						keyField: "id",
 						columns: [
 							{
 								key: "select",
 								header: /* @__PURE__ */ h(o, {
-									checked: He,
-									indeterminate: Ue,
+									checked: Ge,
+									indeterminate: Ke,
 									onChange: (e) => {
-										R((t) => {
+										z((t) => {
 											let n = new Set(t);
-											return K.forEach((t) => {
+											return q.forEach((t) => {
 												e ? n.add(t.id) : n.delete(t.id);
 											}), n;
 										});
 									},
-									ariaLabel: w("devportal.selectAllInvitations", "Select all invitations")
+									ariaLabel: T("devportal.selectAllInvitations", "Select all invitations")
 								}),
 								className: "w-12",
 								render: (e) => /* @__PURE__ */ h("div", {
 									onClick: (e) => e.stopPropagation(),
 									children: /* @__PURE__ */ h(o, {
-										checked: L.has(e.id),
-										onChange: (t) => tt(e.id, t),
+										checked: R.has(e.id),
+										onChange: (t) => it(e.id, t),
 										ariaLabel: `Select invitation ${e.invitedEmail}`
 									})
 								})
 							},
 							{
 								key: "invitedEmail",
-								header: w("devportal.emailColumn", "Email"),
+								header: T("devportal.emailColumn", "Email"),
 								render: (e) => /* @__PURE__ */ g("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ h(he, {
+									children: [/* @__PURE__ */ h(_e, {
 										size: 16,
 										className: "text-muted-foreground"
 									}), e.invitedEmail]
@@ -443,12 +454,12 @@ var _ = () => {
 							},
 							{
 								key: "role",
-								header: w("devportal.invitedRoleColumn", "Invited Role"),
+								header: T("devportal.invitedRoleColumn", "Invited Role"),
 								render: (e) => i[e.role] ?? e.role
 							},
 							{
 								key: "status",
-								header: w("devportal.statusColumn", "Status"),
+								header: T("devportal.statusColumn", "Status"),
 								render: (e) => /* @__PURE__ */ h(a, {
 									status: e.status,
 									type: "invitation"
@@ -456,7 +467,7 @@ var _ = () => {
 							},
 							{
 								key: "expiresAt",
-								header: w("devportal.expiresColumn", "Expires"),
+								header: T("devportal.expiresColumn", "Expires"),
 								render: (e) => d(new Date(e.expiresAt), "MMM d, yyyy")
 							},
 							{
@@ -467,52 +478,52 @@ var _ = () => {
 									className: "flex gap-1",
 									children: [/* @__PURE__ */ h("button", {
 										className: "rounded p-1 hover:bg-muted",
-										title: w("devportal.resend", "Resend"),
-										onClick: () => Ze(e.id),
-										children: /* @__PURE__ */ h(_e, { size: 14 })
+										title: T("devportal.resend", "Resend"),
+										onClick: () => et(e.id),
+										children: /* @__PURE__ */ h(ye, { size: 14 })
 									}), /* @__PURE__ */ h("button", {
 										className: "rounded p-1 hover:bg-muted text-status-error-text",
-										title: w("devportal.cancel", "Cancel"),
-										onClick: () => Xe(e.id),
-										children: /* @__PURE__ */ h(ye, { size: 14 })
+										title: T("devportal.cancel", "Cancel"),
+										onClick: () => $e(e.id),
+										children: /* @__PURE__ */ h(xe, { size: 14 })
 									})]
 								})
 							}
 						]
 					})
 				}),
-				T && /* @__PURE__ */ h(c, {
-					open: T,
-					onOpenChange: E,
-					onConfirm: We,
-					title: w("devportal.inviteTeamMember", "Invite Team Member"),
-					confirmLabel: je ? w("devportal.sendingDots", "Sending...") : w("devportal.sendInvitation", "Send Invitation"),
+				E && /* @__PURE__ */ h(c, {
+					open: E,
+					onOpenChange: D,
+					onConfirm: qe,
+					title: T("devportal.inviteTeamMember", "Invite Team Member"),
+					confirmLabel: Ne ? T("devportal.sendingDots", "Sending...") : T("devportal.sendInvitation", "Send Invitation"),
 					children: /* @__PURE__ */ g("div", {
 						className: "space-y-4",
 						children: [/* @__PURE__ */ h(ee, {
-							label: w("devportal.emailAddress", "Email Address"),
+							label: T("devportal.emailAddress", "Email Address"),
 							type: "email",
-							value: D,
-							onChange: (e) => O(e.target.value),
+							value: O,
+							onChange: (e) => k(e.target.value),
 							placeholder: "colleague@example.com",
-							hint: w("devportal.mustBeExistingVerifiedUser", "Must be an existing verified user"),
+							hint: T("devportal.mustBeExistingVerifiedUser", "Must be an existing verified user"),
 							required: !0
 						}), /* @__PURE__ */ h(te, {
-							label: w("devportal.roleColumn", "Role"),
-							value: k,
-							onChange: (e) => A(e.target.value),
+							label: T("devportal.roleColumn", "Role"),
+							value: A,
+							onChange: (e) => j(e.target.value),
 							options: [
 								{
 									value: "ADMIN",
-									label: w("devportal.adminFullAccess", "Admin - Full access")
+									label: T("devportal.adminFullAccess", "Admin - Full access")
 								},
 								{
 									value: "DEVELOPER",
-									label: w("devportal.developerCreateAndManageApps", "Developer - Create and manage apps")
+									label: T("devportal.developerCreateAndManageApps", "Developer - Create and manage apps")
 								},
 								{
 									value: "VIEWER",
-									label: w("devportal.viewerReadOnlyAccess", "Viewer - Read-only access")
+									label: T("devportal.viewerReadOnlyAccess", "Viewer - Read-only access")
 								}
 							],
 							required: !0
@@ -520,33 +531,33 @@ var _ = () => {
 					})
 				}),
 				/* @__PURE__ */ h(c, {
-					open: Ee,
-					onOpenChange: z,
+					open: De,
+					onOpenChange: B,
 					onConfirm: async () => {
 						if ($.length === 0) return;
-						M(null);
-						let e = await Promise.allSettled($.map((e) => Me({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-						P(`${w("devportal.removed", "Removed")} ${t} ${t === 1 ? w("devportal.memberLower", "member") : w("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${w("devportal.failed", "failed")}` : ""}`), z(!1), I(/* @__PURE__ */ new Set());
+						N(null);
+						let e = await Promise.allSettled($.map((e) => Pe({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+						F(`${T("devportal.removed", "Removed")} ${t} ${t === 1 ? T("devportal.memberLower", "member") : T("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${T("devportal.failed", "failed")}` : ""}`), B(!1), L(/* @__PURE__ */ new Set());
 					},
-					title: w("devportal.removeSelectedMembers", "Remove selected members"),
-					description: `${w("devportal.removeNSelectedMembers", "Remove")} ${$.length} ${w("devportal.selectedMembersFromOrg", "selected member(s) from this organization? This action cannot be undone.")}`,
-					confirmLabel: w("devportal.removeMembers", "Remove Members"),
-					cancelLabel: w("devportal.cancel", "Cancel"),
+					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"),
 					variant: "danger"
 				}),
 				/* @__PURE__ */ h(c, {
-					open: De,
-					onOpenChange: B,
+					open: Oe,
+					onOpenChange: V,
 					onConfirm: async () => {
-						if (J.length === 0) return;
-						M(null);
-						let e = await Promise.allSettled(J.map((e) => Le({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-						P(`${w("devportal.cancelled", "Cancelled")} ${t} ${t === 1 ? w("devportal.invitationLower", "invitation") : w("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${w("devportal.failed", "failed")}` : ""}`), B(!1), R(/* @__PURE__ */ new Set());
+						if (Y.length === 0) return;
+						N(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;
+						F(`${T("devportal.cancelled", "Cancelled")} ${t} ${t === 1 ? T("devportal.invitationLower", "invitation") : T("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${T("devportal.failed", "failed")}` : ""}`), V(!1), z(/* @__PURE__ */ new Set());
 					},
-					title: w("devportal.cancelSelectedInvitations", "Cancel selected invitations"),
-					description: `${w("devportal.cancelNPendingInvitations", "Cancel")} ${J.length} ${w("devportal.pendingInvitationsQuestion", "pending invitation(s)?")}`,
-					confirmLabel: w("devportal.cancelInvitations", "Cancel Invitations"),
-					cancelLabel: w("devportal.keepInvitations", "Keep Invitations"),
+					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"),
 					variant: "danger"
 				})
 			]