@skylabs-digital/react-identity-access 1.5.0 → 2.0.0

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsx as s, Fragment as H, jsxs as c } from "react/jsx-runtime";
-import { createContext as te, useState as b, useMemo as z, useCallback as Z, useEffect as Y, useContext as re } from "react";
-import { useLocation as ae, Navigate as ie } from "react-router";
-class G {
+import { jsx as n, Fragment as N, jsxs as l } from "react/jsx-runtime";
+import { createContext as de, useMemo as Q, useState as v, useCallback as ne, useEffect as te, useContext as ue } from "react";
+import { useLocation as we, Navigate as pe } from "react-router-dom";
+class re {
   // SessionManager instance
   constructor(e, t = 1e4) {
     this.baseUrl = e.replace(/\/$/, ""), this.timeout = t;
@@ -12,44 +12,44 @@ class G {
   getBaseUrl() {
     return this.baseUrl;
   }
-  async request(e, t, r, n) {
-    return this.executeRequest(e, t, r, n, !1);
+  async request(e, t, r, s) {
+    return this.executeRequest(e, t, r, s, !1);
   }
-  async executeRequest(e, t, r, n, o = !1) {
-    const m = `${this.baseUrl}${t.startsWith("/") ? t : `/${t}`}`, T = (n == null ? void 0 : n.timeout) || this.timeout;
-    let M = {
+  async executeRequest(e, t, r, s, a = !1) {
+    const p = `${this.baseUrl}${t.startsWith("/") ? t : `/${t}`}`, I = (s == null ? void 0 : s.timeout) || this.timeout;
+    let A = {
       "Content-Type": "application/json",
-      ...n == null ? void 0 : n.headers
+      ...s == null ? void 0 : s.headers
     };
-    if (!(n != null && n.skipAuth) && this.sessionManager)
+    if (!(s != null && s.skipAuth) && this.sessionManager)
       try {
-        const h = await this.sessionManager.getAuthHeaders();
-        M = { ...M, ...h };
-      } catch (h) {
-        console.warn("Failed to inject auth headers:", h);
+        const b = await this.sessionManager.getAuthHeaders();
+        A = { ...A, ...b };
+      } catch (b) {
+        console.warn("Failed to inject auth headers:", b);
       }
-    const P = new AbortController(), g = setTimeout(() => P.abort(), T);
+    const x = new AbortController(), P = setTimeout(() => x.abort(), I);
     try {
-      const h = await fetch(m, {
+      const b = await fetch(p, {
         method: e,
-        headers: M,
+        headers: A,
         body: r ? JSON.stringify(r) : void 0,
-        signal: P.signal
+        signal: x.signal
       });
-      if (clearTimeout(g), h.status === 401 && !(n != null && n.skipRetry) && !o && this.sessionManager)
+      if (clearTimeout(P), b.status === 401 && !(s != null && s.skipRetry) && !a && this.sessionManager)
         try {
-          const p = this.sessionManager.getTokens();
-          if (p != null && p.refreshToken)
-            return await this.sessionManager.getAuthHeaders(), this.executeRequest(e, t, r, n, !0);
+          const h = this.sessionManager.getTokens();
+          if (h != null && h.refreshToken)
+            return await this.sessionManager.getAuthHeaders(), this.executeRequest(e, t, r, s, !0);
         } catch {
-          throw new Error(`HTTP ${h.status}: ${h.statusText}`);
+          throw new Error(`HTTP ${b.status}: ${b.statusText}`);
         }
-      if (!h.ok)
-        throw new Error(`HTTP ${h.status}: ${h.statusText}`);
-      const x = h.headers.get("content-type");
-      return !x || !x.includes("application/json") ? {} : await h.json();
-    } catch (h) {
-      throw clearTimeout(g), h instanceof Error && h.name === "AbortError" ? new Error(`Request timeout after ${T}ms`) : h;
+      if (!b.ok)
+        throw new Error(`HTTP ${b.status}: ${b.statusText}`);
+      const m = b.headers.get("content-type");
+      return !m || !m.includes("application/json") ? {} : await b.json();
+    } catch (b) {
+      throw clearTimeout(P), b instanceof Error && b.name === "AbortError" ? new Error(`Request timeout after ${I}ms`) : b;
     }
   }
   async get(e, t) {
@@ -65,7 +65,7 @@ class G {
     return this.request("DELETE", e, void 0, t);
   }
 }
-class Se {
+class be {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -78,12 +78,12 @@ class Se {
   async getApps(e) {
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const n = `/apps/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n, {
+    const s = `/apps/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
       headers: t
     });
     return {
-      apps: o.data,
-      meta: o.meta
+      apps: a.data,
+      meta: a.meta
     };
   }
   async getAppById(e) {
@@ -110,11 +110,11 @@ class Se {
     )).data;
   }
   async updateSettingsSchema(e, t, r) {
-    const n = await this.sessionManager.getAuthHeaders();
+    const s = await this.sessionManager.getAuthHeaders();
     return (await this.httpService.put(
       `/apps/${e}/settings-schema`,
       { schema: t, defaultSettings: r },
-      { headers: n }
+      { headers: s }
     )).data;
   }
   async exportConfig(e) {
@@ -124,7 +124,7 @@ class Se {
     })).data;
   }
 }
-const pe = te(null), ve = () => /* @__PURE__ */ s(
+const Ae = de(null), De = () => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -134,9 +134,9 @@ const pe = te(null), ve = () => /* @__PURE__ */ s(
       height: "100vh",
       fontFamily: "system-ui, sans-serif"
     },
-    children: /* @__PURE__ */ s("div", { children: "Loading application..." })
+    children: /* @__PURE__ */ n("div", { children: "Loading application..." })
   }
-), xe = ({ error: i, retry: e }) => /* @__PURE__ */ c(
+), He = ({ error: i, retry: e }) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -150,9 +150,9 @@ const pe = te(null), ve = () => /* @__PURE__ */ s(
       padding: "20px"
     },
     children: [
-      /* @__PURE__ */ s("h2", { style: { color: "#dc3545", marginBottom: "16px" }, children: "Application Error" }),
-      /* @__PURE__ */ s("p", { style: { color: "#6c757d", marginBottom: "24px" }, children: i.message || "Unable to load application" }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n("h2", { style: { color: "#dc3545", marginBottom: "16px" }, children: "Application Error" }),
+      /* @__PURE__ */ n("p", { style: { color: "#6c757d", marginBottom: "24px" }, children: i.message || "Unable to load application" }),
+      /* @__PURE__ */ n(
         "button",
         {
           onClick: e,
@@ -170,55 +170,113 @@ const pe = te(null), ve = () => /* @__PURE__ */ s(
     ]
   }
 );
-function et({ config: i, children: e }) {
-  const [t, r] = b(null), [n, o] = b(!0), [m, T] = b(null), M = z(() => {
-    const g = () => {
+function St({ config: i, children: e }) {
+  const t = Q(
+    () => {
+      var m, h, S;
+      return {
+        enabled: ((m = i.cache) == null ? void 0 : m.enabled) ?? !0,
+        ttl: ((h = i.cache) == null ? void 0 : h.ttl) ?? 3e5,
+        // 5 minutes default
+        storageKey: ((S = i.cache) == null ? void 0 : S.storageKey) ?? `app_cache_${i.appId}`
+      };
+    },
+    [i.cache, i.appId]
+  ), [r, s] = v(() => {
+    if (!t.enabled) return null;
+    try {
+      const m = localStorage.getItem(t.storageKey);
+      if (!m) return null;
+      const h = JSON.parse(m);
+      return Date.now() - h.timestamp < t.ttl && h.appId === i.appId ? h.data : (localStorage.removeItem(t.storageKey), null);
+    } catch {
+      return null;
+    }
+  }), [a, p] = v(!r), [I, A] = v(null), x = Q(() => {
+    const m = () => {
       P();
     };
     return {
       appId: i.appId,
       baseUrl: i.baseUrl,
       // App info
-      appInfo: t,
-      isAppLoading: n,
-      appError: m,
-      retryApp: g
+      appInfo: r,
+      isAppLoading: a,
+      appError: I,
+      retryApp: m
     };
-  }, [i, t, n, m]), P = Z(async () => {
-    try {
-      o(!0), T(null);
-      const g = new G(i.baseUrl), x = await new Se(g, {}).getPublicAppInfo(i.appId);
-      r(x);
-    } catch (g) {
-      const h = g instanceof Error ? g : new Error("Failed to load app information");
-      T(h), r(null);
-    } finally {
-      o(!1);
-    }
-  }, [i.baseUrl, i.appId]);
-  if (Y(() => {
-    P();
-  }, [P]), n)
-    return /* @__PURE__ */ s(H, { children: i.loadingFallback || /* @__PURE__ */ s(ve, {}) });
-  if (m) {
-    const g = typeof i.errorFallback == "function" ? i.errorFallback(m, () => P()) : i.errorFallback || /* @__PURE__ */ s(xe, { error: m, retry: () => P() });
-    return /* @__PURE__ */ s(H, { children: g });
-  }
-  return /* @__PURE__ */ s(pe.Provider, { value: M, children: e });
+  }, [i, r, a, I]), P = ne(
+    async (m = !1) => {
+      if (!(!m && t.enabled && r))
+        try {
+          p(!0), A(null);
+          const h = new re(i.baseUrl), L = await new be(h, {}).getPublicAppInfo(i.appId);
+          if (s(L), t.enabled)
+            try {
+              const C = {
+                data: L,
+                timestamp: Date.now(),
+                appId: i.appId
+              };
+              localStorage.setItem(t.storageKey, JSON.stringify(C));
+            } catch (C) {
+              console.warn("Failed to cache app info:", C);
+            }
+        } catch (h) {
+          const S = h instanceof Error ? h : new Error("Failed to load app information");
+          A(S), s(null);
+        } finally {
+          p(!1);
+        }
+    },
+    [i.baseUrl, i.appId, t, r]
+  ), b = ne(async () => {
+    if (!(!t.enabled || !r))
+      try {
+        const m = localStorage.getItem(t.storageKey);
+        if (!m) return;
+        const h = JSON.parse(m);
+        if (Date.now() - h.timestamp > t.ttl * 0.5) {
+          const L = new re(i.baseUrl), q = await new be(L, {}).getPublicAppInfo(i.appId);
+          s(q);
+          const k = {
+            data: q,
+            timestamp: Date.now(),
+            appId: i.appId
+          };
+          localStorage.setItem(t.storageKey, JSON.stringify(k));
+        }
+      } catch (m) {
+        console.warn("Background app refresh failed:", m);
+      }
+  }, [i, t, r]);
+  if (te(() => {
+    r ? b() : P();
+  }, []), a)
+    return /* @__PURE__ */ n(N, { children: i.loadingFallback || /* @__PURE__ */ n(De, {}) });
+  if (I) {
+    const m = typeof i.errorFallback == "function" ? i.errorFallback(I, () => P()) : i.errorFallback || /* @__PURE__ */ n(He, { error: I, retry: () => P() });
+    return /* @__PURE__ */ n(N, { children: m });
+  }
+  return /* @__PURE__ */ n(Ae.Provider, { value: x, children: e });
 }
-function se() {
-  const i = re(pe);
+function he() {
+  const i = ue(Ae);
   if (!i)
     throw new Error("useApp must be used within an AppProvider");
   return i;
 }
-const tt = se;
-class Ae {
+const vt = he;
+class ye {
   constructor(e = {}) {
-    this.refreshPromise = null, this.refreshQueue = [], this.storageKey = e.storageKey || "auth_tokens", this.autoRefresh = e.autoRefresh ?? !0, this.refreshThreshold = e.refreshThreshold || 3e5, this.onRefreshFailed = e.onRefreshFailed, this.baseUrl = e.baseUrl || "", this.tokenStorage = e.tokenStorage || {
+    this.refreshPromise = null, this.refreshQueue = [], e.tenantSlug !== void 0 ? this.storageKey = e.tenantSlug ? `auth_tokens_${e.tenantSlug}` : "auth_tokens" : this.storageKey = e.storageKey || "auth_tokens", this.autoRefresh = e.autoRefresh ?? !0, this.refreshThreshold = e.refreshThreshold || 3e5, this.onRefreshFailed = e.onRefreshFailed, this.baseUrl = e.baseUrl || "", this.tokenStorage = e.tokenStorage || this.createTokenStorage(this.storageKey);
+  }
+  // Helper to create a TokenStorage for a specific key
+  createTokenStorage(e) {
+    return {
       get: () => {
         try {
-          const t = localStorage.getItem(this.storageKey);
+          const t = localStorage.getItem(e);
           return t ? JSON.parse(t) : null;
         } catch {
           return null;
@@ -226,13 +284,13 @@ class Ae {
       },
       set: (t) => {
         try {
-          localStorage.setItem(this.storageKey, JSON.stringify(t));
+          localStorage.setItem(e, JSON.stringify(t));
         } catch {
         }
       },
       clear: () => {
         try {
-          localStorage.removeItem(this.storageKey);
+          localStorage.removeItem(e);
         } catch {
         }
       }
@@ -281,10 +339,10 @@ class Ae {
     try {
       await this.refreshPromise;
       const t = this.getTokens(), r = t != null && t.accessToken ? { Authorization: `Bearer ${t.accessToken}` } : {};
-      return this.refreshQueue.forEach(({ resolve: n }) => n(r)), this.refreshQueue = [], r;
+      return this.refreshQueue.forEach(({ resolve: s }) => s(r)), this.refreshQueue = [], r;
     } catch (t) {
       const r = t instanceof Error ? t : new Error("Token refresh failed");
-      return this.refreshQueue.forEach(({ reject: n }) => n(r)), this.refreshQueue = [], this.clearSession(), this.onRefreshFailed && this.onRefreshFailed(), {};
+      return this.refreshQueue.forEach(({ reject: s }) => s(r)), this.refreshQueue = [], this.clearSession(), this.onRefreshFailed && this.onRefreshFailed(), {};
     } finally {
       this.refreshPromise = null;
     }
@@ -303,11 +361,11 @@ class Ae {
     });
     if (!r.ok)
       throw new Error(`Token refresh failed: ${r.status} ${r.statusText}`);
-    const n = await r.json();
+    const s = await r.json();
     this.setTokens({
-      accessToken: n.accessToken,
-      refreshToken: n.refreshToken || e,
-      expiresIn: n.expiresIn
+      accessToken: s.accessToken,
+      refreshToken: s.refreshToken || e,
+      expiresIn: s.expiresIn
     });
   }
   setUser(e) {
@@ -325,12 +383,37 @@ class Ae {
   clearSession() {
     this.clearTokens(), this.clearUser();
   }
+  /**
+   * Decode JWT token and extract payload
+   * Returns null if token is invalid or cannot be decoded
+   */
+  getTokenPayload() {
+    try {
+      const e = this.getTokens();
+      if (!(e != null && e.accessToken)) return null;
+      const t = e.accessToken.split(".");
+      if (t.length !== 3) return null;
+      const r = t[1], s = atob(r.replace(/-/g, "+").replace(/_/g, "/"));
+      return JSON.parse(s);
+    } catch {
+      return null;
+    }
+  }
+  /**
+   * Get userId from token (source of truth) or fallback to stored user
+   */
+  getUserId() {
+    const e = this.getTokenPayload();
+    if (e != null && e.userId) return e.userId;
+    const t = this.getUser();
+    return (t == null ? void 0 : t.id) || null;
+  }
   hasValidSession() {
     const e = this.getTokens();
     return e !== null && !this.isTokenExpired(e);
   }
 }
-class Pe {
+class Ne {
   constructor(e) {
     this.httpService = e;
   }
@@ -354,6 +437,18 @@ class Pe {
   async requestPasswordReset(e) {
     await this.httpService.post("/auth/password-reset/request", e);
   }
+  async sendMagicLink(e) {
+    return await this.httpService.post(
+      "/auth/magic-link/send",
+      e
+    );
+  }
+  async verifyMagicLink(e) {
+    return await this.httpService.post(
+      "/auth/magic-link/verify",
+      e
+    );
+  }
   async confirmPasswordReset(e) {
     await this.httpService.post("/auth/password-reset/confirm", e);
   }
@@ -364,7 +459,7 @@ class Pe {
     });
   }
 }
-class ce {
+class Se {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -404,10 +499,10 @@ class ce {
   async getRolesByApp(e, t) {
     const r = new URLSearchParams();
     t != null && t.page && r.append("page", t.page.toString()), t != null && t.limit && r.append("limit", t.limit.toString()), t != null && t.sortBy && r.append("sortBy", t.sortBy), t != null && t.sortOrder && r.append("sortOrder", t.sortOrder);
-    const n = `/roles/app/${e}${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n);
+    const s = `/roles/app/${e}${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s);
     return {
-      roles: o.data,
-      meta: o.meta
+      roles: a.data,
+      meta: a.meta
     };
   }
   async assignRole(e, t) {
@@ -429,18 +524,18 @@ class ce {
   async getUserRoles(e, t) {
     if (!this.sessionManager)
       throw new Error("SessionManager is required for private endpoints");
-    const r = await this.sessionManager.getAuthHeaders(), n = new URLSearchParams();
-    t != null && t.page && n.append("page", t.page.toString()), t != null && t.limit && n.append("limit", t.limit.toString()), t != null && t.sortBy && n.append("sortBy", t.sortBy), t != null && t.sortOrder && n.append("sortOrder", t.sortOrder);
-    const o = `/roles/user/${e}${n.toString() ? `?${n.toString()}` : ""}`, m = await this.httpService.get(o, {
+    const r = await this.sessionManager.getAuthHeaders(), s = new URLSearchParams();
+    t != null && t.page && s.append("page", t.page.toString()), t != null && t.limit && s.append("limit", t.limit.toString()), t != null && t.sortBy && s.append("sortBy", t.sortBy), t != null && t.sortOrder && s.append("sortOrder", t.sortOrder);
+    const a = `/roles/user/${e}${s.toString() ? `?${s.toString()}` : ""}`, p = await this.httpService.get(a, {
       headers: r
     });
     return {
-      roles: m.data,
-      meta: m.meta
+      roles: p.data,
+      meta: p.meta
     };
   }
 }
-class ke {
+class Be {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -453,12 +548,12 @@ class ke {
   async getUsers(e) {
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const n = `/users/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n, {
+    const s = `/users/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
       headers: t
     });
     return {
-      users: o.data,
-      meta: o.meta
+      users: a.data,
+      meta: a.meta
     };
   }
   async getUserById(e) {
@@ -480,7 +575,7 @@ class ke {
     });
   }
 }
-class de {
+class ce {
   constructor(e, t, r) {
     this.httpService = e, this.appId = t, this.sessionManager = r;
   }
@@ -497,12 +592,12 @@ class de {
       throw new Error("SessionManager is required for private endpoints");
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const n = `/tenants/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n, {
+    const s = `/tenants/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
       headers: t
     });
     return {
-      tenants: o.data,
-      meta: o.meta
+      tenants: a.data,
+      meta: a.meta
     };
   }
   async getTenantById(e) {
@@ -558,7 +653,7 @@ class de {
     )).data;
   }
 }
-const fe = te(null), Te = () => /* @__PURE__ */ s(
+const Pe = de(null), Ue = () => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -568,9 +663,9 @@ const fe = te(null), Te = () => /* @__PURE__ */ s(
       height: "100vh",
       fontFamily: "system-ui, sans-serif"
     },
-    children: /* @__PURE__ */ s("div", { children: "Loading tenant..." })
+    children: /* @__PURE__ */ n("div", { children: "Loading tenant..." })
   }
-), Me = ({ error: i, retry: e }) => /* @__PURE__ */ c(
+), qe = ({ error: i, retry: e }) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -584,9 +679,9 @@ const fe = te(null), Te = () => /* @__PURE__ */ s(
       padding: "20px"
     },
     children: [
-      /* @__PURE__ */ s("h2", { style: { color: "#dc3545", marginBottom: "16px" }, children: "Tenant Error" }),
-      /* @__PURE__ */ s("p", { style: { color: "#6c757d", marginBottom: "24px" }, children: i.message || "Unable to load tenant" }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n("h2", { style: { color: "#dc3545", marginBottom: "16px" }, children: "Tenant Error" }),
+      /* @__PURE__ */ n("p", { style: { color: "#6c757d", marginBottom: "24px" }, children: i.message || "Unable to load tenant" }),
+      /* @__PURE__ */ n(
         "button",
         {
           onClick: e,
@@ -604,77 +699,134 @@ const fe = te(null), Te = () => /* @__PURE__ */ s(
     ]
   }
 );
-function rt({ config: i, children: e }) {
-  const { baseUrl: t, appInfo: r, appId: n } = se(), [o, m] = b(i.initialTenant || null), [T, M] = b(!i.initialTenant), [P, g] = b(null), [h, x] = b(null), [p, A] = b(!1), [F, f] = b(null), L = Z(() => {
-    const d = i.tenantMode || "selector", w = "tenant";
+function xt({ config: i, children: e }) {
+  const { baseUrl: t, appInfo: r, appId: s } = he(), a = ne(() => {
+    const o = i.tenantMode || "selector", g = "tenant";
     if (typeof window > "u") return null;
-    if (d === "subdomain") {
-      const a = window.location.hostname.split(".");
-      if (a.length >= 3) {
-        const l = a[0];
-        return localStorage.setItem(w, l), l;
+    if (o === "subdomain") {
+      const d = window.location.hostname.split(".");
+      if (d.length >= 3) {
+        const c = d[0];
+        return localStorage.setItem(g, c), c;
       }
-      return localStorage.getItem(w);
-    } else if (d === "selector") {
-      const a = new URLSearchParams(window.location.search).get(i.selectorParam || "tenant");
-      return a ? (localStorage.setItem(w, a), a) : localStorage.getItem(w);
+      return localStorage.getItem(g);
+    } else if (o === "selector") {
+      const d = new URLSearchParams(window.location.search).get(i.selectorParam || "tenant");
+      return d ? (localStorage.setItem(g, d), d) : localStorage.getItem(g);
     }
     return null;
-  }, [i.tenantMode, i.selectorParam]), y = z(() => L(), [L]), S = (r == null ? void 0 : r.settingsSchema) || null, k = Z(
-    async (d) => {
+  }, [i.tenantMode, i.selectorParam]), [p, I] = v(() => a()), A = Q(
+    () => {
+      var o, g, f;
+      return {
+        enabled: ((o = i.cache) == null ? void 0 : o.enabled) ?? !0,
+        ttl: ((g = i.cache) == null ? void 0 : g.ttl) ?? 5 * 60 * 1e3,
+        // 5 minutes default
+        storageKey: ((f = i.cache) == null ? void 0 : f.storageKey) ?? `tenant_cache_${p || "default"}`
+      };
+    },
+    [i.cache, p]
+  ), [x, P] = v(() => {
+    if (i.initialTenant) return i.initialTenant;
+    if (!A.enabled || !p) return null;
+    try {
+      const o = localStorage.getItem(A.storageKey);
+      if (!o) return null;
+      const g = JSON.parse(o);
+      return Date.now() - g.timestamp < A.ttl && g.tenantSlug === p ? g.data : (localStorage.removeItem(A.storageKey), null);
+    } catch {
+      return null;
+    }
+  }), [b, m] = v(!x && !i.initialTenant), [h, S] = v(null), [L, C] = v(null), [q, k] = v(!1), [u, T] = v(null);
+  te(() => {
+    const o = a();
+    I(o);
+  }, [a]);
+  const R = (r == null ? void 0 : r.settingsSchema) || null, H = ne(
+    async (o, g = !1) => {
+      if (!(!g && A.enabled && x && x.domain === o))
+        try {
+          m(!0), S(null);
+          const f = new re(t), c = await new ce(f, s).getPublicTenantInfo(o);
+          if (P(c), A.enabled)
+            try {
+              const y = {
+                data: c,
+                timestamp: Date.now(),
+                tenantSlug: o
+              };
+              localStorage.setItem(A.storageKey, JSON.stringify(y));
+            } catch (y) {
+              console.warn("Failed to cache tenant info:", y);
+            }
+        } catch (f) {
+          const d = f instanceof Error ? f : new Error("Failed to load tenant information");
+          S(d), P(null);
+        } finally {
+          m(!1);
+        }
+    },
+    [t, s, A, x]
+  ), G = ne(async () => {
+    if (!(!A.enabled || !x || !p))
       try {
-        M(!0), g(null);
-        const w = new G(t), a = await new de(w, n).getPublicTenantInfo(d);
-        m(a);
-      } catch (w) {
-        const u = w instanceof Error ? w : new Error("Failed to load tenant information");
-        g(u), m(null);
-      } finally {
-        M(!1);
+        const o = localStorage.getItem(A.storageKey);
+        if (!o) return;
+        const g = JSON.parse(o);
+        if (Date.now() - g.timestamp > A.ttl * 0.5) {
+          const d = new re(t), y = await new ce(d, s).getPublicTenantInfo(p);
+          P(y);
+          const W = {
+            data: y,
+            timestamp: Date.now(),
+            tenantSlug: p
+          };
+          localStorage.setItem(A.storageKey, JSON.stringify(W));
+        }
+      } catch (o) {
+        console.warn("Background tenant refresh failed:", o);
       }
-    },
-    [t, n]
-  ), R = Z(async () => {
-    if (o != null && o.id)
+  }, [t, s, A, x, p]), F = ne(async () => {
+    if (x != null && x.id)
       try {
-        A(!0), f(null);
-        const d = new G(t), u = await new de(d, o.appId).getTenantSettings(o.id);
-        x(u);
-      } catch (d) {
-        const w = d instanceof Error ? d : new Error("Failed to load tenant settings");
-        f(w), x(null);
+        k(!0), T(null);
+        const o = new re(t), f = await new ce(o, x.appId).getTenantSettings(x.id);
+        C(f);
+      } catch (o) {
+        const g = o instanceof Error ? o : new Error("Failed to load tenant settings");
+        T(g), C(null);
       } finally {
-        A(!1);
+        k(!1);
       }
-  }, [t, o]), D = Z(() => {
-    R();
-  }, [R]), E = Z(
-    (d) => {
-      if (!S)
+  }, [t, x]), V = ne(() => {
+    F();
+  }, [F]), w = ne(
+    (o) => {
+      if (!R)
         return { isValid: !0, errors: [] };
-      const w = [];
+      const g = [];
       try {
-        return S.properties && Object.entries(S.properties).forEach(([u, a]) => {
-          var W;
-          const l = d[u];
-          if ((W = S.required) != null && W.includes(u) && l == null) {
-            w.push(`Field '${u}' is required`);
+        return R.properties && Object.entries(R.properties).forEach(([f, d]) => {
+          var y;
+          const c = o[f];
+          if ((y = R.required) != null && y.includes(f) && c == null) {
+            g.push(`Field '${f}' is required`);
             return;
           }
-          if (l != null) {
-            if (a.type) {
-              const I = a.type, N = typeof l;
-              I === "string" && N !== "string" ? w.push(`Field '${u}' must be a string`) : (I === "number" || I === "integer") && N !== "number" ? w.push(`Field '${u}' must be a number`) : I === "boolean" && N !== "boolean" ? w.push(`Field '${u}' must be a boolean`) : I === "array" && !Array.isArray(l) && w.push(`Field '${u}' must be an array`);
+          if (c != null) {
+            if (d.type) {
+              const W = d.type, ee = typeof c;
+              W === "string" && ee !== "string" ? g.push(`Field '${f}' must be a string`) : (W === "number" || W === "integer") && ee !== "number" ? g.push(`Field '${f}' must be a number`) : W === "boolean" && ee !== "boolean" ? g.push(`Field '${f}' must be a boolean`) : W === "array" && !Array.isArray(c) && g.push(`Field '${f}' must be an array`);
             }
-            a.minLength !== void 0 && typeof l == "string" && l.length < a.minLength && w.push(
-              `Field '${u}' must be at least ${a.minLength} characters long`
-            ), a.maxLength !== void 0 && typeof l == "string" && l.length > a.maxLength && w.push(
-              `Field '${u}' must be no more than ${a.maxLength} characters long`
-            ), a.minimum !== void 0 && typeof l == "number" && l < a.minimum && w.push(`Field '${u}' must be at least ${a.minimum}`), a.maximum !== void 0 && typeof l == "number" && l > a.maximum && w.push(`Field '${u}' must be no more than ${a.maximum}`), a.pattern && typeof l == "string" && (new RegExp(a.pattern).test(l) || w.push(`Field '${u}' does not match the required pattern`)), a.enum && !a.enum.includes(l) && w.push(`Field '${u}' must be one of: ${a.enum.join(", ")}`);
+            d.minLength !== void 0 && typeof c == "string" && c.length < d.minLength && g.push(
+              `Field '${f}' must be at least ${d.minLength} characters long`
+            ), d.maxLength !== void 0 && typeof c == "string" && c.length > d.maxLength && g.push(
+              `Field '${f}' must be no more than ${d.maxLength} characters long`
+            ), d.minimum !== void 0 && typeof c == "number" && c < d.minimum && g.push(`Field '${f}' must be at least ${d.minimum}`), d.maximum !== void 0 && typeof c == "number" && c > d.maximum && g.push(`Field '${f}' must be no more than ${d.maximum}`), d.pattern && typeof c == "string" && (new RegExp(d.pattern).test(c) || g.push(`Field '${f}' does not match the required pattern`)), d.enum && !d.enum.includes(c) && g.push(`Field '${f}' must be one of: ${d.enum.join(", ")}`);
           }
         }), {
-          isValid: w.length === 0,
-          errors: w
+          isValid: g.length === 0,
+          errors: g
         };
       } catch {
         return {
@@ -683,276 +835,378 @@ function rt({ config: i, children: e }) {
         };
       }
     },
-    [S]
+    [R]
   );
-  Y(() => {
-    !i.initialTenant && y ? k(y) : !i.initialTenant && !y && (m(null), g(null), M(!1));
-  }, [i.initialTenant, y, k]), Y(() => {
-    o != null && o.id ? R() : (x(null), f(null), A(!1));
-  }, [o == null ? void 0 : o.id, R]);
-  const B = z(() => ({
+  te(() => {
+    !i.initialTenant && p ? x ? G() : H(p) : !i.initialTenant && !p && (P(null), S(null), m(!1));
+  }, [i.initialTenant, p, x, H, G]), te(() => {
+    x != null && x.id ? F() : (C(null), T(null), k(!1));
+  }, [x == null ? void 0 : x.id, F]);
+  const M = ne(
+    (o, g = "reload") => {
+      const f = i.tenantMode || "selector";
+      if (console.log("[TenantProvider] Switching tenant:", {
+        targetTenantSlug: o,
+        currentTenantSlug: p,
+        tenantMode: f,
+        mode: g
+      }), localStorage.setItem("tenant", o), f === "subdomain") {
+        const d = window.location.hostname, c = d.split(".");
+        if (c.length >= 2) {
+          c[0] = o;
+          const y = c.join("."), W = `${window.location.protocol}//${y}${window.location.pathname}${window.location.search}`;
+          console.log("[TenantProvider] Redirecting to:", W), window.location.href = W;
+        } else
+          console.warn(
+            "[TenantProvider] Cannot switch subdomain, invalid hostname:",
+            d
+          );
+      } else if (f === "selector") {
+        const d = new URLSearchParams(window.location.search);
+        if (d.set(i.selectorParam || "tenant", o), g === "reload") {
+          const c = `${window.location.pathname}?${d.toString()}${window.location.hash}`;
+          console.log("[TenantProvider] Reloading with new tenant:", c), window.location.href = c;
+        } else {
+          const c = `${window.location.pathname}?${d.toString()}${window.location.hash}`;
+          console.log("[TenantProvider] Navigating without reload:", c), window.history.pushState({}, "", c), I(o), H(o);
+        }
+      }
+    },
+    [i.tenantMode, i.selectorParam, H, p]
+  ), E = Q(() => ({
     // Tenant info
-    tenant: o,
-    tenantSlug: y,
-    isTenantLoading: T,
-    tenantError: P,
+    tenant: x,
+    tenantSlug: p,
+    isTenantLoading: b,
+    tenantError: h,
     retryTenant: () => {
-      y && k(y);
+      p && H(p);
     },
     // Settings
-    settings: h,
-    settingsSchema: S,
-    isSettingsLoading: p,
-    settingsError: F,
+    settings: L,
+    settingsSchema: R,
+    isSettingsLoading: q,
+    settingsError: u,
     // Actions
-    refreshSettings: D,
+    refreshSettings: V,
+    switchTenant: M,
     // Validation
-    validateSettings: E
+    validateSettings: w
   }), [
-    o,
-    y,
-    T,
-    P,
-    h,
-    S,
+    x,
     p,
-    F,
-    D,
-    E
+    b,
+    h,
+    L,
+    R,
+    q,
+    u,
+    V,
+    M,
+    w
   ]);
-  if (T)
-    return /* @__PURE__ */ s(H, { children: i.loadingFallback || /* @__PURE__ */ s(Te, {}) });
-  if (P) {
-    const d = typeof i.errorFallback == "function" ? i.errorFallback(P, () => k(y || "")) : i.errorFallback || /* @__PURE__ */ s(Me, { error: P, retry: () => k(y || "") });
-    return /* @__PURE__ */ s(H, { children: d });
+  if (b)
+    return /* @__PURE__ */ n(N, { children: i.loadingFallback || /* @__PURE__ */ n(Ue, {}) });
+  if (h) {
+    const o = typeof i.errorFallback == "function" ? i.errorFallback(h, () => H(p || "")) : i.errorFallback || /* @__PURE__ */ n(qe, { error: h, retry: () => H(p || "") });
+    return /* @__PURE__ */ n(N, { children: o });
   }
-  return /* @__PURE__ */ s(fe.Provider, { value: B, children: e });
+  return /* @__PURE__ */ n(Pe.Provider, { value: E, children: e });
 }
-function le() {
-  const i = re(fe);
+function fe() {
+  const i = ue(Pe);
   if (!i)
     throw new Error("useTenant must be used within a TenantProvider");
   return i;
 }
-const st = le;
-function nt() {
-  const { settings: i, settingsSchema: e, isSettingsLoading: t, settingsError: r, validateSettings: n } = le();
+const kt = fe;
+function At() {
+  const { settings: i, settingsSchema: e, isSettingsLoading: t, settingsError: r, validateSettings: s } = fe();
   return {
     settings: i,
     settingsSchema: e,
     isLoading: t,
     error: r,
-    validateSettings: n
+    validateSettings: s
   };
 }
-function K() {
-  const { tenant: i, tenantSlug: e, isTenantLoading: t, tenantError: r, retryTenant: n } = le();
+function se() {
+  const { tenant: i, tenantSlug: e, isTenantLoading: t, tenantError: r, retryTenant: s } = fe();
   return {
     tenant: i,
     tenantSlug: e,
     isLoading: t,
     error: r,
-    retry: n
+    retry: s
   };
 }
-const ye = te(null);
-function it({ config: i = {}, children: e }) {
-  const { appId: t, baseUrl: r } = se(), n = K(), o = (n == null ? void 0 : n.tenantSlug) || null, [m, T] = b(i.initialRoles || []), [M, P] = b(!i.initialRoles), [g, h] = b(null), [x, p] = b(!1), [A, F] = b(null), f = z(() => {
-    const d = o ? `auth_tokens_${o}` : "auth_tokens", w = {
-      get: () => {
-        try {
-          const u = localStorage.getItem(d);
-          return u ? JSON.parse(u) : null;
-        } catch {
-          return null;
-        }
-      },
-      set: (u) => {
-        try {
-          localStorage.setItem(d, JSON.stringify(u));
-        } catch {
+const Te = de(null);
+function Pt({ config: i = {}, children: e }) {
+  const { appId: t, baseUrl: r } = he(), { tenant: s, tenantSlug: a, switchTenant: p } = fe(), [I, A] = v(i.initialRoles || []), [x, P] = v(!i.initialRoles), [b, m] = v(null), [h, S] = v(!1), [L, C] = v(null), [q, k] = v(0), u = Q(() => new ye({
+    tenantSlug: a,
+    // SessionManager will generate storageKey internally
+    onRefreshFailed: i.onRefreshFailed,
+    baseUrl: r
+  }), [a, r, i.onRefreshFailed]), T = Q(() => {
+    const g = new re(r);
+    return g.setSessionManager(u), g;
+  }, [r, u]), R = Q(() => new Ne(new re(r)), [r]), H = Q(() => new Be(T, u), [T, u]), G = Q(() => new Se(new re(r)), [r]), F = Q(() => b || u.getUser(), [b, u]), V = Q(() => F != null && F.roleId && I.find((g) => g.id === F.roleId) || null, [F, I]), w = Q(() => (V == null ? void 0 : V.permissions) || [], [V]), M = Q(() => u.hasValidSession() && b !== null, [u, b]), E = 5 * 60 * 1e3, o = Q(() => {
+    const g = async ($ = !1) => {
+      try {
+        if (!u.hasValidSession())
+          return;
+        const U = Date.now();
+        if (!$ && U - q < E && b)
+          return;
+        const j = u.getUserId();
+        if (!j) {
+          console.warn("[AuthProvider] No userId available in token or storage");
+          return;
         }
-      },
-      clear: () => {
+        S(!0), C(null);
+        const X = await H.getUserById(j);
+        m(X), u.setUser(X), k(Date.now());
+      } catch (U) {
+        const K = U instanceof Error ? U : new Error("Failed to load user data");
+        C(K), console.error("[AuthProvider] Failed to load user data:", K);
+      } finally {
+        S(!1);
+      }
+    }, f = async () => {
+      await g();
+    }, d = async ($) => {
+      const { username: U, password: K, tenantSlug: j } = $;
+      let X = s == null ? void 0 : s.id, Y = a, Z = u;
+      j && (X = (await new ce(T, t).getPublicTenantInfo(j)).id, Y = j);
+      const J = await R.login({
+        username: U,
+        password: K,
+        appId: t,
+        tenantId: X
+      }), ae = j && j !== a;
+      if (ae && (Z = new ye({
+        tenantSlug: Y,
+        baseUrl: r
+      })), Z.setTokens({
+        accessToken: J.accessToken,
+        refreshToken: J.refreshToken,
+        expiresIn: J.expiresIn
+      }), J.user) {
+        Z.setUser(J.user), m(J.user);
         try {
-          localStorage.removeItem(d);
-        } catch {
+          await g();
+        } catch (le) {
+          console.warn("Failed to load complete user data after login:", le);
         }
       }
-    };
-    return new Ae({
-      onRefreshFailed: i.onRefreshFailed,
-      tokenStorage: w,
-      baseUrl: r
-    });
-  }, [o, r, i.onRefreshFailed]), L = z(() => {
-    const d = new G(r);
-    return d.setSessionManager(f), d;
-  }, [r, f]), y = z(() => new Pe(new G(r)), [r]), S = z(() => new ke(L, f), [L, f]), k = z(() => new ce(new G(r)), [r]), R = z(() => g || f.getUser(), [g, f]), D = z(() => R != null && R.roleId && m.find((d) => d.id === R.roleId) || null, [R, m]), E = z(() => (D == null ? void 0 : D.permissions) || [], [D]);
-  Y(() => {
-    console.log("AuthProvider - userPermissions changed:", E);
-  }, [E]);
-  const B = z(() => {
-    const d = async () => {
-      try {
-        p(!0), F(null);
-        const v = f.getUser();
-        if (!(v != null && v.id))
-          throw new Error("No user ID available in session");
-        const $ = await S.getUserById(v.id);
-        h($), f.setUser($);
-      } catch (v) {
-        const $ = v instanceof Error ? v : new Error("Failed to load user data");
-        F($), console.error("Failed to load user data:", $);
-      } finally {
-        p(!1);
-      }
-    }, w = async () => {
-      await d();
-    }, u = async (v, $, J) => {
-      const V = await y.login({
-        email: v,
-        password: $,
-        tenantId: J
+      return ae && Y && Y !== a && p(Y), J;
+    }, c = async ($) => {
+      const { email: U, phoneNumber: K, name: j, password: X, lastName: Y, tenantId: Z } = $;
+      if (!U && !K)
+        throw new Error("Either email or phoneNumber is required");
+      if (!j || !X)
+        throw new Error("Name and password are required");
+      const J = Z ?? (s == null ? void 0 : s.id);
+      return await R.signup({
+        email: U,
+        phoneNumber: K,
+        name: j,
+        password: X,
+        tenantId: J,
+        lastName: Y,
+        appId: t
+      });
+    }, y = async ($) => {
+      const { email: U, phoneNumber: K, name: j, password: X, tenantName: Y, lastName: Z } = $;
+      if (!U && !K)
+        throw new Error("Either email or phoneNumber is required");
+      if (!j || !X || !Y)
+        throw new Error("Name, password, and tenantName are required");
+      return await R.signupTenantAdmin({
+        email: U,
+        phoneNumber: K,
+        name: j,
+        password: X,
+        tenantName: Y,
+        appId: t,
+        lastName: Z
       });
-      if (f.setTokens({
-        accessToken: V.accessToken,
-        refreshToken: V.refreshToken,
-        expiresIn: V.expiresIn
-      }), V.user) {
-        f.setUser(V.user), h(V.user);
+    }, W = async ($) => {
+      const { currentPassword: U, newPassword: K } = $, j = await u.getAuthHeaders();
+      await R.changePassword({ currentPassword: U, newPassword: K }, j);
+    }, ee = async ($) => {
+      const { email: U, tenantId: K } = $, j = K ?? (s == null ? void 0 : s.id);
+      if (!j)
+        throw new Error("tenantId is required for password reset");
+      await R.requestPasswordReset({ email: U, tenantId: j });
+    }, z = async ($) => {
+      const { token: U, newPassword: K } = $;
+      await R.confirmPasswordReset({ token: U, newPassword: K });
+    }, B = async ($) => {
+      const { email: U, frontendUrl: K, name: j, lastName: X, tenantId: Y } = $, Z = Y ?? (s == null ? void 0 : s.id);
+      if (!Z)
+        throw new Error("tenantId is required for magic link authentication");
+      return await R.sendMagicLink({
+        email: U,
+        tenantId: Z,
+        frontendUrl: K,
+        name: j,
+        lastName: X,
+        appId: t
+      });
+    }, O = async ($) => {
+      const { token: U, email: K, tenantSlug: j } = $;
+      let X = s == null ? void 0 : s.id, Y = a, Z = u;
+      j && (X = (await new ce(T, t).getPublicTenantInfo(j)).id, Y = j);
+      const J = await R.verifyMagicLink({
+        token: U,
+        email: K,
+        appId: t,
+        tenantId: X
+      }), ae = j && j !== a;
+      if (ae && (Z = new ye({
+        tenantSlug: Y,
+        baseUrl: r
+      })), Z.setTokens({
+        accessToken: J.accessToken,
+        refreshToken: J.refreshToken,
+        expiresIn: J.expiresIn
+      }), J.user) {
+        Z.setUser(J.user), m(J.user);
         try {
-          await d();
-        } catch (ee) {
-          console.warn("Failed to load complete user data after login:", ee);
+          await g();
+        } catch (le) {
+          console.warn("Failed to load complete user data after magic link login:", le);
         }
       }
-      return V;
-    }, a = async (v, $, J, V, ee) => await y.signup({
-      email: v,
-      name: $,
-      password: J,
-      tenantId: V,
-      lastName: ee
-    }), l = async (v, $, J, V, ee) => await y.signupTenantAdmin({
-      email: v,
-      name: $,
-      password: J,
-      tenantName: V,
-      appId: t,
-      lastName: ee
-    }), W = async (v, $) => {
-      const J = await f.getAuthHeaders();
-      await y.changePassword({ currentPassword: v, newPassword: $ }, J);
-    }, I = async (v, $) => {
-      await y.requestPasswordReset({ email: v, tenantId: $ });
-    }, N = async (v, $) => {
-      await y.confirmPasswordReset({ token: v, newPassword: $ });
-    }, _ = async () => {
-      const v = f.getTokens();
-      if (!(v != null && v.refreshToken))
+      return ae && Y && Y !== a && p(Y), J;
+    }, D = async () => {
+      const $ = u.getTokens();
+      if (!($ != null && $.refreshToken))
         throw new Error("No refresh token available");
-      const $ = await y.refreshToken({
-        refreshToken: v.refreshToken
+      const U = await R.refreshToken({
+        refreshToken: $.refreshToken
       });
-      f.setTokens({
-        accessToken: $.accessToken,
-        refreshToken: $.refreshToken || v.refreshToken,
-        expiresIn: $.expiresIn
+      u.setTokens({
+        accessToken: U.accessToken,
+        refreshToken: U.refreshToken || $.refreshToken,
+        expiresIn: U.expiresIn
       });
-    }, C = () => {
-      f.clearSession(), h(null), F(null);
-    }, U = (v) => {
-      f.setTokens(v);
-    }, Q = () => f.hasValidSession(), q = () => {
-      f.clearSession(), h(null), F(null);
-    }, O = async () => {
+    }, _ = () => {
+      u.clearSession(), m(null), C(null);
+    }, ge = ($) => {
+      u.setTokens($);
+    }, Re = () => u.hasValidSession(), Ce = () => {
+      u.clearSession(), m(null), C(null);
+    }, Le = async () => {
       if (t)
         try {
           P(!0);
-          const { roles: v } = await k.getRolesByApp(t);
-          T(v);
-        } catch (v) {
-          console.error("Failed to fetch roles:", v);
+          const { roles: $ } = await G.getRolesByApp(t);
+          A($);
+        } catch ($) {
+          console.error("Failed to fetch roles:", $);
         } finally {
           P(!1);
         }
-    }, j = async () => {
-      await O();
-    }, oe = (v) => {
-      if (!E || E.length === 0)
+    }, Fe = async () => {
+      await Le();
+    }, me = ($) => {
+      if (!w || w.length === 0)
         return !1;
-      if (typeof v == "string")
-        return E.includes(v);
-      const $ = `${v.resource}.${v.action}`;
-      return E.includes($);
+      if (typeof $ == "string")
+        return w.includes($);
+      const U = `${$.resource}.${$.action}`;
+      return w.includes(U);
     };
     return {
-      sessionManager: f,
-      authenticatedHttpService: L,
-      login: u,
-      signup: a,
-      signupTenantAdmin: l,
+      // RFC-003: Authentication state
+      isAuthenticated: M,
+      sessionManager: u,
+      authenticatedHttpService: T,
+      login: d,
+      signup: c,
+      signupTenantAdmin: y,
+      sendMagicLink: B,
+      verifyMagicLink: O,
       changePassword: W,
-      requestPasswordReset: I,
-      confirmPasswordReset: N,
-      refreshToken: _,
-      logout: C,
-      setTokens: U,
-      hasValidSession: Q,
-      clearSession: q,
-      currentUser: g,
-      isUserLoading: x,
-      userError: A,
-      refreshUser: w,
-      userRole: D,
-      userPermissions: E,
-      availableRoles: m,
-      rolesLoading: M,
-      hasPermission: oe,
-      hasAnyPermission: (v) => v.some(($) => oe($)),
-      hasAllPermissions: (v) => v.every(($) => oe($)),
-      getUserPermissionStrings: () => E || [],
-      refreshRoles: j
+      requestPasswordReset: ee,
+      confirmPasswordReset: z,
+      refreshToken: D,
+      logout: _,
+      setTokens: ge,
+      hasValidSession: Re,
+      clearSession: Ce,
+      currentUser: b,
+      isUserLoading: h,
+      userError: L,
+      loadUserData: g,
+      refreshUser: f,
+      userRole: V,
+      userPermissions: w,
+      availableRoles: I,
+      rolesLoading: x,
+      hasPermission: me,
+      hasAnyPermission: ($) => $.some((U) => me(U)),
+      hasAllPermissions: ($) => $.every((U) => me(U)),
+      getUserPermissionStrings: () => w || [],
+      refreshRoles: Fe
     };
   }, [
-    f,
-    L,
-    y,
-    S,
-    k,
+    M,
+    u,
+    T,
+    R,
+    H,
+    G,
     t,
-    m,
-    g,
-    x,
-    A,
-    D,
+    s,
+    a,
+    p,
+    I,
+    b,
+    h,
+    L,
+    V,
+    w,
+    q,
     E
   ]);
-  return Y(() => {
+  return te(() => {
     !i.initialRoles && t && (async () => {
       try {
         P(!0);
-        const w = new G(r), u = new ce(w), { roles: a } = await u.getRolesByApp(t);
-        T(a);
-      } catch (w) {
-        console.error("Failed to fetch roles:", w);
+        const f = new re(r), d = new Se(f), { roles: c } = await d.getRolesByApp(t);
+        A(c);
+      } catch (f) {
+        console.error("Failed to fetch roles:", f);
       } finally {
         P(!1);
       }
     })();
-  }, [t, r, i.initialRoles]), Y(() => {
-    const d = f.getUser();
-    d && f.hasValidSession() && h(d);
-  }, [f]), /* @__PURE__ */ s(ye.Provider, { value: B, children: e });
+  }, [t, r, i.initialRoles]), te(() => {
+    const g = u.getUser();
+    g && u.hasValidSession() && m(g);
+  }, [u]), te(() => {
+    !b && !h && o.loadUserData().catch(() => {
+    });
+  }, [b, h, o]), te(() => {
+    if (!u.hasValidSession() || !b)
+      return;
+    const g = setInterval(() => {
+      o.loadUserData().catch(() => {
+      });
+    }, E);
+    return () => clearInterval(g);
+  }, [u, b, o, E]), /* @__PURE__ */ n(Te.Provider, { value: o, children: e });
 }
-function ne() {
-  const i = re(ye);
+function oe() {
+  const i = ue(Te);
   if (!i)
     throw new Error("useAuth must be used within an AuthProvider");
   return i;
 }
-class Ee {
+class ze {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -973,12 +1227,12 @@ class Ee {
       throw new Error("SessionManager is required for private endpoints");
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const n = `/feature-flags/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n, {
+    const s = `/feature-flags/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
       headers: t
     });
     return {
-      featureFlags: o.data,
-      meta: o.meta
+      featureFlags: a.data,
+      meta: a.meta
     };
   }
   async getFeatureFlagById(e) {
@@ -1015,8 +1269,8 @@ class Ee {
       throw new Error("Tenant ID and App ID are required");
     const r = new URLSearchParams();
     r.append("tenantId", e), r.append("appId", t);
-    const n = `/tenant-feature-flags${r.toString() ? `?${r.toString()}` : ""}`;
-    return (await this.httpService.get(n, {
+    const s = `/tenant-feature-flags${r.toString() ? `?${r.toString()}` : ""}`;
+    return (await this.httpService.get(s, {
       headers: { "X-Tenant-ID": e }
     })).data;
   }
@@ -1024,66 +1278,66 @@ class Ee {
   async getTenantFeatureFlag(e, t, r) {
     if (!e || !t || !r)
       throw new Error("Flag Key, Tenant ID and App ID are required");
-    const n = new URLSearchParams();
-    n.append("tenantId", t), n.append("appId", r);
-    const o = `/tenant-feature-flags/${e}${n.toString() ? `?${n.toString()}` : ""}`;
-    return (await this.httpService.get(o, {
+    const s = new URLSearchParams();
+    s.append("tenantId", t), s.append("appId", r);
+    const a = `/tenant-feature-flags/${e}${s.toString() ? `?${s.toString()}` : ""}`;
+    return (await this.httpService.get(a, {
       headers: { "X-Tenant-ID": t }
     })).data;
   }
 }
-const we = te(null);
-function ot({ config: i = {}, children: e }) {
-  const { baseUrl: t, appId: r } = se(), { tenant: n } = K(), [o, m] = b([]), [T, M] = b(!1), [P, g] = b(null), h = z(() => {
-    const A = new G(t);
-    return new Ee(A);
-  }, [t]), x = async () => {
-    if (!(n != null && n.id)) {
-      m([]);
+const Me = de(null);
+function Tt({ config: i = {}, children: e }) {
+  const { baseUrl: t, appId: r } = he(), { tenant: s } = se(), [a, p] = v([]), [I, A] = v(!1), [x, P] = v(null), b = Q(() => {
+    const S = new re(t);
+    return new ze(S);
+  }, [t]), m = async () => {
+    if (!(s != null && s.id)) {
+      p([]);
       return;
     }
-    M(!0), g(null);
+    A(!0), P(null);
     try {
-      const A = await h.getTenantFeatureFlags(n.id, r);
-      m(A);
-    } catch (A) {
-      const F = A instanceof Error ? A.message : "Failed to fetch feature flags";
-      g(F), i.onError && i.onError(A instanceof Error ? A : new Error(F));
+      const S = await b.getTenantFeatureFlags(s.id, r);
+      p(S);
+    } catch (S) {
+      const L = S instanceof Error ? S.message : "Failed to fetch feature flags";
+      P(L), i.onError && i.onError(S instanceof Error ? S : new Error(L));
     } finally {
-      M(!1);
+      A(!1);
     }
   };
-  Y(() => {
-    x();
-    const A = i.refreshInterval || 5 * 60 * 1e3, F = setInterval(x, A);
-    return () => clearInterval(F);
-  }, [n == null ? void 0 : n.id, i.refreshInterval]);
-  const p = z(() => ({
-    featureFlags: o,
-    loading: T,
-    error: P,
-    isEnabled: (y) => {
-      const S = o.find((k) => k.key === y);
-      return (S == null ? void 0 : S.value) === !0;
+  te(() => {
+    m();
+    const S = i.refreshInterval || 5 * 60 * 1e3, L = setInterval(m, S);
+    return () => clearInterval(L);
+  }, [s == null ? void 0 : s.id, i.refreshInterval]);
+  const h = Q(() => ({
+    featureFlags: a,
+    loading: I,
+    error: x,
+    isEnabled: (k) => {
+      const u = a.find((T) => T.key === k);
+      return (u == null ? void 0 : u.value) === !0;
     },
-    getFlag: (y) => o.find((S) => S.key === y),
-    getFlagState: (y) => {
-      const S = o.find((k) => k.key === y);
-      return S ? S.value ? "enabled" : "disabled" : "not_found";
+    getFlag: (k) => a.find((u) => u.key === k),
+    getFlagState: (k) => {
+      const u = a.find((T) => T.key === k);
+      return u ? u.value ? "enabled" : "disabled" : "not_found";
     },
     refresh: async () => {
-      await x();
+      await m();
     }
-  }), [o, T, P]);
-  return /* @__PURE__ */ s(we.Provider, { value: p, children: e });
+  }), [a, I, x]);
+  return /* @__PURE__ */ n(Me.Provider, { value: h, children: e });
 }
-function Re() {
-  const i = re(we);
+function Oe() {
+  const i = ue(Me);
   if (!i)
     throw new Error("useFeatureFlags must be used within a FeatureFlagProvider");
   return i;
 }
-class Fe {
+class je {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -1149,64 +1403,64 @@ class Fe {
     )).data;
   }
 }
-const me = te(void 0);
-function at({ config: i = {}, children: e }) {
-  const { baseUrl: t } = se(), { tenant: r } = K(), [n, o] = b(null), [m, T] = b(!1), [M, P] = b(null), g = z(() => {
-    const p = new G(t);
-    return new Fe(p);
-  }, [t]), h = async () => {
+const Ie = de(void 0);
+function Mt({ config: i = {}, children: e }) {
+  const { baseUrl: t } = he(), { tenant: r } = se(), [s, a] = v(null), [p, I] = v(!1), [A, x] = v(null), P = Q(() => {
+    const h = new re(t);
+    return new je(h);
+  }, [t]), b = async () => {
     if (!(r != null && r.id)) {
-      o(null);
+      a(null);
       return;
     }
-    T(!0), P(null);
+    I(!0), x(null);
     try {
-      const p = await g.getTenantSubscriptionFeatures(r.id);
-      o(p);
-    } catch (p) {
-      const A = p instanceof Error ? p.message : "Failed to fetch subscription";
-      P(A), i.onError && i.onError(p instanceof Error ? p : new Error(A));
+      const h = await P.getTenantSubscriptionFeatures(r.id);
+      a(h);
+    } catch (h) {
+      const S = h instanceof Error ? h.message : "Failed to fetch subscription";
+      x(S), i.onError && i.onError(h instanceof Error ? h : new Error(S));
     } finally {
-      T(!1);
+      I(!1);
     }
   };
-  Y(() => {
-    if (h(), !i.refreshInterval) return;
-    const p = i.refreshInterval || 10 * 60 * 1e3, A = setInterval(h, p);
-    return () => clearInterval(A);
+  te(() => {
+    if (b(), !i.refreshInterval) return;
+    const h = i.refreshInterval || 10 * 60 * 1e3, S = setInterval(b, h);
+    return () => clearInterval(S);
   }, [r == null ? void 0 : r.id, i.refreshInterval]);
-  const x = z(() => {
-    const p = (n == null ? void 0 : n.features) || [];
+  const m = Q(() => {
+    const h = (s == null ? void 0 : s.features) || [];
     return {
-      subscription: n,
-      features: p,
-      loading: m,
-      error: M,
-      isFeatureEnabled: (S) => {
-        const k = p.find((R) => R.key === S);
-        return k ? k.type === "BOOLEAN" || k.type === "boolean" ? k.value === !0 : !!k.value : !1;
+      subscription: s,
+      features: h,
+      loading: p,
+      error: A,
+      isFeatureEnabled: (u) => {
+        const T = h.find((R) => R.key === u);
+        return T ? T.type === "BOOLEAN" || T.type === "boolean" ? T.value === !0 : !!T.value : !1;
       },
-      getFeature: (S) => p.find((k) => k.key === S),
-      getFeatureValue: (S, k) => {
-        const R = p.find((D) => D.key === S);
-        return R ? R.value : k;
+      getFeature: (u) => h.find((T) => T.key === u),
+      getFeatureValue: (u, T) => {
+        const R = h.find((H) => H.key === u);
+        return R ? R.value : T;
       },
-      hasAllowedPlan: (S) => !n || !n.isActive ? !1 : S.includes(n.planId),
+      hasAllowedPlan: (u) => !s || !s.isActive ? !1 : u.includes(s.planId),
       refresh: async () => {
-        await h();
+        await b();
       }
     };
-  }, [n, m, M]);
-  return /* @__PURE__ */ s(me.Provider, { value: x, children: e });
+  }, [s, p, A]);
+  return /* @__PURE__ */ n(Ie.Provider, { value: m, children: e });
 }
-function Ie() {
-  const i = re(me);
+function Ve() {
+  const i = ue(Ie);
   if (i === void 0)
     throw new Error("useSubscription must be used within a SubscriptionProvider");
   return i;
 }
-var X = /* @__PURE__ */ ((i) => (i.SUPERUSER = "SUPERUSER", i.TENANT_ADMIN = "TENANT_ADMIN", i.USER = "USER", i))(X || {});
-const ue = () => /* @__PURE__ */ c(
+var ie = /* @__PURE__ */ ((i) => (i.SUPERUSER = "SUPERUSER", i.TENANT_ADMIN = "TENANT_ADMIN", i.USER = "USER", i))(ie || {});
+const ve = () => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1222,10 +1476,10 @@ const ue = () => /* @__PURE__ */ c(
       margin: "20px 0"
     },
     children: [
-      /* @__PURE__ */ s("div", { style: { fontSize: "2rem", marginBottom: "10px" }, children: "🔒" }),
-      /* @__PURE__ */ s("h3", { style: { color: "#495057", marginBottom: "10px" }, children: "Access Required" }),
-      /* @__PURE__ */ s("p", { style: { color: "#6c757d", fontSize: "14px", marginBottom: "15px" }, children: "You need to be signed in to view this content." }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n("div", { style: { fontSize: "2rem", marginBottom: "10px" }, children: "🔒" }),
+      /* @__PURE__ */ n("h3", { style: { color: "#495057", marginBottom: "10px" }, children: "Access Required" }),
+      /* @__PURE__ */ n("p", { style: { color: "#6c757d", fontSize: "14px", marginBottom: "15px" }, children: "You need to be signed in to view this content." }),
+      /* @__PURE__ */ n(
         "button",
         {
           style: {
@@ -1243,11 +1497,11 @@ const ue = () => /* @__PURE__ */ c(
       )
     ]
   }
-), he = ({
+), xe = ({
   userType: i,
   minUserType: e,
   missingPermissions: t
-}) => /* @__PURE__ */ c(
+}) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1263,57 +1517,57 @@ const ue = () => /* @__PURE__ */ c(
       margin: "20px 0"
     },
     children: [
-      /* @__PURE__ */ s("div", { style: { fontSize: "2rem", marginBottom: "10px" }, children: "⚠️" }),
-      /* @__PURE__ */ s("h3", { style: { color: "#856404", marginBottom: "10px" }, children: "Insufficient Permissions" }),
-      e && i ? /* @__PURE__ */ c(H, { children: [
-        /* @__PURE__ */ c("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: [
+      /* @__PURE__ */ n("div", { style: { fontSize: "2rem", marginBottom: "10px" }, children: "⚠️" }),
+      /* @__PURE__ */ n("h3", { style: { color: "#856404", marginBottom: "10px" }, children: "Insufficient Permissions" }),
+      e && i ? /* @__PURE__ */ l(N, { children: [
+        /* @__PURE__ */ l("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: [
           "This content requires ",
-          /* @__PURE__ */ s("strong", { children: e }),
+          /* @__PURE__ */ n("strong", { children: e }),
           " access level or higher."
         ] }),
-        /* @__PURE__ */ c("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
+        /* @__PURE__ */ l("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
           "Your current access level: ",
-          /* @__PURE__ */ s("strong", { children: i })
+          /* @__PURE__ */ n("strong", { children: i })
         ] })
-      ] }) : /* @__PURE__ */ c(H, { children: [
-        /* @__PURE__ */ s("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: "You don't have the required permissions to view this content." }),
-        t && t.length > 0 && /* @__PURE__ */ c("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
+      ] }) : /* @__PURE__ */ l(N, { children: [
+        /* @__PURE__ */ n("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: "You don't have the required permissions to view this content." }),
+        t && t.length > 0 && /* @__PURE__ */ l("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
           "Required permissions: ",
-          /* @__PURE__ */ s("strong", { children: t.join(", ") })
+          /* @__PURE__ */ n("strong", { children: t.join(", ") })
         ] })
       ] })
     ]
   }
-), He = (i, e) => {
+), We = (i, e) => {
   const t = {
-    [X.USER]: 1,
-    [X.TENANT_ADMIN]: 2,
-    [X.SUPERUSER]: 3
+    [ie.USER]: 1,
+    [ie.TENANT_ADMIN]: 2,
+    [ie.SUPERUSER]: 3
   };
   return t[i] >= t[e];
 };
-function lt({
+function It({
   children: i,
   fallback: e,
   minUserType: t,
   requiredPermissions: r,
-  requireAllPermissions: n = !1
+  requireAllPermissions: s = !1
 }) {
-  const { hasValidSession: o, sessionManager: m, hasPermission: T, hasAnyPermission: M, hasAllPermissions: P } = ne();
-  if (!o())
-    return /* @__PURE__ */ s(H, { children: e || /* @__PURE__ */ s(ue, {}) });
-  const g = m.getUser();
-  if (!g)
-    return /* @__PURE__ */ s(H, { children: e || /* @__PURE__ */ s(ue, {}) });
-  if (t && !He(g.userType, t))
-    return /* @__PURE__ */ s(he, { userType: g.userType, minUserType: t });
-  if (r && r.length > 0 && !(n ? P(r) : M(r))) {
-    const x = r.filter((p) => !T(p)).map((p) => typeof p == "string" ? p : p.name);
-    return /* @__PURE__ */ s(he, { missingPermissions: x });
-  }
-  return /* @__PURE__ */ s(H, { children: i });
+  const { hasValidSession: a, sessionManager: p, hasPermission: I, hasAnyPermission: A, hasAllPermissions: x } = oe();
+  if (!a())
+    return /* @__PURE__ */ n(N, { children: e || /* @__PURE__ */ n(ve, {}) });
+  const P = p.getUser();
+  if (!P)
+    return /* @__PURE__ */ n(N, { children: e || /* @__PURE__ */ n(ve, {}) });
+  if (t && !We(P.userType, t))
+    return /* @__PURE__ */ n(xe, { userType: P.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? x(r) : A(r))) {
+    const m = r.filter((h) => !I(h)).map((h) => typeof h == "string" ? h : h.name);
+    return /* @__PURE__ */ n(xe, { missingPermissions: m });
+  }
+  return /* @__PURE__ */ n(N, { children: i });
 }
-const Ce = ({ redirectPath: i }) => /* @__PURE__ */ s(
+const Ge = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1326,7 +1580,7 @@ const Ce = ({ redirectPath: i }) => /* @__PURE__ */ s(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ c(
+    children: /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1337,10 +1591,10 @@ const Ce = ({ redirectPath: i }) => /* @__PURE__ */ s(
           maxWidth: "400px"
         },
         children: [
-          /* @__PURE__ */ s("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🔒" }),
-          /* @__PURE__ */ s("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Access Required" }),
-          /* @__PURE__ */ s("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "You need to be signed in to access this page." }),
-          /* @__PURE__ */ c("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
+          /* @__PURE__ */ n("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🔒" }),
+          /* @__PURE__ */ n("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Access Required" }),
+          /* @__PURE__ */ n("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "You need to be signed in to access this page." }),
+          /* @__PURE__ */ l("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
             "Redirecting to ",
             i,
             "..."
@@ -1349,11 +1603,11 @@ const Ce = ({ redirectPath: i }) => /* @__PURE__ */ s(
       }
     )
   }
-), ge = ({
+), ke = ({
   userType: i,
   minUserType: e,
   missingPermissions: t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1366,7 +1620,7 @@ const Ce = ({ redirectPath: i }) => /* @__PURE__ */ s(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ c(
+    children: /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1377,63 +1631,63 @@ const Ce = ({ redirectPath: i }) => /* @__PURE__ */ s(
           maxWidth: "400px"
         },
         children: [
-          /* @__PURE__ */ s("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "⚠️" }),
-          /* @__PURE__ */ s("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Insufficient Permissions" }),
-          e && i ? /* @__PURE__ */ c(H, { children: [
-            /* @__PURE__ */ c("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: [
+          /* @__PURE__ */ n("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "⚠️" }),
+          /* @__PURE__ */ n("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Insufficient Permissions" }),
+          e && i ? /* @__PURE__ */ l(N, { children: [
+            /* @__PURE__ */ l("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: [
               "This page requires ",
-              /* @__PURE__ */ s("strong", { children: e }),
+              /* @__PURE__ */ n("strong", { children: e }),
               " access level or higher."
             ] }),
-            /* @__PURE__ */ c("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
+            /* @__PURE__ */ l("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
               "Your current access level: ",
-              /* @__PURE__ */ s("strong", { children: i })
+              /* @__PURE__ */ n("strong", { children: i })
             ] })
-          ] }) : /* @__PURE__ */ c(H, { children: [
-            /* @__PURE__ */ s("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: "You don't have the required permissions to access this page." }),
-            t && t.length > 0 && /* @__PURE__ */ c("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
+          ] }) : /* @__PURE__ */ l(N, { children: [
+            /* @__PURE__ */ n("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: "You don't have the required permissions to access this page." }),
+            t && t.length > 0 && /* @__PURE__ */ l("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
               "Required permissions: ",
-              /* @__PURE__ */ s("strong", { children: t.join(", ") })
+              /* @__PURE__ */ n("strong", { children: t.join(", ") })
             ] })
           ] })
         ]
       }
     )
   }
-), $e = (i, e) => {
+), Ke = (i, e) => {
   const t = {
-    [X.USER]: 1,
-    [X.TENANT_ADMIN]: 2,
-    [X.SUPERUSER]: 3
+    [ie.USER]: 1,
+    [ie.TENANT_ADMIN]: 2,
+    [ie.SUPERUSER]: 3
   };
   return t[i] >= t[e];
 };
-function ct({
+function Et({
   children: i,
   redirectTo: e = "/login",
   minUserType: t,
   requiredPermissions: r,
-  requireAllPermissions: n = !1,
-  fallback: o
+  requireAllPermissions: s = !1,
+  fallback: a
 }) {
-  const { hasValidSession: m, sessionManager: T, hasPermission: M, hasAnyPermission: P, hasAllPermissions: g } = ne(), h = ae();
-  if (!m())
-    return o ? /* @__PURE__ */ s(H, { children: o }) : /* @__PURE__ */ c(H, { children: [
-      /* @__PURE__ */ s(Ce, { redirectPath: e }),
-      /* @__PURE__ */ s(ie, { to: e, state: { from: h.pathname }, replace: !0 })
+  const { hasValidSession: p, sessionManager: I, hasPermission: A, hasAnyPermission: x, hasAllPermissions: P } = oe(), b = we();
+  if (!p())
+    return a ? /* @__PURE__ */ n(N, { children: a }) : /* @__PURE__ */ l(N, { children: [
+      /* @__PURE__ */ n(Ge, { redirectPath: e }),
+      /* @__PURE__ */ n(pe, { to: e, state: { from: b.pathname }, replace: !0 })
     ] });
-  const x = T.getUser();
-  if (!x)
-    return /* @__PURE__ */ s(ie, { to: e, state: { from: h.pathname }, replace: !0 });
-  if (t && !$e(x.userType, t))
-    return /* @__PURE__ */ s(ge, { userType: x.userType, minUserType: t });
-  if (r && r.length > 0 && !(n ? g(r) : P(r))) {
-    const A = r.filter((F) => !M(F)).map((F) => typeof F == "string" ? F : F.name);
-    return /* @__PURE__ */ s(ge, { missingPermissions: A });
-  }
-  return /* @__PURE__ */ s(H, { children: i });
+  const m = I.getUser();
+  if (!m)
+    return /* @__PURE__ */ n(pe, { to: e, state: { from: b.pathname }, replace: !0 });
+  if (t && !Ke(m.userType, t))
+    return /* @__PURE__ */ n(ke, { userType: m.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? P(r) : x(r))) {
+    const S = r.filter((L) => !A(L)).map((L) => typeof L == "string" ? L : L.name);
+    return /* @__PURE__ */ n(ke, { missingPermissions: S });
+  }
+  return /* @__PURE__ */ n(N, { children: i });
 }
-const Le = ({ redirectPath: i }) => /* @__PURE__ */ s(
+const _e = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1446,7 +1700,7 @@ const Le = ({ redirectPath: i }) => /* @__PURE__ */ s(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ c(
+    children: /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1457,10 +1711,10 @@ const Le = ({ redirectPath: i }) => /* @__PURE__ */ s(
           maxWidth: "400px"
         },
         children: [
-          /* @__PURE__ */ s("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🏢" }),
-          /* @__PURE__ */ s("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Tenant Required" }),
-          /* @__PURE__ */ s("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "This page requires a tenant context to access." }),
-          /* @__PURE__ */ c("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
+          /* @__PURE__ */ n("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🏢" }),
+          /* @__PURE__ */ n("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Tenant Required" }),
+          /* @__PURE__ */ n("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "This page requires a tenant context to access." }),
+          /* @__PURE__ */ l("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
             "Redirecting to ",
             i,
             "..."
@@ -1470,14 +1724,14 @@ const Le = ({ redirectPath: i }) => /* @__PURE__ */ s(
     )
   }
 );
-function dt({ children: i, redirectTo: e = "/", fallback: t }) {
-  const { tenant: r, isLoading: n, error: o } = K(), m = ae();
-  return n || o ? null : r ? /* @__PURE__ */ s(H, { children: i }) : t ? /* @__PURE__ */ s(H, { children: t }) : /* @__PURE__ */ c(H, { children: [
-    /* @__PURE__ */ s(Le, { redirectPath: e }),
-    /* @__PURE__ */ s(ie, { to: e, state: { from: m.pathname }, replace: !0 })
+function Rt({ children: i, redirectTo: e = "/", fallback: t }) {
+  const { tenant: r, isLoading: s, error: a } = se(), p = we();
+  return s || a ? null : r ? /* @__PURE__ */ n(N, { children: i }) : t ? /* @__PURE__ */ n(N, { children: t }) : /* @__PURE__ */ l(N, { children: [
+    /* @__PURE__ */ n(_e, { redirectPath: e }),
+    /* @__PURE__ */ n(pe, { to: e, state: { from: p.pathname }, replace: !0 })
   ] });
 }
-const De = ({ redirectPath: i }) => /* @__PURE__ */ s(
+const Je = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1490,7 +1744,7 @@ const De = ({ redirectPath: i }) => /* @__PURE__ */ s(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ c(
+    children: /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1501,10 +1755,10 @@ const De = ({ redirectPath: i }) => /* @__PURE__ */ s(
           maxWidth: "400px"
         },
         children: [
-          /* @__PURE__ */ s("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🚀" }),
-          /* @__PURE__ */ s("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Tenant Detected" }),
-          /* @__PURE__ */ s("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "You are accessing a tenant-specific context. Redirecting to the appropriate page." }),
-          /* @__PURE__ */ c("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
+          /* @__PURE__ */ n("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🚀" }),
+          /* @__PURE__ */ n("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Tenant Detected" }),
+          /* @__PURE__ */ n("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "You are accessing a tenant-specific context. Redirecting to the appropriate page." }),
+          /* @__PURE__ */ l("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
             "Redirecting to ",
             i,
             "..."
@@ -1514,14 +1768,14 @@ const De = ({ redirectPath: i }) => /* @__PURE__ */ s(
     )
   }
 );
-function ut({ children: i, redirectTo: e = "/dashboard", fallback: t }) {
-  const { tenant: r, isLoading: n, error: o } = K(), m = ae();
-  return n || o ? null : r ? t ? /* @__PURE__ */ s(H, { children: t }) : /* @__PURE__ */ c(H, { children: [
-    /* @__PURE__ */ s(De, { redirectPath: e }),
-    /* @__PURE__ */ s(ie, { to: e, state: { from: m.pathname }, replace: !0 })
-  ] }) : /* @__PURE__ */ s(H, { children: i });
+function Ct({ children: i, redirectTo: e = "/dashboard", fallback: t }) {
+  const { tenant: r, isLoading: s, error: a } = se(), p = we();
+  return s || a ? null : r ? t ? /* @__PURE__ */ n(N, { children: t }) : /* @__PURE__ */ l(N, { children: [
+    /* @__PURE__ */ n(Je, { redirectPath: e }),
+    /* @__PURE__ */ n(pe, { to: e, state: { from: p.pathname }, replace: !0 })
+  ] }) : /* @__PURE__ */ n(N, { children: i });
 }
-const Be = () => /* @__PURE__ */ c(
+const Ye = () => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1533,19 +1787,19 @@ const Be = () => /* @__PURE__ */ c(
       color: "#dc2626"
     },
     children: [
-      /* @__PURE__ */ s("h3", { style: { margin: "0 0 1rem 0" }, children: "🔒 Subscription Required" }),
-      /* @__PURE__ */ s("p", { style: { margin: 0 }, children: "This feature requires a higher subscription plan. Please upgrade your plan to access this content." })
+      /* @__PURE__ */ n("h3", { style: { margin: "0 0 1rem 0" }, children: "🔒 Subscription Required" }),
+      /* @__PURE__ */ n("p", { style: { margin: 0 }, children: "This feature requires a higher subscription plan. Please upgrade your plan to access this content." })
     ]
   }
 );
-function ht({
+function Lt({
   children: i,
-  fallback: e = /* @__PURE__ */ s(Be, {}),
+  fallback: e = /* @__PURE__ */ n(Ye, {}),
   allowedPlans: t,
   requiredFeature: r
 }) {
-  const { subscription: n, hasAllowedPlan: o, isFeatureEnabled: m, loading: T } = Ie();
-  return T ? /* @__PURE__ */ s(
+  const { subscription: s, hasAllowedPlan: a, isFeatureEnabled: p, loading: I } = Ve();
+  return I ? /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -1555,9 +1809,9 @@ function ht({
       },
       children: "Loading subscription..."
     }
-  ) : n ? n.isActive ? t && t.length > 0 && !o(t) ? /* @__PURE__ */ s(H, { children: e }) : r && !m(r) ? /* @__PURE__ */ s(H, { children: e }) : /* @__PURE__ */ s(H, { children: i }) : /* @__PURE__ */ s(H, { children: e }) : /* @__PURE__ */ s(H, { children: e });
+  ) : s ? s.isActive ? t && t.length > 0 && !a(t) ? /* @__PURE__ */ n(N, { children: e }) : r && !p(r) ? /* @__PURE__ */ n(N, { children: e }) : /* @__PURE__ */ n(N, { children: i }) : /* @__PURE__ */ n(N, { children: e }) : /* @__PURE__ */ n(N, { children: e });
 }
-const qe = ({ flagName: i }) => /* @__PURE__ */ c(
+const Qe = ({ flagName: i }) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1574,9 +1828,9 @@ const qe = ({ flagName: i }) => /* @__PURE__ */ c(
       color: "#6c757d"
     },
     children: [
-      /* @__PURE__ */ s("div", { style: { fontSize: "24px", marginBottom: "8px" }, children: "🚧" }),
-      /* @__PURE__ */ s("div", { style: { fontSize: "14px", fontWeight: "500", marginBottom: "4px" }, children: "Feature Not Available" }),
-      /* @__PURE__ */ c("div", { style: { fontSize: "12px", opacity: 0.7 }, children: [
+      /* @__PURE__ */ n("div", { style: { fontSize: "24px", marginBottom: "8px" }, children: "🚧" }),
+      /* @__PURE__ */ n("div", { style: { fontSize: "14px", fontWeight: "500", marginBottom: "4px" }, children: "Feature Not Available" }),
+      /* @__PURE__ */ l("div", { style: { fontSize: "12px", opacity: 0.7 }, children: [
         'Feature flag "',
         i,
         '" is disabled'
@@ -1584,9 +1838,9 @@ const qe = ({ flagName: i }) => /* @__PURE__ */ c(
     ]
   }
 );
-function gt({ name: i, children: e, fallback: t }) {
-  const { isEnabled: r, loading: n } = Re();
-  return n ? /* @__PURE__ */ s(
+function Ft({ name: i, children: e, fallback: t }) {
+  const { isEnabled: r, loading: s } = Oe();
+  return s ? /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -1599,9 +1853,9 @@ function gt({ name: i, children: e, fallback: t }) {
       },
       children: "Loading feature flags..."
     }
-  ) : (console.log(i, r(i)), r(i) ? /* @__PURE__ */ s(H, { children: e }) : /* @__PURE__ */ s(H, { children: t || /* @__PURE__ */ s(qe, { flagName: i }) }));
+  ) : (console.log(i, r(i)), r(i) ? /* @__PURE__ */ n(N, { children: e }) : /* @__PURE__ */ n(N, { children: t || /* @__PURE__ */ n(Qe, { flagName: i }) }));
 }
-const Ue = () => /* @__PURE__ */ c(
+const Xe = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "16",
@@ -1614,11 +1868,11 @@ const Ue = () => /* @__PURE__ */ c(
     strokeLinejoin: "round",
     style: { flexShrink: 0 },
     children: [
-      /* @__PURE__ */ s("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
-      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "3" })
+      /* @__PURE__ */ n("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+      /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
     ]
   }
-), Ne = () => /* @__PURE__ */ c(
+), Ze = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "16",
@@ -1631,26 +1885,28 @@ const Ue = () => /* @__PURE__ */ c(
     strokeLinejoin: "round",
     style: { flexShrink: 0 },
     children: [
-      /* @__PURE__ */ s("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
-      /* @__PURE__ */ s("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+      /* @__PURE__ */ n("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+      /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
     ]
   }
-), ze = {
-  showPassword: /* @__PURE__ */ s(Ue, {}),
-  hidePassword: /* @__PURE__ */ s(Ne, {})
-}, Oe = {
+), et = {
+  showPassword: /* @__PURE__ */ n(Xe, {}),
+  hidePassword: /* @__PURE__ */ n(Ze, {})
+}, tt = {
   title: "Sign In",
-  emailLabel: "Email",
-  emailPlaceholder: "Enter your email",
+  usernameLabel: "Email or Phone",
+  usernamePlaceholder: "Enter your email or phone number",
   passwordLabel: "Password",
   passwordPlaceholder: "Enter your password",
   submitButton: "Sign In",
   forgotPasswordLink: "Forgot your password?",
   signupLink: "Sign up here",
   signupText: "Don't have an account?",
-  errorMessage: "Invalid email or password",
+  magicLinkText: "Prefer passwordless?",
+  magicLinkLink: "Use Magic Link",
+  errorMessage: "Invalid credentials",
   loadingText: "Signing in..."
-}, je = {
+}, rt = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -1757,124 +2013,142 @@ const Ue = () => /* @__PURE__ */ c(
     fontSize: "0.875rem"
   }
 };
-function pt({
+function $t({
   copy: i = {},
   styles: e = {},
   icons: t = {},
   onSuccess: r,
-  onError: n,
-  onForgotPassword: o,
-  onSignupClick: m,
-  showForgotPassword: T = !0,
-  showSignupLink: M = !0,
-  className: P
+  onError: s,
+  onForgotPassword: a,
+  onSignupClick: p,
+  onMagicLinkClick: I,
+  showForgotPassword: A = !0,
+  showSignupLink: x = !0,
+  showMagicLinkOption: P = !0,
+  className: b
 }) {
-  const [g, h] = b(""), [x, p] = b(""), [A, F] = b(!1), [f, L] = b(!1), [y, S] = b(""), [k, R] = b({}), { login: D } = ne(), { tenant: E } = K(), B = { ...Oe, ...i }, d = { ...je, ...e }, w = { ...ze, ...t }, u = () => {
-    const I = {};
-    return g.trim() || (I.email = !0), x.trim() || (I.password = !0), R(I), Object.keys(I).length === 0;
-  }, a = async (I) => {
-    if (I.preventDefault(), !!u()) {
-      if (!(E != null && E.id)) {
-        S("Tenant not found");
+  const [m, h] = v(""), [S, L] = v(""), [C, q] = v(!1), [k, u] = v(!1), [T, R] = v(""), [H, G] = v({}), { login: F } = oe(), { tenant: V } = se(), w = { ...tt, ...i }, M = { ...rt, ...e }, E = { ...et, ...t }, o = () => {
+    const c = {};
+    return m.trim() || (c.username = !0), S.trim() || (c.password = !0), G(c), Object.keys(c).length === 0;
+  }, g = async (c) => {
+    if (c.preventDefault(), !!o()) {
+      if (!(V != null && V.id)) {
+        R("Tenant not found");
         return;
       }
-      L(!0), S("");
+      u(!0), R("");
       try {
-        const N = await D(g, x, E.id);
-        r == null || r(N);
-      } catch (N) {
-        const _ = N.message || B.errorMessage;
-        S(_), n == null || n(_);
+        const y = await F({
+          username: m,
+          password: S
+          // tenantId inferred from context automatically
+        });
+        r == null || r(y);
+      } catch (y) {
+        const W = y.message || w.errorMessage;
+        R(W), s == null || s(W);
       } finally {
-        L(!1);
+        u(!1);
       }
     }
-  }, l = (I) => ({
-    ...d.input,
-    ...k[I] ? d.inputError : {}
-  }), W = () => ({
-    ...d.button,
-    ...f ? d.buttonLoading : {},
-    ...!g || !x || f ? d.buttonDisabled : {}
+  }, f = (c) => ({
+    ...M.input,
+    ...H[c] ? M.inputError : {}
+  }), d = () => ({
+    ...M.button,
+    ...k ? M.buttonLoading : {},
+    ...!m || !S || k ? M.buttonDisabled : {}
   });
-  return /* @__PURE__ */ c("div", { className: P, style: d.container, children: [
-    /* @__PURE__ */ s("h2", { style: d.title, children: B.title }),
-    /* @__PURE__ */ c("form", { onSubmit: a, style: d.form, children: [
-      /* @__PURE__ */ c("div", { style: d.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: d.label, children: B.emailLabel }),
-        /* @__PURE__ */ s(
+  return /* @__PURE__ */ l("div", { className: b, style: M.container, children: [
+    /* @__PURE__ */ n("h2", { style: M.title, children: w.title }),
+    /* @__PURE__ */ l("form", { onSubmit: g, style: M.form, children: [
+      /* @__PURE__ */ l("div", { style: M.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: M.label, children: w.usernameLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
-            id: "email",
-            name: "email",
-            type: "email",
-            value: g,
-            onChange: (I) => {
-              h(I.target.value), k.email && R((N) => ({ ...N, email: !1 }));
+            id: "username",
+            name: "username",
+            type: "text",
+            value: m,
+            onChange: (c) => {
+              h(c.target.value), H.username && G((y) => ({ ...y, username: !1 }));
             },
-            placeholder: B.emailPlaceholder,
-            style: l("email"),
-            disabled: f
+            placeholder: w.usernamePlaceholder,
+            style: f("username"),
+            disabled: k
           }
         )
       ] }),
-      /* @__PURE__ */ c("div", { style: d.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: d.label, children: B.passwordLabel }),
-        /* @__PURE__ */ c("div", { style: d.inputContainer, children: [
-          /* @__PURE__ */ s(
+      /* @__PURE__ */ l("div", { style: M.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: M.label, children: w.passwordLabel }),
+        /* @__PURE__ */ l("div", { style: M.inputContainer, children: [
+          /* @__PURE__ */ n(
             "input",
             {
               id: "password",
               name: "password",
-              type: A ? "text" : "password",
-              value: x,
-              onChange: (I) => {
-                p(I.target.value), k.password && R((N) => ({ ...N, password: !1 }));
+              type: C ? "text" : "password",
+              value: S,
+              onChange: (c) => {
+                L(c.target.value), H.password && G((y) => ({ ...y, password: !1 }));
               },
-              placeholder: B.passwordPlaceholder,
+              placeholder: w.passwordPlaceholder,
               style: {
-                ...l("password"),
+                ...f("password"),
                 paddingRight: "2.5rem"
                 // Make room for the icon
               },
-              disabled: f
+              disabled: k
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => F(!A),
-              style: d.passwordToggle,
-              disabled: f,
-              "aria-label": A ? "Hide password" : "Show password",
-              children: A ? w.hidePassword : w.showPassword
+              onClick: () => q(!C),
+              style: M.passwordToggle,
+              disabled: k,
+              "aria-label": C ? "Hide password" : "Show password",
+              children: C ? E.hidePassword : E.showPassword
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ s("button", { type: "submit", disabled: !g || !x || f, style: W(), children: f ? B.loadingText : B.submitButton }),
-      y && /* @__PURE__ */ s("div", { style: d.errorText, children: y })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !m || !S || k, style: d(), children: k ? w.loadingText : w.submitButton }),
+      T && /* @__PURE__ */ n("div", { style: M.errorText, children: T })
     ] }),
-    (T || M) && /* @__PURE__ */ c("div", { style: d.linkContainer, children: [
-      T && /* @__PURE__ */ s("a", { onClick: o, style: d.link, children: B.forgotPasswordLink }),
-      T && M && /* @__PURE__ */ s("div", { style: d.divider, children: "•" }),
-      M && /* @__PURE__ */ c("div", { children: [
-        /* @__PURE__ */ c("span", { style: d.divider, children: [
-          B.signupText,
+    (A || x || P) && /* @__PURE__ */ l("div", { style: M.linkContainer, children: [
+      P && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: M.divider, children: [
+          w.magicLinkText,
           " "
         ] }),
-        /* @__PURE__ */ s("a", { onClick: m, style: d.link, children: B.signupLink })
+        /* @__PURE__ */ n("a", { onClick: I, style: M.link, children: w.magicLinkLink })
+      ] }),
+      P && (A || x) && /* @__PURE__ */ n("div", { style: M.divider, children: "•" }),
+      A && /* @__PURE__ */ n("a", { onClick: a, style: M.link, children: w.forgotPasswordLink }),
+      A && x && /* @__PURE__ */ n("div", { style: M.divider, children: "•" }),
+      x && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: M.divider, children: [
+          w.signupText,
+          " "
+        ] }),
+        /* @__PURE__ */ n("a", { onClick: p, style: M.link, children: w.signupLink })
       ] })
     ] })
   ] });
 }
-const Ve = {
+const nt = {
   title: "Create Account",
-  nameLabel: "Full Name",
-  namePlaceholder: "Enter your full name",
+  nameLabel: "First Name",
+  namePlaceholder: "Enter your first name",
+  lastNameLabel: "Last Name",
+  lastNamePlaceholder: "Enter your last name",
   emailLabel: "Email",
   emailPlaceholder: "Enter your email",
+  phoneNumberLabel: "Phone Number",
+  phoneNumberPlaceholder: "Enter your phone number",
   passwordLabel: "Password",
   passwordPlaceholder: "Enter your password",
   confirmPasswordLabel: "Confirm Password",
@@ -1884,12 +2158,14 @@ const Ve = {
   submitButton: "Create Account",
   loginLink: "Sign in here",
   loginText: "Already have an account?",
+  magicLinkText: "Prefer passwordless?",
+  magicLinkLink: "Use Magic Link",
   errorMessage: "Failed to create account",
   loadingText: "Creating account...",
   passwordMismatchError: "Passwords do not match",
   isAdminLabel: "Create new organization",
   isAdminDescription: "Check this if you want to create a new organization"
-}, We = {
+}, st = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -1988,154 +2264,786 @@ const Ve = {
     fontSize: "0.875rem"
   }
 };
-function ft({
+function Dt({
   copy: i = {},
   styles: e = {},
   signupType: t = "user",
   onSuccess: r,
-  onError: n,
-  onLoginClick: o,
-  showLoginLink: m = !0,
-  className: T
+  onError: s,
+  onLoginClick: a,
+  onMagicLinkClick: p,
+  showLoginLink: I = !0,
+  showMagicLinkOption: A = !0,
+  className: x
 }) {
-  const [M, P] = b(""), [g, h] = b(""), [x, p] = b(""), [A, F] = b(""), [f, L] = b(""), [y, S] = b(!1), [k, R] = b(""), [D, E] = b({}), { signup: B, signupTenantAdmin: d } = ne(), { tenant: w } = K(), u = { ...Ve, ...i }, a = { ...We, ...e }, l = () => {
-    const C = {};
-    return M.trim() || (C.name = !0), g.trim() || (C.email = !0), x.trim() || (C.password = !0), A.trim() || (C.confirmPassword = !0), t === "tenant" && !f.trim() && (C.tenantName = !0), E(C), Object.keys(C).length === 0;
-  }, W = async (C) => {
-    if (C.preventDefault(), !!l()) {
-      if (x !== A) {
-        R(u.passwordMismatchError), E({ confirmPassword: !0 });
+  const [P, b] = v(""), [m, h] = v(""), [S, L] = v(""), [C, q] = v(""), [k, u] = v(""), [T, R] = v(""), [H, G] = v(""), [F, V] = v(!1), [w, M] = v(""), [E, o] = v({}), { signup: g, signupTenantAdmin: f } = oe(), { tenant: d } = se(), c = { ...nt, ...i }, y = { ...st, ...e }, W = () => {
+    const D = {};
+    return P.trim() || (D.name = !0), !S.trim() && !C.trim() && (D.email = !0, D.phoneNumber = !0), k.trim() || (D.password = !0), T.trim() || (D.confirmPassword = !0), t === "tenant" && !H.trim() && (D.tenantName = !0), o(D), Object.keys(D).length === 0;
+  }, ee = async (D) => {
+    if (D.preventDefault(), !!W()) {
+      if (k !== T) {
+        M(c.passwordMismatchError), o({ confirmPassword: !0 });
         return;
       }
-      if (t === "user" && !(w != null && w.id)) {
-        R("Tenant not found");
+      if (t === "user" && !(d != null && d.id)) {
+        M("Tenant not found");
         return;
       }
-      S(!0), R("");
+      V(!0), M("");
       try {
-        let U;
-        t === "tenant" ? U = await d(g, M, x, f) : U = await B(g, M, x, w.id), r == null || r(U);
-      } catch (U) {
-        const Q = U.message || u.errorMessage;
-        R(Q), n == null || n(Q);
+        let _;
+        t === "tenant" ? _ = await f({
+          email: S || void 0,
+          phoneNumber: C || void 0,
+          name: P,
+          password: k,
+          tenantName: H,
+          lastName: m || void 0
+        }) : _ = await g({
+          email: S || void 0,
+          phoneNumber: C || void 0,
+          name: P,
+          password: k,
+          tenantId: d.id,
+          lastName: m || void 0
+        }), r == null || r(_);
+      } catch (_) {
+        const ge = _.message || c.errorMessage;
+        M(ge), s == null || s(ge);
       } finally {
-        S(!1);
+        V(!1);
       }
     }
-  }, I = (C) => ({
-    ...a.input,
-    ...D[C] ? a.inputError : {}
-  }), N = () => ({
-    ...a.button,
-    ...y ? a.buttonLoading : {},
-    ...!M || !g || !x || !A || y || t === "tenant" && !f ? a.buttonDisabled : {}
-  }), _ = M && g && x && A && (t === "user" || f);
-  return /* @__PURE__ */ c("div", { className: T, style: a.container, children: [
-    /* @__PURE__ */ s("h2", { style: a.title, children: u.title }),
-    /* @__PURE__ */ c("form", { onSubmit: W, style: a.form, children: [
-      /* @__PURE__ */ c("div", { style: a.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: a.label, children: u.nameLabel }),
-        /* @__PURE__ */ s(
+  }, z = (D) => ({
+    ...y.input,
+    ...E[D] ? y.inputError : {}
+  }), B = () => ({
+    ...y.button,
+    ...F ? y.buttonLoading : {},
+    ...!P || !S && !C || !k || !T || F || t === "tenant" && !H ? y.buttonDisabled : {}
+  }), O = P && (S || C) && k && T && (t === "user" || H);
+  return /* @__PURE__ */ l("div", { className: x, style: y.container, children: [
+    /* @__PURE__ */ n("h2", { style: y.title, children: c.title }),
+    /* @__PURE__ */ l("form", { onSubmit: ee, style: y.form, children: [
+      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.nameLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
             id: "name",
             name: "name",
             type: "text",
-            value: M,
-            onChange: (C) => {
-              P(C.target.value), D.name && E((U) => ({ ...U, name: !1 }));
+            value: P,
+            onChange: (D) => {
+              b(D.target.value), E.name && o((_) => ({ ..._, name: !1 }));
             },
-            placeholder: u.namePlaceholder,
-            style: I("name"),
-            disabled: y
+            placeholder: c.namePlaceholder,
+            style: z("name"),
+            disabled: F
           }
         )
       ] }),
-      /* @__PURE__ */ c("div", { style: a.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: a.label, children: u.emailLabel }),
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.lastNameLabel }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            id: "lastName",
+            name: "lastName",
+            type: "text",
+            value: m,
+            onChange: (D) => h(D.target.value),
+            placeholder: c.lastNamePlaceholder,
+            style: y.input,
+            disabled: F
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.emailLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
             id: "email",
             name: "email",
             type: "email",
-            value: g,
-            onChange: (C) => {
-              h(C.target.value), D.email && E((U) => ({ ...U, email: !1 }));
+            value: S,
+            onChange: (D) => {
+              L(D.target.value), E.email && o((_) => ({ ..._, email: !1, phoneNumber: !1 }));
+            },
+            placeholder: c.emailPlaceholder,
+            style: z("email"),
+            disabled: F
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.phoneNumberLabel }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            id: "phoneNumber",
+            name: "phoneNumber",
+            type: "tel",
+            value: C,
+            onChange: (D) => {
+              q(D.target.value), E.phoneNumber && o((_) => ({ ..._, email: !1, phoneNumber: !1 }));
             },
-            placeholder: u.emailPlaceholder,
-            style: I("email"),
-            disabled: y
+            placeholder: c.phoneNumberPlaceholder,
+            style: z("phoneNumber"),
+            disabled: F
           }
         )
       ] }),
-      /* @__PURE__ */ c("div", { style: a.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: a.label, children: u.passwordLabel }),
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ n(
+        "div",
+        {
+          style: {
+            fontSize: "0.875rem",
+            color: "#6b7280",
+            textAlign: "center",
+            margin: "0.5rem 0"
+          },
+          children: "At least one contact method (email or phone) is required"
+        }
+      ),
+      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.passwordLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
             id: "password",
             name: "password",
             type: "password",
-            value: x,
-            onChange: (C) => {
-              p(C.target.value), D.password && E((U) => ({ ...U, password: !1 }));
+            value: k,
+            onChange: (D) => {
+              u(D.target.value), E.password && o((_) => ({ ..._, password: !1 }));
             },
-            placeholder: u.passwordPlaceholder,
-            style: I("password"),
-            disabled: y
+            placeholder: c.passwordPlaceholder,
+            style: z("password"),
+            disabled: F
           }
         )
       ] }),
-      /* @__PURE__ */ c("div", { style: a.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: a.label, children: u.confirmPasswordLabel }),
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.confirmPasswordLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
             id: "confirmPassword",
             name: "confirmPassword",
             type: "password",
-            value: A,
-            onChange: (C) => {
-              F(C.target.value), D.confirmPassword && E((U) => ({ ...U, confirmPassword: !1 })), k === u.passwordMismatchError && R("");
+            value: T,
+            onChange: (D) => {
+              R(D.target.value), E.confirmPassword && o((_) => ({ ..._, confirmPassword: !1 })), w === c.passwordMismatchError && M("");
             },
-            placeholder: u.confirmPasswordPlaceholder,
-            style: I("confirmPassword"),
-            disabled: y
+            placeholder: c.confirmPasswordPlaceholder,
+            style: z("confirmPassword"),
+            disabled: F
           }
         )
       ] }),
-      t === "tenant" && /* @__PURE__ */ c("div", { style: a.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: a.label, children: u.tenantNameLabel }),
-        /* @__PURE__ */ s(
+      t === "tenant" && /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.tenantNameLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
             id: "tenantName",
             name: "tenantName",
             type: "text",
-            value: f,
-            onChange: (C) => {
-              L(C.target.value), D.tenantName && E((U) => ({ ...U, tenantName: !1 }));
+            value: H,
+            onChange: (D) => {
+              G(D.target.value), E.tenantName && o((_) => ({ ..._, tenantName: !1 }));
+            },
+            placeholder: c.tenantNamePlaceholder,
+            style: z("tenantName"),
+            disabled: F
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !O || F, style: B(), children: F ? c.loadingText : c.submitButton }),
+      w && /* @__PURE__ */ n("div", { style: y.errorText, children: w })
+    ] }),
+    (I || A) && /* @__PURE__ */ l("div", { style: y.linkContainer, children: [
+      A && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: y.divider, children: [
+          c.magicLinkText,
+          " "
+        ] }),
+        /* @__PURE__ */ n("a", { onClick: p, style: y.link, children: c.magicLinkLink })
+      ] }),
+      A && I && /* @__PURE__ */ n("div", { style: y.divider, children: "•" }),
+      I && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: y.divider, children: [
+          c.loginText,
+          " "
+        ] }),
+        /* @__PURE__ */ n("a", { onClick: a, style: y.link, children: c.loginLink })
+      ] })
+    ] })
+  ] });
+}
+const it = {
+  title: "Sign In with Magic Link",
+  emailLabel: "Email",
+  emailPlaceholder: "Enter your email",
+  nameLabel: "Name",
+  namePlaceholder: "Enter your name",
+  lastNameLabel: "Last Name",
+  lastNamePlaceholder: "Enter your last name",
+  submitButton: "Send Magic Link",
+  loginLink: "Sign in with password",
+  signupLink: "Sign up with password",
+  loginText: "Already have an account?",
+  signupText: "Prefer traditional signup?",
+  successMessage: "Magic link sent! Check your email and click the link to sign in.",
+  errorMessage: "Failed to send magic link. Please try again.",
+  loadingText: "Sending magic link...",
+  verifyingText: "Verifying magic link...",
+  description: "Enter your email to receive a magic link. If you don't have an account, we'll create one for you."
+}, ot = {
+  container: {
+    maxWidth: "400px",
+    width: "100%",
+    margin: "0 auto",
+    padding: "2rem",
+    backgroundColor: "#ffffff",
+    borderRadius: "8px",
+    boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)"
+  },
+  title: {
+    fontSize: "1.5rem",
+    fontWeight: "bold",
+    textAlign: "center",
+    marginBottom: "1rem",
+    color: "#333333"
+  },
+  description: {
+    fontSize: "0.875rem",
+    color: "#6b7280",
+    textAlign: "center",
+    marginBottom: "1.5rem",
+    lineHeight: "1.5"
+  },
+  form: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "1rem"
+  },
+  fieldGroup: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "0.5rem"
+  },
+  label: {
+    fontSize: "0.875rem",
+    fontWeight: "500",
+    color: "#374151"
+  },
+  input: {
+    padding: "0.75rem",
+    border: "1px solid #d1d5db",
+    borderRadius: "6px",
+    fontSize: "1rem",
+    transition: "border-color 0.15s ease-in-out",
+    outline: "none",
+    width: "100%"
+  },
+  inputError: {
+    borderColor: "#ef4444",
+    boxShadow: "0 0 0 3px rgba(239, 68, 68, 0.1)"
+  },
+  button: {
+    padding: "0.75rem 1rem",
+    backgroundColor: "#3b82f6",
+    color: "white",
+    border: "none",
+    borderRadius: "6px",
+    fontSize: "1rem",
+    fontWeight: "500",
+    cursor: "pointer",
+    transition: "background-color 0.15s ease-in-out",
+    marginTop: "0.5rem"
+  },
+  buttonDisabled: {
+    backgroundColor: "#9ca3af",
+    cursor: "not-allowed"
+  },
+  buttonLoading: {
+    backgroundColor: "#6b7280"
+  },
+  errorText: {
+    color: "#ef4444",
+    fontSize: "0.875rem",
+    textAlign: "center",
+    marginTop: "0.5rem"
+  },
+  successText: {
+    color: "#10b981",
+    fontSize: "0.875rem",
+    textAlign: "center",
+    marginTop: "0.5rem",
+    padding: "0.75rem",
+    backgroundColor: "#f0fdf4",
+    borderRadius: "6px",
+    border: "1px solid #bbf7d0"
+  },
+  linkContainer: {
+    textAlign: "center",
+    marginTop: "1rem"
+  },
+  link: {
+    color: "#3b82f6",
+    textDecoration: "none",
+    fontSize: "0.875rem",
+    cursor: "pointer"
+  },
+  divider: {
+    margin: "0.5rem 0",
+    color: "#6b7280",
+    fontSize: "0.875rem"
+  }
+};
+function Ht({
+  copy: i = {},
+  styles: e = {},
+  onSuccess: t,
+  onError: r,
+  onLoginClick: s,
+  onSignupClick: a,
+  showTraditionalLinks: p = !0,
+  className: I,
+  verifyToken: A,
+  frontendUrl: x
+}) {
+  const [P, b] = v(""), [m, h] = v(""), [S, L] = v(""), [C, q] = v(!1), [k, u] = v(!1), [T, R] = v(""), [H, G] = v(""), [F, V] = v({}), [w, M] = v(!1), { sendMagicLink: E, verifyMagicLink: o } = oe(), { tenant: g } = se(), f = { ...it, ...i }, d = { ...ot, ...e };
+  te(() => {
+    A && c(A);
+  }, [A]);
+  const c = async (B) => {
+    if (!g || !P) {
+      R("Missing tenant or email");
+      return;
+    }
+    u(!0), R("");
+    try {
+      const O = await o({
+        token: B,
+        email: P
+        // tenantId inferred from context automatically
+      });
+      t == null || t(O);
+    } catch (O) {
+      const D = O.message || "Failed to verify magic link";
+      R(D), r == null || r(D);
+    } finally {
+      u(!1);
+    }
+  }, y = () => {
+    const B = {};
+    return P.trim() || (B.email = !0), w && !m.trim() && (B.name = !0), V(B), Object.keys(B).length === 0;
+  }, W = async (B) => {
+    if (B.preventDefault(), !!y()) {
+      if (!(g != null && g.id)) {
+        R("Tenant not found");
+        return;
+      }
+      q(!0), R(""), G("");
+      try {
+        const O = x || (typeof window < "u" ? window.location.origin : ""), D = await E({
+          email: P,
+          tenantId: g.id,
+          frontendUrl: O,
+          name: w ? m : void 0,
+          lastName: w ? S : void 0
+        });
+        G(f.successMessage), t == null || t(D);
+      } catch (O) {
+        const D = O.message || f.errorMessage;
+        R(D), r == null || r(D);
+      } finally {
+        q(!1);
+      }
+    }
+  }, ee = (B) => ({
+    ...d.input,
+    ...F[B] ? d.inputError : {}
+  }), z = () => ({
+    ...d.button,
+    ...C || k ? d.buttonLoading : {},
+    ...!P || C || k ? d.buttonDisabled : {}
+  });
+  return k ? /* @__PURE__ */ l("div", { className: I, style: d.container, children: [
+    /* @__PURE__ */ n("h2", { style: d.title, children: f.verifyingText }),
+    /* @__PURE__ */ n("div", { style: { textAlign: "center", padding: "2rem" }, children: /* @__PURE__ */ n("div", { style: { fontSize: "1rem", color: "#6b7280" }, children: "Please wait while we verify your magic link..." }) })
+  ] }) : /* @__PURE__ */ l("div", { className: I, style: d.container, children: [
+    /* @__PURE__ */ n("h2", { style: d.title, children: f.title }),
+    /* @__PURE__ */ n("p", { style: d.description, children: f.description }),
+    /* @__PURE__ */ l("form", { onSubmit: W, style: d.form, children: [
+      /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: d.label, children: f.emailLabel }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            id: "email",
+            name: "email",
+            type: "email",
+            value: P,
+            onChange: (B) => {
+              b(B.target.value), F.email && V((O) => ({ ...O, email: !1 }));
             },
-            placeholder: u.tenantNamePlaceholder,
-            style: I("tenantName"),
-            disabled: y
+            placeholder: f.emailPlaceholder,
+            style: ee("email"),
+            disabled: C || k
           }
         )
       ] }),
-      /* @__PURE__ */ s("button", { type: "submit", disabled: !_ || y, style: N(), children: y ? u.loadingText : u.submitButton }),
-      k && /* @__PURE__ */ s("div", { style: a.errorText, children: k })
+      !w && /* @__PURE__ */ n("div", { style: { textAlign: "center", marginTop: "0.5rem" }, children: /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          onClick: () => M(!0),
+          style: {
+            background: "none",
+            border: "none",
+            color: "#3b82f6",
+            fontSize: "0.875rem",
+            cursor: "pointer",
+            textDecoration: "underline"
+          },
+          children: "New user? Add your name"
+        }
+      ) }),
+      w && /* @__PURE__ */ l(N, { children: [
+        /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: d.label, children: f.nameLabel }),
+          /* @__PURE__ */ n(
+            "input",
+            {
+              id: "name",
+              name: "name",
+              type: "text",
+              value: m,
+              onChange: (B) => {
+                h(B.target.value), F.name && V((O) => ({ ...O, name: !1 }));
+              },
+              placeholder: f.namePlaceholder,
+              style: ee("name"),
+              disabled: C || k
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: d.label, children: f.lastNameLabel }),
+          /* @__PURE__ */ n(
+            "input",
+            {
+              id: "lastName",
+              name: "lastName",
+              type: "text",
+              value: S,
+              onChange: (B) => L(B.target.value),
+              placeholder: f.lastNamePlaceholder,
+              style: d.input,
+              disabled: C || k
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { style: { textAlign: "center", marginTop: "0.5rem" }, children: /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              M(!1), h(""), L("");
+            },
+            style: {
+              background: "none",
+              border: "none",
+              color: "#6b7280",
+              fontSize: "0.875rem",
+              cursor: "pointer",
+              textDecoration: "underline"
+            },
+            children: "Existing user? Hide name fields"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !P || C || k, style: z(), children: C ? f.loadingText : f.submitButton }),
+      T && /* @__PURE__ */ n("div", { style: d.errorText, children: T }),
+      H && /* @__PURE__ */ n("div", { style: d.successText, children: H })
     ] }),
-    m && /* @__PURE__ */ c("div", { style: a.linkContainer, children: [
-      /* @__PURE__ */ c("span", { style: a.divider, children: [
-        u.loginText,
-        " "
+    p && /* @__PURE__ */ l("div", { style: d.linkContainer, children: [
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: d.divider, children: [
+          f.loginText,
+          " "
+        ] }),
+        /* @__PURE__ */ n("a", { onClick: s, style: d.link, children: f.loginLink })
       ] }),
-      /* @__PURE__ */ s("a", { onClick: o, style: a.link, children: u.loginLink })
+      /* @__PURE__ */ n("div", { style: d.divider, children: "•" }),
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: d.divider, children: [
+          f.signupText,
+          " "
+        ] }),
+        /* @__PURE__ */ n("a", { onClick: a, style: d.link, children: f.signupLink })
+      ] })
     ] })
   ] });
 }
-const Ge = {
+const at = {
+  title: "Verifying Magic Link",
+  verifyingMessage: "Please wait while we verify your magic link...",
+  successMessage: "Magic link verified successfully! You are now logged in.",
+  errorMessage: "Failed to verify magic link. The link may be expired or invalid.",
+  redirectingMessage: "Redirecting you to the dashboard...",
+  retryButton: "Try Again",
+  backToLoginButton: "Back to Login"
+}, Ee = {
+  container: {
+    maxWidth: "400px",
+    width: "100%",
+    margin: "0 auto",
+    padding: "2rem",
+    backgroundColor: "#ffffff",
+    borderRadius: "8px",
+    boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)"
+  },
+  card: {
+    // Not used in new design, keeping for compatibility
+    backgroundColor: "transparent",
+    padding: "0",
+    borderRadius: "0",
+    boxShadow: "none",
+    maxWidth: "100%",
+    width: "100%",
+    textAlign: "center"
+  },
+  title: {
+    fontSize: "1.5rem",
+    fontWeight: "bold",
+    textAlign: "center",
+    marginBottom: "1.5rem",
+    color: "#333333"
+  },
+  message: {
+    fontSize: "1rem",
+    color: "#6b7280",
+    marginBottom: "1.5rem",
+    lineHeight: "1.5",
+    textAlign: "center"
+  },
+  successMessage: {
+    fontSize: "1rem",
+    color: "#059669",
+    marginBottom: "1.5rem",
+    lineHeight: "1.5",
+    textAlign: "center"
+  },
+  errorMessage: {
+    fontSize: "0.875rem",
+    color: "#ef4444",
+    textAlign: "center",
+    marginBottom: "1rem",
+    lineHeight: "1.5"
+  },
+  spinner: {
+    display: "inline-block",
+    width: "20px",
+    height: "20px",
+    border: "2px solid #e5e7eb",
+    borderTop: "2px solid #3b82f6",
+    borderRadius: "50%",
+    animation: "spin 1s linear infinite",
+    marginRight: "0.5rem"
+  },
+  buttonContainer: {
+    display: "flex",
+    gap: "0.75rem",
+    justifyContent: "center",
+    flexWrap: "wrap",
+    marginTop: "1rem"
+  },
+  retryButton: {
+    padding: "0.75rem 1rem",
+    backgroundColor: "#3b82f6",
+    color: "white",
+    border: "none",
+    borderRadius: "6px",
+    fontSize: "1rem",
+    fontWeight: "500",
+    cursor: "pointer",
+    transition: "background-color 0.15s ease-in-out"
+  },
+  backButton: {
+    padding: "0.75rem 1rem",
+    backgroundColor: "#f3f4f6",
+    color: "#374151",
+    border: "1px solid #d1d5db",
+    borderRadius: "6px",
+    fontSize: "1rem",
+    fontWeight: "500",
+    cursor: "pointer",
+    transition: "all 0.15s ease-in-out"
+  }
+}, lt = () => /* @__PURE__ */ n("div", { style: Ee.spinner }), ct = () => /* @__PURE__ */ l(
+  "svg",
+  {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "#059669",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style: { margin: "0 auto 1rem auto", display: "block" },
+    children: [
+      /* @__PURE__ */ n("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+      /* @__PURE__ */ n("polyline", { points: "22,4 12,14.01 9,11.01" })
+    ]
+  }
+), dt = () => /* @__PURE__ */ l(
+  "svg",
+  {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "#ef4444",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style: { margin: "0 auto 1rem auto", display: "block" },
+    children: [
+      /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ n("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+      /* @__PURE__ */ n("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+    ]
+  }
+), ut = {
+  loading: /* @__PURE__ */ n(lt, {}),
+  success: /* @__PURE__ */ n(ct, {}),
+  error: /* @__PURE__ */ n(dt, {})
+};
+function Nt({
+  copy: i = {},
+  styles: e = {},
+  icons: t = {},
+  onSuccess: r,
+  onError: s,
+  onRetry: a,
+  onBackToLogin: p,
+  className: I,
+  token: A,
+  email: x,
+  appId: P,
+  tenantSlug: b,
+  autoRedirectDelay: m = 3e3
+}) {
+  const [h, S] = v("verifying"), [L, C] = v(""), { verifyMagicLink: q } = oe(), k = { ...at, ...i }, u = { ...Ee, ...e }, T = { ...ut, ...t }, R = () => {
+    if (typeof window > "u") return {};
+    const w = new URLSearchParams(window.location.search);
+    return {
+      token: A || w.get("token") || "",
+      email: x || w.get("email") || "",
+      appId: P || w.get("appId") || "",
+      tenantSlug: b || w.get("tenantSlug") || void 0
+    };
+  }, H = async () => {
+    S("verifying"), C("");
+    try {
+      const w = R();
+      if (!w.token || !w.email)
+        throw new Error("Missing required parameters: token or email");
+      const M = await q({
+        token: w.token,
+        email: w.email,
+        tenantSlug: w.tenantSlug
+      });
+      S("success"), r == null || r(M), m > 0 && setTimeout(() => {
+        S("redirecting");
+      }, m);
+    } catch (w) {
+      const M = w.message || k.errorMessage;
+      C(M), S("error"), s == null || s(M);
+    }
+  }, G = () => {
+    a == null || a(), H();
+  }, F = () => {
+    p == null || p();
+  };
+  te(() => {
+    H();
+  }, []);
+  const V = () => {
+    switch (h) {
+      case "verifying":
+        return /* @__PURE__ */ l("div", { style: u.message, children: [
+          T.loading,
+          k.verifyingMessage
+        ] });
+      case "success":
+        return /* @__PURE__ */ l(N, { children: [
+          T.success,
+          /* @__PURE__ */ n("div", { style: u.successMessage, children: k.successMessage })
+        ] });
+      case "redirecting":
+        return /* @__PURE__ */ l(N, { children: [
+          T.loading,
+          /* @__PURE__ */ n("div", { style: u.message, children: k.redirectingMessage })
+        ] });
+      case "error":
+        return /* @__PURE__ */ l(N, { children: [
+          T.error,
+          /* @__PURE__ */ n("div", { style: u.errorMessage, children: L || k.errorMessage }),
+          /* @__PURE__ */ l("div", { style: u.buttonContainer, children: [
+            /* @__PURE__ */ n(
+              "button",
+              {
+                onClick: G,
+                style: u.retryButton,
+                onMouseOver: (w) => {
+                  w.currentTarget.style.backgroundColor = "#2563eb";
+                },
+                onMouseOut: (w) => {
+                  w.currentTarget.style.backgroundColor = "#3b82f6";
+                },
+                children: k.retryButton
+              }
+            ),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                onClick: F,
+                style: u.backButton,
+                onMouseOver: (w) => {
+                  w.currentTarget.style.backgroundColor = "#e5e7eb";
+                },
+                onMouseOut: (w) => {
+                  w.currentTarget.style.backgroundColor = "#f3f4f6";
+                },
+                children: k.backToLoginButton
+              }
+            )
+          ] })
+        ] });
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ l("div", { style: u.container, className: I, children: [
+    /* @__PURE__ */ n("style", { children: `
+          @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+          }
+        ` }),
+    /* @__PURE__ */ n("h1", { style: u.title, children: k.title }),
+    V()
+  ] });
+}
+const ht = {
   title: "Reset Password",
   subtitle: "Enter your email address and we'll send you a link to reset your password.",
   emailLabel: "Email",
@@ -2157,7 +3065,7 @@ const Ge = {
   resetLoadingText: "Resetting...",
   resetSuccessMessage: "Password reset successfully!",
   passwordMismatchError: "Passwords do not match"
-}, _e = {
+}, gt = {
   container: {
     maxWidth: "400px",
     margin: "0 auto",
@@ -2249,186 +3157,186 @@ const Ge = {
     cursor: "pointer"
   }
 };
-function yt({
+function Bt({
   copy: i = {},
   styles: e = {},
   mode: t = "request",
   token: r = "",
-  onSuccess: n,
-  onError: o,
-  onBackToLogin: m,
-  onModeChange: T,
-  className: M
+  onSuccess: s,
+  onError: a,
+  onBackToLogin: p,
+  onModeChange: I,
+  className: A
 }) {
-  const [P, g] = b(""), [h, x] = b(r), [p, A] = b(""), [F, f] = b(""), [L, y] = b(!1), [S, k] = b(""), [R, D] = b(""), [E, B] = b({}), { requestPasswordReset: d, confirmPasswordReset: w } = ne(), { tenant: u } = K(), a = { ...Ge, ...i }, l = { ..._e, ...e }, W = () => {
-    const q = {};
-    return P.trim() || (q.email = !0), B(q), Object.keys(q).length === 0;
-  }, I = () => {
-    const q = {};
-    return h.trim() || (q.token = !0), p.trim() || (q.newPassword = !0), F.trim() || (q.confirmPassword = !0), B(q), Object.keys(q).length === 0;
-  }, N = async (q) => {
-    if (q.preventDefault(), !!W()) {
-      if (!(u != null && u.id)) {
-        k("Tenant not found");
+  const [x, P] = v(""), [b, m] = v(r), [h, S] = v(""), [L, C] = v(""), [q, k] = v(!1), [u, T] = v(""), [R, H] = v(""), [G, F] = v({}), { requestPasswordReset: V, confirmPasswordReset: w } = oe(), { tenant: M } = se(), E = { ...ht, ...i }, o = { ...gt, ...e }, g = () => {
+    const z = {};
+    return x.trim() || (z.email = !0), F(z), Object.keys(z).length === 0;
+  }, f = () => {
+    const z = {};
+    return b.trim() || (z.token = !0), h.trim() || (z.newPassword = !0), L.trim() || (z.confirmPassword = !0), F(z), Object.keys(z).length === 0;
+  }, d = async (z) => {
+    if (z.preventDefault(), !!g()) {
+      if (!(M != null && M.id)) {
+        T("Tenant not found");
         return;
       }
-      y(!0), k(""), D("");
+      k(!0), T(""), H("");
       try {
-        await d(P, u.id), D(a.successMessage), n == null || n();
-      } catch (O) {
-        const j = O.message || a.errorMessage;
-        k(j), o == null || o(j);
+        await V({ email: x, tenantId: M.id }), H(E.successMessage), s == null || s();
+      } catch (B) {
+        const O = B.message || E.errorMessage;
+        T(O), a == null || a(O);
       } finally {
-        y(!1);
+        k(!1);
       }
     }
-  }, _ = async (q) => {
-    if (q.preventDefault(), !!I()) {
-      if (p !== F) {
-        k(a.passwordMismatchError), B({ confirmPassword: !0 });
+  }, c = async (z) => {
+    if (z.preventDefault(), !!f()) {
+      if (h !== L) {
+        T(E.passwordMismatchError), F({ confirmPassword: !0 });
         return;
       }
-      y(!0), k(""), D("");
+      k(!0), T(""), H("");
       try {
-        await w(h, p), D(a.resetSuccessMessage), n == null || n();
-      } catch (O) {
-        const j = O.message || a.errorMessage;
-        k(j), o == null || o(j);
+        await w({ token: b, newPassword: h }), H(E.resetSuccessMessage), s == null || s();
+      } catch (B) {
+        const O = B.message || E.errorMessage;
+        T(O), a == null || a(O);
       } finally {
-        y(!1);
+        k(!1);
       }
     }
-  }, C = (q) => ({
-    ...l.input,
-    ...E[q] ? l.inputError : {}
-  }), U = () => ({
-    ...l.button,
-    ...L ? l.buttonLoading : {}
+  }, y = (z) => ({
+    ...o.input,
+    ...G[z] ? o.inputError : {}
+  }), W = () => ({
+    ...o.button,
+    ...q ? o.buttonLoading : {}
   });
   if (t === "reset") {
-    const q = h && p && F;
-    return /* @__PURE__ */ c("div", { className: M, style: l.container, children: [
-      /* @__PURE__ */ s("h2", { style: l.title, children: a.resetTitle }),
-      /* @__PURE__ */ s("p", { style: l.subtitle, children: a.resetSubtitle }),
-      /* @__PURE__ */ c("form", { onSubmit: _, style: l.form, children: [
-        /* @__PURE__ */ c("div", { style: l.fieldGroup, children: [
-          /* @__PURE__ */ s("label", { style: l.label, children: a.tokenLabel }),
-          /* @__PURE__ */ s(
+    const z = b && h && L;
+    return /* @__PURE__ */ l("div", { className: A, style: o.container, children: [
+      /* @__PURE__ */ n("h2", { style: o.title, children: E.resetTitle }),
+      /* @__PURE__ */ n("p", { style: o.subtitle, children: E.resetSubtitle }),
+      /* @__PURE__ */ l("form", { onSubmit: c, style: o.form, children: [
+        /* @__PURE__ */ l("div", { style: o.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: o.label, children: E.tokenLabel }),
+          /* @__PURE__ */ n(
             "input",
             {
               type: "text",
-              value: h,
-              onChange: (O) => {
-                x(O.target.value), E.token && B((j) => ({ ...j, token: !1 }));
+              value: b,
+              onChange: (B) => {
+                m(B.target.value), G.token && F((O) => ({ ...O, token: !1 }));
               },
-              placeholder: a.tokenPlaceholder,
-              style: C("token"),
-              disabled: L
+              placeholder: E.tokenPlaceholder,
+              style: y("token"),
+              disabled: q
             }
           )
         ] }),
-        /* @__PURE__ */ c("div", { style: l.fieldGroup, children: [
-          /* @__PURE__ */ s("label", { style: l.label, children: a.newPasswordLabel }),
-          /* @__PURE__ */ s(
+        /* @__PURE__ */ l("div", { style: o.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: o.label, children: E.newPasswordLabel }),
+          /* @__PURE__ */ n(
             "input",
             {
               type: "password",
-              value: p,
-              onChange: (O) => {
-                A(O.target.value), E.newPassword && B((j) => ({ ...j, newPassword: !1 }));
+              value: h,
+              onChange: (B) => {
+                S(B.target.value), G.newPassword && F((O) => ({ ...O, newPassword: !1 }));
               },
-              placeholder: a.newPasswordPlaceholder,
-              style: C("newPassword"),
-              disabled: L
+              placeholder: E.newPasswordPlaceholder,
+              style: y("newPassword"),
+              disabled: q
             }
           )
         ] }),
-        /* @__PURE__ */ c("div", { style: l.fieldGroup, children: [
-          /* @__PURE__ */ s("label", { style: l.label, children: a.confirmPasswordLabel }),
-          /* @__PURE__ */ s(
+        /* @__PURE__ */ l("div", { style: o.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: o.label, children: E.confirmPasswordLabel }),
+          /* @__PURE__ */ n(
             "input",
             {
               type: "password",
-              value: F,
-              onChange: (O) => {
-                f(O.target.value), E.confirmPassword && B((j) => ({ ...j, confirmPassword: !1 })), S === a.passwordMismatchError && k("");
+              value: L,
+              onChange: (B) => {
+                C(B.target.value), G.confirmPassword && F((O) => ({ ...O, confirmPassword: !1 })), u === E.passwordMismatchError && T("");
               },
-              placeholder: a.confirmPasswordPlaceholder,
-              style: C("confirmPassword"),
-              disabled: L
+              placeholder: E.confirmPasswordPlaceholder,
+              style: y("confirmPassword"),
+              disabled: q
             }
           )
         ] }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "submit",
-            disabled: !q || L,
+            disabled: !z || q,
             style: {
-              ...U(),
-              ...!q || L ? l.buttonDisabled : {}
+              ...W(),
+              ...!z || q ? o.buttonDisabled : {}
             },
-            children: L ? a.resetLoadingText : a.resetSubmitButton
+            children: q ? E.resetLoadingText : E.resetSubmitButton
           }
         ),
-        S && /* @__PURE__ */ s("div", { style: l.errorText, children: S }),
-        R && /* @__PURE__ */ s("div", { style: l.successText, children: R })
+        u && /* @__PURE__ */ n("div", { style: o.errorText, children: u }),
+        R && /* @__PURE__ */ n("div", { style: o.successText, children: R })
       ] }),
-      /* @__PURE__ */ c("div", { style: l.linkContainer, children: [
-        /* @__PURE__ */ s("a", { onClick: m, style: l.link, children: a.backToLoginLink }),
-        T && /* @__PURE__ */ c(H, { children: [
-          /* @__PURE__ */ s("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
-          /* @__PURE__ */ s("a", { onClick: () => T("request"), style: l.link, children: "Request New Link" })
+      /* @__PURE__ */ l("div", { style: o.linkContainer, children: [
+        /* @__PURE__ */ n("a", { onClick: p, style: o.link, children: E.backToLoginLink }),
+        I && /* @__PURE__ */ l(N, { children: [
+          /* @__PURE__ */ n("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
+          /* @__PURE__ */ n("a", { onClick: () => I("request"), style: o.link, children: "Request New Link" })
         ] })
       ] })
     ] });
   }
-  const Q = P;
-  return /* @__PURE__ */ c("div", { className: M, style: l.container, children: [
-    /* @__PURE__ */ s("h2", { style: l.title, children: a.title }),
-    /* @__PURE__ */ s("p", { style: l.subtitle, children: a.subtitle }),
-    /* @__PURE__ */ c("form", { onSubmit: N, style: l.form, children: [
-      /* @__PURE__ */ c("div", { style: l.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: l.label, children: a.emailLabel }),
-        /* @__PURE__ */ s(
+  const ee = x;
+  return /* @__PURE__ */ l("div", { className: A, style: o.container, children: [
+    /* @__PURE__ */ n("h2", { style: o.title, children: E.title }),
+    /* @__PURE__ */ n("p", { style: o.subtitle, children: E.subtitle }),
+    /* @__PURE__ */ l("form", { onSubmit: d, style: o.form, children: [
+      /* @__PURE__ */ l("div", { style: o.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: o.label, children: E.emailLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
             type: "email",
-            value: P,
-            onChange: (q) => {
-              g(q.target.value), E.email && B((O) => ({ ...O, email: !1 }));
+            value: x,
+            onChange: (z) => {
+              P(z.target.value), G.email && F((B) => ({ ...B, email: !1 }));
             },
-            placeholder: a.emailPlaceholder,
-            style: C("email"),
-            disabled: L
+            placeholder: E.emailPlaceholder,
+            style: y("email"),
+            disabled: q
           }
         )
       ] }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n(
         "button",
         {
           type: "submit",
-          disabled: !Q || L,
+          disabled: !ee || q,
           style: {
-            ...U(),
-            ...!Q || L ? l.buttonDisabled : {}
+            ...W(),
+            ...!ee || q ? o.buttonDisabled : {}
           },
-          children: L ? a.loadingText : a.submitButton
+          children: q ? E.loadingText : E.submitButton
         }
       ),
-      S && /* @__PURE__ */ s("div", { style: l.errorText, children: S }),
-      R && /* @__PURE__ */ s("div", { style: l.successText, children: R })
+      u && /* @__PURE__ */ n("div", { style: o.errorText, children: u }),
+      R && /* @__PURE__ */ n("div", { style: o.successText, children: R })
     ] }),
-    /* @__PURE__ */ c("div", { style: l.linkContainer, children: [
-      /* @__PURE__ */ s("a", { onClick: m, style: l.link, children: a.backToLoginLink }),
-      T && /* @__PURE__ */ c(H, { children: [
-        /* @__PURE__ */ s("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
-        /* @__PURE__ */ s("a", { onClick: () => T("reset"), style: l.link, children: "I have a token" })
+    /* @__PURE__ */ l("div", { style: o.linkContainer, children: [
+      /* @__PURE__ */ n("a", { onClick: p, style: o.link, children: E.backToLoginLink }),
+      I && /* @__PURE__ */ l(N, { children: [
+        /* @__PURE__ */ n("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
+        /* @__PURE__ */ n("a", { onClick: () => I("reset"), style: o.link, children: "I have a token" })
       ] })
     ] })
   ] });
 }
-class wt {
+class Ut {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -2449,12 +3357,12 @@ class wt {
       throw new Error("SessionManager is required for private endpoints");
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const n = `/permissions/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n, {
+    const s = `/permissions/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
       headers: t
     });
     return {
-      permissions: o.data,
-      meta: o.meta
+      permissions: a.data,
+      meta: a.meta
     };
   }
   async getPermissionById(e) {
@@ -2489,14 +3397,14 @@ class wt {
   async getAppPermissions(e, t) {
     const r = new URLSearchParams();
     t != null && t.page && r.append("page", t.page.toString()), t != null && t.limit && r.append("limit", t.limit.toString()), t != null && t.sortBy && r.append("sortBy", t.sortBy), t != null && t.sortOrder && r.append("sortOrder", t.sortOrder);
-    const n = `/permissions/apps/${e}${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n);
+    const s = `/permissions/apps/${e}${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s);
     return {
-      permissions: o.data,
-      meta: o.meta
+      permissions: a.data,
+      meta: a.meta
     };
   }
 }
-class mt {
+class qt {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -2513,12 +3421,12 @@ class mt {
   async getSubscriptionPlans(e) {
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder), e != null && e.appId && r.append("appId", e.appId);
-    const n = `/subscription-plans/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n, {
+    const s = `/subscription-plans/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
       headers: t
     });
     return {
-      plans: o.data,
-      meta: o.meta
+      plans: a.data,
+      meta: a.meta
     };
   }
   async getSubscriptionPlanById(e) {
@@ -2547,7 +3455,7 @@ class mt {
     });
   }
 }
-class bt {
+class zt {
   constructor(e) {
     this.httpService = e;
   }
@@ -2556,7 +3464,7 @@ class bt {
     return await this.httpService.get("/health");
   }
 }
-class St {
+class Ot {
   // Date string to Date object
   static toDate(e) {
     return new Date(e);
@@ -2673,48 +3581,50 @@ class St {
   // Transform query parameters for API calls
   static transformQueryParams(e) {
     const t = new URLSearchParams();
-    return Object.entries(e).forEach(([r, n]) => {
-      n != null && n !== "" && t.append(r, String(n));
+    return Object.entries(e).forEach(([r, s]) => {
+      s != null && s !== "" && t.append(r, String(s));
     }), t;
   }
 }
 export {
-  St as ApiMappers,
-  Se as AppApiService,
-  et as AppProvider,
-  Pe as AuthApiService,
-  it as AuthProvider,
-  gt as FeatureFlag,
-  Ee as FeatureFlagApiService,
-  ot as FeatureFlagProvider,
-  bt as HealthApiService,
-  G as HttpService,
-  ut as LandingRoute,
-  pt as LoginForm,
-  yt as PasswordRecoveryForm,
-  wt as PermissionApiService,
-  lt as Protected,
-  ct as ProtectedRoute,
-  ce as RoleApiService,
-  Ae as SessionManager,
-  ft as SignupForm,
-  Fe as SubscriptionApiService,
-  ht as SubscriptionGuard,
-  mt as SubscriptionPlanApiService,
-  at as SubscriptionProvider,
-  de as TenantApiService,
-  rt as TenantProvider,
-  dt as TenantRoute,
-  ke as UserApiService,
-  X as UserType,
-  tt as useApi,
-  se as useApp,
-  ne as useAuth,
-  Re as useFeatureFlags,
-  nt as useSettings,
-  Ie as useSubscription,
-  le as useTenant,
-  K as useTenantInfo,
-  st as useTenantSettings
+  Ot as ApiMappers,
+  be as AppApiService,
+  St as AppProvider,
+  Ne as AuthApiService,
+  Pt as AuthProvider,
+  Ft as FeatureFlag,
+  ze as FeatureFlagApiService,
+  Tt as FeatureFlagProvider,
+  zt as HealthApiService,
+  re as HttpService,
+  Ct as LandingRoute,
+  $t as LoginForm,
+  Ht as MagicLinkForm,
+  Nt as MagicLinkVerify,
+  Bt as PasswordRecoveryForm,
+  Ut as PermissionApiService,
+  It as Protected,
+  Et as ProtectedRoute,
+  Se as RoleApiService,
+  ye as SessionManager,
+  Dt as SignupForm,
+  je as SubscriptionApiService,
+  Lt as SubscriptionGuard,
+  qt as SubscriptionPlanApiService,
+  Mt as SubscriptionProvider,
+  ce as TenantApiService,
+  xt as TenantProvider,
+  Rt as TenantRoute,
+  Be as UserApiService,
+  ie as UserType,
+  vt as useApi,
+  he as useApp,
+  oe as useAuth,
+  Oe as useFeatureFlags,
+  At as useSettings,
+  Ve as useSubscription,
+  fe as useTenant,
+  se as useTenantInfo,
+  kt as useTenantSettings
 };
 //# sourceMappingURL=index.es.js.map