@selvajs/selva 4.13.0 → 4.14.0

package/build/server/chunks/entries/pages/team/members/_page.svelte.js-BM_M3moU.js

@@ -0,0 +1,760 @@
+import { X as head, $ as ensure_array_like, a4 as escape_html, a2 as attr_class, W as attr, T as derived, Z as spread_props } from '../../../../chunks/server.js-fxznQVe4.js';
+import { M as MEMBER_ASSIGNABLE_PERMISSIONS, q as OWNER_ADMIN_ONLY_PERMISSIONS, e as ALL_ORG_PERMISSIONS } from '../../../../chunks/src.js-B12bUNyu.js';
+import { I as Icon } from '../../../../chunks/utils2.js-RqmNbcNh.js';
+import { B as Button } from '../../../../chunks/button.js-DbB0dwmm.js';
+import { P as PERMISSION_LABELS, O as ORG_ROLES, U as UserRowIdentity, a as Pagination, R as ROLE_TONE } from '../../../../chunks/UserRowIdentity.js-GnL996l3.js';
+import { U as User_plus, C as Copy } from '../../../../chunks/user-plus.js-BkFlJcz_.js';
+import { M as Mail } from '../../../../chunks/mail.js-DaoAzZX1.js';
+import { S as Search } from '../../../../chunks/search.js-p8OoyQ2D.js';
+import { T as Trash_2 } from '../../../../chunks/trash-2.js-ByDxap-k.js';
+import { X } from '../../../../chunks/x.js-DsqVhvY1.js';
+import { i as invalidateAll } from '../../../../chunks/client.js-CPlZyPu8.js';
+import { S as SectionHeader } from '../../../../chunks/SectionHeader.js-CHWtMRIN.js';
+import { E as EmptyState } from '../../../../chunks/EmptyState.js-CjCy0_9x.js';
+import { I as Input } from '../../../../chunks/input.js-nXGVOn5i.js';
+import { C as Card, a as Card_content } from '../../../../chunks/card-content.js-DO1tWfLJ.js';
+import { C as Card_description } from '../../../../chunks/card-description.js-eBi7Vr_W.js';
+import { C as Card_header, a as Card_title } from '../../../../chunks/card-title.js-D5QL4vvE.js';
+import { a as toast } from '../../../../chunks/toast-state.svelte.js-DkqKrnCj.js';
+import '../../../../chunks/uneval.js-sOjdN_Ot.js';
+import 'clsx';
+import 'zod';
+import 'tailwind-merge';
+import 'tailwind-variants';
+import '../../../../chunks/chevron-right.js-DHiwRcHz.js';
+import '../../../../chunks/user-display.js-B3d-spft.js';
+import '../../../../chunks/UserAvatar.js-ZRWQAlFC.js';
+import '../../../../chunks/index-server.js-gS5cdWCH.js';
+import '../../../../chunks/shared.js-JbueMana.js';
+import '@sveltejs/kit/internal';
+import '../../../../chunks/exports.js-CPkIuisC.js';
+import '../../../../chunks/routing.js-C2Q7p_y3.js';
+import '../../../../chunks/internal2.js-XevcNT_G.js';
+import '../../../../chunks/legacy-client.js-B6XuTI3b.js';
+import '../../../../chunks/events.js-DCr2n6fH.js';
+import '@sveltejs/kit/internal/server';
+
+//#region ../../node_modules/.pnpm/@lucide+svelte@1.31.0_svelte@5.56.9_@typescript-eslint+types@8.67.0_/node_modules/@lucide/svelte/dist/icons/send.svelte
+function Send($$renderer, $$props) {
+	let { $$slots, $$events, ...props } = $$props;
+	Icon($$renderer, spread_props([
+		{ name: "send" },
+		props,
+		{ iconNode: [["path", { "d": "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" }], ["path", { "d": "m21.854 2.147-10.94 10.939" }]] }
+	]));
+}
+//#endregion
+//#region src/routes/team/members/removal-gate.ts
+function removalBlockReason(input) {
+	const { target, actorUserId, actorRole, ownerCount } = input;
+	if (target.userId === actorUserId) return "You cannot remove yourself from the org.";
+	if (target.role === "owner" && ownerCount === 1) return "Cannot remove the sole owner. Promote another member to owner first.";
+	if (target.role === "owner" && actorRole !== "owner") return "Only the org owner can remove another owner.";
+	return null;
+}
+//#endregion
+//#region src/routes/team/members/+page.svelte
+function _page($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/** SMTP is set up, so minting an invite also mails the link. */
+		let { data } = $$props;
+		const isOwner = derived(() => data.actorRole === "owner");
+		const isOwnerOrAdmin = derived(() => data.actorRole === "owner" || data.actorRole === "admin");
+		const ownerCount = derived(() => data.members.filter((m) => m.role === "owner").length);
+		let savingId = null;
+		async function patchMember(userId, patch) {
+			if (!data.orgId) return;
+			savingId = userId;
+			try {
+				const res = await fetch(`/api/v1/orgs/${data.orgId}/members/${userId}`, {
+					method: "PATCH",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify(patch)
+				});
+				if (res.ok) {
+					toast.success("Member updated");
+					await invalidateAll();
+				} else {
+					const err = await res.json().catch(() => ({}));
+					toast.error(err.message || err.error || "Could not update member");
+				}
+			} catch {
+				toast.error("Could not update member");
+			} finally {
+				savingId = null;
+			}
+		}
+		function changeRole(member, role) {
+			if (member.role === role) return;
+			patchMember(member.userId, { role });
+		}
+		let query = "";
+		let roleFilter = "all";
+		const filtersActive = derived(() => query.trim() !== "" || roleFilter !== "all");
+		const visibleMembers = derived(() => {
+			const needle = query.trim().toLowerCase();
+			return data.members.filter((m) => (needle === "" || [
+				m.displayName,
+				m.email,
+				m.userId
+			].some((f) => f?.toLowerCase().includes(needle))) && (roleFilter === "all" || m.role === roleFilter));
+		});
+		const PER_PAGE = 25;
+		let page = 1;
+		const pagedMembers = derived(() => visibleMembers().slice((page - 1) * PER_PAGE, page * PER_PAGE));
+		function clearFilters() {
+			query = "";
+			roleFilter = "all";
+		}
+		const invitableRoles = derived(() => isOwner() ? ORG_ROLES : ORG_ROLES.filter((r) => r !== "owner"));
+		let showInviteForm = false;
+		let inviteEmail = "";
+		let inviteRole = "member";
+		let invitePermissions = [];
+		let creatingInvite = false;
+		let lastInviteLink = null;
+		let lastInviteEmail = "";
+		let lastDelivery = null;
+		let revokingId = null;
+		let resendingId = null;
+		const invitePermissionOptions = derived(() => inviteRole === "member" ? ALL_ORG_PERMISSIONS.filter((p) => !OWNER_ADMIN_ONLY_PERMISSIONS.includes(p)) : [...ALL_ORG_PERMISSIONS]);
+		async function createInvite() {
+			creatingInvite = true;
+			try {
+				const res = await fetch(`/api/v1/orgs/${data.orgId}/invites`, {
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify({
+						email: inviteEmail,
+						orgRole: inviteRole,
+						permissions: invitePermissions
+					})
+				});
+				if (res.ok) {
+					const { acceptUrl, delivery } = await res.json();
+					lastInviteLink = acceptUrl;
+					lastDelivery = delivery;
+					lastInviteEmail = inviteEmail;
+					toast.success(delivery === "sent" ? `Invite sent to ${inviteEmail}` : `Invite created for ${inviteEmail}`);
+					inviteEmail = "";
+					inviteRole = "member";
+					invitePermissions = [];
+					showInviteForm = false;
+					await invalidateAll();
+				} else {
+					const err = await res.json().catch(() => ({ error: "Unknown error" }));
+					toast.error(err.message || err.error || "Failed to create invite");
+				}
+			} catch {
+				toast.error("Failed to create invite");
+			} finally {
+				creatingInvite = false;
+			}
+		}
+		let removingId = null;
+		const blockReasonFor = (member) => removalBlockReason({
+			target: member,
+			actorUserId: data.actorUserId,
+			actorRole: data.actorRole,
+			ownerCount: ownerCount()
+		});
+		async function removeMember(member) {
+			const who = member.email ?? member.displayName ?? member.userId;
+			if (!confirm(`Remove "${who}" from this organization?\n\nThey lose access to every project in it, and any pending invites to their email are revoked. Projects they solely own are left without an owner and can be adopted from Team → Reclaim.`)) return;
+			removingId = member.userId;
+			try {
+				const res = await fetch(`/api/v1/orgs/${data.orgId}/members/${member.userId}`, { method: "DELETE" });
+				if (res.ok) {
+					toast.success(`${who} removed from the organization`);
+					await invalidateAll();
+				} else {
+					const err = await res.json().catch(() => ({}));
+					toast.error(err.message || err.error || "Could not remove member");
+				}
+			} catch {
+				toast.error("Could not remove member");
+			} finally {
+				removingId = null;
+			}
+		}
+		async function resendInvite(invite) {
+			if (!confirm(`Resend the invite for "${invite.email}"?\n\nA new link is issued and the previous one stops working.`)) return;
+			resendingId = invite.id;
+			try {
+				const res = await fetch(`/api/v1/orgs/${data.orgId}/invites/${invite.id}/resend`, { method: "POST" });
+				if (res.ok) {
+					const { acceptUrl, delivery } = await res.json();
+					lastInviteLink = acceptUrl;
+					lastDelivery = delivery;
+					lastInviteEmail = invite.email;
+					toast.success(delivery === "sent" ? `Invite resent to ${invite.email}` : "New invite link issued");
+					await invalidateAll();
+				} else {
+					const err = await res.json().catch(() => ({}));
+					toast.error(err.message || err.error || "Could not resend invite");
+				}
+			} catch {
+				toast.error("Could not resend invite");
+			} finally {
+				resendingId = null;
+			}
+		}
+		async function revokeInvite(id, email) {
+			if (!confirm(`Revoke invite for "${email}"?`)) return;
+			revokingId = id;
+			try {
+				if ((await fetch(`/api/v1/orgs/${data.orgId}/invites/${id}`, { method: "DELETE" })).ok) {
+					toast.success("Invite revoked");
+					await invalidateAll();
+				} else toast.error("Failed to revoke invite");
+			} catch {
+				toast.error("Failed to revoke invite");
+			} finally {
+				revokingId = null;
+			}
+		}
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			head("1mgom9i", $$renderer, ($$renderer) => {
+				$$renderer.title(($$renderer) => {
+					$$renderer.push(`<title>Team · Members &amp; roles</title>`);
+				});
+			});
+			$$renderer.push(`<div class="space-y-6">`);
+			{
+				function actions($$renderer) {
+					if (data.orgId) {
+						$$renderer.push("<!--[0-->");
+						Button($$renderer, {
+							onclick: () => showInviteForm = !showInviteForm,
+							variant: showInviteForm ? "outline" : "default",
+							children: ($$renderer) => {
+								Mail($$renderer, { class: "mr-2 h-4 w-4" });
+								$$renderer.push(`<!----> Invite member`);
+							},
+							$$slots: { default: true }
+						});
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]-->`);
+				}
+				SectionHeader($$renderer, {
+					eyebrow: "Team",
+					title: "Members & roles",
+					description: data.orgId ? `${data.members.length} member${data.members.length === 1 ? "" : "s"} in this organization.` : "No active organization. Switch orgs from the user menu.",
+					actions});
+			}
+			$$renderer.push(`<!----> `);
+			if (data.orgId) {
+				$$renderer.push("<!--[0-->");
+				if (showInviteForm) {
+					$$renderer.push("<!--[0-->");
+					if (Card) {
+						$$renderer.push("<!--[-->");
+						Card($$renderer, {
+							children: ($$renderer) => {
+								if (Card_content) {
+									$$renderer.push("<!--[-->");
+									Card_content($$renderer, {
+										class: "space-y-3 pt-6",
+										children: ($$renderer) => {
+											$$renderer.push(`<div><p class="text-sm font-medium">Invite member</p> <p class="text-muted-foreground text-xs">`);
+											if (data.mailConfigured) {
+												$$renderer.push("<!--[0-->");
+												$$renderer.push(`Selva emails the invite link to this address. The invitee sets their own credentials
+								when they open it.`);
+											} else {
+												$$renderer.push("<!--[-1-->");
+												$$renderer.push(`You'll get a link to send yourself — set <span class="font-mono">SMTP_HOST</span> to have
+								Selva email invites directly. The invitee sets their own credentials when they open the
+								link.`);
+											}
+											$$renderer.push(`<!--]--></p></div> <div class="grid gap-3 sm:grid-cols-2">`);
+											Input($$renderer, {
+												type: "email",
+												placeholder: "Email",
+												get value() {
+													return inviteEmail;
+												},
+												set value($$value) {
+													inviteEmail = $$value;
+													$$settled = false;
+												}
+											});
+											$$renderer.push(`<!----> `);
+											$$renderer.select({
+												value: inviteRole,
+												class: "border-input bg-background h-9 rounded-md border px-3 text-sm"
+											}, ($$renderer) => {
+												$$renderer.push(`<!--[-->`);
+												const each_array = ensure_array_like(invitableRoles());
+												for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+													let role = each_array[$$index];
+													$$renderer.option({ value: role }, ($$renderer) => {
+														$$renderer.push(`${escape_html(role)}`);
+													});
+												}
+												$$renderer.push(`<!--]-->`);
+											});
+											$$renderer.push(`</div> <div><p class="mb-2 text-xs font-medium">Permissions</p> `);
+											if (inviteRole !== "member") {
+												$$renderer.push("<!--[0-->");
+												$$renderer.push(`<p class="text-muted-foreground mb-2 text-xs">${escape_html(inviteRole === "owner" ? "Owners" : "Admins")} automatically receive all organization
+								permissions. Pick <span class="font-mono">member</span> to grant a custom subset.</p>`);
+											} else $$renderer.push("<!--[-1-->");
+											$$renderer.push(`<!--]--> <div class="flex flex-wrap gap-3"><!--[-->`);
+											const each_array_1 = ensure_array_like(invitePermissionOptions());
+											for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+												let p = each_array_1[$$index_1];
+												const roleLocked = inviteRole !== "member";
+												$$renderer.push(`<label${attr_class(`flex items-center gap-1.5 text-xs ${roleLocked ? "cursor-not-allowed opacity-60" : "cursor-pointer"}`)}><input type="checkbox"${attr("checked", roleLocked || invitePermissions.includes(p), true)}${attr("disabled", roleLocked, true)}/> ${escape_html(PERMISSION_LABELS[p])}</label>`);
+											}
+											$$renderer.push(`<!--]--></div></div> <div class="flex gap-2">`);
+											Button($$renderer, {
+												onclick: createInvite,
+												disabled: creatingInvite || !inviteEmail,
+												children: ($$renderer) => {
+													$$renderer.push(`<!---->${escape_html(creatingInvite ? "Creating…" : "Create invite")}`);
+												},
+												$$slots: { default: true }
+											});
+											$$renderer.push(`<!----> `);
+											Button($$renderer, {
+												variant: "outline",
+												onclick: () => showInviteForm = false,
+												children: ($$renderer) => {
+													$$renderer.push(`<!---->Cancel`);
+												},
+												$$slots: { default: true }
+											});
+											$$renderer.push(`<!----></div>`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push("<!--]-->");
+								} else {
+									$$renderer.push("<!--[!-->");
+									$$renderer.push("<!--]-->");
+								}
+							},
+							$$slots: { default: true }
+						});
+						$$renderer.push("<!--]-->");
+					} else {
+						$$renderer.push("<!--[!-->");
+						$$renderer.push("<!--]-->");
+					}
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> `);
+				if (lastInviteLink) {
+					$$renderer.push("<!--[0-->");
+					const sent = lastDelivery === "sent";
+					$$renderer.push(`<div${attr_class(`flex items-start gap-3 rounded-lg border p-4 ${lastDelivery === "failed" ? "border-destructive/30 bg-destructive/5" : "border-success/30 bg-success/5"}`)}><div class="min-w-0 flex-1"><p class="text-sm font-medium">`);
+					if (sent) {
+						$$renderer.push("<!--[0-->");
+						$$renderer.push(`Invite emailed to ${escape_html(lastInviteEmail)}`);
+					} else if (lastDelivery === "failed") {
+						$$renderer.push("<!--[1-->");
+						$$renderer.push(`Invite created, but the email could not be sent`);
+					} else {
+						$$renderer.push("<!--[-1-->");
+						$$renderer.push(`Invite ready — copy the link and share it`);
+					}
+					$$renderer.push(`<!--]--></p> `);
+					if (lastDelivery === "failed") {
+						$$renderer.push("<!--[0-->");
+						$$renderer.push(`<p class="text-muted-foreground mt-1 text-xs">Check the server logs and your SMTP settings. Send this link manually in the meantime.</p>`);
+					} else if (sent) {
+						$$renderer.push("<!--[1-->");
+						$$renderer.push(`<p class="text-muted-foreground mt-1 text-xs">Keep this link as a backup in case the mail does not arrive — it is shown only once.</p>`);
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--> <p class="text-muted-foreground mt-1 truncate font-mono text-xs">${escape_html(lastInviteLink)}</p></div> `);
+					Button($$renderer, {
+						size: "sm",
+						variant: "outline",
+						onclick: async () => {
+							try {
+								await navigator.clipboard.writeText(lastInviteLink);
+								toast.success("Invite link copied");
+							} catch {
+								toast.error("Could not copy to clipboard");
+							}
+						},
+						children: ($$renderer) => {
+							Copy($$renderer, { class: "mr-1.5 h-3.5 w-3.5" });
+							$$renderer.push(`<!----> Copy`);
+						},
+						$$slots: { default: true }
+					});
+					$$renderer.push(`<!----> `);
+					Button($$renderer, {
+						size: "sm",
+						variant: "ghost",
+						onclick: () => lastInviteLink = null,
+						children: ($$renderer) => {
+							X($$renderer, { class: "h-4 w-4" });
+						},
+						$$slots: { default: true }
+					});
+					$$renderer.push(`<!----></div>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> `);
+				if (Card) {
+					$$renderer.push("<!--[-->");
+					Card($$renderer, {
+						children: ($$renderer) => {
+							if (Card_header) {
+								$$renderer.push("<!--[-->");
+								Card_header($$renderer, {
+									children: ($$renderer) => {
+										if (Card_title) {
+											$$renderer.push("<!--[-->");
+											Card_title($$renderer, {
+												class: "text-sm font-medium",
+												children: ($$renderer) => {
+													$$renderer.push(`<!---->Members <span class="text-muted-foreground ml-1 font-normal">(${escape_html(data.members.length)})</span>`);
+												},
+												$$slots: { default: true }
+											});
+											$$renderer.push("<!--]-->");
+										} else {
+											$$renderer.push("<!--[!-->");
+											$$renderer.push("<!--]-->");
+										}
+										$$renderer.push(` `);
+										if (Card_description) {
+											$$renderer.push("<!--[-->");
+											Card_description($$renderer, {
+												children: ($$renderer) => {
+													$$renderer.push(`<!---->Roles and per-member permissions.${escape_html(isOwner() ? " You can change roles and permissions." : isOwnerOrAdmin() ? " You can grant member permissions; only the owner can change roles." : "")}`);
+												},
+												$$slots: { default: true }
+											});
+											$$renderer.push("<!--]-->");
+										} else {
+											$$renderer.push("<!--[!-->");
+											$$renderer.push("<!--]-->");
+										}
+									},
+									$$slots: { default: true }
+								});
+								$$renderer.push("<!--]-->");
+							} else {
+								$$renderer.push("<!--[!-->");
+								$$renderer.push("<!--]-->");
+							}
+							$$renderer.push(` `);
+							if (Card_content) {
+								$$renderer.push("<!--[-->");
+								Card_content($$renderer, {
+									class: "space-y-4",
+									children: ($$renderer) => {
+										if (data.members.length === 0) {
+											$$renderer.push("<!--[0-->");
+											EmptyState($$renderer, {
+												icon: User_plus,
+												title: "No members yet",
+												description: "Invite someone to get started."
+											});
+										} else {
+											$$renderer.push("<!--[-1-->");
+											if (data.members.length > 5) {
+												$$renderer.push("<!--[0-->");
+												$$renderer.push(`<div class="flex flex-col gap-2 sm:flex-row sm:items-center"><div class="relative flex-1">`);
+												Search($$renderer, { class: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2" });
+												$$renderer.push(`<!----> `);
+												Input($$renderer, {
+													type: "search",
+													placeholder: "Search name or email",
+													class: "pl-9",
+													get value() {
+														return query;
+													},
+													set value($$value) {
+														query = $$value;
+														$$settled = false;
+													}
+												});
+												$$renderer.push(`<!----></div> `);
+												$$renderer.select({
+													value: roleFilter,
+													"aria-label": "Filter by role",
+													class: "border-input bg-background h-9 rounded-md border px-3 text-sm"
+												}, ($$renderer) => {
+													$$renderer.option({ value: "all" }, ($$renderer) => {
+														$$renderer.push(`All roles`);
+													});
+													$$renderer.push(`<!--[-->`);
+													const each_array_2 = ensure_array_like(ORG_ROLES);
+													for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+														let role = each_array_2[$$index_2];
+														$$renderer.option({ value: role }, ($$renderer) => {
+															$$renderer.push(`${escape_html(role)}`);
+														});
+													}
+													$$renderer.push(`<!--]-->`);
+												});
+												$$renderer.push(` `);
+												if (filtersActive()) {
+													$$renderer.push("<!--[0-->");
+													Button($$renderer, {
+														variant: "ghost",
+														size: "sm",
+														onclick: clearFilters,
+														children: ($$renderer) => {
+															X($$renderer, { class: "mr-1.5 h-3.5 w-3.5" });
+															$$renderer.push(`<!----> Clear`);
+														},
+														$$slots: { default: true }
+													});
+												} else $$renderer.push("<!--[-1-->");
+												$$renderer.push(`<!--]--></div>`);
+											} else $$renderer.push("<!--[-1-->");
+											$$renderer.push(`<!--]--> `);
+											if (visibleMembers().length === 0) {
+												$$renderer.push("<!--[0-->");
+												EmptyState($$renderer, {
+													title: "No matching members",
+													description: "Adjust or clear the filters above."
+												});
+											} else {
+												$$renderer.push("<!--[-1-->");
+												$$renderer.push(`<div class="divide-y rounded-lg border"><!--[-->`);
+												const each_array_3 = ensure_array_like(pagedMembers());
+												for (let $$index_5 = 0, $$length = each_array_3.length; $$index_5 < $$length; $$index_5++) {
+													let member = each_array_3[$$index_5];
+													const isSelf = member.userId === data.actorUserId;
+													const isSoleOwner = member.role === "owner" && ownerCount() === 1;
+													const canEditRole = isOwner() && !isSelf && !isSoleOwner;
+													const canEditPermissions = isOwnerOrAdmin() && member.role === "member";
+													const blockReason = blockReasonFor(member);
+													$$renderer.push(`<div class="px-4 py-3"><div class="flex items-start justify-between gap-4">`);
+													{
+														function roleBadge($$renderer) {
+															if (canEditRole) {
+																$$renderer.push("<!--[0-->");
+																$$renderer.select({
+																	value: member.role,
+																	disabled: savingId === member.userId,
+																	onchange: (e) => changeRole(member, e.target.value),
+																	class: `border-input bg-background h-6 rounded-md border px-1.5 font-mono text-[10px] tracking-wide uppercase ${ROLE_TONE[member.role]}`
+																}, ($$renderer) => {
+																	$$renderer.push(`<!--[-->`);
+																	const each_array_4 = ensure_array_like(ORG_ROLES);
+																	for (let $$index_3 = 0, $$length = each_array_4.length; $$index_3 < $$length; $$index_3++) {
+																		let role = each_array_4[$$index_3];
+																		$$renderer.option({ value: role }, ($$renderer) => {
+																			$$renderer.push(`${escape_html(role)}`);
+																		});
+																	}
+																	$$renderer.push(`<!--]-->`);
+																});
+															} else {
+																$$renderer.push("<!--[-1-->");
+																$$renderer.push(`<span${attr_class(`rounded-full border px-2 py-0.5 font-mono text-[10px] tracking-wide uppercase ${ROLE_TONE[member.role]}`)}${attr("title", isSoleOwner ? "Sole owner — promote another member to owner before changing this role." : isSelf ? "You cannot change your own role." : void 0)}>${escape_html(member.role)}</span>`);
+															}
+															$$renderer.push(`<!--]-->`);
+														}
+														UserRowIdentity($$renderer, {
+															user: member,
+															id: member.userId,
+															role: member.role,
+															lastLoginAt: member.lastLoginAt,
+															subtitle: `Joined ${new Date(member.joinedAt).toLocaleDateString()}`,
+															roleBadge});
+													}
+													$$renderer.push(`<!----> `);
+													Button($$renderer, {
+														size: "sm",
+														variant: "ghost",
+														disabled: removingId === member.userId || !!blockReason,
+														onclick: () => removeMember(member),
+														title: blockReason ?? "Remove from organization",
+														class: "text-destructive hover:text-destructive h-8 w-8 shrink-0 p-0",
+														children: ($$renderer) => {
+															Trash_2($$renderer, { class: "h-4 w-4" });
+														},
+														$$slots: { default: true }
+													});
+													$$renderer.push(`<!----></div> `);
+													if (member.role === "member") {
+														$$renderer.push("<!--[0-->");
+														$$renderer.push(`<div class="mt-2 flex flex-wrap gap-3"><!--[-->`);
+														const each_array_5 = ensure_array_like(MEMBER_ASSIGNABLE_PERMISSIONS);
+														for (let $$index_4 = 0, $$length = each_array_5.length; $$index_4 < $$length; $$index_4++) {
+															let p = each_array_5[$$index_4];
+															const has = member.permissions.includes(p);
+															if (canEditPermissions) {
+																$$renderer.push("<!--[0-->");
+																$$renderer.push(`<label class="flex cursor-pointer items-center gap-1.5 text-xs"><input type="checkbox"${attr("checked", has, true)}${attr("disabled", savingId === member.userId, true)}/> ${escape_html(PERMISSION_LABELS[p] ?? p)}</label>`);
+															} else if (has) {
+																$$renderer.push("<!--[1-->");
+																$$renderer.push(`<span class="bg-muted text-muted-foreground rounded-full px-2 py-0.5 font-mono text-[10px]">${escape_html(PERMISSION_LABELS[p] ?? p)}</span>`);
+															} else $$renderer.push("<!--[-1-->");
+															$$renderer.push(`<!--]-->`);
+														}
+														$$renderer.push(`<!--]--></div>`);
+													} else if (OWNER_ADMIN_ONLY_PERMISSIONS.length > 0) {
+														$$renderer.push("<!--[1-->");
+														$$renderer.push(`<p class="text-muted-foreground mt-2 text-xs">${escape_html(member.role === "owner" ? "Owners" : "Admins")} hold all organization permissions
+											by default.</p>`);
+													} else $$renderer.push("<!--[-1-->");
+													$$renderer.push(`<!--]--></div>`);
+												}
+												$$renderer.push(`<!--]--></div> `);
+												Pagination($$renderer, {
+													total: visibleMembers().length,
+													perPage: PER_PAGE,
+													label: "members",
+													get page() {
+														return page;
+													},
+													set page($$value) {
+														page = $$value;
+														$$settled = false;
+													}
+												});
+												$$renderer.push(`<!---->`);
+											}
+											$$renderer.push(`<!--]-->`);
+										}
+										$$renderer.push(`<!--]-->`);
+									},
+									$$slots: { default: true }
+								});
+								$$renderer.push("<!--]-->");
+							} else {
+								$$renderer.push("<!--[!-->");
+								$$renderer.push("<!--]-->");
+							}
+						},
+						$$slots: { default: true }
+					});
+					$$renderer.push("<!--]-->");
+				} else {
+					$$renderer.push("<!--[!-->");
+					$$renderer.push("<!--]-->");
+				}
+				$$renderer.push(` `);
+				if (data.invites.length > 0) {
+					$$renderer.push("<!--[0-->");
+					if (Card) {
+						$$renderer.push("<!--[-->");
+						Card($$renderer, {
+							children: ($$renderer) => {
+								if (Card_header) {
+									$$renderer.push("<!--[-->");
+									Card_header($$renderer, {
+										children: ($$renderer) => {
+											if (Card_title) {
+												$$renderer.push("<!--[-->");
+												Card_title($$renderer, {
+													class: "text-sm font-medium",
+													children: ($$renderer) => {
+														$$renderer.push(`<!---->Invites`);
+													},
+													$$slots: { default: true }
+												});
+												$$renderer.push("<!--]-->");
+											} else {
+												$$renderer.push("<!--[!-->");
+												$$renderer.push("<!--]-->");
+											}
+											$$renderer.push(` `);
+											if (Card_description) {
+												$$renderer.push("<!--[-->");
+												Card_description($$renderer, {
+													children: ($$renderer) => {
+														$$renderer.push(`<!---->${escape_html(data.invites.filter((i) => !i.acceptedAt).length)} pending, ${escape_html(data.invites.filter((i) => i.acceptedAt).length)} accepted`);
+													},
+													$$slots: { default: true }
+												});
+												$$renderer.push("<!--]-->");
+											} else {
+												$$renderer.push("<!--[!-->");
+												$$renderer.push("<!--]-->");
+											}
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push("<!--]-->");
+								} else {
+									$$renderer.push("<!--[!-->");
+									$$renderer.push("<!--]-->");
+								}
+								$$renderer.push(` `);
+								if (Card_content) {
+									$$renderer.push("<!--[-->");
+									Card_content($$renderer, {
+										children: ($$renderer) => {
+											$$renderer.push(`<div class="divide-y rounded-lg border"><!--[-->`);
+											const each_array_6 = ensure_array_like(data.invites);
+											for (let $$index_6 = 0, $$length = each_array_6.length; $$index_6 < $$length; $$index_6++) {
+												let invite = each_array_6[$$index_6];
+												const expired = Date.parse(invite.expiresAt) <= Date.now();
+												const status = invite.acceptedAt ? "Accepted" : expired ? "Expired" : "Pending";
+												$$renderer.push(`<div class="flex items-center justify-between gap-4 px-4 py-3"><div class="min-w-0 flex-1"><p class="truncate text-sm font-medium">${escape_html(invite.email)}</p> <p class="text-muted-foreground text-xs">${escape_html(status)} · ${escape_html(invite.orgRole)} · expires ${escape_html(new Date(invite.expiresAt).toLocaleDateString())}</p></div> `);
+												if (!invite.acceptedAt) {
+													$$renderer.push("<!--[0-->");
+													$$renderer.push(`<div class="flex shrink-0 items-center gap-1">`);
+													Button($$renderer, {
+														size: "sm",
+														variant: "ghost",
+														disabled: resendingId === invite.id,
+														onclick: () => resendInvite(invite),
+														title: data.mailConfigured ? "Email a fresh link (the current one stops working)" : "Issue a fresh link (the current one stops working)",
+														children: ($$renderer) => {
+															Send($$renderer, { class: "mr-1.5 h-3.5 w-3.5" });
+															$$renderer.push(`<!----> ${escape_html(resendingId === invite.id ? "Sending…" : "Resend")}`);
+														},
+														$$slots: { default: true }
+													});
+													$$renderer.push(`<!----> `);
+													Button($$renderer, {
+														size: "sm",
+														variant: "ghost",
+														disabled: revokingId === invite.id,
+														onclick: () => revokeInvite(invite.id, invite.email),
+														class: "text-destructive hover:text-destructive",
+														children: ($$renderer) => {
+															Trash_2($$renderer, { class: "h-4 w-4" });
+														},
+														$$slots: { default: true }
+													});
+													$$renderer.push(`<!----></div>`);
+												} else $$renderer.push("<!--[-1-->");
+												$$renderer.push(`<!--]--></div>`);
+											}
+											$$renderer.push(`<!--]--></div>`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push("<!--]-->");
+								} else {
+									$$renderer.push("<!--[!-->");
+									$$renderer.push("<!--]-->");
+								}
+							},
+							$$slots: { default: true }
+						});
+						$$renderer.push("<!--]-->");
+					} else {
+						$$renderer.push("<!--[!-->");
+						$$renderer.push("<!--]-->");
+					}
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]-->`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div>`);
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+	});
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte.js-BM_M3moU.js.map