@authowl/react 0.19.1 → 0.21.0

package/dist/index.cjs

@@ -6,6 +6,14 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res, err) => function __init() {
+  if (err) throw err[0];
+  try {
+    return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+  } catch (e) {
+    throw err = [e], e;
+  }
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -28,87 +36,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  AuthLoaded: () => AuthLoaded,
-  AuthLoading: () => AuthLoading,
-  AuthOwlBadge: () => AuthOwlBadge,
-  AuthOwlBranding: () => AuthOwlBranding,
-  AuthOwlError: () => import_core7.AuthOwlError,
-  AuthOwlProvider: () => AuthOwlProvider,
-  BackupCodesManager: () => BackupCodesManager,
-  Bidi: () => Bidi,
-  ConsentDocLinks: () => ConsentDocLinks,
-  ConsentGate: () => ConsentGate,
-  CreateOrganization: () => CreateOrganization,
-  DEFAULT_BRAND_COLOR: () => DEFAULT_BRAND_COLOR,
-  EmailOtpForm: () => EmailOtpForm,
-  ForgotPassword: () => ForgotPassword,
-  GoogleOneTap: () => GoogleOneTap,
-  InvalidKeyError: () => import_core7.InvalidKeyError,
-  InvitationPrompt: () => InvitationPrompt,
-  KNOWN_METHODS: () => KNOWN_METHODS,
-  MFAChallenge: () => MFAChallenge,
-  MFAEnrollment: () => MFAEnrollment,
-  MFARequiredGate: () => MFARequiredGate,
-  MagicLinkForm: () => MagicLinkForm,
-  OrganizationList: () => OrganizationList,
-  OrganizationProfile: () => OrganizationProfile,
-  OrganizationSwitcher: () => OrganizationSwitcher,
-  PasskeyButton: () => PasskeyButton,
-  PasskeyManager: () => PasskeyManager,
-  PhoneOTP: () => PhoneOTP,
-  Protect: () => Protect,
-  RateLimitedError: () => import_core7.RateLimitedError,
-  ResetPassword: () => ResetPassword,
-  SignIn: () => SignIn,
-  SignOutButton: () => SignOutButton,
-  SignUp: () => SignUp,
-  SignedIn: () => SignedIn,
-  SignedOut: () => SignedOut,
-  SocialButtons: () => SocialButtons,
-  Spinner: () => Spinner,
-  UserButton: () => UserButton,
-  UserProfile: () => UserProfile,
-  VerificationPending: () => VerificationPending,
-  VerifyEmail: () => VerifyEmail,
-  Waitlist: () => Waitlist,
-  createMembershipHas: () => import_core8.createMembershipHas,
-  emailAutocomplete: () => emailAutocomplete,
-  membershipHas: () => import_core8.membershipHas,
-  membershipHasPermission: () => import_core8.membershipHasPermission,
-  membershipHasTeam: () => import_core8.membershipHasTeam,
-  resolveSignInMethods: () => resolveSignInMethods,
-  useAccount: () => useAccount,
-  useAuth: () => useAuth,
-  useAuthClient: () => useAuthClient,
-  useAuthOwlContext: () => useAuthOwlContext,
-  useConsent: () => useConsent,
-  useEmailVerification: () => useEmailVerification,
-  useLocale: () => useLocale,
-  useMFA: () => useMFA,
-  useOrganization: () => useOrganization,
-  useOrganizationInvitation: () => useOrganizationInvitation,
-  usePasskeys: () => usePasskeys,
-  usePasswordReset: () => usePasswordReset,
-  usePublicConfig: () => usePublicConfig,
-  useSession: () => useSession,
-  useSignIn: () => useSignIn,
-  useSignOut: () => useSignOut,
-  useSignUp: () => useSignUp,
-  useUser: () => useUser,
-  useWaitlist: () => useWaitlist
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/provider.tsx
-var React5 = __toESM(require("react"), 1);
-var import_core2 = require("@authowl/core");
-
 // src/brand.ts
-var DEFAULT_BRAND_COLOR = "#F5B84C";
-var HEX6 = /^#[0-9a-fA-F]{6}$/;
 function isHex6(value) {
   return typeof value === "string" && HEX6.test(value);
 }
@@ -166,7 +94,6 @@ function oklchToLinearRgb({ L, C, h }) {
     b: -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s
   };
 }
-var GAMUT_EPS = 1e-4;
 function inGamut({ r, g, b }) {
   return r >= -GAMUT_EPS && r <= 1 + GAMUT_EPS && g >= -GAMUT_EPS && g <= 1 + GAMUT_EPS && b >= -GAMUT_EPS && b <= 1 + GAMUT_EPS;
 }
@@ -198,10 +125,6 @@ function contrastRatio(hexA, hexB) {
   const [hi, lo] = la >= lb ? [la, lb] : [lb, la];
   return (hi + 0.05) / (lo + 0.05);
 }
-var NEAR_BLACK = "#18181b";
-var WHITE = "#ffffff";
-var AA_TEXT = 4.5;
-var PURE_BLACK = "#000000";
 function readableForeground(solidHex) {
   const white = contrastRatio(WHITE, solidHex);
   const nearBlack = contrastRatio(NEAR_BLACK, solidHex);
@@ -223,8 +146,6 @@ function readableAccent(brandHex, surfaceHex, dir) {
   }
   return dir === 1 ? WHITE : NEAR_BLACK;
 }
-var LIGHT_SURFACE = "#ffffff";
-var DARK_SURFACE = "#18181b";
 function deriveBrandRamp(primaryHex) {
   const solid = normalizeHex(primaryHex) ?? DEFAULT_BRAND_COLOR.toLowerCase();
   const fg = readableForeground(solid);
@@ -257,6 +178,21 @@ function brandRampVars(set) {
     "--ba-rt-accent-fg": set.light.accentFg
   };
 }
+var DEFAULT_BRAND_COLOR, HEX6, GAMUT_EPS, NEAR_BLACK, WHITE, AA_TEXT, PURE_BLACK, LIGHT_SURFACE, DARK_SURFACE;
+var init_brand = __esm({
+  "src/brand.ts"() {
+    "use strict";
+    DEFAULT_BRAND_COLOR = "#F5B84C";
+    HEX6 = /^#[0-9a-fA-F]{6}$/;
+    GAMUT_EPS = 1e-4;
+    NEAR_BLACK = "#18181b";
+    WHITE = "#ffffff";
+    AA_TEXT = 4.5;
+    PURE_BLACK = "#000000";
+    LIGHT_SURFACE = "#ffffff";
+    DARK_SURFACE = "#18181b";
+  }
+});
 
 // src/appearance.ts
 function resolveAppearance(appearance, config) {
@@ -270,13 +206,12 @@ function resolveAppearance(appearance, config) {
   }
   return { theme, primaryColor, style };
 }
-
-// src/components/InvitationPrompt.tsx
-var React4 = __toESM(require("react"), 1);
-
-// src/hooks.ts
-var React = __toESM(require("react"), 1);
-var import_core = require("@authowl/core");
+var init_appearance = __esm({
+  "src/appearance.ts"() {
+    "use strict";
+    init_brand();
+  }
+});
 
 // src/components/auth-state.ts
 function sessionAuthState(data) {
@@ -287,6 +222,11 @@ function sessionAuthState(data) {
     needsMfaEnrollment: hasUser && pending
   };
 }
+var init_auth_state = __esm({
+  "src/components/auth-state.ts"() {
+    "use strict";
+  }
+});
 
 // src/hooks.ts
 function useAuthClient() {
@@ -381,6 +321,43 @@ function useOrganization() {
     isLoaded: !isPending && orgLoaded
   };
 }
+function useInvitationRecipientHint() {
+  const client = useAuthClient();
+  const apiRef = React.useRef(client.organization);
+  apiRef.current = client.organization;
+  const [result, setResult] = React.useState({
+    recipientHint: null,
+    isLoaded: false
+  });
+  React.useEffect(() => {
+    let active = true;
+    const claim = (0, import_core.readInvitationClaim)();
+    if (!claim) {
+      setResult({ recipientHint: null, isLoaded: true });
+      return () => {
+        active = false;
+      };
+    }
+    void (async () => {
+      try {
+        const response = await apiRef.current.getInvitationRecipientHint({
+          invitationId: claim.id
+        });
+        if (!active) return;
+        setResult({
+          recipientHint: response.data?.recipientHint ?? null,
+          isLoaded: true
+        });
+      } catch {
+        if (active) setResult({ recipientHint: null, isLoaded: true });
+      }
+    })();
+    return () => {
+      active = false;
+    };
+  }, []);
+  return result;
+}
 function useOrganizationInvitation() {
   const client = useAuthClient();
   const apiRef = React.useRef(client.organization);
@@ -548,12 +525,19 @@ function useSignOut() {
   const client = useAuthClient();
   return { signOut: client.signOut };
 }
+var React, import_core;
+var init_hooks = __esm({
+  "src/hooks.ts"() {
+    "use strict";
+    "use client";
+    React = __toESM(require("react"), 1);
+    import_core = require("@authowl/core");
+    init_provider();
+    init_auth_state();
+  }
+});
 
 // src/i18n/index.tsx
-var React2 = __toESM(require("react"), 1);
-var import_i18n = require("@authowl/core/i18n");
-var import_i18n2 = require("@authowl/core/i18n");
-var import_jsx_runtime = require("react/jsx-runtime");
 function useLocale() {
   return useAuthOwlContext().locale;
 }
@@ -583,12 +567,20 @@ function useServerError() {
     [locale]
   );
 }
+var React2, import_i18n, import_i18n2, import_jsx_runtime;
+var init_i18n = __esm({
+  "src/i18n/index.tsx"() {
+    "use strict";
+    "use client";
+    React2 = __toESM(require("react"), 1);
+    import_i18n = require("@authowl/core/i18n");
+    init_provider();
+    import_i18n2 = require("@authowl/core/i18n");
+    import_jsx_runtime = require("react/jsx-runtime");
+  }
+});
 
 // src/components/ModalSurface.tsx
