@saas-support/react 0.7.6 → 0.8.1

package/dist/react.js

@@ -1,33 +1,33 @@
-import { jsx as e, jsxs as t, Fragment as R } from "react/jsx-runtime";
-import { createContext as fa, useContext as ba, useState as g, useEffect as U, useRef as W, useCallback as k, forwardRef as xa, useImperativeHandle as ya, useMemo as G } from "react";
-import { SaaSSupport as va, isMfaRequired as wa, BillingClient as Na, Transport as Q, ReportClient as ta } from "./index.js";
-import { SaaSError as Ce } from "./index.js";
+import { jsx as t, jsxs as e, Fragment as U } from "react/jsx-runtime";
+import { createContext as ba, useContext as ya, useState as i, useEffect as W, useRef as Y, useCallback as S, forwardRef as va, useImperativeHandle as wa } from "react";
+import { SaaSSupport as $a, isMfaRequired as ka } from "./index.js";
+import { SaaSError as Qa } from "./index.js";
 import { createPortal as Sa } from "react-dom";
-const na = fa(null);
-function M() {
-  const a = ba(na);
+const ua = ba(null);
+function q() {
+  const a = ya(ua);
   if (!a)
     throw new Error("useSaaSContext must be used within a <SaaSProvider>");
   return a;
 }
-function oe({ publishableKey: a, apiKey: r, baseUrl: s, appearance: i, children: n }) {
-  const [u] = g(() => new va({ publishableKey: a, apiKey: r, baseUrl: s })), [l, d] = g(null), [c, o] = g(!1), [m, p] = g(null);
-  return U(() => {
-    let h = !1;
-    u.load().then(async () => {
-      if (h) return;
-      const x = await u.auth.getUser(), v = await u.auth.getSettings();
-      d(x), p(v), o(!0);
+function Ga({ publishableKey: a, apiKey: n, baseUrl: r, appearance: c, children: d }) {
+  const [o] = i(() => new $a({ publishableKey: a, apiKey: n, baseUrl: r })), [h, u] = i(null), [$, p] = i(!1), [k, f] = i(null);
+  return W(() => {
+    let s = !1;
+    o.load().then(async () => {
+      if (s) return;
+      const w = await o.auth.getUser(), I = await o.auth.getSettings();
+      u(w), f(I), p(!0);
     });
-    const y = u.auth.onAuthStateChange((x) => {
-      h || d(x);
+    const N = o.auth.onAuthStateChange((w) => {
+      s || u(w);
     });
     return () => {
-      h = !0, y(), u.destroy();
+      s = !0, N(), o.destroy();
     };
-  }, [u]), /* @__PURE__ */ e(na.Provider, { value: { client: u, user: l, isLoaded: c, appearance: i, settings: m }, children: n });
+  }, [o]), /* @__PURE__ */ t(ua.Provider, { value: { client: o, user: h, isLoaded: $, appearance: c, settings: k }, children: d });
 }
-const $a = {
+const Na = {
   // Legacy (unchanged)
   colorPrimary: "#6366f1",
   colorPrimaryHover: "#4f46e5",
@@ -61,7 +61,7 @@ const $a = {
   authSuccess: "#22c55e",
   authFontHeadline: "'Manrope', sans-serif",
   authFontBody: "'Inter', sans-serif"
-}, ka = {
+}, Ca = {
   // Legacy (unchanged)
   colorPrimary: "#818cf8",
   colorPrimaryHover: "#6366f1",
@@ -96,53 +96,53 @@ const $a = {
   authFontHeadline: "'Manrope', sans-serif",
   authFontBody: "'Inter', sans-serif"
 };
-function aa(a) {
-  const r = (a == null ? void 0 : a.baseTheme) === "dark" ? ka : $a, s = a == null ? void 0 : a.variables, i = (s == null ? void 0 : s.colorPrimary) ?? r.authPrimary;
+function ca(a) {
+  const n = (a == null ? void 0 : a.baseTheme) === "dark" ? Ca : Na, r = a == null ? void 0 : a.variables, c = (r == null ? void 0 : r.colorPrimary) ?? n.authPrimary;
   return {
     // Legacy
-    colorPrimary: (s == null ? void 0 : s.colorPrimary) ?? r.colorPrimary,
-    colorPrimaryHover: s != null && s.colorPrimary ? Ca(s.colorPrimary, 10) : r.colorPrimaryHover,
-    colorBackground: (s == null ? void 0 : s.colorBackground) ?? r.colorBackground,
-    colorText: (s == null ? void 0 : s.colorText) ?? r.colorText,
-    colorTextSecondary: r.colorTextSecondary,
-    colorInputBackground: (s == null ? void 0 : s.colorInputBackground) ?? r.colorInputBackground,
-    colorInputBorder: (s == null ? void 0 : s.colorInputBorder) ?? r.colorInputBorder,
-    colorError: (s == null ? void 0 : s.colorError) ?? r.colorError,
-    colorSuccess: (s == null ? void 0 : s.colorSuccess) ?? r.colorSuccess,
-    colorWarning: (s == null ? void 0 : s.colorWarning) ?? r.colorWarning,
-    fontFamily: (s == null ? void 0 : s.fontFamily) ?? r.fontFamily,
-    borderRadius: (s == null ? void 0 : s.borderRadius) ?? r.borderRadius,
+    colorPrimary: (r == null ? void 0 : r.colorPrimary) ?? n.colorPrimary,
+    colorPrimaryHover: r != null && r.colorPrimary ? za(r.colorPrimary, 10) : n.colorPrimaryHover,
+    colorBackground: (r == null ? void 0 : r.colorBackground) ?? n.colorBackground,
+    colorText: (r == null ? void 0 : r.colorText) ?? n.colorText,
+    colorTextSecondary: n.colorTextSecondary,
+    colorInputBackground: (r == null ? void 0 : r.colorInputBackground) ?? n.colorInputBackground,
+    colorInputBorder: (r == null ? void 0 : r.colorInputBorder) ?? n.colorInputBorder,
+    colorError: (r == null ? void 0 : r.colorError) ?? n.colorError,
+    colorSuccess: (r == null ? void 0 : r.colorSuccess) ?? n.colorSuccess,
+    colorWarning: (r == null ? void 0 : r.colorWarning) ?? n.colorWarning,
+    fontFamily: (r == null ? void 0 : r.fontFamily) ?? n.fontFamily,
+    borderRadius: (r == null ? void 0 : r.borderRadius) ?? n.borderRadius,
     // MD3 auth — derive from user overrides where applicable
-    authPrimary: i,
-    authPrimaryContainer: s != null && s.colorPrimary ? za(i, 15) : r.authPrimaryContainer,
-    authOnPrimary: r.authOnPrimary,
-    authPrimaryFixed: r.authPrimaryFixed,
-    authSurface: (s == null ? void 0 : s.colorBackground) ?? r.authSurface,
-    authSurfaceContainerLowest: r.authSurfaceContainerLowest,
-    authSurfaceContainerLow: (s == null ? void 0 : s.colorInputBackground) ?? r.authSurfaceContainerLow,
-    authSurfaceContainer: r.authSurfaceContainer,
-    authSurfaceContainerHigh: r.authSurfaceContainerHigh,
-    authSurfaceContainerHighest: r.authSurfaceContainerHighest,
-    authOnSurface: (s == null ? void 0 : s.colorText) ?? r.authOnSurface,
-    authOnSurfaceVariant: r.authOnSurfaceVariant,
-    authOutline: r.authOutline,
-    authOutlineVariant: (s == null ? void 0 : s.colorInputBorder) ?? r.authOutlineVariant,
-    authError: (s == null ? void 0 : s.colorError) ?? r.authError,
-    authErrorContainer: r.authErrorContainer,
-    authSuccess: (s == null ? void 0 : s.colorSuccess) ?? r.authSuccess,
-    authFontHeadline: (s == null ? void 0 : s.fontFamily) ?? r.authFontHeadline,
-    authFontBody: (s == null ? void 0 : s.fontFamily) ?? r.authFontBody
+    authPrimary: c,
+    authPrimaryContainer: r != null && r.colorPrimary ? Pa(c, 15) : n.authPrimaryContainer,
+    authOnPrimary: n.authOnPrimary,
+    authPrimaryFixed: n.authPrimaryFixed,
+    authSurface: (r == null ? void 0 : r.colorBackground) ?? n.authSurface,
+    authSurfaceContainerLowest: n.authSurfaceContainerLowest,
+    authSurfaceContainerLow: (r == null ? void 0 : r.colorInputBackground) ?? n.authSurfaceContainerLow,
+    authSurfaceContainer: n.authSurfaceContainer,
+    authSurfaceContainerHigh: n.authSurfaceContainerHigh,
+    authSurfaceContainerHighest: n.authSurfaceContainerHighest,
+    authOnSurface: (r == null ? void 0 : r.colorText) ?? n.authOnSurface,
+    authOnSurfaceVariant: n.authOnSurfaceVariant,
+    authOutline: n.authOutline,
+    authOutlineVariant: (r == null ? void 0 : r.colorInputBorder) ?? n.authOutlineVariant,
+    authError: (r == null ? void 0 : r.colorError) ?? n.authError,
+    authErrorContainer: n.authErrorContainer,
+    authSuccess: (r == null ? void 0 : r.colorSuccess) ?? n.authSuccess,
+    authFontHeadline: (r == null ? void 0 : r.fontFamily) ?? n.authFontHeadline,
+    authFontBody: (r == null ? void 0 : r.fontFamily) ?? n.authFontBody
   };
 }
-function Ca(a, r) {
-  const s = parseInt(a.replace("#", ""), 16), i = Math.max(0, (s >> 16) - Math.round(2.55 * r)), n = Math.max(0, (s >> 8 & 255) - Math.round(2.55 * r)), u = Math.max(0, (s & 255) - Math.round(2.55 * r));
-  return `#${(i << 16 | n << 8 | u).toString(16).padStart(6, "0")}`;
+function za(a, n) {
+  const r = parseInt(a.replace("#", ""), 16), c = Math.max(0, (r >> 16) - Math.round(2.55 * n)), d = Math.max(0, (r >> 8 & 255) - Math.round(2.55 * n)), o = Math.max(0, (r & 255) - Math.round(2.55 * n));
+  return `#${(c << 16 | d << 8 | o).toString(16).padStart(6, "0")}`;
 }
-function za(a, r) {
-  const s = parseInt(a.replace("#", ""), 16), i = Math.min(255, (s >> 16) + Math.round(2.55 * r)), n = Math.min(255, (s >> 8 & 255) + Math.round(2.55 * r)), u = Math.min(255, (s & 255) + Math.round(2.55 * r));
-  return `#${(i << 16 | n << 8 | u).toString(16).padStart(6, "0")}`;
+function Pa(a, n) {
+  const r = parseInt(a.replace("#", ""), 16), c = Math.min(255, (r >> 16) + Math.round(2.55 * n)), d = Math.min(255, (r >> 8 & 255) + Math.round(2.55 * n)), o = Math.min(255, (r & 255) + Math.round(2.55 * n));
+  return `#${(c << 16 | d << 8 | o).toString(16).padStart(6, "0")}`;
 }
-function ea(a) {
+function da(a) {
   return `
     :host {
       all: initial;
@@ -1023,8 +1023,7 @@ function ea(a) {
       border-radius: 12px;
       border: 1px solid ${a.authOutlineVariant}26;
       box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
-      width: 100%;
-      max-width: 520px;
+      width: min(520px, 90vw);
       overflow: hidden;
     }
 
@@ -1286,6 +1285,9 @@ function ea(a) {
       gap: 12px;
       margin-bottom: 24px;
     }
+    .ss-auth-oauth-grid > :only-child {
+      grid-column: 1 / -1;
+    }
 
     /* Auth Divider */
     .ss-auth-divider {
@@ -1401,6 +1403,22 @@ function ea(a) {
     .ss-auth-footer a:hover,
     .ss-auth-link:hover { text-decoration: underline; }
 
+    .ss-auth-legal-links {
+      text-align: center;
+      margin-top: 24px;
+      font-size: 12px;
+      color: ${a.authOnSurfaceVariant};
+      font-family: ${a.authFontBody};
+    }
+    .ss-auth-legal-links a {
+      color: ${a.authOnSurfaceVariant};
+      text-decoration: none;
+    }
+    .ss-auth-legal-links a:hover {
+      text-decoration: underline;
+      color: ${a.authPrimary};
+    }
+
     /* Glass Panel (dropdown) */
     .ss-auth-glass-panel {
       backdrop-filter: blur(20px);
@@ -2521,316 +2539,323 @@ function ea(a) {
     }
   `;
 }
-function j({ children: a, appearance: r }) {
-  const s = W(null), [i, n] = g(null);
-  U(() => {
-    var m;
-    if (!s.current || s.current.shadowRoot) {
-      n(((m = s.current) == null ? void 0 : m.shadowRoot) ?? null);
+function pa({ children: a, appearance: n }) {
+  const r = Y(null), [c, d] = i(null);
+  W(() => {
+    var k;
+    if (!r.current || r.current.shadowRoot) {
+      d(((k = r.current) == null ? void 0 : k.shadowRoot) ?? null);
       return;
     }
-    const l = s.current.attachShadow({ mode: "open" });
-    if ((r == null ? void 0 : r.fontUrl) !== null) {
-      const p = (r == null ? void 0 : r.fontUrl) ?? "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";
-      if (!document.querySelector(`link[href="${p}"]`)) {
-        const y = document.createElement("link");
-        y.rel = "stylesheet", y.href = p, document.head.appendChild(y);
+    const h = r.current.attachShadow({ mode: "open" });
+    if ((n == null ? void 0 : n.fontUrl) !== null) {
+      const f = (n == null ? void 0 : n.fontUrl) ?? "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block";
+      if (!document.querySelector(`link[href="${f}"]`)) {
+        const N = document.createElement("link");
+        N.rel = "stylesheet", N.href = f, document.head.appendChild(N);
       }
-      const h = document.createElement("link");
-      h.rel = "stylesheet", h.href = p, l.appendChild(h);
-    }
-    const d = aa(r), c = document.createElement("style");
-    c.textContent = ea(d), l.appendChild(c);
-    const o = document.createElement("div");
-    l.appendChild(o), n(l);
-  }, []), U(() => {
-    if (!i) return;
-    const l = i.querySelector("style");
-    if (l) {
-      const d = aa(r);
-      l.textContent = ea(d);
-    }
-  }, [r, i]);
-  const u = (i == null ? void 0 : i.querySelector("div")) ?? null;
-  return /* @__PURE__ */ e("div", { ref: s, style: { display: "contents" }, children: u && Sa(a, u) });
+      const s = document.createElement("link");
+      s.rel = "stylesheet", s.href = f, h.appendChild(s);
+    }
+    const u = ca(n), $ = document.createElement("style");
+    $.textContent = da(u), h.appendChild($);
+    const p = document.createElement("div");
+    h.appendChild(p), d(h);
+  }, []), W(() => {
+    if (!c) return;
+    const h = c.querySelector("style");
+    if (h) {
+      const u = ca(n);
+      h.textContent = da(u);
+    }
+  }, [n, c]);
+  const o = (c == null ? void 0 : c.querySelector("div")) ?? null;
+  return /* @__PURE__ */ t("div", { ref: r, style: { display: "contents" }, children: o && Sa(a, o) });
 }
-function sa() {
-  const { client: a, user: r, isLoaded: s } = M();
+function ha() {
+  const { client: a, user: n, isLoaded: r } = q();
   return {
-    isLoaded: s,
-    isSignedIn: !!r,
-    user: r,
-    signOut: k(() => a.auth.signOut(), [a]),
-    getToken: k(() => a.auth.getToken(), [a]),
-    refreshUser: k(() => a.auth.refreshUser(), [a])
+    isLoaded: r,
+    isSignedIn: !!n,
+    user: n,
+    signOut: S(() => a.auth.signOut(), [a]),
+    getToken: S(() => a.auth.getToken(), [a]),
+    refreshUser: S(() => a.auth.refreshUser(), [a])
   };
 }
-function ie() {
-  const { user: a, isLoaded: r } = M();
-  return { user: a, isLoaded: r };
+function Ya() {
+  const { user: a, isLoaded: n } = q();
+  return { user: a, isLoaded: n };
 }
-function oa() {
-  const { client: a } = M(), [r, s] = g(!1), [i, n] = g(null), u = k(
-    async (c, o) => {
-      s(!0), n(null);
+function Oa() {
+  const { client: a } = q(), [n, r] = i(!1), [c, d] = i(null), o = S(
+    async ($, p) => {
+      r(!0), d(null);
       try {
-        return await a.auth.signIn(c, o);
-      } catch (m) {
-        return n(m instanceof Error ? m.message : "Sign in failed"), null;
+        return await a.auth.signIn($, p);
+      } catch (k) {
+        return d(k instanceof Error ? k.message : "Sign in failed"), null;
       } finally {
-        s(!1);
+        r(!1);
       }
     },
     [a]
-  ), l = k(
-    async (c) => {
-      s(!0), n(null);
+  ), h = S(
+    async ($) => {
+      r(!0), d(null);
       try {
-        return await a.auth.signInWithOAuth(c);
-      } catch (o) {
-        return n(o instanceof Error ? o.message : "OAuth sign in failed"), null;
+        return await a.auth.signInWithOAuth($);
+      } catch (p) {
+        return d(p instanceof Error ? p.message : "OAuth sign in failed"), null;
       } finally {
-        s(!1);
+        r(!1);
       }
     },
     [a]
-  ), d = k(
-    async (c, o) => {
-      s(!0), n(null);
+  ), u = S(
+    async ($, p) => {
+      r(!0), d(null);
       try {
-        return await a.auth.submitMfaCode(c, o);
-      } catch (m) {
-        return n(m instanceof Error ? m.message : "MFA verification failed"), null;
+        return await a.auth.submitMfaCode($, p);
+      } catch (k) {
+        return d(k instanceof Error ? k.message : "MFA verification failed"), null;
       } finally {
-        s(!1);
+        r(!1);
       }
     },
     [a]
   );
-  return { signIn: u, signInWithOAuth: l, submitMfaCode: d, isLoading: r, error: i, setError: n };
+  return { signIn: o, signInWithOAuth: h, submitMfaCode: u, isLoading: n, error: c, setError: d };
 }
-function Pa() {
-  const { client: a } = M(), [r, s] = g(!1), [i, n] = g(null);
-  return { signUp: k(
-    async (l, d) => {
-      s(!0), n(null);
+function Ia() {
+  const { client: a } = q(), [n, r] = i(!1), [c, d] = i(null);
+  return { signUp: S(
+    async (h, u) => {
+      r(!0), d(null);
       try {
-        return await a.auth.signUp(l, d);
-      } catch (c) {
-        return n(c instanceof Error ? c.message : "Sign up failed"), null;
+        return await a.auth.signUp(h, u);
+      } catch ($) {
+        return d($ instanceof Error ? $.message : "Sign up failed"), null;
       } finally {
-        s(!1);
+        r(!1);
       }
     },
     [a]
-  ), isLoading: r, error: i, setError: n };
+  ), isLoading: n, error: c, setError: d };
 }
-function Y() {
-  const { client: a } = M(), [r, s] = g([]), [i, n] = g(null), [u, l] = g([]), [d, c] = g([]), [o, m] = g(!1), [p, h] = g(null), y = W(!1), x = k(async () => {
-    m(!0), h(null);
+function aa() {
+  const { client: a } = q(), [n, r] = i([]), [c, d] = i(null), [o, h] = i([]), [u, $] = i([]), [p, k] = i(!1), [f, s] = i(null), N = Y(!1), w = S(async () => {
+    k(!0), s(null);
     try {
       const b = await a.auth.listOrgs();
-      if (s(b), n((w) => w && (b.find((B) => B.id === w.id) ?? null)), !y.current && b.length > 0) {
-        const w = typeof window < "u" ? localStorage.getItem("ss_selected_org") : null, B = (w ? b.find((F) => F.id === w) : null) ?? (b.length === 1 ? b[0] : null);
-        if (B) {
-          y.current = !0, n(B), typeof window < "u" && localStorage.setItem("ss_selected_org", B.id);
+      if (r(b), d((m) => m && (b.find((x) => x.id === m.id) ?? null)), !N.current && b.length > 0) {
+        const m = typeof window < "u" ? localStorage.getItem("ss_selected_org") : null, x = (m ? b.find((O) => O.id === m) : null) ?? (b.length === 1 ? b[0] : null);
+        if (x) {
+          N.current = !0, d(x), typeof window < "u" && localStorage.setItem("ss_selected_org", x.id);
           try {
-            const F = await a.auth.listMembers(B.id);
-            l(F);
+            const O = await a.auth.listMembers(x.id);
+            h(O);
           } catch {
           }
         }
       }
     } catch (b) {
-      h(b instanceof Error ? b.message : "Failed to load organizations");
+      s(b instanceof Error ? b.message : "Failed to load organizations");
     } finally {
-      m(!1);
+      k(!1);
     }
   }, [a]);
-  U(() => {
-    x();
-  }, [x]);
-  const v = k(async (b) => {
+  W(() => {
+    w();
+  }, [w]);
+  const I = S(async (b) => {
+    try {
+      const m = await a.auth.getOrg(b);
+      d(m), typeof window < "u" && localStorage.setItem("ss_selected_org", b);
+      const g = await a.auth.listMembers(b);
+      h(g);
+    } catch (m) {
+      s(m instanceof Error ? m.message : "Failed to load organization");
+    }
+  }, [a]), R = S(async (b, m) => {
     try {
-      const w = await a.auth.getOrg(b);
-      n(w), typeof window < "u" && localStorage.setItem("ss_selected_org", b);
-      const E = await a.auth.listMembers(b);
-      l(E);
-    } catch (w) {
-      h(w instanceof Error ? w.message : "Failed to load organization");
-    }
-  }, [a]), z = k(async (b, w) => {
+      const g = await a.auth.createOrg(b, m);
+      return r((x) => [...x, g]), g;
+    } catch (g) {
+      return s(g instanceof Error ? g.message : "Failed to create organization"), null;
+    }
+  }, [a]), T = S(async (b, m) => {
     try {
-      const E = await a.auth.createOrg(b, w);
-      return s((B) => [...B, E]), E;
-    } catch (E) {
-      return h(E instanceof Error ? E.message : "Failed to create organization"), null;
+      const g = await a.auth.updateOrg(b, m);
+      return r((x) => x.map((O) => O.id === b ? g : O)), (c == null ? void 0 : c.id) === b && d(g), g;
+    } catch (g) {
+      return s(g instanceof Error ? g.message : "Failed to update organization"), null;
     }
-  }, [a]), N = k(async (b, w) => {
+  }, [a, c]), D = S(async (b) => {
     try {
-      const E = await a.auth.updateOrg(b, w);
-      return s((B) => B.map((F) => F.id === b ? E : F)), (i == null ? void 0 : i.id) === b && n(E), E;
-    } catch (E) {
-      return h(E instanceof Error ? E.message : "Failed to update organization"), null;
+      return await a.auth.deleteOrg(b), r((m) => m.filter((g) => g.id !== b)), (c == null ? void 0 : c.id) === b && (d(null), h([]), $([]), typeof window < "u" && localStorage.removeItem("ss_selected_org")), !0;
+    } catch (m) {
+      return s(m instanceof Error ? m.message : "Failed to delete organization"), !1;
     }
-  }, [a, i]), O = k(async (b) => {
+  }, [a, c]), M = S(async (b, m, g) => {
     try {
-      return await a.auth.deleteOrg(b), s((w) => w.filter((E) => E.id !== b)), (i == null ? void 0 : i.id) === b && (n(null), l([]), c([]), typeof window < "u" && localStorage.removeItem("ss_selected_org")), !0;
-    } catch (w) {
-      return h(w instanceof Error ? w.message : "Failed to delete organization"), !1;
+      return await a.auth.sendInvite(b, m, g);
+    } catch (x) {
+      return s(x instanceof Error ? x.message : "Failed to send invite"), null;
     }
-  }, [a, i]), C = k(async (b, w, E) => {
+  }, [a]), l = S(async (b) => {
     try {
-      return await a.auth.sendInvite(b, w, E);
-    } catch (B) {
-      return h(B instanceof Error ? B.message : "Failed to send invite"), null;
+      const m = await a.auth.listInvites(b);
+      $(m);
+    } catch (m) {
+      s(m instanceof Error ? m.message : "Failed to load invites");
     }
-  }, [a]), f = k(async (b) => {
+  }, [a]), C = S(async (b, m) => {
     try {
-      const w = await a.auth.listInvites(b);
-      c(w);
-    } catch (w) {
-      h(w instanceof Error ? w.message : "Failed to load invites");
+      return await a.auth.revokeInvite(b, m), $((g) => g.filter((x) => x.id !== m)), !0;
+    } catch (g) {
+      return s(g instanceof Error ? g.message : "Failed to revoke invite"), !1;
     }
-  }, [a]), P = k(async (b, w) => {
+  }, [a]), z = S(async (b, m, g) => {
     try {
-      return await a.auth.revokeInvite(b, w), c((E) => E.filter((B) => B.id !== w)), !0;
-    } catch (E) {
-      return h(E instanceof Error ? E.message : "Failed to revoke invite"), !1;
+      return await a.auth.updateMemberRole(b, m, g), h((x) => x.map((O) => O.userId === m ? { ...O, role: g } : O)), !0;
+    } catch (x) {
+      return s(x instanceof Error ? x.message : "Failed to update member role"), !1;
     }
-  }, [a]), I = k(async (b, w, E) => {
+  }, [a]), P = S(async (b, m) => {
     try {
-      return await a.auth.updateMemberRole(b, w, E), l((B) => B.map((F) => F.userId === w ? { ...F, role: E } : F)), !0;
-    } catch (B) {
-      return h(B instanceof Error ? B.message : "Failed to update member role"), !1;
+      return await a.auth.removeMember(b, m), h((g) => g.filter((x) => x.userId !== m)), !0;
+    } catch (g) {
+      return s(g instanceof Error ? g.message : "Failed to remove member"), !1;
     }
-  }, [a]), L = k(async (b, w) => {
+  }, [a]), L = S(async (b) => {
     try {
-      return await a.auth.removeMember(b, w), l((E) => E.filter((B) => B.userId !== w)), !0;
-    } catch (E) {
-      return h(E instanceof Error ? E.message : "Failed to remove member"), !1;
+      const m = await a.auth.listMembers(b);
+      h(m);
+    } catch (m) {
+      s(m instanceof Error ? m.message : "Failed to load members");
     }
-  }, [a]), A = k(async (b) => {
+  }, [a]), F = S(async (b, m) => {
     try {
-      const w = await a.auth.listMembers(b);
-      l(w);
-    } catch (w) {
-      h(w instanceof Error ? w.message : "Failed to load members");
+      const g = await a.auth.uploadOrgAvatar(b, m);
+      return r((x) => x.map((O) => O.id === b ? { ...O, avatarUrl: g.avatarUrl } : O)), (c == null ? void 0 : c.id) === b && d((x) => x && { ...x, avatarUrl: g.avatarUrl }), g;
+    } catch (g) {
+      return s(g instanceof Error ? g.message : "Failed to upload org avatar"), null;
     }
-  }, [a]);
+  }, [a, c]);
   return {
-    orgs: r,
-    selectedOrg: i,
-    members: u,
-    invites: d,
-    isLoading: o,
-    error: p,
-    setError: h,
-    refresh: x,
-    selectOrg: v,
-    createOrg: z,
-    updateOrg: N,
-    deleteOrg: O,
-    sendInvite: C,
-    refreshInvites: f,
-    revokeInvite: P,
-    updateMemberRole: I,
-    removeMember: L,
-    refreshMembers: A
+    orgs: n,
+    selectedOrg: c,
+    members: o,
+    invites: u,
+    isLoading: p,
+    error: f,
+    setError: s,
+    refresh: w,
+    selectOrg: I,
+    createOrg: R,
+    updateOrg: T,
+    deleteOrg: D,
+    sendInvite: M,
+    refreshInvites: l,
+    revokeInvite: C,
+    updateMemberRole: z,
+    removeMember: P,
+    refreshMembers: L,
+    uploadOrgAvatar: F
   };
 }
-function Oa() {
-  const { client: a } = M(), [r, s] = g(!1), [i, n] = g(null);
-  return { deleteAccount: k(async () => {
-    s(!0), n(null);
+function Ea() {
+  const { client: a } = q(), [n, r] = i(!1), [c, d] = i(null);
+  return { deleteAccount: S(async () => {
+    r(!0), d(null);
     try {
       return await a.auth.deleteAccount(), !0;
-    } catch (l) {
-      return n(l instanceof Error ? l.message : "Failed to delete account"), !1;
+    } catch (h) {
+      return d(h instanceof Error ? h.message : "Failed to delete account"), !1;
     } finally {
-      s(!1);
+      r(!1);
     }
-  }, [a]), isLoading: r, error: i, setError: n };
+  }, [a]), isLoading: n, error: c, setError: d };
 }
-function ia() {
-  const { client: a, user: r } = M(), [s, i] = g(!1), [n, u] = g(null), [l, d] = g(null), c = k(
-    async (p) => {
-      i(!0), u(null), d(null);
+function Ba() {
+  const { client: a, user: n } = q(), [r, c] = i(!1), [d, o] = i(null), [h, u] = i(null), $ = S(
+    async (f) => {
+      c(!0), o(null), u(null);
       try {
-        const h = await a.auth.updateProfile(p);
-        return d("Profile updated"), h;
-      } catch (h) {
-        return u(h instanceof Error ? h.message : "Failed to update profile"), null;
+        const s = await a.auth.updateProfile(f);
+        return u("Profile updated"), s;
+      } catch (s) {
+        return o(s instanceof Error ? s.message : "Failed to update profile"), null;
       } finally {
-        i(!1);
+        c(!1);
       }
     },
     [a]
-  ), o = k(
-    async (p, h) => {
-      i(!0), u(null), d(null);
+  ), p = S(
+    async (f, s) => {
+      c(!0), o(null), u(null);
       try {
-        return await a.auth.changePassword(p, h), d("Password changed successfully"), !0;
-      } catch (y) {
-        return u(y instanceof Error ? y.message : "Failed to change password"), !1;
+        return await a.auth.changePassword(f, s), u("Password changed successfully"), !0;
+      } catch (N) {
+        return o(N instanceof Error ? N.message : "Failed to change password"), !1;
       } finally {
-        i(!1);
+        c(!1);
       }
     },
     [a]
-  ), m = k(
-    async (p) => {
-      i(!0), u(null), d(null);
+  ), k = S(
+    async (f) => {
+      c(!0), o(null), u(null);
       try {
-        const h = await a.auth.uploadAvatar(p);
-        return d("Avatar updated"), h;
-      } catch (h) {
-        return u(h instanceof Error ? h.message : "Failed to upload avatar"), null;
+        const s = await a.auth.uploadAvatar(f);
+        return u("Avatar updated"), s;
+      } catch (s) {
+        return o(s instanceof Error ? s.message : "Failed to upload avatar"), null;
       } finally {
-        i(!1);
+        c(!1);
       }
     },
     [a]
   );
-  return { user: r, updateProfile: c, uploadAvatar: m, changePassword: o, isLoading: s, error: n, success: l, setError: u, setSuccess: d };
+  return { user: n, updateProfile: $, uploadAvatar: k, changePassword: p, isLoading: r, error: d, success: h, setError: o, setSuccess: u };
 }
-function ra() {
-  const { client: a } = M(), [r, s] = g([]), [i, n] = g(!1), [u, l] = g(null), d = k(async () => {
-    n(!0), l(null);
+function na() {
+  const { client: a } = q(), [n, r] = i([]), [c, d] = i(!1), [o, h] = i(null), u = S(async () => {
+    d(!0), h(null);
     try {
-      const m = await a.auth.listMyInvites();
-      s(m);
-    } catch (m) {
-      l(m instanceof Error ? m.message : "Failed to load invites");
+      const k = await a.auth.listMyInvites();
+      r(k);
+    } catch (k) {
+      h(k instanceof Error ? k.message : "Failed to load invites");
     } finally {
-      n(!1);
+      d(!1);
     }
   }, [a]);
-  U(() => {
-    d();
-  }, [d]);
-  const c = k(async (m) => {
+  W(() => {
+    u();
+  }, [u]);
+  const $ = S(async (k) => {
     try {
-      const p = await a.auth.acceptInviteById(m);
-      return s((h) => h.filter((y) => y.id !== m)), p;
-    } catch (p) {
-      return l(p instanceof Error ? p.message : "Failed to accept invite"), null;
+      const f = await a.auth.acceptInviteById(k);
+      return r((s) => s.filter((N) => N.id !== k)), f;
+    } catch (f) {
+      return h(f instanceof Error ? f.message : "Failed to accept invite"), null;
     }
-  }, [a]), o = k(async (m) => {
+  }, [a]), p = S(async (k) => {
     try {
-      return await a.auth.declineInvite(m), s((p) => p.filter((h) => h.id !== m)), !0;
-    } catch (p) {
-      return l(p instanceof Error ? p.message : "Failed to decline invite"), !1;
+      return await a.auth.declineInvite(k), r((f) => f.filter((s) => s.id !== k)), !0;
+    } catch (f) {
+      return h(f instanceof Error ? f.message : "Failed to decline invite"), !1;
     }
   }, [a]);
-  return { invites: r, isLoading: i, error: u, setError: l, refresh: d, accept: c, decline: o };
+  return { invites: n, isLoading: c, error: o, setError: h, refresh: u, accept: $, decline: p };
 }
-const la = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/></svg>', ca = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" fill="currentColor"/></svg>', S = {
+const Fa = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/></svg>', Ta = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" fill="currentColor"/></svg>', v = {
   close: "close",
   person: "person",
   logout: "logout",
   checkCircle: "check_circle",
-  unfoldMore: "unfold_more",
   cloudUpload: "cloud_upload",
   zoomIn: "zoom_in",
   zoomOut: "zoom_out",
@@ -2838,7 +2863,6 @@ const la = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d=
   visibility: "visibility",
   visibilityOff: "visibility_off",
   add: "add",
-  addCircle: "add_circle",
   camera: "photo_camera",
   security: "security",
   errorOutline: "error_outline",
@@ -2846,11 +2870,8 @@ const la = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d=
   arrowBack: "arrow_back",
   arrowForward: "arrow_forward",
   verified: "verified",
-  token: "token",
-  autoAwesome: "auto_awesome",
   corporateFare: "corporate_fare",
   mail: "mail",
-  cloudDone: "cloud_done",
   check: "check",
   image: "image",
   settings: "settings",
@@ -2860,236 +2881,185 @@ const la = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d=
   send: "send",
   personRemove: "person_remove"
 };
-function le({ appearance: a, signUpUrl: r, onSignUp: s }) {
-  const { appearance: i, settings: n } = M(), { signIn: u, signInWithOAuth: l, submitMfaCode: d, isLoading: c, error: o, setError: m } = oa(), p = a ?? i, [h, y] = g(""), [x, v] = g(""), [z, N] = g(!1), [O, C] = g(!1), [f, P] = g(""), [I, L] = g(["", "", "", "", "", ""]), A = W([]), b = k(
-    async (D) => {
-      if (D.preventDefault(), O) {
-        await d(f, I.join(""));
+function Za({
+  appearance: a,
+  afterSignInUrl: n,
+  afterSignUpUrl: r,
+  initialMode: c = "signIn"
+}) {
+  const { appearance: d, settings: o } = q(), { signIn: h, signInWithOAuth: u, submitMfaCode: $, isLoading: p, error: k, setError: f } = Oa(), { signUp: s, isLoading: N, error: w, setError: I } = Ia(), R = a ?? d, [T, D] = i(c), [M, l] = i(""), [C, z] = i(""), [P, L] = i(!1), [F, b] = i(""), [m, g] = i(null), [x, O] = i(!1), [y, G] = i(!1), [ta, ra] = i(""), [Z, K] = i(["", "", "", "", "", ""]), X = Y([]), j = T === "signIn" ? p : N, ea = T === "signIn" ? k : m || w, V = S((E) => {
+    D(E), f(null), I(null), g(null), G(!1), K(["", "", "", "", "", ""]);
+  }, [f, I]), Q = S(
+    async (E) => {
+      if (E.preventDefault(), y) {
+        await $(ta, Z.join(""));
+        return;
+      }
+      const A = await h(M, C);
+      A && ka(A) && (ra(A.mfaToken), G(!0), f(null));
+    },
+    [M, C, y, ta, Z, h, $, f]
+  ), ga = S(
+    async (E) => {
+      if (E.preventDefault(), g(null), C !== F) {
+        g("Passwords do not match");
+        return;
+      }
+      const A = (o == null ? void 0 : o.passwordMinLength) ?? 8;
+      if (C.length < A) {
+        g(`Password must be at least ${A} characters`);
         return;
       }
-      const $ = await u(h, x);
-      $ && wa($) && (P($.mfaToken), C(!0), m(null));
+      await s(M, C);
     },
-    [h, x, O, f, I, u, d, m]
-  ), w = k(
-    async (D) => {
-      await l(D);
+    [M, C, F, o, s]
+  ), oa = S(
+    async (E) => {
+      await u(E);
     },
-    [l]
-  ), E = k((D, $) => {
-    var _;
-    if (!/^\d*$/.test($)) return;
-    const T = $.slice(-1);
-    L((K) => {
-      const J = [...K];
-      return J[D] = T, J;
-    }), T && D < 5 && ((_ = A.current[D + 1]) == null || _.focus());
-  }, []), B = k((D, $) => {
-    var T;
-    $.key === "Backspace" && !I[D] && D > 0 && ((T = A.current[D - 1]) == null || T.focus());
-  }, [I]), F = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled);
-  return /* @__PURE__ */ e(j, { appearance: p, children: /* @__PURE__ */ e("div", { className: "ss-auth-card", children: /* @__PURE__ */ t("div", { className: "ss-auth-card-body", children: [
-    /* @__PURE__ */ t("div", { className: "ss-auth-header", children: [
-      /* @__PURE__ */ e("div", { className: "ss-auth-brand-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.token }) }),
-      /* @__PURE__ */ e("h1", { className: "ss-auth-title", children: "Sign in to your account" }),
-      /* @__PURE__ */ e("p", { className: "ss-auth-subtitle", children: "Welcome back to your workspace" })
+    [u]
+  ), fa = S((E, A) => {
+    var ia;
+    if (!/^\d*$/.test(A)) return;
+    const H = A.slice(-1);
+    K((xa) => {
+      const la = [...xa];
+      return la[E] = H, la;
+    }), H && E < 5 && ((ia = X.current[E + 1]) == null || ia.focus());
+  }, []), ma = S((E, A) => {
+    var H;
+    A.key === "Backspace" && !Z[E] && E > 0 && ((H = X.current[E - 1]) == null || H.focus());
+  }, [Z]), sa = (o == null ? void 0 : o.googleEnabled) || (o == null ? void 0 : o.githubEnabled), J = T === "signIn";
+  return /* @__PURE__ */ t(pa, { appearance: R, children: /* @__PURE__ */ t("div", { className: "ss-auth-card", children: /* @__PURE__ */ e("div", { className: "ss-auth-card-body", children: [
+    /* @__PURE__ */ e("div", { className: "ss-auth-header", children: [
+      /* @__PURE__ */ t("h1", { className: "ss-auth-title", children: J ? "Sign in to your account" : "Create your account" }),
+      /* @__PURE__ */ t("p", { className: "ss-auth-subtitle", children: J ? "Welcome back to your workspace" : "Join the ecosystem" })
     ] }),
-    !O && F && /* @__PURE__ */ t(R, { children: [
-      /* @__PURE__ */ t("div", { className: "ss-auth-oauth-grid", children: [
-        (n == null ? void 0 : n.googleEnabled) && /* @__PURE__ */ t(
+    !y && sa && /* @__PURE__ */ e(U, { children: [
+      /* @__PURE__ */ e("div", { className: "ss-auth-oauth-grid", children: [
+        (o == null ? void 0 : o.googleEnabled) && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "ss-auth-btn-social",
-            onClick: () => w("google"),
-            disabled: c,
+            onClick: () => oa("google"),
+            disabled: j,
             children: [
-              /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: la } }),
+              /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: Fa } }),
               "Google"
             ]
           }
         ),
-        (n == null ? void 0 : n.githubEnabled) && /* @__PURE__ */ t(
+        (o == null ? void 0 : o.githubEnabled) && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "ss-auth-btn-social",
-            onClick: () => w("github"),
-            disabled: c,
+            onClick: () => oa("github"),
+            disabled: j,
             children: [
-              /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ca } }),
+              /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: Ta } }),
               "GitHub"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "ss-auth-divider", children: "or continue with" })
-    ] }),
-    o && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-      /* @__PURE__ */ e("span", { children: o })
+      x ? /* @__PURE__ */ t("div", { className: "ss-auth-divider", children: J ? "or continue with" : "or sign up with email" }) : /* @__PURE__ */ t("div", { className: "ss-auth-divider", children: /* @__PURE__ */ t(
+        "span",
+        {
+          className: "ss-auth-link",
+          onClick: () => O(!0),
+          children: J ? "or sign in with email" : "or sign up with email"
+        }
+      ) })
     ] }),
-    /* @__PURE__ */ t("form", { onSubmit: b, children: [
-      O ? /* @__PURE__ */ t(R, { children: [
-        /* @__PURE__ */ e("div", { className: "ss-auth-mfa-divider", children: /* @__PURE__ */ e("span", { children: "Verification Required" }) }),
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "6-Digit Code" }),
-          /* @__PURE__ */ e("div", { className: "ss-auth-mfa-group", children: I.map((D, $) => /* @__PURE__ */ e(
-            "input",
-            {
-              ref: (T) => {
-                A.current[$] = T;
+    (!sa || x || y) && /* @__PURE__ */ e(U, { children: [
+      ea && /* @__PURE__ */ e("div", { className: "ss-auth-error", children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.errorOutline }),
+        /* @__PURE__ */ t("span", { children: ea })
+      ] }),
+      J && /* @__PURE__ */ e("form", { onSubmit: Q, children: [
+        y ? /* @__PURE__ */ e(U, { children: [
+          /* @__PURE__ */ t("div", { className: "ss-auth-mfa-divider", children: /* @__PURE__ */ t("span", { children: "Verification Required" }) }),
+          /* @__PURE__ */ e("div", { className: "ss-auth-field", children: [
+            /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "6-Digit Code" }),
+            /* @__PURE__ */ t("div", { className: "ss-auth-mfa-group", children: Z.map((E, A) => /* @__PURE__ */ t(
+              "input",
+              {
+                ref: (H) => {
+                  X.current[A] = H;
+                },
+                className: "ss-auth-mfa-digit",
+                type: "text",
+                inputMode: "numeric",
+                maxLength: 1,
+                value: E,
+                onChange: (H) => fa(A, H.target.value),
+                onKeyDown: (H) => ma(A, H),
+                autoFocus: A === 0
               },
-              className: "ss-auth-mfa-digit",
-              type: "text",
-              inputMode: "numeric",
-              maxLength: 1,
-              value: D,
-              onChange: (T) => E($, T.target.value),
-              onKeyDown: (T) => B($, T),
-              autoFocus: $ === 0
-            },
-            $
-          )) }),
-          /* @__PURE__ */ e("p", { className: "ss-auth-mfa-hint", children: "We sent a 6-digit code to your registered email." })
-        ] })
-      ] }) : /* @__PURE__ */ t(R, { children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-email", children: "Email Address" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              id: "ss-email",
-              className: "ss-auth-input",
-              type: "email",
-              autoComplete: "email",
-              placeholder: "name@company.com",
-              value: h,
-              onChange: (D) => y(D.target.value),
-              required: !0
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ t("div", { className: "ss-auth-field-row", children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-password", style: { marginBottom: 0 }, children: "Password" }),
-            /* @__PURE__ */ e("span", { className: "ss-auth-link", style: { fontSize: "12px" }, children: "Forgot?" })
-          ] }),
-          /* @__PURE__ */ t("div", { style: { position: "relative" }, children: [
-            /* @__PURE__ */ e(
+              A
+            )) }),
+            /* @__PURE__ */ t("p", { className: "ss-auth-mfa-hint", children: "We sent a 6-digit code to your registered email." })
+          ] })
+        ] }) : /* @__PURE__ */ e(U, { children: [
+          /* @__PURE__ */ e("div", { className: "ss-auth-field", children: [
+            /* @__PURE__ */ t("label", { className: "ss-auth-label", htmlFor: "ss-email", children: "Email Address" }),
+            /* @__PURE__ */ t(
               "input",
               {
-                id: "ss-password",
+                id: "ss-email",
                 className: "ss-auth-input",
-                type: z ? "text" : "password",
-                autoComplete: "current-password",
-                placeholder: "••••••••",
-                value: x,
-                onChange: (D) => v(D.target.value),
+                type: "email",
+                autoComplete: "email",
+                placeholder: "name@company.com",
+                value: M,
+                onChange: (E) => l(E.target.value),
                 required: !0
               }
-            ),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                className: "ss-auth-visibility-toggle",
-                onClick: () => N(!z),
-                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: z ? S.visibilityOff : S.visibility })
-              }
             )
+          ] }),
+          /* @__PURE__ */ e("div", { className: "ss-auth-field", children: [
+            /* @__PURE__ */ e("div", { className: "ss-auth-field-row", children: [
+              /* @__PURE__ */ t("label", { className: "ss-auth-label", htmlFor: "ss-password", style: { marginBottom: 0 }, children: "Password" }),
+              /* @__PURE__ */ t("span", { className: "ss-auth-link", style: { fontSize: "12px" }, children: "Forgot?" })
+            ] }),
+            /* @__PURE__ */ e("div", { style: { position: "relative" }, children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  id: "ss-password",
+                  className: "ss-auth-input",
+                  type: P ? "text" : "password",
+                  autoComplete: "current-password",
+                  placeholder: "••••••••",
+                  value: C,
+                  onChange: (E) => z(E.target.value),
+                  required: !0
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: "ss-auth-visibility-toggle",
+                  onClick: () => L(!P),
+                  children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: P ? v.visibilityOff : v.visibility })
+                }
+              )
+            ] })
           ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary", disabled: c, children: [
-        c && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
-        O ? "Verify" : "Sign in",
-        !c && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.arrowForward })
-      ] })
-    ] }),
-    O ? /* @__PURE__ */ e("div", { className: "ss-auth-footer", children: /* @__PURE__ */ e(
-      "span",
-      {
-        className: "ss-auth-link",
-        onClick: () => {
-          C(!1), L(["", "", "", "", "", ""]), m(null);
-        },
-        children: "Back to sign in"
-      }
-    ) }) : /* @__PURE__ */ t("div", { className: "ss-auth-footer", children: [
-      "Don't have an account?",
-      " ",
-      s ? /* @__PURE__ */ e("span", { className: "ss-auth-link", onClick: s, children: "Sign up" }) : r ? /* @__PURE__ */ e("a", { className: "ss-auth-link", href: r, children: "Sign up" }) : /* @__PURE__ */ e("span", { className: "ss-auth-link", children: "Sign up" })
-    ] })
-  ] }) }) });
-}
-function ce({ appearance: a, signInUrl: r, onSignIn: s }) {
-  const { appearance: i, settings: n } = M(), { signUp: u, isLoading: l, error: d, setError: c } = Pa(), { signInWithOAuth: o } = oa(), m = a ?? i, [p, h] = g(""), [y, x] = g(""), [v, z] = g(""), [N, O] = g(!1), [C, f] = g(null), P = k(
-    async (b) => {
-      if (b.preventDefault(), f(null), y !== v) {
-        f("Passwords do not match");
-        return;
-      }
-      const w = (n == null ? void 0 : n.passwordMinLength) ?? 8;
-      if (y.length < w) {
-        f(`Password must be at least ${w} characters`);
-        return;
-      }
-      await u(p, y);
-    },
-    [p, y, v, n, u]
-  ), I = k(
-    async (b) => {
-      await o(b);
-    },
-    [o]
-  ), L = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled), A = C || d;
-  return /* @__PURE__ */ e(j, { appearance: m, children: /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", width: "100%", maxWidth: "520px" }, children: [
-    /* @__PURE__ */ t("div", { className: "ss-auth-header", children: [
-      /* @__PURE__ */ e("div", { className: "ss-auth-brand-icon-gradient", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.autoAwesome }) }),
-      /* @__PURE__ */ e("h1", { className: "ss-auth-title ss-auth-title-lg", children: "Create your account" }),
-      /* @__PURE__ */ e("p", { className: "ss-auth-subtitle", children: "Join the ecosystem" })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "ss-auth-card", children: /* @__PURE__ */ t("div", { className: "ss-auth-card-body", children: [
-      L && /* @__PURE__ */ t(R, { children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-oauth-grid", children: [
-          (n == null ? void 0 : n.googleEnabled) && /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              className: "ss-auth-btn-social",
-              onClick: () => I("google"),
-              disabled: l,
-              children: [
-                /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: la } }),
-                "Google"
-              ]
-            }
-          ),
-          (n == null ? void 0 : n.githubEnabled) && /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              className: "ss-auth-btn-social",
-              onClick: () => I("github"),
-              disabled: l,
-              children: [
-                /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ca } }),
-                "GitHub"
-              ]
-            }
-          )
         ] }),
-        /* @__PURE__ */ e("div", { className: "ss-auth-divider", children: "or sign up with email" })
-      ] }),
-      A && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: A })
+        /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-primary", disabled: j, children: [
+          j && /* @__PURE__ */ t("span", { className: "ss-auth-spinner" }),
+          y ? "Verify" : "Sign in",
+          !j && /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.arrowForward })
+        ] })
       ] }),
-      /* @__PURE__ */ t("form", { onSubmit: P, children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-signup-email", children: "Email" }),
-          /* @__PURE__ */ e(
+      !J && /* @__PURE__ */ e("form", { onSubmit: ga, children: [
+        /* @__PURE__ */ e("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ t("label", { className: "ss-auth-label", htmlFor: "ss-signup-email", children: "Email" }),
+          /* @__PURE__ */ t(
             "input",
             {
               id: "ss-signup-email",
@@ -3097,44 +3067,44 @@ function ce({ appearance: a, signInUrl: r, onSignIn: s }) {
               type: "email",
               autoComplete: "email",
               placeholder: "name@company.com",
-              value: p,
-              onChange: (b) => h(b.target.value),
+              value: M,
+              onChange: (E) => l(E.target.value),
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-signup-password", children: "Password" }),
-          /* @__PURE__ */ t("div", { style: { position: "relative" }, children: [
-            /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ t("label", { className: "ss-auth-label", htmlFor: "ss-signup-password", children: "Password" }),
+          /* @__PURE__ */ e("div", { style: { position: "relative" }, children: [
+            /* @__PURE__ */ t(
               "input",
               {
                 id: "ss-signup-password",
                 className: "ss-auth-input",
-                type: N ? "text" : "password",
+                type: P ? "text" : "password",
                 autoComplete: "new-password",
                 placeholder: "••••••••",
-                value: y,
-                onChange: (b) => {
-                  x(b.target.value), f(null);
+                value: C,
+                onChange: (E) => {
+                  z(E.target.value), g(null);
                 },
                 required: !0
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 className: "ss-auth-visibility-toggle",
-                onClick: () => O(!N),
-                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: N ? S.visibilityOff : S.visibility })
+                onClick: () => L(!P),
+                children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: P ? v.visibilityOff : v.visibility })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-signup-confirm", children: "Confirm Password" }),
-          /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ t("label", { className: "ss-auth-label", htmlFor: "ss-signup-confirm", children: "Confirm Password" }),
+          /* @__PURE__ */ t(
             "input",
             {
               id: "ss-signup-confirm",
@@ -3142,298 +3112,316 @@ function ce({ appearance: a, signInUrl: r, onSignIn: s }) {
               type: "password",
               autoComplete: "new-password",
               placeholder: "••••••••",
-              value: v,
-              onChange: (b) => {
-                z(b.target.value), f(null);
+              value: F,
+              onChange: (E) => {
+                b(E.target.value), g(null);
               },
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary", disabled: l, children: [
-          l && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+        /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-primary", disabled: j, children: [
+          j && /* @__PURE__ */ t("span", { className: "ss-auth-spinner" }),
           "Sign up",
-          !l && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.arrowForward })
+          !j && /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.arrowForward })
         ] })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "ss-auth-footer", children: [
-        "Already have an account?",
-        " ",
-        s ? /* @__PURE__ */ e("span", { className: "ss-auth-link", onClick: s, children: "Sign in" }) : r ? /* @__PURE__ */ e("a", { className: "ss-auth-link", href: r, children: "Sign in" }) : /* @__PURE__ */ e("span", { className: "ss-auth-link", children: "Sign in" })
       ] })
-    ] }) })
-  ] }) });
+    ] }),
+    ((o == null ? void 0 : o.privacyPolicyUrl) || (o == null ? void 0 : o.termsOfServiceUrl)) && /* @__PURE__ */ e("div", { className: "ss-auth-legal-links", children: [
+      o.privacyPolicyUrl && /* @__PURE__ */ t("a", { href: o.privacyPolicyUrl, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" }),
+      o.privacyPolicyUrl && o.termsOfServiceUrl && /* @__PURE__ */ t("span", { children: " · " }),
+      o.termsOfServiceUrl && /* @__PURE__ */ t("a", { href: o.termsOfServiceUrl, target: "_blank", rel: "noopener noreferrer", children: "Terms of Service" })
+    ] }),
+    y ? /* @__PURE__ */ t("div", { className: "ss-auth-footer", children: /* @__PURE__ */ t(
+      "span",
+      {
+        className: "ss-auth-link",
+        onClick: () => {
+          G(!1), K(["", "", "", "", "", ""]), f(null);
+        },
+        children: "Back to sign in"
+      }
+    ) }) : J ? /* @__PURE__ */ e("div", { className: "ss-auth-footer", children: [
+      "Don't have an account?",
+      " ",
+      /* @__PURE__ */ t("span", { className: "ss-auth-link", onClick: () => V("signUp"), children: "Sign up" })
+    ] }) : /* @__PURE__ */ e("div", { className: "ss-auth-footer", children: [
+      "Already have an account?",
+      " ",
+      /* @__PURE__ */ t("span", { className: "ss-auth-link", onClick: () => V("signIn"), children: "Sign in" })
+    ] })
+  ] }) }) });
 }
-const V = 320, q = 128, Ea = xa(function({ file: r, onCrop: s, onCancel: i }, n) {
-  const u = W(null), l = W(null), [d, c] = g(1), [o, m] = g({ x: 0, y: 0 }), [p, h] = g(!1), y = W({ x: 0, y: 0, ox: 0, oy: 0 }), [x, v] = g(!1);
-  U(() => {
-    const f = new Image(), P = URL.createObjectURL(r);
-    return f.onload = () => {
-      l.current = f, v(!0), m({ x: 0, y: 0 }), c(1);
-    }, f.src = P, () => URL.revokeObjectURL(P);
-  }, [r]), U(() => {
-    if (!x || !l.current || !u.current) return;
-    const f = u.current.getContext("2d");
-    if (!f) return;
-    const P = l.current;
-    f.clearRect(0, 0, V, V), f.fillStyle = "#111", f.fillRect(0, 0, V, V);
-    const I = Math.max(V / P.width, V / P.height) * d, L = P.width * I, A = P.height * I, b = (V - L) / 2 + o.x, w = (V - A) / 2 + o.y;
-    f.save(), f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.clip(), f.drawImage(P, b, w, L, A), f.restore(), f.save(), f.fillStyle = "rgba(0, 0, 0, 0.6)", f.fillRect(0, 0, V, V), f.globalCompositeOperation = "destination-out", f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.fill(), f.restore(), f.save(), f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.clip(), f.drawImage(P, b, w, L, A), f.restore(), f.strokeStyle = "rgba(255, 255, 255, 0.4)", f.lineWidth = 2, f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.stroke();
-  }, [d, o, x]);
-  const z = k(
-    (f) => {
-      h(!0), y.current = { x: f.clientX, y: f.clientY, ox: o.x, oy: o.y }, f.target.setPointerCapture(f.pointerId);
+const B = 320, _ = 128, Ma = va(function({ file: n, onCrop: r, onCancel: c }, d) {
+  const o = Y(null), h = Y(null), [u, $] = i(1), [p, k] = i({ x: 0, y: 0 }), [f, s] = i(!1), N = Y({ x: 0, y: 0, ox: 0, oy: 0 }), [w, I] = i(!1);
+  W(() => {
+    const l = new Image(), C = URL.createObjectURL(n);
+    return l.onload = () => {
+      h.current = l, I(!0), k({ x: 0, y: 0 }), $(1);
+    }, l.src = C, () => URL.revokeObjectURL(C);
+  }, [n]), W(() => {
+    if (!w || !h.current || !o.current) return;
+    const l = o.current.getContext("2d");
+    if (!l) return;
+    const C = h.current;
+    l.clearRect(0, 0, B, B), l.fillStyle = "#111", l.fillRect(0, 0, B, B);
+    const z = Math.max(B / C.width, B / C.height) * u, P = C.width * z, L = C.height * z, F = (B - P) / 2 + p.x, b = (B - L) / 2 + p.y;
+    l.save(), l.beginPath(), l.arc(B / 2, B / 2, _, 0, Math.PI * 2), l.clip(), l.drawImage(C, F, b, P, L), l.restore(), l.save(), l.fillStyle = "rgba(0, 0, 0, 0.6)", l.fillRect(0, 0, B, B), l.globalCompositeOperation = "destination-out", l.beginPath(), l.arc(B / 2, B / 2, _, 0, Math.PI * 2), l.fill(), l.restore(), l.save(), l.beginPath(), l.arc(B / 2, B / 2, _, 0, Math.PI * 2), l.clip(), l.drawImage(C, F, b, P, L), l.restore(), l.strokeStyle = "rgba(255, 255, 255, 0.4)", l.lineWidth = 2, l.beginPath(), l.arc(B / 2, B / 2, _, 0, Math.PI * 2), l.stroke();
+  }, [u, p, w]);
+  const R = S(
+    (l) => {
+      s(!0), N.current = { x: l.clientX, y: l.clientY, ox: p.x, oy: p.y }, l.target.setPointerCapture(l.pointerId);
     },
-    [o]
-  ), N = k(
-    (f) => {
-      p && m({
-        x: y.current.ox + (f.clientX - y.current.x),
-        y: y.current.oy + (f.clientY - y.current.y)
+    [p]
+  ), T = S(
+    (l) => {
+      f && k({
+        x: N.current.ox + (l.clientX - N.current.x),
+        y: N.current.oy + (l.clientY - N.current.y)
       });
     },
-    [p]
-  ), O = k(() => h(!1), []), C = k(() => {
-    if (!l.current) return;
-    const f = document.createElement("canvas"), P = q * 2;
-    f.width = P, f.height = P;
-    const I = f.getContext("2d");
-    if (!I) return;
-    const L = l.current, A = Math.max(V / L.width, V / L.height) * d, b = L.width * A, w = L.height * A, E = (V - b) / 2 + o.x - (V / 2 - q), B = (V - w) / 2 + o.y - (V / 2 - q);
-    I.beginPath(), I.arc(q, q, q, 0, Math.PI * 2), I.clip(), I.drawImage(L, E, B, b, w), f.toBlob((F) => {
-      F && s(F);
+    [f]
+  ), D = S(() => s(!1), []), M = S(() => {
+    if (!h.current) return;
+    const l = document.createElement("canvas"), C = _ * 2;
+    l.width = C, l.height = C;
+    const z = l.getContext("2d");
+    if (!z) return;
+    const P = h.current, L = Math.max(B / P.width, B / P.height) * u, F = P.width * L, b = P.height * L, m = (B - F) / 2 + p.x - (B / 2 - _), g = (B - b) / 2 + p.y - (B / 2 - _);
+    z.beginPath(), z.arc(_, _, _, 0, Math.PI * 2), z.clip(), z.drawImage(P, m, g, F, b), l.toBlob((x) => {
+      x && r(x);
     }, "image/png");
-  }, [d, o, s]);
-  return ya(n, () => ({ triggerCrop: () => C() }), [C]), /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "24px" }, children: [
-    /* @__PURE__ */ t("div", { className: "ss-auth-crop-area", children: [
-      /* @__PURE__ */ e(
+  }, [u, p, r]);
+  return wa(d, () => ({ triggerCrop: () => M() }), [M]), /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "24px" }, children: [
+    /* @__PURE__ */ e("div", { className: "ss-auth-crop-area", children: [
+      /* @__PURE__ */ t(
         "canvas",
         {
-          ref: u,
-          width: V,
-          height: V,
-          style: { cursor: p ? "grabbing" : "grab", width: "100%", height: "100%" },
-          onPointerDown: z,
-          onPointerMove: N,
-          onPointerUp: O
+          ref: o,
+          width: B,
+          height: B,
+          style: { cursor: f ? "grabbing" : "grab", width: "100%", height: "100%" },
+          onPointerDown: R,
+          onPointerMove: T,
+          onPointerUp: D
         }
       ),
-      /* @__PURE__ */ e("div", { className: "ss-auth-crop-size-badge", children: "256 x 256 px" })
+      /* @__PURE__ */ t("div", { className: "ss-auth-crop-size-badge", children: "256 x 256 px" })
     ] }),
-    /* @__PURE__ */ t("div", { className: "ss-auth-zoom-control", style: { width: "100%", maxWidth: "280px" }, children: [
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.zoomOut }),
-      /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "ss-auth-zoom-control", style: { width: "100%", maxWidth: "280px" }, children: [
+      /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.zoomOut }),
+      /* @__PURE__ */ t(
         "input",
         {
           type: "range",
           min: "1",
           max: "3",
           step: "0.01",
-          value: d,
-          onChange: (f) => c(parseFloat(f.target.value)),
+          value: u,
+          onChange: (l) => $(parseFloat(l.target.value)),
           className: "ss-auth-zoom-slider"
         }
       ),
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.zoomIn })
+      /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.zoomIn })
     ] })
   ] });
 });
-function da({ onUpload: a, onClose: r, isLoading: s }) {
-  const [i, n] = g(null), [u, l] = g(!1), [d, c] = g(null), o = W(null), m = W(null), p = k((x) => {
-    if (!x.type.startsWith("image/")) {
-      c("Please select an image file");
+function La({ onUpload: a, onClose: n, isLoading: r }) {
+  const [c, d] = i(null), [o, h] = i(!1), [u, $] = i(null), p = Y(null), k = Y(null), f = S((w) => {
+    if (!w.type.startsWith("image/")) {
+      $("Please select an image file");
       return;
     }
-    if (x.size > 5 * 1024 * 1024) {
-      c("Image must be smaller than 5 MB");
+    if (w.size > 5 * 1024 * 1024) {
+      $("Image must be smaller than 5 MB");
       return;
     }
-    c(null), n(x);
-  }, []), h = k(
-    (x) => {
-      x.preventDefault(), l(!1);
-      const v = x.dataTransfer.files[0];
-      v && p(v);
+    $(null), d(w);
+  }, []), s = S(
+    (w) => {
+      w.preventDefault(), h(!1);
+      const I = w.dataTransfer.files[0];
+      I && f(I);
     },
-    [p]
-  ), y = k(
-    async (x) => {
-      await a(x);
+    [f]
+  ), N = S(
+    async (w) => {
+      await a(w);
     },
     [a]
   );
-  return /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (x) => {
-    x.target === x.currentTarget && r();
-  }, children: /* @__PURE__ */ t("div", { className: "ss-auth-modal", style: { maxWidth: "480px" }, children: [
-    /* @__PURE__ */ t("div", { className: "ss-auth-modal-header", children: [
-      /* @__PURE__ */ e("h2", { children: "Upload avatar" }),
-      /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: r, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.close }) })
+  return /* @__PURE__ */ t("div", { className: "ss-auth-modal-overlay", onClick: (w) => {
+    w.target === w.currentTarget && n();
+  }, children: /* @__PURE__ */ e("div", { className: "ss-auth-modal", style: { maxWidth: "480px" }, children: [
+    /* @__PURE__ */ e("div", { className: "ss-auth-modal-header", children: [
+      /* @__PURE__ */ t("h2", { children: "Upload avatar" }),
+      /* @__PURE__ */ t("button", { type: "button", className: "ss-auth-modal-close", onClick: n, children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.close }) })
     ] }),
-    /* @__PURE__ */ t("div", { className: "ss-auth-modal-body", children: [
-      d && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: d })
+    /* @__PURE__ */ e("div", { className: "ss-auth-modal-body", children: [
+      u && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.errorOutline }),
+        /* @__PURE__ */ t("span", { children: u })
       ] }),
-      i ? /* @__PURE__ */ t(R, { children: [
-        /* @__PURE__ */ e(Ea, { ref: m, file: i, onCrop: y, onCancel: () => n(null) }),
-        /* @__PURE__ */ e("div", { style: { textAlign: "center", marginTop: "8px" }, children: /* @__PURE__ */ t(
+      c ? /* @__PURE__ */ e(U, { children: [
+        /* @__PURE__ */ t(Ma, { ref: k, file: c, onCrop: N, onCancel: () => d(null) }),
+        /* @__PURE__ */ t("div", { style: { textAlign: "center", marginTop: "8px" }, children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "ss-auth-btn-ghost",
             style: { fontSize: "13px" },
             onClick: () => {
-              var x;
-              return (x = o.current) == null ? void 0 : x.click();
+              var w;
+              return (w = p.current) == null ? void 0 : w.click();
             },
             children: [
-              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "16px" }, children: S.image }),
+              /* @__PURE__ */ t("span", { className: "material-symbols-outlined", style: { fontSize: "16px" }, children: v.image }),
               "Change image"
             ]
           }
         ) })
-      ] }) : /* @__PURE__ */ t(
+      ] }) : /* @__PURE__ */ e(
         "div",
         {
-          className: `ss-auth-dropzone${u ? " ss-auth-dropzone-active" : ""}`,
-          onDragOver: (x) => {
-            x.preventDefault(), l(!0);
+          className: `ss-auth-dropzone${o ? " ss-auth-dropzone-active" : ""}`,
+          onDragOver: (w) => {
+            w.preventDefault(), h(!0);
           },
-          onDragLeave: () => l(!1),
-          onDrop: h,
+          onDragLeave: () => h(!1),
+          onDrop: s,
           onClick: () => {
-            var x;
-            return (x = o.current) == null ? void 0 : x.click();
+            var w;
+            return (w = p.current) == null ? void 0 : w.click();
           },
           style: { minHeight: "240px" },
           children: [
-            /* @__PURE__ */ e("div", { className: "ss-auth-dropzone-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.cloudUpload }) }),
-            /* @__PURE__ */ e("span", { className: "ss-auth-dropzone-title", children: "Drag and drop" }),
-            /* @__PURE__ */ t("span", { className: "ss-auth-dropzone-desc", children: [
+            /* @__PURE__ */ t("div", { className: "ss-auth-dropzone-icon", children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.cloudUpload }) }),
+            /* @__PURE__ */ t("span", { className: "ss-auth-dropzone-title", children: "Drag and drop" }),
+            /* @__PURE__ */ e("span", { className: "ss-auth-dropzone-desc", children: [
               "JPG, PNG or WEBP",
-              /* @__PURE__ */ e("br", {}),
+              /* @__PURE__ */ t("br", {}),
               "Max file size 5 MB"
             ] }),
-            /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-dropzone-btn", children: "Choose File" })
+            /* @__PURE__ */ t("button", { type: "button", className: "ss-auth-dropzone-btn", children: "Choose File" })
           ]
         }
       ),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t(
         "input",
         {
-          ref: o,
+          ref: p,
           type: "file",
           accept: "image/*",
           style: { display: "none" },
-          onChange: (x) => {
-            var v;
-            (v = x.target.files) != null && v[0] && p(x.target.files[0]);
+          onChange: (w) => {
+            var I;
+            (I = w.target.files) != null && I[0] && f(w.target.files[0]);
           }
         }
       ),
-      /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginTop: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.info }),
-        /* @__PURE__ */ e("span", { children: "Your profile photo will be visible to all members of your organization." })
+      /* @__PURE__ */ e("div", { className: "ss-auth-info-box", style: { marginTop: "16px" }, children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.info }),
+        /* @__PURE__ */ t("span", { children: "Your profile photo will be visible to all members of your organization." })
       ] })
     ] }),
-    /* @__PURE__ */ t("div", { className: "ss-auth-modal-footer", children: [
-      /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-ghost", onClick: r, children: "Cancel" }),
-      /* @__PURE__ */ t(
+    /* @__PURE__ */ e("div", { className: "ss-auth-modal-footer", children: [
+      /* @__PURE__ */ t("button", { type: "button", className: "ss-auth-btn-ghost", onClick: n, children: "Cancel" }),
+      /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           className: "ss-auth-btn-primary ss-auth-btn-sm",
           onClick: () => {
-            var x;
-            return (x = m.current) == null ? void 0 : x.triggerCrop();
+            var w;
+            return (w = k.current) == null ? void 0 : w.triggerCrop();
           },
-          disabled: !i || s,
+          disabled: !c || r,
           style: { width: "auto" },
           children: [
-            s && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+            r && /* @__PURE__ */ t("span", { className: "ss-auth-spinner" }),
             "Save Profile",
-            !s && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.check })
+            !r && /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.check })
           ]
         }
       )
     ] })
   ] }) });
 }
-function Ia({ onClose: a, afterDeleteAccountUrl: r, defaultTab: s = "profile", onOrgDeleted: i, onOrgUpdated: n }) {
-  const [u, l] = g(s), { invites: d } = ra(), c = [
-    { key: "profile", label: "Profile", icon: S.person },
-    { key: "organization", label: "Organization", icon: S.corporateFare },
-    { key: "people", label: "People", icon: S.group },
-    { key: "invites", label: "Invites", icon: S.mail, badge: d.length || void 0 },
-    { key: "billing", label: "Billing", icon: S.creditCard }
+function Va({ onClose: a, afterDeleteAccountUrl: n, defaultTab: r = "profile", onOrgDeleted: c, onOrgUpdated: d }) {
+  const [o, h] = i(r), { invites: u } = na(), $ = [
+    { key: "profile", label: "Profile", icon: v.person },
+    { key: "organization", label: "Organization", icon: v.corporateFare },
+    { key: "people", label: "People", icon: v.group },
+    { key: "invites", label: "Invites", icon: v.mail, badge: u.length || void 0 },
+    { key: "billing", label: "Billing", icon: v.creditCard }
   ];
-  return /* @__PURE__ */ t("div", { className: "ss-auth-settings-page", children: [
-    /* @__PURE__ */ t("div", { className: "ss-auth-settings-header", children: [
-      /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-        /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-settings-back", onClick: a, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.arrowBack }) }),
-        /* @__PURE__ */ e("h2", { children: "Settings" })
+  return /* @__PURE__ */ e("div", { className: "ss-auth-settings-page", children: [
+    /* @__PURE__ */ e("div", { className: "ss-auth-settings-header", children: [
+      /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+        /* @__PURE__ */ t("button", { type: "button", className: "ss-auth-settings-back", onClick: a, children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.arrowBack }) }),
+        /* @__PURE__ */ t("h2", { children: "Settings" })
       ] }),
-      /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: a, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.close }) })
+      /* @__PURE__ */ t("button", { type: "button", className: "ss-auth-modal-close", onClick: a, children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.close }) })
     ] }),
-    /* @__PURE__ */ t("div", { className: "ss-auth-settings-layout", children: [
-      /* @__PURE__ */ e("nav", { className: "ss-auth-settings-nav", children: c.map((o) => /* @__PURE__ */ t(
+    /* @__PURE__ */ e("div", { className: "ss-auth-settings-layout", children: [
+      /* @__PURE__ */ t("nav", { className: "ss-auth-settings-nav", children: $.map((p) => /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          className: `ss-auth-settings-nav-item${u === o.key ? " ss-auth-settings-nav-item-active" : ""}`,
-          onClick: () => l(o.key),
+          className: `ss-auth-settings-nav-item${o === p.key ? " ss-auth-settings-nav-item-active" : ""}`,
+          onClick: () => h(p.key),
           children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: o.icon }),
-            o.label,
-            o.badge != null && o.badge > 0 && /* @__PURE__ */ e("span", { className: "ss-auth-invite-badge", style: { position: "static", marginLeft: "6px" }, children: o.badge })
+            /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: p.icon }),
+            p.label,
+            p.badge != null && p.badge > 0 && /* @__PURE__ */ t("span", { className: "ss-auth-invite-badge", style: { position: "static", marginLeft: "6px" }, children: p.badge })
           ]
         },
-        o.key
+        p.key
       )) }),
-      /* @__PURE__ */ t("div", { className: "ss-auth-settings-content", children: [
-        u === "profile" && /* @__PURE__ */ e(Ba, { afterDeleteAccountUrl: r }),
-        u === "organization" && /* @__PURE__ */ e(Fa, { onOrgDeleted: i, onOrgUpdated: n }),
-        u === "people" && /* @__PURE__ */ e(La, {}),
-        u === "invites" && /* @__PURE__ */ e(Aa, {}),
-        u === "billing" && /* @__PURE__ */ e(Da, {})
+      /* @__PURE__ */ e("div", { className: "ss-auth-settings-content", children: [
+        o === "profile" && /* @__PURE__ */ t(Aa, { afterDeleteAccountUrl: n }),
+        o === "organization" && /* @__PURE__ */ t(Ra, { onOrgDeleted: c, onOrgUpdated: d }),
+        o === "people" && /* @__PURE__ */ t(Ua, {}),
+        o === "invites" && /* @__PURE__ */ t(Da, {}),
+        o === "billing" && /* @__PURE__ */ t(Ha, {})
       ] })
     ] })
   ] });
 }
-function Ba({ afterDeleteAccountUrl: a }) {
-  const { user: r, updateProfile: s, uploadAvatar: i, changePassword: n, isLoading: u, error: l, success: d, setError: c, setSuccess: o } = ia(), { signOut: m } = sa(), { deleteAccount: p, isLoading: h, error: y, setError: x } = Oa(), [v, z] = g((r == null ? void 0 : r.name) ?? ""), [N, O] = g((r == null ? void 0 : r.avatarUrl) ?? ""), [C, f] = g(!1), [P, I] = g(""), [L, A] = g(""), [b, w] = g(""), [E, B] = g(null), [F, D] = g(!1), [$, T] = g(""), _ = k(
-    async (H) => {
-      H.preventDefault(), c(null), o(null), await s({ name: v, avatarUrl: N || void 0 });
+function Aa({ afterDeleteAccountUrl: a }) {
+  const { user: n, updateProfile: r, uploadAvatar: c, changePassword: d, isLoading: o, error: h, success: u, setError: $, setSuccess: p } = Ba(), { signOut: k } = ha(), { deleteAccount: f, isLoading: s, error: N, setError: w } = Ea(), [I, R] = i((n == null ? void 0 : n.name) ?? ""), [T, D] = i((n == null ? void 0 : n.avatarUrl) ?? ""), [M, l] = i(!1), [C, z] = i(""), [P, L] = i(""), [F, b] = i(""), [m, g] = i(null), [x, O] = i(!1), [y, G] = i(""), ta = S(
+    async (V) => {
+      V.preventDefault(), $(null), p(null), await r({ name: I, avatarUrl: T || void 0 });
     },
-    [v, N, s, c, o]
-  ), K = k(
-    async (H) => {
-      const X = await i(H);
-      X && (O(X.avatarUrl), f(!1));
+    [I, T, r, $, p]
+  ), ra = S(
+    async (V) => {
+      const Q = await c(V);
+      Q && (D(Q.avatarUrl), l(!1));
     },
-    [i]
-  ), J = k(
-    async (H) => {
-      if (H.preventDefault(), B(null), c(null), o(null), L !== b) {
-        B("Passwords do not match");
+    [c]
+  ), Z = S(
+    async (V) => {
+      if (V.preventDefault(), g(null), $(null), p(null), P !== F) {
+        g("Passwords do not match");
         return;
       }
-      if (L.length < 8) {
-        B("Password must be at least 8 characters");
+      if (P.length < 8) {
+        g("Password must be at least 8 characters");
         return;
       }
-      await n(P, L) && (I(""), A(""), w(""));
+      await d(C, P) && (z(""), L(""), b(""));
     },
-    [P, L, b, n, c, o]
-  ), pa = k(async () => {
-    await p() && (await m(), a && (window.location.href = a));
-  }, [p, m, a]), ha = (r == null ? void 0 : r.provider) === "email", ga = $ === (r == null ? void 0 : r.email), ma = ((r == null ? void 0 : r.name) || (r == null ? void 0 : r.email) || "?").charAt(0).toUpperCase();
-  return /* @__PURE__ */ t(R, { children: [
-    /* @__PURE__ */ e("h3", { children: "Profile" }),
-    /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
-      /* @__PURE__ */ t("div", { className: "ss-auth-profile-header", style: { border: "none", background: "none", padding: 0, marginBottom: 16 }, children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-avatar-lg", onClick: () => f(!0), children: [
-          N ? /* @__PURE__ */ e("img", { src: N, alt: "" }) : /* @__PURE__ */ e("div", { style: {
+    [C, P, F, d, $, p]
+  ), K = S(async () => {
+    await f() && (await k(), a && (window.location.href = a));
+  }, [f, k, a]), X = (n == null ? void 0 : n.provider) === "email", j = y === (n == null ? void 0 : n.email), ea = ((n == null ? void 0 : n.name) || (n == null ? void 0 : n.email) || "?").charAt(0).toUpperCase();
+  return /* @__PURE__ */ e(U, { children: [
+    /* @__PURE__ */ t("h3", { children: "Profile" }),
+    /* @__PURE__ */ e("div", { className: "ss-auth-settings-card", children: [
+      /* @__PURE__ */ e("div", { className: "ss-auth-profile-header", style: { border: "none", background: "none", padding: 0, marginBottom: 16 }, children: [
+        /* @__PURE__ */ e("div", { className: "ss-auth-avatar-lg", onClick: () => l(!0), children: [
+          T ? /* @__PURE__ */ t("img", { src: T, alt: "" }) : /* @__PURE__ */ t("div", { style: {
             width: "100%",
             height: "100%",
             display: "flex",
@@ -3442,498 +3430,498 @@ function Ba({ afterDeleteAccountUrl: a }) {
             fontSize: "48px",
             fontWeight: 800,
             opacity: 0.4
-          }, children: ma }),
-          /* @__PURE__ */ t("div", { className: "ss-auth-avatar-overlay", children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.camera }),
-            /* @__PURE__ */ e("span", { children: "Edit" })
+          }, children: ea }),
+          /* @__PURE__ */ e("div", { className: "ss-auth-avatar-overlay", children: [
+            /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.camera }),
+            /* @__PURE__ */ t("span", { children: "Edit" })
           ] })
         ] }),
-        /* @__PURE__ */ t("div", { className: "ss-auth-profile-info", children: [
-          /* @__PURE__ */ t("h2", { className: "ss-auth-profile-name", children: [
-            (r == null ? void 0 : r.name) || "Unnamed User",
-            (r == null ? void 0 : r.emailVerified) && /* @__PURE__ */ t("span", { className: "ss-auth-badge ss-auth-badge-success", children: [
-              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "12px", fontVariationSettings: "'FILL' 1" }, children: S.verified }),
+        /* @__PURE__ */ e("div", { className: "ss-auth-profile-info", children: [
+          /* @__PURE__ */ e("h2", { className: "ss-auth-profile-name", children: [
+            (n == null ? void 0 : n.name) || "Unnamed User",
+            (n == null ? void 0 : n.emailVerified) && /* @__PURE__ */ e("span", { className: "ss-auth-badge ss-auth-badge-success", children: [
+              /* @__PURE__ */ t("span", { className: "material-symbols-outlined", style: { fontSize: "12px", fontVariationSettings: "'FILL' 1" }, children: v.verified }),
               "Verified"
             ] })
           ] }),
-          /* @__PURE__ */ e("p", { className: "ss-auth-profile-desc", children: r == null ? void 0 : r.email })
+          /* @__PURE__ */ t("p", { className: "ss-auth-profile-desc", children: n == null ? void 0 : n.email })
         ] })
       ] }),
-      l && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: l })
+      h && /* @__PURE__ */ e("div", { className: "ss-auth-error", children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.errorOutline }),
+        /* @__PURE__ */ t("span", { children: h })
       ] }),
-      d && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.check }),
-        /* @__PURE__ */ e("span", { children: d })
+      u && /* @__PURE__ */ e("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.check }),
+        /* @__PURE__ */ t("span", { children: u })
       ] }),
-      /* @__PURE__ */ t("form", { onSubmit: _, children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Full Name" }),
-          /* @__PURE__ */ e(
+      /* @__PURE__ */ e("form", { onSubmit: ta, children: [
+        /* @__PURE__ */ e("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "Full Name" }),
+          /* @__PURE__ */ t(
             "input",
             {
               className: "ss-auth-input",
               type: "text",
               placeholder: "Your name",
-              value: v,
-              onChange: (H) => z(H.target.value)
+              value: I,
+              onChange: (V) => R(V.target.value)
             }
           )
         ] }),
-        /* @__PURE__ */ t("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
-          /* @__PURE__ */ t("div", { children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Email Address" }),
-            /* @__PURE__ */ t("div", { style: { position: "relative" }, children: [
-              /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "email", value: (r == null ? void 0 : r.email) ?? "", readOnly: !0 }),
-              /* @__PURE__ */ e("span", { className: "ss-auth-visibility-toggle", style: { cursor: "default" }, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "18px" }, children: S.lock }) })
+        /* @__PURE__ */ e("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ e("div", { children: [
+            /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "Email Address" }),
+            /* @__PURE__ */ e("div", { style: { position: "relative" }, children: [
+              /* @__PURE__ */ t("input", { className: "ss-auth-input ss-auth-input-readonly", type: "email", value: (n == null ? void 0 : n.email) ?? "", readOnly: !0 }),
+              /* @__PURE__ */ t("span", { className: "ss-auth-visibility-toggle", style: { cursor: "default" }, children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", style: { fontSize: "18px" }, children: v.lock }) })
             ] })
           ] }),
-          /* @__PURE__ */ t("div", { children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Auth Provider" }),
-            /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "text", value: (r == null ? void 0 : r.provider) ?? "", readOnly: !0 })
+          /* @__PURE__ */ e("div", { children: [
+            /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "Auth Provider" }),
+            /* @__PURE__ */ t("input", { className: "ss-auth-input ss-auth-input-readonly", type: "text", value: (n == null ? void 0 : n.provider) ?? "", readOnly: !0 })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: u, style: { width: "auto" }, children: [
-          u && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+        /* @__PURE__ */ t("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: o, style: { width: "auto" }, children: [
+          o && /* @__PURE__ */ t("span", { className: "ss-auth-spinner" }),
           "Save changes"
         ] }) })
       ] })
     ] }),
-    ha && /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
-      /* @__PURE__ */ t("h4", { children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.security }),
+    X && /* @__PURE__ */ e("div", { className: "ss-auth-settings-card", children: [
+      /* @__PURE__ */ e("h4", { children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.security }),
         "Security Credentials"
       ] }),
-      E && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: E })
+      m && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.errorOutline }),
+        /* @__PURE__ */ t("span", { children: m })
       ] }),
-      /* @__PURE__ */ t("form", { onSubmit: J, children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Current Password" }),
-          /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "••••••••••••", value: P, onChange: (H) => I(H.target.value), required: !0 })
+      /* @__PURE__ */ e("form", { onSubmit: Z, children: [
+        /* @__PURE__ */ e("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "Current Password" }),
+          /* @__PURE__ */ t("input", { className: "ss-auth-input", type: "password", placeholder: "••••••••••••", value: C, onChange: (V) => z(V.target.value), required: !0 })
         ] }),
-        /* @__PURE__ */ t("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
-          /* @__PURE__ */ t("div", { children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "New Password" }),
-            /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "Min. 8 characters", value: L, onChange: (H) => A(H.target.value), required: !0 })
+        /* @__PURE__ */ e("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ e("div", { children: [
+            /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "New Password" }),
+            /* @__PURE__ */ t("input", { className: "ss-auth-input", type: "password", placeholder: "Min. 8 characters", value: P, onChange: (V) => L(V.target.value), required: !0 })
           ] }),
-          /* @__PURE__ */ t("div", { children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Confirm New Password" }),
-            /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "Repeat new password", value: b, onChange: (H) => w(H.target.value), required: !0 })
+          /* @__PURE__ */ e("div", { children: [
+            /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "Confirm New Password" }),
+            /* @__PURE__ */ t("input", { className: "ss-auth-input", type: "password", placeholder: "Repeat new password", value: F, onChange: (V) => b(V.target.value), required: !0 })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-ghost", disabled: u, children: "Update Security" }) })
+        /* @__PURE__ */ t("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-ghost", disabled: o, children: "Update Security" }) })
       ] })
     ] }),
-    /* @__PURE__ */ t("div", { className: "ss-auth-settings-card ss-auth-settings-danger", children: [
-      /* @__PURE__ */ e("h4", { children: "Danger Zone" }),
-      /* @__PURE__ */ e("p", { className: "ss-auth-section-desc", style: { marginBottom: "16px" }, children: "Deleting your account is permanent. All organizations you own will also be deleted." }),
-      y && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: y })
+    /* @__PURE__ */ e("div", { className: "ss-auth-settings-card ss-auth-settings-danger", children: [
+      /* @__PURE__ */ t("h4", { children: "Danger Zone" }),
+      /* @__PURE__ */ t("p", { className: "ss-auth-section-desc", style: { marginBottom: "16px" }, children: "Deleting your account is permanent. All organizations you own will also be deleted." }),
+      N && /* @__PURE__ */ e("div", { className: "ss-auth-error", children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.errorOutline }),
+        /* @__PURE__ */ t("span", { children: N })
       ] }),
-      F ? /* @__PURE__ */ t("div", { children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Type your email to confirm" }),
-          /* @__PURE__ */ e(
+      x ? /* @__PURE__ */ e("div", { children: [
+        /* @__PURE__ */ e("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "Type your email to confirm" }),
+          /* @__PURE__ */ t(
             "input",
             {
               className: "ss-auth-input",
               type: "email",
-              placeholder: r == null ? void 0 : r.email,
-              value: $,
-              onChange: (H) => T(H.target.value),
+              placeholder: n == null ? void 0 : n.email,
+              value: y,
+              onChange: (V) => G(V.target.value),
               autoFocus: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
-          /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
+          /* @__PURE__ */ t(
             "button",
             {
               type: "button",
               className: "ss-auth-btn-ghost",
               onClick: () => {
-                D(!1), T(""), x(null);
+                O(!1), G(""), w(null);
               },
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               className: "ss-auth-btn-primary ss-auth-btn-sm",
               style: { width: "auto", background: "linear-gradient(135deg, #ef4444, #dc2626)" },
-              disabled: !ga || h,
-              onClick: pa,
+              disabled: !j || s,
+              onClick: K,
               children: [
-                h && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+                s && /* @__PURE__ */ t("span", { className: "ss-auth-spinner" }),
                 "Delete account"
               ]
             }
           )
         ] })
-      ] }) : /* @__PURE__ */ e(
+      ] }) : /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           className: "ss-auth-btn-outline",
           style: { borderColor: "currentColor", width: "auto" },
-          onClick: () => D(!0),
+          onClick: () => O(!0),
           children: "Delete my account"
         }
       )
     ] }),
-    C && /* @__PURE__ */ e(
-      da,
+    M && /* @__PURE__ */ t(
+      La,
       {
-        onUpload: K,
-        onClose: () => f(!1),
-        isLoading: u
+        onUpload: ra,
+        onClose: () => l(!1),
+        isLoading: o
       }
     )
   ] });
 }
-function Fa({ onOrgDeleted: a, onOrgUpdated: r }) {
-  const { selectedOrg: s, updateOrg: i, deleteOrg: n, isLoading: u, error: l, setError: d } = Y(), [c, o] = g((s == null ? void 0 : s.name) ?? ""), [m, p] = g(!1), [h, y] = g(!1), [x, v] = g(!1), [z, N] = g(!1), [O, C] = g("");
-  if (U(() => {
-    s && (o(s.name), v(!1));
-  }, [s]), x)
-    return /* @__PURE__ */ t(R, { children: [
-      /* @__PURE__ */ e("h3", { children: "Organization" }),
-      /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", style: { textAlign: "center", padding: "48px 24px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "48px", opacity: 0.4, marginBottom: "16px", display: "block" }, children: S.check }),
-        /* @__PURE__ */ e("h4", { style: { margin: "0 0 8px" }, children: "Organization deleted" }),
-        /* @__PURE__ */ e("p", { className: "ss-auth-section-desc", children: "The organization has been permanently deleted." })
+function Ra({ onOrgDeleted: a, onOrgUpdated: n }) {
+  const { selectedOrg: r, updateOrg: c, deleteOrg: d, isLoading: o, error: h, setError: u } = aa(), [$, p] = i((r == null ? void 0 : r.name) ?? ""), [k, f] = i(!1), [s, N] = i(!1), [w, I] = i(!1), [R, T] = i(!1), [D, M] = i("");
+  if (W(() => {
+    r && (p(r.name), I(!1));
+  }, [r]), w)
+    return /* @__PURE__ */ e(U, { children: [
+      /* @__PURE__ */ t("h3", { children: "Organization" }),
+      /* @__PURE__ */ e("div", { className: "ss-auth-settings-card", style: { textAlign: "center", padding: "48px 24px" }, children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", style: { fontSize: "48px", opacity: 0.4, marginBottom: "16px", display: "block" }, children: v.check }),
+        /* @__PURE__ */ t("h4", { style: { margin: "0 0 8px" }, children: "Organization deleted" }),
+        /* @__PURE__ */ t("p", { className: "ss-auth-section-desc", children: "The organization has been permanently deleted." })
       ] })
     ] });
-  if (!s)
-    return /* @__PURE__ */ t(R, { children: [
-      /* @__PURE__ */ e("h3", { children: "Organization" }),
-      /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.corporateFare }),
-        /* @__PURE__ */ e("div", { children: "Select an organization from the user menu to manage its settings." })
+  if (!r)
+    return /* @__PURE__ */ e(U, { children: [
+      /* @__PURE__ */ t("h3", { children: "Organization" }),
+      /* @__PURE__ */ e("div", { className: "ss-auth-settings-empty", children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.corporateFare }),
+        /* @__PURE__ */ t("div", { children: "Select an organization from the user menu to manage its settings." })
       ] })
     ] });
