@burdenoff/microfe-devportal 2026.625.2 → 2026.625.4

package/dist/devportal/pages/OrganizationMembersPage.js

@@ -1,19 +1,19 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { EmptyState as t } from "../components/EmptyState.js";
 import { useCancelInvitationMutation as n, useGetOrganizationInvitationsQuery as r, useGetOrganizationMembersQuery as ee, useGetOrganizationQuery as te, useInviteMemberMutation as ne, useReactivateMemberMutation as re, useRemoveMemberMutation as ie, useResendInvitationMutation as ae, useSuspendMemberMutation as oe, useTransferOwnershipMutation as se, useUpdateMemberRoleMutation as ce } from "../../generated/global-operations.js";
-import { PageLayout as i, PageSection as le } from "../components/PageLayout.js";
-import { ORG_ROLE_LABELS as a } from "../utils/constants.js";
-import { StatusBadge as o } from "../components/StatusBadge.js";
-import { SelectionCheckbox as s } from "../components/SelectionCheckbox.js";
-import { DataTable as c } from "../components/DataTable.js";
-import { InputField as ue, SelectField as de } from "../components/FormField.js";
-import { ConfirmDialog as l } from "../components/ConfirmDialog.js";
-import { PermissionGuard as fe } from "../components/PermissionGuard.js";
+import { PageLayout as i, PageSection as a } from "../components/PageLayout.js";
+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 l } from "../components/DataTable.js";
+import { InputField as le, SelectField as ue } from "../components/FormField.js";
+import { ConfirmDialog as u } from "../components/ConfirmDialog.js";
+import { PermissionGuard as de } 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 { DEVPORTAL_PERMISSIONS as d } from "../constants/permissions.js";
+import { useDevportalPermission as f } from "../hooks/usePermission.js";
 import "../hooks/index.js";
