@burdenoff/microfe-workspaces 2026.625.4 → 2026.626.1

package/dist/pages/MembersListPage.js

@@ -8,220 +8,221 @@ import { nativeConfirm as ee, nativeImpact as te } from "../utils/nativeBridge.j
 import { useWorkspaceInvitations as ne, useWorkspaceMembers as re } from "../hooks/useWorkspaceMembers.js";
 import { useRemoveUserFromWorkspace as ie, useResendInvitation as ae } from "../hooks/useMemberMutations.js";
 import { useWorkspacePermissions as oe } from "../hooks/useWorkspacePermissions.js";
-import { MemberListItem as o } from "../components/MemberListItem.js";
-import { useEffect as s, useMemo as c, useState as l } from "react";
-import { AlertCircle as se, RefreshCw as ce, Search as le, UserPlus as u, Users as ue } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Badge as p, Button as m, IllustratedEmptyState as h, Input as de, PageContainer as fe, Skeleton as g } from "@burdenoff/fe-libs/ui";
-import { useNavigate as pe, useParams as me, useSearchParams as he } from "react-router-dom";
-import { useDebounce as ge } from "@burdenoff/fe-libs/shared/hooks";
-import { PermissionButton as _ } from "@burdenoff/fe-libs/shared/components";
-import { useI18n as _e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useActorProfiles as ve } from "@burdenoff/fe-libs/shared";
+import { MemberListItem as se } from "../components/MemberListItem.js";
+import { useEffect as o, useMemo as s, useState as c } from "react";
+import { AlertCircle as ce, RefreshCw as le, Search as ue, UserPlus as l, Users as de } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Badge as f, Button as p, IllustratedEmptyState as m, Input as fe, PageContainer as pe, PagePurpose as me, Skeleton as h } from "@burdenoff/fe-libs/ui";
+import { useNavigate as he, useParams as ge, useSearchParams as _e } from "react-router-dom";
+import { useDebounce as ve } from "@burdenoff/fe-libs/shared/hooks";
+import { PermissionButton as g } from "@burdenoff/fe-libs/shared/components";
+import { useI18n as ye } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useActorProfiles as be } from "@burdenoff/fe-libs/shared";
 //#region src/pages/MembersListPage.tsx
