@skylabs-digital/react-identity-access 2.5.0 → 2.6.0

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { jsx as n, Fragment as q, jsxs as l } from "react/jsx-runtime";
-import { createContext as he, useMemo as X, useState as v, useCallback as ne, useEffect as te, useContext as ce, useRef as qe } from "react";
-import { useLocation as be, Navigate as pe } from "react-router-dom";
+import { jsx as n, Fragment as W, jsxs as l } from "react/jsx-runtime";
+import { createContext as ue, useMemo as X, useState as k, useCallback as se, useEffect as te, useContext as ne, useRef as Ve } from "react";
+import { useLocation as Se, Navigate as pe } from "react-router-dom";
 class re {
   // SessionManager instance
   constructor(e, t = 1e4) {
@@ -16,40 +16,40 @@ class re {
     return this.executeRequest(e, t, r, s, !1);
   }
   async executeRequest(e, t, r, s, o = !1) {
-    const h = `${this.baseUrl}${t.startsWith("/") ? t : `/${t}`}`, w = (s == null ? void 0 : s.timeout) || this.timeout;
-    let k = {
+    const a = `${this.baseUrl}${t.startsWith("/") ? t : `/${t}`}`, p = (s == null ? void 0 : s.timeout) || this.timeout;
+    let w = {
       "Content-Type": "application/json",
       ...s == null ? void 0 : s.headers
     };
     if (!(s != null && s.skipAuth) && this.sessionManager)
       try {
-        const m = await this.sessionManager.getAuthHeaders();
-        k = { ...k, ...m };
-      } catch (m) {
-        console.warn("Failed to inject auth headers:", m);
+        const b = await this.sessionManager.getAuthHeaders();
+        w = { ...w, ...b };
+      } catch (b) {
+        console.warn("Failed to inject auth headers:", b);
       }
-    const b = new AbortController(), P = setTimeout(() => b.abort(), w);
+    const y = new AbortController(), x = setTimeout(() => y.abort(), p);
     try {
-      const m = await fetch(h, {
+      const b = await fetch(a, {
         method: e,
-        headers: k,
+        headers: w,
         body: r ? JSON.stringify(r) : void 0,
-        signal: b.signal
+        signal: y.signal
       });
-      if (clearTimeout(P), m.status === 401 && !(s != null && s.skipRetry) && !o && this.sessionManager)
+      if (clearTimeout(x), b.status === 401 && !(s != null && s.skipRetry) && !o && this.sessionManager)
         try {
-          const u = this.sessionManager.getTokens();
-          if (u != null && u.refreshToken)
+          const A = this.sessionManager.getTokens();
+          if (A != null && A.refreshToken)
             return await this.sessionManager.getAuthHeaders(), this.executeRequest(e, t, r, s, !0);
         } catch {
-          throw new Error(`HTTP ${m.status}: ${m.statusText}`);
+          throw new Error(`HTTP ${b.status}: ${b.statusText}`);
         }
-      if (!m.ok)
-        throw new Error(`HTTP ${m.status}: ${m.statusText}`);
-      const p = m.headers.get("content-type");
-      return !p || !p.includes("application/json") ? {} : await m.json();
-    } catch (m) {
-      throw clearTimeout(P), m instanceof Error && m.name === "AbortError" ? new Error(`Request timeout after ${w}ms`) : m;
+      if (!b.ok)
+        throw new Error(`HTTP ${b.status}: ${b.statusText}`);
+      const f = b.headers.get("content-type");
+      return !f || !f.includes("application/json") ? {} : await b.json();
+    } catch (b) {
+      throw clearTimeout(x), b instanceof Error && b.name === "AbortError" ? new Error(`Request timeout after ${p}ms`) : b;
     }
   }
   async get(e, t) {
@@ -65,7 +65,7 @@ class re {
     return this.request("DELETE", e, void 0, t);
   }
 }
-class ve {
+class Pe {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -124,32 +124,32 @@ class ve {
     })).data;
   }
 }
-const Pe = he(null);
-function Ct({ config: i, children: e }) {
+const ve = ue(null);
+function Nt({ config: i, children: e }) {
   const t = X(
     () => {
-      var p, u, y;
+      var f, A, L;
       return {
-        enabled: ((p = i.cache) == null ? void 0 : p.enabled) ?? !0,
-        ttl: ((u = i.cache) == null ? void 0 : u.ttl) ?? 3e5,
+        enabled: ((f = i.cache) == null ? void 0 : f.enabled) ?? !0,
+        ttl: ((A = i.cache) == null ? void 0 : A.ttl) ?? 3e5,
         // 5 minutes default
-        storageKey: ((y = i.cache) == null ? void 0 : y.storageKey) ?? `app_cache_${i.appId}`
+        storageKey: ((L = i.cache) == null ? void 0 : L.storageKey) ?? `app_cache_${i.appId}`
       };
     },
     [i.cache, i.appId]
-  ), [r, s] = v(() => {
+  ), [r, s] = k(() => {
     if (!t.enabled) return null;
     try {
-      const p = localStorage.getItem(t.storageKey);
-      if (!p) return null;
-      const u = JSON.parse(p);
-      return Date.now() - u.timestamp < t.ttl && u.appId === i.appId ? u.data : (localStorage.removeItem(t.storageKey), null);
+      const f = localStorage.getItem(t.storageKey);
+      if (!f) return null;
+      const A = JSON.parse(f);
+      return Date.now() - A.timestamp < t.ttl && A.appId === i.appId ? A.data : (localStorage.removeItem(t.storageKey), null);
     } catch {
       return null;
     }
-  }), [o, h] = v(!r), [w, k] = v(null), b = X(() => {
-    const p = () => {
-      P();
+  }), [o, a] = k(!r), [p, w] = k(null), y = X(() => {
+    const f = () => {
+      x();
     };
     return {
       appId: i.appId,
@@ -157,66 +157,69 @@ function Ct({ config: i, children: e }) {
       // App info
       appInfo: r,
       isAppLoading: o,
-      appError: w,
-      retryApp: p
+      appError: p,
+      retryApp: f
     };
-  }, [i, r, o, w]), P = ne(
-    async (p = !1) => {
-      if (!(!p && t.enabled && r))
+  }, [i, r, o, p]), x = se(
+    async (f = !1) => {
+      if (!(!f && t.enabled && r))
         try {
-          h(!0), k(null);
-          const u = new re(i.baseUrl), L = await new ve(u, {}).getPublicAppInfo(i.appId);
-          if (s(L), t.enabled)
+          a(!0), w(null);
+          const A = new re(i.baseUrl), D = await new Pe(A, {}).getPublicAppInfo(i.appId);
+          if (s(D), t.enabled)
             try {
-              const R = {
-                data: L,
+              const I = {
+                data: D,
                 timestamp: Date.now(),
                 appId: i.appId
               };
-              localStorage.setItem(t.storageKey, JSON.stringify(R));
-            } catch (R) {
-              console.warn("Failed to cache app info:", R);
+              localStorage.setItem(t.storageKey, JSON.stringify(I));
+            } catch (I) {
+              console.warn("Failed to cache app info:", I);
             }
-        } catch (u) {
-          const y = u instanceof Error ? u : new Error("Failed to load app information");
-          k(y), s(null);
+        } catch (A) {
+          const L = A instanceof Error ? A : new Error("Failed to load app information");
+          w(L), s(null);
         } finally {
-          h(!1);
+          a(!1);
         }
     },
     [i.baseUrl, i.appId, t, r]
-  ), m = ne(async () => {
+  ), b = se(async () => {
     if (!(!t.enabled || !r))
       try {
-        const p = localStorage.getItem(t.storageKey);
-        if (!p) return;
-        const u = JSON.parse(p);
-        if (Date.now() - u.timestamp > t.ttl * 0.5) {
-          const L = new re(i.baseUrl), z = await new ve(L, {}).getPublicAppInfo(i.appId);
-          s(z);
-          const M = {
-            data: z,
+        const f = localStorage.getItem(t.storageKey);
+        if (!f) return;
+        const A = JSON.parse(f);
+        if (Date.now() - A.timestamp > t.ttl * 0.5) {
+          const D = new re(i.baseUrl), M = await new Pe(D, {}).getPublicAppInfo(i.appId);
+          s(M);
+          const u = {
+            data: M,
             timestamp: Date.now(),
             appId: i.appId
           };
-          localStorage.setItem(t.storageKey, JSON.stringify(M));
+          localStorage.setItem(t.storageKey, JSON.stringify(u));
         }
-      } catch (p) {
-        console.warn("Background app refresh failed:", p);
+      } catch (f) {
+        console.warn("Background app refresh failed:", f);
       }
   }, [i, t, r]);
   return te(() => {
-    r ? m() : P();
-  }, []), /* @__PURE__ */ n(Pe.Provider, { value: b, children: e });
+    r ? b() : x();
+  }, []), /* @__PURE__ */ n(ve.Provider, { value: y, children: e });
 }
-function oe() {
-  const i = ce(Pe);
+function he() {
+  const i = ne(ve);
   if (!i)
     throw new Error("useApp must be used within an AppProvider");
   return i;
 }
-const Ft = oe;
-class we {
+function Ee() {
+  return ne(ve);
+}
+const Ut = he;
+class be {
   constructor(e = {}) {
     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);
   }
@@ -369,7 +372,7 @@ class we {
     return e !== null && !this.isTokenExpired(e);
   }
 }
-class ze {
+class _e {
   constructor(e) {
     this.httpService = e;
   }
@@ -414,7 +417,7 @@ class ze {
     });
   }
 }
-class ke {
+class Me {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -481,16 +484,16 @@ class ke {
       throw new Error("SessionManager is required for private endpoints");
     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 o = `/roles/user/${e}${s.toString() ? `?${s.toString()}` : ""}`, h = await this.httpService.get(o, {
+    const o = `/roles/user/${e}${s.toString() ? `?${s.toString()}` : ""}`, a = await this.httpService.get(o, {
       headers: r
     });
     return {
-      roles: h.data,
-      meta: h.meta
+      roles: a.data,
+      meta: a.meta
     };
   }
 }
-class Oe {
+class Ge {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -530,7 +533,7 @@ class Oe {
     });
   }
 }
-class ue {
+class de {
   constructor(e, t, r) {
     this.httpService = e, this.appId = t, this.sessionManager = r;
   }
@@ -608,7 +611,7 @@ class ue {
     )).data;
   }
 }
-function We(i, e) {
+function Ke(i, e) {
   if (i === "localhost" || i.startsWith("127.") || i.startsWith("192.168."))
     return null;
   if (e) {
@@ -616,34 +619,34 @@ function We(i, e) {
     if (o === s || o === `www.${s}`)
       return null;
     if (o.endsWith(`.${s}`)) {
-      const h = o.slice(0, -(s.length + 1));
-      return h === "www" ? null : h;
+      const a = o.slice(0, -(s.length + 1));
+      return a === "www" ? null : a;
     }
     return null;
   }
   const r = i.split(".");
   return r.length >= 3 && r[0] !== "www" ? r[0] : null;
 }
-function Ve(i, e = "tenant", t) {
+function Je(i, e = "tenant", t) {
   const s = new URLSearchParams(i).get(e);
   return s ? (t && t.setItem("tenant", s), s) : t ? t.getItem("tenant") : null;
 }
-function je(i, e, t) {
+function Ye(i, e, t) {
   const { tenantMode: r, baseDomain: s, selectorParam: o } = i;
-  return r === "subdomain" ? We(e.hostname, s) : r === "selector" ? Ve(e.search, o, t) : null;
+  return r === "subdomain" ? Ke(e.hostname, s) : r === "selector" ? Je(e.search, o, t) : null;
 }
-function _e(i, e, t) {
+function Qe(i, e, t) {
   if (t)
     return `${i}.${t}`;
   const r = e.split(".");
   return r.length === 2 ? `${i}.${e}` : r.length >= 3 ? (r[0] = i, r.join(".")) : null;
 }
 const fe = "_auth";
-function Ge(i) {
+function Xe(i) {
   const e = JSON.stringify(i);
   return btoa(e).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
-function Ke(i) {
+function Ze(i) {
   try {
     let e = i.replace(/-/g, "+").replace(/_/g, "/");
     for (; e.length % 4; )
@@ -654,7 +657,7 @@ function Ke(i) {
     return null;
   }
 }
-function Je() {
+function et() {
   if (typeof window > "u")
     return console.log("[CrossDomainAuth] SSR environment, skipping URL token extraction"), null;
   const e = new URLSearchParams(window.location.search).get(fe);
@@ -663,7 +666,7 @@ function Je() {
     searchParams: window.location.search,
     encodedLength: e == null ? void 0 : e.length
   }), !e) return null;
-  const t = Ke(e);
+  const t = Ze(e);
   return console.log("[CrossDomainAuth] Token decode result:", {
     success: !!t,
     hasAccessToken: !!(t != null && t.accessToken),
@@ -671,7 +674,7 @@ function Je() {
     expiresIn: t == null ? void 0 : t.expiresIn
   }), t;
 }
-function Ye() {
+function tt() {
   if (typeof window > "u") return;
   const i = new URL(window.location.href);
   i.searchParams.delete(fe), console.log("[CrossDomainAuth] Clearing auth tokens from URL", {
@@ -679,9 +682,9 @@ function Ye() {
     newUrl: i.toString()
   }), window.history.replaceState({}, "", i.toString());
 }
-const Se = he(null);
-function $t({ config: i, children: e }) {
-  const { baseUrl: t, appInfo: r, appId: s } = oe(), o = ne(() => typeof window > "u" ? null : je(
+const ke = ue(null);
+function Bt({ config: i, children: e }) {
+  const { baseUrl: t, appInfo: r, appId: s } = he(), o = se(() => typeof window > "u" ? null : Ye(
     {
       tenantMode: i.tenantMode || "selector",
       baseDomain: i.baseDomain,
@@ -692,118 +695,118 @@ function $t({ config: i, children: e }) {
       search: window.location.search
     },
     window.localStorage
-  ), [i.tenantMode, i.baseDomain, i.selectorParam]), [h, w] = v(() => o()), k = X(
+  ), [i.tenantMode, i.baseDomain, i.selectorParam]), [a, p] = k(() => o()), w = X(
     () => {
-      var c, I, S;
+      var d, F, v;
       return {
-        enabled: ((c = i.cache) == null ? void 0 : c.enabled) ?? !0,
-        ttl: ((I = i.cache) == null ? void 0 : I.ttl) ?? 5 * 60 * 1e3,
+        enabled: ((d = i.cache) == null ? void 0 : d.enabled) ?? !0,
+        ttl: ((F = i.cache) == null ? void 0 : F.ttl) ?? 5 * 60 * 1e3,
         // 5 minutes default
-        storageKey: ((S = i.cache) == null ? void 0 : S.storageKey) ?? `tenant_cache_${h || "default"}`
+        storageKey: ((v = i.cache) == null ? void 0 : v.storageKey) ?? `tenant_cache_${a || "default"}`
       };
     },
-    [i.cache, h]
-  ), [b, P] = v(() => {
+    [i.cache, a]
+  ), [y, x] = k(() => {
     if (i.initialTenant) return i.initialTenant;
-    if (!k.enabled || !h) return null;
+    if (!w.enabled || !a) return null;
     try {
-      const c = localStorage.getItem(k.storageKey);
-      if (!c) return null;
-      const I = JSON.parse(c);
-      return Date.now() - I.timestamp < k.ttl && I.tenantSlug === h ? I.data : (localStorage.removeItem(k.storageKey), null);
+      const d = localStorage.getItem(w.storageKey);
+      if (!d) return null;
+      const F = JSON.parse(d);
+      return Date.now() - F.timestamp < w.ttl && F.tenantSlug === a ? F.data : (localStorage.removeItem(w.storageKey), null);
     } catch {
       return null;
     }
-  }), [m, p] = v(!b && !i.initialTenant), [u, y] = v(null), [L, R] = v(null), [z, M] = v(!1), [A, d] = v(null);
+  }), [b, f] = k(!y && !i.initialTenant), [A, L] = k(null), [D, I] = k(null), [M, u] = k(!1), [R, m] = k(null);
   te(() => {
-    const c = o();
-    w(c);
+    const d = o();
+    p(d);
   }, [o]);
-  const C = (r == null ? void 0 : r.settingsSchema) || null, F = ne(
-    async (c, I = !1) => {
-      if (!(!I && k.enabled && b && b.domain === c))
+  const H = (r == null ? void 0 : r.settingsSchema) || null, $ = se(
+    async (d, F = !1) => {
+      if (!(!F && w.enabled && y && y.domain === d))
         try {
-          p(!0), y(null);
-          const S = new re(t), a = await new ue(S, s).getPublicTenantInfo(c);
-          if (P(a), k.enabled)
+          f(!0), L(null);
+          const v = new re(t), g = await new de(v, s).getPublicTenantInfo(d);
+          if (x(g), w.enabled)
             try {
-              const f = {
-                data: a,
+              const c = {
+                data: g,
                 timestamp: Date.now(),
-                tenantSlug: c
+                tenantSlug: d
               };
-              localStorage.setItem(k.storageKey, JSON.stringify(f));
-            } catch (f) {
-              console.warn("Failed to cache tenant info:", f);
+              localStorage.setItem(w.storageKey, JSON.stringify(c));
+            } catch (c) {
+              console.warn("Failed to cache tenant info:", c);
             }
-        } catch (S) {
-          const g = S instanceof Error ? S : new Error("Failed to load tenant information");
-          y(g), P(null);
+        } catch (v) {
+          const h = v instanceof Error ? v : new Error("Failed to load tenant information");
+          L(h), x(null);
         } finally {
-          p(!1);
+          f(!1);
         }
     },
-    [t, s, k, b]
-  ), G = ne(async () => {
-    if (!(!k.enabled || !b || !h))
+    [t, s, w, y]
+  ), C = se(async () => {
+    if (!(!w.enabled || !y || !a))
       try {
-        const c = localStorage.getItem(k.storageKey);
-        if (!c) return;
-        const I = JSON.parse(c);
-        if (Date.now() - I.timestamp > k.ttl * 0.5) {
-          const g = new re(t), f = await new ue(g, s).getPublicTenantInfo(h);
-          P(f);
-          const O = {
-            data: f,
+        const d = localStorage.getItem(w.storageKey);
+        if (!d) return;
+        const F = JSON.parse(d);
+        if (Date.now() - F.timestamp > w.ttl * 0.5) {
+          const h = new re(t), c = await new de(h, s).getPublicTenantInfo(a);
+          x(c);
+          const j = {
+            data: c,
             timestamp: Date.now(),
-            tenantSlug: h
+            tenantSlug: a
           };
-          localStorage.setItem(k.storageKey, JSON.stringify(O));
+          localStorage.setItem(w.storageKey, JSON.stringify(j));
         }
-      } catch (c) {
-        console.warn("Background tenant refresh failed:", c);
+      } catch (d) {
+        console.warn("Background tenant refresh failed:", d);
       }
-  }, [t, s, k, b, h]), U = ne(async () => {
-    if (b != null && b.id)
+  }, [t, s, w, y, a]), T = se(async () => {
+    if (y != null && y.id)
       try {
-        M(!0), d(null);
-        const c = new re(t), S = await new ue(c, b.appId).getTenantSettings(b.id);
-        R(S);
-      } catch (c) {
-        const I = c instanceof Error ? c : new Error("Failed to load tenant settings");
-        d(I), R(null);
+        u(!0), m(null);
+        const d = new re(t), v = await new de(d, y.appId).getTenantSettings(y.id);
+        I(v);
+      } catch (d) {
+        const F = d instanceof Error ? d : new Error("Failed to load tenant settings");
+        m(F), I(null);
       } finally {
-        M(!1);
+        u(!1);
       }
-  }, [t, b]), _ = ne(() => {
-    U();
-  }, [U]), x = ne(
-    (c) => {
-      if (!C)
+  }, [t, y]), q = se(() => {
+    T();
+  }, [T]), S = se(
+    (d) => {
+      if (!H)
         return { isValid: !0, errors: [] };
-      const I = [];
+      const F = [];
       try {
-        return C.properties && Object.entries(C.properties).forEach(([S, g]) => {
-          var f;
-          const a = c[S];
-          if ((f = C.required) != null && f.includes(S) && a == null) {
-            I.push(`Field '${S}' is required`);
+        return H.properties && Object.entries(H.properties).forEach(([v, h]) => {
+          var c;
+          const g = d[v];
+          if ((c = H.required) != null && c.includes(v) && g == null) {
+            F.push(`Field '${v}' is required`);
             return;
           }
-          if (a != null) {
-            if (g.type) {
-              const O = g.type, K = typeof a;
-              O === "string" && K !== "string" ? I.push(`Field '${S}' must be a string`) : (O === "number" || O === "integer") && K !== "number" ? I.push(`Field '${S}' must be a number`) : O === "boolean" && K !== "boolean" ? I.push(`Field '${S}' must be a boolean`) : O === "array" && !Array.isArray(a) && I.push(`Field '${S}' must be an array`);
+          if (g != null) {
+            if (h.type) {
+              const j = h.type, K = typeof g;
+              j === "string" && K !== "string" ? F.push(`Field '${v}' must be a string`) : (j === "number" || j === "integer") && K !== "number" ? F.push(`Field '${v}' must be a number`) : j === "boolean" && K !== "boolean" ? F.push(`Field '${v}' must be a boolean`) : j === "array" && !Array.isArray(g) && F.push(`Field '${v}' must be an array`);
             }
-            g.minLength !== void 0 && typeof a == "string" && a.length < g.minLength && I.push(
-              `Field '${S}' must be at least ${g.minLength} characters long`
-            ), g.maxLength !== void 0 && typeof a == "string" && a.length > g.maxLength && I.push(
-              `Field '${S}' must be no more than ${g.maxLength} characters long`
-            ), g.minimum !== void 0 && typeof a == "number" && a < g.minimum && I.push(`Field '${S}' must be at least ${g.minimum}`), g.maximum !== void 0 && typeof a == "number" && a > g.maximum && I.push(`Field '${S}' must be no more than ${g.maximum}`), g.pattern && typeof a == "string" && (new RegExp(g.pattern).test(a) || I.push(`Field '${S}' does not match the required pattern`)), g.enum && !g.enum.includes(a) && I.push(`Field '${S}' must be one of: ${g.enum.join(", ")}`);
+            h.minLength !== void 0 && typeof g == "string" && g.length < h.minLength && F.push(
+              `Field '${v}' must be at least ${h.minLength} characters long`
+            ), h.maxLength !== void 0 && typeof g == "string" && g.length > h.maxLength && F.push(
+              `Field '${v}' must be no more than ${h.maxLength} characters long`
+            ), h.minimum !== void 0 && typeof g == "number" && g < h.minimum && F.push(`Field '${v}' must be at least ${h.minimum}`), h.maximum !== void 0 && typeof g == "number" && g > h.maximum && F.push(`Field '${v}' must be no more than ${h.maximum}`), h.pattern && typeof g == "string" && (new RegExp(h.pattern).test(g) || F.push(`Field '${v}' does not match the required pattern`)), h.enum && !h.enum.includes(g) && F.push(`Field '${v}' must be one of: ${h.enum.join(", ")}`);
           }
         }), {
-          isValid: I.length === 0,
-          errors: I
+          isValid: F.length === 0,
+          errors: F
         };
       } catch {
         return {
@@ -812,90 +815,90 @@ function $t({ config: i, children: e }) {
         };
       }
     },
-    [C]
+    [H]
   );
   te(() => {
-    !i.initialTenant && h ? b ? G() : F(h) : !i.initialTenant && !h && (P(null), y(null), p(!1));
-  }, [i.initialTenant, h, b, F, G]), te(() => {
-    b != null && b.id ? U() : (R(null), d(null), M(!1));
-  }, [b == null ? void 0 : b.id, U]);
-  const T = ne(
-    (c, I) => {
-      const { mode: S = "reload", tokens: g, redirectPath: a } = I || {}, f = i.tenantMode || "selector";
-      if (localStorage.setItem("tenant", c), f === "subdomain") {
-        const O = window.location.hostname, K = _e(
-          c,
-          O,
+    !i.initialTenant && a ? y ? C() : $(a) : !i.initialTenant && !a && (x(null), L(null), f(!1));
+  }, [i.initialTenant, a, y, $, C]), te(() => {
+    y != null && y.id ? T() : (I(null), m(null), u(!1));
+  }, [y == null ? void 0 : y.id, T]);
+  const P = se(
+    (d, F) => {
+      const { mode: v = "reload", tokens: h, redirectPath: g } = F || {}, c = i.tenantMode || "selector";
+      if (localStorage.setItem("tenant", d), c === "subdomain") {
+        const j = window.location.hostname, K = Qe(
+          d,
+          j,
           i.baseDomain
         );
         if (!K) {
           console.warn(
             "[TenantProvider] Cannot switch subdomain, invalid hostname:",
-            O
+            j
           );
           return;
         }
-        const H = a || window.location.pathname, N = new URL(`${window.location.protocol}//${K}${H}`);
-        new URLSearchParams(window.location.search).forEach(($, J) => {
-          J !== fe && N.searchParams.set(J, $);
-        }), g && N.searchParams.set(fe, Ge(g)), window.location.href = N.toString();
-      } else if (f === "selector") {
-        const O = a || window.location.pathname, K = new URLSearchParams(window.location.search);
-        if (K.set(i.selectorParam || "tenant", c), S === "reload") {
-          const H = `${O}?${K.toString()}${window.location.hash}`;
-          window.location.href = H;
+        const N = g || window.location.pathname, z = new URL(`${window.location.protocol}//${K}${N}`);
+        new URLSearchParams(window.location.search).forEach((U, J) => {
+          J !== fe && z.searchParams.set(J, U);
+        }), h && z.searchParams.set(fe, Xe(h)), window.location.href = z.toString();
+      } else if (c === "selector") {
+        const j = g || window.location.pathname, K = new URLSearchParams(window.location.search);
+        if (K.set(i.selectorParam || "tenant", d), v === "reload") {
+          const N = `${j}?${K.toString()}${window.location.hash}`;
+          window.location.href = N;
         } else {
-          const H = `${O}?${K.toString()}${window.location.hash}`;
-          window.history.pushState({}, "", H), w(c), F(c);
+          const N = `${j}?${K.toString()}${window.location.hash}`;
+          window.history.pushState({}, "", N), p(d), $(d);
         }
       }
     },
-    [i.tenantMode, i.selectorParam, i.baseDomain, F]
+    [i.tenantMode, i.selectorParam, i.baseDomain, $]
   ), E = X(() => ({
     // Tenant info
-    tenant: b,
-    tenantSlug: h,
-    isTenantLoading: m,
-    tenantError: u,
+    tenant: y,
+    tenantSlug: a,
+    isTenantLoading: b,
+    tenantError: A,
     retryTenant: () => {
-      h && F(h);
+      a && $(a);
     },
     // Settings
-    settings: L,
-    settingsSchema: C,
-    isSettingsLoading: z,
-    settingsError: A,
+    settings: D,
+    settingsSchema: H,
+    isSettingsLoading: M,
+    settingsError: R,
     // Actions
-    refreshSettings: _,
-    switchTenant: T,
+    refreshSettings: q,
+    switchTenant: P,
     // Validation
-    validateSettings: x
+    validateSettings: S
   }), [
+    y,
+    a,
     b,
-    h,
-    m,
-    u,
-    L,
-    C,
-    z,
     A,
-    _,
-    T,
-    x
+    D,
+    H,
+    M,
+    R,
+    q,
+    P,
+    S
   ]);
-  return /* @__PURE__ */ n(Se.Provider, { value: E, children: e });
+  return /* @__PURE__ */ n(ke.Provider, { value: E, children: e });
 }
 function me() {
-  const i = ce(Se);
+  const i = ne(ke);
   if (!i)
     throw new Error("useTenant must be used within a TenantProvider");
   return i;
 }
-function Me() {
-  return ce(Se);
+function ye() {
+  return ne(ke);
 }
-const Dt = me;
-function Ht() {
+const qt = me;
+function zt() {
   const { settings: i, settingsSchema: e, isSettingsLoading: t, settingsError: r, validateSettings: s } = me();
   return {
     settings: i,
@@ -905,7 +908,7 @@ function Ht() {
     validateSettings: s
   };
 }
-function se() {
+function le() {
   const { tenant: i, tenantSlug: e, isTenantLoading: t, tenantError: r, retryTenant: s } = me();
   return {
     tenant: i,
@@ -915,326 +918,305 @@ function se() {
     retry: s
   };
 }
-const Ie = he(null);
-function Nt({ config: i = {}, children: e }) {
-  const { appId: t, baseUrl: r } = oe(), { tenant: s, tenantSlug: o, switchTenant: h } = me(), [w, k] = v(i.initialRoles || []), [b, P] = v(!i.initialRoles), [m, p] = v(null), [u, y] = v(!1), [L, R] = v(null), [z, M] = v(0), A = qe({
-    processed: !1,
-    tokens: null
-  });
-  A.current.processed || (A.current.processed = !0, A.current.tokens = Je(), console.log("[AuthProvider] SYNC: URL tokens extracted on init", {
-    found: !!A.current.tokens,
-    url: typeof window < "u" ? window.location.href : "SSR"
-  }));
-  const d = X(() => {
-    const a = new we({
+const xe = ue(null);
+function Ot({ config: i = {}, children: e }) {
+  const { appId: t, baseUrl: r } = he(), { tenant: s, tenantSlug: o, switchTenant: a } = me(), [p, w] = k(i.initialRoles || []), [y, x] = k(!i.initialRoles), [b, f] = k(null), [A, L] = k(!1), [D, I] = k(null), [M, u] = k(0), R = Ve({ done: !1, urlTokens: null });
+  R.current.done || (R.current.done = !0, R.current.urlTokens = et(), R.current.urlTokens && console.log("[AuthProvider] SYNC: URL tokens found"));
+  const m = X(() => {
+    const c = new be({
       tenantSlug: o,
-      // SessionManager will generate storageKey internally
       onRefreshFailed: i.onRefreshFailed,
       baseUrl: r
     });
-    return A.current.tokens && (console.log("[AuthProvider] SYNC: Saving URL tokens to session manager"), a.setTokens({
-      accessToken: A.current.tokens.accessToken,
-      refreshToken: A.current.tokens.refreshToken,
-      expiresIn: A.current.tokens.expiresIn
-    }), console.log(
-      "[AuthProvider] SYNC: Session valid after saving tokens:",
-      a.hasValidSession()
-    )), a;
-  }, [o, r, i.onRefreshFailed]), C = X(() => {
-    const a = new re(r);
-    return a.setSessionManager(d), a;
-  }, [r, d]), F = X(() => new ze(new re(r)), [r]), G = X(() => new Oe(C, d), [C, d]), U = X(() => new ke(new re(r)), [r]), _ = X(() => m || d.getUser(), [m, d]), x = X(() => _ != null && _.roleId && w.find((a) => a.id === _.roleId) || null, [_, w]), T = X(() => (x == null ? void 0 : x.permissions) || [], [x]), E = X(() => d.hasValidSession() && m !== null, [d, m]), c = 5 * 60 * 1e3, I = X(() => {
-    const a = async (D = !1) => {
+    return R.current.urlTokens && (console.log("[AuthProvider] SYNC: Saving URL tokens to session manager"), c.setTokens({
+      accessToken: R.current.urlTokens.accessToken,
+      refreshToken: R.current.urlTokens.refreshToken,
+      expiresIn: R.current.urlTokens.expiresIn
+    }), console.log("[AuthProvider] SYNC: Session valid:", c.hasValidSession())), c;
+  }, [o, r, i.onRefreshFailed]), H = R.current.done, $ = X(() => {
+    const c = new re(r);
+    return c.setSessionManager(m), c;
+  }, [r, m]), C = X(() => new _e(new re(r)), [r]), T = X(() => new Ge($, m), [$, m]), q = X(() => new Me(new re(r)), [r]), S = X(() => b || m.getUser(), [b, m]), P = X(() => S != null && S.roleId && p.find((c) => c.id === S.roleId) || null, [S, p]), E = X(() => (P == null ? void 0 : P.permissions) || [], [P]), d = X(() => m.hasValidSession() && b !== null, [m, b]), F = 5 * 60 * 1e3, v = X(() => {
+    const c = async (B = !1) => {
       try {
-        if (!d.hasValidSession())
+        if (!m.hasValidSession())
           return;
-        const B = Date.now();
-        if (!D && B - z < c && m)
+        const O = Date.now();
+        if (!B && O - M < F && b)
           return;
-        const V = d.getUserId();
-        if (!V) {
+        const _ = m.getUserId();
+        if (!_) {
           console.warn("[AuthProvider] No userId available in token or storage");
           return;
         }
-        y(!0), R(null);
-        const Z = await G.getUserById(V);
-        p(Z), d.setUser(Z), M(Date.now());
-      } catch (B) {
-        const Y = B instanceof Error ? B : new Error("Failed to load user data");
-        R(Y), console.error("[AuthProvider] Failed to load user data:", Y);
+        L(!0), I(null);
+        const Z = await T.getUserById(_);
+        f(Z), m.setUser(Z), u(Date.now());
+      } catch (O) {
+        const Y = O instanceof Error ? O : new Error("Failed to load user data");
+        I(Y), console.error("[AuthProvider] Failed to load user data:", Y);
       } finally {
-        y(!1);
+        L(!1);
       }
-    }, f = async () => {
-      await a();
-    }, O = async (D) => {
-      const { username: B, password: Y, tenantSlug: V } = D;
-      let Z = s == null ? void 0 : s.id, Q = o, ee = d;
-      V && (Z = (await new ue(C, t).getPublicTenantInfo(V)).id, Q = V);
-      const j = await F.login({
-        username: B,
+    }, j = async () => {
+      await c();
+    }, K = async (B) => {
+      const { username: O, password: Y, tenantSlug: _ } = B;
+      let Z = s == null ? void 0 : s.id, Q = o, ee = m;
+      _ && (Z = (await new de($, t).getPublicTenantInfo(_)).id, Q = _);
+      const G = await C.login({
+        username: O,
         password: Y,
         appId: t,
         tenantId: Z
-      }), le = V && V !== o;
-      if (le && (ee = new we({
+      }), ae = _ && _ !== o;
+      if (ae && (ee = new be({
         tenantSlug: Q,
         baseUrl: r
       })), ee.setTokens({
-        accessToken: j.accessToken,
-        refreshToken: j.refreshToken,
-        expiresIn: j.expiresIn
-      }), j.user) {
-        ee.setUser(j.user), p(j.user);
+        accessToken: G.accessToken,
+        refreshToken: G.refreshToken,
+        expiresIn: G.expiresIn
+      }), G.user) {
+        ee.setUser(G.user), f(G.user);
         try {
-          await a();
-        } catch (de) {
-          console.warn("Failed to load complete user data after login:", de);
+          await c();
+        } catch (ce) {
+          console.warn("Failed to load complete user data after login:", ce);
         }
       }
-      return le && Q && Q !== o && h(Q, {
+      return ae && Q && Q !== o && a(Q, {
         tokens: {
-          accessToken: j.accessToken,
-          refreshToken: j.refreshToken,
-          expiresIn: j.expiresIn
+          accessToken: G.accessToken,
+          refreshToken: G.refreshToken,
+          expiresIn: G.expiresIn
         }
-      }), j;
-    }, K = async (D) => {
-      const { email: B, phoneNumber: Y, name: V, password: Z, lastName: Q, tenantId: ee } = D;
-      if (!B && !Y)
+      }), G;
+    }, N = async (B) => {
+      const { email: O, phoneNumber: Y, name: _, password: Z, lastName: Q, tenantId: ee } = B;
+      if (!O && !Y)
         throw new Error("Either email or phoneNumber is required");
-      if (!V || !Z)
+      if (!_ || !Z)
         throw new Error("Name and password are required");
-      const j = ee ?? (s == null ? void 0 : s.id);
-      return await F.signup({
-        email: B,
+      const G = ee ?? (s == null ? void 0 : s.id);
+      return await C.signup({
+        email: O,
         phoneNumber: Y,
-        name: V,
+        name: _,
         password: Z,
-        tenantId: j,
+        tenantId: G,
         lastName: Q,
         appId: t
       });
-    }, H = async (D) => {
-      const { email: B, phoneNumber: Y, name: V, password: Z, tenantName: Q, lastName: ee } = D;
-      if (!B && !Y)
+    }, z = async (B) => {
+      const { email: O, phoneNumber: Y, name: _, password: Z, tenantName: Q, lastName: ee } = B;
+      if (!O && !Y)
         throw new Error("Either email or phoneNumber is required");
-      if (!V || !Z || !Q)
+      if (!_ || !Z || !Q)
         throw new Error("Name, password, and tenantName are required");
-      return await F.signupTenantAdmin({
-        email: B,
+      return await C.signupTenantAdmin({
+        email: O,
         phoneNumber: Y,
-        name: V,
+        name: _,
         password: Z,
         tenantName: Q,
         appId: t,
         lastName: ee
       });
-    }, N = async (D) => {
-      const { currentPassword: B, newPassword: Y } = D, V = await d.getAuthHeaders();
-      await F.changePassword({ currentPassword: B, newPassword: Y }, V);
-    }, W = async (D) => {
-      const { email: B, tenantId: Y } = D, V = Y ?? (s == null ? void 0 : s.id);
-      if (!V)
+    }, V = async (B) => {
+      const { currentPassword: O, newPassword: Y } = B, _ = await m.getAuthHeaders();
+      await C.changePassword({ currentPassword: O, newPassword: Y }, _);
+    }, U = async (B) => {
+      const { email: O, tenantId: Y } = B, _ = Y ?? (s == null ? void 0 : s.id);
+      if (!_)
         throw new Error("tenantId is required for password reset");
-      await F.requestPasswordReset({ email: B, tenantId: V });
-    }, $ = async (D) => {
-      const { token: B, newPassword: Y } = D;
-      await F.confirmPasswordReset({ token: B, newPassword: Y });
-    }, J = async (D) => {
-      const { email: B, frontendUrl: Y, name: V, lastName: Z, tenantId: Q } = D, ee = Q ?? (s == null ? void 0 : s.id);
+      await C.requestPasswordReset({ email: O, tenantId: _ });
+    }, J = async (B) => {
+      const { token: O, newPassword: Y } = B;
+      await C.confirmPasswordReset({ token: O, newPassword: Y });
+    }, ge = async (B) => {
+      const { email: O, frontendUrl: Y, name: _, lastName: Z, tenantId: Q } = B, ee = Q ?? (s == null ? void 0 : s.id);
       if (!ee)
         throw new Error("tenantId is required for magic link authentication");
-      return await F.sendMagicLink({
-        email: B,
+      return await C.sendMagicLink({
+        email: O,
         tenantId: ee,
         frontendUrl: Y,
-        name: V,
+        name: _,
         lastName: Z,
         appId: t
       });
-    }, ge = async (D) => {
-      const { token: B, email: Y, tenantSlug: V } = D;
-      let Z = s == null ? void 0 : s.id, Q = o, ee = d;
-      V && (Z = (await new ue(C, t).getPublicTenantInfo(V)).id, Q = V);
-      const j = await F.verifyMagicLink({
-        token: B,
+    }, He = async (B) => {
+      const { token: O, email: Y, tenantSlug: _ } = B;
+      let Z = s == null ? void 0 : s.id, Q = o, ee = m;
+      _ && (Z = (await new de($, t).getPublicTenantInfo(_)).id, Q = _);
+      const G = await C.verifyMagicLink({
+        token: O,
         email: Y,
         appId: t,
         tenantId: Z
-      }), le = V && V !== o;
-      if (le && (ee = new we({
+      }), ae = _ && _ !== o;
+      if (ae && (ee = new be({
         tenantSlug: Q,
         baseUrl: r
       })), ee.setTokens({
-        accessToken: j.accessToken,
-        refreshToken: j.refreshToken,
-        expiresIn: j.expiresIn
-      }), j.user) {
-        ee.setUser(j.user), p(j.user);
+        accessToken: G.accessToken,
+        refreshToken: G.refreshToken,
+        expiresIn: G.expiresIn
+      }), G.user) {
+        ee.setUser(G.user), f(G.user);
         try {
-          await a();
-        } catch (de) {
-          console.warn("Failed to load complete user data after magic link login:", de);
+          await c();
+        } catch (ce) {
+          console.warn("Failed to load complete user data after magic link login:", ce);
         }
       }
-      return le && Q && Q !== o && h(Q, {
+      return ae && Q && Q !== o && a(Q, {
         tokens: {
-          accessToken: j.accessToken,
-          refreshToken: j.refreshToken,
-          expiresIn: j.expiresIn
+          accessToken: G.accessToken,
+          refreshToken: G.refreshToken,
+          expiresIn: G.expiresIn
         }
-      }), j;
-    }, Ce = async () => {
-      const D = d.getTokens();
-      if (!(D != null && D.refreshToken))
+      }), G;
+    }, Ne = async () => {
+      const B = m.getTokens();
+      if (!(B != null && B.refreshToken))
         throw new Error("No refresh token available");
-      const B = await F.refreshToken({
-        refreshToken: D.refreshToken
+      const O = await C.refreshToken({
+        refreshToken: B.refreshToken
       });
-      d.setTokens({
-        accessToken: B.accessToken,
-        refreshToken: B.refreshToken || D.refreshToken,
-        expiresIn: B.expiresIn
+      m.setTokens({
+        accessToken: O.accessToken,
+        refreshToken: O.refreshToken || B.refreshToken,
+        expiresIn: O.expiresIn
       });
-    }, Fe = () => {
-      d.clearSession(), p(null), R(null);
-    }, $e = (D) => {
-      d.setTokens(D);
-    }, De = () => d.hasValidSession(), He = () => {
-      d.clearSession(), p(null), R(null);
-    }, Ne = async () => {
+    }, Ue = () => {
+      m.clearSession(), f(null), I(null);
+    }, Be = (B) => {
+      m.setTokens(B);
+    }, qe = () => m.hasValidSession(), ze = () => {
+      m.clearSession(), f(null), I(null);
+    }, Oe = async () => {
       if (t)
         try {
-          P(!0);
-          const { roles: D } = await U.getRolesByApp(t);
-          k(D);
-        } catch (D) {
-          console.error("Failed to fetch roles:", D);
+          x(!0);
+          const { roles: B } = await q.getRolesByApp(t);
+          w(B);
+        } catch (B) {
+          console.error("Failed to fetch roles:", B);
         } finally {
-          P(!1);
+          x(!1);
         }
-    }, Ue = async () => {
-      await Ne();
-    }, ye = (D) => {
-      if (!T || T.length === 0)
+    }, We = async () => {
+      await Oe();
+    }, we = (B) => {
+      if (!E || E.length === 0)
         return !1;
-      if (typeof D == "string")
-        return T.includes(D);
-      const B = `${D.resource}.${D.action}`;
-      return T.includes(B);
+      if (typeof B == "string")
+        return E.includes(B);
+      const O = `${B.resource}.${B.action}`;
+      return E.includes(O);
     };
     return {
       // RFC-003: Authentication state
-      isAuthenticated: E,
-      sessionManager: d,
-      authenticatedHttpService: C,
-      login: O,
-      signup: K,
-      signupTenantAdmin: H,
-      sendMagicLink: J,
-      verifyMagicLink: ge,
-      changePassword: N,
-      requestPasswordReset: W,
-      confirmPasswordReset: $,
-      refreshToken: Ce,
-      logout: Fe,
-      setTokens: $e,
-      hasValidSession: De,
-      clearSession: He,
-      currentUser: m,
-      isUserLoading: u,
-      userError: L,
-      loadUserData: a,
-      refreshUser: f,
-      userRole: x,
-      userPermissions: T,
-      availableRoles: w,
-      rolesLoading: b,
-      hasPermission: ye,
-      hasAnyPermission: (D) => D.some((B) => ye(B)),
-      hasAllPermissions: (D) => D.every((B) => ye(B)),
-      getUserPermissionStrings: () => T || [],
-      refreshRoles: Ue
+      isAuthenticated: d,
+      sessionManager: m,
+      authenticatedHttpService: $,
+      login: K,
+      signup: N,
+      signupTenantAdmin: z,
+      sendMagicLink: ge,
+      verifyMagicLink: He,
+      changePassword: V,
+      requestPasswordReset: U,
+      confirmPasswordReset: J,
+      refreshToken: Ne,
+      logout: Ue,
+      setTokens: Be,
+      hasValidSession: qe,
+      clearSession: ze,
+      currentUser: b,
+      isUserLoading: A,
+      userError: D,
+      loadUserData: c,
+      refreshUser: j,
+      isAuthInitializing: !H,
+      isAuthReady: H,
+      userRole: P,
+      userPermissions: E,
+      availableRoles: p,
+      rolesLoading: y,
+      hasPermission: we,
+      hasAnyPermission: (B) => B.some((O) => we(O)),
+      hasAllPermissions: (B) => B.every((O) => we(O)),
+      getUserPermissionStrings: () => E || [],
+      refreshRoles: We
     };
   }, [
-    E,
     d,
+    m,
+    $,
     C,
-    F,
-    G,
-    U,
+    T,
+    q,
     t,
     s,
     o,
-    h,
-    w,
-    m,
-    u,
-    L,
-    x,
-    T,
-    z,
-    c
+    a,
+    p,
+    b,
+    A,
+    D,
+    H,
+    P,
+    E,
+    M,
+    F
   ]);
   te(() => {
     !i.initialRoles && t && (async () => {
       try {
-        P(!0);
-        const f = new re(r), O = new ke(f), { roles: K } = await O.getRolesByApp(t);
-        k(K);
-      } catch (f) {
-        console.error("Failed to fetch roles:", f);
+        x(!0);
+        const j = new re(r), K = new Me(j), { roles: N } = await K.getRolesByApp(t);
+        w(N);
+      } catch (j) {
+        console.error("Failed to fetch roles:", j);
       } finally {
-        P(!1);
+        x(!1);
       }
     })();
   }, [t, r, i.initialRoles]);
-  const [S, g] = v(!1);
+  const [h, g] = k(!1);
   return te(() => {
-    S || (g(!0), A.current.tokens && (console.log("[AuthProvider] EFFECT: Cleaning up URL after sync token processing"), Ye(), console.log("[AuthProvider] EFFECT: Loading user data after URL token consumption..."), I.loadUserData().catch((a) => {
-      console.error(
-        "[AuthProvider] Failed to load user data after URL token consumption:",
-        a
-      );
+    h || (g(!0), R.current.urlTokens && (console.log("[AuthProvider] EFFECT: Cleaning up URL after sync token processing"), tt(), console.log("[AuthProvider] EFFECT: Loading user data..."), v.loadUserData().catch((c) => {
+      console.error("[AuthProvider] Failed to load user data:", c);
     })));
-  }, [I, S]), te(() => {
-    const a = d.getUser();
-    a && d.hasValidSession() && p(a);
-  }, [d]), te(() => {
-    if (console.log("[AuthProvider] Auto-load effect running", {
-      hasCurrentUser: !!m,
-      isUserLoading: u,
-      hasValidSession: d.hasValidSession(),
-      urlTokensCleanedUp: S,
-      hadUrlTokens: !!A.current.tokens
-    }), !S) {
-      console.log("[AuthProvider] Waiting for URL tokens cleanup before auto-load");
-      return;
-    }
-    if (A.current.tokens) {
-      console.log("[AuthProvider] URL tokens present, skipping auto-load (already handled)");
-      return;
-    }
-    !m && !u && (console.log("[AuthProvider] Auto-loading user data..."), I.loadUserData().catch(() => {
-    }));
-  }, [m, u, I, d, S]), te(() => {
-    if (!d.hasValidSession() || !m)
+  }, [v, h]), te(() => {
+    const c = m.getUser();
+    c && m.hasValidSession() && f(c);
+  }, [m]), te(() => {
+    h && (R.current.urlTokens || !b && !A && m.hasValidSession() && (console.log("[AuthProvider] Auto-loading user data..."), v.loadUserData().catch(() => {
+    })));
+  }, [b, A, v, m, h]), te(() => {
+    if (!m.hasValidSession() || !b)
       return;
-    const a = setInterval(() => {
-      I.loadUserData().catch(() => {
+    const c = setInterval(() => {
+      v.loadUserData().catch(() => {
       });
-    }, c);
-    return () => clearInterval(a);
-  }, [d, m, I, c]), /* @__PURE__ */ n(Ie.Provider, { value: I, children: e });
+    }, F);
+    return () => clearInterval(c);
+  }, [m, b, v, F]), /* @__PURE__ */ n(xe.Provider, { value: v, children: e });
 }
-function ae() {
-  const i = ce(Ie);
+function oe() {
+  const i = ne(xe);
   if (!i)
     throw new Error("useAuth must be used within an AuthProvider");
   return i;
 }
-class Qe {
+function Fe() {
+  return ne(xe);
+}
+class rt {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -1314,58 +1296,66 @@ class Qe {
     })).data;
   }
 }
-const Le = he(null);
-function Ut({ config: i = {}, children: e }) {
-  const { baseUrl: t, appId: r } = oe(), { tenant: s } = se(), [o, h] = v([]), [w, k] = v(!1), [b, P] = v(null), m = X(() => {
-    const y = new re(t);
-    return new Qe(y);
-  }, [t]), p = async () => {
-    if (!(s != null && s.id)) {
-      h([]);
+const Ae = ue(null);
+function Wt({ config: i = {}, children: e }) {
+  const t = Ee(), r = ye(), s = (t == null ? void 0 : t.baseUrl) ?? "", o = (t == null ? void 0 : t.appId) ?? "", a = (r == null ? void 0 : r.tenant) ?? null, [p, w] = k([]), [y, x] = k(!1), [b, f] = k(null), [A, L] = k(!1), D = X(() => {
+    const u = new re(s);
+    return new rt(u);
+  }, [s]), I = async () => {
+    if (!(a != null && a.id)) {
+      w([]);
       return;
     }
-    k(!0), P(null);
+    x(!0), f(null);
     try {
-      const y = await m.getTenantFeatureFlags(s.id, r);
-      h(y);
-    } catch (y) {
-      const L = y instanceof Error ? y.message : "Failed to fetch feature flags";
-      P(L), i.onError && i.onError(y instanceof Error ? y : new Error(L));
+      const u = await D.getTenantFeatureFlags(a.id, o);
+      w(u);
+    } catch (u) {
+      const R = u instanceof Error ? u.message : "Failed to fetch feature flags";
+      f(R), i.onError && i.onError(u instanceof Error ? u : new Error(R));
     } finally {
-      k(!1);
+      x(!1);
     }
   };
   te(() => {
-    p();
-    const y = i.refreshInterval || 5 * 60 * 1e3, L = setInterval(p, y);
-    return () => clearInterval(L);
-  }, [s == null ? void 0 : s.id, i.refreshInterval]);
-  const u = X(() => ({
-    featureFlags: o,
-    loading: w,
-    error: b,
-    isEnabled: (M) => {
-      const A = o.find((d) => d.key === M);
-      return (A == null ? void 0 : A.value) === !0;
-    },
-    getFlag: (M) => o.find((A) => A.key === M),
-    getFlagState: (M) => {
-      const A = o.find((d) => d.key === M);
-      return A ? A.value ? "enabled" : "disabled" : "not_found";
-    },
-    refresh: async () => {
-      await p();
-    }
-  }), [o, w, b]);
-  return /* @__PURE__ */ n(Le.Provider, { value: u, children: e });
+    if (!s || !o) return;
+    I().finally(() => L(!0));
+    const u = i.refreshInterval || 5 * 60 * 1e3, R = setInterval(I, u);
+    return () => clearInterval(R);
+  }, [a == null ? void 0 : a.id, s, o, i.refreshInterval]);
+  const M = X(() => {
+    const u = (C) => {
+      const T = p.find((q) => q.key === C);
+      return (T == null ? void 0 : T.value) === !0;
+    }, R = (C) => p.find((T) => T.key === C), m = (C) => {
+      const T = p.find((q) => q.key === C);
+      return T ? T.value ? "enabled" : "disabled" : "not_found";
+    }, H = async () => {
+      await I();
+    }, $ = !!(s && o) && (A || !(a != null && a.id));
+    return {
+      featureFlags: p,
+      loading: y,
+      error: b,
+      isReady: $,
+      isEnabled: u,
+      getFlag: R,
+      getFlagState: m,
+      refresh: H
+    };
+  }, [p, y, b, s, o, a == null ? void 0 : a.id, A]);
+  return /* @__PURE__ */ n(Ae.Provider, { value: M, children: e });
 }
-function Xe() {
-  const i = ce(Le);
+function nt() {
+  const i = ne(Ae);
   if (!i)
     throw new Error("useFeatureFlags must be used within a FeatureFlagProvider");
   return i;
 }
-class Ze {
+function Ce() {
+  return ne(Ae);
+}
+class st {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -1431,64 +1421,68 @@ class Ze {
     )).data;
   }
 }
-const Re = he(void 0);
-function Bt({ config: i = {}, children: e }) {
-  const { baseUrl: t } = oe(), { tenant: r } = se(), [s, o] = v(null), [h, w] = v(!1), [k, b] = v(null), P = X(() => {
-    const u = new re(t);
-    return new Ze(u);
-  }, [t]), m = async () => {
-    if (!(r != null && r.id)) {
-      o(null);
+const Te = ue(void 0);
+function jt({ config: i = {}, children: e }) {
+  const t = Ee(), r = ye(), s = (t == null ? void 0 : t.baseUrl) ?? "", o = (r == null ? void 0 : r.tenant) ?? null, [a, p] = k(null), [w, y] = k(!1), [x, b] = k(null), [f, A] = k(!1), L = X(() => {
+    const M = new re(s);
+    return new st(M);
+  }, [s]), D = async () => {
+    if (!(o != null && o.id)) {
+      p(null);
       return;
     }
-    w(!0), b(null);
+    y(!0), b(null);
     try {
-      const u = await P.getTenantSubscriptionFeatures(r.id);
-      o(u);
-    } catch (u) {
-      const y = u instanceof Error ? u.message : "Failed to fetch subscription";
-      b(y), i.onError && i.onError(u instanceof Error ? u : new Error(y));
+      const M = await L.getTenantSubscriptionFeatures(o.id);
+      p(M);
+    } catch (M) {
+      const u = M instanceof Error ? M.message : "Failed to fetch subscription";
+      b(u), i.onError && i.onError(M instanceof Error ? M : new Error(u));
     } finally {
-      w(!1);
+      y(!1);
     }
   };
   te(() => {
-    if (m(), !i.refreshInterval) return;
-    const u = i.refreshInterval || 10 * 60 * 1e3, y = setInterval(m, u);
-    return () => clearInterval(y);
-  }, [r == null ? void 0 : r.id, i.refreshInterval]);
-  const p = X(() => {
-    const u = (s == null ? void 0 : s.features) || [];
+    if (!s || (D().finally(() => A(!0)), !i.refreshInterval)) return;
+    const M = i.refreshInterval || 10 * 60 * 1e3, u = setInterval(D, M);
+    return () => clearInterval(u);
+  }, [o == null ? void 0 : o.id, s, i.refreshInterval]);
+  const I = X(() => {
+    const M = (a == null ? void 0 : a.features) || [], u = (T) => {
+      const q = M.find((S) => S.key === T);
+      return q ? q.type === "BOOLEAN" || q.type === "boolean" ? q.value === !0 : !!q.value : !1;
+    }, R = (T) => M.find((q) => q.key === T), m = (T, q) => {
+      const S = M.find((P) => P.key === T);
+      return S ? S.value : q;
+    }, H = (T) => !a || !a.isActive ? !1 : T.includes(a.planId), $ = async () => {
+      await D();
+    }, C = !!s && (f || !(o != null && o.id));
     return {
-      subscription: s,
-      features: u,
-      loading: h,
-      error: k,
-      isFeatureEnabled: (A) => {
-        const d = u.find((C) => C.key === A);
-        return d ? d.type === "BOOLEAN" || d.type === "boolean" ? d.value === !0 : !!d.value : !1;
-      },
-      getFeature: (A) => u.find((d) => d.key === A),
-      getFeatureValue: (A, d) => {
-        const C = u.find((F) => F.key === A);
-        return C ? C.value : d;
-      },
-      hasAllowedPlan: (A) => !s || !s.isActive ? !1 : A.includes(s.planId),
-      refresh: async () => {
-        await m();
-      }
+      subscription: a,
+      features: M,
+      loading: w,
+      error: x,
+      isReady: C,
+      isFeatureEnabled: u,
+      getFeature: R,
+      getFeatureValue: m,
+      hasAllowedPlan: H,
+      refresh: $
     };
-  }, [s, h, k]);
-  return /* @__PURE__ */ n(Re.Provider, { value: p, children: e });
+  }, [a, w, x, s, o == null ? void 0 : o.id, f]);
+  return /* @__PURE__ */ n(Te.Provider, { value: I, children: e });
 }
-function et() {
-  const i = ce(Re);
+function it() {
+  const i = ne(Te);
   if (i === void 0)
     throw new Error("useSubscription must be used within a SubscriptionProvider");
   return i;
 }
+function De() {
+  return ne(Te) ?? null;
+}
 var ie = /* @__PURE__ */ ((i) => (i.SUPERUSER = "SUPERUSER", i.TENANT_ADMIN = "TENANT_ADMIN", i.USER = "USER", i))(ie || {});
-const xe = () => /* @__PURE__ */ l(
+const Ie = () => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1525,7 +1519,7 @@ const xe = () => /* @__PURE__ */ l(
       )
     ]
   }
-), Ae = ({
+), Re = ({
   userType: i,
   minUserType: e,
   missingPermissions: t
@@ -1547,7 +1541,7 @@ const xe = () => /* @__PURE__ */ l(
     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(q, { children: [
+      e && i ? /* @__PURE__ */ l(W, { children: [
         /* @__PURE__ */ l("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: [
           "This content requires ",
           /* @__PURE__ */ n("strong", { children: e }),
@@ -1557,7 +1551,7 @@ const xe = () => /* @__PURE__ */ l(
           "Your current access level: ",
           /* @__PURE__ */ n("strong", { children: i })
         ] })
-      ] }) : /* @__PURE__ */ l(q, { children: [
+      ] }) : /* @__PURE__ */ l(W, { 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: ",
@@ -1566,7 +1560,7 @@ const xe = () => /* @__PURE__ */ l(
       ] })
     ]
   }
-), tt = (i, e) => {
+), ot = (i, e) => {
   const t = {
     [ie.USER]: 1,
     [ie.TENANT_ADMIN]: 2,
@@ -1574,28 +1568,28 @@ const xe = () => /* @__PURE__ */ l(
   };
   return t[i] >= t[e];
 };
-function qt({
+function Vt({
   children: i,
   fallback: e,
   minUserType: t,
   requiredPermissions: r,
   requireAllPermissions: s = !1
 }) {
-  const { hasValidSession: o, sessionManager: h, hasPermission: w, hasAnyPermission: k, hasAllPermissions: b } = ae();
+  const { hasValidSession: o, sessionManager: a, hasPermission: p, hasAnyPermission: w, hasAllPermissions: y } = oe();
   if (!o())
-    return /* @__PURE__ */ n(q, { children: e || /* @__PURE__ */ n(xe, {}) });
-  const P = h.getUser();
-  if (!P)
-    return /* @__PURE__ */ n(q, { children: e || /* @__PURE__ */ n(xe, {}) });
-  if (t && !tt(P.userType, t))
-    return /* @__PURE__ */ n(Ae, { userType: P.userType, minUserType: t });
-  if (r && r.length > 0 && !(s ? b(r) : k(r))) {
-    const p = r.filter((u) => !w(u)).map((u) => typeof u == "string" ? u : u.name);
-    return /* @__PURE__ */ n(Ae, { missingPermissions: p });
-  }
-  return /* @__PURE__ */ n(q, { children: i });
+    return /* @__PURE__ */ n(W, { children: e || /* @__PURE__ */ n(Ie, {}) });
+  const x = a.getUser();
+  if (!x)
+    return /* @__PURE__ */ n(W, { children: e || /* @__PURE__ */ n(Ie, {}) });
+  if (t && !ot(x.userType, t))
+    return /* @__PURE__ */ n(Re, { userType: x.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? y(r) : w(r))) {
+    const f = r.filter((A) => !p(A)).map((A) => typeof A == "string" ? A : A.name);
+    return /* @__PURE__ */ n(Re, { missingPermissions: f });
+  }
+  return /* @__PURE__ */ n(W, { children: i });
 }
-const rt = ({ redirectPath: i }) => /* @__PURE__ */ n(
+const at = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1631,7 +1625,7 @@ const rt = ({ redirectPath: i }) => /* @__PURE__ */ n(
       }
     )
   }
-), Te = ({
+), Le = ({
   userType: i,
   minUserType: e,
   missingPermissions: t
@@ -1661,7 +1655,7 @@ const rt = ({ redirectPath: i }) => /* @__PURE__ */ n(
         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(q, { children: [
+          e && i ? /* @__PURE__ */ l(W, { children: [
             /* @__PURE__ */ l("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: [
               "This page requires ",
               /* @__PURE__ */ n("strong", { children: e }),
@@ -1671,7 +1665,7 @@ const rt = ({ redirectPath: i }) => /* @__PURE__ */ n(
               "Your current access level: ",
               /* @__PURE__ */ n("strong", { children: i })
             ] })
-          ] }) : /* @__PURE__ */ l(q, { children: [
+          ] }) : /* @__PURE__ */ l(W, { 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: ",
@@ -1682,7 +1676,7 @@ const rt = ({ redirectPath: i }) => /* @__PURE__ */ n(
       }
     )
   }
-), nt = (i, e) => {
+), lt = (i, e) => {
   const t = {
     [ie.USER]: 1,
     [ie.TENANT_ADMIN]: 2,
@@ -1690,7 +1684,7 @@ const rt = ({ redirectPath: i }) => /* @__PURE__ */ n(
   };
   return t[i] >= t[e];
 };
-function zt({
+function _t({
   children: i,
   redirectTo: e = "/login",
   minUserType: t,
@@ -1698,24 +1692,24 @@ function zt({
   requireAllPermissions: s = !1,
   fallback: o
 }) {
-  const { hasValidSession: h, sessionManager: w, hasPermission: k, hasAnyPermission: b, hasAllPermissions: P } = ae(), m = be();
-  if (!h())
-    return o ? /* @__PURE__ */ n(q, { children: o }) : /* @__PURE__ */ l(q, { children: [
-      /* @__PURE__ */ n(rt, { redirectPath: e }),
-      /* @__PURE__ */ n(pe, { to: e, state: { from: m.pathname }, replace: !0 })
+  const { hasValidSession: a, sessionManager: p, hasPermission: w, hasAnyPermission: y, hasAllPermissions: x } = oe(), b = Se();
+  if (!a())
+    return o ? /* @__PURE__ */ n(W, { children: o }) : /* @__PURE__ */ l(W, { children: [
+      /* @__PURE__ */ n(at, { redirectPath: e }),
+      /* @__PURE__ */ n(pe, { to: e, state: { from: b.pathname }, replace: !0 })
     ] });
-  const p = w.getUser();
-  if (!p)
-    return /* @__PURE__ */ n(pe, { to: e, state: { from: m.pathname }, replace: !0 });
-  if (t && !nt(p.userType, t))
-    return /* @__PURE__ */ n(Te, { userType: p.userType, minUserType: t });
-  if (r && r.length > 0 && !(s ? P(r) : b(r))) {
-    const y = r.filter((L) => !k(L)).map((L) => typeof L == "string" ? L : L.name);
-    return /* @__PURE__ */ n(Te, { missingPermissions: y });
-  }
-  return /* @__PURE__ */ n(q, { children: i });
+  const f = p.getUser();
+  if (!f)
+    return /* @__PURE__ */ n(pe, { to: e, state: { from: b.pathname }, replace: !0 });
+  if (t && !lt(f.userType, t))
+    return /* @__PURE__ */ n(Le, { userType: f.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? x(r) : y(r))) {
+    const L = r.filter((D) => !w(D)).map((D) => typeof D == "string" ? D : D.name);
+    return /* @__PURE__ */ n(Le, { missingPermissions: L });
+  }
+  return /* @__PURE__ */ n(W, { children: i });
 }
-const st = ({ redirectPath: i }) => /* @__PURE__ */ n(
+const ct = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1752,14 +1746,14 @@ const st = ({ redirectPath: i }) => /* @__PURE__ */ n(
     )
   }
 );
-function Ot({ children: i, redirectTo: e = "/", fallback: t }) {
-  const { tenant: r, isLoading: s, error: o } = se(), h = be();
-  return s || o ? null : r ? /* @__PURE__ */ n(q, { children: i }) : t ? /* @__PURE__ */ n(q, { children: t }) : /* @__PURE__ */ l(q, { children: [
-    /* @__PURE__ */ n(st, { redirectPath: e }),
-    /* @__PURE__ */ n(pe, { to: e, state: { from: h.pathname }, replace: !0 })
+function Gt({ children: i, redirectTo: e = "/", fallback: t }) {
+  const { tenant: r, isLoading: s, error: o } = le(), a = Se();
+  return s || o ? null : r ? /* @__PURE__ */ n(W, { children: i }) : t ? /* @__PURE__ */ n(W, { children: t }) : /* @__PURE__ */ l(W, { children: [
+    /* @__PURE__ */ n(ct, { redirectPath: e }),
+    /* @__PURE__ */ n(pe, { to: e, state: { from: a.pathname }, replace: !0 })
   ] });
 }
-const it = ({ redirectPath: i }) => /* @__PURE__ */ n(
+const dt = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1796,14 +1790,14 @@ const it = ({ redirectPath: i }) => /* @__PURE__ */ n(
     )
   }
 );
-function Wt({ children: i, redirectTo: e = "/dashboard", fallback: t }) {
-  const { tenant: r, isLoading: s, error: o } = se(), h = be();
-  return s || o ? null : r ? t ? /* @__PURE__ */ n(q, { children: t }) : /* @__PURE__ */ l(q, { children: [
-    /* @__PURE__ */ n(it, { redirectPath: e }),
-    /* @__PURE__ */ n(pe, { to: e, state: { from: h.pathname }, replace: !0 })
-  ] }) : /* @__PURE__ */ n(q, { children: i });
+function Kt({ children: i, redirectTo: e = "/dashboard", fallback: t }) {
+  const { tenant: r, isLoading: s, error: o } = le(), a = Se();
+  return s || o ? null : r ? t ? /* @__PURE__ */ n(W, { children: t }) : /* @__PURE__ */ l(W, { children: [
+    /* @__PURE__ */ n(dt, { redirectPath: e }),
+    /* @__PURE__ */ n(pe, { to: e, state: { from: a.pathname }, replace: !0 })
+  ] }) : /* @__PURE__ */ n(W, { children: i });
 }
-const ot = () => /* @__PURE__ */ l(
+const ut = () => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1820,14 +1814,14 @@ const ot = () => /* @__PURE__ */ l(
     ]
   }
 );
-function Vt({
+function Jt({
   children: i,
-  fallback: e = /* @__PURE__ */ n(ot, {}),
+  fallback: e = /* @__PURE__ */ n(ut, {}),
   allowedPlans: t,
   requiredFeature: r
 }) {
-  const { subscription: s, hasAllowedPlan: o, isFeatureEnabled: h, loading: w } = et();
-  return w ? /* @__PURE__ */ n(
+  const { subscription: s, hasAllowedPlan: o, isFeatureEnabled: a, loading: p } = it();
+  return p ? /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -1837,9 +1831,9 @@ function Vt({
       },
       children: "Loading subscription..."
     }
-  ) : s ? s.isActive ? t && t.length > 0 && !o(t) ? /* @__PURE__ */ n(q, { children: e }) : r && !h(r) ? /* @__PURE__ */ n(q, { children: e }) : /* @__PURE__ */ n(q, { children: i }) : /* @__PURE__ */ n(q, { children: e }) : /* @__PURE__ */ n(q, { children: e });
+  ) : s ? s.isActive ? t && t.length > 0 && !o(t) ? /* @__PURE__ */ n(W, { children: e }) : r && !a(r) ? /* @__PURE__ */ n(W, { children: e }) : /* @__PURE__ */ n(W, { children: i }) : /* @__PURE__ */ n(W, { children: e }) : /* @__PURE__ */ n(W, { children: e });
 }
-const at = ({ flagName: i }) => /* @__PURE__ */ l(
+const ht = ({ flagName: i }) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1866,8 +1860,8 @@ const at = ({ flagName: i }) => /* @__PURE__ */ l(
     ]
   }
 );
-function jt({ name: i, children: e, fallback: t }) {
-  const { isEnabled: r, loading: s } = Xe();
+function Yt({ name: i, children: e, fallback: t }) {
+  const { isEnabled: r, loading: s } = nt();
   return s ? /* @__PURE__ */ n(
     "div",
     {
@@ -1881,9 +1875,9 @@ function jt({ name: i, children: e, fallback: t }) {
       },
       children: "Loading feature flags..."
     }
-  ) : r(i) ? /* @__PURE__ */ n(q, { children: e }) : /* @__PURE__ */ n(q, { children: t || /* @__PURE__ */ n(at, { flagName: i }) });
+  ) : r(i) ? /* @__PURE__ */ n(W, { children: e }) : /* @__PURE__ */ n(W, { children: t || /* @__PURE__ */ n(ht, { flagName: i }) });
 }
-const lt = () => /* @__PURE__ */ l(
+const gt = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "16",
@@ -1900,7 +1894,7 @@ const lt = () => /* @__PURE__ */ l(
       /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
     ]
   }
-), ct = () => /* @__PURE__ */ l(
+), pt = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "16",
@@ -1917,10 +1911,10 @@ const lt = () => /* @__PURE__ */ l(
       /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
     ]
   }
-), dt = {
-  showPassword: /* @__PURE__ */ n(lt, {}),
-  hidePassword: /* @__PURE__ */ n(ct, {})
-}, ut = {
+), ft = {
+  showPassword: /* @__PURE__ */ n(gt, {}),
+  hidePassword: /* @__PURE__ */ n(pt, {})
+}, mt = {
   title: "Sign In",
   usernameLabel: "Email or Phone",
   usernamePlaceholder: "Enter your email or phone number",
@@ -1934,7 +1928,7 @@ const lt = () => /* @__PURE__ */ l(
   magicLinkLink: "Use Magic Link",
   errorMessage: "Invalid credentials",
   loadingText: "Signing in..."
-}, ht = {
+}, yt = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -2041,133 +2035,133 @@ const lt = () => /* @__PURE__ */ l(
     fontSize: "0.875rem"
   }
 };
-function _t({
+function Qt({
   copy: i = {},
   styles: e = {},
   icons: t = {},
   onSuccess: r,
   onError: s,
   onForgotPassword: o,
-  onSignupClick: h,
-  onMagicLinkClick: w,
-  showForgotPassword: k = !0,
-  showSignupLink: b = !0,
-  showMagicLinkOption: P = !0,
-  className: m
+  onSignupClick: a,
+  onMagicLinkClick: p,
+  showForgotPassword: w = !0,
+  showSignupLink: y = !0,
+  showMagicLinkOption: x = !0,
+  className: b
 }) {
-  const [p, u] = v(""), [y, L] = v(""), [R, z] = v(!1), [M, A] = v(!1), [d, C] = v(""), [F, G] = v({}), { login: U } = ae(), { tenant: _ } = se(), x = { ...ut, ...i }, T = { ...ht, ...e }, E = { ...dt, ...t }, c = () => {
-    const a = {};
-    return p.trim() || (a.username = !0), y.trim() || (a.password = !0), G(a), Object.keys(a).length === 0;
-  }, I = async (a) => {
-    if (a.preventDefault(), !!c()) {
-      if (!(_ != null && _.id)) {
-        C("Tenant not found");
+  const [f, A] = k(""), [L, D] = k(""), [I, M] = k(!1), [u, R] = k(!1), [m, H] = k(""), [$, C] = k({}), { login: T } = oe(), { tenant: q } = le(), S = { ...mt, ...i }, P = { ...yt, ...e }, E = { ...ft, ...t }, d = () => {
+    const g = {};
+    return f.trim() || (g.username = !0), L.trim() || (g.password = !0), C(g), Object.keys(g).length === 0;
+  }, F = async (g) => {
+    if (g.preventDefault(), !!d()) {
+      if (!(q != null && q.id)) {
+        H("Tenant not found");
         return;
       }
-      A(!0), C("");
+      R(!0), H("");
       try {
-        const f = await U({
-          username: p,
-          password: y
+        const c = await T({
+          username: f,
+          password: L
           // tenantId inferred from context automatically
         });
-        r == null || r(f);
-      } catch (f) {
-        const O = f.message || x.errorMessage;
-        C(O), s == null || s(O);
+        r == null || r(c);
+      } catch (c) {
+        const j = c.message || S.errorMessage;
+        H(j), s == null || s(j);
       } finally {
-        A(!1);
+        R(!1);
       }
     }
-  }, S = (a) => ({
-    ...T.input,
-    ...F[a] ? T.inputError : {}
-  }), g = () => ({
-    ...T.button,
-    ...M ? T.buttonLoading : {},
-    ...!p || !y || M ? T.buttonDisabled : {}
+  }, v = (g) => ({
+    ...P.input,
+    ...$[g] ? P.inputError : {}
+  }), h = () => ({
+    ...P.button,
+    ...u ? P.buttonLoading : {},
+    ...!f || !L || u ? P.buttonDisabled : {}
   });
-  return /* @__PURE__ */ l("div", { className: m, style: T.container, children: [
-    /* @__PURE__ */ n("h2", { style: T.title, children: x.title }),
-    /* @__PURE__ */ l("form", { onSubmit: I, style: T.form, children: [
-      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: T.label, children: x.usernameLabel }),
+  return /* @__PURE__ */ l("div", { className: b, style: P.container, children: [
+    /* @__PURE__ */ n("h2", { style: P.title, children: S.title }),
+    /* @__PURE__ */ l("form", { onSubmit: F, style: P.form, children: [
+      /* @__PURE__ */ l("div", { style: P.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: P.label, children: S.usernameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "username",
             name: "username",
             type: "text",
-            value: p,
-            onChange: (a) => {
-              u(a.target.value), F.username && G((f) => ({ ...f, username: !1 }));
+            value: f,
+            onChange: (g) => {
+              A(g.target.value), $.username && C((c) => ({ ...c, username: !1 }));
             },
-            placeholder: x.usernamePlaceholder,
-            style: S("username"),
-            disabled: M
+            placeholder: S.usernamePlaceholder,
+            style: v("username"),
+            disabled: u
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: T.label, children: x.passwordLabel }),
-        /* @__PURE__ */ l("div", { style: T.inputContainer, children: [
+      /* @__PURE__ */ l("div", { style: P.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: P.label, children: S.passwordLabel }),
+        /* @__PURE__ */ l("div", { style: P.inputContainer, children: [
           /* @__PURE__ */ n(
             "input",
             {
               id: "password",
               name: "password",
-              type: R ? "text" : "password",
-              value: y,
-              onChange: (a) => {
-                L(a.target.value), F.password && G((f) => ({ ...f, password: !1 }));
+              type: I ? "text" : "password",
+              value: L,
+              onChange: (g) => {
+                D(g.target.value), $.password && C((c) => ({ ...c, password: !1 }));
               },
-              placeholder: x.passwordPlaceholder,
+              placeholder: S.passwordPlaceholder,
               style: {
-                ...S("password"),
+                ...v("password"),
                 paddingRight: "2.5rem"
                 // Make room for the icon
               },
-              disabled: M
+              disabled: u
             }
           ),
           /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => z(!R),
-              style: T.passwordToggle,
-              disabled: M,
-              "aria-label": R ? "Hide password" : "Show password",
-              children: R ? E.hidePassword : E.showPassword
+              onClick: () => M(!I),
+              style: P.passwordToggle,
+              disabled: u,
+              "aria-label": I ? "Hide password" : "Show password",
+              children: I ? E.hidePassword : E.showPassword
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ n("button", { type: "submit", disabled: !p || !y || M, style: g(), children: M ? x.loadingText : x.submitButton }),
-      d && /* @__PURE__ */ n("div", { style: T.errorText, children: d })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !f || !L || u, style: h(), children: u ? S.loadingText : S.submitButton }),
+      m && /* @__PURE__ */ n("div", { style: P.errorText, children: m })
     ] }),
-    (k || b || P) && /* @__PURE__ */ l("div", { style: T.linkContainer, children: [
-      P && /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: T.divider, children: [
-          x.magicLinkText,
+    (w || y || x) && /* @__PURE__ */ l("div", { style: P.linkContainer, children: [
+      x && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: P.divider, children: [
+          S.magicLinkText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: w, style: T.link, children: x.magicLinkLink })
+        /* @__PURE__ */ n("a", { onClick: p, style: P.link, children: S.magicLinkLink })
       ] }),
-      P && (k || b) && /* @__PURE__ */ n("div", { style: T.divider, children: "•" }),
-      k && /* @__PURE__ */ n("a", { onClick: o, style: T.link, children: x.forgotPasswordLink }),
-      k && b && /* @__PURE__ */ n("div", { style: T.divider, children: "•" }),
-      b && /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: T.divider, children: [
-          x.signupText,
+      x && (w || y) && /* @__PURE__ */ n("div", { style: P.divider, children: "•" }),
+      w && /* @__PURE__ */ n("a", { onClick: o, style: P.link, children: S.forgotPasswordLink }),
+      w && y && /* @__PURE__ */ n("div", { style: P.divider, children: "•" }),
+      y && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: P.divider, children: [
+          S.signupText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: h, style: T.link, children: x.signupLink })
+        /* @__PURE__ */ n("a", { onClick: a, style: P.link, children: S.signupLink })
       ] })
     ] })
   ] });
 }
-const gt = {
+const wt = {
   title: "Create Account",
   nameLabel: "First Name",
   namePlaceholder: "Enter your first name",
@@ -2193,7 +2187,7 @@ const gt = {
   passwordMismatchError: "Passwords do not match",
   isAdminLabel: "Create new organization",
   isAdminDescription: "Check this if you want to create a new organization"
-}, pt = {
+}, bt = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -2292,134 +2286,134 @@ const gt = {
     fontSize: "0.875rem"
   }
 };
-function Gt({
+function Xt({
   copy: i = {},
   styles: e = {},
   signupType: t = "user",
   onSuccess: r,
   onError: s,
   onLoginClick: o,
-  onMagicLinkClick: h,
-  showLoginLink: w = !0,
-  showMagicLinkOption: k = !0,
-  className: b
+  onMagicLinkClick: a,
+  showLoginLink: p = !0,
+  showMagicLinkOption: w = !0,
+  className: y
 }) {
-  const [P, m] = v(""), [p, u] = v(""), [y, L] = v(""), [R, z] = v(""), [M, A] = v(""), [d, C] = v(""), [F, G] = v(""), [U, _] = v(!1), [x, T] = v(""), [E, c] = v({}), { signup: I, signupTenantAdmin: S } = ae(), { tenant: g } = se(), a = { ...gt, ...i }, f = { ...pt, ...e }, O = () => {
-    const $ = {};
-    return P.trim() || ($.name = !0), !y.trim() && !R.trim() && ($.email = !0, $.phoneNumber = !0), M.trim() || ($.password = !0), d.trim() || ($.confirmPassword = !0), t === "tenant" && !F.trim() && ($.tenantName = !0), c($), Object.keys($).length === 0;
-  }, K = async ($) => {
-    if ($.preventDefault(), !!O()) {
-      if (M !== d) {
-        T(a.passwordMismatchError), c({ confirmPassword: !0 });
+  const [x, b] = k(""), [f, A] = k(""), [L, D] = k(""), [I, M] = k(""), [u, R] = k(""), [m, H] = k(""), [$, C] = k(""), [T, q] = k(!1), [S, P] = k(""), [E, d] = k({}), { signup: F, signupTenantAdmin: v } = oe(), { tenant: h } = le(), g = { ...wt, ...i }, c = { ...bt, ...e }, j = () => {
+    const U = {};
+    return x.trim() || (U.name = !0), !L.trim() && !I.trim() && (U.email = !0, U.phoneNumber = !0), u.trim() || (U.password = !0), m.trim() || (U.confirmPassword = !0), t === "tenant" && !$.trim() && (U.tenantName = !0), d(U), Object.keys(U).length === 0;
+  }, K = async (U) => {
+    if (U.preventDefault(), !!j()) {
+      if (u !== m) {
+        P(g.passwordMismatchError), d({ confirmPassword: !0 });
         return;
       }
-      if (t === "user" && !(g != null && g.id)) {
-        T("Tenant not found");
+      if (t === "user" && !(h != null && h.id)) {
+        P("Tenant not found");
         return;
       }
-      _(!0), T("");
+      q(!0), P("");
       try {
         let J;
-        t === "tenant" ? J = await S({
-          email: y || void 0,
-          phoneNumber: R || void 0,
-          name: P,
-          password: M,
-          tenantName: F,
-          lastName: p || void 0
-        }) : J = await I({
-          email: y || void 0,
-          phoneNumber: R || void 0,
-          name: P,
-          password: M,
-          tenantId: g.id,
-          lastName: p || void 0
+        t === "tenant" ? J = await v({
+          email: L || void 0,
+          phoneNumber: I || void 0,
+          name: x,
+          password: u,
+          tenantName: $,
+          lastName: f || void 0
+        }) : J = await F({
+          email: L || void 0,
+          phoneNumber: I || void 0,
+          name: x,
+          password: u,
+          tenantId: h.id,
+          lastName: f || void 0
         }), r == null || r(J);
       } catch (J) {
-        const ge = J.message || a.errorMessage;
-        T(ge), s == null || s(ge);
+        const ge = J.message || g.errorMessage;
+        P(ge), s == null || s(ge);
       } finally {
-        _(!1);
+        q(!1);
       }
     }
-  }, H = ($) => ({
-    ...f.input,
-    ...E[$] ? f.inputError : {}
-  }), N = () => ({
-    ...f.button,
-    ...U ? f.buttonLoading : {},
-    ...!P || !y && !R || !M || !d || U || t === "tenant" && !F ? f.buttonDisabled : {}
-  }), W = P && (y || R) && M && d && (t === "user" || F);
-  return /* @__PURE__ */ l("div", { className: b, style: f.container, children: [
-    /* @__PURE__ */ n("h2", { style: f.title, children: a.title }),
-    /* @__PURE__ */ l("form", { onSubmit: K, style: f.form, children: [
-      /* @__PURE__ */ l("div", { style: f.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: f.label, children: a.nameLabel }),
+  }, N = (U) => ({
+    ...c.input,
+    ...E[U] ? c.inputError : {}
+  }), z = () => ({
+    ...c.button,
+    ...T ? c.buttonLoading : {},
+    ...!x || !L && !I || !u || !m || T || t === "tenant" && !$ ? c.buttonDisabled : {}
+  }), V = x && (L || I) && u && m && (t === "user" || $);
+  return /* @__PURE__ */ l("div", { className: y, style: c.container, children: [
+    /* @__PURE__ */ n("h2", { style: c.title, children: g.title }),
+    /* @__PURE__ */ l("form", { onSubmit: K, style: c.form, children: [
+      /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: c.label, children: g.nameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "name",
             name: "name",
             type: "text",
-            value: P,
-            onChange: ($) => {
-              m($.target.value), E.name && c((J) => ({ ...J, name: !1 }));
+            value: x,
+            onChange: (U) => {
+              b(U.target.value), E.name && d((J) => ({ ...J, name: !1 }));
             },
-            placeholder: a.namePlaceholder,
-            style: H("name"),
-            disabled: U
+            placeholder: g.namePlaceholder,
+            style: N("name"),
+            disabled: T
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: f.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: f.label, children: a.lastNameLabel }),
+      /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: c.label, children: g.lastNameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "lastName",
             name: "lastName",
             type: "text",
-            value: p,
-            onChange: ($) => u($.target.value),
-            placeholder: a.lastNamePlaceholder,
-            style: f.input,
-            disabled: U
+            value: f,
+            onChange: (U) => A(U.target.value),
+            placeholder: g.lastNamePlaceholder,
+            style: c.input,
+            disabled: T
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: f.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: f.label, children: a.emailLabel }),
+      /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: c.label, children: g.emailLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "email",
             name: "email",
             type: "email",
-            value: y,
-            onChange: ($) => {
-              L($.target.value), E.email && c((J) => ({ ...J, email: !1, phoneNumber: !1 }));
+            value: L,
+            onChange: (U) => {
+              D(U.target.value), E.email && d((J) => ({ ...J, email: !1, phoneNumber: !1 }));
             },
-            placeholder: a.emailPlaceholder,
-            style: H("email"),
-            disabled: U
+            placeholder: g.emailPlaceholder,
+            style: N("email"),
+            disabled: T
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: f.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: f.label, children: a.phoneNumberLabel }),
+      /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: c.label, children: g.phoneNumberLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "phoneNumber",
             name: "phoneNumber",
             type: "tel",
-            value: R,
-            onChange: ($) => {
-              z($.target.value), E.phoneNumber && c((J) => ({ ...J, email: !1, phoneNumber: !1 }));
+            value: I,
+            onChange: (U) => {
+              M(U.target.value), E.phoneNumber && d((J) => ({ ...J, email: !1, phoneNumber: !1 }));
             },
-            placeholder: a.phoneNumberPlaceholder,
-            style: H("phoneNumber"),
-            disabled: U
+            placeholder: g.phoneNumberPlaceholder,
+            style: N("phoneNumber"),
+            disabled: T
           }
         )
       ] }),
@@ -2435,83 +2429,83 @@ function Gt({
           children: "At least one contact method (email or phone) is required"
         }
       ),
-      /* @__PURE__ */ l("div", { style: f.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: f.label, children: a.passwordLabel }),
+      /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: c.label, children: g.passwordLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "password",
             name: "password",
             type: "password",
-            value: M,
-            onChange: ($) => {
-              A($.target.value), E.password && c((J) => ({ ...J, password: !1 }));
+            value: u,
+            onChange: (U) => {
+              R(U.target.value), E.password && d((J) => ({ ...J, password: !1 }));
             },
-            placeholder: a.passwordPlaceholder,
-            style: H("password"),
-            disabled: U
+            placeholder: g.passwordPlaceholder,
+            style: N("password"),
+            disabled: T
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: f.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: f.label, children: a.confirmPasswordLabel }),
+      /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: c.label, children: g.confirmPasswordLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "confirmPassword",
             name: "confirmPassword",
             type: "password",
-            value: d,
-            onChange: ($) => {
-              C($.target.value), E.confirmPassword && c((J) => ({ ...J, confirmPassword: !1 })), x === a.passwordMismatchError && T("");
+            value: m,
+            onChange: (U) => {
+              H(U.target.value), E.confirmPassword && d((J) => ({ ...J, confirmPassword: !1 })), S === g.passwordMismatchError && P("");
             },
-            placeholder: a.confirmPasswordPlaceholder,
-            style: H("confirmPassword"),
-            disabled: U
+            placeholder: g.confirmPasswordPlaceholder,
+            style: N("confirmPassword"),
+            disabled: T
           }
         )
       ] }),
-      t === "tenant" && /* @__PURE__ */ l("div", { style: f.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: f.label, children: a.tenantNameLabel }),
+      t === "tenant" && /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: c.label, children: g.tenantNameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "tenantName",
             name: "tenantName",
             type: "text",
-            value: F,
-            onChange: ($) => {
-              G($.target.value), E.tenantName && c((J) => ({ ...J, tenantName: !1 }));
+            value: $,
+            onChange: (U) => {
+              C(U.target.value), E.tenantName && d((J) => ({ ...J, tenantName: !1 }));
             },
-            placeholder: a.tenantNamePlaceholder,
-            style: H("tenantName"),
-            disabled: U
+            placeholder: g.tenantNamePlaceholder,
+            style: N("tenantName"),
+            disabled: T
           }
         )
       ] }),
-      /* @__PURE__ */ n("button", { type: "submit", disabled: !W || U, style: N(), children: U ? a.loadingText : a.submitButton }),
-      x && /* @__PURE__ */ n("div", { style: f.errorText, children: x })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !V || T, style: z(), children: T ? g.loadingText : g.submitButton }),
+      S && /* @__PURE__ */ n("div", { style: c.errorText, children: S })
     ] }),
-    (w || k) && /* @__PURE__ */ l("div", { style: f.linkContainer, children: [
-      k && /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: f.divider, children: [
-          a.magicLinkText,
+    (p || w) && /* @__PURE__ */ l("div", { style: c.linkContainer, children: [
+      w && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: c.divider, children: [
+          g.magicLinkText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: h, style: f.link, children: a.magicLinkLink })
+        /* @__PURE__ */ n("a", { onClick: a, style: c.link, children: g.magicLinkLink })
       ] }),
-      k && w && /* @__PURE__ */ n("div", { style: f.divider, children: "•" }),
-      w && /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: f.divider, children: [
-          a.loginText,
+      w && p && /* @__PURE__ */ n("div", { style: c.divider, children: "•" }),
+      p && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: c.divider, children: [
+          g.loginText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: o, style: f.link, children: a.loginLink })
+        /* @__PURE__ */ n("a", { onClick: o, style: c.link, children: g.loginLink })
       ] })
     ] })
   ] });
 }
-const ft = {
+const St = {
   title: "Sign In with Magic Link",
   emailLabel: "Email",
   emailPlaceholder: "Enter your email",
@@ -2529,7 +2523,7 @@ const ft = {
   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."
-}, mt = {
+}, vt = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -2632,105 +2626,105 @@ const ft = {
     fontSize: "0.875rem"
   }
 };
-function Kt({
+function Zt({
   copy: i = {},
   styles: e = {},
   onSuccess: t,
   onError: r,
   onLoginClick: s,
   onSignupClick: o,
-  showTraditionalLinks: h = !0,
-  className: w,
-  verifyToken: k,
-  frontendUrl: b
+  showTraditionalLinks: a = !0,
+  className: p,
+  verifyToken: w,
+  frontendUrl: y
 }) {
-  const [P, m] = v(""), [p, u] = v(""), [y, L] = v(""), [R, z] = v(!1), [M, A] = v(!1), [d, C] = v(""), [F, G] = v(""), [U, _] = v({}), [x, T] = v(!1), { sendMagicLink: E, verifyMagicLink: c } = ae(), { tenant: I } = se(), S = { ...ft, ...i }, g = { ...mt, ...e };
+  const [x, b] = k(""), [f, A] = k(""), [L, D] = k(""), [I, M] = k(!1), [u, R] = k(!1), [m, H] = k(""), [$, C] = k(""), [T, q] = k({}), [S, P] = k(!1), { sendMagicLink: E, verifyMagicLink: d } = oe(), { tenant: F } = le(), v = { ...St, ...i }, h = { ...vt, ...e };
   te(() => {
-    k && a(k);
-  }, [k]);
-  const a = async (N) => {
-    if (!I || !P) {
-      C("Missing tenant or email");
+    w && g(w);
+  }, [w]);
+  const g = async (z) => {
+    if (!F || !x) {
+      H("Missing tenant or email");
       return;
     }
-    A(!0), C("");
+    R(!0), H("");
     try {
-      const W = await c({
-        token: N,
-        email: P
+      const V = await d({
+        token: z,
+        email: x
         // tenantId inferred from context automatically
       });
-      t == null || t(W);
-    } catch (W) {
-      const $ = W.message || "Failed to verify magic link";
-      C($), r == null || r($);
+      t == null || t(V);
+    } catch (V) {
+      const U = V.message || "Failed to verify magic link";
+      H(U), r == null || r(U);
     } finally {
-      A(!1);
+      R(!1);
     }
-  }, f = () => {
-    const N = {};
-    return P.trim() || (N.email = !0), x && !p.trim() && (N.name = !0), _(N), Object.keys(N).length === 0;
-  }, O = async (N) => {
-    if (N.preventDefault(), !!f()) {
-      if (!(I != null && I.id)) {
-        C("Tenant not found");
+  }, c = () => {
+    const z = {};
+    return x.trim() || (z.email = !0), S && !f.trim() && (z.name = !0), q(z), Object.keys(z).length === 0;
+  }, j = async (z) => {
+    if (z.preventDefault(), !!c()) {
+      if (!(F != null && F.id)) {
+        H("Tenant not found");
         return;
       }
-      z(!0), C(""), G("");
+      M(!0), H(""), C("");
       try {
-        const W = b || (typeof window < "u" ? window.location.origin : ""), $ = await E({
-          email: P,
-          tenantId: I.id,
-          frontendUrl: W,
-          name: x ? p : void 0,
-          lastName: x ? y : void 0
+        const V = y || (typeof window < "u" ? window.location.origin : ""), U = await E({
+          email: x,
+          tenantId: F.id,
+          frontendUrl: V,
+          name: S ? f : void 0,
+          lastName: S ? L : void 0
         });
-        G(S.successMessage), t == null || t($);
-      } catch (W) {
-        const $ = W.message || S.errorMessage;
-        C($), r == null || r($);
+        C(v.successMessage), t == null || t(U);
+      } catch (V) {
+        const U = V.message || v.errorMessage;
+        H(U), r == null || r(U);
       } finally {
-        z(!1);
+        M(!1);
       }
     }
-  }, K = (N) => ({
-    ...g.input,
-    ...U[N] ? g.inputError : {}
-  }), H = () => ({
-    ...g.button,
-    ...R || M ? g.buttonLoading : {},
-    ...!P || R || M ? g.buttonDisabled : {}
+  }, K = (z) => ({
+    ...h.input,
+    ...T[z] ? h.inputError : {}
+  }), N = () => ({
+    ...h.button,
+    ...I || u ? h.buttonLoading : {},
+    ...!x || I || u ? h.buttonDisabled : {}
   });
-  return M ? /* @__PURE__ */ l("div", { className: w, style: g.container, children: [
-    /* @__PURE__ */ n("h2", { style: g.title, children: S.verifyingText }),
+  return u ? /* @__PURE__ */ l("div", { className: p, style: h.container, children: [
+    /* @__PURE__ */ n("h2", { style: h.title, children: v.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: w, style: g.container, children: [
-    /* @__PURE__ */ n("h2", { style: g.title, children: S.title }),
-    /* @__PURE__ */ n("p", { style: g.description, children: S.description }),
-    /* @__PURE__ */ l("form", { onSubmit: O, style: g.form, children: [
-      /* @__PURE__ */ l("div", { style: g.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: g.label, children: S.emailLabel }),
+  ] }) : /* @__PURE__ */ l("div", { className: p, style: h.container, children: [
+    /* @__PURE__ */ n("h2", { style: h.title, children: v.title }),
+    /* @__PURE__ */ n("p", { style: h.description, children: v.description }),
+    /* @__PURE__ */ l("form", { onSubmit: j, style: h.form, children: [
+      /* @__PURE__ */ l("div", { style: h.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: h.label, children: v.emailLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "email",
             name: "email",
             type: "email",
-            value: P,
-            onChange: (N) => {
-              m(N.target.value), U.email && _((W) => ({ ...W, email: !1 }));
+            value: x,
+            onChange: (z) => {
+              b(z.target.value), T.email && q((V) => ({ ...V, email: !1 }));
             },
-            placeholder: S.emailPlaceholder,
+            placeholder: v.emailPlaceholder,
             style: K("email"),
-            disabled: R || M
+            disabled: I || u
           }
         )
       ] }),
-      !x && /* @__PURE__ */ n("div", { style: { textAlign: "center", marginTop: "0.5rem" }, children: /* @__PURE__ */ n(
+      !S && /* @__PURE__ */ n("div", { style: { textAlign: "center", marginTop: "0.5rem" }, children: /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          onClick: () => T(!0),
+          onClick: () => P(!0),
           style: {
             background: "none",
             border: "none",
@@ -2742,38 +2736,38 @@ function Kt({
           children: "New user? Add your name"
         }
       ) }),
-      x && /* @__PURE__ */ l(q, { children: [
-        /* @__PURE__ */ l("div", { style: g.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: g.label, children: S.nameLabel }),
+      S && /* @__PURE__ */ l(W, { children: [
+        /* @__PURE__ */ l("div", { style: h.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: h.label, children: v.nameLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               id: "name",
               name: "name",
               type: "text",
-              value: p,
-              onChange: (N) => {
-                u(N.target.value), U.name && _((W) => ({ ...W, name: !1 }));
+              value: f,
+              onChange: (z) => {
+                A(z.target.value), T.name && q((V) => ({ ...V, name: !1 }));
               },
-              placeholder: S.namePlaceholder,
+              placeholder: v.namePlaceholder,
               style: K("name"),
-              disabled: R || M
+              disabled: I || u
             }
           )
         ] }),
-        /* @__PURE__ */ l("div", { style: g.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: g.label, children: S.lastNameLabel }),
+        /* @__PURE__ */ l("div", { style: h.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: h.label, children: v.lastNameLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               id: "lastName",
               name: "lastName",
               type: "text",
-              value: y,
-              onChange: (N) => L(N.target.value),
-              placeholder: S.lastNamePlaceholder,
-              style: g.input,
-              disabled: R || M
+              value: L,
+              onChange: (z) => D(z.target.value),
+              placeholder: v.lastNamePlaceholder,
+              style: h.input,
+              disabled: I || u
             }
           )
         ] }),
@@ -2782,7 +2776,7 @@ function Kt({
           {
             type: "button",
             onClick: () => {
-              T(!1), u(""), L("");
+              P(!1), A(""), D("");
             },
             style: {
               background: "none",
@@ -2796,30 +2790,30 @@ function Kt({
           }
         ) })
       ] }),
-      /* @__PURE__ */ n("button", { type: "submit", disabled: !P || R || M, style: H(), children: R ? S.loadingText : S.submitButton }),
-      d && /* @__PURE__ */ n("div", { style: g.errorText, children: d }),
-      F && /* @__PURE__ */ n("div", { style: g.successText, children: F })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !x || I || u, style: N(), children: I ? v.loadingText : v.submitButton }),
+      m && /* @__PURE__ */ n("div", { style: h.errorText, children: m }),
+      $ && /* @__PURE__ */ n("div", { style: h.successText, children: $ })
     ] }),
-    h && /* @__PURE__ */ l("div", { style: g.linkContainer, children: [
+    a && /* @__PURE__ */ l("div", { style: h.linkContainer, children: [
       /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: g.divider, children: [
-          S.loginText,
+        /* @__PURE__ */ l("span", { style: h.divider, children: [
+          v.loginText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: s, style: g.link, children: S.loginLink })
+        /* @__PURE__ */ n("a", { onClick: s, style: h.link, children: v.loginLink })
       ] }),
-      /* @__PURE__ */ n("div", { style: g.divider, children: "•" }),
+      /* @__PURE__ */ n("div", { style: h.divider, children: "•" }),
       /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: g.divider, children: [
-          S.signupText,
+        /* @__PURE__ */ l("span", { style: h.divider, children: [
+          v.signupText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: o, style: g.link, children: S.signupLink })
+        /* @__PURE__ */ n("a", { onClick: o, style: h.link, children: v.signupLink })
       ] })
     ] })
   ] });
 }
-const yt = {
+const kt = {
   title: "Verifying Magic Link",
   verifyingMessage: "Please wait while we verify your magic link...",
   successMessage: "Magic link verified successfully! You are now logged in.",
@@ -2827,7 +2821,7 @@ const yt = {
   redirectingMessage: "Redirecting you to the dashboard...",
   retryButton: "Try Again",
   backToLoginButton: "Back to Login"
-}, Ee = {
+}, $e = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -2914,7 +2908,7 @@ const yt = {
     cursor: "pointer",
     transition: "all 0.15s ease-in-out"
   }
-}, wt = () => /* @__PURE__ */ n("div", { style: Ee.spinner }), bt = () => /* @__PURE__ */ l(
+}, xt = () => /* @__PURE__ */ n("div", { style: $e.spinner }), At = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "48",
@@ -2931,7 +2925,7 @@ const yt = {
       /* @__PURE__ */ n("polyline", { points: "22,4 12,14.01 9,11.01" })
     ]
   }
-), St = () => /* @__PURE__ */ l(
+), Tt = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "48",
@@ -2949,109 +2943,109 @@ const yt = {
       /* @__PURE__ */ n("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
     ]
   }
-), vt = {
-  loading: /* @__PURE__ */ n(wt, {}),
-  success: /* @__PURE__ */ n(bt, {}),
-  error: /* @__PURE__ */ n(St, {})
+), Pt = {
+  loading: /* @__PURE__ */ n(xt, {}),
+  success: /* @__PURE__ */ n(At, {}),
+  error: /* @__PURE__ */ n(Tt, {})
 };
-function Jt({
+function er({
   copy: i = {},
   styles: e = {},
   icons: t = {},
   onSuccess: r,
   onError: s,
   onRetry: o,
-  onBackToLogin: h,
-  className: w,
-  token: k,
-  email: b,
-  appId: P,
-  tenantSlug: m,
-  autoRedirectDelay: p = 3e3
+  onBackToLogin: a,
+  className: p,
+  token: w,
+  email: y,
+  appId: x,
+  tenantSlug: b,
+  autoRedirectDelay: f = 3e3
 }) {
-  const [u, y] = v("verifying"), [L, R] = v(""), { verifyMagicLink: z } = ae(), M = { ...yt, ...i }, A = { ...Ee, ...e }, d = { ...vt, ...t }, C = () => {
+  const [A, L] = k("verifying"), [D, I] = k(""), { verifyMagicLink: M } = oe(), u = { ...kt, ...i }, R = { ...$e, ...e }, m = { ...Pt, ...t }, H = () => {
     if (typeof window > "u") return {};
-    const x = new URLSearchParams(window.location.search);
+    const S = new URLSearchParams(window.location.search);
     return {
-      token: k || x.get("token") || "",
-      email: b || x.get("email") || "",
-      appId: P || x.get("appId") || "",
-      tenantSlug: m || x.get("tenantSlug") || void 0
+      token: w || S.get("token") || "",
+      email: y || S.get("email") || "",
+      appId: x || S.get("appId") || "",
+      tenantSlug: b || S.get("tenantSlug") || void 0
     };
-  }, F = async () => {
-    y("verifying"), R("");
+  }, $ = async () => {
+    L("verifying"), I("");
     try {
-      const x = C();
-      if (!x.token || !x.email)
+      const S = H();
+      if (!S.token || !S.email)
         throw new Error("Missing required parameters: token or email");
-      const T = await z({
-        token: x.token,
-        email: x.email,
-        tenantSlug: x.tenantSlug
+      const P = await M({
+        token: S.token,
+        email: S.email,
+        tenantSlug: S.tenantSlug
       });
-      y("success"), r == null || r(T), p > 0 && setTimeout(() => {
-        y("redirecting");
-      }, p);
-    } catch (x) {
-      const T = x.message || M.errorMessage;
-      R(T), y("error"), s == null || s(T);
+      L("success"), r == null || r(P), f > 0 && setTimeout(() => {
+        L("redirecting");
+      }, f);
+    } catch (S) {
+      const P = S.message || u.errorMessage;
+      I(P), L("error"), s == null || s(P);
     }
-  }, G = () => {
-    o == null || o(), F();
-  }, U = () => {
-    h == null || h();
+  }, C = () => {
+    o == null || o(), $();
+  }, T = () => {
+    a == null || a();
   };
   te(() => {
-    F();
+    $();
   }, []);
-  const _ = () => {
-    switch (u) {
+  const q = () => {
+    switch (A) {
       case "verifying":
-        return /* @__PURE__ */ l("div", { style: A.message, children: [
-          d.loading,
-          M.verifyingMessage
+        return /* @__PURE__ */ l("div", { style: R.message, children: [
+          m.loading,
+          u.verifyingMessage
         ] });
       case "success":
-        return /* @__PURE__ */ l(q, { children: [
-          d.success,
-          /* @__PURE__ */ n("div", { style: A.successMessage, children: M.successMessage })
+        return /* @__PURE__ */ l(W, { children: [
+          m.success,
+          /* @__PURE__ */ n("div", { style: R.successMessage, children: u.successMessage })
         ] });
       case "redirecting":
-        return /* @__PURE__ */ l(q, { children: [
-          d.loading,
-          /* @__PURE__ */ n("div", { style: A.message, children: M.redirectingMessage })
+        return /* @__PURE__ */ l(W, { children: [
+          m.loading,
+          /* @__PURE__ */ n("div", { style: R.message, children: u.redirectingMessage })
         ] });
       case "error":
-        return /* @__PURE__ */ l(q, { children: [
-          d.error,
-          /* @__PURE__ */ n("div", { style: A.errorMessage, children: L || M.errorMessage }),
-          /* @__PURE__ */ l("div", { style: A.buttonContainer, children: [
+        return /* @__PURE__ */ l(W, { children: [
+          m.error,
+          /* @__PURE__ */ n("div", { style: R.errorMessage, children: D || u.errorMessage }),
+          /* @__PURE__ */ l("div", { style: R.buttonContainer, children: [
             /* @__PURE__ */ n(
               "button",
               {
-                onClick: G,
-                style: A.retryButton,
-                onMouseOver: (x) => {
-                  x.currentTarget.style.backgroundColor = "#2563eb";
+                onClick: C,
+                style: R.retryButton,
+                onMouseOver: (S) => {
+                  S.currentTarget.style.backgroundColor = "#2563eb";
                 },
-                onMouseOut: (x) => {
-                  x.currentTarget.style.backgroundColor = "#3b82f6";
+                onMouseOut: (S) => {
+                  S.currentTarget.style.backgroundColor = "#3b82f6";
                 },
-                children: M.retryButton
+                children: u.retryButton
               }
             ),
             /* @__PURE__ */ n(
               "button",
               {
-                onClick: U,
-                style: A.backButton,
-                onMouseOver: (x) => {
-                  x.currentTarget.style.backgroundColor = "#e5e7eb";
+                onClick: T,
+                style: R.backButton,
+                onMouseOver: (S) => {
+                  S.currentTarget.style.backgroundColor = "#e5e7eb";
                 },
-                onMouseOut: (x) => {
-                  x.currentTarget.style.backgroundColor = "#f3f4f6";
+                onMouseOut: (S) => {
+                  S.currentTarget.style.backgroundColor = "#f3f4f6";
                 },
-                children: M.backToLoginButton
+                children: u.backToLoginButton
               }
             )
           ] })
@@ -3060,18 +3054,18 @@ function Jt({
         return null;
     }
   };
-  return /* @__PURE__ */ l("div", { style: A.container, className: w, children: [
+  return /* @__PURE__ */ l("div", { style: R.container, className: p, children: [
     /* @__PURE__ */ n("style", { children: `
           @keyframes spin {
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
           }
         ` }),
-    /* @__PURE__ */ n("h1", { style: A.title, children: M.title }),
-    _()
+    /* @__PURE__ */ n("h1", { style: R.title, children: u.title }),
+    q()
   ] });
 }
-const kt = {
+const Mt = {
   title: "Reset Password",
   subtitle: "Enter your email address and we'll send you a link to reset your password.",
   emailLabel: "Email",
@@ -3093,7 +3087,7 @@ const kt = {
   resetLoadingText: "Resetting...",
   resetSuccessMessage: "Password reset successfully!",
   passwordMismatchError: "Passwords do not match"
-}, xt = {
+}, It = {
   container: {
     maxWidth: "400px",
     margin: "0 auto",
@@ -3185,113 +3179,113 @@ const kt = {
     cursor: "pointer"
   }
 };
-function Yt({
+function tr({
   copy: i = {},
   styles: e = {},
   mode: t = "request",
   token: r = "",
   onSuccess: s,
   onError: o,
-  onBackToLogin: h,
-  onModeChange: w,
-  className: k
+  onBackToLogin: a,
+  onModeChange: p,
+  className: w
 }) {
-  const [b, P] = v(""), [m, p] = v(r), [u, y] = v(""), [L, R] = v(""), [z, M] = v(!1), [A, d] = v(""), [C, F] = v(""), [G, U] = v({}), { requestPasswordReset: _, confirmPasswordReset: x } = ae(), { tenant: T } = se(), E = { ...kt, ...i }, c = { ...xt, ...e }, I = () => {
-    const H = {};
-    return b.trim() || (H.email = !0), U(H), Object.keys(H).length === 0;
-  }, S = () => {
-    const H = {};
-    return m.trim() || (H.token = !0), u.trim() || (H.newPassword = !0), L.trim() || (H.confirmPassword = !0), U(H), Object.keys(H).length === 0;
-  }, g = async (H) => {
-    if (H.preventDefault(), !!I()) {
-      if (!(T != null && T.id)) {
-        d("Tenant not found");
+  const [y, x] = k(""), [b, f] = k(r), [A, L] = k(""), [D, I] = k(""), [M, u] = k(!1), [R, m] = k(""), [H, $] = k(""), [C, T] = k({}), { requestPasswordReset: q, confirmPasswordReset: S } = oe(), { tenant: P } = le(), E = { ...Mt, ...i }, d = { ...It, ...e }, F = () => {
+    const N = {};
+    return y.trim() || (N.email = !0), T(N), Object.keys(N).length === 0;
+  }, v = () => {
+    const N = {};
+    return b.trim() || (N.token = !0), A.trim() || (N.newPassword = !0), D.trim() || (N.confirmPassword = !0), T(N), Object.keys(N).length === 0;
+  }, h = async (N) => {
+    if (N.preventDefault(), !!F()) {
+      if (!(P != null && P.id)) {
+        m("Tenant not found");
         return;
       }
-      M(!0), d(""), F("");
+      u(!0), m(""), $("");
       try {
-        await _({ email: b, tenantId: T.id }), F(E.successMessage), s == null || s();
-      } catch (N) {
-        const W = N.message || E.errorMessage;
-        d(W), o == null || o(W);
+        await q({ email: y, tenantId: P.id }), $(E.successMessage), s == null || s();
+      } catch (z) {
+        const V = z.message || E.errorMessage;
+        m(V), o == null || o(V);
       } finally {
-        M(!1);
+        u(!1);
       }
     }
-  }, a = async (H) => {
-    if (H.preventDefault(), !!S()) {
-      if (u !== L) {
-        d(E.passwordMismatchError), U({ confirmPassword: !0 });
+  }, g = async (N) => {
+    if (N.preventDefault(), !!v()) {
+      if (A !== D) {
+        m(E.passwordMismatchError), T({ confirmPassword: !0 });
         return;
       }
-      M(!0), d(""), F("");
+      u(!0), m(""), $("");
       try {
-        await x({ token: m, newPassword: u }), F(E.resetSuccessMessage), s == null || s();
-      } catch (N) {
-        const W = N.message || E.errorMessage;
-        d(W), o == null || o(W);
+        await S({ token: b, newPassword: A }), $(E.resetSuccessMessage), s == null || s();
+      } catch (z) {
+        const V = z.message || E.errorMessage;
+        m(V), o == null || o(V);
       } finally {
-        M(!1);
+        u(!1);
       }
     }
-  }, f = (H) => ({
-    ...c.input,
-    ...G[H] ? c.inputError : {}
-  }), O = () => ({
-    ...c.button,
-    ...z ? c.buttonLoading : {}
+  }, c = (N) => ({
+    ...d.input,
+    ...C[N] ? d.inputError : {}
+  }), j = () => ({
+    ...d.button,
+    ...M ? d.buttonLoading : {}
   });
   if (t === "reset") {
-    const H = m && u && L;
-    return /* @__PURE__ */ l("div", { className: k, style: c.container, children: [
-      /* @__PURE__ */ n("h2", { style: c.title, children: E.resetTitle }),
-      /* @__PURE__ */ n("p", { style: c.subtitle, children: E.resetSubtitle }),
-      /* @__PURE__ */ l("form", { onSubmit: a, style: c.form, children: [
-        /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: c.label, children: E.tokenLabel }),
+    const N = b && A && D;
+    return /* @__PURE__ */ l("div", { className: w, style: d.container, children: [
+      /* @__PURE__ */ n("h2", { style: d.title, children: E.resetTitle }),
+      /* @__PURE__ */ n("p", { style: d.subtitle, children: E.resetSubtitle }),
+      /* @__PURE__ */ l("form", { onSubmit: g, style: d.form, children: [
+        /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: d.label, children: E.tokenLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               type: "text",
-              value: m,
-              onChange: (N) => {
-                p(N.target.value), G.token && U((W) => ({ ...W, token: !1 }));
+              value: b,
+              onChange: (z) => {
+                f(z.target.value), C.token && T((V) => ({ ...V, token: !1 }));
               },
               placeholder: E.tokenPlaceholder,
-              style: f("token"),
-              disabled: z
+              style: c("token"),
+              disabled: M
             }
           )
         ] }),
-        /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: c.label, children: E.newPasswordLabel }),
+        /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: d.label, children: E.newPasswordLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               type: "password",
-              value: u,
-              onChange: (N) => {
-                y(N.target.value), G.newPassword && U((W) => ({ ...W, newPassword: !1 }));
+              value: A,
+              onChange: (z) => {
+                L(z.target.value), C.newPassword && T((V) => ({ ...V, newPassword: !1 }));
               },
               placeholder: E.newPasswordPlaceholder,
-              style: f("newPassword"),
-              disabled: z
+              style: c("newPassword"),
+              disabled: M
             }
           )
         ] }),
-        /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: c.label, children: E.confirmPasswordLabel }),
+        /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: d.label, children: E.confirmPasswordLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               type: "password",
-              value: L,
-              onChange: (N) => {
-                R(N.target.value), G.confirmPassword && U((W) => ({ ...W, confirmPassword: !1 })), A === E.passwordMismatchError && d("");
+              value: D,
+              onChange: (z) => {
+                I(z.target.value), C.confirmPassword && T((V) => ({ ...V, confirmPassword: !1 })), R === E.passwordMismatchError && m("");
               },
               placeholder: E.confirmPasswordPlaceholder,
-              style: f("confirmPassword"),
-              disabled: z
+              style: c("confirmPassword"),
+              disabled: M
             }
           )
         ] }),
@@ -3299,44 +3293,44 @@ function Yt({
           "button",
           {
             type: "submit",
-            disabled: !H || z,
+            disabled: !N || M,
             style: {
-              ...O(),
-              ...!H || z ? c.buttonDisabled : {}
+              ...j(),
+              ...!N || M ? d.buttonDisabled : {}
             },
-            children: z ? E.resetLoadingText : E.resetSubmitButton
+            children: M ? E.resetLoadingText : E.resetSubmitButton
           }
         ),
-        A && /* @__PURE__ */ n("div", { style: c.errorText, children: A }),
-        C && /* @__PURE__ */ n("div", { style: c.successText, children: C })
+        R && /* @__PURE__ */ n("div", { style: d.errorText, children: R }),
+        H && /* @__PURE__ */ n("div", { style: d.successText, children: H })
       ] }),
-      /* @__PURE__ */ l("div", { style: c.linkContainer, children: [
-        /* @__PURE__ */ n("a", { onClick: h, style: c.link, children: E.backToLoginLink }),
-        w && /* @__PURE__ */ l(q, { children: [
+      /* @__PURE__ */ l("div", { style: d.linkContainer, children: [
+        /* @__PURE__ */ n("a", { onClick: a, style: d.link, children: E.backToLoginLink }),
+        p && /* @__PURE__ */ l(W, { children: [
           /* @__PURE__ */ n("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
-          /* @__PURE__ */ n("a", { onClick: () => w("request"), style: c.link, children: "Request New Link" })
+          /* @__PURE__ */ n("a", { onClick: () => p("request"), style: d.link, children: "Request New Link" })
         ] })
       ] })
     ] });
   }
-  const K = b;
-  return /* @__PURE__ */ l("div", { className: k, style: c.container, children: [
-    /* @__PURE__ */ n("h2", { style: c.title, children: E.title }),
-    /* @__PURE__ */ n("p", { style: c.subtitle, children: E.subtitle }),
-    /* @__PURE__ */ l("form", { onSubmit: g, style: c.form, children: [
-      /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: c.label, children: E.emailLabel }),
+  const K = y;
+  return /* @__PURE__ */ l("div", { className: w, style: d.container, children: [
+    /* @__PURE__ */ n("h2", { style: d.title, children: E.title }),
+    /* @__PURE__ */ n("p", { style: d.subtitle, children: E.subtitle }),
+    /* @__PURE__ */ l("form", { onSubmit: h, style: d.form, children: [
+      /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: d.label, children: E.emailLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             type: "email",
-            value: b,
-            onChange: (H) => {
-              P(H.target.value), G.email && U((N) => ({ ...N, email: !1 }));
+            value: y,
+            onChange: (N) => {
+              x(N.target.value), C.email && T((z) => ({ ...z, email: !1 }));
             },
             placeholder: E.emailPlaceholder,
-            style: f("email"),
-            disabled: z
+            style: c("email"),
+            disabled: M
           }
         )
       ] }),
@@ -3344,27 +3338,27 @@ function Yt({
         "button",
         {
           type: "submit",
-          disabled: !K || z,
+          disabled: !K || M,
           style: {
-            ...O(),
-            ...!K || z ? c.buttonDisabled : {}
+            ...j(),
+            ...!K || M ? d.buttonDisabled : {}
           },
-          children: z ? E.loadingText : E.submitButton
+          children: M ? E.loadingText : E.submitButton
         }
       ),
-      A && /* @__PURE__ */ n("div", { style: c.errorText, children: A }),
-      C && /* @__PURE__ */ n("div", { style: c.successText, children: C })
+      R && /* @__PURE__ */ n("div", { style: d.errorText, children: R }),
+      H && /* @__PURE__ */ n("div", { style: d.successText, children: H })
     ] }),
-    /* @__PURE__ */ l("div", { style: c.linkContainer, children: [
-      /* @__PURE__ */ n("a", { onClick: h, style: c.link, children: E.backToLoginLink }),
-      w && /* @__PURE__ */ l(q, { children: [
+    /* @__PURE__ */ l("div", { style: d.linkContainer, children: [
+      /* @__PURE__ */ n("a", { onClick: a, style: d.link, children: E.backToLoginLink }),
+      p && /* @__PURE__ */ l(W, { children: [
         /* @__PURE__ */ n("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
-        /* @__PURE__ */ n("a", { onClick: () => w("reset"), style: c.link, children: "I have a token" })
+        /* @__PURE__ */ n("a", { onClick: () => p("reset"), style: d.link, children: "I have a token" })
       ] })
     ] })
   ] });
 }
-const At = () => /* @__PURE__ */ n(
+const Rt = () => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -3376,7 +3370,7 @@ const At = () => /* @__PURE__ */ n(
     },
     children: /* @__PURE__ */ n("div", { children: "Loading..." })
   }
-), Tt = ({ error: i, retry: e }) => /* @__PURE__ */ l(
+), Lt = ({ error: i, retry: e }) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -3410,40 +3404,43 @@ const At = () => /* @__PURE__ */ n(
     ]
   }
 );
-function Qt({
+function rr({
   children: i,
   loadingFallback: e,
   errorFallback: t,
   requireTenant: r = !0
 }) {
-  const { isAppLoading: s, appError: o, retryApp: h } = oe(), w = Me(), k = (w == null ? void 0 : w.isTenantLoading) ?? !1, b = (w == null ? void 0 : w.tenantError) ?? null, P = (w == null ? void 0 : w.tenantSlug) ?? null, m = (w == null ? void 0 : w.retryTenant) ?? (() => {
-  }), p = r && w && P, u = s || p && k, y = o || (p ? b : null), L = () => {
-    o && h(), b && w && m();
+  const { isAppLoading: s, appError: o, retryApp: a } = he(), p = ye(), w = Fe(), y = Ce(), x = De(), b = (p == null ? void 0 : p.isTenantLoading) ?? !1, f = (p == null ? void 0 : p.tenantError) ?? null, A = (p == null ? void 0 : p.tenantSlug) ?? null, L = (p == null ? void 0 : p.retryTenant) ?? (() => {
+  }), D = (w == null ? void 0 : w.isAuthReady) ?? !0, I = (y == null ? void 0 : y.isReady) ?? !0, M = (x == null ? void 0 : x.isReady) ?? !0, u = r && p && A, $ = s || u && b || w && !D || y && !I || x && !M, C = o || (u ? f : null), T = () => {
+    o && a(), f && p && L();
   };
-  if (u)
-    return /* @__PURE__ */ n(q, { children: e || /* @__PURE__ */ n(At, {}) });
-  if (y) {
-    const R = typeof t == "function" ? t(y, L) : t || /* @__PURE__ */ n(Tt, { error: y, retry: L });
-    return /* @__PURE__ */ n(q, { children: R });
+  if ($)
+    return /* @__PURE__ */ n(W, { children: e || /* @__PURE__ */ n(Rt, {}) });
+  if (C) {
+    const q = typeof t == "function" ? t(C, T) : t || /* @__PURE__ */ n(Lt, { error: C, retry: T });
+    return /* @__PURE__ */ n(W, { children: q });
   }
-  return /* @__PURE__ */ n(q, { children: i });
+  return /* @__PURE__ */ n(W, { children: i });
 }
-function Xt(i = !0) {
-  const { isAppLoading: e, appError: t, retryApp: r, appInfo: s } = oe(), o = Me(), h = (o == null ? void 0 : o.isTenantLoading) ?? !1, w = (o == null ? void 0 : o.tenantError) ?? null, k = (o == null ? void 0 : o.tenant) ?? null, b = (o == null ? void 0 : o.tenantSlug) ?? null, P = (o == null ? void 0 : o.retryTenant) ?? (() => {
-  }), m = i && o && b, p = e || m && h, u = t || (m ? w : null);
+function nr(i = !0) {
+  const { isAppLoading: e, appError: t, retryApp: r, appInfo: s } = he(), o = ye(), a = Fe(), p = Ce(), w = De(), y = (o == null ? void 0 : o.isTenantLoading) ?? !1, x = (o == null ? void 0 : o.tenantError) ?? null, b = (o == null ? void 0 : o.tenant) ?? null, f = (o == null ? void 0 : o.tenantSlug) ?? null, A = (o == null ? void 0 : o.retryTenant) ?? (() => {
+  }), L = (a == null ? void 0 : a.isAuthReady) ?? !0, D = (p == null ? void 0 : p.isReady) ?? !0, I = (w == null ? void 0 : w.isReady) ?? !0, M = i && o && f, H = e || M && y || a && !L || p && !D || w && !I, $ = t || (M ? x : null);
   return {
-    isLoading: p,
-    error: u,
-    isReady: !p && !u && s !== null && (!m || k !== null),
+    isLoading: H,
+    error: $,
+    isReady: !H && !$ && s !== null && (!M || b !== null),
     retry: () => {
-      t && r(), w && o && P();
+      t && r(), x && o && A();
     },
     // Individual states
     app: { isLoading: e, error: t, data: s },
-    tenant: o ? { isLoading: h, error: w, data: k } : null
+    tenant: o ? { isLoading: y, error: x, data: b } : null,
+    auth: a ? { isReady: L } : null,
+    featureFlags: p ? { isReady: D } : null,
+    subscription: w ? { isReady: I } : null
   };
 }
-class Zt {
+class sr {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -3511,7 +3508,7 @@ class Zt {
     };
   }
 }
-class er {
+class ir {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -3562,7 +3559,7 @@ class er {
     });
   }
 }
-class tr {
+class or {
   constructor(e) {
     this.httpService = e;
   }
@@ -3571,7 +3568,7 @@ class tr {
     return await this.httpService.get("/health");
   }
 }
-class rr {
+class ar {
   // Date string to Date object
   static toDate(e) {
     return new Date(e);
@@ -3694,47 +3691,47 @@ class rr {
   }
 }
 export {
-  rr as ApiMappers,
-  ve as AppApiService,
-  Qt as AppLoader,
-  Ct as AppProvider,
-  ze as AuthApiService,
-  Nt as AuthProvider,
-  jt as FeatureFlag,
-  Qe as FeatureFlagApiService,
-  Ut as FeatureFlagProvider,
-  tr as HealthApiService,
+  ar as ApiMappers,
+  Pe as AppApiService,
+  rr as AppLoader,
+  Nt as AppProvider,
+  _e as AuthApiService,
+  Ot as AuthProvider,
+  Yt as FeatureFlag,
+  rt as FeatureFlagApiService,
+  Wt as FeatureFlagProvider,
+  or as HealthApiService,
   re as HttpService,
-  Wt as LandingRoute,
-  _t as LoginForm,
-  Kt as MagicLinkForm,
-  Jt as MagicLinkVerify,
-  Yt as PasswordRecoveryForm,
-  Zt as PermissionApiService,
-  qt as Protected,
-  zt as ProtectedRoute,
-  ke as RoleApiService,
-  we as SessionManager,
-  Gt as SignupForm,
-  Ze as SubscriptionApiService,
-  Vt as SubscriptionGuard,
-  er as SubscriptionPlanApiService,
-  Bt as SubscriptionProvider,
-  ue as TenantApiService,
-  $t as TenantProvider,
-  Ot as TenantRoute,
-  Oe as UserApiService,
+  Kt as LandingRoute,
+  Qt as LoginForm,
+  Zt as MagicLinkForm,
+  er as MagicLinkVerify,
+  tr as PasswordRecoveryForm,
+  sr as PermissionApiService,
+  Vt as Protected,
+  _t as ProtectedRoute,
+  Me as RoleApiService,
+  be as SessionManager,
+  Xt as SignupForm,
+  st as SubscriptionApiService,
+  Jt as SubscriptionGuard,
+  ir as SubscriptionPlanApiService,
+  jt as SubscriptionProvider,
+  de as TenantApiService,
+  Bt as TenantProvider,
+  Gt as TenantRoute,
+  Ge as UserApiService,
   ie as UserType,
-  Ft as useApi,
-  oe as useApp,
-  Xt as useAppLoaderState,
-  ae as useAuth,
-  Xe as useFeatureFlags,
-  Ht as useSettings,
-  et as useSubscription,
+  Ut as useApi,
+  he as useApp,
+  nr as useAppLoaderState,
+  oe as useAuth,
+  nt as useFeatureFlags,
+  zt as useSettings,
+  it as useSubscription,
   me as useTenant,
-  se as useTenantInfo,
-  Me as useTenantOptional,
-  Dt as useTenantSettings
+  le as useTenantInfo,
+  ye as useTenantOptional,
+  qt as useTenantSettings
 };
 //# sourceMappingURL=index.es.js.map