-import f from "../../node_modules/date-fns/format.js";
+import fe from "../../node_modules/.bun/date-fns@3.6.0/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, Users as xe } from "lucide-react";
@@ -21,139 +21,135 @@ import { useParams as Se } from "react-router-dom";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/devportal/pages/OrganizationMembersPage.tsx
 var v = () => {
-	let { orgId: v } = Se(), { currentUser: y } = e(), { allowed: Ce } = d(u.ORG_INVITATION_CREATE), { allowed: we } = d(u.ORG_MEMBER_UPDATE), { allowed: b } = d(u.ORG_MEMBER_DELETE), { allowed: x } = d(u.ORG_MEMBER_ACTIVATE), { allowed: S } = d(u.ORG_MEMBER_DEACTIVATE), C = (e) => e.email ? e.email : y?.id === e.userId && y.email ? y.email : e.userId, { t: Te } = me(), w = (e, t) => {
+	let { orgId: v } = Se(), { currentUser: y } = e(), { allowed: Ce } = f(d.ORG_INVITATION_CREATE), { allowed: we } = f(d.ORG_MEMBER_UPDATE), { allowed: b } = f(d.ORG_MEMBER_DELETE), { allowed: x } = f(d.ORG_MEMBER_ACTIVATE), { allowed: S } = f(d.ORG_MEMBER_DEACTIVATE), C = (e) => e.email ? e.email : y?.id === e.userId && y.email ? y.email : e.userId, { t: Te } = me(), w = (e, t) => {
 		let n = Te(e);
 		return n === e ? t : n;
-	}, [T, E] = m(!1), [D, O] = m(""), [k, A] = m("DEVELOPER"), [Ee, De] = m(""), [j, M] = m(null), [N, P] = m(null), [F, I] = m(/* @__PURE__ */ new Set()), [L, R] = m(/* @__PURE__ */ new Set()), [Oe, z] = m(!1), [ke, B] = m(!1), [V, H] = m(null), { data: Ae } = te({
+	}, [T, E] = m(!1), [D, Ee] = m(""), [De, Oe] = m("DEVELOPER"), [ke, Ae] = m(""), [je, O] = m(null), [k, A] = m(null), [j, M] = m(/* @__PURE__ */ new Set()), [N, P] = m(/* @__PURE__ */ new Set()), [Me, F] = m(!1), [Ne, I] = m(!1), { data: L } = te({
 		variables: { id: v ?? "" },
 		skip: !v,
 		fetchPolicy: "cache-first"
 	});
 	pe(() => {
-		let e = Ae?.developerOrganization?.name;
+		let e = L?.developerOrganization?.name;
 		if (!v || !e) return;
 		let t = window.__breadcrumbRegistry;
 		return t?.register(v, e), () => t?.unregister(v);
-	}, [v, Ae?.developerOrganization?.name]);
-	let { data: U, loading: je, error: Me } = ee({
+	}, [v, L?.developerOrganization?.name]);
+	let { data: R, loading: Pe, error: z } = ee({
 		variables: { organizationId: v },
 		skip: !v,
 		fetchPolicy: "cache-and-network"
-	}), { data: W, loading: Ne, error: Pe } = r({
+	}), { data: B, loading: Fe, error: V } = r({
 		variables: {
 			organizationId: v,
 			status: "PENDING"
 		},
 		skip: !v,
 		fetchPolicy: "cache-and-network"
-	}), [Fe, { loading: Ie }] = ne({ refetchQueries: ["GetOrganizationInvitations"] }), [Le] = ie({ refetchQueries: ["GetOrganizationMembers"] }), [Re] = oe({ refetchQueries: ["GetOrganizationMembers"] }), [ze] = re({ refetchQueries: ["GetOrganizationMembers"] }), [Be] = ce({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [Ve] = se({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [He] = n({ refetchQueries: ["GetOrganizationInvitations"] }), [Ue] = ae(), G = p(() => U?.developerOrgMembers?.edges?.map((e) => e.node) ?? [], [U?.developerOrgMembers?.edges]), K = p(() => W?.developerOrgInvitations?.edges?.map((e) => e.node) ?? [], [W?.developerOrgInvitations?.edges]), We = U?.developerOrgMembers?.totalCount ?? 0, Ge = W?.developerOrgInvitations?.totalCount ?? 0, q = p(() => G.filter((e) => F.has(e.id)), [G, F]), J = p(() => K.filter((e) => L.has(e.id)), [K, L]), Y = G.filter((e) => e.role !== "OWNER"), Ke = Y.length > 0 && Y.every((e) => F.has(e.id)), qe = Y.some((e) => F.has(e.id)) && !Ke, X = K.length > 0 && K.every((e) => L.has(e.id)), Je = K.some((e) => L.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"), Ye = async () => {
+	}), [Ie, { loading: Le }] = ne({ refetchQueries: ["GetOrganizationInvitations"] }), [H] = ie({ refetchQueries: ["GetOrganizationMembers"] }), [U] = oe({ refetchQueries: ["GetOrganizationMembers"] }), [W] = re({ refetchQueries: ["GetOrganizationMembers"] }), [Re] = ce({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [ze] = se({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [G] = n({ refetchQueries: ["GetOrganizationInvitations"] }), [Be] = 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]), Ve = R?.developerOrgMembers?.totalCount ?? 0, He = B?.developerOrgInvitations?.totalCount ?? 0, J = p(() => K.filter((e) => j.has(e.id)), [K, j]), Y = p(() => q.filter((e) => N.has(e.id)), [q, N]), X = K.filter((e) => e.role !== "OWNER"), Ue = X.length > 0 && X.every((e) => j.has(e.id)), We = X.some((e) => j.has(e.id)) && !Ue, Ge = q.length > 0 && q.every((e) => N.has(e.id)), Ke = q.some((e) => N.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 (!(!v || !D.trim())) {
-			M(null);
+			O(null);
 			try {
-				await Fe({ variables: {
+				await Ie({ variables: {
 					organizationId: v,
 					input: {
 						email: D,
-						role: k,
-						message: Ee || void 0
+						role: De,
+						message: ke || void 0
 					}
-				} }), E(!1), O(""), A("DEVELOPER"), De("");
+				} }), E(!1), Ee(""), Oe("DEVELOPER"), Ae("");
 			} catch (e) {
-				M(e instanceof Error ? e.message : w("devportal.failedToSendInvitation", "Failed to send invitation"));
+				O(e instanceof Error ? e.message : w("devportal.failedToSendInvitation", "Failed to send invitation"));
 			}
 		}
-	}, Xe = async (e) => {
-		M(null);
+	}, Je = async (e) => {
+		O(null);
 		try {
-			await Le({ variables: { id: e } });
+			await H({ variables: { id: e } });
 		} catch (e) {
-			M(e instanceof Error ? e.message : w("devportal.failedToRemoveMember", "Failed to remove member"));
+			O(e instanceof Error ? e.message : w("devportal.failedToRemoveMember", "Failed to remove member"));
 		}
-	}, Ze = async (e, t) => {
-		M(null);
+	}, Ye = async (e, t) => {
+		O(null);
 		try {
-			await Re({ variables: {
+			await U({ variables: {
 				id: e,
 				reason: t || void 0
 			} });
 		} catch (e) {
-			M(e instanceof Error ? e.message : w("devportal.failedToSuspendMember", "Failed to suspend member"));
+			O(e instanceof Error ? e.message : w("devportal.failedToSuspendMember", "Failed to suspend member"));
 		}
-	}, Qe = async (e) => {
-		M(null);
+	}, Xe = async (e) => {
+		O(null);
 		try {
-			await ze({ variables: { id: e } });
+			await W({ variables: { id: e } });
 		} catch (e) {
-			M(e instanceof Error ? e.message : w("devportal.failedToReactivateMember", "Failed to reactivate member"));
+			O(e instanceof Error ? e.message : w("devportal.failedToReactivateMember", "Failed to reactivate member"));
 		}
-	}, $e = async (e, t) => {
-		M(null);
+	}, Ze = async (e, t) => {
+		O(null);
 		try {
-			await Be({ variables: {
+			await Re({ variables: {
 				id: e,
 				role: t,
 				permissions: void 0
-			} }), P(w("devportal.memberRoleUpdated", "Member role updated successfully"));
+			} }), A(w("devportal.memberRoleUpdated", "Member role updated successfully"));
 		} catch (e) {
-			M(e instanceof Error ? e.message : w("devportal.failedToUpdateMemberRole", "Failed to update member role"));
+			O(e instanceof Error ? e.message : w("devportal.failedToUpdateMemberRole", "Failed to update member role"));
 		}
-	}, et = async () => {
-		let e = V;
-		if (!(!v || !e)) {
-			M(null);
-			try {
-				await Ve({ variables: {
-					organizationId: v,
-					newOwnerId: e.userId
-				} }), H(null), P(w("devportal.organizationOwnershipTransferred", "Organization ownership transferred successfully"));
-			} catch (e) {
-				M(e instanceof Error ? e.message : w("devportal.failedToTransferOwnership", "Failed to transfer organization ownership"));
-			}
+	}, Qe = async (e) => {
+		if (v && (O(null), window.confirm(w("devportal.transferOwnershipConfirmation", `Transfer organization ownership to ${C(e)}?`)))) try {
+			await ze({ variables: {
+				organizationId: v,
+				newOwnerId: e.userId
+			} }), A(w("devportal.organizationOwnershipTransferred", "Organization ownership transferred successfully"));
+		} catch (e) {
+			O(e instanceof Error ? e.message : w("devportal.failedToTransferOwnership", "Failed to transfer organization ownership"));
 		}
-	}, tt = async (e) => {
-		M(null);
+	}, $e = async (e) => {
+		O(null);
 		try {
-			await He({ variables: { id: e } });
+			await G({ variables: { id: e } });
 		} catch (e) {
-			M(e instanceof Error ? e.message : w("devportal.failedToCancelInvitation", "Failed to cancel invitation"));
+			O(e instanceof Error ? e.message : w("devportal.failedToCancelInvitation", "Failed to cancel invitation"));
 		}
-	}, nt = async (e) => {
-		M(null);
+	}, et = async (e) => {
+		O(null);
 		try {
-			await Ue({ variables: { id: e } });
+			await Be({ variables: { id: e } });
 		} catch (e) {
-			M(e instanceof Error ? e.message : w("devportal.failedToResendInvitation", "Failed to resend invitation"));
+			O(e instanceof Error ? e.message : w("devportal.failedToResendInvitation", "Failed to resend invitation"));
 		}
-	}, rt = () => {
-		I(/* @__PURE__ */ new Set()), R(/* @__PURE__ */ new Set());
-	}, it = (e, t) => {
-		I((n) => {
+	}, tt = () => {
+		M(/* @__PURE__ */ new Set()), P(/* @__PURE__ */ new Set());
+	}, nt = (e, t) => {
+		M((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, at = (e) => {
-		I((t) => {
+	}, rt = (e) => {
+		M((t) => {
 			let n = new Set(t);
-			return Y.forEach((t) => {
+			return X.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, ot = (e, t) => {
-		R((n) => {
+	}, it = (e, t) => {
+		P((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	};
-	return (je || Ne) && !U && !W ? /* @__PURE__ */ g(i, {
+	return (Pe || Fe) && !R && !B ? /* @__PURE__ */ g(i, {
 		title: w("devportal.teamMembers", "Team Members"),
 		description: w("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
 		backLink: `/organizations/${v}`,
 		backLabel: w("devportal.backToOrganization", "Back to Organization"),
 		children: /* @__PURE__ */ g("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__ */ g(he, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 		})
-	}) : (Me || Pe) && !U && !W ? /* @__PURE__ */ g(i, {
+	}) : (z || V) && !R && !B ? /* @__PURE__ */ g(i, {
 		title: w("devportal.teamMembers", "Team Members"),
 		description: w("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
 		backLink: `/organizations/${v}`,
@@ -164,10 +160,10 @@ var v = () => {
 				className: "text-status-error-text"
 			}),
 			title: w("devportal.failedToLoadMembers", "Failed to load members"),
-			description: Me?.message || Pe?.message || w("devportal.anErrorOccurredWhileLoadingTeamData", "An error occurred while loading team data")
+			description: z?.message || V?.message || w("devportal.anErrorOccurredWhileLoadingTeamData", "An error occurred while loading team data")
 		})
-	}) : /* @__PURE__ */ g(fe, {
-		permission: u.ORG_MEMBER_READ,
+	}) : /* @__PURE__ */ g(de, {
+		permission: d.ORG_MEMBER_READ,
 		children: /* @__PURE__ */ _(i, {
 			title: w("devportal.teamMembers", "Team Members"),
 			description: w("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
@@ -177,69 +173,69 @@ var v = () => {
 				onClick: () => E(!0),
 				disabled: !Ce,
 				"aria-disabled": !Ce,
-				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",
+				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__ */ g(_e, { size: 16 }), w("devportal.inviteMember", "Invite Member")]
 			}),
 			children: [
-				j && /* @__PURE__ */ _("div", {
+				je && /* @__PURE__ */ _("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, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						j,
+						je,
 						/* @__PURE__ */ g("button", {
-							onClick: () => M(null),
+							onClick: () => O(null),
 							className: "ml-auto text-status-error-text hover:text-status-error-text",
 							children: w("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				N && /* @__PURE__ */ _("div", {
+				k && /* @__PURE__ */ _("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, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						N,
+						k,
 						/* @__PURE__ */ g("button", {
-							onClick: () => P(null),
+							onClick: () => A(null),
 							className: "ml-auto text-status-success-text hover:text-status-success-text",
 							children: w("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				(F.size > 0 || L.size > 0) && /* @__PURE__ */ _("div", {
-					className: "flex flex-wrap items-center gap-3 rounded-card border border-border-seam bg-bg-surface p-4",
+				(j.size > 0 || N.size > 0) && /* @__PURE__ */ _("div", {
+					className: "flex flex-wrap items-center gap-3 rounded-lg border bg-card p-4",
 					children: [/* @__PURE__ */ _("span", {
-						className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
+						className: "rounded-full bg-muted px-3 py-1 text-sm font-medium text-muted-foreground",
 						children: [
-							F.size + L.size,
+							j.size + N.size,
 							" ",
 							w("devportal.selected", "selected")
 						]
 					}), /* @__PURE__ */ g("button", {
-						onClick: rt,
-						className: "text-sm text-text-secondary hover:text-text-primary",
+						onClick: tt,
+						className: "text-sm text-muted-foreground hover:text-foreground",
 						children: w("devportal.clearAllSelections", "Clear all selections")
 					})]
 				}),
-				/* @__PURE__ */ g(le, {
-					title: `${w("devportal.members", "Members")} (${We})`,
-					actions: G.length > 0 ? /* @__PURE__ */ _("div", {
+				/* @__PURE__ */ g(a, {
+					title: `${w("devportal.members", "Members")} (${Ve})`,
+					actions: K.length > 0 ? /* @__PURE__ */ _("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
 							/* @__PURE__ */ _("button", {
 								onClick: async () => {
 									if (Z.length === 0) return;
-									M(null);
-									let e = await Promise.allSettled(Z.map((e) => Re({ variables: {
+									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;
-									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());
+									A(`${w("devportal.suspended", "Suspended")} ${t} ${t === 1 ? w("devportal.memberLower", "member") : w("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${w("devportal.failed", "failed")}` : ""}`), M(/* @__PURE__ */ new Set());
 								},
 								disabled: Z.length === 0 || !S,
 								"aria-disabled": !S,
@@ -249,9 +245,9 @@ var v = () => {
 							/* @__PURE__ */ _("button", {
 								onClick: async () => {
 									if (Q.length === 0) return;
-									M(null);
-									let e = await Promise.allSettled(Q.map((e) => ze({ 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());
+									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;
+									A(`${w("devportal.reactivated", "Reactivated")} ${t} ${t === 1 ? w("devportal.memberLower", "member") : w("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${w("devportal.failed", "failed")}` : ""}`), M(/* @__PURE__ */ new Set());
 								},
 								disabled: Q.length === 0 || !x,
 								"aria-disabled": !x,
@@ -259,7 +255,7 @@ var v = () => {
 								children: [w("devportal.reactivateSelected", "Reactivate Selected"), Q.length > 0 ? ` (${Q.length})` : ""]
 							}),
 							/* @__PURE__ */ _("button", {
-								onClick: () => z(!0),
+								onClick: () => F(!0),
 								disabled: $.length === 0 || !b,
 								"aria-disabled": !b,
 								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",
@@ -267,25 +263,25 @@ var v = () => {
 							})
 						]
 					}) : null,
-					children: G.length > 0 ? /* @__PURE__ */ g(c, {
-						data: G,
+					children: K.length > 0 ? /* @__PURE__ */ g(l, {
+						data: K,
 						keyField: "id",
 						columns: [
 							{
 								key: "select",
-								header: /* @__PURE__ */ g(s, {
-									checked: Ke,
-									indeterminate: qe,
-									onChange: at,
+								header: /* @__PURE__ */ g(c, {
+									checked: Ue,
+									indeterminate: We,
+									onChange: rt,
 									ariaLabel: w("devportal.selectAllMembers", "Select all members")
 								}),
 								className: "w-12",
 								render: (e) => /* @__PURE__ */ g("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ g(s, {
-										checked: F.has(e.id),
+									children: /* @__PURE__ */ g(c, {
+										checked: j.has(e.id),
 										disabled: e.role === "OWNER",
-										onChange: (t) => it(e.id, t),
+										onChange: (t) => nt(e.id, t),
 										ariaLabel: `Select member ${C(e)}`
 									})
 								})
@@ -298,17 +294,17 @@ var v = () => {
 									return /* @__PURE__ */ _("div", {
 										className: "flex items-center gap-3",
 										children: [/* @__PURE__ */ g("div", {
-											className: "flex h-8 w-8 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary text-sm font-medium",
+											className: "flex h-8 w-8 items-center justify-center rounded-full bg-primary/10 text-primary text-sm font-medium",
 											children: t.charAt(0).toUpperCase()
 										}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "font-medium",
 											children: t
 										}), /* @__PURE__ */ _("p", {
-											className: "text-xs text-text-secondary",
+											className: "text-xs text-muted-foreground",
 											children: [
 												w("devportal.joined", "Joined"),
 												" ",
-												f(new Date(e.joinedAt), "MMM d, yyyy")
+												fe(new Date(e.joinedAt), "MMM d, yyyy")
 											]
 										})] })]
 									});
@@ -321,12 +317,12 @@ var v = () => {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ g(ye, {
 										size: 14,
-										className: "text-text-secondary"
-									}), e.role === "OWNER" ? /* @__PURE__ */ g("span", { children: a[e.role] ?? e.role }) : /* @__PURE__ */ g("select", {
+										className: "text-muted-foreground"
+									}), e.role === "OWNER" ? /* @__PURE__ */ g("span", { children: o[e.role] ?? e.role }) : /* @__PURE__ */ g("select", {
 										value: e.role,
-										onChange: (t) => void $e(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(a).filter(([e]) => e !== "OWNER").map(([e, t]) => /* @__PURE__ */ g("option", {
+										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(o).filter(([e]) => e !== "OWNER").map(([e, t]) => /* @__PURE__ */ g("option", {
 											value: e,
 											children: t
 										}, e))
@@ -336,13 +332,13 @@ var v = () => {
 							{
 								key: "status",
 								header: w("devportal.statusColumn", "Status"),
-								render: (e) => e.isSuspended ? /* @__PURE__ */ g(o, {
+								render: (e) => e.isSuspended ? /* @__PURE__ */ g(s, {
 									status: "SUSPENDED",
 									type: "app"
-								}) : e.isActive ? /* @__PURE__ */ g(o, {
+								}) : e.isActive ? /* @__PURE__ */ g(s, {
 									status: "ACTIVE",
 									type: "app"
-								}) : /* @__PURE__ */ g(o, {
+								}) : /* @__PURE__ */ g(s, {
 									status: "INACTIVE",
 									type: "app"
 								})
@@ -359,14 +355,14 @@ var v = () => {
 											disabled: !x,
 											"aria-disabled": !x,
 											title: w("devportal.reactivateMember", "Reactivate member"),
-											onClick: () => Qe(e.id),
+											onClick: () => Xe(e.id),
 											children: w("devportal.reactivate", "Reactivate")
 										}) : /* @__PURE__ */ g("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: () => Ze(e.id),
+											onClick: () => Ye(e.id),
 											children: w("devportal.suspend", "Suspend")
 										}),
 										/* @__PURE__ */ g("button", {
@@ -374,7 +370,7 @@ var v = () => {
 											disabled: !b,
 											"aria-disabled": !b,
 											title: w("devportal.removeMember", "Remove member"),
-											onClick: () => Xe(e.id),
+											onClick: () => Je(e.id),
 											children: w("devportal.remove", "Remove")
 										}),
 										/* @__PURE__ */ g("button", {
@@ -382,7 +378,7 @@ var v = () => {
 											disabled: !we,
 											"aria-disabled": !we,
 											title: w("devportal.transferOwnership", "Transfer ownership"),
-											onClick: () => H(e),
+											onClick: () => Qe(e),
 											children: w("devportal.makeOwner", "Make Owner")
 										})
 									]
@@ -395,40 +391,40 @@ var v = () => {
 						description: w("devportal.inviteTeamMembersToCollaborate", "Invite team members to collaborate")
 					})
 				}),
-				K.length > 0 && /* @__PURE__ */ g(le, {
-					title: `${w("devportal.pendingInvitations", "Pending Invitations")} (${Ge})`,
+				q.length > 0 && /* @__PURE__ */ g(a, {
+					title: `${w("devportal.pendingInvitations", "Pending Invitations")} (${He})`,
 					actions: /* @__PURE__ */ _("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [/* @__PURE__ */ _("button", {
 							onClick: async () => {
-								if (J.length === 0) return;
-								M(null);
-								let e = await Promise.allSettled(J.map((e) => Ue({ 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;
+								O(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;
+								A(`${w("devportal.resent", "Resent")} ${t} ${t === 1 ? w("devportal.invitationLower", "invitation") : w("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${w("devportal.failed", "failed")}` : ""}`), P(/* @__PURE__ */ new Set());
 							},
-							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: [w("devportal.resendSelected", "Resend Selected"), J.length > 0 ? ` (${J.length})` : ""]
+							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"), Y.length > 0 ? ` (${Y.length})` : ""]
 						}), /* @__PURE__ */ _("button", {
-							onClick: () => B(!0),
-							disabled: J.length === 0,
+							onClick: () => I(!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: [w("devportal.cancelSelected", "Cancel Selected"), Y.length > 0 ? ` (${Y.length})` : ""]
 						})]
 					}),
-					children: /* @__PURE__ */ g(c, {
-						data: K,
+					children: /* @__PURE__ */ g(l, {
+						data: q,
 						keyField: "id",
 						columns: [
 							{
 								key: "select",
-								header: /* @__PURE__ */ g(s, {
-									checked: X,
-									indeterminate: Je,
+								header: /* @__PURE__ */ g(c, {
+									checked: Ge,
+									indeterminate: Ke,
 									onChange: (e) => {
-										R((t) => {
+										P((t) => {
 											let n = new Set(t);
-											return K.forEach((t) => {
+											return q.forEach((t) => {
 												e ? n.add(t.id) : n.delete(t.id);
 											}), n;
 										});
@@ -438,9 +434,9 @@ var v = () => {
 								className: "w-12",
 								render: (e) => /* @__PURE__ */ g("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ g(s, {
-										checked: L.has(e.id),
-										onChange: (t) => ot(e.id, t),
+									children: /* @__PURE__ */ g(c, {
+										checked: N.has(e.id),
+										onChange: (t) => it(e.id, t),
 										ariaLabel: `Select invitation ${e.invitedEmail}`
 									})
 								})
@@ -452,19 +448,19 @@ var v = () => {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ g(ge, {
 										size: 16,
-										className: "text-text-secondary"
+										className: "text-muted-foreground"
 									}), e.invitedEmail]
 								})
 							},
 							{
 								key: "role",
 								header: w("devportal.invitedRoleColumn", "Invited Role"),
-								render: (e) => a[e.role] ?? e.role
+								render: (e) => o[e.role] ?? e.role
 							},
 							{
 								key: "status",
 								header: w("devportal.statusColumn", "Status"),
-								render: (e) => /* @__PURE__ */ g(o, {
+								render: (e) => /* @__PURE__ */ g(s, {
 									status: e.status,
 									type: "invitation"
 								})
@@ -472,7 +468,7 @@ var v = () => {
 							{
 								key: "expiresAt",
 								header: w("devportal.expiresColumn", "Expires"),
-								render: (e) => f(new Date(e.expiresAt), "MMM d, yyyy")
+								render: (e) => fe(new Date(e.expiresAt), "MMM d, yyyy")
 							},
 							{
 								key: "actions",
@@ -481,14 +477,14 @@ var v = () => {
 								render: (e) => /* @__PURE__ */ _("div", {
 									className: "flex gap-1",
 									children: [/* @__PURE__ */ g("button", {
-										className: "rounded p-1 hover:bg-bg-sunken",
+										className: "rounded p-1 hover:bg-muted",
 										title: w("devportal.resend", "Resend"),
-										onClick: () => nt(e.id),
+										onClick: () => et(e.id),
 										children: /* @__PURE__ */ g(ve, { size: 14 })
 									}), /* @__PURE__ */ g("button", {
-										className: "rounded p-1 hover:bg-bg-sunken text-status-error-text",
+										className: "rounded p-1 hover:bg-muted text-status-error-text",
 										title: w("devportal.cancel", "Cancel"),
-										onClick: () => tt(e.id),
+										onClick: () => $e(e.id),
 										children: /* @__PURE__ */ g(be, { size: 14 })
 									})]
 								})
@@ -496,26 +492,26 @@ var v = () => {
 						]
 					})
 				}),
-				T && /* @__PURE__ */ g(l, {
+				T && /* @__PURE__ */ g(u, {
 					open: T,
 					onOpenChange: E,
-					onConfirm: Ye,
+					onConfirm: qe,
 					title: w("devportal.inviteTeamMember", "Invite Team Member"),
-					confirmLabel: Ie ? w("devportal.sendingDots", "Sending...") : w("devportal.sendInvitation", "Send Invitation"),
+					confirmLabel: Le ? w("devportal.sendingDots", "Sending...") : w("devportal.sendInvitation", "Send Invitation"),
 					children: /* @__PURE__ */ _("div", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ g(ue, {
+						children: [/* @__PURE__ */ g(le, {
 							label: w("devportal.emailAddress", "Email Address"),
 							type: "email",
 							value: D,
-							onChange: (e) => O(e.target.value),
+							onChange: (e) => Ee(e.target.value),
 							placeholder: "colleague@example.com",
 							hint: w("devportal.mustBeExistingVerifiedUser", "Must be an existing verified user"),
 							required: !0
-						}), /* @__PURE__ */ g(de, {
+						}), /* @__PURE__ */ g(ue, {
 							label: w("devportal.roleColumn", "Role"),
-							value: k,
-							onChange: (e) => A(e.target.value),
+							value: De,
+							onChange: (e) => Oe(e.target.value),
 							options: [
 								{
 									value: "ADMIN",
@@ -534,14 +530,14 @@ var v = () => {
 						})]
 					})
 				}),
-				/* @__PURE__ */ g(l, {
-					open: Oe,
-					onOpenChange: z,
+				/* @__PURE__ */ g(u, {
+					open: Me,
+					onOpenChange: F,
 					onConfirm: async () => {
 						if ($.length === 0) return;
-						M(null);
-						let e = await Promise.allSettled($.map((e) => Le({ 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());
+						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;
+						A(`${w("devportal.removed", "Removed")} ${t} ${t === 1 ? w("devportal.memberLower", "member") : w("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${w("devportal.failed", "failed")}` : ""}`), F(!1), M(/* @__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.")}`,
@@ -549,32 +545,20 @@ var v = () => {
 					cancelLabel: w("devportal.cancel", "Cancel"),
 					variant: "danger"
 				}),
-				/* @__PURE__ */ g(l, {
-					open: ke,
-					onOpenChange: B,
+				/* @__PURE__ */ g(u, {
+					open: Ne,
+					onOpenChange: I,
 					onConfirm: async () => {
-						if (J.length === 0) return;
-						M(null);
-						let e = await Promise.allSettled(J.map((e) => He({ 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;
+						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;
+						A(`${w("devportal.cancelled", "Cancelled")} ${t} ${t === 1 ? w("devportal.invitationLower", "invitation") : w("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${w("devportal.failed", "failed")}` : ""}`), I(!1), P(/* @__PURE__ */ new Set());
 					},
 					title: w("devportal.cancelSelectedInvitations", "Cancel selected invitations"),
-					description: `${w("devportal.cancelNPendingInvitations", "Cancel")} ${J.length} ${w("devportal.pendingInvitationsQuestion", "pending invitation(s)?")}`,
+					description: `${w("devportal.cancelNPendingInvitations", "Cancel")} ${Y.length} ${w("devportal.pendingInvitationsQuestion", "pending invitation(s)?")}`,
 					confirmLabel: w("devportal.cancelInvitations", "Cancel Invitations"),
 					cancelLabel: w("devportal.keepInvitations", "Keep Invitations"),
 					variant: "danger"
-				}),
-				/* @__PURE__ */ g(l, {
-					open: V !== null,
-					onOpenChange: (e) => {
-						e || H(null);
-					},
-					onConfirm: et,
-					title: w("devportal.transferOwnership", "Transfer ownership"),
-					description: V ? w("devportal.transferOwnershipConfirmation", `Transfer organization ownership to ${C(V)}?`) : void 0,
-					confirmLabel: w("devportal.makeOwner", "Make Owner"),
-					cancelLabel: w("devportal.cancel", "Cancel"),
-					variant: "warning"
 				})
 			]
 		})