-  const f = async (I) => {
-    if (I.preventDefault(), !c.trim()) return;
-    p(!0), y(!1);
-    const L = await i(s.id, { name: c.trim() });
-    p(!1), L && (y(!0), r == null || r());
-  }, P = async () => {
-    await n(s.id) && (N(!1), v(!0), a == null || a());
+  const l = async (z) => {
+    if (z.preventDefault(), !$.trim()) return;
+    f(!0), N(!1);
+    const P = await c(r.id, { name: $.trim() });
+    f(!1), P && (N(!0), n == null || n());
+  }, C = async () => {
+    await d(r.id) && (T(!1), I(!0), a == null || a());
   };
-  return /* @__PURE__ */ t(R, { children: [
-    /* @__PURE__ */ e("h3", { children: "Organization" }),
-    /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
-      /* @__PURE__ */ t("h4", { children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.corporateFare }),
+  return /* @__PURE__ */ e(U, { children: [
+    /* @__PURE__ */ t("h3", { children: "Organization" }),
+    /* @__PURE__ */ e("div", { className: "ss-auth-settings-card", children: [
+      /* @__PURE__ */ e("h4", { children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.corporateFare }),
         "General"
       ] }),
-      l && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: l })
+      h && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.errorOutline }),
+        /* @__PURE__ */ t("span", { children: h })
       ] }),
