@burdenoff/microfe-workspaces 2026.531.2 → 2026.531.4

package/dist/pages/MembersListPage.js

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