-var React3 = __toESM(require("react"), 1);
-var import_react_dom = require("react-dom");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var useClientLayoutEffect = typeof document === "undefined" ? React3.useEffect : React3.useLayoutEffect;
 function ModalSurface({
   overlayClassName,
   panelClassName,
@@ -661,9 +653,19 @@ function ModalSurface({
     portalTarget ? (0, import_react_dom.createPortal)(surface, portalTarget) : null
   ] });
 }
+var React3, import_react_dom, import_jsx_runtime2, useClientLayoutEffect;
+var init_ModalSurface = __esm({
+  "src/components/ModalSurface.tsx"() {
+    "use strict";
+    "use client";
+    React3 = __toESM(require("react"), 1);
+    import_react_dom = require("react-dom");
+    import_jsx_runtime2 = require("react/jsx-runtime");
+    useClientLayoutEffect = typeof document === "undefined" ? React3.useEffect : React3.useLayoutEffect;
+  }
+});
 
 // src/components/InvitationPrompt.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
 function InvitationPrompt() {
   const t = useT();
   const { invitation, status, accept, dismiss } = useOrganizationInvitation();
@@ -721,10 +723,20 @@ function InvitationPrompt() {
     }
   );
 }
+var React4, import_jsx_runtime3;
+var init_InvitationPrompt = __esm({
+  "src/components/InvitationPrompt.tsx"() {
+    "use strict";
+    "use client";
+    React4 = __toESM(require("react"), 1);
+    init_hooks();
+    init_i18n();
+    init_ModalSurface();
+    import_jsx_runtime3 = require("react/jsx-runtime");
+  }
+});
 
 // src/provider.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var warnedConfigProjects = /* @__PURE__ */ new Set();
 function warnPublicConfigFailed(resolved, error) {
   let origin = resolved.apiUrl;
   try {
@@ -739,7 +751,6 @@ function warnPublicConfigFailed(resolved, error) {
     `[AuthOwl] Could not load this project's public config from ${origin} (${reason}). Falling back to a password-only sign-in form, regardless of the methods this project actually enabled. Likely causes: the API is unreachable, \`apiUrl\` is wrong, or the publishable key points at a missing/mismatched project. If password sign-in is not enabled for this project, the form will dead-end at submit - check \`apiUrl\` and \`publishableKey\` on <AuthOwlProvider>. (This warning is dev-only.)`
   );
 }
-var Context = React5.createContext(null);
 function detectLocale() {
   if (typeof document !== "undefined") {
     const root = document.documentElement;
@@ -818,13 +829,603 @@ function AuthOwlProvider({
     }
   ) });
 }