-      h && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.check }),
-        /* @__PURE__ */ e("span", { children: "Organization updated" })
+      s && /* @__PURE__ */ e("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.check }),
+        /* @__PURE__ */ t("span", { children: "Organization updated" })
       ] }),
-      /* @__PURE__ */ t("form", { onSubmit: f, children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Organization Name" }),
-          /* @__PURE__ */ e(
+      /* @__PURE__ */ e("form", { onSubmit: l, children: [
+        /* @__PURE__ */ e("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "Organization Name" }),
+          /* @__PURE__ */ t(
             "input",
             {
               className: "ss-auth-input",
               type: "text",
-              value: c,
-              onChange: (I) => {
-                o(I.target.value), y(!1);
+              value: $,
+              onChange: (z) => {
+                p(z.target.value), N(!1);
               }
             }
           )
         ] }),
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Slug" }),
-          /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "text", value: s.slug, readOnly: !0 })
+        /* @__PURE__ */ e("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "Slug" }),
+          /* @__PURE__ */ t("input", { className: "ss-auth-input ss-auth-input-readonly", type: "text", value: r.slug, readOnly: !0 })
         ] }),
-        /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: m, style: { width: "auto" }, children: [
-          m && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+        /* @__PURE__ */ t("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: k, style: { width: "auto" }, children: [
+          k && /* @__PURE__ */ t("span", { className: "ss-auth-spinner" }),
           "Save"
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ t("div", { className: "ss-auth-settings-card ss-auth-settings-danger", children: [
-      /* @__PURE__ */ e("h4", { children: "Danger Zone" }),
-      /* @__PURE__ */ e("p", { className: "ss-auth-section-desc", style: { marginBottom: "16px" }, children: "Deleting this organization is permanent and will remove all members." }),
-      z ? /* @__PURE__ */ t("div", { children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Type the organization name to confirm" }),
-          /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "ss-auth-settings-card ss-auth-settings-danger", children: [
+      /* @__PURE__ */ t("h4", { children: "Danger Zone" }),
+      /* @__PURE__ */ t("p", { className: "ss-auth-section-desc", style: { marginBottom: "16px" }, children: "Deleting this organization is permanent and will remove all members." }),
+      R ? /* @__PURE__ */ e("div", { children: [
+        /* @__PURE__ */ e("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "Type the organization name to confirm" }),
+          /* @__PURE__ */ t(
             "input",
             {
               className: "ss-auth-input",
               type: "text",
-              placeholder: s.name,
-              value: O,
-              onChange: (I) => C(I.target.value),
+              placeholder: r.name,
+              value: D,
+              onChange: (z) => M(z.target.value),
               autoFocus: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
-          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-ghost", onClick: () => {
-            N(!1), C("");
+        /* @__PURE__ */ e("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
+          /* @__PURE__ */ t("button", { type: "button", className: "ss-auth-btn-ghost", onClick: () => {
+            T(!1), M("");
           }, children: "Cancel" }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               className: "ss-auth-btn-primary ss-auth-btn-sm",
               style: { width: "auto", background: "linear-gradient(135deg, #ef4444, #dc2626)" },
-              disabled: O !== s.name || u,
-              onClick: P,
+              disabled: D !== r.name || o,
+              onClick: C,
               children: [
-                u && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+                o && /* @__PURE__ */ t("span", { className: "ss-auth-spinner" }),
                 "Delete organization"
               ]
             }
           )
         ] })
-      ] }) : /* @__PURE__ */ e(
+      ] }) : /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           className: "ss-auth-btn-outline",
           style: { borderColor: "currentColor", width: "auto" },
-          onClick: () => N(!0),
+          onClick: () => T(!0),
           children: "Delete this organization"
         }
       )
     ] })
   ] });
 }
