@selvajs/selva 2.0.0

package/build/server/chunks/_page.svelte-DIgP7KVt.js

@@ -0,0 +1,549 @@
+import { ae as head, ai as ensure_array_like, aq as escape_html, ao as attr_class, ag as attr, _ as derived } from './renderer-BFEBS3DQ.js';
+import { i as invalidateAll } from './client-CUfa2kzY.js';
+import { M as MEMBER_ASSIGNABLE_PERMISSIONS, j as OWNER_ADMIN_ONLY_PERMISSIONS, a as ALL_ORG_PERMISSIONS } from './context-9tV9WxQ5.js';
+import { S as SectionHeader } from './SectionHeader-C1XxBz32.js';
+import { C as Card, a as Card_content } from './card-content-PfaaTs7O.js';
+import { C as Card_header, a as Card_title } from './card-title-CV7CjSMp.js';
+import { C as Card_description } from './card-description-BfE_PWv4.js';
+import { E as EmptyState } from './EmptyState-Vs823elu.js';
+import { U as User_plus } from './user-plus-Nb35DNnT.js';
+import { B as Button } from './button-5YNnSoty.js';
+import { T as Trash_2 } from './trash-2-DWN_oRG7.js';
+import { M as Mail } from './mail-DS_q8hHt.js';
+import { I as Input } from './input-BIyn3mzZ.js';
+import { a as toast } from './toast-state.svelte-CW-nObZ9.js';
+import { C as Copy } from './copy-B82RxBlo.js';
+import { X } from './x-wRP5erhc.js';
+import 'clsx';
+import '@sveltejs/kit/internal';
+import './root-DfWNVuNE.js';
+import './events-Dh5zddQQ.js';
+import '@sveltejs/kit/internal/server';
+import 'zod';
+import './utils3-AZ8FPfBW.js';
+import 'tailwind-merge';
+import 'tailwind-variants';
+
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    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/orgs/${data.orgId}/members/${userId}`, {
+          method: "PATCH",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(patch)
+        });
+        if (res.ok) {
+          toast.success("Updated");
+          await invalidateAll();
+        } else {
+          const err = await res.json().catch(() => ({}));
+          toast.error(err.message || err.error || "Update failed");
+        }
+      } catch {
+        toast.error("Update failed");
+      } finally {
+        savingId = null;
+      }
+    }
+    function changeRole(member, role) {
+      if (member.role === role) return;
+      patchMember(member.userId, { role });
+    }
+    const ORG_ROLES = ["owner", "admin", "member"];
+    const PERMISSION_LABELS = {
+      manage_org_members: "Manage members",
+      manage_org_compute: "Manage compute",
+      manage_definitions: "Manage definitions",
+      manage_projects: "Manage projects"
+    };
+    const ROLE_TONE = {
+      owner: "border-amber-500/40 text-amber-600 dark:text-amber-400",
+      admin: "border-blue-500/40 text-blue-600 dark:text-blue-400",
+      member: "border-border text-muted-foreground"
+    };
+    let showInviteForm = false;
+    let inviteEmail = "";
+    let inviteRole = "member";
+    let invitePermissions = [];
+    let creatingInvite = false;
+    let lastInviteLink = null;
+    let revokingId = 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/invites", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            email: inviteEmail,
+            orgRole: inviteRole,
+            permissions: invitePermissions
+          })
+        });
+        if (res.ok) {
+          const { acceptUrl } = await res.json();
+          lastInviteLink = acceptUrl;
+          toast.success(`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;
+      }
+    }
+    async function revokeInvite(id, email) {
+      if (!confirm(`Revoke invite for "${email}"?`)) return;
+      revokingId = id;
+      try {
+        const res = await fetch(`/api/invites/${id}`, { method: "DELETE" });
+        if (res.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($$renderer3) {
+      head("1mgom9i", $$renderer3, ($$renderer4) => {
+        $$renderer4.title(($$renderer5) => {
+          $$renderer5.push(`<title>Team · Members</title>`);
+        });
+      });
+      $$renderer3.push(`<div class="space-y-6">`);
+      {
+        let actions = function($$renderer4) {
+          if (data.orgId) {
+            $$renderer4.push("<!--[0-->");
+            Button($$renderer4, {
+              onclick: () => showInviteForm = !showInviteForm,
+              variant: showInviteForm ? "outline" : "default",
+              children: ($$renderer5) => {
+                Mail($$renderer5, { class: "mr-2 h-4 w-4" });
+                $$renderer5.push(`<!----> Invite member`);
+              },
+              $$slots: { default: true }
+            });
+          } else {
+            $$renderer4.push("<!--[-1-->");
+          }
+          $$renderer4.push(`<!--]-->`);
+        };
+        SectionHeader($$renderer3, {
+          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
+        });
+      }
+      $$renderer3.push(`<!----> `);
+      if (data.orgId) {
+        $$renderer3.push("<!--[0-->");
+        if (showInviteForm) {
+          $$renderer3.push("<!--[0-->");
+          if (Card) {
+            $$renderer3.push("<!--[-->");
+            Card($$renderer3, {
+              children: ($$renderer4) => {
+                if (Card_content) {
+                  $$renderer4.push("<!--[-->");
+                  Card_content($$renderer4, {
+                    class: "space-y-3 pt-6",
+                    children: ($$renderer5) => {
+                      $$renderer5.push(`<div><p class="text-sm font-medium">Invite member</p> <p class="text-muted-foreground text-xs">The invitee sets their own credentials when they open the link. No password leaves
+							your machine.</p></div> <div class="grid gap-3 sm:grid-cols-2">`);
+                      Input($$renderer5, {
+                        type: "email",
+                        placeholder: "Email",
+                        get value() {
+                          return inviteEmail;
+                        },
+                        set value($$value) {
+                          inviteEmail = $$value;
+                          $$settled = false;
+                        }
+                      });
+                      $$renderer5.push(`<!----> `);
+                      $$renderer5.select(
+                        {
+                          value: inviteRole,
+                          class: "border-input bg-background h-9 rounded-md border px-3 text-sm"
+                        },
+                        ($$renderer6) => {
+                          $$renderer6.push(`<!--[-->`);
+                          const each_array = ensure_array_like(ORG_ROLES);
+                          for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+                            let role = each_array[$$index];
+                            $$renderer6.option({ value: role }, ($$renderer7) => {
+                              $$renderer7.push(`${escape_html(role)}`);
+                            });
+                          }
+                          $$renderer6.push(`<!--]-->`);
+                        }
+                      );
+                      $$renderer5.push(`</div> <div><p class="mb-2 text-xs font-medium">Permissions</p> `);
+                      if (inviteRole !== "member") {
+                        $$renderer5.push("<!--[0-->");
+                        $$renderer5.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 {
+                        $$renderer5.push("<!--[-1-->");
+                      }
+                      $$renderer5.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";
+                        $$renderer5.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>`);
+                      }
+                      $$renderer5.push(`<!--]--></div></div> <div class="flex gap-2">`);
+                      Button($$renderer5, {
+                        onclick: createInvite,
+                        disabled: creatingInvite || !inviteEmail,
+                        children: ($$renderer6) => {
+                          $$renderer6.push(`<!---->${escape_html(creatingInvite ? "Creating…" : "Create invite")}`);
+                        },
+                        $$slots: { default: true }
+                      });
+                      $$renderer5.push(`<!----> `);
+                      Button($$renderer5, {
+                        variant: "outline",
+                        onclick: () => showInviteForm = false,
+                        children: ($$renderer6) => {
+                          $$renderer6.push(`<!---->Cancel`);
+                        },
+                        $$slots: { default: true }
+                      });
+                      $$renderer5.push(`<!----></div>`);
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$renderer4.push("<!--]-->");
+                } else {
+                  $$renderer4.push("<!--[!-->");
+                  $$renderer4.push("<!--]-->");
+                }
+              },
+              $$slots: { default: true }
+            });
+            $$renderer3.push("<!--]-->");
+          } else {
+            $$renderer3.push("<!--[!-->");
+            $$renderer3.push("<!--]-->");
+          }
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (lastInviteLink) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<div class="border-success/30 bg-success/5 flex items-start gap-3 rounded-lg border p-4"><div class="min-w-0 flex-1"><p class="text-sm font-medium">Invite ready — copy the link and share it</p> <p class="text-muted-foreground mt-1 truncate font-mono text-xs">${escape_html(lastInviteLink)}</p></div> `);
+          Button($$renderer3, {
+            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: ($$renderer4) => {
+              Copy($$renderer4, { class: "mr-1.5 h-3.5 w-3.5" });
+              $$renderer4.push(`<!----> Copy`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer3.push(`<!----> `);
+          Button($$renderer3, {
+            size: "sm",
+            variant: "ghost",
+            onclick: () => lastInviteLink = null,
+            children: ($$renderer4) => {
+              X($$renderer4, { class: "h-4 w-4" });
+            },
+            $$slots: { default: true }
+          });
+          $$renderer3.push(`<!----></div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (Card) {
+          $$renderer3.push("<!--[-->");
+          Card($$renderer3, {
+            children: ($$renderer4) => {
+              if (Card_header) {
+                $$renderer4.push("<!--[-->");
+                Card_header($$renderer4, {
+                  children: ($$renderer5) => {
+                    if (Card_title) {
+                      $$renderer5.push("<!--[-->");
+                      Card_title($$renderer5, {
+                        class: "text-sm font-medium",
+                        children: ($$renderer6) => {
+                          $$renderer6.push(`<!---->Roster`);
+                        },
+                        $$slots: { default: true }
+                      });
+                      $$renderer5.push("<!--]-->");
+                    } else {
+                      $$renderer5.push("<!--[!-->");
+                      $$renderer5.push("<!--]-->");
+                    }
+                    $$renderer5.push(` `);
+                    if (Card_description) {
+                      $$renderer5.push("<!--[-->");
+                      Card_description($$renderer5, {
+                        children: ($$renderer6) => {
+                          $$renderer6.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 }
+                      });
+                      $$renderer5.push("<!--]-->");
+                    } else {
+                      $$renderer5.push("<!--[!-->");
+                      $$renderer5.push("<!--]-->");
+                    }
+                  },
+                  $$slots: { default: true }
+                });
+                $$renderer4.push("<!--]-->");
+              } else {
+                $$renderer4.push("<!--[!-->");
+                $$renderer4.push("<!--]-->");
+              }
+              $$renderer4.push(` `);
+              if (Card_content) {
+                $$renderer4.push("<!--[-->");
+                Card_content($$renderer4, {
+                  children: ($$renderer5) => {
+                    if (data.members.length === 0) {
+                      $$renderer5.push("<!--[0-->");
+                      EmptyState($$renderer5, {
+                        icon: User_plus,
+                        title: "No members yet",
+                        description: "Invite teammates to get started."
+                      });
+                    } else {
+                      $$renderer5.push("<!--[-1-->");
+                      $$renderer5.push(`<div class="divide-y rounded-lg border"><!--[-->`);
+                      const each_array_2 = ensure_array_like(data.members);
+                      for (let $$index_4 = 0, $$length = each_array_2.length; $$index_4 < $$length; $$index_4++) {
+                        let member = each_array_2[$$index_4];
+                        const isSelf = member.userId === data.actorUserId;
+                        const isSoleOwner = member.role === "owner" && ownerCount() === 1;
+                        const canEditRole = isOwner() && !isSelf && !isSoleOwner;
+                        const canEditPermissions = isOwnerOrAdmin() && member.role === "member";
+                        $$renderer5.push(`<div class="px-4 py-3"><div class="flex items-start justify-between gap-4"><div class="min-w-0 flex-1"><div class="flex items-center gap-2"><p class="truncate text-sm font-medium">${escape_html(member.email ?? member.displayName ?? member.userId)}</p> `);
+                        if (canEditRole) {
+                          $$renderer5.push("<!--[0-->");
+                          $$renderer5.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]}`
+                            },
+                            ($$renderer6) => {
+                              $$renderer6.push(`<!--[-->`);
+                              const each_array_3 = ensure_array_like(ORG_ROLES);
+                              for (let $$index_2 = 0, $$length2 = each_array_3.length; $$index_2 < $$length2; $$index_2++) {
+                                let role = each_array_3[$$index_2];
+                                $$renderer6.option({ value: role }, ($$renderer7) => {
+                                  $$renderer7.push(`${escape_html(role)}`);
+                                });
+                              }
+                              $$renderer6.push(`<!--]-->`);
+                            }
+                          );
+                        } else {
+                          $$renderer5.push("<!--[-1-->");
+                          $$renderer5.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>`);
+                        }
+                        $$renderer5.push(`<!--]--></div> <p class="text-muted-foreground text-xs">Joined ${escape_html(new Date(member.joinedAt).toLocaleDateString())}</p></div></div> `);
+                        if (member.role === "member") {
+                          $$renderer5.push("<!--[0-->");
+                          $$renderer5.push(`<div class="mt-2 flex flex-wrap gap-3"><!--[-->`);
+                          const each_array_4 = ensure_array_like(MEMBER_ASSIGNABLE_PERMISSIONS);
+                          for (let $$index_3 = 0, $$length2 = each_array_4.length; $$index_3 < $$length2; $$index_3++) {
+                            let p = each_array_4[$$index_3];
+                            const has = member.permissions.includes(p);
+                            if (canEditPermissions) {
+                              $$renderer5.push("<!--[0-->");
+                              $$renderer5.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) {
+                              $$renderer5.push("<!--[1-->");
+                              $$renderer5.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 {
+                              $$renderer5.push("<!--[-1-->");
+                            }
+                            $$renderer5.push(`<!--]-->`);
+                          }
+                          $$renderer5.push(`<!--]--></div>`);
+                        } else if (OWNER_ADMIN_ONLY_PERMISSIONS.length > 0) {
+                          $$renderer5.push("<!--[1-->");
+                          $$renderer5.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 {
+                          $$renderer5.push("<!--[-1-->");
+                        }
+                        $$renderer5.push(`<!--]--></div>`);
+                      }
+                      $$renderer5.push(`<!--]--></div>`);
+                    }
+                    $$renderer5.push(`<!--]-->`);
+                  },
+                  $$slots: { default: true }
+                });
+                $$renderer4.push("<!--]-->");
+              } else {
+                $$renderer4.push("<!--[!-->");
+                $$renderer4.push("<!--]-->");
+              }
+            },
+            $$slots: { default: true }
+          });
+          $$renderer3.push("<!--]-->");
+        } else {
+          $$renderer3.push("<!--[!-->");
+          $$renderer3.push("<!--]-->");
+        }
+        $$renderer3.push(` `);
+        if (data.invites.length > 0) {
+          $$renderer3.push("<!--[0-->");
+          if (Card) {
+            $$renderer3.push("<!--[-->");
+            Card($$renderer3, {
+              children: ($$renderer4) => {
+                if (Card_header) {
+                  $$renderer4.push("<!--[-->");
+                  Card_header($$renderer4, {
+                    children: ($$renderer5) => {
+                      if (Card_title) {
+                        $$renderer5.push("<!--[-->");
+                        Card_title($$renderer5, {
+                          class: "text-sm font-medium",
+                          children: ($$renderer6) => {
+                            $$renderer6.push(`<!---->Invites`);
+                          },
+                          $$slots: { default: true }
+                        });
+                        $$renderer5.push("<!--]-->");
+                      } else {
+                        $$renderer5.push("<!--[!-->");
+                        $$renderer5.push("<!--]-->");
+                      }
+                      $$renderer5.push(` `);
+                      if (Card_description) {
+                        $$renderer5.push("<!--[-->");
+                        Card_description($$renderer5, {
+                          children: ($$renderer6) => {
+                            $$renderer6.push(`<!---->${escape_html(data.invites.filter((i) => !i.acceptedAt).length)} pending, ${escape_html(data.invites.filter((i) => i.acceptedAt).length)} accepted`);
+                          },
+                          $$slots: { default: true }
+                        });
+                        $$renderer5.push("<!--]-->");
+                      } else {
+                        $$renderer5.push("<!--[!-->");
+                        $$renderer5.push("<!--]-->");
+                      }
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$renderer4.push("<!--]-->");
+                } else {
+                  $$renderer4.push("<!--[!-->");
+                  $$renderer4.push("<!--]-->");
+                }
+                $$renderer4.push(` `);
+                if (Card_content) {
+                  $$renderer4.push("<!--[-->");
+                  Card_content($$renderer4, {
+                    children: ($$renderer5) => {
+                      $$renderer5.push(`<div class="divide-y rounded-lg border"><!--[-->`);
+                      const each_array_5 = ensure_array_like(data.invites);
+                      for (let $$index_5 = 0, $$length = each_array_5.length; $$index_5 < $$length; $$index_5++) {
+                        let invite = each_array_5[$$index_5];
+                        const expired = Date.parse(invite.expiresAt) <= Date.now();
+                        const status = invite.acceptedAt ? "Accepted" : expired ? "Expired" : "Pending";
+                        $$renderer5.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 && !expired) {
+                          $$renderer5.push("<!--[0-->");
+                          Button($$renderer5, {
+                            size: "sm",
+                            variant: "ghost",
+                            disabled: revokingId === invite.id,
+                            onclick: () => revokeInvite(invite.id, invite.email),
+                            class: "text-destructive hover:text-destructive",
+                            children: ($$renderer6) => {
+                              Trash_2($$renderer6, { class: "h-4 w-4" });
+                            },
+                            $$slots: { default: true }
+                          });
+                        } else {
+                          $$renderer5.push("<!--[-1-->");
+                        }
+                        $$renderer5.push(`<!--]--></div>`);
+                      }
+                      $$renderer5.push(`<!--]--></div>`);
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$renderer4.push("<!--]-->");
+                } else {
+                  $$renderer4.push("<!--[!-->");
+                  $$renderer4.push("<!--]-->");
+                }
+              },
+              $$slots: { default: true }
+            });
+            $$renderer3.push("<!--]-->");
+          } else {
+            $$renderer3.push("<!--[!-->");
+            $$renderer3.push("<!--]-->");
+          }
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]-->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte-DIgP7KVt.js.map