-function useAuthOwlContext() {
-  const v = React5.useContext(Context);
-  if (!v) {
-    throw new Error("AuthOwl hooks must be used inside <AuthOwlProvider>");
+function useAuthOwlContext() {
+  const v = React5.useContext(Context);
+  if (!v) {
+    throw new Error("AuthOwl hooks must be used inside <AuthOwlProvider>");
+  }
+  return v;
+}
+var React5, import_core2, import_jsx_runtime4, warnedConfigProjects, Context;
+var init_provider = __esm({
+  "src/provider.tsx"() {
+    "use strict";
+    "use client";
+    React5 = __toESM(require("react"), 1);
+    import_core2 = require("@authowl/core");
+    init_appearance();
+    init_InvitationPrompt();
+    import_jsx_runtime4 = require("react/jsx-runtime");
+    warnedConfigProjects = /* @__PURE__ */ new Set();
+    Context = React5.createContext(null);
+  }
+});
+
+// src/components/use-submit-action.ts
+function useSubmitAction() {
+  const [pending, setPending] = React6.useState(false);
+  const [error, setError] = React6.useState(null);
+  const toMessage = useServerError();
+  const run = React6.useCallback(
+    async (action, { failure, onSuccess, mapError, keepPendingOnSuccess }) => {
+      setError(null);
+      setPending(true);
+      try {
+        const res = await action();
+        if (res?.error) {
+          setError(mapError?.(res.error) ?? toMessage(res.error, failure));
+          setPending(false);
+          return;
+        }
+        await onSuccess?.(res ?? { data: null, error: null });
+        if (!keepPendingOnSuccess) setPending(false);
+      } catch {
+        setError(failure);
+        setPending(false);
+      }
+    },
+    [toMessage]
+  );
+  return { pending, error, setError, run };
+}
+var React6;
+var init_use_submit_action = __esm({
+  "src/components/use-submit-action.ts"() {
+    "use strict";
+    "use client";
+    React6 = __toESM(require("react"), 1);
+    init_i18n();
+  }
+});
+
+// src/components/Spinner.tsx
+function Spinner() {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ba-spinner", "aria-hidden": "true" });
+}
+function Busy({ busy, label: label2, children }) {
+  return busy ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Spinner, {}),
+    label2
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children });
+}
+var import_jsx_runtime6;
+var init_Spinner = __esm({
+  "src/components/Spinner.tsx"() {
+    "use strict";
+    "use client";
+    import_jsx_runtime6 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/FormError.tsx
+function FormError({ children, className, "data-testid": testId }) {
+  if (children == null || children === "" || children === false) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "p",
+    {
+      className: className ? `ba-error ${className}` : "ba-error",
+      role: "alert",
+      "aria-live": "assertive",
+      "data-testid": testId,
+      children
+    }
+  );
+}
+var import_jsx_runtime7;
+var init_FormError = __esm({
+  "src/components/FormError.tsx"() {
+    "use strict";
+    "use client";
+    import_jsx_runtime7 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/organization/model.ts
+function organizationSlugFromName(name) {
+  return name.normalize("NFKD").toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 63);
+}
+function organizationRoles(role) {
+  return role.split(",").map((value) => value.trim()).filter(Boolean);
+}
+function hasOrganizationRole(member, role) {
+  return member ? organizationRoles(member.role).includes(role) : false;
+}
+function canManageOrganization(member) {
+  return hasOrganizationRole(member, "owner") || hasOrganizationRole(member, "admin");
+}
+function roleHasStatement(roles, heldRoles, resource, action) {
+  return roles.some((role) => {
+    if (!heldRoles.has(role.role) || typeof role.permission !== "object" || role.permission === null) {
+      return false;
+    }
+    const actions = role.permission[resource];
+    return Array.isArray(actions) && actions.includes(action);
+  });
+}
+function teamManagementCapabilities(member, dynamicRoles) {
+  const heldRoles = new Set(organizationRoles(member.role));
+  if (heldRoles.has("owner") || heldRoles.has("admin")) {
+    return {
+      createTeam: true,
+      updateTeam: true,
+      deleteTeam: true,
+      addTeamMember: true,
+      removeTeamMember: true
+    };
+  }
+  return {
+    createTeam: roleHasStatement(dynamicRoles, heldRoles, "team", "create"),
+    updateTeam: roleHasStatement(dynamicRoles, heldRoles, "team", "update"),
+    deleteTeam: roleHasStatement(dynamicRoles, heldRoles, "team", "delete"),
+    addTeamMember: roleHasStatement(dynamicRoles, heldRoles, "member", "update"),
+    removeTeamMember: roleHasStatement(dynamicRoles, heldRoles, "member", "delete")
+  };
+}
+var init_model = __esm({
+  "src/components/organization/model.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/organization/use-organization-roles.ts
+function useOrganizationRoles(organizationId) {
+  const api = useAuthClient().organization;
+  const apiRef = React49.useRef(api);
+  apiRef.current = api;
+  const [dynamicRoles, setDynamicRoles] = React49.useState([]);
+  const requestRef = React49.useRef(0);
+  React49.useEffect(() => {
+    const token = ++requestRef.current;
+    setDynamicRoles([]);
+    if (!organizationId) return;
+    void (async () => {
+      try {
+        const result = await apiRef.current.listRoles({ organizationId });
+        if (token !== requestRef.current) return;
+        setDynamicRoles((result.data ?? []).filter((entry) => entry.role.trim().length > 0));
+      } catch {
+      }
+    })();
+    return () => {
+      requestRef.current += 1;
+    };
+  }, [organizationId]);
+  const roles = React49.useMemo(() => {
+    const seen = /* @__PURE__ */ new Set();
+    const out = [];
+    for (const candidate of [...BUILTIN_ROLES, ...dynamicRoles.map((entry) => entry.role)]) {
+      const key = candidate.trim();
+      if (!key || seen.has(key)) continue;
+      seen.add(key);
+      out.push(key);
+    }
+    return out;
+  }, [dynamicRoles]);
+  return { roles, dynamicRoles };
+}
+var React49, BUILTIN_ROLES;
+var init_use_organization_roles = __esm({
+  "src/components/organization/use-organization-roles.ts"() {
+    "use strict";
+    "use client";
+    React49 = __toESM(require("react"), 1);
+    init_hooks();
+    BUILTIN_ROLES = ["owner", "admin", "member"];
+  }
+});
+
+// src/components/organization/use-organization-list-resource.ts
+function useOrganizationListResource({
+  enabled,
+  resourceKey,
+  request,
+  fallback,
+  inactiveData = null
+}) {
+  const toServerError = useServerError();
+  const requestFn = React51.useRef(request);
+  requestFn.current = request;
+  const [data, setData] = React51.useState(null);
+  const [error, setError] = React51.useState(null);
+  const requestToken = React51.useRef(0);
+  const refresh = React51.useCallback(async () => {
+    const token = ++requestToken.current;
+    if (!enabled || !resourceKey) {
+      setData(inactiveData);
+      setError(null);
+      return;
+    }
+    setError(null);
+    try {
+      const result = await requestFn.current();
+      if (token !== requestToken.current) return;
+      if (result.error) {
+        setError(toServerError(result.error, fallback));
+        return;
+      }
+      setData(result.data ?? []);
+    } catch {
+      if (token === requestToken.current) setError(fallback);
+    }
+  }, [enabled, fallback, inactiveData, resourceKey, toServerError]);
+  React51.useEffect(() => {
+    setData(enabled && resourceKey ? null : inactiveData);
+    setError(null);
+    void refresh();
+    return () => {
+      requestToken.current += 1;
+    };
+  }, [enabled, inactiveData, refresh, resourceKey]);
+  return { data, isLoading: data === null && error === null, error, refresh };
+}
+var React51;
+var init_use_organization_list_resource = __esm({
+  "src/components/organization/use-organization-list-resource.ts"() {
+    "use strict";
+    "use client";
+    React51 = __toESM(require("react"), 1);
+    init_i18n();
+  }
+});
+
+// src/components/organization/use-team-resources.ts
+function useTeamsResource(organizationId) {
+  const api = useAuthClient().organization;
+  const apiRef = React52.useRef(api);
+  apiRef.current = api;
+  const t = useT();
+  const resource = useOrganizationListResource({
+    enabled: true,
+    resourceKey: organizationId,
+    request: () => apiRef.current.listTeams({ organizationId }),
+    fallback: t("organization.profile.loadError")
+  });
+  return { teams: resource.data, error: resource.error, reload: resource.refresh };
+}
+function useTeamMembersResource(selectedTeamId) {
+  const api = useAuthClient().organization;
+  const apiRef = React52.useRef(api);
+  apiRef.current = api;
+  const t = useT();
+  const resource = useOrganizationListResource({
+    enabled: selectedTeamId !== null,
+    resourceKey: selectedTeamId,
+    request: () => apiRef.current.listTeamMembers({ teamId: selectedTeamId }),
+    fallback: t("organization.profile.loadError")
+  });
+  return { members: resource.data, error: resource.error, reload: resource.refresh };
+}
+var React52;
+var init_use_team_resources = __esm({
+  "src/components/organization/use-team-resources.ts"() {
+    "use strict";
+    "use client";
+    React52 = __toESM(require("react"), 1);
+    init_hooks();
+    init_i18n();
+    init_use_organization_list_resource();
+  }
+});
+
+// src/components/organization/TeamMembersPanel.tsx
+function TeamMembersPanel({
+  organization,
+  team,
+  canAdd,
+  canRemove
+}) {
+  const t = useT();
+  const api = useAuthClient().organization;
+  const { pending, error: actionError, run } = useSubmitAction();
+  const [userId, setUserId] = React53.useState("");
+  const { members, error, reload } = useTeamMembersResource(team.id);
+  const assignedUserIds = new Set(members?.map((member) => member.userId));
+  const availableMembers = organization.members.filter((member) => !assignedUserIds.has(member.userId));
+  const addableUserId = availableMembers.some((member) => member.userId === userId) ? userId : availableMembers[0]?.userId ?? "";
+  const addMember = (event) => {
+    event.preventDefault();
+    if (!addableUserId) return;
+    void run(
+      () => api.addTeamMember({
+        teamId: team.id,
+        userId: addableUserId,
+        organizationId: organization.id
+      }),
+      {
+        failure: t("organization.profile.general.error"),
+        onSuccess: async () => {
+          setUserId("");
+          await reload();
+        }
+      }
+    );
+  };
+  const removeMember = (member) => {
+    const organizationMember = organization.members.find((entry) => entry.userId === member.userId);
+    const displayName = organizationMember?.user.name || member.userId;
+    if (!window.confirm(t("organization.profile.teams.removeMemberConfirm", { name: displayName }))) return;
+    void run(
+      () => api.removeTeamMember({
+        teamId: team.id,
+        userId: member.userId,
+        organizationId: organization.id
+      }),
+      {
+        failure: t("organization.profile.general.error"),
+        onSuccess: reload
+      }
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "ba-organization-user-invitations", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h4", { children: t("organization.profile.teams.manageMembers") }),
+    canAdd && availableMembers.length > 0 && members !== null && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("form", { method: "post", className: "ba-organization-invite-form", onSubmit: addMember, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("label", { className: "ba-label", children: [
+        t("organization.profile.teams.addMember"),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("select", { className: "ba-input", value: addableUserId, onChange: (event) => setUserId(event.target.value), children: availableMembers.map((member) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("option", { value: member.userId, children: member.user.name || member.user.email || member.userId }, member.userId)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { className: "ba-button", type: "submit", disabled: pending || !addableUserId, children: t("organization.profile.teams.addMember") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FormError, { children: actionError }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "ba-inline-error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FormError, { children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { className: "ba-link-button", type: "button", onClick: () => void reload(), children: t("organization.retry") })
+    ] }),
+    members?.length ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("ul", { className: "ba-organization-list", children: members.map((member) => {
+      const organizationMember = organization.members.find((entry) => entry.userId === member.userId);
+      const displayName = organizationMember?.user.name || member.userId;
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("li", { className: "ba-organization-member", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "ba-organization-member-copy", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("strong", { children: displayName }),
+          organizationMember?.user.email && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("small", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Bidi, { children: organizationMember.user.email }) })
+        ] }),
+        canRemove && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { className: "ba-link-button ba-danger", type: "button", disabled: pending, onClick: () => removeMember(member), children: t("organization.profile.teams.removeMember") })
+      ] }, member.id);
+    }) }) : error ? null : members === null ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ba-skeleton", "aria-label": t("common.loading") }) : members.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "ba-muted", children: t("organization.profile.teams.membersEmpty") }) : null
+  ] });
+}
+var React53, import_jsx_runtime58;
+var init_TeamMembersPanel = __esm({
+  "src/components/organization/TeamMembersPanel.tsx"() {
+    "use strict";
+    "use client";
+    React53 = __toESM(require("react"), 1);
+    init_hooks();
+    init_i18n();
+    init_FormError();
+    init_use_submit_action();
+    init_use_team_resources();
+    import_jsx_runtime58 = require("react/jsx-runtime");
   }
-  return v;
+});
+
+// src/components/organization/TeamsSection.tsx
+var TeamsSection_exports = {};
+__export(TeamsSection_exports, {
+  default: () => TeamsSection
+});
+function TeamsSection({
+  organization,
+  membership
+}) {
+  const t = useT();
+  const api = useAuthClient().organization;
+  const { pending, error: actionError, run } = useSubmitAction();
+  const { teams, error: teamsError, reload } = useTeamsResource(organization.id);
+  const { dynamicRoles } = useOrganizationRoles(organization.id);
+  const capabilities = teamManagementCapabilities(membership, dynamicRoles);
+  const [name, setName] = React54.useState("");
+  const [selectedTeamId, setSelectedTeamId] = React54.useState(null);
+  const [editingTeamId, setEditingTeamId] = React54.useState(null);
+  const [editingName, setEditingName] = React54.useState("");
+  React54.useEffect(() => {
+    setSelectedTeamId(null);
+    setEditingTeamId(null);
+    setEditingName("");
+  }, [organization.id]);
+  const create = (event) => {
+    event.preventDefault();
+    void run(
+      () => api.createTeam({ organizationId: organization.id, name: name.trim() }),
+      {
+        failure: t("organization.profile.general.error"),
+        onSuccess: async () => {
+          setName("");
+          await reload();
+        }
+      }
+    );
+  };
+  const beginRename = (team) => {
+    setEditingTeamId(team.id);
+    setEditingName(team.name);
+  };
+  const rename = (event, team) => {
+    event.preventDefault();
+    const nextName = editingName.trim();
+    if (!nextName || nextName === team.name) return;
+    void run(
+      () => api.updateTeam({
+        teamId: team.id,
+        data: { name: nextName, organizationId: organization.id }
+      }),
+      {
+        failure: t("organization.profile.general.error"),
+        onSuccess: async () => {
+          setEditingTeamId(null);
+          setEditingName("");
+          await reload();
+        }
+      }
+    );
+  };
+  const remove = (team) => {
+    if (!window.confirm(t("organization.profile.teams.removeTeamConfirm", { name: team.name }))) return;
+    void run(
+      () => api.removeTeam({ teamId: team.id, organizationId: organization.id }),
+      {
+        failure: t("organization.profile.general.error"),
+        onSuccess: async () => {
+          if (selectedTeamId === team.id) setSelectedTeamId(null);
+          if (editingTeamId === team.id) setEditingTeamId(null);
+          await reload();
+        }
+      }
+    );
+  };
+  const selectedTeam = teams?.find((team) => team.id === selectedTeamId);
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("section", { className: "ba-organization-section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("header", { className: "ba-organization-section-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h3", { className: "ba-title", children: t("organization.profile.teams.title") }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "ba-muted", children: t("organization.profile.teams.description") })
+    ] }),
+    capabilities.createTeam ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("form", { method: "post", className: "ba-organization-invite-form", onSubmit: create, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("label", { className: "ba-label", children: [
+        t("organization.profile.teams.create"),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("input", { className: "ba-input", value: name, onChange: (event) => setName(event.target.value), required: true })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { className: "ba-button", type: "submit", disabled: pending || !name.trim(), "aria-busy": pending || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Busy, { busy: pending, label: t("common.working"), children: t("organization.profile.teams.create") }) })
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FormError, { children: actionError }),
+    teamsError && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ba-inline-error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FormError, { children: teamsError }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { className: "ba-link-button", type: "button", onClick: () => void reload(), children: t("organization.retry") })
+    ] }),
+    teams?.length ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ul", { className: "ba-organization-list", children: teams.map((team) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("li", { className: "ba-organization-member", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ba-organization-avatar", "aria-hidden": "true", children: team.name.trim().charAt(0).toUpperCase() || "?" }),
+      editingTeamId === team.id ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("form", { method: "post", className: "ba-organization-invite-form", onSubmit: (event) => rename(event, team), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("label", { className: "ba-label", children: [
+          t("organization.profile.teams.rename"),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("input", { className: "ba-input", value: editingName, onChange: (event) => setEditingName(event.target.value), required: true, autoFocus: true })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { className: "ba-button", type: "submit", disabled: pending || !editingName.trim(), children: t("organization.profile.teams.rename") }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { className: "ba-link-button", type: "button", disabled: pending, onClick: () => setEditingTeamId(null), children: t("organization.profile.teams.cancel") })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ba-organization-member-copy", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("strong", { children: team.name }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "ba-organization-member-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { className: "ba-link-button", type: "button", disabled: pending, "aria-expanded": selectedTeamId === team.id, onClick: () => setSelectedTeamId(selectedTeamId === team.id ? null : team.id), children: t("organization.profile.teams.manageMembers") }),
+          capabilities.updateTeam && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { className: "ba-link-button", type: "button", disabled: pending, onClick: () => beginRename(team), children: t("organization.profile.teams.rename") }),
+          capabilities.deleteTeam && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { className: "ba-link-button ba-danger", type: "button", disabled: pending, onClick: () => remove(team), children: t("organization.profile.teams.removeTeam") })
+        ] })
+      ] })
+    ] }, team.id)) }) : teamsError ? null : teams === null ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "ba-skeleton", "aria-label": t("common.loading") }) : teams.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "ba-muted", children: t("organization.profile.teams.empty") }) : null,
+    selectedTeam && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      TeamMembersPanel,
+      {
+        organization,
+        team: selectedTeam,
+        canAdd: capabilities.addTeamMember,
+        canRemove: capabilities.removeTeamMember
+      }
+    )
+  ] });
 }
