@burdenoff/microfe-organization 2026.1013.2 → 2026.1101.1

package/dist/organization-management/modules/members/pages/MembersListPage.js

@@ -1,36 +1,36 @@
-import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
-import { toast as t } from "../../../../node_modules/sonner/dist/index.js";
-import { useTr as n } from "../../../shared/hooks/useTr.js";
-import { SearchInput as r } from "../../../shared/components/input/SearchInput.js";
-import { SelectionCheckbox as i } from "../../../shared/components/input/SelectionCheckbox.js";
-import { LoadingState as a } from "../../../shared/components/feedback/LoadingState.js";
-import { ErrorState as o } from "../../../shared/components/feedback/ErrorState.js";
-import { useDebouncedValue as s } from "../../../shared/hooks/useDebouncedValue.js";
+import { toast as e } from "../../../../node_modules/sonner/dist/index.js";
+import { useOrgConsole as t } from "../../../providers/OrgConsoleProvider.js";
+import { useMembers as n, useRemoveMember as r } from "../hooks/useMembers.js";
+import { MemberRoleBadge as i } from "../components/MemberRoleBadge.js";
+import { SearchInput as a } from "../../../shared/components/input/SearchInput.js";
+import { SelectionCheckbox as o } from "../../../shared/components/input/SelectionCheckbox.js";
+import { LoadingState as s } from "../../../shared/components/feedback/LoadingState.js";
+import { ErrorState as c } from "../../../shared/components/feedback/ErrorState.js";
+import { useDebouncedValue as l } from "../../../shared/hooks/useDebouncedValue.js";
 import { useConfirmDialog as ee } from "../../../shared/components/dialog/ConfirmDialog.js";
-import { PERMISSIONS as c } from "../../../constants/permissions.js";
-import { MemberRoleBadge as l } from "../components/MemberRoleBadge.js";
-import { useMembers as u, useRemoveMember as d } from "../hooks/useMembers.js";
+import { PERMISSIONS as u } from "../../../constants/permissions.js";
+import { useTr as d } from "../../../shared/hooks/useTr.js";
 import { useEffect as f, useMemo as p, useState as m } from "react";
 import { Eye as h, Mail as g, RefreshCw as _, Shield as v, Trash2 as y } from "lucide-react";
 import { GlassCard as b, IllustratedEmptyState as te, PagePurpose as ne } from "@burdenoff/fe-libs/ui";
 import { useFeatureFlagDetails as re } from "@burdenoff/fe-libs/shared/feature-flags";
 import { usePermissions as ie } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as ae, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { useParams as C } from "react-router";