-function v() {
-	let { t: v } = _e(), { memberFilters: ye, setMemberFilters: y, selectedMemberIds: b, toggleMemberSelection: x, clearMemberSelection: S } = t(), C = pe(), { workspaceId: be } = e(), { basePath: w = "/workspaces" } = e(), { withCurrentSearch: T } = n(), { workspaceId: xe } = me(), E = xe || be;
+function _() {
+	let { t: _ } = ye(), { memberFilters: xe, setMemberFilters: v, selectedMemberIds: y, toggleMemberSelection: b, clearMemberSelection: x } = t(), S = he(), { workspaceId: Se } = e(), { basePath: C = "/workspaces" } = e(), { withCurrentSearch: w } = n(), { workspaceId: Ce } = ge(), T = Ce || Se;
 	a("workspaces.members", {
-		workspaceId: E,
+		workspaceId: T,
 		requireParams: !0
 	});
-	let [D, Se] = l(ye.search || ""), O = ge(D, 500);
-	s(() => {
-		y({ search: O });
-	}, [O, y]);
-	let { data: k, isLoading: Ce, error: A } = re(E || ""), { data: j, isLoading: we } = ne(E || "", "PENDING"), { mutate: M, isPending: N } = ae(), { mutate: Te, isPending: Ee } = ie(), [P, F] = l(null), [I, L] = l(/* @__PURE__ */ new Set()), De = (e) => {
-		F(e), M(e, {
+	let [E, we] = c(xe.search || ""), D = ve(E, 500);
+	o(() => {
+		v({ search: D });
+	}, [D, v]);
+	let { data: O, isLoading: k, error: A } = re(T || ""), { data: j, isLoading: Te } = ne(T || "", "PENDING"), { mutate: M, isPending: N } = ae(), { mutate: Ee, isPending: P } = ie(), [F, I] = c(null), [L, R] = c(/* @__PURE__ */ new Set()), De = (e) => {
+		I(e), M(e, {
 			onSuccess: () => {
-				F(null);
+				I(null);
 			},
 			onError: (e) => {
-				console.error("Failed to resend invitation:", e), F(null);
+				console.error("Failed to resend invitation:", e), I(null);
 			}
 		});
-	}, R = c(() => k?.items || [], [k?.items]), z = c(() => j?.items || [], [j?.items]), B = Ce || we, V = R.length > 0, H = z.length > 0, { apiGatewayUrl: Oe, authToken: ke, organizationId: Ae } = e(), je = ve(c(() => R.map((e) => ({
+	}, z = s(() => O?.items || [], [O?.items]), B = s(() => j?.items || [], [j?.items]), V = k || Te, H = z.length > 0, U = B.length > 0, { apiGatewayUrl: Oe, authToken: ke, organizationId: Ae } = e(), je = be(s(() => z.map((e) => ({
 		actorId: e.userId,
 		actorType: "user"
-	})), [R]), {
+	})), [z]), {
 		apiGatewayUrl: Oe,
 		authToken: ke,
 		orgId: Ae,
-		workspaceId: E
-	}), U = R.filter((e) => {
-		if (!O) return !0;
-		let t = O.toLowerCase(), n = je[e.userId];
+		workspaceId: T
+	}), W = z.filter((e) => {
+		if (!D) return !0;
+		let t = D.toLowerCase(), n = je[e.userId];
 		if (n && (n.displayName.toLowerCase().includes(t) || n.email?.toLowerCase().includes(t))) return !0;
 		let r = e.context?.metadata, i = typeof r?.email == "string" ? r.email : "", a = typeof r?.displayName == "string" ? r.displayName : typeof r?.name == "string" ? r.name : "";
 		return i.toLowerCase().includes(t) || a.toLowerCase().includes(t) ? !0 : e.userId.toLowerCase().includes(t);
-	}), W = c(() => U.filter((e) => b.has(e.id)), [U, b]), G = c(() => z.filter((e) => I.has(e.id)), [z, I]), K = U.length > 0 && U.every((e) => b.has(e.id)), Me = U.some((e) => b.has(e.id)) && !K, q = z.length > 0 && z.every((e) => I.has(e.id)), Ne = z.some((e) => I.has(e.id)) && !q;
-	s(() => () => S(), [S]);
-	let [J, Y] = he();
-	s(() => {
-		if (J.get("invite") === "true" && E) {
-			let e = new URLSearchParams(J);
-			e.delete("invite"), Y(e, { replace: !0 }), C(T(`${w}/${E}/invite`), { replace: !0 });
+	}), G = s(() => W.filter((e) => y.has(e.id)), [W, y]), K = s(() => B.filter((e) => L.has(e.id)), [B, L]), q = W.length > 0 && W.every((e) => y.has(e.id)), Me = W.some((e) => y.has(e.id)) && !q, J = B.length > 0 && B.every((e) => L.has(e.id)), Ne = B.some((e) => L.has(e.id)) && !J;
+	o(() => () => x(), [x]);
+	let [Y, X] = _e();
+	o(() => {
+		if (Y.get("invite") === "true" && T) {
+			let e = new URLSearchParams(Y);
+			e.delete("invite"), X(e, { replace: !0 }), S(w(`${C}/${T}/invite`), { replace: !0 });
 		}
 	}, [
-		J,
 		Y,
-		E,
-		C,
+		X,
 		T,
-		w
+		S,
+		w,
+		C
 	]);
-	let { canListMembers: Pe, canInviteMember: X, canRemoveMember: Z, isLoading: Fe } = oe();
-	if (Fe) return /* @__PURE__ */ f("div", {
+	let { canListMembers: Pe, canInviteMember: Z, canRemoveMember: Q, isLoading: Fe } = oe();
+	if (Fe) return /* @__PURE__ */ d("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ d(g, { className: "h-10 w-1/3" }), /* @__PURE__ */ d(g, { className: "h-64" })]
+		children: [/* @__PURE__ */ u(h, { className: "h-10 w-1/3" }), /* @__PURE__ */ u(h, { className: "h-64" })]
 	});
-	if (!Pe && !X) return /* @__PURE__ */ d("div", {
+	if (!Pe && !Z) return /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ d("h2", {
+			children: [/* @__PURE__ */ u("h2", {
 				className: "text-lg font-semibold",
-				children: i(v, "membersList.accessDenied", "Access Denied")
-			}), /* @__PURE__ */ d("p", {
+				children: i(_, "membersList.accessDenied", "Access Denied")
+			}), /* @__PURE__ */ u("p", {
 				className: "text-sm text-text-secondary",
-				children: i(v, "membersList.noPermissionToViewMembers", "You don't have permission to view workspace members.")
+				children: i(_, "membersList.noPermissionToViewMembers", "You don't have permission to view workspace members.")
 			})]
 		})
 	});
-	let Q = () => {
-		E && C(T(`${w}/${E}/invite`));
+	let $ = () => {
+		T && S(w(`${C}/${T}/invite`));
 	}, Ie = (e) => {
-		U.forEach((t) => {
-			e !== b.has(t.id) && x(t.id);
+		W.forEach((t) => {
+			e !== y.has(t.id) && b(t.id);
 		});
-	}, $ = (e, t) => {
-		L((n) => {
+	}, Le = (e, t) => {
+		R((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, Le = (e) => {
-		L((t) => {
+	}, Re = (e) => {
+		R((t) => {
 			let n = new Set(t);
-			return z.forEach((t) => {
+			return B.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, Re = async () => {
-		if (W.length === 0) return;
+	}, ze = async () => {
+		if (G.length === 0) return;
 		te("medium");
-		let e = `${i(v, "membersList.bulkRemoveConfirmPrefix", "Remove")} ${W.length} ${W.length === 1 ? i(v, "membersList.bulkRemoveConfirmSingular", "selected member") : i(v, "membersList.bulkRemoveConfirmPlural", "selected members")} ${i(v, "membersList.bulkRemoveConfirmSuffix", "from this workspace?")}`, t = await ee({
+		let e = `${i(_, "membersList.bulkRemoveConfirmPrefix", "Remove")} ${G.length} ${G.length === 1 ? i(_, "membersList.bulkRemoveConfirmSingular", "selected member") : i(_, "membersList.bulkRemoveConfirmPlural", "selected members")} ${i(_, "membersList.bulkRemoveConfirmSuffix", "from this workspace?")}`, t = await ee({
 			title: "Remove members",
 			message: e,
 			okButtonTitle: "Remove",
 			cancelButtonTitle: "Cancel"
 		});
-		(t === null ? window.confirm(e) : t) && (W.forEach((e) => {
-			Te(e.userId);
-		}), S());
-	}, ze = () => {
-		G.length !== 0 && G.forEach((e) => {
+		(t === null ? window.confirm(e) : t) && (G.forEach((e) => {
+			Ee(e.userId);
+		}), x());
+	}, Be = () => {
+		K.length !== 0 && K.forEach((e) => {
 			M(e.id, { onSuccess: () => {
-				L((t) => {
+				R((t) => {
 					let n = new Set(t);
 					return n.delete(e.id), n;
 				});
 			} });
 		});
 	};
-	return /* @__PURE__ */ d(fe, {
+	return /* @__PURE__ */ u(pe, {
 		padded: !1,
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ d("div", {
 					className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",
-					children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+					children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
 						className: "text-2xl sm:text-3xl font-bold",
-						children: i(v, "membersList.pageTitle", "Members")
-					}), /* @__PURE__ */ d("p", {
+						children: i(_, "membersList.pageTitle", "Members")
+					}), /* @__PURE__ */ u("p", {
 						className: "text-text-secondary text-sm sm:text-base",
-						children: i(v, "membersList.pageSubtitle", "Manage workspace members and invitations")
-					})] }), /* @__PURE__ */ d("div", {
+						children: i(_, "membersList.pageSubtitle", "Manage workspace members and invitations")
+					})] }), /* @__PURE__ */ u("div", {
 						className: "flex gap-2",
-						children: /* @__PURE__ */ d(_, {
+						children: /* @__PURE__ */ u(g, {
 							permission: r.MEMBER_CREATE,
 							deniedBehavior: "disable",
-							deniedTooltip: i(v, "membersList.noPermissionToInvite", "You don't have permission to invite members"),
-							children: /* @__PURE__ */ f(m, {
-								onClick: Q,
-								disabled: !E,
-								children: [/* @__PURE__ */ d(u, { className: "size-4 sm:mr-2" }), /* @__PURE__ */ d("span", {
+							deniedTooltip: i(_, "membersList.noPermissionToInvite", "You don't have permission to invite members"),
+							children: /* @__PURE__ */ d(p, {
+								onClick: $,
+								disabled: !T,
+								children: [/* @__PURE__ */ u(l, { className: "size-4 sm:mr-2" }), /* @__PURE__ */ u("span", {
 									className: "hidden sm:inline",
-									children: i(v, "membersList.inviteMember", "Invite Member")
+									children: i(_, "membersList.inviteMember", "Invite Member")
 								})]
 							})
 						})
 					})]
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ u(me, { children: i(_, "membersList.purpose", "Members are the people who belong to this workspace. From here you invite teammates, see who has accepted, resend or track invitations that are still pending, and remove people who no longer need access. Search by name or email to find someone quickly.") }),
+				/* @__PURE__ */ d("div", {
 					className: "flex flex-col sm:flex-row gap-3 sm:gap-4",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ d(le, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-secondary" }), /* @__PURE__ */ d(de, {
-							placeholder: i(v, "membersList.searchPlaceholder", "Search members..."),
-							value: D,
-							onChange: (e) => Se(e.target.value),
+						children: [/* @__PURE__ */ u(ue, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-secondary" }), /* @__PURE__ */ u(fe, {
+							placeholder: i(_, "membersList.searchPlaceholder", "Search members..."),
+							value: E,
+							onChange: (e) => we(e.target.value),
 							className: "pl-9"
 						})]
-					}), H && /* @__PURE__ */ d("div", {
+					}), U && /* @__PURE__ */ u("div", {
 						className: "flex items-center gap-2",
-						children: /* @__PURE__ */ f(p, {
+						children: /* @__PURE__ */ d(f, {
 							variant: "secondary",
 							className: "text-sm",
 							children: [
-								z.length,
+								B.length,
 								" ",
-								z.length === 1 ? i(v, "membersList.pendingInvitation", "Pending Invitation") : i(v, "membersList.pendingInvitations", "Pending Invitations")
+								B.length === 1 ? i(_, "membersList.pendingInvitation", "Pending Invitation") : i(_, "membersList.pendingInvitations", "Pending Invitations")
 							]
 						})
 					})]
 				}),
-				U.length > 0 && /* @__PURE__ */ f("div", {
+				W.length > 0 && /* @__PURE__ */ d("div", {
 					className: "flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ f("label", {
+					children: [/* @__PURE__ */ d("label", {
 						className: "flex items-center gap-2 text-sm text-text-primary",
-						children: [/* @__PURE__ */ d("input", {
+						children: [/* @__PURE__ */ u("input", {
 							type: "checkbox",
-							checked: K,
+							checked: q,
 							ref: (e) => {
-								e && (e.indeterminate = Me && !K);
+								e && (e.indeterminate = Me && !q);
 							},
 							onChange: (e) => Ie(e.target.checked),
-							"aria-label": i(v, "membersList.selectAllMembersAriaLabel", "Select all workspace members"),
+							"aria-label": i(_, "membersList.selectAllMembersAriaLabel", "Select all workspace members"),
 							className: "size-4 rounded border-border-subtle text-primary"
-						}), /* @__PURE__ */ d("span", { children: i(v, "membersList.selectAllVisibleMembers", "Select all visible members") })]
-					}), /* @__PURE__ */ f("div", {
+						}), /* @__PURE__ */ u("span", { children: i(_, "membersList.selectAllVisibleMembers", "Select all visible members") })]
+					}), /* @__PURE__ */ d("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ f("span", {
+							/* @__PURE__ */ d("span", {
 								className: "text-sm text-text-secondary",
 								children: [
-									b.size,
+									y.size,
 									" ",
-									i(v, "membersList.selected", "selected")
+									i(_, "membersList.selected", "selected")
 								]
 							}),
-							b.size > 0 && /* @__PURE__ */ d(m, {
+							y.size > 0 && /* @__PURE__ */ u(p, {
 								variant: "ghost",
 								size: "sm",
-								onClick: S,
-								children: i(v, "membersList.clearSelection", "Clear selection")
+								onClick: x,
+								children: i(_, "membersList.clearSelection", "Clear selection")
 							}),
-							Z && /* @__PURE__ */ f(m, {
+							Q && /* @__PURE__ */ d(p, {
 								variant: "outline",
 								size: "sm",
-								onClick: Re,
-								disabled: W.length === 0 || Ee,
+								onClick: ze,
+								disabled: G.length === 0 || P,
 								className: "text-status-error-text",
-								children: [i(v, "membersList.removeSelected", "Remove Selected"), W.length > 0 ? ` (${W.length})` : ""]
+								children: [i(_, "membersList.removeSelected", "Remove Selected"), G.length > 0 ? ` (${G.length})` : ""]
 							})
 						]
 					})]
 				}),
-				B && /* @__PURE__ */ d("div", {
+				V && /* @__PURE__ */ u("div", {
 					className: "space-y-3",
 					children: [...[
 						,
@@ -229,172 +230,172 @@ function v() {
 						,
 						,
 						,
-					]].map((e, t) => /* @__PURE__ */ d(g, { className: "h-20 w-full" }, t))
+					]].map((e, t) => /* @__PURE__ */ u(h, { className: "h-20 w-full" }, t))
 				}),
-				!B && A && /* @__PURE__ */ f("div", {
+				!V && A && /* @__PURE__ */ d("div", {
 					className: "flex flex-col items-center justify-center py-12 text-center",
 					children: [
-						/* @__PURE__ */ d("div", {
+						/* @__PURE__ */ u("div", {
 							className: "rounded-full bg-status-error-bg/10 p-6 mb-4",
-							children: /* @__PURE__ */ d(se, {
+							children: /* @__PURE__ */ u(ce, {
 								size: 48,
 								className: "text-status-error-text"
 							})
 						}),
-						/* @__PURE__ */ d("h3", {
+						/* @__PURE__ */ u("h3", {
 							className: "text-lg font-semibold mb-2",
-							children: i(v, "membersList.failedToLoad", "Failed to Load Members")
+							children: i(_, "membersList.failedToLoad", "Failed to Load Members")
 						}),
-						/* @__PURE__ */ d("p", {
+						/* @__PURE__ */ u("p", {
 							className: "text-text-secondary max-w-sm",
-							children: A instanceof Error ? A.message : i(v, "membersList.errorLoadingMembers", "An error occurred while loading members")
+							children: A instanceof Error ? A.message : i(_, "membersList.errorLoadingMembers", "An error occurred while loading members")
 						})
 					]
 				}),
-				!B && !A && !E && /* @__PURE__ */ d(h, {
+				!V && !A && !T && /* @__PURE__ */ u(m, {
 					illustration: "empty-people",
-					title: i(v, "membersList.noWorkspaceSelected", "No Workspace Selected"),
-					description: i(v, "membersList.selectWorkspacePrompt", "Select a workspace to view and manage its members")
+					title: i(_, "membersList.noWorkspaceSelected", "No Workspace Selected"),
+					description: i(_, "membersList.selectWorkspacePrompt", "Select a workspace to view and manage its members")
 				}),
-				!B && !A && E && !V && /* @__PURE__ */ d(h, {
+				!V && !A && T && !H && /* @__PURE__ */ u(m, {
 					illustration: "empty-people",
-					title: i(v, "membersList.noMembersYet", "No Members Yet"),
-					description: i(v, "membersList.noMembersPrompt", "Start building your team by inviting members to this workspace"),
-					action: /* @__PURE__ */ d(_, {
+					title: i(_, "membersList.noMembersYet", "No Members Yet"),
+					description: i(_, "membersList.noMembersPrompt", "Start building your team by inviting members to this workspace"),
+					action: /* @__PURE__ */ u(g, {
 						permission: r.MEMBER_CREATE,
 						deniedBehavior: "disable",
-						deniedTooltip: i(v, "membersList.noPermissionToInvite", "You don't have permission to invite members"),
-						children: /* @__PURE__ */ f(m, {
-							onClick: Q,
-							children: [/* @__PURE__ */ d(u, { className: "mr-2 size-4" }), i(v, "membersList.inviteFirstMember", "Invite Your First Member")]
+						deniedTooltip: i(_, "membersList.noPermissionToInvite", "You don't have permission to invite members"),
+						children: /* @__PURE__ */ d(p, {
+							onClick: $,
+							children: [/* @__PURE__ */ u(l, { className: "mr-2 size-4" }), i(_, "membersList.inviteFirstMember", "Invite Your First Member")]
 						})
 					})
 				}),
-				!B && !A && E && V && U.length === 0 && /* @__PURE__ */ d(h, {
+				!V && !A && T && H && W.length === 0 && /* @__PURE__ */ u(m, {
 					illustration: "empty-search",
-					title: i(v, "membersList.noMembersFound", "No Members Found"),
-					description: i(v, "membersList.noMembersFoundPrompt", "No members match your search criteria. Try adjusting your search.")
+					title: i(_, "membersList.noMembersFound", "No Members Found"),
+					description: i(_, "membersList.noMembersFoundPrompt", "No members match your search criteria. Try adjusting your search.")
 				}),
-				!B && U.length > 0 && /* @__PURE__ */ f("div", {
+				!V && W.length > 0 && /* @__PURE__ */ d("div", {
 					className: "space-y-3",
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ u("div", {
 						className: "flex items-center justify-between",
-						children: /* @__PURE__ */ f("h2", {
+						children: /* @__PURE__ */ d("h2", {
 							className: "text-lg font-semibold",
 							children: [
-								i(v, "membersList.activeMembers", "Active Members"),
+								i(_, "membersList.activeMembers", "Active Members"),
 								" (",
-								U.length,
+								W.length,
 								")"
 							]
 						})
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ u("div", {
 						className: "space-y-2",
-						children: U.map((e) => /* @__PURE__ */ d(o, {
+						children: W.map((e) => /* @__PURE__ */ u(se, {
 							member: e,
-							selected: b.has(e.id),
+							selected: y.has(e.id),
 							onToggleSelect: (t) => {
-								t !== b.has(e.id) && x(e.id);
+								t !== y.has(e.id) && b(e.id);
 							},
-							canRemove: Z
+							canRemove: Q
 						}, e.id))
 					})]
 				}),
-				!B && H && /* @__PURE__ */ f("div", {
+				!V && U && /* @__PURE__ */ d("div", {
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ d("h2", {
+						/* @__PURE__ */ u("h2", {
 							className: "text-lg font-semibold",
-							children: i(v, "membersList.pendingInvitationsHeader", "Pending Invitations")
+							children: i(_, "membersList.pendingInvitationsHeader", "Pending Invitations")
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ d("div", {
 							className: "flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between",
-							children: [/* @__PURE__ */ f("label", {
+							children: [/* @__PURE__ */ d("label", {
 								className: "flex items-center gap-2 text-sm text-text-primary",
-								children: [/* @__PURE__ */ d("input", {
+								children: [/* @__PURE__ */ u("input", {
 									type: "checkbox",
-									checked: q,
+									checked: J,
 									ref: (e) => {
-										e && (e.indeterminate = Ne && !q);
+										e && (e.indeterminate = Ne && !J);
 									},
-									onChange: (e) => Le(e.target.checked),
-									"aria-label": i(v, "membersList.selectAllInvitationsAriaLabel", "Select all pending invitations"),
+									onChange: (e) => Re(e.target.checked),
+									"aria-label": i(_, "membersList.selectAllInvitationsAriaLabel", "Select all pending invitations"),
 									className: "size-4 rounded border-border-subtle text-primary"
-								}), /* @__PURE__ */ d("span", { children: i(v, "membersList.selectAllInvitations", "Select all invitations") })]
-							}), /* @__PURE__ */ f("div", {
+								}), /* @__PURE__ */ u("span", { children: i(_, "membersList.selectAllInvitations", "Select all invitations") })]
+							}), /* @__PURE__ */ d("div", {
 								className: "flex flex-wrap items-center gap-2",
 								children: [
-									/* @__PURE__ */ f("span", {
+									/* @__PURE__ */ d("span", {
 										className: "text-sm text-text-secondary",
 										children: [
-											I.size,
+											L.size,
 											" ",
-											i(v, "membersList.selected", "selected")
+											i(_, "membersList.selected", "selected")
 										]
 									}),
-									I.size > 0 && /* @__PURE__ */ d(m, {
+									L.size > 0 && /* @__PURE__ */ u(p, {
 										variant: "ghost",
 										size: "sm",
-										onClick: () => L(/* @__PURE__ */ new Set()),
-										children: i(v, "membersList.clearSelection", "Clear selection")
+										onClick: () => R(/* @__PURE__ */ new Set()),
+										children: i(_, "membersList.clearSelection", "Clear selection")
 									}),
-									X && /* @__PURE__ */ f(m, {
+									Z && /* @__PURE__ */ d(p, {
 										variant: "outline",
 										size: "sm",
-										onClick: ze,
-										disabled: G.length === 0 || N,
-										children: [i(v, "membersList.resendSelected", "Resend Selected"), G.length > 0 ? ` (${G.length})` : ""]
+										onClick: Be,
+										disabled: K.length === 0 || N,
+										children: [i(_, "membersList.resendSelected", "Resend Selected"), K.length > 0 ? ` (${K.length})` : ""]
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ d("div", {
+						/* @__PURE__ */ u("div", {
 							className: "space-y-2",
-							children: z.map((e) => /* @__PURE__ */ f("div", {
+							children: B.map((e) => /* @__PURE__ */ d("div", {
 								className: "flex items-center justify-between p-4 border rounded-lg bg-bg-surface",
-								children: [/* @__PURE__ */ f("div", {
+								children: [/* @__PURE__ */ d("div", {
 									className: "flex items-center gap-3",
 									children: [
-										/* @__PURE__ */ d("input", {
+										/* @__PURE__ */ u("input", {
 											type: "checkbox",
-											checked: I.has(e.id),
-											onChange: (t) => $(e.id, t.target.checked),
-											"aria-label": `${i(v, "membersList.selectInvitationAriaLabel", "Select invitation")} ${e.email}`,
+											checked: L.has(e.id),
+											onChange: (t) => Le(e.id, t.target.checked),
+											"aria-label": `${i(_, "membersList.selectInvitationAriaLabel", "Select invitation")} ${e.email}`,
 											className: "size-4 rounded border-border-subtle text-primary"
 										}),
-										/* @__PURE__ */ d("div", {
+										/* @__PURE__ */ u("div", {
 											className: "size-10 rounded-full bg-status-warning/10 flex items-center justify-center transition-colors",
-											children: /* @__PURE__ */ d(ue, { className: "size-5 text-status-warning" })
+											children: /* @__PURE__ */ u(de, { className: "size-5 text-status-warning" })
 										}),
-										/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+										/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 											className: "font-medium text-sm",
 											children: e.email
-										}), /* @__PURE__ */ f("p", {
+										}), /* @__PURE__ */ d("p", {
 											className: "text-xs text-text-secondary",
 											children: [
-												i(v, "membersList.invited", "Invited"),
+												i(_, "membersList.invited", "Invited"),
 												" ",
 												new Date(e.createdAt).toLocaleDateString()
 											]
 										})] })
 									]
-								}), /* @__PURE__ */ f("div", {
+								}), /* @__PURE__ */ d("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ d(_, {
+									children: [/* @__PURE__ */ u(g, {
 										permission: r.MEMBER_CREATE,
 										deniedBehavior: "disable",
-										deniedTooltip: i(v, "membersList.noPermissionToResend", "You don't have permission to resend invitations"),
-										children: /* @__PURE__ */ f(m, {
+										deniedTooltip: i(_, "membersList.noPermissionToResend", "You don't have permission to resend invitations"),
+										children: /* @__PURE__ */ d(p, {
 											variant: "outline",
 											size: "sm",
 											onClick: () => De(e.id),
-											disabled: N && P === e.id,
-											children: [/* @__PURE__ */ d(ce, { className: `size-4 mr-1 ${N && P === e.id ? "animate-spin" : ""}` }), N && P === e.id ? i(v, "membersList.sending", "Sending...") : i(v, "membersList.resend", "Resend")]
+											disabled: N && F === e.id,
+											children: [/* @__PURE__ */ u(le, { className: `size-4 mr-1 ${N && F === e.id ? "animate-spin" : ""}` }), N && F === e.id ? i(_, "membersList.sending", "Sending...") : i(_, "membersList.resend", "Resend")]
 										})
-									}), /* @__PURE__ */ d(p, {
+									}), /* @__PURE__ */ u(f, {
 										variant: "outline",
 										className: "bg-status-warning/10 text-status-warning border-status-warning/30 transition-colors",
-										children: i(v, "membersList.pending", "Pending")
+										children: i(_, "membersList.pending", "Pending")
 									})]
 								})]
 							}, e.id))
@@ -406,6 +407,6 @@ function v() {
 	});
 }
 //#endregion
-export { v as MembersListPage };
+export { _ as MembersListPage };
 
 //# sourceMappingURL=MembersListPage.js.map