-function La() {
+function Ua() {
   const {
     selectedOrg: a,
-    members: r,
-    invites: s,
-    isLoading: i,
-    error: n,
-    setError: u,
-    sendInvite: l,
-    refreshInvites: d,
-    revokeInvite: c,
-    updateMemberRole: o,
-    removeMember: m,
-    refreshMembers: p
-  } = Y(), [h, y] = g(""), [x, v] = g("member"), [z, N] = g(!1), [O, C] = g(!1), [f, P] = g(null), [I, L] = g(""), [A, b] = g(null);
-  if (U(() => {
-    a && (p(a.id), d(a.id));
-  }, [a, p, d]), !a)
-    return /* @__PURE__ */ t(R, { children: [
-      /* @__PURE__ */ e("h3", { children: "People" }),
-      /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.group }),
-        /* @__PURE__ */ e("div", { children: "Select an organization from the user menu to manage members." })
+    members: n,
+    invites: r,
+    isLoading: c,
+    error: d,
+    setError: o,
+    sendInvite: h,
+    refreshInvites: u,
+    revokeInvite: $,
+    updateMemberRole: p,
+    removeMember: k,
+    refreshMembers: f
+  } = aa(), [s, N] = i(""), [w, I] = i("member"), [R, T] = i(!1), [D, M] = i(!1), [l, C] = i(null), [z, P] = i(""), [L, F] = i(null);
+  if (W(() => {
+    a && (f(a.id), u(a.id));
+  }, [a, f, u]), !a)
+    return /* @__PURE__ */ e(U, { children: [
+      /* @__PURE__ */ t("h3", { children: "People" }),
+      /* @__PURE__ */ e("div", { className: "ss-auth-settings-empty", children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.group }),
+        /* @__PURE__ */ t("div", { children: "Select an organization from the user menu to manage members." })
       ] })
     ] });
