@streamoid/settings 0.6.5 → 0.7.0

package/dist/index.mjs

@@ -93,9 +93,19 @@ function dataOf(value) {
 async function loadWorkspaceOrganization(workspaceId, request, signal) {
   const rows = dataOf(await request("/workspace", signal));
   if (!Array.isArray(rows)) throw new Error("Invalid workspace list");
-  const row = rows.find((item) => (item.workspace?._id ?? item._id) === workspaceId);
-  if (!row) throw new Error("Workspace not found");
-  const workspace = row.workspace ?? row;
+  let row = rows.find((item) => (item.workspace?._id ?? item._id) === workspaceId);
+  let workspace = row?.workspace ?? row;
+  const ownerId = workspace?.organizationId ?? row?.organizationId;
+  const ownerName = workspace?.organizationName ?? row?.organizationName ?? workspace?.organization?.name ?? row?.organization?.name;
+  const explicitlyUnowned = workspace?.organizationId === null || workspace?.organization === null;
+  if (!workspace || !explicitlyUnowned && ownerId && !ownerName) {
+    const detail2 = dataOf(await request(`/workspace/${encodeURIComponent(workspaceId)}`, signal));
+    if (!detail2 || (detail2.workspace?._id ?? detail2._id) !== workspaceId) {
+      throw new Error("Workspace not found");
+    }
+    row = detail2;
+    workspace = row.workspace ?? row;
+  }
   const owner = workspace.organization !== void 0 ? workspace.organization : row.organization;
   const ownerRef = workspace.organizationId !== void 0 ? workspace.organizationId : row.organizationId;
   if (ownerRef === null || owner === null) return null;
@@ -178,10 +188,10 @@ import {
   SiconBilling,
   SiconBookOpen,
   SiconExternalLink as SiconExternalLink2,
-  SiconSettings,
+  SiconSettings as SiconSettings2,
   SiconRight as SiconRight2,
   SiconLeft as SiconLeft3,
-  SiconUserAdd as SiconUserAdd3,
+  SiconUserAdd as SiconUserAdd2,
   SiconLock,
   SiconDown,
   SiconGlobe as SiconGlobe3,
@@ -385,8 +395,9 @@ function WorkspaceModal({
     let cancelled = false;
     organizationAdapter.list().then((orgs) => {
       if (cancelled) return;
-      setAvailableOrgs(orgs);
-      setSelectedOrgId((prev) => prev || orgs[0]?._id || "");
+      const joinable = orgs.filter((org) => org.role !== "guest");
+      setAvailableOrgs(joinable);
+      setSelectedOrgId((prev) => prev || joinable[0]?._id || "");
     }).catch(() => {
       if (!cancelled) setAvailableOrgs([]);
     });
@@ -501,7 +512,7 @@ function WorkspaceModal({
   async function handleLeaveOrganization() {
     if (orgActionSubmitting || !workspaceAdapter.leaveOrganization) return;
     const confirmed = window.confirm(
-      "Leave this organization? Members of the organization will lose any implicit access to this workspace."
+      "Take this workspace out of the organization? It will no longer be listed in the workspace picker, and org admins will lose access unless they are members."
     );
     if (!confirmed) return;
     setOrgActionSubmitting(true);
@@ -846,7 +857,7 @@ function WorkspaceModal({
                                             color: active ? "#ffffff" : T.muted,
                                             textAlign: "center"
                                           },
-                                          children: opt === "private" ? "Private" : "Visible to organization"
+                                          children: opt === "private" ? "Private" : "Listed in picker"
                                         }
                                       ) })
                                     },
@@ -1597,7 +1608,7 @@ var TAB_TO_URL = {
   workspaceList: "workspace/all",
   organization: "organization/people",
   organizationWorkspaces: "organization/workspaces",
-  organizationDomains: "organization/domains",
+  organizationDomains: "organization/workspaces",
   referral: "referral",
   billing: "billing",
   apikey: "api-keys"
@@ -1609,7 +1620,8 @@ var URL_TO_TAB = {
   "workspace/all": "workspaceList",
   "organization/people": "organization",
   "organization/workspaces": "organizationWorkspaces",
-  "organization/domains": "organizationDomains",
+  /* The Domains tab is gone; its join requests live under Workspaces. */
+  "organization/domains": "organizationWorkspaces",
   /* Unscoped destinations. */
   account: "profile",
   referral: "referral",
@@ -1628,7 +1640,7 @@ var TAB_LABELS = {
   workspaceList: "My workspaces",
   organization: "People",
   organizationWorkspaces: "Workspaces",
-  organizationDomains: "Domains & requests",
+  organizationDomains: "Workspaces",
   referral: "Referral",
   /* "Billing & usage", not "Billing". The tab has held usage history as well
      as the plan and invoices since the credits work, and hosts had started
@@ -1642,9 +1654,9 @@ var TAB_DESCRIPTIONS = {
   workspace: "Rename or re-brand this workspace, or leave and delete it",
   workspaceMembers: "Invite people to this workspace and control which apps they can use",
   workspaceList: "Switch between your workspaces, or start a new one",
-  organization: "Everyone in the organization, and the invites still waiting to be accepted",
-  organizationWorkspaces: "Every workspace that sits under this organization",
-  organizationDomains: "Auto-join by email domain, and workspaces asking to join the organization",
+  organization: "Everyone in the organization and their role",
+  organizationWorkspaces: "Every workspace in this organization, and workspaces asking to join it",
+  organizationDomains: "Every workspace in this organization, and workspaces asking to join it",
   referral: "Invite friends to Streamoid and track the rewards you have earned",
   billing: "Workspace plan, credits, invoices and usage history",
   apikey: "Create and revoke keys for calling the Streamoid APIs"
@@ -2263,7 +2275,7 @@ function OrganizationAffiliationCard({
       style: { gap: T5.spMd, opacity: submitting ? 0.6 : 1 },
       children: [
         workspaceAdapter.setOrgVisibility && /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-start w-full", style: { gap: T5.spXs }, children: [
-          /* @__PURE__ */ jsx10(FieldLabel, { children: "Who in the organization can see this workspace" }),
+          /* @__PURE__ */ jsx10(FieldLabel, { children: "List this workspace in the organization's workspace picker" }),
           /* @__PURE__ */ jsx10(
             "div",
             {
@@ -2294,11 +2306,11 @@ function OrganizationAffiliationCard({
                       if (active || !workspaceAdapter.setOrgVisibility) return;
                       void run(
                         () => workspaceAdapter.setOrgVisibility(opt),
-                        opt === "private" ? "Workspace is now private" : "Workspace is now visible to the organization",
+                        opt === "private" ? "Workspace is now private" : "Workspace is now listed in the workspace picker",
                         "Failed to change visibility"
                       );
                     },
-                    children: opt === "private" ? "Only workspace members" : "Everyone in the organization"
+                    children: opt === "private" ? "Private (invite only)" : "Listed in the workspace picker"
                   },
                   opt
                 );
@@ -2324,7 +2336,7 @@ function OrganizationAffiliationCard({
             },
             onClick: () => {
               const confirmed = window.confirm(
-                "Leave this organization? Members of the organization will lose any implicit access to this workspace."
+                "Take this workspace out of the organization? It will no longer be listed in the workspace picker, and org admins will lose access unless they are members."
               );
               if (!confirmed || !workspaceAdapter.leaveOrganization) return;
               void run(
@@ -2731,12 +2743,13 @@ function InviteUpdateModal({
   organizationName,
   allowGuestStanding = true,
   initialOrganizationStanding = "guest",
+  organizationDomain,
   onInvite
 }) {
   useOverlayOpen(open, onClose);
   const [emailValue, setEmailValue] = useState6("");
   const [hasChanges, setHasChanges] = useState6(false);
-  const [role, setRole] = useState6("admin");
+  const [role, setRole] = useState6("member");
   const [orgStanding, setOrgStanding] = useState6(
     initialOrganizationStanding
   );
@@ -2775,7 +2788,7 @@ function InviteUpdateModal({
     if (!open) {
       setEmailValue("");
       setHasChanges(false);
-      setRole("admin");
+      setRole("member");
       setOrgStanding(initialOrganizationStanding);
       setCanUseCredits(true);
       setCanInviteUser(true);
@@ -2787,6 +2800,14 @@ function InviteUpdateModal({
       setSelectedStores(/* @__PURE__ */ new Set());
     }
   }, [open, initialPermissions, hiddenKey, initialOrganizationStanding]);
+  const orgDomain = (organizationDomain || "").trim().toLowerCase();
+  const inviteeDomains = emailValue.split(/[\s,;]+/).map((email) => email.trim().toLowerCase().split("@")[1] || "").filter(Boolean);
+  const inviteeIsGuest = mode === "invite" && inviteeDomains.some(
+    (domain) => !(orgDomain && domain === orgDomain) && (showOrganizationStanding ? orgStanding === "guest" : !!orgDomain)
+  );
+  useEffect6(() => {
+    if (inviteeIsGuest && role === "admin") setRole("member");
+  }, [inviteeIsGuest, role]);
   if (!open) return null;
   const isInvite = mode === "invite";
   const hasEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailValue.trim());
@@ -2977,12 +2998,15 @@ function InviteUpdateModal({
                                           /* @__PURE__ */ jsx12(
                                             "div",
                                             {
-                                              className: "flex-1 min-w-0 cursor-pointer",
+                                              className: `flex-1 min-w-0 ${inviteeIsGuest ? "cursor-not-allowed" : "cursor-pointer"}`,
+                                              "aria-disabled": inviteeIsGuest,
                                               style: {
                                                 background: role === "admin" ? T6.neutral300 : "transparent",
-                                                borderRadius: T6.rMd
+                                                borderRadius: T6.rMd,
+                                                opacity: inviteeIsGuest ? 0.4 : 1
                                               },
                                               onClick: () => {
+                                                if (inviteeIsGuest) return;
                                                 setRole("admin");
                                                 setCanUseCredits(true);
                                                 setCanInviteUser(true);
@@ -3056,6 +3080,19 @@ function InviteUpdateModal({
                                     ) })
                                   ]
                                 }
+                              ),
+                              inviteeIsGuest && /* @__PURE__ */ jsx12(
+                                "span",
+                                {
+                                  style: {
+                                    fontFamily: T6.font,
+                                    fontSize: T6.fsXs,
+                                    fontWeight: 400,
+                                    lineHeight: T6.lhXs,
+                                    color: T6.tertiary
+                                  },
+                                  children: "Guests can only be Members."
+                                }
                               )
                             ]
                           }
@@ -3245,7 +3282,7 @@ function InviteUpdateModal({
                               lineHeight: T6.lhXs,
                               color: T6.tertiary
                             },
-                            children: orgStanding === "colleague" ? `Joins ${organizationName || "the organization"} as a member \u2014 they'll also see its shared workspaces.` : `This workspace only. They see nothing else in ${organizationName || "the organization"}.`
+                            children: orgStanding === "colleague" ? `Joins ${organizationName || "the organization"} as a member \u2014 they can also join its shared workspaces.` : `This workspace only, as a member. They see nothing else in ${organizationName || "the organization"}.`
                           }
                         )
                       ]
@@ -3940,7 +3977,19 @@ function MemberListToolbar({
       className: "flex flex-wrap items-center justify-between shrink-0 w-full",
       style: { gap: "var(--spacing-md)" },
       children: [
-        /* @__PURE__ */ jsx13(
+        pendingCount === void 0 ? /* @__PURE__ */ jsx13(
+          "span",
+          {
+            style: {
+              fontFamily: T7.font,
+              fontSize: T7.fsSm,
+              fontWeight: 500,
+              lineHeight: T7.lhSm,
+              color: T7.primary
+            },
+            children: withCount(activeLabel, activeCount)
+          }
+        ) : /* @__PURE__ */ jsx13(
           ScTabSwitcher,
           {
             tabCount: "2",
@@ -4906,9 +4955,9 @@ function TeamsContent({
           lineHeight: "var(--line-height-line-height-xs)"
         },
         children: [
-          "This workspace is visible to everyone in ",
+          "Anyone in ",
           organizationName,
-          ", and its admins keep access whether or not they are listed here. Change that under Workspace \u203A General."
+          " can join this workspace as a member from the workspace picker, and its org admins keep access whether or not they are listed here. Change that under Workspace \u203A General."
         ]
       }
     ),
@@ -4990,6 +5039,7 @@ function TeamsContent({
         ),
         showOrganizationStanding: mayGrantOrgMembership,
         organizationName: organizationName ?? orgCurrent?.name,
+        organizationDomain: workspaceOrgId && orgCurrent?.id === workspaceOrgId ? orgCurrent?.domain : void 0,
         onInvite: handleInvite
       }
     )
@@ -5058,13 +5108,13 @@ function TeamsContent({
 // src/organization-content.tsx
 import { useCallback as useCallback3, useEffect as useEffect10, useState as useState10 } from "react";
 import { ScButton as ScButton5 } from "@streamoid/ui";
-import { SiconUserAdd as SiconUserAdd2, SiconGlobe as SiconGlobe2 } from "@streamoid/icons";
+import { SiconCheck, SiconCopy, SiconGlobe as SiconGlobe2, SiconSettings } from "@streamoid/icons";
 
-// src/organization-invite-modal.tsx
+// src/organization-member-modal.tsx
 import { useEffect as useEffect8, useState as useState8 } from "react";
 import { ScButton as ScButton4 } from "@streamoid/ui";
 import { SiconClose as SiconClose3 } from "@streamoid/icons";
-import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var T9 = {
   primary: "var(--alias-text---icons-primary)",
   tertiary: "var(--alias-text---icons-tertiary)",
@@ -5091,33 +5141,6 @@ var T9 = {
   r4xl: "var(--radius-4xl)",
   neutral300: "var(--primitives-neutral-300)"
 };
-function CheckboxSvg2({ checked }) {
-  return /* @__PURE__ */ jsx15("div", { className: "relative shrink-0", style: { width: 24, height: 24 }, children: /* @__PURE__ */ jsx15("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: checked ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
-    /* @__PURE__ */ jsx15(
-      "rect",
-      {
-        x: "0.75",
-        y: "0.75",
-        width: "22.5",
-        height: "22.5",
-        rx: "5.65",
-        fill: T9.primary,
-        stroke: T9.primary,
-        strokeWidth: "1.5"
-      }
-    ),
-    /* @__PURE__ */ jsx15(
-      "path",
-      {
-        d: "M7 12.5L10.5 16L17 8",
-        stroke: T9.inverse,
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  ] }) : /* @__PURE__ */ jsx15("path", { d: svg_rodctpja6f_default.p4792500, fill: T9.muted }) }) });
-}
 function FieldLabel3({ text }) {
   return /* @__PURE__ */ jsx15("div", { className: "flex items-center shrink-0 w-full", style: { height: 24 }, children: /* @__PURE__ */ jsx15(
     "div",
@@ -5193,69 +5216,29 @@ function SegmentedToggle({
     }
   );
 }
-function OrganizationInviteModal({
+function OrganizationMemberModal({
   open,
-  mode,
   userEmail = "email@domain.in",
   initialRole,
   lockRole,
-  canClaimDomain = true,
-  claimableDomain,
   lockedRoleLabel,
-  initialInviteAccess,
-  allowSubmitWithoutChanges = false,
   canRemove = true,
   onClose,
-  onInviteEmail,
-  onInviteDomain,
   onUpdate,
   onRemove
 }) {
   useOverlayOpen(open, onClose);
-  const [inviteMode, setInviteMode] = useState8("email");
-  const [emailValue, setEmailValue] = useState8("");
-  const [domainValue, setDomainValue] = useState8(claimableDomain ?? "");
   const [hasChanges, setHasChanges] = useState8(false);
-  const [role, setRole] = useState8("admin");
-  const [inviteAccess, setInviteAccess] = useState8(false);
+  const [role, setRole] = useState8("member");
   useEffect8(() => {
-    if (open && mode === "update") {
+    if (open) {
       setRole(initialRole ?? "member");
-      setInviteAccess(initialInviteAccess ?? false);
-    }
-    if (!open) {
-      setInviteMode("email");
-      setEmailValue("");
-      setDomainValue(claimableDomain ?? "");
+    } else {
       setHasChanges(false);
-      setRole("admin");
-      setInviteAccess(true);
     }
-  }, [open, mode, initialRole, initialInviteAccess, claimableDomain]);
+  }, [open, initialRole]);
   if (!open) return null;
-  const isInvite = mode === "invite";
-  const isEmailInvite = isInvite && inviteMode === "email";
-  const isDomainInvite = isInvite && inviteMode === "domain";
-  const hasEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailValue.trim());
-  const hasDomain = /^[^\s@]+\.[^\s@]+$/.test(domainValue.trim());
-  const isSubmitDisabled = isEmailInvite ? !hasEmail : isDomainInvite ? !hasDomain : (
-    // A locked role has nothing this modal can legitimately submit.
-    lockRole || !(allowSubmitWithoutChanges || hasChanges)
-  );
-  function markChanged() {
-    setHasChanges(true);
-  }
-  function handleSubmit() {
-    if (isEmailInvite) {
-      onInviteEmail?.({ email: emailValue.trim(), role, inviteAccess });
-      return;
-    }
-    if (isDomainInvite) {
-      onInviteDomain?.({ domain: domainValue.trim(), autoJoinRole: role });
-      return;
-    }
-    onUpdate?.({ role, inviteAccess });
-  }
+  const isSubmitDisabled = lockRole || !hasChanges;
   return /* @__PURE__ */ jsx15(
     "div",
     {
@@ -5273,6 +5256,7 @@ function OrganizationInviteModal({
             borderRadius: T9.r4xl,
             border: `1px solid ${T9.borderSubtle}`,
             width: 480,
+            maxWidth: "calc(100vw - 32px)",
             maxHeight: "85vh"
           },
           children: [
@@ -5302,7 +5286,7 @@ function OrganizationInviteModal({
                           fontWeight: 600,
                           lineHeight: T9.lhLg
                         },
-                        children: isInvite ? "Invite to organization" : "Update member"
+                        children: "Update member"
                       }
                     ),
                     /* @__PURE__ */ jsx15("div", { className: "shrink-0 cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx15(SiconClose3, { className: "w-6 h-6", color: T9.primary }) })
@@ -5316,116 +5300,41 @@ function OrganizationInviteModal({
                 className: "flex flex-col items-start w-full",
                 style: { padding: `${T9.sp3xl} ${T9.sp6xl}`, gap: T9.sp3xl },
                 children: [
-                  isInvite && canClaimDomain && /* @__PURE__ */ jsxs12(
-                    "div",
-                    {
-                      className: "flex flex-col items-start justify-center shrink-0 w-full",
-                      style: { gap: T9.spXs },
-                      children: [
-                        /* @__PURE__ */ jsx15(FieldLabel3, { text: "Invite by" }),
-                        /* @__PURE__ */ jsx15(
-                          SegmentedToggle,
-                          {
-                            options: [
-                              { value: "email", label: "Email" },
-                              { value: "domain", label: "Domain" }
-                            ],
-                            value: inviteMode,
-                            onChange: setInviteMode
-                          }
-                        )
-                      ]
-                    }
-                  ),
                   /* @__PURE__ */ jsxs12(
                     "div",
                     {
                       className: "flex flex-col items-start justify-center shrink-0 w-full",
                       style: { gap: T9.spXs },
                       children: [
-                        /* @__PURE__ */ jsx15(
-                          FieldLabel3,
-                          {
-                            text: isDomainInvite ? "Domain" : isEmailInvite ? "Email ID" : "Email ID"
-                          }
-                        ),
+                        /* @__PURE__ */ jsx15(FieldLabel3, { text: "Email ID" }),
                         /* @__PURE__ */ jsx15(
                           "div",
                           {
                             className: "shrink-0 w-full",
                             style: { background: T9.fillPlus, height: 48, borderRadius: T9.r3xl },
-                            children: /* @__PURE__ */ jsx15("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs12(
+                            children: /* @__PURE__ */ jsx15("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsx15(
                               "div",
                               {
                                 className: "flex items-center relative size-full",
                                 style: { padding: `${T9.spXl} ${T9.sp3xl}` },
-                                children: [
-                                  isEmailInvite && /* @__PURE__ */ jsx15(
-                                    "input",
-                                    {
-                                      className: "flex-1 min-w-0 bg-transparent border-none outline-none",
-                                      style: {
-                                        fontFamily: T9.font,
-                                        fontSize: T9.fsSm,
-                                        fontWeight: 400,
-                                        lineHeight: T9.lhSm,
-                                        color: T9.primary
-                                      },
-                                      placeholder: "email@domain.in",
-                                      value: emailValue,
-                                      onChange: (e) => setEmailValue(e.target.value)
-                                    }
-                                  ),
-                                  isDomainInvite && /* @__PURE__ */ jsx15(
-                                    "span",
-                                    {
-                                      className: "flex-1 min-w-0 truncate",
-                                      style: {
-                                        fontFamily: T9.font,
-                                        fontSize: T9.fsSm,
-                                        fontWeight: 400,
-                                        lineHeight: T9.lhSm,
-                                        color: T9.primary
-                                      },
-                                      children: domainValue
-                                    }
-                                  ),
-                                  !isInvite && /* @__PURE__ */ jsx15(
-                                    "div",
-                                    {
-                                      className: "flex-1 flex flex-col justify-center",
-                                      style: {
-                                        fontFamily: T9.font,
-                                        fontSize: T9.fsSm,
-                                        fontWeight: 400,
-                                        lineHeight: T9.lhSm,
-                                        color: T9.muted,
-                                        opacity: 0.6
-                                      },
-                                      children: userEmail
-                                    }
-                                  )
-                                ]
+                                children: /* @__PURE__ */ jsx15(
+                                  "div",
+                                  {
+                                    className: "flex-1 flex flex-col justify-center truncate",
+                                    style: {
+                                      fontFamily: T9.font,
+                                      fontSize: T9.fsSm,
+                                      fontWeight: 400,
+                                      lineHeight: T9.lhSm,
+                                      color: T9.muted,
+                                      opacity: 0.6
+                                    },
+                                    children: userEmail
+                                  }
+                                )
                               }
                             ) })
                           }
-                        ),
-                        isDomainInvite && /* @__PURE__ */ jsxs12(
-                          "span",
-                          {
-                            style: {
-                              fontFamily: T9.font,
-                              fontSize: T9.fsSm,
-                              fontWeight: 400,
-                              color: T9.muted
-                            },
-                            children: [
-                              "Anyone who signs up or logs in with an @",
-                              domainValue.trim(),
-                              " ",
-                              "address will automatically join this organization from now on."
-                            ]
-                          }
                         )
                       ]
                     }
@@ -5436,7 +5345,7 @@ function OrganizationInviteModal({
                       className: "flex flex-col items-start justify-center shrink-0 w-full",
                       style: { gap: T9.spXs },
                       children: [
-                        /* @__PURE__ */ jsx15(FieldLabel3, { text: isDomainInvite ? "Auto-join role" : "Role" }),
+                        /* @__PURE__ */ jsx15(FieldLabel3, { text: "Role" }),
                         lockRole ? /* @__PURE__ */ jsxs12(
                           "span",
                           {
@@ -5448,49 +5357,33 @@ function OrganizationInviteModal({
                             },
                             children: [
                               lockedRoleLabel || "Guest",
-                              " \u2014 invited to specific workspaces only, with no access to the rest of the organization. Remove them to end that access."
+                              " \u2014 invited to specific workspaces only, with no access to the rest of the organization. Guests can't be made members or admins. Remove them to end that access."
                             ]
                           }
                         ) : /* @__PURE__ */ jsx15(
                           SegmentedToggle,
                           {
                             options: [
-                              { value: "admin", label: "Admin" },
+                              { value: "admin", label: "Org admin" },
                               { value: "member", label: "Member" }
                             ],
                             value: role,
                             onChange: (v) => {
                               setRole(v);
-                              if (v === "admin") setInviteAccess(true);
-                              markChanged();
+                              setHasChanges(v !== (initialRole ?? "member"));
                             }
                           }
-                        )
-                      ]
-                    }
-                  ),
-                  !isDomainInvite && !lockRole && role === "member" && /* @__PURE__ */ jsxs12(
-                    "div",
-                    {
-                      className: "flex items-center shrink-0 w-full cursor-pointer",
-                      style: { gap: T9.spMd },
-                      onClick: () => {
-                        setInviteAccess(!inviteAccess);
-                        markChanged();
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx15(CheckboxSvg2, { checked: inviteAccess }),
-                        /* @__PURE__ */ jsx15(
+                        ),
+                        !lockRole && /* @__PURE__ */ jsx15(
                           "span",
                           {
                             style: {
                               fontFamily: T9.font,
                               fontSize: T9.fsSm,
-                              fontWeight: 400,
                               lineHeight: T9.lhSm,
-                              color: T9.primary
+                              color: T9.muted
                             },
-                            children: "Can invite members"
+                            children: "Org admins can see and manage every workspace in the organization."
                           }
                         )
                       ]
@@ -5511,10 +5404,10 @@ function OrganizationInviteModal({
               /* @__PURE__ */ jsx15("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs12(
                 "div",
                 {
-                  className: `flex items-center w-full ${isInvite ? "justify-end" : "justify-between"}`,
+                  className: "flex items-center w-full justify-between",
                   style: { padding: `${T9.sp3xl} ${T9.sp6xl}` },
                   children: [
-                    !isInvite && /* @__PURE__ */ jsx15(
+                    /* @__PURE__ */ jsx15(
                       ScButton4,
                       {
                         text: "Remove member",
@@ -5527,11 +5420,11 @@ function OrganizationInviteModal({
                     /* @__PURE__ */ jsx15(
                       ScButton4,
                       {
-                        text: isEmailInvite ? "Send invite" : isDomainInvite ? "Add domain" : allowSubmitWithoutChanges ? "Resend invite" : "Save changes",
+                        text: "Save changes",
                         variant: "primary",
                         size: "md",
                         state: isSubmitDisabled ? "disabled" : "default",
-                        onClick: !isSubmitDisabled ? handleSubmit : void 0
+                        onClick: !isSubmitDisabled ? () => onUpdate?.({ role }) : void 0
                       }
                     )
                   ]
@@ -5547,7 +5440,7 @@ function OrganizationInviteModal({
 
 // src/organization-modal.tsx
 import { useState as useState9, useRef as useRef5, useEffect as useEffect9 } from "react";
-import { Fragment as Fragment8, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var T10 = {
   primary: "var(--alias-text---icons-primary)",
   muted: "var(--alias-text---icons-muted)",
@@ -5841,7 +5734,7 @@ function OrganizationModal({
                                 height: 120
                               },
                               onClick: () => !hasImage && fileInputRef.current?.click(),
-                              children: /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center size-full", style: { padding: `var(--spacing-lg) ${T10.spXl}`, gap: T10.spMd }, children: hasImage ? /* @__PURE__ */ jsxs13(Fragment8, { children: [
+                              children: /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center size-full", style: { padding: `var(--spacing-lg) ${T10.spXl}`, gap: T10.spMd }, children: hasImage ? /* @__PURE__ */ jsxs13(Fragment7, { children: [
                                 /* @__PURE__ */ jsx16(
                                   "div",
                                   {
@@ -5876,7 +5769,7 @@ function OrganizationModal({
                                   e.stopPropagation();
                                   handleRemoveImage();
                                 }, children: /* @__PURE__ */ jsx16(CloseIcon4, { color: "var(--primitives-error-500)" }) })
-                              ] }) : /* @__PURE__ */ jsxs13(Fragment8, { children: [
+                              ] }) : /* @__PURE__ */ jsxs13(Fragment7, { children: [
                                 /* @__PURE__ */ jsx16(UploadIcon2, {}),
                                 /* @__PURE__ */ jsx16(
                                   "span",
@@ -5982,7 +5875,7 @@ function OrganizationModal({
 }
 
 // src/organization-content.tsx
-import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function orgRoleLabel(role) {
   if (role === "admin") return "Org admin";
   if (role === "member") return "Member";
@@ -6025,20 +5918,6 @@ function formatDate(iso) {
     return iso;
   }
 }
-function toDisplayText2(value, fallback = "\u2013") {
-  if (typeof value === "string") {
-    const trimmed = value.trim();
-    return trimmed.length > 0 ? trimmed : fallback;
-  }
-  if (value && typeof value === "object") {
-    const record = value;
-    const name = typeof record.name === "string" ? record.name.trim() : "";
-    if (name) return name;
-    const email = typeof record.email === "string" ? record.email.trim() : "";
-    if (email) return email;
-  }
-  return fallback;
-}
 function VisibilityBadge({ visibility }) {
   const isShared = visibility === "shared";
   return /* @__PURE__ */ jsx17(
@@ -6059,10 +5938,46 @@ function VisibilityBadge({ visibility }) {
     }
   );
 }
+function RowIconButton({
+  label,
+  onClick,
+  children,
+  visible = true
+}) {
+  return /* @__PURE__ */ jsx17(
+    "button",
+    {
+      type: "button",
+      "aria-label": label,
+      title: label,
+      className: "flex items-center justify-center shrink-0 cursor-pointer border-none",
+      style: {
+        width: 32,
+        height: 32,
+        borderRadius: T11.rLg,
+        background: "transparent",
+        opacity: visible ? 1 : 0,
+        transition: "opacity 120ms ease"
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.background = T11.fillPlus;
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.background = "transparent";
+      },
+      onClick,
+      children
+    }
+  );
+}
 function MemberRow({
   member,
-  onClick
+  onEdit,
+  onCopyEmail
 }) {
+  const [copied, setCopied] = useState10(false);
+  const [active, setActive] = useState10(false);
+  const noHover = typeof window !== "undefined" && window.matchMedia?.("(hover: none)").matches === true;
   const name = member.user.name?.trim();
   const email = member.user.email || "";
   const displayIdent = name || email.split("@")[0] || "user";
@@ -6074,18 +5989,20 @@ function MemberRow({
   return /* @__PURE__ */ jsxs14(
     "div",
     {
-      className: `flex items-center self-stretch shrink-0 ${onClick ? "cursor-pointer" : "cursor-default"}`,
+      className: "flex items-center self-stretch shrink-0 cursor-default",
       style: {
         borderBottom: `1px solid ${T11.borderSubtle}`,
         padding: `${T11.sp5xl} ${T11.sp3xl}`,
-        gap: T11.sp6xl
-      },
-      onClick,
-      onMouseEnter: (e) => {
-        if (onClick) e.currentTarget.style.background = T11.fillPlus;
+        gap: T11.sp6xl,
+        background: active && onEdit ? T11.fillPlus : "transparent"
       },
-      onMouseLeave: (e) => {
-        e.currentTarget.style.background = "transparent";
+      onMouseEnter: () => setActive(true),
+      onMouseLeave: () => setActive(false),
+      onFocus: () => setActive(true),
+      onBlur: (e) => {
+        if (!e.currentTarget.contains(e.relatedTarget)) {
+          setActive(false);
+        }
       },
       children: [
         /* @__PURE__ */ jsxs14(
@@ -6164,112 +6081,29 @@ function MemberRow({
             },
             children: formatDate(member.createdAt || member.user.createdAt)
           }
-        )
-      ]
-    }
-  );
-}
-function InviteRow({
-  invite,
-  onCancel,
-  onResend
-}) {
-  const isDomain = invite.kind === "domain";
-  const invitedByText = (() => {
-    if (!invite.invitedBy) return "\u2013";
-    if (typeof invite.invitedBy === "string") return invite.invitedBy;
-    return invite.invitedBy.name || invite.invitedBy.email || "\u2013";
-  })();
-  const role = isDomain ? invite.autoJoinRole : invite.role;
-  return /* @__PURE__ */ jsxs14(
-    "div",
-    {
-      className: "flex items-center self-stretch shrink-0",
-      style: {
-        borderBottom: `1px solid ${T11.borderSubtle}`,
-        padding: `${T11.sp5xl} ${T11.sp3xl}`,
-        gap: T11.sp6xl
-      },
-      children: [
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-center min-w-0", style: { flex: 1, gap: T11.spMd }, children: [
-          isDomain ? /* @__PURE__ */ jsx17(
-            "div",
-            {
-              className: "shrink-0 flex items-center justify-center",
-              style: {
-                width: 32,
-                height: 32,
-                borderRadius: T11.rXl,
-                background: T11.fillNeutral
-              },
-              children: /* @__PURE__ */ jsx17(SiconGlobe2, { className: "w-4 h-4", color: T11.primary })
-            }
-          ) : /* @__PURE__ */ jsx17(ProfileAvatar, { name: invite.email || "invite", size: 32 }),
-          /* @__PURE__ */ jsxs14("div", { className: "flex flex-col min-w-0", children: [
-            /* @__PURE__ */ jsx17(
-              "span",
-              {
-                className: "truncate",
-                style: {
-                  fontFamily: T11.font,
-                  fontSize: T11.fsSm,
-                  fontWeight: 500,
-                  lineHeight: T11.lhSm,
-                  color: T11.primary
-                },
-                children: isDomain ? `Domain: ${invite.domain}` : toDisplayText2(invite.email, "")
-              }
-            ),
-            /* @__PURE__ */ jsx17(
-              "span",
-              {
-                className: "truncate",
-                style: {
-                  fontFamily: T11.font,
-                  fontSize: T11.fsXs,
-                  fontWeight: 400,
-                  lineHeight: T11.lhXs,
-                  color: T11.muted
-                },
-                children: isDomain ? "Auto-join by verified domain" : "Email invite"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx17(
-          RoleLabel,
+        ),
+        /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-end shrink-0", style: { width: 32 }, children: onEdit ? /* @__PURE__ */ jsx17(
+          RowIconButton,
           {
-            role: role === "admin" ? "admin" : "member",
-            label: orgRoleLabel(role)
+            label: `Manage ${email || "member"}`,
+            onClick: onEdit,
+            visible: active || noHover,
+            children: /* @__PURE__ */ jsx17(SiconSettings, { className: "w-4 h-4", color: T11.primary })
           }
-        ),
-        /* @__PURE__ */ jsx17(
-          "div",
+        ) : email && /* @__PURE__ */ jsx17(
+          RowIconButton,
           {
-            className: "truncate shrink-0",
-            style: {
-              width: "7.5rem",
-              fontFamily: T11.font,
-              fontSize: T11.fsSm,
-              fontWeight: 400,
-              lineHeight: T11.lhSm,
-              color: T11.primary
+            label: copied ? "Copied" : `Copy ${email}`,
+            onClick: () => {
+              void onCopyEmail().then((ok) => {
+                if (!ok) return;
+                setCopied(true);
+                setTimeout(() => setCopied(false), 2e3);
+              });
             },
-            children: invitedByText
+            children: copied ? /* @__PURE__ */ jsx17(SiconCheck, { className: "w-4 h-4", color: T11.primary }) : /* @__PURE__ */ jsx17(SiconCopy, { className: "w-4 h-4", color: T11.primary })
           }
-        ),
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-center shrink-0", style: { gap: T11.spMd }, children: [
-          !isDomain && onResend && /* @__PURE__ */ jsx17(ScButton5, { text: "Resend", variant: "tertiary", size: "sm", onClick: onResend }),
-          /* @__PURE__ */ jsx17(
-            ScButton5,
-            {
-              text: isDomain ? "Revoke" : "Cancel",
-              variant: "error",
-              size: "sm",
-              onClick: onCancel
-            }
-          )
-        ] })
+        ) })
       ]
     }
   );
@@ -6376,7 +6210,7 @@ function JoinRequestRow({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-center shrink-0", style: { gap: T11.spMd }, children: [
+        onApprove && onReject && /* @__PURE__ */ jsxs14("div", { className: "flex items-center shrink-0", style: { gap: T11.spMd }, children: [
           /* @__PURE__ */ jsx17(ScButton5, { text: "Reject", variant: "error", size: "sm", onClick: onReject }),
           /* @__PURE__ */ jsx17(ScButton5, { text: "Approve", variant: "primary", size: "sm", onClick: onApprove })
         ] })
@@ -6432,42 +6266,29 @@ function Section({
 }
 function OrganizationContent({
   embedded = false,
-  view = "people",
-  onInviteOpen,
-  onInviteOpenChange
+  view = "people"
 } = {}) {
   const { organization, toast } = useSettingsAdapters();
   const current = organization.current;
-  const [activeTab, setActiveTab] = useState10("active");
   const [members, setMembers] = useState10([]);
-  const [invites, setInvites] = useState10([]);
   const [workspaces, setWorkspaces] = useState10([]);
   const [joinRequests, setJoinRequests] = useState10([]);
   const [highestRole, setHighestRole] = useState10("guest");
-  const [emailDomain, setEmailDomain] = useState10(null);
-  const [canClaimEmailDomain, setCanClaimEmailDomain] = useState10(true);
   const [searchQuery, setSearchQuery] = useState10("");
   const [loadingData, setLoadingData] = useState10(false);
-  const [modal, setModal] = useState10({ open: false, mode: "invite" });
+  const [modal, setModal] = useState10({ open: false });
   const fetchData = useCallback3(async () => {
+    if (!organization.current) return;
     setLoadingData(true);
     try {
-      const [membersRes, invitesRes, workspacesRes, joinRequestsRes, highestRoleRes] = await Promise.all([
+      const [membersRes, workspacesRes, joinRequestsRes, highestRoleRes] = await Promise.all([
         organization.fetchMembers().catch(() => null),
-        organization.fetchInvites().catch(() => null),
         organization.fetchWorkspaces().catch(() => null),
         organization.fetchJoinRequests().catch(() => null),
         organization.getHighestRole?.().catch(() => null) ?? Promise.resolve(null)
       ]);
       if (highestRoleRes?.role) setHighestRole(highestRoleRes.role);
-      if (highestRoleRes?.emailDomain !== void 0) {
-        setEmailDomain(highestRoleRes.emailDomain ?? null);
-      }
-      if (highestRoleRes?.canClaimEmailDomain !== void 0) {
-        setCanClaimEmailDomain(highestRoleRes.canClaimEmailDomain);
-      }
       if (membersRes) setMembers(membersRes.filter((m) => m?.user));
-      if (invitesRes) setInvites(invitesRes);
       if (workspacesRes) setWorkspaces(workspacesRes);
       if (joinRequestsRes) setJoinRequests(joinRequestsRes);
     } catch {
@@ -6478,51 +6299,6 @@ function OrganizationContent({
   useEffect10(() => {
     fetchData();
   }, [fetchData]);
-  const [domainMatch, setDomainMatch] = useState10(null);
-  const [checkingDomainMatch, setCheckingDomainMatch] = useState10(false);
-  const [joiningByDomain, setJoiningByDomain] = useState10(false);
-  const [createModalOpen, setCreateModalOpen] = useState10(false);
-  useEffect10(() => {
-    if (current) return;
-    let cancelled = false;
-    setCheckingDomainMatch(true);
-    organization.checkDomainMatch().then((match) => {
-      if (!cancelled) setDomainMatch(match);
-    }).catch(() => {
-      if (!cancelled) setDomainMatch(null);
-    }).finally(() => {
-      if (!cancelled) setCheckingDomainMatch(false);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [current, organization]);
-  const handleJoinByDomain = async () => {
-    if (!domainMatch) return;
-    setJoiningByDomain(true);
-    try {
-      await organization.joinByDomain();
-      await organization.switch(domainMatch.organizationId);
-      toast.success(`Joined ${domainMatch.organizationName}`);
-    } catch (err) {
-      toast.error(err instanceof Error ? err.message : "Failed to join organization");
-    } finally {
-      setJoiningByDomain(false);
-    }
-  };
-  const handleCreateOrganization = async (name, imageFile) => {
-    try {
-      const result = await organization.create({ name, imageFile });
-      if (result && "id" in result && result.id) {
-        await organization.switch(result.id);
-      }
-      toast.success("Organization created");
-      return true;
-    } catch (err) {
-      toast.error(err instanceof Error ? err.message : "Failed to create organization");
-      return false;
-    }
-  };
   const [manageModalOpen, setManageModalOpen] = useState10(false);
   const handleUpdateOrganization = async (name, imageFile) => {
     if (!current) return false;
@@ -6546,45 +6322,9 @@ function OrganizationContent({
       return false;
     }
   };
-  const openInviteModal = () => setModal({ open: true, mode: "invite" });
-  useEffect10(() => {
-    if (onInviteOpen) {
-      openInviteModal();
-      onInviteOpenChange?.(false);
-    }
-  }, [onInviteOpen]);
-  const openUpdateModal = (member) => setModal({ open: true, mode: "update", target: member });
-  const closeModal = () => setModal({ open: false, mode: "invite" });
-  const handleInviteEmail = async (input) => {
-    if (highestRole !== "admin") {
-      toast.error("You do not have permission to invite members");
-      closeModal();
-      return;
-    }
-    try {
-      await organization.inviteMemberByEmail(input);
-      toast.success(`Invitation sent to ${input.email}`);
-      await fetchData();
-      closeModal();
-    } catch (err) {
-      toast.error(err instanceof Error ? err.message : "Failed to send invite");
-    }
-  };
-  const handleInviteDomain = async (input) => {
-    if (highestRole !== "admin") {
-      toast.error("You do not have permission to invite members");
-      closeModal();
-      return;
-    }
-    try {
-      await organization.inviteDomain(input);
-      toast.success(`Domain ${input.domain} added`);
-      await fetchData();
-      closeModal();
-    } catch (err) {
-      toast.error(err instanceof Error ? err.message : "Failed to add domain");
-    }
-  };
+  const openUpdateModal = (member) => setModal({ open: true, target: member });
+  const closeModal = () => setModal({ open: false });
+  const adminCount = members.filter((m) => m.role === "admin").length;
   const handleUpdateMember = async (input) => {
     const target = modal.target;
     if (!target) {
@@ -6596,20 +6336,16 @@ function OrganizationContent({
       closeModal();
       return;
     }
-    if (target.role === "admin" && input.role === "member") {
-      const adminCount = members.filter((m) => m.role === "admin").length;
-      if (adminCount <= 1) {
-        toast.error(
-          "You're the only admin. Promote another member to admin before changing your role."
-        );
-        return;
-      }
+    if (target.role === "admin" && input.role === "member" && adminCount <= 1) {
+      toast.error(
+        "This is the only org admin. Make someone else an org admin first."
+      );
+      return;
     }
     try {
       await organization.updateMemberRole({
         userId: target.user._id,
-        role: input.role,
-        inviteAccess: input.inviteAccess
+        role: input.role
       });
       toast.success("Member updated");
       await fetchData();
@@ -6629,8 +6365,14 @@ function OrganizationContent({
       closeModal();
       return;
     }
+    if (target.role === "admin" && adminCount <= 1) {
+      toast.error(
+        "This is the only org admin. Make someone else an org admin first."
+      );
+      return;
+    }
     const confirmed = window.confirm(
-      `Remove ${target.user.email} from this organization?`
+      `Remove ${target.user.email} from this organization? They'll also be removed from every workspace in it.`
     );
     if (!confirmed) return;
     try {
@@ -6642,44 +6384,6 @@ function OrganizationContent({
     }
     closeModal();
   };
-  const handleCancelInvite = async (invite) => {
-    if (highestRole !== "admin") {
-      toast.error("You do not have permission to manage invites");
-      return;
-    }
-    const label = invite.kind === "domain" ? invite.domain : invite.email;
-    const confirmed = window.confirm(
-      invite.kind === "domain" ? `Revoke domain invite for ${label}? Members who already joined will keep their access.` : `Cancel invitation for ${label}?`
-    );
-    if (!confirmed) return;
-    try {
-      if (invite.kind === "domain") {
-        await organization.revokeDomainInvite(invite._id);
-      } else if (invite.token) {
-        await organization.cancelInvite(invite.token);
-      } else {
-        await organization.removeMember({ invitationIds: [invite._id] });
-      }
-      toast.success(invite.kind === "domain" ? "Domain invite revoked" : "Invitation removed");
-      await fetchData();
-    } catch (err) {
-      toast.error(err instanceof Error ? err.message : "Failed to update invite");
-    }
-  };
-  const handleResendInvite = async (invite) => {
-    if (invite.kind !== "email") return;
-    if (highestRole !== "admin") {
-      toast.error("You do not have permission to invite members");
-      return;
-    }
-    try {
-      await organization.resendInvite(invite._id);
-      toast.success("Invitation resent");
-      await fetchData();
-    } catch (err) {
-      toast.error(err instanceof Error ? err.message : "Failed to resend invitation");
-    }
-  };
   const handleApproveJoinRequest = async (request) => {
     try {
       await organization.approveJoinRequest(request._id);
@@ -6701,101 +6405,29 @@ function OrganizationContent({
     }
   };
   if (!current) {
-    return /* @__PURE__ */ jsxs14(Fragment9, { children: [
-      /* @__PURE__ */ jsxs14(
-        "div",
-        {
-          className: "flex flex-col flex-1 min-w-0 min-h-0 w-full items-center justify-center",
-          style: { gap: T11.spXl, padding: T11.sp6xl },
-          children: [
-            /* @__PURE__ */ jsx17(SiconGlobe2, { className: "w-10 h-10", color: T11.muted }),
-            domainMatch ? /* @__PURE__ */ jsxs14(Fragment9, { children: [
-              /* @__PURE__ */ jsxs14(
-                "p",
-                {
-                  className: "text-center",
-                  style: { color: T11.primary, fontFamily: T11.font, fontSize: T11.fsMd, fontWeight: 600 },
-                  children: [
-                    "An organization already exists for ",
-                    domainMatch.domain
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs14(
-                "p",
-                {
-                  className: "text-center",
-                  style: { color: T11.muted, fontFamily: T11.font, fontSize: T11.fsSm },
-                  children: [
-                    domainMatch.organizationName,
-                    " \u2014 join it instead of creating a new one and fragmenting your company across multiple orgs."
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx17(
-                ScButton5,
-                {
-                  text: joiningByDomain ? "Joining\u2026" : `Join ${domainMatch.organizationName}`,
-                  variant: "primary",
-                  size: "md",
-                  state: joiningByDomain ? "disabled" : "default",
-                  onClick: handleJoinByDomain
-                }
-              )
-            ] }) : /* @__PURE__ */ jsxs14(Fragment9, { children: [
-              /* @__PURE__ */ jsx17(
-                "p",
-                {
-                  className: "text-center",
-                  style: { color: T11.primary, fontFamily: T11.font, fontSize: T11.fsMd, fontWeight: 600 },
-                  children: "You're not part of an organization yet"
-                }
-              ),
-              /* @__PURE__ */ jsx17(
-                "p",
-                {
-                  className: "text-center",
-                  style: { color: T11.muted, fontFamily: T11.font, fontSize: T11.fsSm },
-                  children: "Create one to invite your team and manage workspaces together."
-                }
-              ),
-              /* @__PURE__ */ jsx17(
-                ScButton5,
-                {
-                  text: "Create organization",
-                  variant: "primary",
-                  size: "md",
-                  styleVariant: "icon-left",
-                  icon: /* @__PURE__ */ jsx17(SiconUserAdd2, { className: "w-5 h-5", color: T11.inverse }),
-                  state: checkingDomainMatch ? "disabled" : "default",
-                  onClick: () => setCreateModalOpen(true)
-                }
-              )
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx17(
-        OrganizationModal,
-        {
-          open: createModalOpen,
-          mode: "create",
-          onClose: () => setCreateModalOpen(false),
-          onCreate: handleCreateOrganization
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxs14(
+      "div",
+      {
+        className: "flex flex-col flex-1 min-w-0 min-h-0 w-full items-center justify-center",
+        style: { gap: T11.spXl, padding: T11.sp6xl },
+        children: [
+          /* @__PURE__ */ jsx17(SiconGlobe2, { className: "w-10 h-10", color: T11.muted }),
+          /* @__PURE__ */ jsx17(
+            "p",
+            {
+              className: "text-center",
+              style: { color: T11.primary, fontFamily: T11.font, fontSize: T11.fsMd, fontWeight: 600 },
+              children: "Your workspace isn't part of an organization"
+            }
+          )
+        ]
+      }
+    );
   }
   const q = searchQuery.toLowerCase();
   const filteredMembers = members.filter(
     (m) => (m.user.email || "").toLowerCase().includes(q) || (m.user.name || "").toLowerCase().includes(q) || m.role.toLowerCase().includes(q)
   );
-  const filteredInvites = invites.filter((inv) => {
-    const label = inv.kind === "domain" ? inv.domain ?? "" : inv.email ?? "";
-    return label.toLowerCase().includes(q);
-  });
-  const emailInvites = filteredInvites.filter((inv) => inv.kind !== "domain");
-  const domainInvites = invites.filter((inv) => inv.kind === "domain");
   const scopeHeader = /* @__PURE__ */ jsx17(
     ScopeHeader,
     {
@@ -6844,15 +6476,26 @@ function OrganizationContent({
       )
     }
   );
-  const peopleView = /* @__PURE__ */ jsxs14(Fragment9, { children: [
+  const isOrgAdmin = highestRole === "admin";
+  const copyEmail = async (email) => {
+    try {
+      await navigator.clipboard.writeText(email);
+      toast.success("Email copied");
+      return true;
+    } catch {
+      toast.error("Couldn't copy the email");
+      return false;
+    }
+  };
+  const peopleView = /* @__PURE__ */ jsxs14(Fragment8, { children: [
     /* @__PURE__ */ jsx17(
       MemberListToolbar,
       {
-        activeTab,
-        onTabChange: setActiveTab,
+        activeTab: "active",
+        onTabChange: () => {
+        },
         activeLabel: "Members",
         activeCount: filteredMembers.length,
-        pendingCount: emailInvites.length,
         searchQuery,
         onSearchChange: setSearchQuery
       }
@@ -6860,47 +6503,31 @@ function OrganizationContent({
     /* @__PURE__ */ jsx17(
       MemberListFrame,
       {
-        isEmpty: activeTab === "active" ? filteredMembers.length === 0 : emailInvites.length === 0,
-        emptyText: activeTab === "active" ? "No members yet" : "No pending invites",
+        isEmpty: filteredMembers.length === 0,
+        emptyText: "No members yet",
         grow: "fill",
-        children: activeTab === "active" ? filteredMembers.map((m) => /* @__PURE__ */ jsx17(MemberRow, { member: m, onClick: () => openUpdateModal(m) }, m._id)) : emailInvites.map((inv) => /* @__PURE__ */ jsx17(
-          InviteRow,
+        children: filteredMembers.map((m) => /* @__PURE__ */ jsx17(
+          MemberRow,
           {
-            invite: inv,
-            onCancel: () => void handleCancelInvite(inv),
-            onResend: () => void handleResendInvite(inv)
+            member: m,
+            onEdit: isOrgAdmin ? () => openUpdateModal(m) : void 0,
+            onCopyEmail: () => copyEmail(m.user.email)
           },
-          inv._id
+          m._id
         ))
       }
     )
   ] });
-  const workspacesView = /* @__PURE__ */ jsx17(
-    Section,
-    {
-      title: "Workspaces in this organization",
-      empty: workspaces.length === 0,
-      children: workspaces.map((ws) => /* @__PURE__ */ jsx17(WorkspaceRow, { workspace: ws }, ws._id))
-    }
-  );
-  const domainsView = /* @__PURE__ */ jsxs14(Fragment9, { children: [
+  const workspacesView = /* @__PURE__ */ jsxs14(Fragment8, { children: [
     /* @__PURE__ */ jsx17(
       Section,
       {
-        title: "Auto-join by email domain",
-        empty: domainInvites.length === 0,
-        emptyText: canClaimEmailDomain ? void 0 : `Auto-join needs a company email domain.${emailDomain ? ` ${emailDomain} is a public email provider, so it` : " A public email provider"} can't be claimed \u2014 invite people by email instead.`,
-        children: domainInvites.map((inv) => /* @__PURE__ */ jsx17(
-          InviteRow,
-          {
-            invite: inv,
-            onCancel: () => void handleCancelInvite(inv)
-          },
-          inv._id
-        ))
+        title: "Workspaces in this organization",
+        empty: workspaces.length === 0,
+        children: workspaces.map((ws) => /* @__PURE__ */ jsx17(WorkspaceRow, { workspace: ws }, ws._id))
       }
     ),
-    /* @__PURE__ */ jsx17(
+    (isOrgAdmin || joinRequests.length > 0) && /* @__PURE__ */ jsx17(
       Section,
       {
         title: "Workspaces asking to join",
@@ -6909,37 +6536,29 @@ function OrganizationContent({
           JoinRequestRow,
           {
             request: req,
-            onApprove: () => void handleApproveJoinRequest(req),
-            onReject: () => void handleRejectJoinRequest(req)
+            onApprove: isOrgAdmin ? () => void handleApproveJoinRequest(req) : void 0,
+            onReject: isOrgAdmin ? () => void handleRejectJoinRequest(req) : void 0
           },
           req._id
         ))
       }
     )
   ] });
-  const innerContent = /* @__PURE__ */ jsxs14(Fragment9, { children: [
+  const innerContent = /* @__PURE__ */ jsxs14(Fragment8, { children: [
     scopeHeader,
     loadingData && loadingBlock,
     !loadingData && view === "people" && peopleView,
-    !loadingData && view === "workspaces" && workspacesView,
-    !loadingData && view === "domains" && domainsView,
+    !loadingData && view !== "people" && workspacesView,
     /* @__PURE__ */ jsx17(
-      OrganizationInviteModal,
+      OrganizationMemberModal,
       {
         open: modal.open,
-        mode: modal.mode,
         userEmail: modal.target?.user.email,
         initialRole: modal.target?.role === "admin" || modal.target?.role === "member" ? modal.target.role : void 0,
-        initialInviteAccess: modal.target?.inviteAccess,
-        allowSubmitWithoutChanges: false,
         lockRole: modal.target?.role === "guest",
         lockedRoleLabel: orgRoleLabel(modal.target?.role),
         canRemove: highestRole === "admin",
-        canClaimDomain: canClaimEmailDomain,
-        claimableDomain: emailDomain,
         onClose: closeModal,
-        onInviteEmail: handleInviteEmail,
-        onInviteDomain: handleInviteDomain,
         onUpdate: handleUpdateMember,
         onRemove: handleRemoveMember
       }
@@ -6984,34 +6603,20 @@ function OrganizationContent({
         backgroundSize: "24px 24px"
       },
       children: [
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between shrink-0 w-full", children: [
-          /* @__PURE__ */ jsx17(
-            "p",
-            {
-              className: "flex-1 min-w-0 truncate",
-              style: {
-                color: T11.primary,
-                fontFamily: T11.font,
-                fontSize: "var(--font-size-font-size-xxl)",
-                fontWeight: 600,
-                lineHeight: "var(--line-height-line-height-xxl)"
-              },
-              children: current?.name ? `${current.name} \u2014 Organization` : "Organization"
-            }
-          ),
-          /* @__PURE__ */ jsx17(
-            ScButton5,
-            {
-              text: "Invite",
-              variant: "primary",
-              size: "md",
-              styleVariant: "icon-left",
-              state: highestRole !== "admin" ? "disabled" : "default",
-              icon: /* @__PURE__ */ jsx17(SiconUserAdd2, { className: "w-5 h-5", color: "var(--alias-text---icons-inverse)" }),
-              onClick: openInviteModal
-            }
-          )
-        ] }),
+        /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-between shrink-0 w-full", children: /* @__PURE__ */ jsx17(
+          "p",
+          {
+            className: "flex-1 min-w-0 truncate",
+            style: {
+              color: T11.primary,
+              fontFamily: T11.font,
+              fontSize: "var(--font-size-font-size-xxl)",
+              fontWeight: 600,
+              lineHeight: "var(--line-height-line-height-xxl)"
+            },
+            children: current?.name ? `${current.name} \u2014 Organization` : "Organization"
+          }
+        ) }),
         innerContent
       ]
     }
@@ -7945,7 +7550,7 @@ function BuyCreditsModal({
 }
 
 // src/billing-content.tsx
-import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var DEFAULT_TOPUP_SERVICE = "catalogix";
 var PRIMARY_COLOR2 = "var(--alias-text---icons-primary)";
 var MUTED_COLOR = "var(--alias-text---icons-muted)";
@@ -9509,7 +9114,7 @@ function BillingContent({
     if (embedded) return plansView;
     return /* @__PURE__ */ jsx20("div", { className: "flex-1 h-full min-h-0 min-w-0 relative", children: plansView });
   }
-  const billingInnerContent = /* @__PURE__ */ jsxs17(Fragment10, { children: [
+  const billingInnerContent = /* @__PURE__ */ jsxs17(Fragment9, { children: [
     /* @__PURE__ */ jsxs17(
       "div",
       {
@@ -9708,7 +9313,7 @@ import {
   SiconPlus as SiconPlus2,
   SiconClose as SiconClose7
 } from "@streamoid/icons";
-import { Fragment as Fragment11, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var EXPIRY_OPTIONS = [
   { label: "30 days", value: "30d" },
   { label: "60 days", value: "60d" },
@@ -10140,7 +9745,7 @@ function TokensContent({
     setCreatedToken(token);
     fetchTokens();
   }
-  const tokensInnerContent = /* @__PURE__ */ jsxs18(Fragment11, { children: [
+  const tokensInnerContent = /* @__PURE__ */ jsxs18(Fragment10, { children: [
     !embedded && /* @__PURE__ */ jsxs18(
       "div",
       {
@@ -10492,7 +10097,7 @@ function TokenTable({ tokens, deletingId, onRevoke, onDelete }) {
 }
 
 // src/settings-content.tsx
-import { Fragment as Fragment12, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function deriveInitials(name) {
   return name.split(/\s+/).slice(0, 2).map((part) => part[0]?.toUpperCase() ?? "").join("") || "WS";
 }
@@ -10598,20 +10203,19 @@ function SettingsNav({
         /* @__PURE__ */ jsx22(ScHDivider, {}),
         /* @__PURE__ */ jsxs19("div", { className: "flex flex-col w-full", style: { gap: "var(--spacing-md)" }, children: [
           /* @__PURE__ */ jsx22("div", { title: workspaceName ?? void 0, style: { padding: "4px 12px", fontSize: 11, fontWeight: 500, color: MUTED_COLOR2, textTransform: "uppercase", letterSpacing: "0.08em" }, children: "Workspace" }),
-          item("workspace", (color) => /* @__PURE__ */ jsx22(SiconSettings, { className: "w-5 h-5", color })),
+          item("workspace", (color) => /* @__PURE__ */ jsx22(SiconSettings2, { className: "w-5 h-5", color })),
           item("workspaceMembers", (color) => /* @__PURE__ */ jsx22(SiconTeam, { className: "w-5 h-5", color })),
-          isWorkspaceAdmin && /* @__PURE__ */ jsxs19(Fragment12, { children: [
+          isWorkspaceAdmin && /* @__PURE__ */ jsxs19(Fragment11, { children: [
             item("billing", (color) => /* @__PURE__ */ jsx22(SiconBilling, { className: "w-5 h-5", color })),
             item("apikey", (color) => /* @__PURE__ */ jsx22(SiconKey_default, { className: "w-5 h-5", color }))
           ] }),
           !isWorkspaceAdmin && /* @__PURE__ */ jsx22("p", { style: { margin: "4px 12px", fontSize: 12, lineHeight: "18px", color: MUTED_COLOR2 }, children: "Contact your workspace admin for credit top-ups and billing history." })
         ] }),
         /* @__PURE__ */ jsx22(ScHDivider, {}),
-        /* @__PURE__ */ jsx22("div", { className: "flex flex-col w-full", style: { gap: "var(--spacing-md)" }, children: hasOrganization ? /* @__PURE__ */ jsxs19(Fragment12, { children: [
+        /* @__PURE__ */ jsx22("div", { className: "flex flex-col w-full", style: { gap: "var(--spacing-md)" }, children: hasOrganization ? /* @__PURE__ */ jsxs19(Fragment11, { children: [
           /* @__PURE__ */ jsx22("div", { style: { padding: "4px 12px", fontSize: 11, fontWeight: 500, color: MUTED_COLOR2, textTransform: "uppercase", letterSpacing: "0.08em" }, children: "Organization" }),
           item("organization", (color) => /* @__PURE__ */ jsx22(SiconTeam, { className: "w-5 h-5", color })),
-          item("organizationWorkspaces", (color) => /* @__PURE__ */ jsx22(SiconWorkspace2, { className: "w-5 h-5", color })),
-          item("organizationDomains", (color) => /* @__PURE__ */ jsx22(SiconLock, { className: "w-5 h-5", color }))
+          item("organizationWorkspaces", (color) => /* @__PURE__ */ jsx22(SiconWorkspace2, { className: "w-5 h-5", color }))
         ] }) : /* @__PURE__ */ jsx22(
           SettingsNavItem,
           {
@@ -10906,7 +10510,7 @@ function LanguageDropdown({
                 ScMenuOptions,
                 {
                   text: lang.label,
-                  icon: /* @__PURE__ */ jsx22(Fragment12, {}),
+                  icon: /* @__PURE__ */ jsx22(Fragment11, {}),
                   hover: isActive ? "true" : "false",
                   variant: "default",
                   role: "option",
@@ -11583,7 +11187,6 @@ function SettingsContentInner({
   const [creatingWorkspace, setCreatingWorkspace] = useState15(false);
   const [updatingWorkspace, setUpdatingWorkspace] = useState15(false);
   const [teamInviteOpen, setTeamInviteOpen] = useState15(false);
-  const [organizationInviteOpen, setOrganizationInviteOpen] = useState15(false);
   const [tokenShowRevoked, setTokenShowRevoked] = useState15(false);
   const [tokenCreateOpen, setTokenCreateOpen] = useState15(false);
   const [billingShowPlans, setBillingShowPlans] = useState15(false);
@@ -11945,7 +11548,7 @@ function SettingsContentInner({
                   },
                   children: [
                     /* @__PURE__ */ jsxs19("div", { className: "flex items-center flex-1 min-w-0", style: { gap: 8, paddingLeft: 20 }, children: [
-                      /* @__PURE__ */ jsx22(SiconSettings, { className: "w-6 h-6 shrink-0", color: "var(--alias-text---icons-primary)" }),
+                      /* @__PURE__ */ jsx22(SiconSettings2, { className: "w-6 h-6 shrink-0", color: "var(--alias-text---icons-primary)" }),
                       /* @__PURE__ */ jsx22(
                         "span",
                         {
@@ -11959,7 +11562,7 @@ function SettingsContentInner({
                           children: "Settings"
                         }
                       ),
-                      scopeCrumb && /* @__PURE__ */ jsxs19(Fragment12, { children: [
+                      scopeCrumb && /* @__PURE__ */ jsxs19(Fragment11, { children: [
                         /* @__PURE__ */ jsx22(SiconRight2, { className: "w-6 h-6 shrink-0", color: "var(--alias-text---icons-primary)" }),
                         /* @__PURE__ */ jsx22(
                           "span",
@@ -11992,7 +11595,7 @@ function SettingsContentInner({
                           children: leafLabel
                         }
                       ),
-                      isBillingPlans && /* @__PURE__ */ jsxs19(Fragment12, { children: [
+                      isBillingPlans && /* @__PURE__ */ jsxs19(Fragment11, { children: [
                         /* @__PURE__ */ jsx22(SiconRight2, { className: "w-6 h-6 shrink-0", color: "var(--alias-text---icons-primary)" }),
                         /* @__PURE__ */ jsx22(
                           "span",
@@ -12079,7 +11682,7 @@ function SettingsContentInner({
                             size: "md",
                             styleVariant: "icon-left",
                             icon: /* @__PURE__ */ jsx22(
-                              SiconUserAdd3,
+                              SiconUserAdd2,
                               {
                                 className: "w-5 h-5",
                                 color: "var(--alias-text---icons-inverse)"
@@ -12090,31 +11693,6 @@ function SettingsContentInner({
                         )
                       }
                     ),
-                    activeTab === "organization" && hasOrganization && /* @__PURE__ */ jsx22(
-                      SettingsTooltip,
-                      {
-                        content: "Invite someone into your organization",
-                        placement: "bottom",
-                        inline: true,
-                        children: /* @__PURE__ */ jsx22(
-                          ScButton7,
-                          {
-                            text: "Invite",
-                            variant: "secondary",
-                            size: "md",
-                            styleVariant: "icon-left",
-                            icon: /* @__PURE__ */ jsx22(
-                              SiconUserAdd3,
-                              {
-                                className: "w-5 h-5",
-                                color: "var(--alias-text---icons-inverse)"
-                              }
-                            ),
-                            onClick: () => setOrganizationInviteOpen(true)
-                          }
-                        )
-                      }
-                    ),
                     activeTab === "apikey" && isWorkspaceAdmin && /* @__PURE__ */ jsxs19("div", { className: "flex items-center shrink-0", style: { gap: "var(--spacing-md)" }, children: [
                       /* @__PURE__ */ jsx22(
                         SettingsTooltip,
@@ -12273,9 +11851,7 @@ function SettingsContentInner({
                       OrganizationContent,
                       {
                         embedded: true,
-                        view: activeTab === "organizationWorkspaces" ? "workspaces" : activeTab === "organizationDomains" ? "domains" : "people",
-                        onInviteOpen: organizationInviteOpen,
-                        onInviteOpenChange: setOrganizationInviteOpen
+                        view: activeTab === "organizationWorkspaces" || activeTab === "organizationDomains" ? "workspaces" : "people"
                       }
                     ) }),
                     activeTab === "billing" && isWorkspaceAdmin && /* @__PURE__ */ jsx22("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: /* @__PURE__ */ jsx22(
@@ -12413,6 +11989,249 @@ function SettingsContentInner({
     }
   );
 }
+
+// src/workspace-picker.tsx
+import { useState as useState16 } from "react";
+import { ScButton as ScButton8, ScCheckbox } from "@streamoid/ui";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+var T13 = {
+  primary: "var(--alias-text---icons-primary)",
+  muted: "var(--alias-text---icons-muted)",
+  tertiary: "var(--alias-text---icons-tertiary)",
+  surface: "var(--alias-surface-base)",
+  fillPlus: "var(--alias-fill-neutral-neutralplus)",
+  borderSubtle: "var(--alias-border-subtle)",
+  font: "var(--font-family-font-family-body)",
+  fsXs: "var(--font-size-font-size-xs)",
+  fsSm: "var(--font-size-font-size-sm)",
+  fsXl: "var(--font-size-font-size-xl)",
+  lhXs: "var(--line-height-line-height-xs)",
+  lhSm: "var(--line-height-line-height-sm)",
+  lhXl: "var(--line-height-line-height-xl)",
+  spXs: "var(--spacing-xs)",
+  spMd: "var(--spacing-md)",
+  spXl: "var(--spacing-xl)",
+  sp3xl: "var(--spacing-3xl)",
+  sp5xl: "var(--spacing-5xl)",
+  sp6xl: "var(--spacing-6xl)",
+  rLg: "var(--radius-lg)",
+  r3xl: "var(--radius-3xl)"
+};
+function WorkspacePicker({
+  organizationName,
+  workspaces,
+  loading = false,
+  onJoin,
+  onCreate
+}) {
+  const [selected, setSelected] = useState16(/* @__PURE__ */ new Set());
+  const [creating, setCreating] = useState16(false);
+  const [name, setName] = useState16("");
+  const [busy, setBusy] = useState16(false);
+  const hasWorkspaces = workspaces.length > 0;
+  const showCreate = creating || !loading && !hasWorkspaces;
+  const orgLabel = organizationName || "your organization";
+  const toggle = (id) => setSelected((prev) => {
+    const next = new Set(prev);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    return next;
+  });
+  const run = async (action) => {
+    setBusy(true);
+    try {
+      await action();
+    } catch {
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs20(
+    "div",
+    {
+      className: "flex flex-col w-full",
+      style: { maxWidth: 520, gap: T13.sp5xl, fontFamily: T13.font },
+      children: [
+        /* @__PURE__ */ jsxs20("div", { className: "flex flex-col", style: { gap: T13.spMd }, children: [
+          /* @__PURE__ */ jsx23(
+            "p",
+            {
+              style: {
+                color: T13.primary,
+                fontSize: T13.fsXl,
+                fontWeight: 600,
+                lineHeight: T13.lhXl,
+                margin: 0
+              },
+              children: "Choose your workspaces"
+            }
+          ),
+          /* @__PURE__ */ jsx23("p", { style: { color: T13.muted, fontSize: T13.fsSm, lineHeight: T13.lhSm, margin: 0 }, children: hasWorkspaces || loading ? `Join one or more workspaces in ${orgLabel} as a member, or create your own.` : `There are no workspaces to join in ${orgLabel} yet. Create one to get started.` })
+        ] }),
+        (loading || hasWorkspaces) && /* @__PURE__ */ jsx23(
+          "div",
+          {
+            className: "flex flex-col w-full overflow-y-auto",
+            style: {
+              maxHeight: 360,
+              background: T13.surface,
+              border: `1px solid ${T13.borderSubtle}`,
+              borderRadius: T13.r3xl
+            },
+            children: loading ? /* @__PURE__ */ jsx23(
+              "div",
+              {
+                className: "flex items-center justify-center",
+                style: { padding: T13.sp6xl, color: T13.muted, fontSize: T13.fsSm },
+                children: "Loading workspaces\u2026"
+              }
+            ) : workspaces.map((workspace, index) => {
+              const checked = selected.has(workspace._id);
+              return /* @__PURE__ */ jsxs20(
+                "div",
+                {
+                  role: "checkbox",
+                  "aria-checked": checked,
+                  tabIndex: 0,
+                  className: "flex items-center cursor-pointer",
+                  style: {
+                    gap: T13.spXl,
+                    padding: `${T13.spXl} ${T13.sp3xl}`,
+                    borderTop: index ? `1px solid ${T13.borderSubtle}` : "none"
+                  },
+                  onClick: () => toggle(workspace._id),
+                  onKeyDown: (e) => {
+                    if (e.key === " " || e.key === "Enter") {
+                      e.preventDefault();
+                      toggle(workspace._id);
+                    }
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx23(ScCheckbox, { checked }),
+                    /* @__PURE__ */ jsx23(
+                      ProfileAvatar,
+                      {
+                        name: workspace.name,
+                        profileImage: workspace.imageUrl,
+                        size: 32,
+                        borderRadius: T13.rLg
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs20("div", { className: "flex flex-col min-w-0", children: [
+                      /* @__PURE__ */ jsx23(
+                        "span",
+                        {
+                          className: "truncate",
+                          style: {
+                            color: T13.primary,
+                            fontSize: T13.fsSm,
+                            fontWeight: 500,
+                            lineHeight: T13.lhSm
+                          },
+                          children: workspace.name
+                        }
+                      ),
+                      workspace.ownerName && /* @__PURE__ */ jsxs20(
+                        "span",
+                        {
+                          className: "truncate",
+                          style: { color: T13.muted, fontSize: T13.fsXs, lineHeight: T13.lhXs },
+                          children: [
+                            "Created by ",
+                            workspace.ownerName
+                          ]
+                        }
+                      )
+                    ] })
+                  ]
+                },
+                workspace._id
+              );
+            })
+          }
+        ),
+        showCreate ? /* @__PURE__ */ jsxs20("div", { className: "flex flex-col w-full", style: { gap: T13.spMd }, children: [
+          /* @__PURE__ */ jsx23(
+            "label",
+            {
+              htmlFor: "workspace-picker-name",
+              style: { color: T13.tertiary, fontSize: T13.fsSm, lineHeight: T13.lhSm },
+              children: "New workspace name"
+            }
+          ),
+          /* @__PURE__ */ jsx23(
+            "input",
+            {
+              id: "workspace-picker-name",
+              autoFocus: true,
+              value: name,
+              onChange: (e) => setName(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && name.trim() && !busy) {
+                  void run(() => onCreate(name.trim()));
+                }
+              },
+              placeholder: "e.g. Marketing",
+              style: {
+                height: 48,
+                padding: `0 ${T13.sp3xl}`,
+                background: T13.fillPlus,
+                border: "none",
+                outline: "none",
+                borderRadius: T13.r3xl,
+                color: T13.primary,
+                fontFamily: T13.font,
+                fontSize: T13.fsSm
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-end w-full", style: { gap: T13.spMd }, children: [
+            hasWorkspaces && /* @__PURE__ */ jsx23(
+              ScButton8,
+              {
+                text: "Back",
+                variant: "tertiary",
+                size: "md",
+                onClick: () => setCreating(false)
+              }
+            ),
+            /* @__PURE__ */ jsx23(
+              ScButton8,
+              {
+                text: busy ? "Creating\u2026" : "Create workspace",
+                variant: "primary",
+                size: "md",
+                state: !name.trim() || busy ? "disabled" : "default",
+                onClick: name.trim() && !busy ? () => void run(() => onCreate(name.trim())) : void 0
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap items-center justify-between w-full", style: { gap: T13.spMd }, children: [
+          /* @__PURE__ */ jsx23(
+            ScButton8,
+            {
+              text: "Create a workspace",
+              variant: "tertiary",
+              size: "md",
+              state: loading || busy ? "disabled" : "default",
+              onClick: loading || busy ? void 0 : () => setCreating(true)
+            }
+          ),
+          /* @__PURE__ */ jsx23(
+            ScButton8,
+            {
+              text: busy ? "Joining\u2026" : selected.size > 1 ? `Join ${selected.size} workspaces` : "Join workspace",
+              variant: "primary",
+              size: "md",
+              state: !selected.size || busy ? "disabled" : "default",
+              onClick: selected.size && !busy ? () => void run(() => onJoin([...selected])) : void 0
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 export {
   APP_KEYS,
   BillingContent,
@@ -12426,7 +12245,7 @@ export {
   MemberListFrame,
   MemberListToolbar,
   OrganizationContent,
-  OrganizationInviteModal,
+  OrganizationMemberModal,
   OrganizationModal,
   ProfileAvatar,
   ProfileTab,
@@ -12448,6 +12267,7 @@ export {
   WorkspaceGeneralTab,
   WorkspaceListTab,
   WorkspaceModal,
+  WorkspacePicker,
   WorkspaceTab,
   countLabel,
   loadWorkspaceOrganization,