+var React54, import_jsx_runtime59;
+var init_TeamsSection = __esm({
+  "src/components/organization/TeamsSection.tsx"() {
+    "use strict";
+    "use client";
+    React54 = __toESM(require("react"), 1);
+    init_hooks();
+    init_i18n();
+    init_FormError();
+    init_Spinner();
+    init_use_submit_action();
+    init_TeamMembersPanel();
+    init_model();
+    init_use_organization_roles();
+    init_use_team_resources();
+    import_jsx_runtime59 = require("react/jsx-runtime");
+  }
+});
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AuthLoaded: () => AuthLoaded,
+  AuthLoading: () => AuthLoading,
+  AuthOwlBadge: () => AuthOwlBadge,
+  AuthOwlBranding: () => AuthOwlBranding,
+  AuthOwlError: () => import_core7.AuthOwlError,
+  AuthOwlProvider: () => AuthOwlProvider,
+  BackupCodesManager: () => BackupCodesManager,
+  Bidi: () => Bidi,
+  ConsentDocLinks: () => ConsentDocLinks,
+  ConsentGate: () => ConsentGate,
+  CreateOrganization: () => CreateOrganization,
+  DEFAULT_BRAND_COLOR: () => DEFAULT_BRAND_COLOR,
+  EmailOtpForm: () => EmailOtpForm,
+  ForgotPassword: () => ForgotPassword,
+  GoogleOneTap: () => GoogleOneTap,
+  InvalidKeyError: () => import_core7.InvalidKeyError,
+  InvitationPrompt: () => InvitationPrompt,
+  KNOWN_METHODS: () => KNOWN_METHODS,
+  MFAChallenge: () => MFAChallenge,
+  MFAEnrollment: () => MFAEnrollment,
+  MFARequiredGate: () => MFARequiredGate,
+  MagicLinkForm: () => MagicLinkForm,
+  OrganizationList: () => OrganizationList,
+  OrganizationProfile: () => OrganizationProfile,
+  OrganizationSwitcher: () => OrganizationSwitcher,
+  PasskeyButton: () => PasskeyButton,
+  PasskeyManager: () => PasskeyManager,
+  PhoneOTP: () => PhoneOTP,
+  Protect: () => Protect,
+  RateLimitedError: () => import_core7.RateLimitedError,
+  ResetPassword: () => ResetPassword,
+  SignIn: () => SignIn,
+  SignOutButton: () => SignOutButton,
+  SignUp: () => SignUp,
+  SignedIn: () => SignedIn,
+  SignedOut: () => SignedOut,
+  SocialButtons: () => SocialButtons,
+  Spinner: () => Spinner,
+  UserButton: () => UserButton,
+  UserProfile: () => UserProfile,
+  VerificationPending: () => VerificationPending,
+  VerifyEmail: () => VerifyEmail,
+  Waitlist: () => Waitlist,
+  createMembershipHas: () => import_core8.createMembershipHas,
+  emailAutocomplete: () => emailAutocomplete,
+  membershipHas: () => import_core8.membershipHas,
+  membershipHasPermission: () => import_core8.membershipHasPermission,
+  membershipHasTeam: () => import_core8.membershipHasTeam,
+  resolveSignInMethods: () => resolveSignInMethods,
+  useAccount: () => useAccount,
+  useAuth: () => useAuth,
+  useAuthClient: () => useAuthClient,
+  useAuthOwlContext: () => useAuthOwlContext,
+  useConsent: () => useConsent,
+  useEmailVerification: () => useEmailVerification,
+  useInvitationRecipientHint: () => useInvitationRecipientHint,
+  useLocale: () => useLocale,
+  useMFA: () => useMFA,
+  useOrganization: () => useOrganization,
+  useOrganizationInvitation: () => useOrganizationInvitation,
+  usePasskeys: () => usePasskeys,
+  usePasswordReset: () => usePasswordReset,
+  usePublicConfig: () => usePublicConfig,
+  useSession: () => useSession,
+  useSignIn: () => useSignIn,
+  useSignOut: () => useSignOut,
+  useSignUp: () => useSignUp,
+  useUser: () => useUser,
+  useWaitlist: () => useWaitlist
+});
+module.exports = __toCommonJS(index_exports);
+init_provider();
+init_i18n();
+init_brand();
+init_hooks();
 
 // src/project-capabilities.ts
 var import_core3 = require("@authowl/core");
@@ -899,6 +1500,8 @@ function resolveSignInMethods(config, pageHost) {
 
 // src/components/SignIn.tsx
 var React19 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
 
 // src/components/redirect.ts
 function isSafeRedirect(redirectTo, origin) {
@@ -958,37 +1561,12 @@ async function finishSignIn(opts) {
   }
 }
 
-// src/components/use-submit-action.ts
-var React6 = __toESM(require("react"), 1);
-function useSubmitAction() {
-  const [pending, setPending] = React6.useState(false);
-  const [error, setError] = React6.useState(null);
-  const toMessage = useServerError();
-  const run = React6.useCallback(
-    async (action, { failure, onSuccess, mapError, keepPendingOnSuccess }) => {
-      setError(null);
-      setPending(true);
-      try {
-        const res = await action();
-        if (res?.error) {
-          setError(mapError?.(res.error) ?? toMessage(res.error, failure));
-          setPending(false);
-          return;
-        }
-        await onSuccess?.(res ?? { data: null, error: null });
-        if (!keepPendingOnSuccess) setPending(false);
-      } catch {
-        setError(failure);
-        setPending(false);
-      }
-    },
-    [toMessage]
-  );
-  return { pending, error, setError, run };
-}
+// src/components/SignIn.tsx
+init_use_submit_action();
 
 // src/components/passkey-autofill.ts
 var React7 = __toESM(require("react"), 1);
+init_hooks();
 function usePasskeyAutofill(opts) {
   const { signInPasskey } = useSignIn();
   const { sessionStore } = useAuthClient();
@@ -1015,6 +1593,8 @@ function usePasskeyAutofill(opts) {
 
 // src/components/SocialButtons.tsx
 var React8 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
 
 // src/components/social-icons.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -1069,35 +1649,9 @@ function ProviderIcon({ provider }) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: ICONS[provider] ?? null });
 }
 
-// src/components/Spinner.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function Spinner() {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ba-spinner", "aria-hidden": "true" });
-}
-function Busy({ busy, label: label2, children }) {
-  return busy ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Spinner, {}),
-    label2
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children });
-}
-
-// src/components/FormError.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function FormError({ children, className, "data-testid": testId }) {
-  if (children == null || children === "" || children === false) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    "p",
-    {
-      className: className ? `ba-error ${className}` : "ba-error",
-      role: "alert",
-      "aria-live": "assertive",
-      "data-testid": testId,
-      children
-    }
-  );
-}
-
 // src/components/SocialButtons.tsx