-import { ActorIdentity as w, buildActorFallback as oe, useActorProfiles as se } from "@burdenoff/fe-libs/shared";
-//#region src/organization-management/modules/members/pages/MembersListPage.tsx
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useParams as ae } from "react-router";
+import { ActorIdentity as oe, buildActorFallback as w, useActorProfiles as se } from "@burdenoff/fe-libs/shared";
+// src/organization-management/modules/members/pages/MembersListPage.tsx
 function ce() {
-	let e = n();
+	let e = d();
 	return (t) => t ? new Date(t).toLocaleDateString() : e("common.status.pending", "Pending");
 }
 function T() {
-	let T = n(), E = ce(), { navigate: D, basePath: O = "/organizations" } = e(), { hasPermission: k, isLoading: le } = ie(), A = re("organization.invite"), j = A ? !!A.value : !0, { organizationId: M } = C(), [N, P] = m(""), F = s(N, 250), [I, L] = m(/* @__PURE__ */ new Set()), { openConfirmDialog: R, ConfirmDialog: z } = ee(), { members: B, loading: V, error: H, refetch: U } = u(M ?? "", 50, 0), { removeMember: ue, loading: W } = d(), { apiGatewayUrl: de, authToken: fe } = e(), G = se(p(() => B.map((e) => ({
+	let T = d(), E = ce(), { navigate: D, basePath: O = "/organizations" } = t(), { hasPermission: k, isLoading: A } = ie(), j = re("organization.invite"), M = !j || !!j.value, { organizationId: N } = ae(), [P, le] = m(""), F = l(P, 250), [I, L] = m(/* @__PURE__ */ new Set()), { openConfirmDialog: R, ConfirmDialog: z } = ee(), { members: B, loading: V, error: H, refetch: U } = n(N ?? "", 50, 0), { removeMember: ue, loading: W } = r(), { apiGatewayUrl: de, authToken: fe } = t(), pe = p(() => B.map((e) => ({
 		actorId: e.userId,
 		actorType: "user"
-	})), [B]), {
+	})), [B]), G = se(pe, {
 		apiGatewayUrl: de,
 		authToken: fe,
-		orgId: M
+		orgId: N
 	}), K = p(() => {
 		if (!F) return B;
 		let e = F.toLowerCase();
@@ -49,16 +49,16 @@ function T() {
 			return n.size === e.size ? e : n;
 		});
 	}, [K]);
-	let q = p(() => K.filter((e) => I.has(e.id)), [K, I]), J = K.length > 0 && K.every((e) => I.has(e.id)), Y = K.some((e) => I.has(e.id)) && !J, X = async (e) => {
-		if (M) try {
-			let n = (await Promise.allSettled(e.map(async (e) => {
-				let t = await ue(M, e);
+	let q = p(() => K.filter((e) => I.has(e.id)), [K, I]), J = K.length > 0 && K.every((e) => I.has(e.id)), Y = K.some((e) => I.has(e.id)) && !J, X = async (t) => {
+		if (N) try {
+			let n = (await Promise.allSettled(t.map(async (e) => {
+				let t = await ue(N, e);
 				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Failed to remove member");
 			}))).find((e) => e.status === "rejected");
 			if (n?.status === "rejected") throw n.reason;
-			L(/* @__PURE__ */ new Set()), await U(), t.success(e.length === 1 ? T("members.remove.successSingle", "Member removed successfully") : `${e.length} ${T("members.remove.successMany", "members removed successfully")}`);
-		} catch (e) {
-			t.error(e instanceof Error ? e.message : T("members.remove.failed", "Failed to remove member"));
+			L(/* @__PURE__ */ new Set()), await U(), e.success(t.length === 1 ? T("members.remove.successSingle", "Member removed successfully") : `${t.length} ${T("members.remove.successMany", "members removed successfully")}`);
+		} catch (t) {
+			e.error(t instanceof Error ? t.message : T("members.remove.failed", "Failed to remove member"));
 		}
 	}, Z = (e) => {
 		R({
@@ -70,7 +70,7 @@ function T() {
 				X([e]);
 			}
 		});
-	}, pe = () => {
+	}, me = () => {
 		q.length !== 0 && R({
 			title: T("members.remove.bulkTitle", "Remove selected members"),
 			description: `${T("members.remove.bulkPrefix", "Remove")} ${q.length} ${T(q.length === 1 ? "members.remove.bulkSuffixSingle" : "members.remove.bulkSuffixMany", q.length === 1 ? "selected member from this organization?" : "selected members from this organization?")}`,
@@ -93,15 +93,15 @@ function T() {
 			}), n;
 		});
 	};
-	return M ? le ? /* @__PURE__ */ x("div", {
+	return N ? A ? /* @__PURE__ */ S("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ x(a, { message: T("common.loadingPermissions", "Loading permissions...") })
-	}) : k(c.MEMBER_LIST) ? V ? /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ S(s, { message: T("common.loadingPermissions", "Loading permissions...") })
+	}) : k(u.MEMBER_LIST) ? V ? /* @__PURE__ */ S("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ x(a, { message: T("members.list.loading", "Loading members...") })
-	}) : H ? /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ S(s, { message: T("members.list.loading", "Loading members...") })
+	}) : H ? /* @__PURE__ */ S("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ x(o, {
+		children: /* @__PURE__ */ S(c, {
 			message: H.message,
 			action: {
 				label: T("common.retry", "Retry"),
@@ -110,80 +110,80 @@ function T() {
 				}
 			}
 		})
-	}) : /* @__PURE__ */ S("div", {
+	}) : /* @__PURE__ */ C("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-200",
-		children: [/* @__PURE__ */ S("div", {
+		children: [/* @__PURE__ */ C("div", {
 			className: "mx-auto flex w-full max-w-7xl flex-col gap-6",
 			children: [
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ C("div", {
 					className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "space-y-2",
 						children: [
-							/* @__PURE__ */ x("h1", {
+							/* @__PURE__ */ S("h1", {
 								className: "text-3xl font-bold text-[var(--color-text-primary)]",
 								children: T("members.list.title", "Members")
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ S("p", {
 								className: "max-w-2xl text-[var(--color-text-secondary)]",
 								children: T("members.list.subtitle", "Manage organization members, inspect their roles, and invite more people into this organization.")
 							}),
-							/* @__PURE__ */ x(ne, {
+							/* @__PURE__ */ S(ne, {
 								className: "max-w-2xl",
 								children: T("members.list.purpose", "Members are the people who belong to this organization and inherit access to its workspaces. Use this page to see who has access, check their roles, invite new people, or remove anyone who should no longer be here.")
 							})
 						]
-					}), j && k(c.MEMBER_INVITE) && /* @__PURE__ */ S("button", {
+					}), M && k(u.MEMBER_INVITE) && /* @__PURE__ */ C("button", {
 						type: "button",
-						onClick: () => D(`${O}/${M}/members/invite`),
+						onClick: () => D(`${O}/${N}/members/invite`),
 						className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90",
-						children: [/* @__PURE__ */ x(g, {
+						children: [/* @__PURE__ */ S(g, {
 							size: 18,
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ x("span", {
+						}), /* @__PURE__ */ S("span", {
 							className: "font-medium",
 							children: T("members.invite.button", "Invite Member")
 						})]
 					})]
 				}),
-				B.length > 0 ? /* @__PURE__ */ S("div", {
+				B.length > 0 ? /* @__PURE__ */ C("div", {
 					className: "grid grid-cols-2 gap-4",
-					children: [/* @__PURE__ */ S(b, {
+					children: [/* @__PURE__ */ C(b, {
 						treatment: "glass",
 						glow: !0,
 						className: "p-4",
-						children: [/* @__PURE__ */ x("p", {
+						children: [/* @__PURE__ */ S("p", {
 							className: "text-sm text-text-secondary",
 							children: T("members.list.title", "Members")
-						}), /* @__PURE__ */ x("p", {
+						}), /* @__PURE__ */ S("p", {
 							className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
 							children: B.length
 						})]
-					}), /* @__PURE__ */ S(b, {
+					}), /* @__PURE__ */ C(b, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ x("p", {
+						children: [/* @__PURE__ */ S("p", {
 							className: "text-sm text-text-secondary",
 							children: T("members.list.column.role", "Role")
-						}), /* @__PURE__ */ x("p", {
+						}), /* @__PURE__ */ S("p", {
 							className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
 							children: new Set(B.map((e) => e.role)).size
 						})]
 					})]
 				}) : null,
-				/* @__PURE__ */ S(b, {
+				/* @__PURE__ */ C(b, {
 					treatment: "plain",
 					className: "border-border-seam p-4",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "flex flex-col gap-3 sm:flex-row sm:items-center",
-						children: [/* @__PURE__ */ x(r, {
-							value: N,
-							onChange: P,
+						children: [/* @__PURE__ */ S(a, {
+							value: P,
+							onChange: le,
 							placeholder: T("members.list.searchPlaceholder", "Search by member ID or role..."),
 							label: T("members.list.searchLabel", "Search organization members"),
 							inputId: "organization-members-search",
 							className: "flex-1"
-						}), /* @__PURE__ */ x("button", {
+						}), /* @__PURE__ */ S("button", {
 							type: "button",
 							onClick: () => {
 								U();
@@ -191,50 +191,50 @@ function T() {
 							className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-4 py-2 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]",
 							"aria-label": T("members.list.refresh", "Refresh members"),
 							title: T("members.list.refresh", "Refresh members"),
-							children: /* @__PURE__ */ x(_, {
+							children: /* @__PURE__ */ S(_, {
 								size: 18,
 								"aria-hidden": "true"
 							})
 						})]
-					}), K.length > 0 ? /* @__PURE__ */ S("div", {
+					}), K.length > 0 ? /* @__PURE__ */ C("div", {
 						className: "mt-4 flex flex-col gap-3 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ C("div", {
 							className: "flex flex-wrap items-center gap-3",
-							children: [/* @__PURE__ */ S("label", {
+							children: [/* @__PURE__ */ C("label", {
 								className: "flex items-center gap-2 text-sm text-[var(--color-text-primary)]",
-								children: [/* @__PURE__ */ x(i, {
+								children: [/* @__PURE__ */ S(o, {
 									checked: J,
 									indeterminate: Y,
 									onChange: $,
 									ariaLabel: T("members.list.selectAll", "Select all members")
-								}), /* @__PURE__ */ x("span", { children: T("common.selectAllVisible", "Select all visible") })]
-							}), I.size > 0 ? /* @__PURE__ */ x("button", {
+								}), /* @__PURE__ */ S("span", { children: T("common.selectAllVisible", "Select all visible") })]
+							}), I.size > 0 ? /* @__PURE__ */ S("button", {
 								type: "button",
 								onClick: () => L(/* @__PURE__ */ new Set()),
 								className: "text-sm text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]",
 								children: T("common.clearSelection", "Clear selection")
 							}) : null]
-						}), /* @__PURE__ */ S("div", {
+						}), /* @__PURE__ */ C("div", {
 							className: "flex flex-col gap-2 sm:flex-row sm:items-center",
-							children: [/* @__PURE__ */ S("span", {
+							children: [/* @__PURE__ */ C("span", {
 								className: "text-sm text-[var(--color-text-secondary)]",
 								children: [
 									I.size,
 									" ",
 									T("common.selected", "selected")
 								]
-							}), k(c.MEMBER_REMOVE) && /* @__PURE__ */ S("button", {
+							}), k(u.MEMBER_REMOVE) && /* @__PURE__ */ C("button", {
 								type: "button",
-								onClick: pe,
+								onClick: me,
 								disabled: q.length === 0 || W,
 								className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50",
 								children: [
-									/* @__PURE__ */ x(y, {
+									/* @__PURE__ */ S(y, {
 										size: 16,
 										"aria-hidden": "true"
 									}),
-									/* @__PURE__ */ x("span", { children: T("common.removeSelected", "Remove Selected") }),
-									q.length > 0 ? /* @__PURE__ */ S("span", { children: [
+									/* @__PURE__ */ S("span", { children: T("common.removeSelected", "Remove Selected") }),
+									q.length > 0 ? /* @__PURE__ */ C("span", { children: [
 										"(",
 										q.length,
 										")"
@@ -244,62 +244,62 @@ function T() {
 						})]
 					}) : null]
 				}),
-				K.length === 0 ? /* @__PURE__ */ x(b, {
+				K.length === 0 ? /* @__PURE__ */ S(b, {
 					treatment: "glass",
 					glow: B.length === 0,
 					className: "border-border-seam p-6",
-					children: /* @__PURE__ */ x(te, {
+					children: /* @__PURE__ */ S(te, {
 						illustration: "empty-people",
 						title: T("members.list.emptyTitle", "No members found"),
 						description: T("members.list.emptyDescription", "Invite someone to this organization to grant them access and assign their role."),
-						action: j && k(c.MEMBER_INVITE) ? /* @__PURE__ */ x("button", {
+						action: M && k(u.MEMBER_INVITE) ? /* @__PURE__ */ S("button", {
 							type: "button",
-							onClick: () => D(`${O}/${M}/members/invite`),
+							onClick: () => D(`${O}/${N}/members/invite`),
 							className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2 font-medium text-[var(--color-action-primary-text)] transition-all duration-200 hover:bg-[var(--color-action-primary-bgHover)]",
 							children: T("members.invite.button", "Invite Member")
 						}) : void 0
 					})
-				}) : /* @__PURE__ */ S(ae, { children: [/* @__PURE__ */ x("div", {
+				}) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
 					className: "grid gap-4 md:hidden",
-					children: K.map((e) => /* @__PURE__ */ S(b, {
+					children: K.map((e) => /* @__PURE__ */ C(b, {
 						treatment: "insight",
 						className: "border-border-seam p-4",
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ C("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ x(i, {
+							children: [/* @__PURE__ */ S(o, {
 								checked: I.has(e.id),
 								onChange: (t) => Q(e.id, t),
 								ariaLabel: `${T("members.list.selectMember", "Select member")} ${e.userId}`
-							}), /* @__PURE__ */ S("div", {
+							}), /* @__PURE__ */ C("div", {
 								className: "flex min-w-0 flex-1 gap-3",
-								children: [/* @__PURE__ */ x("div", {
+								children: [/* @__PURE__ */ S("div", {
 									className: "flex size-10 items-center justify-center rounded-full bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]",
-									children: /* @__PURE__ */ x(v, {
+									children: /* @__PURE__ */ S(v, {
 										size: 18,
 										"aria-hidden": "true"
 									})
-								}), /* @__PURE__ */ S("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "min-w-0 flex-1 space-y-3",
-									children: [/* @__PURE__ */ S("div", { children: [
-										/* @__PURE__ */ S("div", {
+									children: [/* @__PURE__ */ C("div", { children: [
+										/* @__PURE__ */ C("div", {
 											className: "flex flex-wrap items-start gap-2",
-											children: [/* @__PURE__ */ x("h2", {
+											children: [/* @__PURE__ */ S("h2", {
 												className: "break-all text-base font-semibold text-[var(--color-text-primary)]",
 												children: G[e.userId]?.displayName ?? `User ${e.userId.slice(0, 8)}…`
-											}), /* @__PURE__ */ x(l, { role: e.role })]
+											}), /* @__PURE__ */ S(i, { role: e.role })]
 										}),
-										G[e.userId]?.email ? /* @__PURE__ */ x("p", {
+										G[e.userId]?.email ? /* @__PURE__ */ S("p", {
 											className: "mt-0.5 break-all text-xs text-[var(--color-text-secondary)]",
 											children: G[e.userId]?.email
 										}) : null,
-										/* @__PURE__ */ S("details", {
+										/* @__PURE__ */ C("details", {
 											className: "mt-1 text-xs text-[var(--color-text-muted)]",
 											children: [
-												/* @__PURE__ */ x("summary", {
+												/* @__PURE__ */ S("summary", {
 													className: "cursor-pointer",
 													children: T("members.list.showIds", "Show IDs")
 												}),
-												/* @__PURE__ */ S("p", {
+												/* @__PURE__ */ C("p", {
 													className: "mt-1 break-all font-mono",
 													children: [
 														T("members.detail.userId", "User ID"),
@@ -307,7 +307,7 @@ function T() {
 														e.userId
 													]
 												}),
-												/* @__PURE__ */ S("p", {
+												/* @__PURE__ */ C("p", {
 													className: "mt-0.5 break-all font-mono",
 													children: [
 														T("members.list.memberId", "Member ID"),
@@ -317,118 +317,118 @@ function T() {
 												})
 											]
 										})
-									] }), /* @__PURE__ */ S("dl", {
+									] }), /* @__PURE__ */ C("dl", {
 										className: "grid grid-cols-1 gap-3 text-sm",
-										children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("dt", {
+										children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("dt", {
 											className: "text-[var(--color-text-secondary)]",
 											children: T("members.list.invitedBy", "Invited by")
-										}), /* @__PURE__ */ x("dd", {
+										}), /* @__PURE__ */ S("dd", {
 											className: "mt-1 break-all font-mono text-[var(--color-text-primary)]",
 											children: e.invitedBy || T("common.notAvailable", "N/A")
-										})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("dt", {
+										})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("dt", {
 											className: "text-[var(--color-text-secondary)]",
 											children: T("members.list.joined", "Joined")
-										}), /* @__PURE__ */ x("dd", {
+										}), /* @__PURE__ */ S("dd", {
 											className: "mt-1 text-[var(--color-text-primary)]",
 											children: E(e.joinedAt)
 										})] })]
 									})]
 								})]
 							})]
-						}), /* @__PURE__ */ S("div", {
+						}), /* @__PURE__ */ C("div", {
 							className: "mt-4 flex flex-wrap gap-2 border-t border-[var(--color-border-default)] pt-4",
-							children: [/* @__PURE__ */ S("button", {
+							children: [/* @__PURE__ */ C("button", {
 								type: "button",
-								onClick: () => D(`${O}/${M}/members/${e.userId}`),
+								onClick: () => D(`${O}/${N}/members/${e.userId}`),
 								className: "inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]",
-								children: [/* @__PURE__ */ x(h, {
+								children: [/* @__PURE__ */ S(h, {
 									size: 16,
 									"aria-hidden": "true"
 								}), T("common.view", "View")]
-							}), k(c.MEMBER_REMOVE) && /* @__PURE__ */ S("button", {
+							}), k(u.MEMBER_REMOVE) && /* @__PURE__ */ C("button", {
 								type: "button",
 								onClick: () => Z(e.userId),
 								disabled: W,
 								className: "inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-sm text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50",
-								children: [/* @__PURE__ */ x(y, {
+								children: [/* @__PURE__ */ S(y, {
 									size: 16,
 									"aria-hidden": "true"
 								}), T("members.remove.confirm", "Remove")]
 							})]
 						})]
 					}, e.id))
-				}), /* @__PURE__ */ x(b, {
+				}), /* @__PURE__ */ S(b, {
 					treatment: "plain",
 					className: "hidden overflow-hidden border-border-seam p-0 md:block",
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ S("div", {
 						className: "overflow-x-auto",
-						children: /* @__PURE__ */ S("table", {
+						children: /* @__PURE__ */ C("table", {
 							className: "min-w-full",
-							children: [/* @__PURE__ */ x("thead", {
+							children: [/* @__PURE__ */ S("thead", {
 								className: "bg-[var(--color-bg-subtle)]",
-								children: /* @__PURE__ */ S("tr", { children: [
-									/* @__PURE__ */ x("th", {
+								children: /* @__PURE__ */ C("tr", { children: [
+									/* @__PURE__ */ S("th", {
 										className: "w-12 px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
-										children: /* @__PURE__ */ x(i, {
+										children: /* @__PURE__ */ S(o, {
 											checked: J,
 											indeterminate: Y,
 											onChange: $,
 											ariaLabel: T("members.list.selectAll", "Select all members")
 										})
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
 										children: T("members.list.column.user", "User")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
 										children: T("members.list.column.role", "Role")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
 										children: T("members.list.invitedBy", "Invited by")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
 										children: T("members.list.joined", "Joined")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-6 py-3 text-right text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
 										children: T("common.actions", "Actions")
 									})
 								] })
-							}), /* @__PURE__ */ x("tbody", {
+							}), /* @__PURE__ */ S("tbody", {
 								className: "divide-y divide-[var(--color-border-seam)]",
-								children: K.map((e) => /* @__PURE__ */ S("tr", {
+								children: K.map((e) => /* @__PURE__ */ C("tr", {
 									className: "transition-colors hover:bg-[var(--color-bg-subtle)]",
 									children: [
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ S("td", {
 											className: "px-6 py-4 align-top",
-											children: /* @__PURE__ */ x(i, {
+											children: /* @__PURE__ */ S(o, {
 												checked: I.has(e.id),
 												onChange: (t) => Q(e.id, t),
 												ariaLabel: `${T("members.list.selectMember", "Select member")} ${e.userId}`
 											})
 										}),
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ S("td", {
 											className: "px-6 py-4",
-											children: /* @__PURE__ */ S("div", {
+											children: /* @__PURE__ */ C("div", {
 												className: "flex items-start gap-3",
-												children: [/* @__PURE__ */ x("div", {
+												children: [/* @__PURE__ */ S("div", {
 													className: "flex size-10 items-center justify-center rounded-full bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]",
-													children: /* @__PURE__ */ x(v, {
+													children: /* @__PURE__ */ S(v, {
 														size: 18,
 														"aria-hidden": "true"
 													})
-												}), /* @__PURE__ */ S("div", {
+												}), /* @__PURE__ */ C("div", {
 													className: "min-w-0",
-													children: [/* @__PURE__ */ x(w, {
-														profile: G[e.userId] ?? oe({
+													children: [/* @__PURE__ */ S(oe, {
+														profile: G[e.userId] ?? w({
 															actorId: e.userId,
 															actorType: "user"
 														}),
 														variant: "cell"
-													}), /* @__PURE__ */ S("p", {
+													}), /* @__PURE__ */ C("p", {
 														className: "break-all font-mono text-xs text-[var(--color-text-muted)]",
 														children: [
 															T("common.idLabel", "ID"),
@@ -439,40 +439,40 @@ function T() {
 												})]
 											})
 										}),
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ S("td", {
 											className: "px-6 py-4 align-top",
-											children: /* @__PURE__ */ x(l, { role: e.role })
+											children: /* @__PURE__ */ S(i, { role: e.role })
 										}),
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ S("td", {
 											className: "px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]",
 											children: e.invitedBy || T("common.notAvailable", "N/A")
 										}),
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ S("td", {
 											className: "px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]",
 											children: E(e.joinedAt)
 										}),
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ S("td", {
 											className: "px-6 py-4 align-top",
-											children: /* @__PURE__ */ S("div", {
+											children: /* @__PURE__ */ C("div", {
 												className: "flex items-center justify-end gap-2",
-												children: [/* @__PURE__ */ x("button", {
+												children: [/* @__PURE__ */ S("button", {
 													type: "button",
-													onClick: () => D(`${O}/${M}/members/${e.userId}`),
+													onClick: () => D(`${O}/${N}/members/${e.userId}`),
 													className: "rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]",
 													"aria-label": `${T("members.list.viewMember", "View member")} ${e.userId}`,
 													title: `${T("members.list.viewMember", "View member")} ${e.userId}`,
-													children: /* @__PURE__ */ x(h, {
+													children: /* @__PURE__ */ S(h, {
 														size: 18,
 														"aria-hidden": "true"
 													})
-												}), k(c.MEMBER_REMOVE) && /* @__PURE__ */ x("button", {
+												}), k(u.MEMBER_REMOVE) && /* @__PURE__ */ S("button", {
 													type: "button",
 													onClick: () => Z(e.userId),
 													disabled: W,
 													className: "rounded-lg p-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50",
 													"aria-label": `${T("members.list.removeMember", "Remove member")} ${e.userId}`,
 													title: `${T("members.list.removeMember", "Remove member")} ${e.userId}`,
-													children: /* @__PURE__ */ x(y, {
+													children: /* @__PURE__ */ S(y, {
 														size: 18,
 														"aria-hidden": "true"
 													})
@@ -487,15 +487,15 @@ function T() {
 				})] })
 			]
 		}), z]
-	}) : /* @__PURE__ */ x("div", {
+	}) : /* @__PURE__ */ S("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "p-8 text-center text-[var(--color-text-secondary)]",
 			children: T("members.list.noPermission", "You don't have permission to view members.")
 		})
-	}) : /* @__PURE__ */ x("div", {
+	}) : /* @__PURE__ */ S("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ x(o, {
+		children: /* @__PURE__ */ S(c, {
 			message: T("members.list.missingOrg", "Organization ID is required to view members"),
 			action: {
 				label: T("members.list.goToOrganizations", "Go to Organizations"),
@@ -504,7 +504,6 @@ function T() {
 		})
 	});
 }
-//#endregion
 export { T as MembersListPage };
 
 //# sourceMappingURL=MembersListPage.js.map