-  const w = async ($) => {
-    $.preventDefault(), C(!1), await l(a.id, h, x) && (y(""), v("member"), C(!0), N(!1), d(a.id));
-  }, E = async () => {
-    if (!f) return;
-    await o(a.id, f.userId, I) && P(null);
-  }, B = async () => {
-    if (!A) return;
-    await m(a.id, A.userId) && b(null);
-  }, F = async ($) => {
-    await c(a.id, $);
-  }, D = ($) => $ === "owner" ? "ss-auth-role-badge ss-auth-role-badge-owner" : $ === "admin" ? "ss-auth-role-badge ss-auth-role-badge-admin" : "ss-auth-role-badge ss-auth-role-badge-member";
-  return /* @__PURE__ */ t(R, { children: [
-    /* @__PURE__ */ e("h3", { children: "People" }),
-    n && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-      /* @__PURE__ */ e("span", { children: n })
+  const b = async (y) => {
+    y.preventDefault(), M(!1), await h(a.id, s, w) && (N(""), I("member"), M(!0), T(!1), u(a.id));
+  }, m = async () => {
+    if (!l) return;
+    await p(a.id, l.userId, z) && C(null);
+  }, g = async () => {
+    if (!L) return;
+    await k(a.id, L.userId) && F(null);
+  }, x = async (y) => {
+    await $(a.id, y);
+  }, O = (y) => y === "owner" ? "ss-auth-role-badge ss-auth-role-badge-owner" : y === "admin" ? "ss-auth-role-badge ss-auth-role-badge-admin" : "ss-auth-role-badge ss-auth-role-badge-member";
+  return /* @__PURE__ */ e(U, { children: [
+    /* @__PURE__ */ t("h3", { children: "People" }),
+    d && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
+      /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.errorOutline }),
+      /* @__PURE__ */ t("span", { children: d })
     ] }),
-    O && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.check }),
-      /* @__PURE__ */ e("span", { children: "Invitation sent" })
+    D && /* @__PURE__ */ e("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
+      /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.check }),
+      /* @__PURE__ */ t("span", { children: "Invitation sent" })
     ] }),
-    /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
-      /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ t("h4", { style: { margin: 0 }, children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.group }),
+    /* @__PURE__ */ e("div", { className: "ss-auth-settings-card", children: [
+      /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e("h4", { style: { margin: 0 }, children: [
+          /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.group }),
           "Members"
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "ss-auth-btn-primary ss-auth-btn-sm",
             style: { width: "auto" },
-            onClick: () => N(!z),
+            onClick: () => T(!R),
             children: [
-              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "16px" }, children: S.add }),
+              /* @__PURE__ */ t("span", { className: "material-symbols-outlined", style: { fontSize: "16px" }, children: v.add }),
               "Invite"
             ]
           }
         )
       ] }),
-      z && /* @__PURE__ */ e("form", { onSubmit: w, style: { marginBottom: "16px", padding: "16px", background: "rgba(0,0,0,0.05)", borderRadius: "8px" }, children: /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
-        /* @__PURE__ */ t("div", { style: { flex: 1 }, children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Email" }),
-          /* @__PURE__ */ e(
+      R && /* @__PURE__ */ t("form", { onSubmit: b, style: { marginBottom: "16px", padding: "16px", background: "rgba(0,0,0,0.05)", borderRadius: "8px" }, children: /* @__PURE__ */ e("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
+        /* @__PURE__ */ e("div", { style: { flex: 1 }, children: [
+          /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "Email" }),
+          /* @__PURE__ */ t(
             "input",
             {
               className: "ss-auth-input",
               type: "email",
               placeholder: "member@example.com",
-              value: h,
-              onChange: ($) => y($.target.value),
+              value: s,
+              onChange: (y) => N(y.target.value),
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t("div", { style: { width: "120px" }, children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Role" }),
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ e("div", { style: { width: "120px" }, children: [
+          /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "Role" }),
+          /* @__PURE__ */ e(
             "select",
             {
               className: "ss-auth-input",
-              value: x,
-              onChange: ($) => v($.target.value),
+              value: w,
+              onChange: (y) => I(y.target.value),
               style: { cursor: "pointer" },
               children: [
-                /* @__PURE__ */ e("option", { value: "admin", children: "Admin" }),
-                /* @__PURE__ */ e("option", { value: "member", children: "Member" })
+                /* @__PURE__ */ t("option", { value: "admin", children: "Admin" }),
+                /* @__PURE__ */ t("option", { value: "member", children: "Member" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: i, style: { width: "auto", marginBottom: "0" }, children: "Send" })
+        /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: c, style: { width: "auto", marginBottom: "0" }, children: "Send" })
       ] }) }),
-      r.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-auth-settings-empty", style: { padding: "20px" }, children: /* @__PURE__ */ e("div", { children: "No members yet." }) }) : /* @__PURE__ */ t("table", { className: "ss-auth-settings-table", children: [
-        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
-          /* @__PURE__ */ e("th", { children: "Email" }),
-          /* @__PURE__ */ e("th", { children: "Role" }),
-          /* @__PURE__ */ e("th", { style: { width: "80px" }, children: "Actions" })
+      n.length === 0 ? /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", style: { padding: "20px" }, children: /* @__PURE__ */ t("div", { children: "No members yet." }) }) : /* @__PURE__ */ e("table", { className: "ss-auth-settings-table", children: [
+        /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ e("tr", { children: [
+          /* @__PURE__ */ t("th", { children: "Email" }),
+          /* @__PURE__ */ t("th", { children: "Role" }),
+          /* @__PURE__ */ t("th", { style: { width: "80px" }, children: "Actions" })
         ] }) }),
-        /* @__PURE__ */ e("tbody", { children: r.map(($) => /* @__PURE__ */ t("tr", { children: [
-          /* @__PURE__ */ e("td", { children: $.email }),
-          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: D($.role), children: $.role }) }),
-          /* @__PURE__ */ e("td", { children: $.role === "owner" ? /* @__PURE__ */ e("span", { style: { fontSize: "12px", opacity: 0.4 }, children: "—" }) : /* @__PURE__ */ t("div", { className: "ss-auth-settings-actions", children: [
-            /* @__PURE__ */ e(
+        /* @__PURE__ */ t("tbody", { children: n.map((y) => /* @__PURE__ */ e("tr", { children: [
+          /* @__PURE__ */ t("td", { children: y.email }),
+          /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("span", { className: O(y.role), children: y.role }) }),
+          /* @__PURE__ */ t("td", { children: y.role === "owner" ? /* @__PURE__ */ t("span", { style: { fontSize: "12px", opacity: 0.4 }, children: "—" }) : /* @__PURE__ */ e("div", { className: "ss-auth-settings-actions", children: [
+            /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 className: "ss-auth-icon-btn",
                 title: "Edit role",
                 onClick: () => {
-                  P($), L($.role);
+                  C(y), P(y.role);
                 },
-                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.edit })
+                children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.edit })
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 className: "ss-auth-icon-btn ss-auth-icon-btn-danger",
                 title: "Remove member",
-                onClick: () => b($),
-                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.personRemove })
+                onClick: () => F(y),
+                children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.personRemove })
               }
             )
           ] }) })
-        ] }, $.userId)) })
+        ] }, y.userId)) })
       ] })
     ] }),
-    s.length > 0 && /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
-      /* @__PURE__ */ t("h4", { children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.send }),
+    r.length > 0 && /* @__PURE__ */ e("div", { className: "ss-auth-settings-card", children: [
+      /* @__PURE__ */ e("h4", { children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.send }),
         "Pending Invites"
       ] }),
-      /* @__PURE__ */ t("table", { className: "ss-auth-settings-table", children: [
-        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
-          /* @__PURE__ */ e("th", { children: "Email" }),
-          /* @__PURE__ */ e("th", { children: "Role" }),
-          /* @__PURE__ */ e("th", { style: { width: "80px" }, children: "Actions" })
+      /* @__PURE__ */ e("table", { className: "ss-auth-settings-table", children: [
+        /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ e("tr", { children: [
+          /* @__PURE__ */ t("th", { children: "Email" }),
+          /* @__PURE__ */ t("th", { children: "Role" }),
+          /* @__PURE__ */ t("th", { style: { width: "80px" }, children: "Actions" })
         ] }) }),
-        /* @__PURE__ */ e("tbody", { children: s.map(($) => /* @__PURE__ */ t("tr", { children: [
-          /* @__PURE__ */ e("td", { children: $.email }),
-          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: D($.role), children: $.role }) }),
-          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ t("tbody", { children: r.map((y) => /* @__PURE__ */ e("tr", { children: [
+          /* @__PURE__ */ t("td", { children: y.email }),
+          /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("span", { className: O(y.role), children: y.role }) }),
+          /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(
             "button",
             {
               type: "button",
               className: "ss-auth-icon-btn ss-auth-icon-btn-danger",
               title: "Revoke invite",
-              onClick: () => F($.id),
-              children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.close })
+              onClick: () => x(y.id),
+              children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.close })
             }
           ) })
-        ] }, $.id)) })
+        ] }, y.id)) })
       ] })
     ] }),