+init_Spinner();
+init_FormError();
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var LABELS = {
   google: "Google",
@@ -1168,6 +1722,11 @@ function SocialButtons({ providers, callbackURL }) {
 }
 
 // src/components/PasskeyButton.tsx
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function PasskeyButton({ redirectTo, onSignedIn }) {
   const t = useT();
@@ -1199,9 +1758,15 @@ function PasskeyButton({ redirectTo, onSignedIn }) {
 
 // src/components/ForgotPassword.tsx
 var React11 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
 
 // src/components/AuthChallenge.tsx
 var React10 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
 
 // src/components/Turnstile.tsx
 var React9 = __toESM(require("react"), 1);
@@ -1411,6 +1976,7 @@ function useAuthChallenge() {
 }
 
 // src/components/ForgotPassword.tsx
+init_FormError();
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function ForgotPassword({ resetPasswordUrl, onBack }) {
   const t = useT();
@@ -1472,6 +2038,9 @@ function ForgotPassword({ resetPasswordUrl, onBack }) {
 }
 
 // src/components/OtpCodeForm.tsx
+init_i18n();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function OtpCodeForm({
   email,
@@ -1519,6 +2088,11 @@ function OtpCodeForm({
 
 // src/components/MFAChallenge.tsx
 var React12 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function MFAChallenge({ onVerified, allowTrustDevice = true }) {
   const t = useT();
@@ -1587,9 +2161,15 @@ function MFAChallenge({ onVerified, allowTrustDevice = true }) {
 
 // src/components/mfa-enrollment-step.tsx
 var React15 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
 
 // src/components/MFAEnrollment.tsx
 var React14 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
 
 // src/components/mfa-enrollment.ts
 function shouldDiscardSetup(args) {
@@ -1599,6 +2179,7 @@ function shouldDiscardSetup(args) {
 
 // src/components/QrCode.tsx
 var React13 = __toESM(require("react"), 1);
+init_i18n();
 
 // ../../node_modules/.pnpm/qrcode-generator@2.0.4/node_modules/qrcode-generator/dist/qrcode.mjs
 var qrcode = function(typeNumber, errorCorrectionLevel) {
@@ -3281,6 +3862,7 @@ function QrCode({ value, size = 200 }) {
 }
 
 // src/components/MFAEnrollment.tsx
+init_FormError();
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function secretFromUri(uri) {
   try {
@@ -3464,6 +4046,8 @@ function MfaEnrollmentStep({ title }) {
 }
 
 // src/components/AuthOwlBadge.tsx
+init_hooks();
+init_i18n();
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function OwlMark() {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { className: "ba-badge-mark", viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: [
@@ -3497,11 +4081,20 @@ function AuthOwlBadge({ href = "https://authowl.dev", force } = {}) {
   );
 }
 
+// src/components/SignIn.tsx
+init_Spinner();
+
 // src/components/PhoneOTP.tsx
 var React16 = __toESM(require("react"), 1);
 var import_core4 = require("@authowl/core");
+init_hooks();
+init_i18n();
+
+// src/components/LegalConsentCheckbox.tsx
+init_i18n();
 
 // src/components/ConsentDocLinks.tsx
+init_i18n();
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function ConsentDocLinks({ termsUrl, privacyUrl }) {
   const t = useT();
@@ -3543,6 +4136,9 @@ function LegalConsentCheckbox({
 }
 
 // src/components/PhoneOTP.tsx
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function PhoneOTP({
   redirectTo,
@@ -3790,8 +4386,13 @@ function PhoneOTP({
   );
 }
 
+// src/components/SignIn.tsx
+init_FormError();
+
 // src/components/AuthOwlBranding.tsx
 var React17 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function AuthOwlBranding({ href, showEnvironment = true } = {}) {
   const t = useT();
@@ -3843,6 +4444,7 @@ function AuthOwlBranding({ href, showEnvironment = true } = {}) {
 // src/components/InvitationBanner.tsx
 var React18 = __toESM(require("react"), 1);
 var import_core5 = require("@authowl/core");
+init_i18n();
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function InvitationBanner() {
   const t = useT();
@@ -4185,9 +4787,16 @@ function SignIn({
 
 // src/components/SignUp.tsx
 var React23 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
 
 // src/components/VerificationPending.tsx
 var React20 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function VerificationPending({
   email,
@@ -4308,6 +4917,11 @@ function VerificationPending({
 
 // src/components/PasswordlessSignUp.tsx
 var React21 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function PasswordlessSignUp({ onAuthenticated }) {
   const t = useT();
@@ -4384,6 +4998,11 @@ function PasswordlessSignUp({ onAuthenticated }) {
 }
 
 // src/components/PasskeySignUpCompletion.tsx
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function PasskeySignUpCompletion({ onComplete }) {
   const t = useT();
@@ -4411,8 +5030,17 @@ function PasskeySignUpCompletion({ onComplete }) {
   ] });
 }
 
+// src/components/SignUp.tsx
+init_Spinner();
+init_FormError();
+
 // src/components/Waitlist.tsx
 var React22 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_FormError();
+init_Spinner();
+init_use_submit_action();
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function Waitlist({ onJoined, showBadge, showBranding = true } = {}) {
   const t = useT();
@@ -4754,6 +5382,11 @@ function SignUp({
 }
 
 // src/components/ConsentGate.tsx
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function ConsentGate({ children, title }) {
   const t = useT();
@@ -4801,6 +5434,11 @@ function MFARequiredGate({ children, title }) {
 
 // src/components/BackupCodesManager.tsx
 var React24 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function BackupCodesManager({ title }) {
   const t = useT();
@@ -4853,6 +5491,11 @@ function BackupCodesManager({ title }) {
 
 // src/components/MagicLinkForm.tsx
 var React25 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function MagicLinkForm({ callbackURL, webauthnAutofill }) {
   const t = useT();
@@ -4911,6 +5554,11 @@ function MagicLinkForm({ callbackURL, webauthnAutofill }) {
 
 // src/components/EmailOtpForm.tsx
 var React26 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function EmailOtpForm({ redirectTo, onSignedIn, webauthnAutofill }) {
   const t = useT();
@@ -4995,6 +5643,11 @@ function EmailOtpForm({ redirectTo, onSignedIn, webauthnAutofill }) {
 
 // src/components/ResetPassword.tsx
 var React27 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime35 = require("react/jsx-runtime");
 function ResetPassword({ token: tokenProp, redirectTo, onReset }) {
   const t = useT();
@@ -5096,6 +5749,11 @@ function ResetPassword({ token: tokenProp, redirectTo, onReset }) {
 
 // src/components/VerifyEmail.tsx
 var React28 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function VerifyEmail({ redirectTo, onVerified, callbackURL }) {
   const t = useT();
@@ -5172,6 +5830,11 @@ function VerifyEmail({ redirectTo, onVerified, callbackURL }) {
 
 // src/components/PasskeyManager.tsx
 var React29 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function PasskeyManager({ title, allowAdd = true } = {}) {
   const t = useT();
@@ -5284,6 +5947,9 @@ function PasskeyManagerBody({
 
 // src/components/control.tsx
 var import_core6 = require("@authowl/core");
+init_hooks();
+init_i18n();
+init_Spinner();
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function SignedIn({ children }) {
   const { isLoaded, isSignedIn } = useUser();
@@ -5325,8 +5991,14 @@ function AuthLoaded({ children }) {
   return useUser().isLoaded ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children }) : null;
 }
 
+// src/index.ts
+init_Spinner();
+
 // src/components/SignOutButton.tsx
 var React30 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_Spinner();
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function SignOutButton({ children, redirectTo, onSignedOut, className }) {
   const t = useT();
@@ -5358,12 +6030,21 @@ function SignOutButton({ children, redirectTo, onSignedOut, className }) {
 
 // src/components/UserButton.tsx
 var React43 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
 
 // src/components/UserProfile.tsx
 var React42 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
 
 // src/components/user-profile/EmailSection.tsx
 var React31 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function EmailSection({ allowChange }) {
   const t = useT();
@@ -5438,6 +6119,11 @@ function EmailSection({ allowChange }) {
 
 // src/components/user-profile/DeleteAccountSection.tsx
 var React32 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime41 = require("react/jsx-runtime");
 function DeleteAccountSection({ onDeleted }) {
   const t = useT();
@@ -5505,6 +6191,11 @@ function DeleteAccountSection({ onDeleted }) {
 
 // src/components/user-profile/MfaSection.tsx
 var React33 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime42 = require("react/jsx-runtime");
 function MfaSection() {
   const t = useT();
@@ -5611,6 +6302,11 @@ function MfaSection() {
 
 // src/components/user-profile/PasswordSection.tsx
 var React34 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function PasswordSection() {
   const t = useT();
@@ -5692,6 +6388,7 @@ function PasswordSection() {
 
 // src/components/user-profile/PasskeysSection.tsx
 var React35 = __toESM(require("react"), 1);
+init_i18n();
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function PasskeysSection({ allowAdd }) {
   const t = useT();
@@ -5707,6 +6404,11 @@ function PasskeysSection({ allowAdd }) {
 
 // src/components/user-profile/ProfileSection.tsx
 var React36 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime45 = require("react/jsx-runtime");
 function ProfileSection({
   firstLastName,
@@ -5837,6 +6539,8 @@ function ProfileSection({
 
 // src/components/user-profile/RecoverySection.tsx
 var React37 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function RecoverySection() {
   const t = useT();
@@ -5860,6 +6564,9 @@ function RecoverySection() {
 
 // src/components/user-profile/SessionsSection.tsx
 var React39 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
 
 // src/components/user-profile/model.ts
 var USER_PROFILE_SECTIONS = [
@@ -5907,6 +6614,7 @@ function formatSessionTime(date, locale) {
 
 // src/components/user-profile/use-account-resource.ts
 var React38 = __toESM(require("react"), 1);
+init_i18n();
 function useAccountResource(loader2, failure) {
   const loaderRef = React38.useRef(loader2);
   loaderRef.current = loader2;
@@ -5946,6 +6654,7 @@ function useAccountResource(loader2, failure) {
 }
 
 // src/components/user-profile/SessionsSection.tsx
+init_FormError();
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function SessionsSection() {
   const t = useT();
@@ -6025,6 +6734,10 @@ function SessionsSection() {
 
 // src/components/user-profile/SocialSection.tsx
 var React40 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_FormError();
 var import_jsx_runtime48 = require("react/jsx-runtime");
 function providerLabel(provider) {
   return provider.charAt(0).toUpperCase() + provider.slice(1);
@@ -6107,6 +6820,8 @@ function SocialSection() {
 
 // src/components/user-profile/UserProfileModal.tsx
 var React41 = __toESM(require("react"), 1);
+init_i18n();
+init_ModalSurface();
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function UserProfileModal({
   children,
@@ -6354,26 +7069,18 @@ function UserButton() {
 }
 
 // src/components/OrganizationSwitcher.tsx
-var React52 = __toESM(require("react"), 1);
+var React56 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
 
 // src/components/CreateOrganization.tsx
 var React44 = __toESM(require("react"), 1);
-
-// src/components/organization/model.ts
-function organizationSlugFromName(name) {
-  return name.normalize("NFKD").toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 63);
-}
-function organizationRoles(role) {
-  return role.split(",").map((value) => value.trim()).filter(Boolean);
-}
-function hasOrganizationRole(member, role) {
-  return member ? organizationRoles(member.role).includes(role) : false;
-}
-function canManageOrganization(member) {
-  return hasOrganizationRole(member, "owner") || hasOrganizationRole(member, "admin");
-}
-
-// src/components/CreateOrganization.tsx
+init_hooks();
+init_i18n();
+init_model();
+init_use_submit_action();
+init_Spinner();
+init_FormError();
 var import_jsx_runtime52 = require("react/jsx-runtime");
 function CreateOrganization({ onCreated, title } = {}) {
   const t = useT();
@@ -6485,6 +7192,8 @@ function CreateOrganization({ onCreated, title } = {}) {
 
 // src/components/organization/OrganizationModal.tsx
 var React45 = __toESM(require("react"), 1);
+init_i18n();
+init_ModalSurface();
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function OrganizationModal({
   title,
@@ -6525,6 +7234,8 @@ function OrganizationModal({
 
 // src/components/organization/use-organizations-resource.ts
 var React46 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
 function useOrganizationsResource(enabled = true) {
   const api = useAuthClient().organization;
   const apiRef = React46.useRef(api);
@@ -6565,6 +7276,10 @@ function useOrganizationsResource(enabled = true) {
       requestRef.current += 1;
     };
   }, [identity, isLoaded, refresh]);
+  React46.useEffect(
+    () => api.subscribe(() => void refresh()),
+    [api, refresh]
+  );
   return {
     organizations,
     isLoading: !isLoaded || organizations === null && error === null,
@@ -6574,10 +7289,18 @@ function useOrganizationsResource(enabled = true) {
 }
 
 // src/components/OrganizationProfile.tsx
-var React51 = __toESM(require("react"), 1);
+var React55 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
 
 // src/components/organization/DangerSection.tsx
 var React47 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_model();
+init_FormError();
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function DangerSection({
   organization,
@@ -6655,6 +7378,12 @@ function DangerSection({
 
 // src/components/organization/GeneralSection.tsx
 var React48 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
+init_model();
+init_FormError();
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function GeneralSection({
   organization,
@@ -6745,56 +7474,27 @@ function GeneralSection({
 
 // src/components/organization/InvitationsSection.tsx
 var React50 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_Spinner();
 
 // src/components/organization/role-label.ts
+init_model();
 function organizationRoleLabel(role, t) {
-  const primaryRole = organizationRoles(role)[0] ?? role;
-  if (primaryRole === "owner") return t("organization.role.owner");
-  if (primaryRole === "admin") return t("organization.role.admin");
-  if (primaryRole === "member") return t("organization.role.member");
-  return primaryRole;
-}
-
-// src/components/organization/use-organization-roles.ts
-var React49 = __toESM(require("react"), 1);
-var BUILTIN_ROLES = ["owner", "admin", "member"];
-function useOrganizationRoles(organizationId) {
-  const api = useAuthClient().organization;
-  const apiRef = React49.useRef(api);
-  apiRef.current = api;
-  const [dynamic, setDynamic] = React49.useState([]);
-  const requestRef = React49.useRef(0);
-  React49.useEffect(() => {
-    const token = ++requestRef.current;
-    setDynamic([]);
-    if (!organizationId) return;
-    void (async () => {
-      try {
-        const result = await apiRef.current.listRoles({ organizationId });
-        if (token !== requestRef.current) return;
-        setDynamic((result.data ?? []).map((entry) => entry.role).filter(Boolean));
-      } catch {
-      }
-    })();
-    return () => {
-      requestRef.current += 1;
-    };
-  }, [organizationId]);
-  const roles = React49.useMemo(() => {
-    const seen = /* @__PURE__ */ new Set();
-    const out = [];
-    for (const candidate of [...BUILTIN_ROLES, ...dynamic]) {
-      const key = candidate.trim();
-      if (!key || seen.has(key)) continue;
-      seen.add(key);
-      out.push(key);
-    }
-    return out;
-  }, [dynamic]);
-  return { roles };
+  const roles = organizationRoles(role);
+  return (roles.length > 0 ? roles : [role]).map((roleKey) => {
+    if (roleKey === "owner") return t("organization.role.owner");
+    if (roleKey === "admin") return t("organization.role.admin");
+    if (roleKey === "member") return t("organization.role.member");
+    const label2 = roleKey.split(/[-_]+/).filter(Boolean).map((word) => `${word.charAt(0).toUpperCase()}${word.slice(1)}`).join(" ");
+    return t("organization.role.custom", { role: label2 });
+  }).join(t("organization.role.separator"));
 }
 
 // src/components/organization/InvitationsSection.tsx
+init_use_organization_roles();
+init_FormError();
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function InvitationsSection({
   organization,
@@ -6864,6 +7564,12 @@ function InvitationsSection({
 }
 
 // src/components/organization/MembersSection.tsx
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_model();
+init_use_organization_roles();
+init_FormError();
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function MembersSection({
   organization,
@@ -6923,20 +7629,24 @@ function MembersSection({
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { className: "ba-link-button ba-danger", type: "button", disabled: pending, onClick: () => remove(member), children: t("organization.profile.members.remove") })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "ba-organization-role-label", children: organizationRoleLabel(primaryRole, t) })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "ba-organization-role-label", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Bidi, { children: organizationRoleLabel(member.role, t) }) })
       ] }, member.id);
     }) })
   ] });
 }
 
 // src/components/OrganizationProfile.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+init_model();
+init_FormError();
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var SECTION_KEYS2 = {
   general: "organization.profile.nav.general",
   members: "organization.profile.nav.members",
+  teams: "organization.profile.nav.teams",
   invitations: "organization.profile.nav.invitations",
   danger: "organization.profile.nav.danger"
 };
+var TeamsSection2 = React55.lazy(() => Promise.resolve().then(() => (init_TeamsSection(), TeamsSection_exports)));
 function OrganizationProfile({ organizationId, defaultSection = "general", onDeleted, onLeft } = {}) {
   const t = useT();
   const toServerError = useServerError();
@@ -6944,17 +7654,17 @@ function OrganizationProfile({ organizationId, defaultSection = "general", onDel
   const { user, isLoaded, isSignedIn } = useUser();
   const session = useSession();
   const api = useAuthClient().organization;
-  const apiRef = React51.useRef(api);
+  const apiRef = React55.useRef(api);
   apiRef.current = api;
   const activeOrganizationId = session.data?.session.activeOrganizationId ?? null;
   const requestedId = organizationId ?? activeOrganizationId;
   const enabled = config?.organizations === true && isSignedIn;
-  const [organization, setOrganization] = React51.useState(null);
-  const [error, setError] = React51.useState(null);
-  const [wasRemoved, setWasRemoved] = React51.useState(false);
-  const [section, setSection] = React51.useState(defaultSection);
-  const requestRef = React51.useRef(0);
-  const load = React51.useCallback(async () => {
+  const [organization, setOrganization] = React55.useState(null);
+  const [error, setError] = React55.useState(null);
+  const [wasRemoved, setWasRemoved] = React55.useState(false);
+  const [section, setSection] = React55.useState(defaultSection);
+  const requestRef = React55.useRef(0);
+  const load = React55.useCallback(async () => {
     const token = ++requestRef.current;
     if (!enabled || !requestedId) {
       setOrganization(null);
@@ -6974,7 +7684,7 @@ function OrganizationProfile({ organizationId, defaultSection = "general", onDel
       if (token === requestRef.current) setError(t("organization.profile.loadError"));
     }
   }, [enabled, requestedId, t, toServerError]);
-  React51.useEffect(() => {
+  React55.useEffect(() => {
     setOrganization(null);
     setError(null);
     setWasRemoved(false);
@@ -6983,38 +7693,38 @@ function OrganizationProfile({ organizationId, defaultSection = "general", onDel
       requestRef.current += 1;
     };
   }, [load]);
-  if (configLoading || !isLoaded) return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ba-skeleton", "aria-label": t("organization.loading") });
+  if (configLoading || !isLoaded) return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ba-skeleton", "aria-label": t("organization.loading") });
   if (config?.organizations !== true) return null;
-  if (!isSignedIn || !user) return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "ba-muted", children: t("organization.signedOut") });
-  if (wasRemoved) return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "ba-muted", children: t("organization.profile.noActive") });
-  if (!requestedId) return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "ba-muted", children: t("organization.profile.noActive") });
+  if (!isSignedIn || !user) return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "ba-muted", children: t("organization.signedOut") });
+  if (wasRemoved) return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "ba-muted", children: t("organization.profile.noActive") });
+  if (!requestedId) return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "ba-muted", children: t("organization.profile.noActive") });
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "ba-inline-error", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FormError, { children: error }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { className: "ba-link-button", type: "button", onClick: () => void load(), children: t("organization.retry") })
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ba-inline-error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FormError, { children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { className: "ba-link-button", type: "button", onClick: () => void load(), children: t("organization.retry") })
     ] });
   }
-  if (!organization) return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ba-skeleton", "aria-label": t("organization.loading") });
+  if (!organization) return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ba-skeleton", "aria-label": t("organization.loading") });
   const membership = organization.members.find((member) => member.userId === user.id);
-  if (!membership) return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "ba-muted", children: t("organization.profile.notMember") });
+  if (!membership) return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "ba-muted", children: t("organization.profile.notMember") });
   const canManage = canManageOrganization(membership);
-  const visibleSections = canManage ? ["general", "members", "invitations", "danger"] : ["general", "members", "danger"];
+  const visibleSections = canManage ? ["general", "members", "teams", "invitations", "danger"] : ["general", "members", "teams", "danger"];
   const activeSection = visibleSections.includes(section) ? section : "general";
   const handleRemoval = (callback) => (removedOrganization) => {
     setWasRemoved(true);
     setOrganization(null);
     callback?.(removedOrganization);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("article", { className: "ba-organization-profile", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("header", { className: "ba-organization-profile-heading", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ba-organization-avatar ba-organization-avatar-large", "aria-hidden": "true", children: organization.name.trim().charAt(0).toUpperCase() || "?" }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h2", { className: "ba-title", children: organization.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "ba-muted", children: organization.slug })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("article", { className: "ba-organization-profile", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("header", { className: "ba-organization-profile-heading", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "ba-organization-avatar ba-organization-avatar-large", "aria-hidden": "true", children: organization.name.trim().charAt(0).toUpperCase() || "?" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: "ba-title", children: organization.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "ba-muted", children: organization.slug })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "ba-organization-profile-layout", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("nav", { className: "ba-organization-profile-nav", "aria-label": t("organization.profile.nav.label"), children: visibleSections.map((item) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ba-organization-profile-layout", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("nav", { className: "ba-organization-profile-nav", "aria-label": t("organization.profile.nav.label"), children: visibleSections.map((item) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         "button",
         {
           className: "ba-profile-nav-item",
@@ -7025,11 +7735,12 @@ function OrganizationProfile({ organizationId, defaultSection = "general", onDel
         },
         item
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "ba-organization-profile-content", children: [
-        activeSection === "general" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(GeneralSection, { organization, canManage, onChanged: load }),
-        activeSection === "members" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MembersSection, { organization, userId: user.id, canManage, onChanged: load }),
-        activeSection === "invitations" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(InvitationsSection, { organization, onChanged: load }),
-        activeSection === "danger" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ba-organization-profile-content", children: [
+        activeSection === "general" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(GeneralSection, { organization, canManage, onChanged: load }),
+        activeSection === "members" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(MembersSection, { organization, userId: user.id, canManage, onChanged: load }),
+        activeSection === "teams" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(React55.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TeamsSection2, { organization, membership }) }),
+        activeSection === "invitations" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(InvitationsSection, { organization, onChanged: load }),
+        activeSection === "danger" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           DangerSection,
           {
             organization,
@@ -7044,7 +7755,9 @@ function OrganizationProfile({ organizationId, defaultSection = "general", onDel
 }
 
 // src/components/OrganizationSwitcher.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+init_use_submit_action();
+init_FormError();
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function OrganizationSwitcher({ showPersonalWorkspace = true, onOrganizationChange } = {}) {
   const t = useT();
   const { config, isLoading: configLoading } = usePublicConfig();
@@ -7054,15 +7767,15 @@ function OrganizationSwitcher({ showPersonalWorkspace = true, onOrganizationChan
   const enabled = config?.organizations === true && isSignedIn;
   const { organizations, isLoading, error: loadError, refresh } = useOrganizationsResource(enabled);
   const { pending, error, run } = useSubmitAction();
-  const [open, setOpen] = React52.useState(false);
-  const [dialog, setDialog] = React52.useState(null);
-  const rootRef = React52.useRef(null);
-  const triggerRef = React52.useRef(null);
-  const menuRef = React52.useRef(null);
-  const menuId = React52.useId();
+  const [open, setOpen] = React56.useState(false);
+  const [dialog, setDialog] = React56.useState(null);
+  const rootRef = React56.useRef(null);
+  const triggerRef = React56.useRef(null);
+  const menuRef = React56.useRef(null);
+  const menuId = React56.useId();
   const activeId = session.data?.session.activeOrganizationId ?? null;
   const active = organizations?.find((organization) => organization.id === activeId) ?? null;
-  React52.useEffect(() => {
+  React56.useEffect(() => {
     if (!open) return;
     const onPointerDown = (event) => {
       if (!rootRef.current?.contains(event.target)) setOpen(false);
@@ -7077,9 +7790,9 @@ function OrganizationSwitcher({ showPersonalWorkspace = true, onOrganizationChan
       document.removeEventListener("keydown", onKeyDown);
     };
   }, [open]);
-  if (configLoading || !isLoaded) return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "ba-skeleton ba-organization-switcher-skeleton", "aria-label": t("organization.loading") });
+  if (configLoading || !isLoaded) return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ba-skeleton ba-organization-switcher-skeleton", "aria-label": t("organization.loading") });
   if (config?.organizations !== true) return null;
-  if (!isSignedIn) return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "ba-muted", children: t("organization.signedOut") });
+  if (!isSignedIn) return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "ba-muted", children: t("organization.signedOut") });
   const select = (organization) => {
     void run(
       () => api.setActive({ organizationId: organization?.id ?? null }),
@@ -7122,9 +7835,9 @@ function OrganizationSwitcher({ showPersonalWorkspace = true, onOrganizationChan
     else if (event.key === "ArrowDown") items[(current + 1 + items.length) % items.length]?.focus();
     else items[(current - 1 + items.length) % items.length]?.focus();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { ref: rootRef, className: "ba-organization-switcher", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { ref: rootRef, className: "ba-organization-switcher", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
         "button",
         {
           ref: triggerRef,
@@ -7141,43 +7854,43 @@ function OrganizationSwitcher({ showPersonalWorkspace = true, onOrganizationChan
             focusMenuItem(event.key === "ArrowDown" ? "first" : "last");
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ba-organization-avatar", "aria-hidden": "true", children: active?.name.trim().charAt(0).toUpperCase() || "P" }),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: active?.name ?? t("organization.personal") }),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { "aria-hidden": "true", children: "\u2304" })
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ba-organization-avatar", "aria-hidden": "true", children: active?.name.trim().charAt(0).toUpperCase() || "P" }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: active?.name ?? t("organization.personal") }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { "aria-hidden": "true", children: "\u2304" })
           ]
         }
       ),
-      open && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { ref: menuRef, id: menuId, className: "ba-organization-menu", role: "menu", "aria-label": t("organization.switcher.label"), onKeyDown: onMenuKeyDown, children: [
-        isLoading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "ba-skeleton" }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-          showPersonalWorkspace && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("button", { className: "ba-organization-menu-item", type: "button", role: "menuitem", "aria-current": activeId === null ? "true" : void 0, disabled: pending, onClick: () => select(null), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ba-organization-avatar", "aria-hidden": "true", children: "P" }),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: t("organization.personal") })
+      open && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { ref: menuRef, id: menuId, className: "ba-organization-menu", role: "menu", "aria-label": t("organization.switcher.label"), onKeyDown: onMenuKeyDown, children: [
+        isLoading ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ba-skeleton" }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+          showPersonalWorkspace && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("button", { className: "ba-organization-menu-item", type: "button", role: "menuitem", "aria-current": activeId === null ? "true" : void 0, disabled: pending, onClick: () => select(null), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ba-organization-avatar", "aria-hidden": "true", children: "P" }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: t("organization.personal") })
           ] }),
-          organizations?.map((organization) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("button", { className: "ba-organization-menu-item", type: "button", role: "menuitem", "aria-current": activeId === organization.id ? "true" : void 0, disabled: pending, onClick: () => select(organization), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ba-organization-avatar", "aria-hidden": "true", children: organization.name.trim().charAt(0).toUpperCase() || "?" }),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { children: [
+          organizations?.map((organization) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("button", { className: "ba-organization-menu-item", type: "button", role: "menuitem", "aria-current": activeId === organization.id ? "true" : void 0, disabled: pending, onClick: () => select(organization), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ba-organization-avatar", "aria-hidden": "true", children: organization.name.trim().charAt(0).toUpperCase() || "?" }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { children: [
               organization.name,
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("small", { children: organization.slug })
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("small", { children: organization.slug })
             ] })
           ] }, organization.id))
         ] }),
-        (loadError || error) && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ba-inline-error", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FormError, { children: loadError ?? error }),
-          loadError && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { className: "ba-link-button", type: "button", onClick: () => void refresh(), children: t("organization.retry") })
+        (loadError || error) && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ba-inline-error", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(FormError, { children: loadError ?? error }),
+          loadError && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { className: "ba-link-button", type: "button", onClick: () => void refresh(), children: t("organization.retry") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ba-organization-menu-actions", children: [
-          active && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { className: "ba-menu-item", type: "button", role: "menuitem", onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ba-organization-menu-actions", children: [
+          active && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { className: "ba-menu-item", type: "button", role: "menuitem", onClick: () => {
             setOpen(false);
             setDialog("profile");
           }, children: t("organization.switcher.manage") }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { className: "ba-menu-item", type: "button", role: "menuitem", onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { className: "ba-menu-item", type: "button", role: "menuitem", onClick: () => {
             setOpen(false);
             setDialog("create");
           }, children: t("organization.switcher.create") })
         ] })
       ] })
     ] }),
-    dialog === "create" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(OrganizationModal, { title: t("organization.create.title"), returnFocusRef: triggerRef, onClose: () => setDialog(null), children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    dialog === "create" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(OrganizationModal, { title: t("organization.create.title"), returnFocusRef: triggerRef, onClose: () => setDialog(null), children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       CreateOrganization,
       {
         title: null,
@@ -7191,13 +7904,20 @@ function OrganizationSwitcher({ showPersonalWorkspace = true, onOrganizationChan
         }
       }
     ) }),
-    dialog === "profile" && active && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(OrganizationModal, { title: t("organization.profile.title"), returnFocusRef: triggerRef, onClose: () => setDialog(null), children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(OrganizationProfile, { organizationId: active.id, onDeleted: () => void afterProfileRemoval(), onLeft: () => void afterProfileRemoval() }) })
+    dialog === "profile" && active && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(OrganizationModal, { title: t("organization.profile.title"), returnFocusRef: triggerRef, onClose: () => setDialog(null), children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(OrganizationProfile, { organizationId: active.id, onDeleted: () => void afterProfileRemoval(), onLeft: () => void afterProfileRemoval() }) })
   ] });
 }
 
+// src/index.ts
+init_InvitationPrompt();
+
 // src/components/OrganizationList.tsx
-var React53 = __toESM(require("react"), 1);
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var React57 = __toESM(require("react"), 1);
+init_hooks();
+init_i18n();
+init_use_submit_action();
+init_FormError();
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function OrganizationList({ onOrganizationChange } = {}) {
   const t = useT();
   const toServerError = useServerError();
@@ -7205,19 +7925,19 @@ function OrganizationList({ onOrganizationChange } = {}) {
   const { user, isLoaded, isSignedIn } = useUser();
   const session = useSession();
   const api = useAuthClient().organization;
-  const apiRef = React53.useRef(api);
+  const apiRef = React57.useRef(api);
   apiRef.current = api;
   const enabled = config?.organizations === true && isSignedIn;
   const { organizations, isLoading, error: organizationError, refresh } = useOrganizationsResource(enabled);
   const { pending, error, run } = useSubmitAction();
-  const [invitations, setInvitations] = React53.useState(null);
-  const [invitationError, setInvitationError] = React53.useState(null);
-  const [dialog, setDialog] = React53.useState(null);
-  const [profileId, setProfileId] = React53.useState(null);
-  const dialogReturnFocusRef = React53.useRef(null);
-  const invitationRequestRef = React53.useRef(0);
+  const [invitations, setInvitations] = React57.useState(null);
+  const [invitationError, setInvitationError] = React57.useState(null);
+  const [dialog, setDialog] = React57.useState(null);
+  const [profileId, setProfileId] = React57.useState(null);
+  const dialogReturnFocusRef = React57.useRef(null);
+  const invitationRequestRef = React57.useRef(0);
   const activeId = session.data?.session.activeOrganizationId ?? null;
-  const loadInvitations = React53.useCallback(async () => {
+  const loadInvitations = React57.useCallback(async () => {
     const token = ++invitationRequestRef.current;
     if (!enabled) {
       setInvitations([]);
@@ -7237,7 +7957,7 @@ function OrganizationList({ onOrganizationChange } = {}) {
       if (token === invitationRequestRef.current) setInvitationError(t("organization.list.invitationsError"));
     }
   }, [enabled, t, toServerError]);
-  React53.useEffect(() => {
+  React57.useEffect(() => {
     setInvitations(null);
     setInvitationError(null);
     if (!isLoaded) return;
@@ -7246,9 +7966,9 @@ function OrganizationList({ onOrganizationChange } = {}) {
       invitationRequestRef.current += 1;
     };
   }, [isLoaded, loadInvitations, user?.id]);
-  if (configLoading || !isLoaded) return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ba-skeleton", "aria-label": t("organization.loading") });
+  if (configLoading || !isLoaded) return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ba-skeleton", "aria-label": t("organization.loading") });
   if (config?.organizations !== true) return null;
-  if (!isSignedIn) return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "ba-muted", children: t("organization.signedOut") });
+  if (!isSignedIn) return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "ba-muted", children: t("organization.signedOut") });
   const setActive = (organization) => {
     void run(
       () => api.setActive({ organizationId: organization.id }),
@@ -7289,71 +8009,72 @@ function OrganizationList({ onOrganizationChange } = {}) {
     setDialog(null);
     setProfileId(null);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("section", { className: "ba-organization-directory", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("header", { className: "ba-organization-directory-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: "ba-title", children: t("organization.list.title") }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "ba-muted", children: t("organization.list.description") })
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("section", { className: "ba-organization-directory", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("header", { className: "ba-organization-directory-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h2", { className: "ba-title", children: t("organization.list.title") }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "ba-muted", children: t("organization.list.description") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { className: "ba-button", type: "button", onClick: (event) => {
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { className: "ba-button", type: "button", onClick: (event) => {
           dialogReturnFocusRef.current = event.currentTarget;
           setDialog("create");
         }, children: t("organization.switcher.create") })
       ] }),
-      (organizationError || error) && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ba-inline-error", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FormError, { children: organizationError ?? error }),
-        organizationError && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { className: "ba-link-button", type: "button", onClick: () => void refresh(), children: t("organization.retry") })
+      (organizationError || error) && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "ba-inline-error", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(FormError, { children: organizationError ?? error }),
+        organizationError && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { className: "ba-link-button", type: "button", onClick: () => void refresh(), children: t("organization.retry") })
       ] }),
-      isLoading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ba-organization-card-grid", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ba-skeleton" }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ba-skeleton" })
-      ] }) : organizations?.length ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("ul", { className: "ba-organization-card-grid", children: organizations.map((organization) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("li", { className: "ba-organization-card", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "ba-organization-avatar ba-organization-avatar-large", "aria-hidden": "true", children: organization.name.trim().charAt(0).toUpperCase() || "?" }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "ba-organization-card-copy", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("strong", { children: organization.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("small", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Bidi, { children: organization.slug }) })
+      isLoading ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "ba-organization-card-grid", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ba-skeleton" }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ba-skeleton" })
+      ] }) : organizations?.length ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("ul", { className: "ba-organization-card-grid", children: organizations.map((organization) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("li", { className: "ba-organization-card", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ba-organization-avatar ba-organization-avatar-large", "aria-hidden": "true", children: organization.name.trim().charAt(0).toUpperCase() || "?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "ba-organization-card-copy", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("strong", { children: organization.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("small", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Bidi, { children: organization.slug }) })
         ] }),
-        activeId === organization.id && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "ba-organization-active", children: t("organization.list.active") }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "ba-organization-card-actions", children: [
-          activeId !== organization.id && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { className: "ba-button ba-button-secondary", type: "button", disabled: pending, onClick: () => setActive(organization), children: t("organization.list.switch") }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { className: "ba-link-button", type: "button", onClick: (event) => openProfile(organization, event.currentTarget), children: t("organization.list.manage") })
+        activeId === organization.id && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ba-organization-active", children: t("organization.list.active") }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "ba-organization-card-actions", children: [
+          activeId !== organization.id && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { className: "ba-button ba-button-secondary", type: "button", disabled: pending, onClick: () => setActive(organization), children: t("organization.list.switch") }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { className: "ba-link-button", type: "button", onClick: (event) => openProfile(organization, event.currentTarget), children: t("organization.list.manage") })
         ] })
-      ] }, organization.id)) }) : organizationError ? null : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "ba-muted", children: t("organization.list.empty") }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("section", { className: "ba-organization-user-invitations", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("header", { className: "ba-organization-section-header", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h3", { className: "ba-title", children: t("organization.list.invitationsTitle") }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "ba-muted", children: t("organization.list.invitationsDescription") })
+      ] }, organization.id)) }) : organizationError ? null : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "ba-muted", children: t("organization.list.empty") }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("section", { className: "ba-organization-user-invitations", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("header", { className: "ba-organization-section-header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h3", { className: "ba-title", children: t("organization.list.invitationsTitle") }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "ba-muted", children: t("organization.list.invitationsDescription") })
         ] }),
-        invitationError && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ba-inline-error", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FormError, { children: invitationError }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { className: "ba-link-button", type: "button", onClick: () => void loadInvitations(), children: t("organization.retry") })
+        invitationError && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "ba-inline-error", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(FormError, { children: invitationError }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { className: "ba-link-button", type: "button", onClick: () => void loadInvitations(), children: t("organization.retry") })
         ] }),
-        invitations === null && !invitationError ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ba-skeleton" }) : invitations?.length ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("ul", { className: "ba-organization-list", children: invitations.map((invitation) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("li", { className: "ba-organization-invitation", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("strong", { children: invitation.organizationName }),
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("small", { children: organizationRoleLabel(invitation.role, t) })
+        invitations?.length ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("ul", { className: "ba-organization-list", children: invitations.map((invitation) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("li", { className: "ba-organization-invitation", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("strong", { children: invitation.organizationName }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("small", { children: organizationRoleLabel(invitation.role, t) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "ba-organization-card-actions", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { className: "ba-button", type: "button", disabled: pending, onClick: () => invitationAction(invitation, "accept"), children: t("organization.list.accept") }),
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { className: "ba-link-button", type: "button", disabled: pending, onClick: () => invitationAction(invitation, "reject"), children: t("organization.list.reject") })
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "ba-organization-card-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { className: "ba-button", type: "button", disabled: pending, onClick: () => invitationAction(invitation, "accept"), children: t("organization.list.accept") }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { className: "ba-link-button", type: "button", disabled: pending, onClick: () => invitationAction(invitation, "reject"), children: t("organization.list.reject") })
           ] })
-        ] }, invitation.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "ba-muted", children: t("organization.list.noInvitations") })
+        ] }, invitation.id)) }) : invitationError ? null : invitations === null ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ba-skeleton" }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "ba-muted", children: t("organization.list.noInvitations") })
       ] })
     ] }),
-    dialog === "create" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(OrganizationModal, { title: t("organization.create.title"), returnFocusRef: dialogReturnFocusRef, onClose: () => setDialog(null), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CreateOrganization, { title: null, onCreated: () => {
+    dialog === "create" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(OrganizationModal, { title: t("organization.create.title"), returnFocusRef: dialogReturnFocusRef, onClose: () => setDialog(null), children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CreateOrganization, { title: null, onCreated: () => {
       void (async () => {
         await refresh();
         await session.refetch({ query: { disableCookieCache: true } });
         setDialog(null);
       })();
     } }) }),
-    dialog === "profile" && profileId && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(OrganizationModal, { title: t("organization.profile.title"), returnFocusRef: dialogReturnFocusRef, onClose: () => setDialog(null), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(OrganizationProfile, { organizationId: profileId, onDeleted: () => void afterProfileRemoval(), onLeft: () => void afterProfileRemoval() }) })
+    dialog === "profile" && profileId && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(OrganizationModal, { title: t("organization.profile.title"), returnFocusRef: dialogReturnFocusRef, onClose: () => setDialog(null), children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(OrganizationProfile, { organizationId: profileId, onDeleted: () => void afterProfileRemoval(), onLeft: () => void afterProfileRemoval() }) })
   ] });
 }
 
 // src/components/GoogleOneTap.tsx
-var React54 = __toESM(require("react"), 1);
+var React58 = __toESM(require("react"), 1);
+init_hooks();
 
 // src/components/google-one-tap.ts
 var GOOGLE_IDENTITY_SCRIPT = "https://accounts.google.com/gsi/client";
@@ -7521,11 +8242,11 @@ function GoogleOneTap({
   const { config, isLoading: configLoading, isError: configError } = usePublicConfig();
   const { user, isLoaded: sessionLoaded } = useUser();
   const { signInSocial } = useSignIn();
-  const callbacks = React54.useRef({ onSignedIn, onSkipped, onDismissed, onError });
+  const callbacks = React58.useRef({ onSignedIn, onSkipped, onDismissed, onError });
   callbacks.current = { onSignedIn, onSkipped, onDismissed, onError };
   const googleEnabled = config?.socialProviders.includes("google") === true;
   const clientId = config?.socialProviderClientIds?.google;
-  React54.useEffect(() => {
+  React58.useEffect(() => {
     if (configLoading || !sessionLoaded) return;
     if (disabled) {
       callbacks.current.onSkipped?.("disabled");
@@ -7700,6 +8421,7 @@ var import_core8 = require("@authowl/core");
   useAuthOwlContext,
   useConsent,
   useEmailVerification,
+  useInvitationRecipientHint,
   useLocale,
   useMFA,
   useOrganization,