@burdenoff/microfe-workspaces 2026.520.1 → 2026.528.1

package/dist/pages/MembersListPage.js

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