-    f && /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: ($) => {
-      $.target === $.currentTarget && P(null);
-    }, children: /* @__PURE__ */ t("div", { className: "ss-auth-modal", style: { maxWidth: "400px" }, children: [
-      /* @__PURE__ */ t("div", { className: "ss-auth-modal-header", children: [
-        /* @__PURE__ */ e("h2", { children: "Edit Role" }),
-        /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: () => P(null), children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.close }) })
+    l && /* @__PURE__ */ t("div", { className: "ss-auth-modal-overlay", onClick: (y) => {
+      y.target === y.currentTarget && C(null);
+    }, children: /* @__PURE__ */ e("div", { className: "ss-auth-modal", style: { maxWidth: "400px" }, children: [
+      /* @__PURE__ */ e("div", { className: "ss-auth-modal-header", children: [
+        /* @__PURE__ */ t("h2", { children: "Edit Role" }),
+        /* @__PURE__ */ t("button", { type: "button", className: "ss-auth-modal-close", onClick: () => C(null), children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.close }) })
       ] }),
-      /* @__PURE__ */ t("div", { className: "ss-auth-modal-body", children: [
-        /* @__PURE__ */ t("p", { style: { fontSize: "14px", marginBottom: "16px", margin: "0 0 16px 0" }, children: [
+      /* @__PURE__ */ e("div", { className: "ss-auth-modal-body", children: [
+        /* @__PURE__ */ e("p", { style: { fontSize: "14px", marginBottom: "16px", margin: "0 0 16px 0" }, children: [
           "Change role for ",
-          /* @__PURE__ */ e("strong", { children: f.email })
+          /* @__PURE__ */ t("strong", { children: l.email })
         ] }),
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Role" }),
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ e("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ t("label", { className: "ss-auth-label", children: "Role" }),
+          /* @__PURE__ */ e(
             "select",
             {
               className: "ss-auth-input",
-              value: I,
-              onChange: ($) => L($.target.value),
+              value: z,
+              onChange: (y) => P(y.target.value),
               style: { cursor: "pointer" },
               children: [
-                /* @__PURE__ */ e("option", { value: "admin", children: "Admin" }),
-                /* @__PURE__ */ e("option", { value: "member", children: "Member" })
+                /* @__PURE__ */ t("option", { value: "admin", children: "Admin" }),
+                /* @__PURE__ */ t("option", { value: "member", children: "Member" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
-          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-ghost", onClick: () => P(null), children: "Cancel" }),
-          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-primary ss-auth-btn-sm", style: { width: "auto" }, onClick: E, children: "Save" })
+        /* @__PURE__ */ e("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
+          /* @__PURE__ */ t("button", { type: "button", className: "ss-auth-btn-ghost", onClick: () => C(null), children: "Cancel" }),
+          /* @__PURE__ */ t("button", { type: "button", className: "ss-auth-btn-primary ss-auth-btn-sm", style: { width: "auto" }, onClick: m, children: "Save" })
         ] })
       ] })
     ] }) }),
-    A && /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: ($) => {
-      $.target === $.currentTarget && b(null);
-    }, children: /* @__PURE__ */ t("div", { className: "ss-auth-modal", style: { maxWidth: "400px" }, children: [
-      /* @__PURE__ */ t("div", { className: "ss-auth-modal-header", children: [
-        /* @__PURE__ */ e("h2", { children: "Remove Member" }),
-        /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: () => b(null), children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.close }) })
+    L && /* @__PURE__ */ t("div", { className: "ss-auth-modal-overlay", onClick: (y) => {
+      y.target === y.currentTarget && F(null);
+    }, children: /* @__PURE__ */ e("div", { className: "ss-auth-modal", style: { maxWidth: "400px" }, children: [
+      /* @__PURE__ */ e("div", { className: "ss-auth-modal-header", children: [
+        /* @__PURE__ */ t("h2", { children: "Remove Member" }),
+        /* @__PURE__ */ t("button", { type: "button", className: "ss-auth-modal-close", onClick: () => F(null), children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.close }) })
       ] }),
-      /* @__PURE__ */ t("div", { className: "ss-auth-modal-body", children: [
-        /* @__PURE__ */ t("p", { style: { fontSize: "14px", margin: "0 0 16px 0" }, children: [
+      /* @__PURE__ */ e("div", { className: "ss-auth-modal-body", children: [
+        /* @__PURE__ */ e("p", { style: { fontSize: "14px", margin: "0 0 16px 0" }, children: [
           "Are you sure you want to remove ",
-          /* @__PURE__ */ e("strong", { children: A.email }),
+          /* @__PURE__ */ t("strong", { children: L.email }),
           " from the organization?"
         ] }),
-        /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
-          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-ghost", onClick: () => b(null), children: "Cancel" }),
-          /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
+          /* @__PURE__ */ t("button", { type: "button", className: "ss-auth-btn-ghost", onClick: () => F(null), children: "Cancel" }),
+          /* @__PURE__ */ t(
             "button",
             {
               type: "button",
               className: "ss-auth-btn-primary ss-auth-btn-sm",
               style: { width: "auto", background: "linear-gradient(135deg, #ef4444, #dc2626)" },
-              onClick: B,
+              onClick: g,
               children: "Remove"
             }
           )
@@ -3942,133 +3930,133 @@ function La() {
     ] }) })
   ] });
 }
-function Aa() {
-  const { invites: a, isLoading: r, error: s, setError: i, accept: n, decline: u, refresh: l } = ra(), { refresh: d } = Y(), [c, o] = g(null), m = async (h) => {
-    o(h), i(null);
-    const y = await n(h);
-    o(null), y && d();
-  }, p = async (h) => {
-    o(h), i(null), await u(h), o(null);
+function Da() {
+  const { invites: a, isLoading: n, error: r, setError: c, accept: d, decline: o, refresh: h } = na(), { refresh: u } = aa(), [$, p] = i(null), k = async (s) => {
+    p(s), c(null);
+    const N = await d(s);
+    p(null), N && u();
+  }, f = async (s) => {
+    p(s), c(null), await o(s), p(null);
   };
-  return /* @__PURE__ */ t(R, { children: [
-    /* @__PURE__ */ e("h3", { children: "Invites" }),
-    s && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-      /* @__PURE__ */ e("span", { children: s })
+  return /* @__PURE__ */ e(U, { children: [
+    /* @__PURE__ */ t("h3", { children: "Invites" }),
+    r && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
+      /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.errorOutline }),
+      /* @__PURE__ */ t("span", { children: r })
     ] }),
-    r ? /* @__PURE__ */ e("div", { className: "ss-auth-settings-empty", style: { padding: "40px" }, children: /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }) }) : a.length === 0 ? /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.mail }),
-      /* @__PURE__ */ e("div", { children: "No pending invitations" })
-    ] }) : /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: a.map((h) => /* @__PURE__ */ e("div", { className: "ss-auth-settings-card", style: { marginBottom: 0 }, children: /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: "16px", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", gap: "12px", flex: 1, minWidth: 0 }, children: [
-        /* @__PURE__ */ e("div", { className: "ss-auth-org-avatar", style: { width: "40px", height: "40px", fontSize: "14px", flexShrink: 0 }, children: h.orgName.split(" ").map((y) => y[0]).join("").slice(0, 2).toUpperCase() }),
-        /* @__PURE__ */ t("div", { style: { minWidth: 0 }, children: [
-          /* @__PURE__ */ e("div", { style: { fontWeight: 600, fontSize: "14px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: h.orgName }),
-          /* @__PURE__ */ t("div", { style: { fontSize: "12px", opacity: 0.6, display: "flex", gap: "8px", alignItems: "center" }, children: [
-            /* @__PURE__ */ e("span", { className: "ss-auth-role-badge ss-auth-role-badge-member", children: h.role }),
-            /* @__PURE__ */ t("span", { children: [
+    n ? /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", style: { padding: "40px" }, children: /* @__PURE__ */ t("span", { className: "ss-auth-spinner" }) }) : a.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-auth-settings-empty", children: [
+      /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.mail }),
+      /* @__PURE__ */ t("div", { children: "No pending invitations" })
+    ] }) : /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: a.map((s) => /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", style: { marginBottom: 0 }, children: /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: "16px", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", gap: "12px", flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-org-avatar", style: { width: "40px", height: "40px", fontSize: "14px", flexShrink: 0 }, children: s.orgName.split(" ").map((N) => N[0]).join("").slice(0, 2).toUpperCase() }),
+        /* @__PURE__ */ e("div", { style: { minWidth: 0 }, children: [
+          /* @__PURE__ */ t("div", { style: { fontWeight: 600, fontSize: "14px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: s.orgName }),
+          /* @__PURE__ */ e("div", { style: { fontSize: "12px", opacity: 0.6, display: "flex", gap: "8px", alignItems: "center" }, children: [
+            /* @__PURE__ */ t("span", { className: "ss-auth-role-badge ss-auth-role-badge-member", children: s.role }),
+            /* @__PURE__ */ e("span", { children: [
               "Expires ",
-              new Date(h.expiresAt).toLocaleDateString()
+              new Date(s.expiresAt).toLocaleDateString()
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", flexShrink: 0 }, children: [
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { style: { display: "flex", gap: "8px", flexShrink: 0 }, children: [
+        /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             className: "ss-auth-btn-ghost",
             style: { padding: "6px 12px", fontSize: "13px" },
-            onClick: () => p(h.id),
-            disabled: c === h.id,
+            onClick: () => f(s.id),
+            disabled: $ === s.id,
             children: "Decline"
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "ss-auth-btn-primary ss-auth-btn-sm",
             style: { width: "auto", padding: "6px 16px", fontSize: "13px" },
-            onClick: () => m(h.id),
-            disabled: c === h.id,
+            onClick: () => k(s.id),
+            disabled: $ === s.id,
             children: [
-              c === h.id && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+              $ === s.id && /* @__PURE__ */ t("span", { className: "ss-auth-spinner" }),
               "Accept"
             ]
           }
         )
       ] })
-    ] }) }, h.id)) })
+    ] }) }, s.id)) })
   ] });
 }
-function Da() {
-  const { selectedOrg: a } = Y();
-  return a ? /* @__PURE__ */ t(R, { children: [
-    /* @__PURE__ */ e("h3", { children: "Billing" }),
-    /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
-      /* @__PURE__ */ t("h4", { children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.creditCard }),
+function Ha() {
+  const { selectedOrg: a } = aa();
+  return a ? /* @__PURE__ */ e(U, { children: [
+    /* @__PURE__ */ t("h3", { children: "Billing" }),
+    /* @__PURE__ */ e("div", { className: "ss-auth-settings-card", children: [
+      /* @__PURE__ */ e("h4", { children: [
+        /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.creditCard }),
         "Plan & Billing"
       ] }),
-      /* @__PURE__ */ e("div", { className: "ss-auth-settings-empty", style: { padding: "20px" }, children: /* @__PURE__ */ e("div", { children: "No billing plan configured for this organization." }) })
+      /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", style: { padding: "20px" }, children: /* @__PURE__ */ t("div", { children: "No billing plan configured for this organization." }) })
     ] })
-  ] }) : /* @__PURE__ */ t(R, { children: [
-    /* @__PURE__ */ e("h3", { children: "Billing" }),
-    /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.creditCard }),
-      /* @__PURE__ */ e("div", { children: "Select an organization from the user menu to manage billing." })
+  ] }) : /* @__PURE__ */ e(U, { children: [
+    /* @__PURE__ */ t("h3", { children: "Billing" }),
+    /* @__PURE__ */ e("div", { className: "ss-auth-settings-empty", children: [
+      /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.creditCard }),
+      /* @__PURE__ */ t("div", { children: "Select an organization from the user menu to manage billing." })
     ] })
   ] });
 }
-function de({
+function Ja({
   appearance: a,
-  afterSignOutUrl: r,
-  afterDeleteAccountUrl: s,
-  showOrgSwitcher: i = !0,
-  onOrgChange: n,
-  onOrgSettingsClick: u
+  afterSignOutUrl: n,
+  afterDeleteAccountUrl: r,
+  showOrgSwitcher: c = !0,
+  onOrgChange: d,
+  onOrgSettingsClick: o
 }) {
-  const { appearance: l } = M(), { user: d, signOut: c } = sa(), o = a ?? l, [m, p] = g(!1), [h, y] = g(!1), [x, v] = g(""), [z, N] = g(null), [O, C] = g(!1), f = W(null), { orgs: P, selectedOrg: I, selectOrg: L, createOrg: A, refresh: b } = Y(), { invites: w } = ra(), E = k((F) => {
-    f.current && !F.composedPath().includes(f.current) && p(!1);
+  const { appearance: h } = q(), { user: u, signOut: $ } = ha(), p = a ?? h, [k, f] = i(!1), [s, N] = i(!1), [w, I] = i(""), [R, T] = i(null), [D, M] = i(!1), l = Y(null), { orgs: C, selectedOrg: z, selectOrg: P, createOrg: L, refresh: F } = aa(), { invites: b } = na(), m = S((x) => {
+    l.current && !x.composedPath().includes(l.current) && f(!1);
   }, []);
-  U(() => {
-    if (m) {
-      const F = setTimeout(() => {
-        document.addEventListener("click", E);
+  W(() => {
+    if (k) {
+      const x = setTimeout(() => {
+        document.addEventListener("click", m);
       }, 0);
       return () => {
-        clearTimeout(F), document.removeEventListener("click", E);
+        clearTimeout(x), document.removeEventListener("click", m);
       };
     }
-  }, [m, E]);
-  const B = k(
-    async (F) => {
-      F.preventDefault(), N(null), C(!0);
-      const D = x.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+  }, [k, m]);
+  const g = S(
+    async (x) => {
+      x.preventDefault(), T(null), M(!0);
+      const O = w.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
       try {
-        const $ = await A(x, D);
-        $ && (await L($.id), n == null || n($), v(""), p(!1));
-      } catch ($) {
-        N($ instanceof Error ? $.message : "Failed to create organization");
+        const y = await L(w, O);
+        y && (await P(y.id), d == null || d(y), I(""), f(!1));
+      } catch (y) {
+        T(y instanceof Error ? y.message : "Failed to create organization");
       } finally {
-        C(!1);
+        M(!1);
       }
     },
-    [x, A, L, n]
+    [w, L, P, d]
   );
-  return d ? /* @__PURE__ */ e(j, { appearance: o, children: /* @__PURE__ */ t("div", { style: { position: "relative", display: "inline-block" }, ref: f, children: [
-    /* @__PURE__ */ t(
+  return u ? /* @__PURE__ */ t(pa, { appearance: p, children: /* @__PURE__ */ e("div", { style: { position: "relative", display: "inline-block" }, ref: l, children: [
+    /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         className: "ss-auth-user-trigger",
-        onClick: () => p(!m),
+        onClick: () => f(!k),
         "aria-label": "User menu",
         children: [
-          /* @__PURE__ */ t("span", { className: "ss-auth-avatar-trigger", children: [
-            d.avatarUrl ? /* @__PURE__ */ e("img", { src: d.avatarUrl, alt: "" }) : /* @__PURE__ */ e("div", { style: {
+          /* @__PURE__ */ e("span", { className: "ss-auth-avatar-trigger", children: [
+            u.avatarUrl ? /* @__PURE__ */ t("img", { src: u.avatarUrl, alt: "" }) : /* @__PURE__ */ t("div", { style: {
               width: "100%",
               height: "100%",
               display: "flex",
@@ -4076,16 +4064,16 @@ function de({
               justifyContent: "center",
               fontSize: "16px",
               fontWeight: 700
-            }, children: (d.name || d.email).charAt(0).toUpperCase() }),
-            w.length > 0 && /* @__PURE__ */ e("span", { className: "ss-auth-invite-badge", children: w.length })
+            }, children: (u.name || u.email).charAt(0).toUpperCase() }),
+            b.length > 0 && /* @__PURE__ */ t("span", { className: "ss-auth-invite-badge", children: b.length })
           ] }),
-          I && /* @__PURE__ */ e("span", { className: "ss-auth-trigger-org-name", children: I.name })
+          z && /* @__PURE__ */ t("span", { className: "ss-auth-trigger-org-name", children: z.name })
         ]
       }
     ),
-    m && /* @__PURE__ */ t("div", { className: "ss-auth-dropdown ss-auth-glass-panel", style: { minWidth: "320px" }, children: [
-      /* @__PURE__ */ t("div", { className: "ss-auth-dropdown-header", children: [
-        /* @__PURE__ */ e("div", { className: "ss-auth-dropdown-avatar", children: d.avatarUrl ? /* @__PURE__ */ e("img", { src: d.avatarUrl, alt: "" }) : /* @__PURE__ */ e("div", { style: {
+    k && /* @__PURE__ */ e("div", { className: "ss-auth-dropdown ss-auth-glass-panel", style: { minWidth: "320px" }, children: [
+      /* @__PURE__ */ e("div", { className: "ss-auth-dropdown-header", children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-dropdown-avatar", children: u.avatarUrl ? /* @__PURE__ */ t("img", { src: u.avatarUrl, alt: "" }) : /* @__PURE__ */ t("div", { style: {
           width: "100%",
           height: "100%",
           display: "flex",
@@ -4093,1184 +4081,134 @@ function de({
           justifyContent: "center",
           fontSize: "20px",
           fontWeight: 800
-        }, children: (d.name || d.email).charAt(0).toUpperCase() }) }),
-        /* @__PURE__ */ t("div", { children: [
-          d.name && /* @__PURE__ */ e("div", { className: "ss-auth-dropdown-name", children: d.name }),
-          /* @__PURE__ */ e("div", { className: "ss-auth-dropdown-email", children: d.email })
+        }, children: (u.name || u.email).charAt(0).toUpperCase() }) }),
+        /* @__PURE__ */ e("div", { children: [
+          u.name && /* @__PURE__ */ t("div", { className: "ss-auth-dropdown-name", children: u.name }),
+          /* @__PURE__ */ t("div", { className: "ss-auth-dropdown-email", children: u.email })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { style: { padding: "4px 8px" }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t("div", { style: { padding: "4px 8px" }, children: /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           className: "ss-auth-dropdown-action",
           onClick: () => {
-            p(!1), y(!0);
+            f(!1), N(!0);
           },
           children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.settings }),
+            /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.settings }),
             "Settings"
           ]
         }
       ) }),
-      i && /* @__PURE__ */ t(R, { children: [
-        /* @__PURE__ */ e("div", { className: "ss-auth-section-label", children: "Organizations" }),
-        /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: P.map((F) => {
-          const D = (I == null ? void 0 : I.id) === F.id, $ = F.name.split(" ").map((T) => T[0]).join("").slice(0, 2).toUpperCase();
-          return /* @__PURE__ */ t(
+      c && /* @__PURE__ */ e(U, { children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-section-label", children: "Organizations" }),
+        /* @__PURE__ */ t("div", { style: { padding: "0 8px 4px" }, children: C.map((x) => {
+          const O = (z == null ? void 0 : z.id) === x.id, y = x.name.split(" ").map((G) => G[0]).join("").slice(0, 2).toUpperCase();
+          return /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              className: `ss-auth-org-item${D ? " ss-auth-org-item-active" : ""}`,
+              className: `ss-auth-org-item${O ? " ss-auth-org-item-active" : ""}`,
               onClick: async () => {
-                p(!1), await L(F.id), n == null || n(F);
+                f(!1), await P(x.id), d == null || d(x);
               },
               children: [
-                /* @__PURE__ */ t("div", { className: "ss-auth-org-item-inner", children: [
-                  /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${D ? "" : " ss-auth-org-avatar-inactive"}`, children: $ }),
-                  /* @__PURE__ */ e("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: F.name }),
-                  F.planName && /* @__PURE__ */ e("span", { className: "ss-auth-plan-badge", children: F.planName })
+                /* @__PURE__ */ e("div", { className: "ss-auth-org-item-inner", children: [
+                  /* @__PURE__ */ t("div", { className: `ss-auth-org-avatar${O ? "" : " ss-auth-org-avatar-inactive"}`, children: y }),
+                  /* @__PURE__ */ t("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: x.name }),
+                  x.planName && /* @__PURE__ */ t("span", { className: "ss-auth-plan-badge", children: x.planName })
                 ] }),
-                D && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: S.checkCircle })
+                O && /* @__PURE__ */ t("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: v.checkCircle })
               ]
             },
-            F.id
+            x.id
           );
         }) }),
-        /* @__PURE__ */ t("div", { className: "ss-auth-inline-create", children: [
-          z && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "8px", fontSize: "12px" }, children: /* @__PURE__ */ e("span", { children: z }) }),
-          /* @__PURE__ */ e("form", { onSubmit: B, children: /* @__PURE__ */ t("div", { className: "ss-auth-inline-create-input", children: [
-            /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "ss-auth-inline-create", children: [
+          R && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "8px", fontSize: "12px" }, children: /* @__PURE__ */ t("span", { children: R }) }),
+          /* @__PURE__ */ t("form", { onSubmit: g, children: /* @__PURE__ */ e("div", { className: "ss-auth-inline-create-input", children: [
+            /* @__PURE__ */ t(
               "input",
               {
                 className: "ss-auth-input",
                 type: "text",
                 placeholder: "New organization name",
-                value: x,
-                onChange: (F) => v(F.target.value),
+                value: w,
+                onChange: (x) => I(x.target.value),
                 required: !0,
                 style: { fontSize: "13px", padding: "10px 40px 10px 12px" }
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "button",
               {
                 type: "submit",
                 className: "ss-auth-inline-create-btn",
-                disabled: O || !x.trim(),
-                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "20px" }, children: S.add })
+                disabled: D || !w.trim(),
+                children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", style: { fontSize: "20px" }, children: v.add })
               }
             )
           ] }) })
         ] }),
-        I && u && /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: /* @__PURE__ */ t(
+        z && o && /* @__PURE__ */ t("div", { style: { padding: "0 8px 4px" }, children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "ss-auth-dropdown-action",
             onClick: () => {
-              p(!1), u(I);
+              f(!1), o(z);
             },
             children: [
-              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.corporateFare }),
+              /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: v.corporateFare }),
               "Org settings"
             ]
           }
         ) })
       ] }),
-      /* @__PURE__ */ e("div", { className: "ss-auth-signout-section", style: { padding: "8px" }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t("div", { className: "ss-auth-signout-section", style: { padding: "8px" }, children: /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           className: "ss-auth-dropdown-action",
           onClick: async () => {
-            p(!1), await c(), r && (window.location.href = r);
+            f(!1), await $(), n && (window.location.href = n);
           },
           style: { color: "inherit" },
           children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { color: "inherit" }, children: S.logout }),
+            /* @__PURE__ */ t("span", { className: "material-symbols-outlined", style: { color: "inherit" }, children: v.logout }),
             "Sign out"
           ]
         }
       ) })
     ] }),
-    h && /* @__PURE__ */ e(
-      Ia,
+    s && /* @__PURE__ */ t(
+      Va,
       {
-        onClose: () => y(!1),
-        afterDeleteAccountUrl: s,
-        onOrgDeleted: b,
-        onOrgUpdated: b
+        onClose: () => N(!1),
+        afterDeleteAccountUrl: r,
+        onOrgDeleted: F,
+        onOrgUpdated: F
       }
     )
   ] }) }) : null;
 }
-function ue({ appearance: a }) {
-  const { appearance: r } = M(), { user: s, signOut: i } = sa(), { updateProfile: n, uploadAvatar: u, changePassword: l, isLoading: d, error: c, success: o, setError: m, setSuccess: p } = ia(), h = a ?? r, [y, x] = g((s == null ? void 0 : s.name) ?? ""), [v, z] = g((s == null ? void 0 : s.avatarUrl) ?? ""), [N, O] = g(!1), [C, f] = g(""), [P, I] = g(""), [L, A] = g(""), [b, w] = g(null), E = k(
-    async (T) => {
-      T.preventDefault(), m(null), p(null), await n({ name: y, avatarUrl: v || void 0 });
-    },
-    [y, v, n, m, p]
-  ), B = k(
-    async (T) => {
-      const _ = await u(T);
-      _ && (z(_.avatarUrl), O(!1));
-    },
-    [u]
-  ), F = k(
-    async (T) => {
-      if (T.preventDefault(), w(null), m(null), p(null), P !== L) {
-        w("Passwords do not match");
-        return;
-      }
-      if (P.length < 8) {
-        w("Password must be at least 8 characters");
-        return;
-      }
-      await l(C, P) && (f(""), I(""), A(""));
-    },
-    [C, P, L, l, m, p]
-  );
-  if (!s) return null;
-  const D = s.provider === "email", $ = (s.name || s.email).charAt(0).toUpperCase();
-  return /* @__PURE__ */ e(j, { appearance: h, children: /* @__PURE__ */ t("div", { className: "ss-auth-card", style: { maxWidth: "640px" }, children: [
-    /* @__PURE__ */ t("div", { className: "ss-auth-profile-header", children: [
-      /* @__PURE__ */ t("div", { className: "ss-auth-avatar-lg", onClick: () => O(!0), children: [
-        v ? /* @__PURE__ */ e("img", { src: v, alt: "" }) : /* @__PURE__ */ e("div", { style: {
-          width: "100%",
-          height: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          fontSize: "48px",
-          fontWeight: 800,
-          opacity: 0.4
-        }, children: $ }),
-        /* @__PURE__ */ t("div", { className: "ss-auth-avatar-overlay", children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.camera }),
-          /* @__PURE__ */ e("span", { children: "Edit" })
-        ] })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "ss-auth-profile-info", children: [
-        /* @__PURE__ */ t("h2", { className: "ss-auth-profile-name", children: [
-          s.name || "Unnamed User",
-          s.emailVerified && /* @__PURE__ */ t("span", { className: "ss-auth-badge ss-auth-badge-success", children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "12px", fontVariationSettings: "'FILL' 1" }, children: S.verified }),
-            "Verified"
-          ] })
-        ] }),
-        /* @__PURE__ */ e("p", { className: "ss-auth-profile-desc", children: s.email })
-      ] })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "ss-auth-card-body", children: [
-      c && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: c })
-      ] }),
-      o && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.check }),
-        /* @__PURE__ */ e("span", { children: o })
-      ] }),
-      /* @__PURE__ */ t("form", { onSubmit: E, children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Full Name" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              className: "ss-auth-input",
-              type: "text",
-              placeholder: "Your name",
-              value: y,
-              onChange: (T) => x(T.target.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
-          /* @__PURE__ */ t("div", { children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Email Address" }),
-            /* @__PURE__ */ t("div", { style: { position: "relative" }, children: [
-              /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "email", value: s.email, readOnly: !0 }),
-              /* @__PURE__ */ e("span", { className: "ss-auth-visibility-toggle", style: { cursor: "default" }, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "18px" }, children: S.lock }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ t("div", { children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Auth Provider" }),
-            /* @__PURE__ */ t("div", { style: { position: "relative" }, children: [
-              /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "text", value: s.provider, readOnly: !0 }),
-              /* @__PURE__ */ e("span", { className: "ss-auth-visibility-toggle", style: { cursor: "default" }, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "18px" }, children: S.cloudDone }) })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: d, style: { width: "auto" }, children: [
-          d && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
-          "Save changes"
-        ] }) })
-      ] }),
-      D && /* @__PURE__ */ t("div", { className: "ss-auth-section", children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-section-title", children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.security }),
-          "Security Credentials"
-        ] }),
-        /* @__PURE__ */ e("p", { className: "ss-auth-section-desc", style: { marginBottom: "24px" }, children: "Update your password to keep your account secure." }),
-        b && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-          /* @__PURE__ */ e("span", { children: b })
-        ] }),
-        /* @__PURE__ */ t("form", { onSubmit: F, children: [
-          /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Current Password" }),
-            /* @__PURE__ */ e(
-              "input",
-              {
-                className: "ss-auth-input",
-                type: "password",
-                placeholder: "••••••••••••",
-                value: C,
-                onChange: (T) => f(T.target.value),
-                required: !0
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
-            /* @__PURE__ */ t("div", { children: [
-              /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "New Password" }),
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  className: "ss-auth-input",
-                  type: "password",
-                  placeholder: "Min. 8 characters",
-                  value: P,
-                  onChange: (T) => I(T.target.value),
-                  required: !0
-                }
-              )
-            ] }),
-            /* @__PURE__ */ t("div", { children: [
-              /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Confirm New Password" }),
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  className: "ss-auth-input",
-                  type: "password",
-                  placeholder: "Repeat new password",
-                  value: L,
-                  onChange: (T) => A(T.target.value),
-                  required: !0
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.info }),
-            /* @__PURE__ */ e("span", { children: "Password must be at least 8 characters long." })
-          ] }),
-          /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-ghost", disabled: d, children: "Update Security" }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ss-auth-section", style: { borderTop: "none", paddingTop: 0, marginTop: "24px" }, children: /* @__PURE__ */ e("div", { className: "ss-auth-signout-section", style: { borderRadius: "12px", padding: "16px 20px" }, children: /* @__PURE__ */ t("div", { className: "ss-auth-signout-row", children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-signout-info", children: [
-          /* @__PURE__ */ e("div", { className: "ss-auth-signout-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.logout }) }),
-          /* @__PURE__ */ t("div", { children: [
-            /* @__PURE__ */ e("div", { className: "ss-auth-signout-title", children: "End Session" }),
-            /* @__PURE__ */ e("div", { className: "ss-auth-signout-desc", children: "Terminate your active session" })
-          ] })
-        ] }),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: "ss-auth-btn-outline",
-            onClick: () => i(),
-            style: { width: "auto", flexShrink: 0 },
-            children: "Sign out"
-          }
-        )
-      ] }) }) })
-    ] }),
-    N && /* @__PURE__ */ e(
-      da,
-      {
-        onUpload: B,
-        onClose: () => O(!1),
-        isLoading: d
-      }
-    )
-  ] }) });
-}
-function pe({ appearance: a, onOrgChange: r }) {
-  const { appearance: s } = M(), { orgs: i, selectedOrg: n, selectOrg: u, createOrg: l, isLoading: d } = Y(), c = a ?? s, [o, m] = g(!1), [p, h] = g(""), [y, x] = g(""), [v, z] = g(null), [N, O] = g(!1), C = W(null), f = k((b) => {
-    C.current && !b.composedPath().includes(C.current) && m(!1);
-  }, []);
-  U(() => {
-    if (o) {
-      const b = setTimeout(() => {
-        document.addEventListener("click", f);
-      }, 0);
-      return () => {
-        clearTimeout(b), document.removeEventListener("click", f);
-      };
-    }
-  }, [o, f]);
-  const P = k((b) => {
-    h(b), x(b.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
-  }, []), I = k(
-    async (b) => {
-      b.preventDefault(), z(null), O(!0);
-      try {
-        const w = await l(p, y);
-        w && (await u(w.id), r == null || r(w), h(""), x(""), m(!1));
-      } catch (w) {
-        z(w instanceof Error ? w.message : "Failed to create organization");
-      } finally {
-        O(!1);
-      }
-    },
-    [p, y, l, u, r]
-  );
-  if (d) return null;
-  const L = (n == null ? void 0 : n.name) ?? (i.length === 0 ? "No organization" : "Select organization"), A = n ? n.name.split(" ").map((b) => b[0]).join("").slice(0, 2).toUpperCase() : "--";
-  return /* @__PURE__ */ e(j, { appearance: c, children: /* @__PURE__ */ t("div", { style: { position: "relative", display: "inline-block", width: "100%", maxWidth: "360px" }, ref: C, children: [
-    /* @__PURE__ */ t(
-      "button",
-      {
-        type: "button",
-        className: "ss-auth-org-trigger",
-        onClick: () => m(!o),
-        children: [
-          /* @__PURE__ */ t("div", { className: "ss-auth-org-trigger-inner", children: [
-            /* @__PURE__ */ e("div", { className: "ss-auth-org-avatar", children: A }),
-            /* @__PURE__ */ t("div", { style: { textAlign: "left" }, children: [
-              /* @__PURE__ */ e("div", { className: "ss-auth-org-trigger-label", children: "Current Organization" }),
-              /* @__PURE__ */ e("div", { className: "ss-auth-org-trigger-name", children: L })
-            ] })
-          ] }),
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.unfoldMore })
-        ]
-      }
-    ),
-    o && /* @__PURE__ */ t("div", { className: "ss-auth-dropdown ss-auth-dropdown-left ss-auth-glass-panel", style: { width: "100%" }, children: [
-      /* @__PURE__ */ e("div", { className: "ss-auth-section-label", children: "Your Organizations" }),
-      /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: i.map((b) => {
-        const w = (n == null ? void 0 : n.id) === b.id, E = b.name.split(" ").map((B) => B[0]).join("").slice(0, 2).toUpperCase();
-        return /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            className: `ss-auth-org-item${w ? " ss-auth-org-item-active" : ""}`,
-            onClick: async () => {
-              m(!1), await u(b.id), r == null || r(b);
-            },
-            children: [
-              /* @__PURE__ */ t("div", { className: "ss-auth-org-item-inner", children: [
-                /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${w ? "" : " ss-auth-org-avatar-inactive"}`, children: E }),
-                /* @__PURE__ */ e("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: b.name })
-              ] }),
-              w && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: S.checkCircle })
-            ]
-          },
-          b.id
-        );
-      }) }),
-      /* @__PURE__ */ t("div", { className: "ss-auth-org-create", children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-org-create-header", children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.addCircle }),
-          /* @__PURE__ */ e("span", { children: "Create organization" })
-        ] }),
-        v && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "12px", fontSize: "12px" }, children: /* @__PURE__ */ e("span", { children: v }) }),
-        /* @__PURE__ */ t("form", { onSubmit: I, children: [
-          /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", style: { fontSize: "10px" }, children: "Org Name" }),
-            /* @__PURE__ */ e(
-              "input",
-              {
-                className: "ss-auth-input",
-                type: "text",
-                placeholder: "e.g. Nexus Dynamics",
-                value: p,
-                onChange: (b) => P(b.target.value),
-                required: !0,
-                style: { fontSize: "13px", padding: "10px 12px" }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", style: { fontSize: "10px" }, children: "Workspace Slug" }),
-            /* @__PURE__ */ t("div", { style: { position: "relative" }, children: [
-              /* @__PURE__ */ e("span", { className: "ss-auth-org-slug-prefix", children: "/" }),
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  className: "ss-auth-input",
-                  type: "text",
-                  placeholder: "nexus-dynamics",
-                  value: y,
-                  onChange: (b) => x(b.target.value),
-                  required: !0,
-                  style: { fontSize: "13px", padding: "10px 12px 10px 22px" }
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ t(
-            "button",
-            {
-              type: "submit",
-              className: "ss-auth-btn-primary",
-              disabled: N || !p.trim(),
-              style: { marginTop: "8px" },
-              children: [
-                N && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
-                "Initialize Organization"
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] }) });
-}
-function Ta(a, r = "USD") {
-  return new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency: r,
-    minimumFractionDigits: a % 100 === 0 ? 0 : 2
-  }).format(a / 100);
-}
-function he({ plans: a, currentPlanId: r, onSelectPlan: s, interval: i, appearance: n }) {
-  const { appearance: u } = M(), l = n ?? u, d = i ? a.filter((c) => c.interval === i || c.isFree) : a;
-  return /* @__PURE__ */ e(j, { appearance: l, children: /* @__PURE__ */ e("div", { className: "ss-pricing-grid", children: d.map((c) => {
-    const o = c.id === r;
-    return /* @__PURE__ */ t("div", { className: `ss-pricing-card ${o ? "ss-pricing-card-current" : ""}`, children: [
-      /* @__PURE__ */ t("div", { className: "ss-pricing-header", children: [
-        /* @__PURE__ */ e("h3", { className: "ss-pricing-name", children: c.name }),
-        c.trialDays > 0 && /* @__PURE__ */ t("span", { className: "ss-badge ss-badge-trialing", children: [
-          c.trialDays,
-          "-day trial"
-        ] }),
-        c.isFree && /* @__PURE__ */ e("span", { className: "ss-badge ss-badge-active", children: "Free" })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ss-pricing-price", children: c.isFree ? /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: "Free" }) : /* @__PURE__ */ t(R, { children: [
-        /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: Ta(c.amountCents, c.currency) }),
-        /* @__PURE__ */ t("span", { className: "ss-pricing-interval", children: [
-          "/",
-          c.interval
-        ] })
-      ] }) }),
-      c.description && /* @__PURE__ */ e("p", { className: "ss-pricing-desc", children: c.description }),
-      c.features.length > 0 && /* @__PURE__ */ e("ul", { className: "ss-pricing-features", children: c.features.map((m, p) => /* @__PURE__ */ t("li", { className: "ss-pricing-feature", children: [
-        /* @__PURE__ */ e("span", { className: "ss-check", children: "✓" }),
-        " ",
-        m
-      ] }, p)) }),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          className: `ss-btn ${o ? "ss-btn-current" : "ss-btn-primary"}`,
-          disabled: o,
-          onClick: () => s(c.id),
-          children: o ? "Current plan" : "Select plan"
-        }
-      )
-    ] }, c.id);
-  }) }) });
-}
-function ge() {
-  const { client: a } = M();
-  return { billing: a.billing };
-}
-function Z(a) {
-  const { client: r } = M();
-  return G(() => {
-    if (a) {
-      const s = new Q("https://api.saas-support.com/v1", { type: "portalToken", token: a });
-      return new Na(s);
-    }
-    return r.billing;
-  }, [r, a]);
-}
-function Ma(a, r) {
-  const s = Z(r), [i, n] = g(null), [u, l] = g(!0), [d, c] = g(null), o = k(async () => {
-    l(!0), c(null);
-    try {
-      const m = await s.getCustomer(a);
-      n(m);
-    } catch (m) {
-      c(m instanceof Error ? m.message : "Failed to load subscription");
-    } finally {
-      l(!1);
-    }
-  }, [s, a]);
-  return U(() => {
-    o();
-  }, [o]), { customer: i, isLoading: u, error: d, refresh: o };
-}
-function Va(a, r) {
-  const s = Z(r), [i, n] = g([]), [u, l] = g(!0), [d, c] = g(null), o = k(async () => {
-    l(!0), c(null);
-    try {
-      const m = await s.getInvoices(a);
-      n(m);
-    } catch (m) {
-      c(m instanceof Error ? m.message : "Failed to load invoices");
-    } finally {
-      l(!1);
-    }
-  }, [s, a]);
-  return U(() => {
-    o();
-  }, [o]), { invoices: i, isLoading: u, error: d, refresh: o };
-}
-function Ua(a, r) {
-  const s = Z(r), [i, n] = g([]), [u, l] = g(!0), [d, c] = g(null), o = k(async () => {
-    l(!0), c(null);
-    try {
-      const m = await s.getCurrentUsage(a);
-      n(m);
-    } catch (m) {
-      c(m instanceof Error ? m.message : "Failed to load usage");
-    } finally {
-      l(!1);
-    }
-  }, [s, a]);
-  return U(() => {
-    o();
-  }, [o]), { usage: i, isLoading: u, error: d, refresh: o };
-}
-const Ra = {
-  active: "ss-badge-active"
-};
-function Ha({
-  customerId: a,
-  portalToken: r,
-  onChangePlan: s,
-  onCancel: i,
-  appearance: n
-}) {
-  const { appearance: u } = M(), { customer: l, isLoading: d, error: c } = Ma(a, r);
-  return /* @__PURE__ */ e(j, { appearance: n ?? u, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Subscription" }),
-    d && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
-      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
-      " Loading..."
-    ] }),
-    c && /* @__PURE__ */ e("div", { className: "ss-global-error", children: c }),
-    l && !d && /* @__PURE__ */ t(R, { children: [
-      /* @__PURE__ */ t("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Customer" }),
-        /* @__PURE__ */ e("input", { className: "ss-input", value: l.name || l.email, disabled: !0, readOnly: !0 })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Status" }),
-        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("span", { className: `ss-badge ${Ra.active}`, children: "Active" }) })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "ss-btn-group", children: [
-        s && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-primary", onClick: s, children: "Change plan" }),
-        i && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-danger", onClick: i, children: "Cancel subscription" })
-      ] })
-    ] })
-  ] }) });
-}
-const ja = {
-  paid: "ss-badge-active",
-  open: "ss-badge-trialing",
-  draft: "ss-badge-paused",
-  void: "ss-badge-canceled",
-  uncollectible: "ss-badge-past-due"
-};
-function qa(a) {
-  return new Date(a).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
-}
-function Wa(a) {
-  return new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", minimumFractionDigits: 2 }).format(a / 100);
-}
-function _a({ customerId: a, portalToken: r, appearance: s }) {
-  const { appearance: i } = M(), { invoices: n, isLoading: u, error: l } = Va(a, r), d = s ?? i, c = [...n].sort((o, m) => new Date(m.createdAt).getTime() - new Date(o.createdAt).getTime());
-  return /* @__PURE__ */ e(j, { appearance: d, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Invoices" }),
-    u && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
-      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
-      " Loading..."
-    ] }),
-    l && /* @__PURE__ */ e("div", { className: "ss-global-error", children: l }),
-    !u && c.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No invoices yet." }),
-    !u && c.length > 0 && /* @__PURE__ */ t("table", { className: "ss-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
-        /* @__PURE__ */ e("th", { className: "ss-th", children: "Date" }),
-        /* @__PURE__ */ e("th", { className: "ss-th", children: "Amount" }),
-        /* @__PURE__ */ e("th", { className: "ss-th", children: "Status" }),
-        /* @__PURE__ */ e("th", { className: "ss-th", children: "PDF" })
-      ] }) }),
-      /* @__PURE__ */ e("tbody", { children: c.map((o) => /* @__PURE__ */ t("tr", { className: "ss-tr", children: [
-        /* @__PURE__ */ e("td", { className: "ss-td", children: qa(o.createdAt) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: Wa(o.amountCents) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: /* @__PURE__ */ e("span", { className: `ss-badge ${ja[o.status] || ""}`, children: o.status }) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: o.pdfUrl ? /* @__PURE__ */ e("a", { className: "ss-link", href: o.pdfUrl, target: "_blank", rel: "noopener noreferrer", children: "Download" }) : "—" })
-      ] }, o.id)) })
-    ] })
-  ] }) });
-}
-function Ga({ customerId: a, limits: r, portalToken: s, appearance: i }) {
-  const { appearance: n } = M(), { usage: u, isLoading: l, error: d } = Ua(a, s);
-  return /* @__PURE__ */ e(j, { appearance: i ?? n, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Usage" }),
-    l && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
-      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
-      " Loading..."
-    ] }),
-    d && /* @__PURE__ */ e("div", { className: "ss-global-error", children: d }),
-    !l && u.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No usage data." }),
-    !l && u.map((o) => {
-      const m = r == null ? void 0 : r[o.metric], p = m ? Math.min(100, o.total / m * 100) : null;
-      return /* @__PURE__ */ t("div", { className: "ss-usage-item", children: [
-        /* @__PURE__ */ t("div", { className: "ss-usage-header", children: [
-          /* @__PURE__ */ e("span", { className: "ss-usage-metric", children: o.metric }),
-          /* @__PURE__ */ t("span", { className: "ss-usage-value", children: [
-            o.total.toLocaleString(),
-            m ? ` / ${m.toLocaleString()}` : ""
-          ] })
-        ] }),
-        p !== null && /* @__PURE__ */ e("div", { className: "ss-progress-bar", children: /* @__PURE__ */ e(
-          "div",
-          {
-            className: `ss-progress-fill ${p > 90 ? "ss-progress-danger" : ""}`,
-            style: { width: `${p}%` }
-          }
-        ) })
-      ] }, o.metric);
-    })
-  ] }) });
-}
-function me({
-  customerId: a,
-  portalToken: r,
-  limits: s,
-  onChangePlan: i,
-  onCancel: n,
-  appearance: u
-}) {
-  const { appearance: l } = M(), d = u ?? l, [c, o] = g("subscription");
-  return /* @__PURE__ */ e(j, { appearance: d, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Billing" }),
-    /* @__PURE__ */ e("div", { className: "ss-tab-group", children: [
-      { id: "subscription", label: "Subscription" },
-      { id: "invoices", label: "Invoices" },
-      { id: "usage", label: "Usage" }
-    ].map((p) => /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        className: `ss-tab ${c === p.id ? "ss-tab-active" : ""}`,
-        onClick: () => o(p.id),
-        children: p.label
-      },
-      p.id
-    )) }),
-    /* @__PURE__ */ t("div", { className: "ss-tab-content", children: [
-      c === "subscription" && /* @__PURE__ */ e(
-        Ha,
-        {
-          customerId: a,
-          portalToken: r,
-          onChangePlan: i,
-          onCancel: n
-        }
-      ),
-      c === "invoices" && /* @__PURE__ */ e(_a, { customerId: a, portalToken: r }),
-      c === "usage" && /* @__PURE__ */ e(Ga, { customerId: a, portalToken: r, limits: s })
-    ] })
-  ] }) });
-}
-function fe({ customerId: a, portalToken: r, onApplied: s, appearance: i }) {
-  const { appearance: n } = M(), u = Z(r), l = i ?? n, [d, c] = g(""), [o, m] = g(!1), [p, h] = g(null), [y, x] = g(null), v = k(async (z) => {
-    if (z.preventDefault(), !!d.trim()) {
-      m(!0), h(null), x(null);
-      try {
-        const N = await u.applyCoupon(a, d.trim());
-        x(`Coupon applied! ${N.discountType === "percent" ? `${N.amount}% off` : `$${(N.amount / 100).toFixed(2)} off`}`), c(""), s == null || s(N);
-      } catch (N) {
-        h(N instanceof Error ? N.message : "Invalid coupon code");
-      } finally {
-        m(!1);
-      }
-    }
-  }, [u, a, d, s]);
-  return /* @__PURE__ */ e(j, { appearance: l, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Apply coupon" }),
-    p && /* @__PURE__ */ e("div", { className: "ss-global-error", children: p }),
-    y && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: y }),
-    /* @__PURE__ */ t("form", { onSubmit: v, children: [
-      /* @__PURE__ */ t("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-coupon-code", children: "Coupon code" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            id: "ss-coupon-code",
-            className: "ss-input",
-            type: "text",
-            placeholder: "Enter coupon code",
-            value: d,
-            onChange: (z) => c(z.target.value),
-            required: !0
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: o || !d.trim(), children: [
-        o && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
-        "Apply"
-      ] })
-    ] })
-  ] }) });
-}
-function be() {
-  const { client: a } = M();
-  return { report: a.report };
-}
-function ua() {
-  const { client: a } = M(), [r, s] = g(null), [i, n] = g(!1), [u, l] = g(null), d = k(async (c) => {
-    n(!0), l(null);
-    try {
-      const o = await a.report.executeQuery(c);
-      return s(o), o;
-    } catch (o) {
-      return l(o instanceof Error ? o.message : "Query failed"), null;
-    } finally {
-      n(!1);
-    }
-  }, [a]);
-  return { result: r, execute: d, isLoading: i, error: u };
-}
-function Ya(a) {
-  const { client: r } = M(), [s, i] = g(null), [n, u] = g(!0), [l, d] = g(null), c = k(async () => {
-    u(!0), d(null);
-    try {
-      const o = await r.report.listQueries(a);
-      i(o);
-    } catch (o) {
-      d(o instanceof Error ? o.message : "Failed to load queries");
-    } finally {
-      u(!1);
-    }
-  }, [r, a]);
-  return U(() => {
-    c();
-  }, [c]), { queries: (s == null ? void 0 : s.data) ?? [], meta: s == null ? void 0 : s.meta, isLoading: n, error: l, refresh: c };
-}
-function xe(a) {
-  const { client: r } = M(), [s, i] = g(null), [n, u] = g(!0), [l, d] = g(null), c = k(async () => {
-    u(!0), d(null);
-    try {
-      const o = await r.report.getDashboard(a);
-      i(o);
-    } catch (o) {
-      d(o instanceof Error ? o.message : "Failed to load dashboard");
-    } finally {
-      u(!1);
-    }
-  }, [r, a]);
-  return U(() => {
-    c();
-  }, [c]), { dashboard: s, isLoading: n, error: l, refresh: c };
-}
-function ye(a, r, s = "https://api.saas-support.com/v1") {
-  const i = G(() => {
-    const p = new Q(s, { type: "embedToken", token: a });
-    return new ta(p);
-  }, [a, s]), [n, u] = g(null), [l, d] = g(!0), [c, o] = g(null), m = k(async () => {
-    d(!0), o(null);
-    try {
-      const p = await i.getDashboard(r);
-      u(p);
-    } catch (p) {
-      o(p instanceof Error ? p.message : "Failed to load dashboard");
-    } finally {
-      d(!1);
-    }
-  }, [i, r]);
-  return U(() => {
-    m();
-  }, [m]), { dashboard: n, reportClient: i, isLoading: l, error: c, refresh: m };
-}
-function ve({ onResult: a, mode: r = "both", placeholder: s, appearance: i }) {
-  const { appearance: n } = M(), { execute: u, isLoading: l, error: d } = ua(), c = i ?? n, [o, m] = g(""), [p, h] = g(r === "sql" ? "sql" : "nl"), y = k(async (x) => {
-    if (x.preventDefault(), !o.trim()) return;
-    const z = await u(p === "sql" ? { sql: o } : { naturalLanguage: o });
-    z && (a == null || a(z));
-  }, [o, p, u, a]);
-  return /* @__PURE__ */ e(j, { appearance: c, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
-    r === "both" && /* @__PURE__ */ t("div", { className: "ss-tab-group ss-tab-group-sm", children: [
-      /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          className: `ss-tab ${p === "nl" ? "ss-tab-active" : ""}`,
-          onClick: () => h("nl"),
-          children: "Natural Language"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          className: `ss-tab ${p === "sql" ? "ss-tab-active" : ""}`,
-          onClick: () => h("sql"),
-          children: "SQL"
-        }
-      )
-    ] }),
-    d && /* @__PURE__ */ e("div", { className: "ss-global-error", children: d }),
-    /* @__PURE__ */ t("form", { onSubmit: y, children: [
-      /* @__PURE__ */ e("div", { className: "ss-field", children: /* @__PURE__ */ e(
-        "textarea",
-        {
-          className: "ss-input ss-query-textarea",
-          placeholder: s ?? (p === "sql" ? "SELECT ..." : "Ask a question about your data..."),
-          value: o,
-          onChange: (x) => m(x.target.value),
-          rows: 3
-        }
-      ) }),
-      /* @__PURE__ */ t("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: l || !o.trim(), children: [
-        l && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
-        "Run query"
-      ] })
-    ] })
-  ] }) });
-}
-function Ja({ columns: a, rows: r, sortable: s = !0, maxRows: i, appearance: n }) {
-  const { appearance: u } = M(), l = n ?? u, [d, c] = g(null), [o, m] = g("asc"), p = G(() => d ? [...r].sort((v, z) => {
-    const N = v[d], O = z[d];
-    if (N == null && O == null) return 0;
-    if (N == null) return 1;
-    if (O == null) return -1;
-    if (typeof N == "number" && typeof O == "number")
-      return o === "asc" ? N - O : O - N;
-    const C = String(N), f = String(O);
-    return o === "asc" ? C.localeCompare(f) : f.localeCompare(C);
-  }) : r, [r, d, o]), h = i ? p.slice(0, i) : p, y = (v) => {
-    s && (d === v ? m((z) => z === "asc" ? "desc" : "asc") : (c(v), m("asc")));
-  };
-  function x(v) {
-    return v == null ? "" : typeof v == "object" ? JSON.stringify(v) : String(v);
-  }
-  return /* @__PURE__ */ e(j, { appearance: l, children: /* @__PURE__ */ t("div", { className: "ss-table-container", children: [
-    /* @__PURE__ */ t("table", { className: "ss-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: a.map((v) => /* @__PURE__ */ t(
-        "th",
-        {
-          className: `ss-th ${s ? "ss-th-sortable" : ""} ${d === v ? o === "asc" ? "ss-sorted-asc" : "ss-sorted-desc" : ""}`,
-          onClick: () => y(v),
-          children: [
-            v,
-            d === v && /* @__PURE__ */ e("span", { className: "ss-sort-indicator", children: o === "asc" ? " ▲" : " ▼" })
-          ]
-        },
-        v
-      )) }) }),
-      /* @__PURE__ */ e("tbody", { children: h.map((v, z) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: a.map((N) => /* @__PURE__ */ e("td", { className: "ss-td", children: x(v[N]) }, N)) }, z)) })
-    ] }),
-    i && r.length > i && /* @__PURE__ */ t("div", { className: "ss-table-footer", children: [
-      "Showing ",
-      i,
-      " of ",
-      r.length,
-      " rows"
-    ] })
-  ] }) });
-}
-function Qa(a, r = "#6366f1") {
-  const s = parseInt(r.replace("#", "").slice(0, 2), 16), i = [];
-  for (let n = 0; n < a; n++) {
-    const u = (s + n * Math.floor(360 / Math.max(a, 1))) % 360;
-    i.push(`hsl(${u}, 65%, 55%)`);
-  }
-  return i;
-}
-function Za({ labels: a, values: r, w: s, h: i, colors: n }) {
-  const u = Math.max(...r, 1), l = 40, d = s - l * 2, c = i - l * 2, o = Math.max(1, d / a.length - 4);
-  return /* @__PURE__ */ t("g", { children: [
-    /* @__PURE__ */ e("line", { x1: l, y1: i - l, x2: s - l, y2: i - l, stroke: "#ccc", strokeWidth: 1 }),
-    r.map((m, p) => {
-      const h = m / u * c, y = l + d / a.length * p + 2, x = i - l - h;
-      return /* @__PURE__ */ t("g", { children: [
-        /* @__PURE__ */ e("rect", { x: y, y: x, width: o, height: h, fill: n[p % n.length], rx: 2 }),
-        /* @__PURE__ */ e("text", { x: y + o / 2, y: i - l + 14, textAnchor: "middle", fontSize: 10, fill: "#666", children: a[p].length > 8 ? a[p].slice(0, 8) + "..." : a[p] })
-      ] }, p);
-    })
-  ] });
-}
-function Ka({ labels: a, values: r, w: s, h: i, colors: n }) {
-  const u = Math.max(...r, 1), l = 40, d = s - l * 2, c = i - l * 2, o = a.length > 1 ? d / (a.length - 1) : 0, m = r.map((p, h) => {
-    const y = l + o * h, x = i - l - p / u * c;
-    return `${y},${x}`;
-  });
-  return /* @__PURE__ */ t("g", { children: [
-    [0.25, 0.5, 0.75, 1].map((p) => {
-      const h = i - l - p * c;
-      return /* @__PURE__ */ e("line", { x1: l, y1: h, x2: s - l, y2: h, stroke: "#eee", strokeWidth: 1 }, p);
-    }),
-    /* @__PURE__ */ e("polyline", { points: m.join(" "), fill: "none", stroke: n[0], strokeWidth: 2 }),
-    r.map((p, h) => {
-      const y = l + o * h, x = i - l - p / u * c;
-      return /* @__PURE__ */ e("circle", { cx: y, cy: x, r: 4, fill: n[0] }, h);
-    })
-  ] });
-}
-function Xa({ labels: a, values: r, w: s, h: i, colors: n }) {
-  const u = r.reduce((h, y) => h + y, 0) || 1, l = s / 2, d = i / 2 - 20, c = Math.min(s, i) / 2 - 40, o = 2 * Math.PI * c;
-  let m = 0;
-  const p = r.map((h, y) => {
-    const x = h / u, v = x * o, z = { dash: v, offset: m, color: n[y % n.length], label: a[y], pct: x };
-    return m += v, z;
-  });
-  return /* @__PURE__ */ t("g", { children: [
-    p.map((h, y) => /* @__PURE__ */ e(
-      "circle",
-      {
-        cx: l,
-        cy: d,
-        r: c,
-        fill: "none",
-        stroke: h.color,
-        strokeWidth: c * 0.6,
-        strokeDasharray: `${h.dash} ${o - h.dash}`,
-        strokeDashoffset: -h.offset,
-        transform: `rotate(-90 ${l} ${d})`
-      },
-      y
-    )),
-    /* @__PURE__ */ e("g", { transform: `translate(${l - a.length * 30}, ${i - 20})`, children: p.slice(0, 6).map((h, y) => /* @__PURE__ */ t("g", { transform: `translate(${y * 60}, 0)`, children: [
-      /* @__PURE__ */ e("rect", { width: 10, height: 10, fill: h.color, rx: 2 }),
-      /* @__PURE__ */ e("text", { x: 14, y: 9, fontSize: 9, fill: "#666", children: h.label.length > 6 ? h.label.slice(0, 6) + ".." : h.label })
-    ] }, y)) })
-  ] });
-}
-function ae({ type: a, data: r, title: s, width: i = 400, height: n = 300, appearance: u }) {
-  const { appearance: l } = M(), d = u ?? l, c = G(() => Qa(r.labels.length), [r.labels.length]);
-  return /* @__PURE__ */ e(j, { appearance: d, children: /* @__PURE__ */ t("div", { className: "ss-chart-container", children: [
-    s && /* @__PURE__ */ e("h3", { className: "ss-chart-title", children: s }),
-    /* @__PURE__ */ t("svg", { viewBox: `0 0 ${i} ${n}`, width: "100%", style: { maxWidth: i }, children: [
-      a === "bar" && /* @__PURE__ */ e(Za, { labels: r.labels, values: r.values, w: i, h: n, colors: c }),
-      a === "line" && /* @__PURE__ */ e(Ka, { labels: r.labels, values: r.values, w: i, h: n, colors: c }),
-      a === "pie" && /* @__PURE__ */ e(Xa, { labels: r.labels, values: r.values, w: i, h: n, colors: c })
-    ] })
-  ] }) });
-}
-function we({ dashboardId: a, embedToken: r, baseUrl: s, refreshInterval: i, appearance: n }) {
-  const u = M(), l = n ?? (u == null ? void 0 : u.appearance), d = G(() => {
-    if (r) {
-      const N = s ?? "https://api.saas-support.com/v1", O = new Q(N, { type: "embedToken", token: r });
-      return new ta(O);
-    }
-    return u.client.report;
-  }, [r, s, u]), [c, o] = g([]), [m, p] = g({}), [h, y] = g(!0), [x, v] = g(null), z = k(async () => {
-    y(!0), v(null);
-    try {
-      const N = await d.getDashboard(a), O = JSON.parse(N.layoutJson || "[]");
-      o(O);
-      const C = {};
-      for (const f of O)
-        try {
-          const P = await d.listQueries({ search: f.queryId, perPage: 1 });
-          if (P.data.length > 0 && P.data[0].generatedSql) {
-            const I = await d.executeQuery({ sql: P.data[0].generatedSql });
-            C[f.queryId] = I;
-          }
-        } catch {
-        }
-      p(C);
-    } catch (N) {
-      v(N instanceof Error ? N.message : "Failed to load dashboard");
-    } finally {
-      y(!1);
-    }
-  }, [d, a]);
-  return U(() => {
-    z();
-  }, [z]), U(() => {
-    if (!i || i <= 0) return;
-    const N = setInterval(z, i * 1e3);
-    return () => clearInterval(N);
-  }, [i, z]), /* @__PURE__ */ e(j, { appearance: l, children: /* @__PURE__ */ t("div", { className: "ss-dashboard-grid", children: [
-    h && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
-      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
-      " Loading dashboard..."
-    ] }),
-    x && /* @__PURE__ */ e("div", { className: "ss-global-error", children: x }),
-    !h && c.map((N, O) => {
-      const C = m[N.queryId];
-      if (!C) return null;
-      const f = C.columns.length >= 2 ? {
-        labels: C.rows.map((P) => String(P[C.columns[0]] ?? "")),
-        values: C.rows.map((P) => Number(P[C.columns[1]] ?? 0))
-      } : { labels: [], values: [] };
-      return /* @__PURE__ */ t("div", { className: "ss-widget", children: [
-        N.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: N.title }),
-        N.chartType === "table" ? /* @__PURE__ */ e(Ja, { columns: C.columns, rows: C.rows, maxRows: 50 }) : /* @__PURE__ */ e(
-          ae,
-          {
-            type: N.chartType || "bar",
-            data: f,
-            width: N.w,
-            height: N.h
-          }
-        )
-      ] }, O);
-    })
-  ] }) });
-}
-function ee(a) {
-  return new Date(a).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
-}
-function Ne({ onSelectQuery: a, onRunQuery: r, appearance: s }) {
-  const { appearance: i } = M(), { queries: n, isLoading: u, error: l } = Ya(), { execute: d, isLoading: c } = ua(), o = s ?? i, m = k(async (p) => {
-    if (!p.generatedSql) return;
-    const h = await d({ sql: p.generatedSql });
-    h && (r == null || r(h));
-  }, [d, r]);
-  return /* @__PURE__ */ e(j, { appearance: o, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Saved Queries" }),
-    u && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
-      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
-      " Loading..."
-    ] }),
-    l && /* @__PURE__ */ e("div", { className: "ss-global-error", children: l }),
-    !u && n.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No saved queries." }),
-    !u && n.map((p) => /* @__PURE__ */ t(
-      "div",
-      {
-        className: "ss-saved-query-card",
-        onClick: () => a == null ? void 0 : a(p),
-        children: [
-          /* @__PURE__ */ t("div", { className: "ss-saved-query-header", children: [
-            /* @__PURE__ */ e("span", { className: "ss-saved-query-name", children: p.name }),
-            p.chartType && /* @__PURE__ */ e("span", { className: "ss-badge", children: p.chartType })
-          ] }),
-          p.naturalLanguage && /* @__PURE__ */ e("p", { className: "ss-saved-query-desc", children: p.naturalLanguage }),
-          /* @__PURE__ */ t("div", { className: "ss-saved-query-footer", children: [
-            /* @__PURE__ */ e("span", { className: "ss-saved-query-date", children: ee(p.createdAt) }),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                className: "ss-btn ss-btn-sm ss-btn-primary",
-                disabled: c || !p.generatedSql,
-                onClick: (h) => {
-                  h.stopPropagation(), m(p);
-                },
-                children: c ? /* @__PURE__ */ e("span", { className: "ss-spinner" }) : "Run"
-              }
-            )
-          ] })
-        ]
-      },
-      p.id
-    ))
-  ] }) });
-}
-function Se({ embedToken: a, dashboardId: r, baseUrl: s = "https://api.saas-support.com/v1", refreshInterval: i, appearance: n }) {
-  const u = G(() => {
-    const v = new Q(s, { type: "embedToken", token: a });
-    return new ta(v);
-  }, [a, s]), [l, d] = g([]), [c, o] = g(!0), [m, p] = g(null), h = G(() => aa(n), [n]), y = G(() => ea(h), [h]), x = k(async () => {
-    o(!0), p(null);
-    try {
-      const v = await u.getDashboard(r), z = JSON.parse(v.layoutJson || "[]"), N = await Promise.all(
-        z.map(async (O) => {
-          try {
-            const C = await u.listQueries({ search: O.queryId, perPage: 1 });
-            if (C.data.length > 0 && C.data[0].generatedSql) {
-              const f = await u.executeQuery({ sql: C.data[0].generatedSql });
-              return { ...O, result: f };
-            }
-          } catch {
-          }
-          return O;
-        })
-      );
-      d(N);
-    } catch (v) {
-      p(v instanceof Error ? v.message : "Failed to load dashboard");
-    } finally {
-      o(!1);
-    }
-  }, [u, r]);
-  return U(() => {
-    x();
-  }, [x]), U(() => {
-    if (!i || i <= 0) return;
-    const v = setInterval(x, i * 1e3);
-    return () => clearInterval(v);
-  }, [i, x]), /* @__PURE__ */ e(
-    "div",
-    {
-      ref: (v) => {
-        if (!v || v.shadowRoot) return;
-        const z = v.attachShadow({ mode: "open" }), N = document.createElement("style");
-        N.textContent = y, z.appendChild(N);
-        const O = document.createElement("div");
-        z.appendChild(O);
-      },
-      style: { display: "contents" },
-      children: /* @__PURE__ */ t("div", { className: "ss-dashboard-grid", children: [
-        c && /* @__PURE__ */ e("div", { className: "ss-loading", children: "Loading dashboard..." }),
-        m && /* @__PURE__ */ e("div", { className: "ss-global-error", children: m }),
-        !c && l.map((v, z) => {
-          if (!v.result) return null;
-          const { columns: N, rows: O } = v.result;
-          return /* @__PURE__ */ t("div", { className: "ss-widget", children: [
-            v.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: v.title }),
-            /* @__PURE__ */ t("table", { className: "ss-table", children: [
-              /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: N.map((C) => /* @__PURE__ */ e("th", { className: "ss-th", children: C }, C)) }) }),
-              /* @__PURE__ */ e("tbody", { children: O.slice(0, 50).map((C, f) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: N.map((P) => /* @__PURE__ */ e("td", { className: "ss-td", children: String(C[P] ?? "") }, P)) }, f)) })
-            ] })
-          ] }, z);
-        })
-      ] })
-    }
-  );
-}
 export {
-  ae as Chart,
-  fe as CouponInput,
-  we as DashboardView,
-  Ja as DataTable,
-  _a as InvoiceHistory,
-  pe as OrgSwitcher,
-  me as PaymentPortal,
-  he as PricingTable,
-  ve as QueryInput,
-  Se as ReportEmbed,
-  na as SaaSContext,
-  Ce as SaaSError,
-  oe as SaaSProvider,
-  va as SaaSSupport,
-  Ne as SavedQueryList,
-  Ia as SettingsPanel,
-  le as SignIn,
-  ce as SignUp,
-  Ha as SubscriptionStatus,
-  Ga as UsageDisplay,
-  de as UserButton,
-  ue as UserProfile,
-  wa as isMfaRequired,
-  sa as useAuth,
-  ge as useBilling,
-  xe as useDashboard,
-  Oa as useDeleteAccount,
-  ye as useEmbedDashboard,
-  ra as useInvites,
-  Va as useInvoices,
-  Y as useOrg,
-  ia as useProfile,
-  ua as useQuery,
-  be as useReport,
-  M as useSaaSContext,
-  Ya as useSavedQueries,
-  oa as useSignIn,
-  Pa as useSignUp,
-  Ma as useSubscription,
-  Ua as useUsage,
-  ie as useUser
+  ua as SaaSContext,
+  Qa as SaaSError,
+  Ga as SaaSProvider,
+  $a as SaaSSupport,
+  Va as SettingsPanel,
+  Za as SignIn,
+  Ja as UserButton,
+  ka as isMfaRequired,
+  ha as useAuth,
+  Ea as useDeleteAccount,
+  na as useInvites,
+  aa as useOrg,
+  Ba as useProfile,
+  q as useSaaSContext,
+  Oa as useSignIn,
+  Ia as useSignUp,
+  Ya as useUser
 };