@saas-support/react 0.7.5 → 0.8.1

package/dist/react.js

@@ -1,33 +1,33 @@
-import { jsx as e, jsxs as t, Fragment as H } from "react/jsx-runtime";
-import { createContext as ma, useContext as fa, useState as h, useEffect as U, useRef as W, useCallback as $, forwardRef as ba, useImperativeHandle as xa, useMemo as G } from "react";
-import { SaaSSupport as ya, isMfaRequired as va, BillingClient as wa, Transport as Q, ReportClient as ta } from "./index.js";
-import { SaaSError as $e } from "./index.js";
-import { createPortal as Na } from "react-dom";
-const ra = ma(null);
-function D() {
-  const a = fa(ra);
+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 ua = ba(null);
+function q() {
+  const a = ya(ua);
   if (!a)
     throw new Error("useSaaSContext must be used within a <SaaSProvider>");
   return a;
 }
-function re({ publishableKey: a, apiKey: r, baseUrl: s, appearance: l, children: n }) {
-  const [u] = h(() => new ya({ publishableKey: a, apiKey: r, baseUrl: s })), [c, d] = h(null), [i, o] = h(!1), [m, p] = h(null);
-  return U(() => {
-    let g = !1;
-    u.load().then(async () => {
-      if (g) return;
-      const x = await u.auth.getUser(), y = await u.auth.getSettings();
-      d(x), p(y), 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 v = u.auth.onAuthStateChange((x) => {
-      g || d(x);
+    const N = o.auth.onAuthStateChange((w) => {
+      s || u(w);
     });
     return () => {
-      g = !0, v(), u.destroy();
+      s = !0, N(), o.destroy();
     };
-  }, [u]), /* @__PURE__ */ e(ra.Provider, { value: { client: u, user: c, isLoaded: i, appearance: l, settings: m }, children: n });
+  }, [o]), /* @__PURE__ */ t(ua.Provider, { value: { client: o, user: h, isLoaded: $, appearance: c, settings: k }, children: d });
 }
-const Sa = {
+const Na = {
   // Legacy (unchanged)
   colorPrimary: "#6366f1",
   colorPrimaryHover: "#4f46e5",
@@ -61,7 +61,7 @@ const Sa = {
   authSuccess: "#22c55e",
   authFontHeadline: "'Manrope', sans-serif",
   authFontBody: "'Inter', sans-serif"
-}, $a = {
+}, Ca = {
   // Legacy (unchanged)
   colorPrimary: "#818cf8",
   colorPrimaryHover: "#6366f1",
@@ -96,53 +96,53 @@ const Sa = {
   authFontHeadline: "'Manrope', sans-serif",
   authFontBody: "'Inter', sans-serif"
 };
-function aa(a) {
-  const r = (a == null ? void 0 : a.baseTheme) === "dark" ? $a : Sa, s = a == null ? void 0 : a.variables, l = (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 ? ka(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: l,
-    authPrimaryContainer: s != null && s.colorPrimary ? Ca(l, 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 ka(a, r) {
-  const s = parseInt(a.replace("#", ""), 16), l = 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 `#${(l << 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 Ca(a, r) {
-  const s = parseInt(a.replace("#", ""), 16), l = 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 `#${(l << 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);
@@ -1451,11 +1469,31 @@ function ea(a) {
       height: 40px;
       border-radius: 50%;
       border: 2px solid ${a.authPrimary};
-      overflow: hidden;
+      overflow: visible;
       transition: transform 0.15s, box-shadow 0.15s;
       padding: 0;
       background: none;
       flex-shrink: 0;
+      position: relative;
+    }
+
+    .ss-auth-invite-badge {
+      position: absolute;
+      top: -4px;
+      right: -4px;
+      min-width: 18px;
+      height: 18px;
+      border-radius: 9px;
+      font-size: 10px;
+      font-weight: 700;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: ${a.authError || "#ef4444"};
+      color: #fff;
+      padding: 0 4px;
+      line-height: 1;
+      pointer-events: none;
     }
 
     .ss-auth-avatar-trigger img {
@@ -2501,285 +2539,323 @@ function ea(a) {
     }
   `;
 }
-function j({ children: a, appearance: r }) {
-  const s = W(null), [l, n] = h(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 c = 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 v = document.createElement("link");
-        v.rel = "stylesheet", v.href = p, document.head.appendChild(v);
+    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 g = document.createElement("link");
-      g.rel = "stylesheet", g.href = p, c.appendChild(g);
-    }
-    const d = aa(r), i = document.createElement("style");
-    i.textContent = ea(d), c.appendChild(i);
-    const o = document.createElement("div");
-    c.appendChild(o), n(c);
-  }, []), U(() => {
-    if (!l) return;
-    const c = l.querySelector("style");
-    if (c) {
-      const d = aa(r);
-      c.textContent = ea(d);
-    }
-  }, [r, l]);
-  const u = (l == null ? void 0 : l.querySelector("div")) ?? null;
-  return /* @__PURE__ */ e("div", { ref: s, style: { display: "contents" }, children: u && Na(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 } = D();
+function ha() {
+  const { client: a, user: n, isLoaded: r } = q();
   return {
-    isLoaded: s,
-    isSignedIn: !!r,
-    user: r,
-    signOut: $(() => a.auth.signOut(), [a]),
-    getToken: $(() => a.auth.getToken(), [a]),
-    refreshUser: $(() => 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 ne() {
-  const { user: a, isLoaded: r } = D();
-  return { user: a, isLoaded: r };
+function Ya() {
+  const { user: a, isLoaded: n } = q();
+  return { user: a, isLoaded: n };
 }
-function na() {
-  const { client: a } = D(), [r, s] = h(!1), [l, n] = h(null), u = $(
-    async (i, 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(i, 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]
-  ), c = $(
-    async (i) => {
-      s(!0), n(null);
+  ), h = S(
+    async ($) => {
+      r(!0), d(null);
       try {
-        return await a.auth.signInWithOAuth(i);
-      } 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 = $(
-    async (i, o) => {
-      s(!0), n(null);
+  ), u = S(
+    async ($, p) => {
+      r(!0), d(null);
       try {
-        return await a.auth.submitMfaCode(i, 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: c, submitMfaCode: d, isLoading: r, error: l, setError: n };
+  return { signIn: o, signInWithOAuth: h, submitMfaCode: u, isLoading: n, error: c, setError: d };
 }
-function za() {
-  const { client: a } = D(), [r, s] = h(!1), [l, n] = h(null);
-  return { signUp: $(
-    async (c, 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(c, d);
-      } catch (i) {
-        return n(i instanceof Error ? i.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: l, setError: n };
+  ), isLoading: n, error: c, setError: d };
 }
-function Y() {
-  const { client: a } = D(), [r, s] = h([]), [l, n] = h(null), [u, c] = h([]), [d, i] = h([]), [o, m] = h(!1), [p, g] = h(null), v = W(!1), x = $(async () => {
-    m(!0), g(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), !v.current && b.length > 0) {
-        const w = typeof window < "u" ? localStorage.getItem("ss_selected_org") : null, z = (w ? b.find((M) => M.id === w) : null) ?? (b.length === 1 ? b[0] : null);
-        if (z) {
-          v.current = !0, n(z), typeof window < "u" && localStorage.setItem("ss_selected_org", z.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 M = await a.auth.listMembers(z.id);
-            c(M);
+            const O = await a.auth.listMembers(x.id);
+            h(O);
           } catch {
           }
         }
       }
     } catch (b) {
-      g(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 y = $(async (b) => {
+  W(() => {
+    w();
+  }, [w]);
+  const I = S(async (b) => {
     try {
-      const w = await a.auth.getOrg(b);
-      n(w), typeof window < "u" && localStorage.setItem("ss_selected_org", b);
-      const B = await a.auth.listMembers(b);
-      c(B);
-    } catch (w) {
-      g(w instanceof Error ? w.message : "Failed to load organization");
-    }
-  }, [a]), P = $(async (b, w) => {
+      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 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 B = await a.auth.createOrg(b, w);
-      return s((z) => [...z, B]), B;
-    } catch (B) {
-      return g(B instanceof Error ? B.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 = $(async (b, w) => {
+  }, [a, c]), D = S(async (b) => {
     try {
-      const B = await a.auth.updateOrg(b, w);
-      return s((z) => z.map((M) => M.id === b ? B : M)), (l == null ? void 0 : l.id) === b && n(B), B;
-    } catch (B) {
-      return g(B instanceof Error ? B.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, l]), E = $(async (b) => {
+  }, [a, c]), M = S(async (b, m, g) => {
     try {
-      return await a.auth.deleteOrg(b), s((w) => w.filter((B) => B.id !== b)), (l == null ? void 0 : l.id) === b && (n(null), c([]), i([]), typeof window < "u" && localStorage.removeItem("ss_selected_org")), !0;
-    } catch (w) {
-      return g(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, l]), C = $(async (b, w, B) => {
+  }, [a]), l = S(async (b) => {
     try {
-      return await a.auth.sendInvite(b, w, B);
-    } catch (z) {
-      return g(z instanceof Error ? z.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 = $(async (b) => {
+  }, [a]), C = S(async (b, m) => {
     try {
-      const w = await a.auth.listInvites(b);
-      i(w);
-    } catch (w) {
-      g(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]), O = $(async (b, w) => {
+  }, [a]), z = S(async (b, m, g) => {
     try {
-      return await a.auth.revokeInvite(b, w), i((B) => B.filter((z) => z.id !== w)), !0;
-    } catch (B) {
-      return g(B instanceof Error ? B.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 = $(async (b, w, B) => {
+  }, [a]), P = S(async (b, m) => {
     try {
-      return await a.auth.updateMemberRole(b, w, B), c((z) => z.map((M) => M.userId === w ? { ...M, role: B } : M)), !0;
-    } catch (z) {
-      return g(z instanceof Error ? z.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]), F = $(async (b, w) => {
+  }, [a]), L = S(async (b) => {
     try {
-      return await a.auth.removeMember(b, w), c((B) => B.filter((z) => z.userId !== w)), !0;
-    } catch (B) {
-      return g(B instanceof Error ? B.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 = $(async (b) => {
+  }, [a]), F = S(async (b, m) => {
     try {
-      const w = await a.auth.listMembers(b);
-      c(w);
-    } catch (w) {
-      g(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: l,
-    members: u,
-    invites: d,
-    isLoading: o,
-    error: p,
-    setError: g,
-    refresh: x,
-    selectOrg: y,
-    createOrg: P,
-    updateOrg: N,
-    deleteOrg: E,
-    sendInvite: C,
-    refreshInvites: f,
-    revokeInvite: O,
-    updateMemberRole: I,
-    removeMember: F,
-    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 Pa() {
-  const { client: a } = D(), [r, s] = h(!1), [l, n] = h(null);
-  return { deleteAccount: $(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 (c) {
-      return n(c instanceof Error ? c.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: l, setError: n };
+  }, [a]), isLoading: n, error: c, setError: d };
 }
-function oa() {
-  const { client: a, user: r } = D(), [s, l] = h(!1), [n, u] = h(null), [c, d] = h(null), i = $(
-    async (p) => {
-      l(!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 g = await a.auth.updateProfile(p);
-        return d("Profile updated"), g;
-      } catch (g) {
-        return u(g instanceof Error ? g.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 {
-        l(!1);
+        c(!1);
       }
     },
     [a]
-  ), o = $(
-    async (p, g) => {
-      l(!0), u(null), d(null);
+  ), p = S(
+    async (f, s) => {
+      c(!0), o(null), u(null);
       try {
-        return await a.auth.changePassword(p, g), d("Password changed successfully"), !0;
-      } catch (v) {
-        return u(v instanceof Error ? v.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 {
-        l(!1);
+        c(!1);
       }
     },
     [a]
-  ), m = $(
-    async (p) => {
-      l(!0), u(null), d(null);
+  ), k = S(
+    async (f) => {
+      c(!0), o(null), u(null);
       try {
-        const g = await a.auth.uploadAvatar(p);
-        return d("Avatar updated"), g;
-      } catch (g) {
-        return u(g instanceof Error ? g.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 {
-        l(!1);
+        c(!1);
       }
     },
     [a]
   );
-  return { user: r, updateProfile: i, uploadAvatar: m, changePassword: o, isLoading: s, error: n, success: c, setError: u, setSuccess: d };
+  return { user: n, updateProfile: $, uploadAvatar: k, changePassword: p, isLoading: r, error: d, success: h, setError: o, setSuccess: u };
+}
+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 k = await a.auth.listMyInvites();
+      r(k);
+    } catch (k) {
+      h(k instanceof Error ? k.message : "Failed to load invites");
+    } finally {
+      d(!1);
+    }
+  }, [a]);
+  W(() => {
+    u();
+  }, [u]);
+  const $ = S(async (k) => {
+    try {
+      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]), p = S(async (k) => {
+    try {
+      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: n, isLoading: c, error: o, setError: h, refresh: u, accept: $, decline: p };
 }
-const ia = '<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>', la = '<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",
@@ -2787,7 +2863,6 @@ const ia = '<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",
@@ -2795,10 +2870,8 @@ const ia = '<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",
-  cloudDone: "cloud_done",
+  mail: "mail",
   check: "check",
   image: "image",
   settings: "settings",
@@ -2808,236 +2881,185 @@ const ia = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d=
   send: "send",
   personRemove: "person_remove"
 };
-function oe({ appearance: a, signUpUrl: r, onSignUp: s }) {
-  const { appearance: l, settings: n } = D(), { signIn: u, signInWithOAuth: c, submitMfaCode: d, isLoading: i, error: o, setError: m } = na(), p = a ?? l, [g, v] = h(""), [x, y] = h(""), [P, N] = h(!1), [E, C] = h(!1), [f, O] = h(""), [I, F] = h(["", "", "", "", "", ""]), A = W([]), b = $(
-    async (L) => {
-      if (L.preventDefault(), E) {
-        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 k = await u(g, x);
-      k && va(k) && (O(k.mfaToken), C(!0), m(null));
+      const A = await h(M, C);
+      A && ka(A) && (ra(A.mfaToken), G(!0), f(null));
     },
-    [g, x, E, f, I, u, d, m]
-  ), w = $(
-    async (L) => {
-      await c(L);
+    [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;
+      }
+      await s(M, C);
     },
-    [c]
-  ), B = $((L, k) => {
-    var _;
-    if (!/^\d*$/.test(k)) return;
-    const T = k.slice(-1);
-    F((K) => {
-      const J = [...K];
-      return J[L] = T, J;
-    }), T && L < 5 && ((_ = A.current[L + 1]) == null || _.focus());
-  }, []), z = $((L, k) => {
-    var T;
-    k.key === "Backspace" && !I[L] && L > 0 && ((T = A.current[L - 1]) == null || T.focus());
-  }, [I]), M = (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" })
+    [M, C, F, o, s]
+  ), oa = S(
+    async (E) => {
+      await u(E);
+    },
+    [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" })
     ] }),
-    !E && M && /* @__PURE__ */ t(H, { 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: i,
+            onClick: () => oa("google"),
+            disabled: j,
             children: [
-              /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ia } }),
+              /* @__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: i,
+            onClick: () => oa("github"),
+            disabled: j,
             children: [
-              /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: la } }),
+              /* @__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: [
-      E ? /* @__PURE__ */ t(H, { 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((L, k) => /* @__PURE__ */ e(
-            "input",
-            {
-              ref: (T) => {
-                A.current[k] = 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: L,
-              onChange: (T) => B(k, T.target.value),
-              onKeyDown: (T) => z(k, T),
-              autoFocus: k === 0
-            },
-            k
-          )) }),
-          /* @__PURE__ */ e("p", { className: "ss-auth-mfa-hint", children: "We sent a 6-digit code to your registered email." })
-        ] })
-      ] }) : /* @__PURE__ */ t(H, { 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: g,
-              onChange: (L) => v(L.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: P ? "text" : "password",
-                autoComplete: "current-password",
-                placeholder: "••••••••",
-                value: x,
-                onChange: (L) => y(L.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(!P),
-                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P ? 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: i, children: [
-        i && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
-        E ? "Verify" : "Sign in",
-        !i && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.arrowForward })
-      ] })
-    ] }),
-    E ? /* @__PURE__ */ e("div", { className: "ss-auth-footer", children: /* @__PURE__ */ e(
-      "span",
-      {
-        className: "ss-auth-link",
-        onClick: () => {
-          C(!1), F(["", "", "", "", "", ""]), 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 ie({ appearance: a, signInUrl: r, onSignIn: s }) {
-  const { appearance: l, settings: n } = D(), { signUp: u, isLoading: c, error: d, setError: i } = za(), { signInWithOAuth: o } = na(), m = a ?? l, [p, g] = h(""), [v, x] = h(""), [y, P] = h(""), [N, E] = h(!1), [C, f] = h(null), O = $(
-    async (b) => {
-      if (b.preventDefault(), f(null), v !== y) {
-        f("Passwords do not match");
-        return;
-      }
-      const w = (n == null ? void 0 : n.passwordMinLength) ?? 8;
-      if (v.length < w) {
-        f(`Password must be at least ${w} characters`);
-        return;
-      }
-      await u(p, v);
-    },
-    [p, v, y, n, u]
-  ), I = $(
-    async (b) => {
-      await o(b);
-    },
-    [o]
-  ), F = (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: [
-      F && /* @__PURE__ */ t(H, { 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: c,
-              children: [
-                /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ia } }),
-                "Google"
-              ]
-            }
-          ),
-          (n == null ? void 0 : n.githubEnabled) && /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              className: "ss-auth-btn-social",
-              onClick: () => I("github"),
-              disabled: c,
-              children: [
-                /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: la } }),
-                "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: O, 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",
@@ -3045,44 +3067,44 @@ function ie({ appearance: a, signInUrl: r, onSignIn: s }) {
               type: "email",
               autoComplete: "email",
               placeholder: "name@company.com",
-              value: p,
-              onChange: (b) => g(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: v,
-                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: () => E(!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",
@@ -3090,295 +3112,316 @@ function ie({ appearance: a, signInUrl: r, onSignIn: s }) {
               type: "password",
               autoComplete: "new-password",
               placeholder: "••••••••",
-              value: y,
-              onChange: (b) => {
-                P(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: c, children: [
-          c && /* @__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",
-          !c && /* @__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, Oa = ba(function({ file: r, onCrop: s, onCancel: l }, n) {
-  const u = W(null), c = W(null), [d, i] = h(1), [o, m] = h({ x: 0, y: 0 }), [p, g] = h(!1), v = W({ x: 0, y: 0, ox: 0, oy: 0 }), [x, y] = h(!1);
-  U(() => {
-    const f = new Image(), O = URL.createObjectURL(r);
-    return f.onload = () => {
-      c.current = f, y(!0), m({ x: 0, y: 0 }), i(1);
-    }, f.src = O, () => URL.revokeObjectURL(O);
-  }, [r]), U(() => {
-    if (!x || !c.current || !u.current) return;
-    const f = u.current.getContext("2d");
-    if (!f) return;
-    const O = c.current;
-    f.clearRect(0, 0, V, V), f.fillStyle = "#111", f.fillRect(0, 0, V, V);
-    const I = Math.max(V / O.width, V / O.height) * d, F = O.width * I, A = O.height * I, b = (V - F) / 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(O, b, w, F, 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(O, b, w, F, 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 P = $(
-    (f) => {
-      g(!0), v.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 = $(
-    (f) => {
-      p && m({
-        x: v.current.ox + (f.clientX - v.current.x),
-        y: v.current.oy + (f.clientY - v.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]
-  ), E = $(() => g(!1), []), C = $(() => {
-    if (!c.current) return;
-    const f = document.createElement("canvas"), O = q * 2;
-    f.width = O, f.height = O;
-    const I = f.getContext("2d");
-    if (!I) return;
-    const F = c.current, A = Math.max(V / F.width, V / F.height) * d, b = F.width * A, w = F.height * A, B = (V - b) / 2 + o.x - (V / 2 - q), z = (V - w) / 2 + o.y - (V / 2 - q);
-    I.beginPath(), I.arc(q, q, q, 0, Math.PI * 2), I.clip(), I.drawImage(F, B, z, b, w), f.toBlob((M) => {
-      M && s(M);
+    [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 xa(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: P,
-          onPointerMove: N,
-          onPointerUp: E
+          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) => i(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 ca({ onUpload: a, onClose: r, isLoading: s }) {
-  const [l, n] = h(null), [u, c] = h(!1), [d, i] = h(null), o = W(null), m = W(null), p = $((x) => {
-    if (!x.type.startsWith("image/")) {
-      i("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) {
-      i("Image must be smaller than 5 MB");
+    if (w.size > 5 * 1024 * 1024) {
+      $("Image must be smaller than 5 MB");
       return;
     }
-    i(null), n(x);
-  }, []), g = $(
-    (x) => {
-      x.preventDefault(), c(!1);
-      const y = x.dataTransfer.files[0];
-      y && p(y);
+    $(null), d(w);
+  }, []), s = S(
+    (w) => {
+      w.preventDefault(), h(!1);
+      const I = w.dataTransfer.files[0];
+      I && f(I);
     },
-    [p]
-  ), v = $(
-    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 })
       ] }),
-      l ? /* @__PURE__ */ t(H, { children: [
-        /* @__PURE__ */ e(Oa, { ref: m, file: l, onCrop: v, 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(), c(!0);
+          className: `ss-auth-dropzone${o ? " ss-auth-dropzone-active" : ""}`,
+          onDragOver: (w) => {
+            w.preventDefault(), h(!0);
           },
-          onDragLeave: () => c(!1),
-          onDrop: g,
+          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 y;
-            (y = x.target.files) != null && y[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: !l || 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 Ea({ onClose: a, afterDeleteAccountUrl: r, defaultTab: s = "profile", onOrgDeleted: l, onOrgUpdated: n }) {
-  const [u, c] = h(s), d = [
-    { key: "profile", label: "Profile", icon: S.person },
-    { key: "organization", label: "Organization", icon: S.corporateFare },
-    { key: "people", label: "People", icon: S.group },
-    { 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: d.map((i) => /* @__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 === i.key ? " ss-auth-settings-nav-item-active" : ""}`,
-          onClick: () => c(i.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: i.icon }),
-            i.label
+            /* @__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 })
           ]
         },
-        i.key
+        p.key
       )) }),
-      /* @__PURE__ */ t("div", { className: "ss-auth-settings-content", children: [
-        u === "profile" && /* @__PURE__ */ e(Ia, { afterDeleteAccountUrl: r }),
-        u === "organization" && /* @__PURE__ */ e(Ba, { onOrgDeleted: l, onOrgUpdated: n }),
-        u === "people" && /* @__PURE__ */ e(Fa, {}),
-        u === "billing" && /* @__PURE__ */ e(La, {})
+      /* @__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 Ia({ afterDeleteAccountUrl: a }) {
-  const { user: r, updateProfile: s, uploadAvatar: l, changePassword: n, isLoading: u, error: c, success: d, setError: i, setSuccess: o } = oa(), { signOut: m } = sa(), { deleteAccount: p, isLoading: g, error: v, setError: x } = Pa(), [y, P] = h((r == null ? void 0 : r.name) ?? ""), [N, E] = h((r == null ? void 0 : r.avatarUrl) ?? ""), [C, f] = h(!1), [O, I] = h(""), [F, A] = h(""), [b, w] = h(""), [B, z] = h(null), [M, L] = h(!1), [k, T] = h(""), _ = $(
-    async (R) => {
-      R.preventDefault(), i(null), o(null), await s({ name: y, 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 });
     },
-    [y, N, s, i, o]
-  ), K = $(
-    async (R) => {
-      const X = await l(R);
-      X && (E(X.avatarUrl), f(!1));
+    [I, T, r, $, p]
+  ), ra = S(
+    async (V) => {
+      const Q = await c(V);
+      Q && (D(Q.avatarUrl), l(!1));
     },
-    [l]
-  ), J = $(
-    async (R) => {
-      if (R.preventDefault(), z(null), i(null), o(null), F !== b) {
-        z("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 (F.length < 8) {
-        z("Password must be at least 8 characters");
+      if (P.length < 8) {
+        g("Password must be at least 8 characters");
         return;
       }
-      await n(O, F) && (I(""), A(""), w(""));
+      await d(C, P) && (z(""), L(""), b(""));
     },
-    [O, F, b, n, i, o]
-  ), ua = $(async () => {
-    await p() && (await m(), a && (window.location.href = a));
-  }, [p, m, a]), pa = (r == null ? void 0 : r.provider) === "email", ha = k === (r == null ? void 0 : r.email), ga = ((r == null ? void 0 : r.name) || (r == null ? void 0 : r.email) || "?").charAt(0).toUpperCase();
-  return /* @__PURE__ */ t(H, { 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",
@@ -3387,498 +3430,498 @@ function Ia({ afterDeleteAccountUrl: a }) {
             fontSize: "48px",
             fontWeight: 800,
             opacity: 0.4
-          }, children: ga }),
-          /* @__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 })
         ] })
       ] }),
-      c && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: c })
+      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: y,
-              onChange: (R) => P(R.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"
         ] }) })
       ] })
     ] }),
-    pa && /* @__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"
       ] }),
-      B && /* @__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: B })
+      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: O, onChange: (R) => I(R.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: F, onChange: (R) => A(R.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: (R) => w(R.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." }),
-      v && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: v })
+    /* @__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 })
       ] }),
-      M ? /* @__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: k,
-              onChange: (R) => T(R.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: () => {
-                L(!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: !ha || g,
-              onClick: ua,
+              disabled: !j || s,
+              onClick: K,
               children: [
-                g && /* @__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: () => L(!0),
+          onClick: () => O(!0),
           children: "Delete my account"
         }
       )
     ] }),
-    C && /* @__PURE__ */ e(
-      ca,
+    M && /* @__PURE__ */ t(
+      La,
       {
-        onUpload: K,
-        onClose: () => f(!1),
-        isLoading: u
+        onUpload: ra,
+        onClose: () => l(!1),
+        isLoading: o
       }
     )
   ] });
 }
-function Ba({ onOrgDeleted: a, onOrgUpdated: r }) {
-  const { selectedOrg: s, updateOrg: l, deleteOrg: n, isLoading: u, error: c, setError: d } = Y(), [i, o] = h((s == null ? void 0 : s.name) ?? ""), [m, p] = h(!1), [g, v] = h(!1), [x, y] = h(!1), [P, N] = h(!1), [E, C] = h("");
-  if (U(() => {
-    s && (o(s.name), y(!1));
-  }, [s]), x)
-    return /* @__PURE__ */ t(H, { 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(H, { 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(), !i.trim()) return;
-    p(!0), v(!1);
-    const F = await l(s.id, { name: i.trim() });
-    p(!1), F && (v(!0), r == null || r());
-  }, O = async () => {
-    await n(s.id) && (N(!1), y(!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(H, { 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"
       ] }),
-      c && /* @__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: c })
+      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 })
       ] }),
-      g && /* @__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: i,
-              onChange: (I) => {
-                o(I.target.value), v(!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." }),
-      P ? /* @__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: E,
-              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: E !== s.name || u,
-              onClick: O,
+              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 Fa() {
+function Ua() {
   const {
     selectedOrg: a,
-    members: r,
-    invites: s,
-    isLoading: l,
-    error: n,
-    setError: u,
-    sendInvite: c,
-    refreshInvites: d,
-    revokeInvite: i,
-    updateMemberRole: o,
-    removeMember: m,
-    refreshMembers: p
-  } = Y(), [g, v] = h(""), [x, y] = h("member"), [P, N] = h(!1), [E, C] = h(!1), [f, O] = h(null), [I, F] = h(""), [A, b] = h(null);
-  if (U(() => {
-    a && (p(a.id), d(a.id));
-  }, [a, p, d]), !a)
-    return /* @__PURE__ */ t(H, { 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 (k) => {
-    k.preventDefault(), C(!1), await c(a.id, g, x) && (v(""), y("member"), C(!0), N(!1), d(a.id));
-  }, B = async () => {
-    if (!f) return;
-    await o(a.id, f.userId, I) && O(null);
-  }, z = async () => {
-    if (!A) return;
-    await m(a.id, A.userId) && b(null);
-  }, M = async (k) => {
-    await i(a.id, k);
-  }, L = (k) => k === "owner" ? "ss-auth-role-badge ss-auth-role-badge-owner" : k === "admin" ? "ss-auth-role-badge ss-auth-role-badge-admin" : "ss-auth-role-badge ss-auth-role-badge-member";
-  return /* @__PURE__ */ t(H, { 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 })
     ] }),
-    E && /* @__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(!P),
+            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"
             ]
           }
         )
       ] }),
-      P && /* @__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: g,
-              onChange: (k) => v(k.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: (k) => y(k.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: l, 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((k) => /* @__PURE__ */ t("tr", { children: [
-          /* @__PURE__ */ e("td", { children: k.email }),
-          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: L(k.role), children: k.role }) }),
-          /* @__PURE__ */ e("td", { children: k.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: () => {
-                  O(k), F(k.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(k),
-                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 })
               }
             )
           ] }) })
-        ] }, k.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((k) => /* @__PURE__ */ t("tr", { children: [
-          /* @__PURE__ */ e("td", { children: k.email }),
-          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: L(k.role), children: k.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: () => M(k.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 })
             }
           ) })
-        ] }, k.id)) })
+        ] }, y.id)) })
       ] })
     ] }),
-    f && /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (k) => {
-      k.target === k.currentTarget && O(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: () => O(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: (k) => F(k.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: () => O(null), children: "Cancel" }),
-          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-primary ss-auth-btn-sm", style: { width: "auto" }, onClick: B, 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: (k) => {
-      k.target === k.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: z,
+              onClick: g,
               children: "Remove"
             }
           )
@@ -3887,86 +3930,150 @@ function Fa() {
     ] }) })
   ] });
 }
-function La() {
-  const { selectedOrg: a } = Y();
-  return a ? /* @__PURE__ */ t(H, { 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 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__ */ 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 })
+    ] }),
+    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(s.expiresAt).toLocaleDateString()
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__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: () => f(s.id),
+            disabled: $ === s.id,
+            children: "Decline"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "ss-auth-btn-primary ss-auth-btn-sm",
+            style: { width: "auto", padding: "6px 16px", fontSize: "13px" },
+            onClick: () => k(s.id),
+            disabled: $ === s.id,
+            children: [
+              $ === s.id && /* @__PURE__ */ t("span", { className: "ss-auth-spinner" }),
+              "Accept"
+            ]
+          }
+        )
+      ] })
+    ] }) }, s.id)) })
+  ] });
+}
+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(H, { 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 le({
+function Ja({
   appearance: a,
-  afterSignOutUrl: r,
-  afterDeleteAccountUrl: s,
-  showOrgSwitcher: l = !0,
-  onOrgChange: n,
-  onOrgSettingsClick: u
+  afterSignOutUrl: n,
+  afterDeleteAccountUrl: r,
+  showOrgSwitcher: c = !0,
+  onOrgChange: d,
+  onOrgSettingsClick: o
 }) {
-  const { appearance: c } = D(), { user: d, signOut: i } = sa(), o = a ?? c, [m, p] = h(!1), [g, v] = h(!1), [x, y] = h(""), [P, N] = h(null), [E, C] = h(!1), f = W(null), { orgs: O, selectedOrg: I, selectOrg: F, createOrg: A, refresh: b } = Y(), w = $((z) => {
-    f.current && !z.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 z = setTimeout(() => {
-        document.addEventListener("click", w);
+  W(() => {
+    if (k) {
+      const x = setTimeout(() => {
+        document.addEventListener("click", m);
       }, 0);
       return () => {
-        clearTimeout(z), document.removeEventListener("click", w);
+        clearTimeout(x), document.removeEventListener("click", m);
       };
     }
-  }, [m, w]);
-  const B = $(
-    async (z) => {
-      z.preventDefault(), N(null), C(!0);
-      const M = 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 L = await A(x, M);
-        L && (await F(L.id), n == null || n(L), y(""), p(!1));
-      } catch (L) {
-        N(L instanceof Error ? L.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, F, 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__ */ e("span", { className: "ss-auth-avatar-trigger", children: d.avatarUrl ? /* @__PURE__ */ e("img", { src: d.avatarUrl, alt: "" }) : /* @__PURE__ */ e("div", { style: {
-            width: "100%",
-            height: "100%",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            fontSize: "16px",
-            fontWeight: 700
-          }, children: (d.name || d.email).charAt(0).toUpperCase() }) }),
-          I && /* @__PURE__ */ e("span", { className: "ss-auth-trigger-org-name", children: I.name })
+          /* @__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",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: "16px",
+              fontWeight: 700
+            }, children: (u.name || u.email).charAt(0).toUpperCase() }),
+            b.length > 0 && /* @__PURE__ */ t("span", { className: "ss-auth-invite-badge", children: b.length })
+          ] }),
+          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",
@@ -3974,1183 +4081,134 @@ function le({
           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), v(!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"
           ]
         }
       ) }),
-      l && /* @__PURE__ */ t(H, { children: [
-        /* @__PURE__ */ e("div", { className: "ss-auth-section-label", children: "Organizations" }),
-        /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: O.map((z) => {
-          const M = (I == null ? void 0 : I.id) === z.id, L = z.name.split(" ").map((k) => k[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${M ? " ss-auth-org-item-active" : ""}`,
+              className: `ss-auth-org-item${O ? " ss-auth-org-item-active" : ""}`,
               onClick: async () => {
-                p(!1), await F(z.id), n == null || n(z);
+                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${M ? "" : " ss-auth-org-avatar-inactive"}`, children: L }),
-                  /* @__PURE__ */ e("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: z.name }),
-                  z.planName && /* @__PURE__ */ e("span", { className: "ss-auth-plan-badge", children: z.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 })
                 ] }),
-                M && /* @__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 })
               ]
             },
-            z.id
+            x.id
           );
         }) }),
-        /* @__PURE__ */ t("div", { className: "ss-auth-inline-create", children: [
-          P && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "8px", fontSize: "12px" }, children: /* @__PURE__ */ e("span", { children: P }) }),
-          /* @__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: (z) => y(z.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: E || !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 i(), 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"
           ]
         }
       ) })
     ] }),
-    g && /* @__PURE__ */ e(
-      Ea,
+    s && /* @__PURE__ */ t(
+      Va,
       {
-        onClose: () => v(!1),
-        afterDeleteAccountUrl: s,
-        onOrgDeleted: b,
-        onOrgUpdated: b
+        onClose: () => N(!1),
+        afterDeleteAccountUrl: r,
+        onOrgDeleted: F,
+        onOrgUpdated: F
       }
     )
   ] }) }) : null;
 }
-function ce({ appearance: a }) {
-  const { appearance: r } = D(), { user: s, signOut: l } = sa(), { updateProfile: n, uploadAvatar: u, changePassword: c, isLoading: d, error: i, success: o, setError: m, setSuccess: p } = oa(), g = a ?? r, [v, x] = h((s == null ? void 0 : s.name) ?? ""), [y, P] = h((s == null ? void 0 : s.avatarUrl) ?? ""), [N, E] = h(!1), [C, f] = h(""), [O, I] = h(""), [F, A] = h(""), [b, w] = h(null), B = $(
-    async (T) => {
-      T.preventDefault(), m(null), p(null), await n({ name: v, avatarUrl: y || void 0 });
-    },
-    [v, y, n, m, p]
-  ), z = $(
-    async (T) => {
-      const _ = await u(T);
-      _ && (P(_.avatarUrl), E(!1));
-    },
-    [u]
-  ), M = $(
-    async (T) => {
-      if (T.preventDefault(), w(null), m(null), p(null), O !== F) {
-        w("Passwords do not match");
-        return;
-      }
-      if (O.length < 8) {
-        w("Password must be at least 8 characters");
-        return;
-      }
-      await c(C, O) && (f(""), I(""), A(""));
-    },
-    [C, O, F, c, m, p]
-  );
-  if (!s) return null;
-  const L = s.provider === "email", k = (s.name || s.email).charAt(0).toUpperCase();
-  return /* @__PURE__ */ e(j, { appearance: g, 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: () => E(!0), children: [
-        y ? /* @__PURE__ */ e("img", { src: y, alt: "" }) : /* @__PURE__ */ e("div", { style: {
-          width: "100%",
-          height: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          fontSize: "48px",
-          fontWeight: 800,
-          opacity: 0.4
-        }, children: k }),
-        /* @__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: [
-      i && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: i })
-      ] }),
-      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: B, 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: v,
-              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"
-        ] }) })
-      ] }),
-      L && /* @__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: M, 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: O,
-                  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: F,
-                  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: () => l(),
-            style: { width: "auto", flexShrink: 0 },
-            children: "Sign out"
-          }
-        )
-      ] }) }) })
-    ] }),
-    N && /* @__PURE__ */ e(
-      ca,
-      {
-        onUpload: z,
-        onClose: () => E(!1),
-        isLoading: d
-      }
-    )
-  ] }) });
-}
-function de({ appearance: a, onOrgChange: r }) {
-  const { appearance: s } = D(), { orgs: l, selectedOrg: n, selectOrg: u, createOrg: c, isLoading: d } = Y(), i = a ?? s, [o, m] = h(!1), [p, g] = h(""), [v, x] = h(""), [y, P] = h(null), [N, E] = h(!1), C = W(null), f = $((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 O = $((b) => {
-    g(b), x(b.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
-  }, []), I = $(
-    async (b) => {
-      b.preventDefault(), P(null), E(!0);
-      try {
-        const w = await c(p, v);
-        w && (await u(w.id), r == null || r(w), g(""), x(""), m(!1));
-      } catch (w) {
-        P(w instanceof Error ? w.message : "Failed to create organization");
-      } finally {
-        E(!1);
-      }
-    },
-    [p, v, c, u, r]
-  );
-  if (d) return null;
-  const F = (n == null ? void 0 : n.name) ?? (l.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: i, 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: F })
-            ] })
-          ] }),
-          /* @__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: l.map((b) => {
-        const w = (n == null ? void 0 : n.id) === b.id, B = b.name.split(" ").map((z) => z[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: B }),
-                /* @__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" })
-        ] }),
-        y && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "12px", fontSize: "12px" }, children: /* @__PURE__ */ e("span", { children: y }) }),
-        /* @__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) => O(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: v,
-                  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 Aa(a, r = "USD") {
-  return new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency: r,
-    minimumFractionDigits: a % 100 === 0 ? 0 : 2
-  }).format(a / 100);
-}
-function ue({ plans: a, currentPlanId: r, onSelectPlan: s, interval: l, appearance: n }) {
-  const { appearance: u } = D(), c = n ?? u, d = l ? a.filter((i) => i.interval === l || i.isFree) : a;
-  return /* @__PURE__ */ e(j, { appearance: c, children: /* @__PURE__ */ e("div", { className: "ss-pricing-grid", children: d.map((i) => {
-    const o = i.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: i.name }),
-        i.trialDays > 0 && /* @__PURE__ */ t("span", { className: "ss-badge ss-badge-trialing", children: [
-          i.trialDays,
-          "-day trial"
-        ] }),
-        i.isFree && /* @__PURE__ */ e("span", { className: "ss-badge ss-badge-active", children: "Free" })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ss-pricing-price", children: i.isFree ? /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: "Free" }) : /* @__PURE__ */ t(H, { children: [
-        /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: Aa(i.amountCents, i.currency) }),
-        /* @__PURE__ */ t("span", { className: "ss-pricing-interval", children: [
-          "/",
-          i.interval
-        ] })
-      ] }) }),
-      i.description && /* @__PURE__ */ e("p", { className: "ss-pricing-desc", children: i.description }),
-      i.features.length > 0 && /* @__PURE__ */ e("ul", { className: "ss-pricing-features", children: i.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(i.id),
-          children: o ? "Current plan" : "Select plan"
-        }
-      )
-    ] }, i.id);
-  }) }) });
-}
-function pe() {
-  const { client: a } = D();
-  return { billing: a.billing };
-}
-function Z(a) {
-  const { client: r } = D();
-  return G(() => {
-    if (a) {
-      const s = new Q("https://api.saas-support.com/v1", { type: "portalToken", token: a });
-      return new wa(s);
-    }
-    return r.billing;
-  }, [r, a]);
-}
-function Ta(a, r) {
-  const s = Z(r), [l, n] = h(null), [u, c] = h(!0), [d, i] = h(null), o = $(async () => {
-    c(!0), i(null);
-    try {
-      const m = await s.getCustomer(a);
-      n(m);
-    } catch (m) {
-      i(m instanceof Error ? m.message : "Failed to load subscription");
-    } finally {
-      c(!1);
-    }
-  }, [s, a]);
-  return U(() => {
-    o();
-  }, [o]), { customer: l, isLoading: u, error: d, refresh: o };
-}
-function Da(a, r) {
-  const s = Z(r), [l, n] = h([]), [u, c] = h(!0), [d, i] = h(null), o = $(async () => {
-    c(!0), i(null);
-    try {
-      const m = await s.getInvoices(a);
-      n(m);
-    } catch (m) {
-      i(m instanceof Error ? m.message : "Failed to load invoices");
-    } finally {
-      c(!1);
-    }
-  }, [s, a]);
-  return U(() => {
-    o();
-  }, [o]), { invoices: l, isLoading: u, error: d, refresh: o };
-}
-function Ma(a, r) {
-  const s = Z(r), [l, n] = h([]), [u, c] = h(!0), [d, i] = h(null), o = $(async () => {
-    c(!0), i(null);
-    try {
-      const m = await s.getCurrentUsage(a);
-      n(m);
-    } catch (m) {
-      i(m instanceof Error ? m.message : "Failed to load usage");
-    } finally {
-      c(!1);
-    }
-  }, [s, a]);
-  return U(() => {
-    o();
-  }, [o]), { usage: l, isLoading: u, error: d, refresh: o };
-}
-const Va = {
-  active: "ss-badge-active"
-};
-function Ua({
-  customerId: a,
-  portalToken: r,
-  onChangePlan: s,
-  onCancel: l,
-  appearance: n
-}) {
-  const { appearance: u } = D(), { customer: c, isLoading: d, error: i } = Ta(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..."
-    ] }),
-    i && /* @__PURE__ */ e("div", { className: "ss-global-error", children: i }),
-    c && !d && /* @__PURE__ */ t(H, { children: [
-      /* @__PURE__ */ t("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Customer" }),
-        /* @__PURE__ */ e("input", { className: "ss-input", value: c.name || c.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 ${Va.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" }),
-        l && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-danger", onClick: l, children: "Cancel subscription" })
-      ] })
-    ] })
-  ] }) });
-}
-const Ra = {
-  paid: "ss-badge-active",
-  open: "ss-badge-trialing",
-  draft: "ss-badge-paused",
-  void: "ss-badge-canceled",
-  uncollectible: "ss-badge-past-due"
-};
-function Ha(a) {
-  return new Date(a).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
-}
-function ja(a) {
-  return new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", minimumFractionDigits: 2 }).format(a / 100);
-}
-function qa({ customerId: a, portalToken: r, appearance: s }) {
-  const { appearance: l } = D(), { invoices: n, isLoading: u, error: c } = Da(a, r), d = s ?? l, i = [...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..."
-    ] }),
-    c && /* @__PURE__ */ e("div", { className: "ss-global-error", children: c }),
-    !u && i.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No invoices yet." }),
-    !u && i.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: i.map((o) => /* @__PURE__ */ t("tr", { className: "ss-tr", children: [
-        /* @__PURE__ */ e("td", { className: "ss-td", children: Ha(o.createdAt) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: ja(o.amountCents) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: /* @__PURE__ */ e("span", { className: `ss-badge ${Ra[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 Wa({ customerId: a, limits: r, portalToken: s, appearance: l }) {
-  const { appearance: n } = D(), { usage: u, isLoading: c, error: d } = Ma(a, s);
-  return /* @__PURE__ */ e(j, { appearance: l ?? n, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Usage" }),
-    c && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
-      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
-      " Loading..."
-    ] }),
-    d && /* @__PURE__ */ e("div", { className: "ss-global-error", children: d }),
-    !c && u.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No usage data." }),
-    !c && 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 he({
-  customerId: a,
-  portalToken: r,
-  limits: s,
-  onChangePlan: l,
-  onCancel: n,
-  appearance: u
-}) {
-  const { appearance: c } = D(), d = u ?? c, [i, o] = h("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 ${i === p.id ? "ss-tab-active" : ""}`,
-        onClick: () => o(p.id),
-        children: p.label
-      },
-      p.id
-    )) }),
-    /* @__PURE__ */ t("div", { className: "ss-tab-content", children: [
-      i === "subscription" && /* @__PURE__ */ e(
-        Ua,
-        {
-          customerId: a,
-          portalToken: r,
-          onChangePlan: l,
-          onCancel: n
-        }
-      ),
-      i === "invoices" && /* @__PURE__ */ e(qa, { customerId: a, portalToken: r }),
-      i === "usage" && /* @__PURE__ */ e(Wa, { customerId: a, portalToken: r, limits: s })
-    ] })
-  ] }) });
-}
-function ge({ customerId: a, portalToken: r, onApplied: s, appearance: l }) {
-  const { appearance: n } = D(), u = Z(r), c = l ?? n, [d, i] = h(""), [o, m] = h(!1), [p, g] = h(null), [v, x] = h(null), y = $(async (P) => {
-    if (P.preventDefault(), !!d.trim()) {
-      m(!0), g(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`}`), i(""), s == null || s(N);
-      } catch (N) {
-        g(N instanceof Error ? N.message : "Invalid coupon code");
-      } finally {
-        m(!1);
-      }
-    }
-  }, [u, a, d, s]);
-  return /* @__PURE__ */ e(j, { appearance: c, 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 }),
-    v && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: v }),
-    /* @__PURE__ */ t("form", { onSubmit: y, 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: (P) => i(P.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 me() {
-  const { client: a } = D();
-  return { report: a.report };
-}
-function da() {
-  const { client: a } = D(), [r, s] = h(null), [l, n] = h(!1), [u, c] = h(null), d = $(async (i) => {
-    n(!0), c(null);
-    try {
-      const o = await a.report.executeQuery(i);
-      return s(o), o;
-    } catch (o) {
-      return c(o instanceof Error ? o.message : "Query failed"), null;
-    } finally {
-      n(!1);
-    }
-  }, [a]);
-  return { result: r, execute: d, isLoading: l, error: u };
-}
-function _a(a) {
-  const { client: r } = D(), [s, l] = h(null), [n, u] = h(!0), [c, d] = h(null), i = $(async () => {
-    u(!0), d(null);
-    try {
-      const o = await r.report.listQueries(a);
-      l(o);
-    } catch (o) {
-      d(o instanceof Error ? o.message : "Failed to load queries");
-    } finally {
-      u(!1);
-    }
-  }, [r, a]);
-  return U(() => {
-    i();
-  }, [i]), { queries: (s == null ? void 0 : s.data) ?? [], meta: s == null ? void 0 : s.meta, isLoading: n, error: c, refresh: i };
-}
-function fe(a) {
-  const { client: r } = D(), [s, l] = h(null), [n, u] = h(!0), [c, d] = h(null), i = $(async () => {
-    u(!0), d(null);
-    try {
-      const o = await r.report.getDashboard(a);
-      l(o);
-    } catch (o) {
-      d(o instanceof Error ? o.message : "Failed to load dashboard");
-    } finally {
-      u(!1);
-    }
-  }, [r, a]);
-  return U(() => {
-    i();
-  }, [i]), { dashboard: s, isLoading: n, error: c, refresh: i };
-}
-function be(a, r, s = "https://api.saas-support.com/v1") {
-  const l = G(() => {
-    const p = new Q(s, { type: "embedToken", token: a });
-    return new ta(p);
-  }, [a, s]), [n, u] = h(null), [c, d] = h(!0), [i, o] = h(null), m = $(async () => {
-    d(!0), o(null);
-    try {
-      const p = await l.getDashboard(r);
-      u(p);
-    } catch (p) {
-      o(p instanceof Error ? p.message : "Failed to load dashboard");
-    } finally {
-      d(!1);
-    }
-  }, [l, r]);
-  return U(() => {
-    m();
-  }, [m]), { dashboard: n, reportClient: l, isLoading: c, error: i, refresh: m };
-}
-function xe({ onResult: a, mode: r = "both", placeholder: s, appearance: l }) {
-  const { appearance: n } = D(), { execute: u, isLoading: c, error: d } = da(), i = l ?? n, [o, m] = h(""), [p, g] = h(r === "sql" ? "sql" : "nl"), v = $(async (x) => {
-    if (x.preventDefault(), !o.trim()) return;
-    const P = await u(p === "sql" ? { sql: o } : { naturalLanguage: o });
-    P && (a == null || a(P));
-  }, [o, p, u, a]);
-  return /* @__PURE__ */ e(j, { appearance: i, 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: () => g("nl"),
-          children: "Natural Language"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          className: `ss-tab ${p === "sql" ? "ss-tab-active" : ""}`,
-          onClick: () => g("sql"),
-          children: "SQL"
-        }
-      )
-    ] }),
-    d && /* @__PURE__ */ e("div", { className: "ss-global-error", children: d }),
-    /* @__PURE__ */ t("form", { onSubmit: v, 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: c || !o.trim(), children: [
-        c && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
-        "Run query"
-      ] })
-    ] })
-  ] }) });
-}
-function Ga({ columns: a, rows: r, sortable: s = !0, maxRows: l, appearance: n }) {
-  const { appearance: u } = D(), c = n ?? u, [d, i] = h(null), [o, m] = h("asc"), p = G(() => d ? [...r].sort((y, P) => {
-    const N = y[d], E = P[d];
-    if (N == null && E == null) return 0;
-    if (N == null) return 1;
-    if (E == null) return -1;
-    if (typeof N == "number" && typeof E == "number")
-      return o === "asc" ? N - E : E - N;
-    const C = String(N), f = String(E);
-    return o === "asc" ? C.localeCompare(f) : f.localeCompare(C);
-  }) : r, [r, d, o]), g = l ? p.slice(0, l) : p, v = (y) => {
-    s && (d === y ? m((P) => P === "asc" ? "desc" : "asc") : (i(y), m("asc")));
-  };
-  function x(y) {
-    return y == null ? "" : typeof y == "object" ? JSON.stringify(y) : String(y);
-  }
-  return /* @__PURE__ */ e(j, { appearance: c, 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((y) => /* @__PURE__ */ t(
-        "th",
-        {
-          className: `ss-th ${s ? "ss-th-sortable" : ""} ${d === y ? o === "asc" ? "ss-sorted-asc" : "ss-sorted-desc" : ""}`,
-          onClick: () => v(y),
-          children: [
-            y,
-            d === y && /* @__PURE__ */ e("span", { className: "ss-sort-indicator", children: o === "asc" ? " ▲" : " ▼" })
-          ]
-        },
-        y
-      )) }) }),
-      /* @__PURE__ */ e("tbody", { children: g.map((y, P) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: a.map((N) => /* @__PURE__ */ e("td", { className: "ss-td", children: x(y[N]) }, N)) }, P)) })
-    ] }),
-    l && r.length > l && /* @__PURE__ */ t("div", { className: "ss-table-footer", children: [
-      "Showing ",
-      l,
-      " of ",
-      r.length,
-      " rows"
-    ] })
-  ] }) });
-}
-function Ya(a, r = "#6366f1") {
-  const s = parseInt(r.replace("#", "").slice(0, 2), 16), l = [];
-  for (let n = 0; n < a; n++) {
-    const u = (s + n * Math.floor(360 / Math.max(a, 1))) % 360;
-    l.push(`hsl(${u}, 65%, 55%)`);
-  }
-  return l;
-}
-function Ja({ labels: a, values: r, w: s, h: l, colors: n }) {
-  const u = Math.max(...r, 1), c = 40, d = s - c * 2, i = l - c * 2, o = Math.max(1, d / a.length - 4);
-  return /* @__PURE__ */ t("g", { children: [
-    /* @__PURE__ */ e("line", { x1: c, y1: l - c, x2: s - c, y2: l - c, stroke: "#ccc", strokeWidth: 1 }),
-    r.map((m, p) => {
-      const g = m / u * i, v = c + d / a.length * p + 2, x = l - c - g;
-      return /* @__PURE__ */ t("g", { children: [
-        /* @__PURE__ */ e("rect", { x: v, y: x, width: o, height: g, fill: n[p % n.length], rx: 2 }),
-        /* @__PURE__ */ e("text", { x: v + o / 2, y: l - c + 14, textAnchor: "middle", fontSize: 10, fill: "#666", children: a[p].length > 8 ? a[p].slice(0, 8) + "..." : a[p] })
-      ] }, p);
-    })
-  ] });
-}
-function Qa({ labels: a, values: r, w: s, h: l, colors: n }) {
-  const u = Math.max(...r, 1), c = 40, d = s - c * 2, i = l - c * 2, o = a.length > 1 ? d / (a.length - 1) : 0, m = r.map((p, g) => {
-    const v = c + o * g, x = l - c - p / u * i;
-    return `${v},${x}`;
-  });
-  return /* @__PURE__ */ t("g", { children: [
-    [0.25, 0.5, 0.75, 1].map((p) => {
-      const g = l - c - p * i;
-      return /* @__PURE__ */ e("line", { x1: c, y1: g, x2: s - c, y2: g, stroke: "#eee", strokeWidth: 1 }, p);
-    }),
-    /* @__PURE__ */ e("polyline", { points: m.join(" "), fill: "none", stroke: n[0], strokeWidth: 2 }),
-    r.map((p, g) => {
-      const v = c + o * g, x = l - c - p / u * i;
-      return /* @__PURE__ */ e("circle", { cx: v, cy: x, r: 4, fill: n[0] }, g);
-    })
-  ] });
-}
-function Za({ labels: a, values: r, w: s, h: l, colors: n }) {
-  const u = r.reduce((g, v) => g + v, 0) || 1, c = s / 2, d = l / 2 - 20, i = Math.min(s, l) / 2 - 40, o = 2 * Math.PI * i;
-  let m = 0;
-  const p = r.map((g, v) => {
-    const x = g / u, y = x * o, P = { dash: y, offset: m, color: n[v % n.length], label: a[v], pct: x };
-    return m += y, P;
-  });
-  return /* @__PURE__ */ t("g", { children: [
-    p.map((g, v) => /* @__PURE__ */ e(
-      "circle",
-      {
-        cx: c,
-        cy: d,
-        r: i,
-        fill: "none",
-        stroke: g.color,
-        strokeWidth: i * 0.6,
-        strokeDasharray: `${g.dash} ${o - g.dash}`,
-        strokeDashoffset: -g.offset,
-        transform: `rotate(-90 ${c} ${d})`
-      },
-      v
-    )),
-    /* @__PURE__ */ e("g", { transform: `translate(${c - a.length * 30}, ${l - 20})`, children: p.slice(0, 6).map((g, v) => /* @__PURE__ */ t("g", { transform: `translate(${v * 60}, 0)`, children: [
-      /* @__PURE__ */ e("rect", { width: 10, height: 10, fill: g.color, rx: 2 }),
-      /* @__PURE__ */ e("text", { x: 14, y: 9, fontSize: 9, fill: "#666", children: g.label.length > 6 ? g.label.slice(0, 6) + ".." : g.label })
-    ] }, v)) })
-  ] });
-}
-function Ka({ type: a, data: r, title: s, width: l = 400, height: n = 300, appearance: u }) {
-  const { appearance: c } = D(), d = u ?? c, i = G(() => Ya(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 ${l} ${n}`, width: "100%", style: { maxWidth: l }, children: [
-      a === "bar" && /* @__PURE__ */ e(Ja, { labels: r.labels, values: r.values, w: l, h: n, colors: i }),
-      a === "line" && /* @__PURE__ */ e(Qa, { labels: r.labels, values: r.values, w: l, h: n, colors: i }),
-      a === "pie" && /* @__PURE__ */ e(Za, { labels: r.labels, values: r.values, w: l, h: n, colors: i })
-    ] })
-  ] }) });
-}
-function ye({ dashboardId: a, embedToken: r, baseUrl: s, refreshInterval: l, appearance: n }) {
-  const u = D(), c = n ?? (u == null ? void 0 : u.appearance), d = G(() => {
-    if (r) {
-      const N = s ?? "https://api.saas-support.com/v1", E = new Q(N, { type: "embedToken", token: r });
-      return new ta(E);
-    }
-    return u.client.report;
-  }, [r, s, u]), [i, o] = h([]), [m, p] = h({}), [g, v] = h(!0), [x, y] = h(null), P = $(async () => {
-    v(!0), y(null);
-    try {
-      const N = await d.getDashboard(a), E = JSON.parse(N.layoutJson || "[]");
-      o(E);
-      const C = {};
-      for (const f of E)
-        try {
-          const O = await d.listQueries({ search: f.queryId, perPage: 1 });
-          if (O.data.length > 0 && O.data[0].generatedSql) {
-            const I = await d.executeQuery({ sql: O.data[0].generatedSql });
-            C[f.queryId] = I;
-          }
-        } catch {
-        }
-      p(C);
-    } catch (N) {
-      y(N instanceof Error ? N.message : "Failed to load dashboard");
-    } finally {
-      v(!1);
-    }
-  }, [d, a]);
-  return U(() => {
-    P();
-  }, [P]), U(() => {
-    if (!l || l <= 0) return;
-    const N = setInterval(P, l * 1e3);
-    return () => clearInterval(N);
-  }, [l, P]), /* @__PURE__ */ e(j, { appearance: c, children: /* @__PURE__ */ t("div", { className: "ss-dashboard-grid", children: [
-    g && /* @__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 }),
-    !g && i.map((N, E) => {
-      const C = m[N.queryId];
-      if (!C) return null;
-      const f = C.columns.length >= 2 ? {
-        labels: C.rows.map((O) => String(O[C.columns[0]] ?? "")),
-        values: C.rows.map((O) => Number(O[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(Ga, { columns: C.columns, rows: C.rows, maxRows: 50 }) : /* @__PURE__ */ e(
-          Ka,
-          {
-            type: N.chartType || "bar",
-            data: f,
-            width: N.w,
-            height: N.h
-          }
-        )
-      ] }, E);
-    })
-  ] }) });
-}
-function Xa(a) {
-  return new Date(a).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
-}
-function ve({ onSelectQuery: a, onRunQuery: r, appearance: s }) {
-  const { appearance: l } = D(), { queries: n, isLoading: u, error: c } = _a(), { execute: d, isLoading: i } = da(), o = s ?? l, m = $(async (p) => {
-    if (!p.generatedSql) return;
-    const g = await d({ sql: p.generatedSql });
-    g && (r == null || r(g));
-  }, [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..."
-    ] }),
-    c && /* @__PURE__ */ e("div", { className: "ss-global-error", children: c }),
-    !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: Xa(p.createdAt) }),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                className: "ss-btn ss-btn-sm ss-btn-primary",
-                disabled: i || !p.generatedSql,
-                onClick: (g) => {
-                  g.stopPropagation(), m(p);
-                },
-                children: i ? /* @__PURE__ */ e("span", { className: "ss-spinner" }) : "Run"
-              }
-            )
-          ] })
-        ]
-      },
-      p.id
-    ))
-  ] }) });
-}
-function we({ embedToken: a, dashboardId: r, baseUrl: s = "https://api.saas-support.com/v1", refreshInterval: l, appearance: n }) {
-  const u = G(() => {
-    const y = new Q(s, { type: "embedToken", token: a });
-    return new ta(y);
-  }, [a, s]), [c, d] = h([]), [i, o] = h(!0), [m, p] = h(null), g = G(() => aa(n), [n]), v = G(() => ea(g), [g]), x = $(async () => {
-    o(!0), p(null);
-    try {
-      const y = await u.getDashboard(r), P = JSON.parse(y.layoutJson || "[]"), N = await Promise.all(
-        P.map(async (E) => {
-          try {
-            const C = await u.listQueries({ search: E.queryId, perPage: 1 });
-            if (C.data.length > 0 && C.data[0].generatedSql) {
-              const f = await u.executeQuery({ sql: C.data[0].generatedSql });
-              return { ...E, result: f };
-            }
-          } catch {
-          }
-          return E;
-        })
-      );
-      d(N);
-    } catch (y) {
-      p(y instanceof Error ? y.message : "Failed to load dashboard");
-    } finally {
-      o(!1);
-    }
-  }, [u, r]);
-  return U(() => {
-    x();
-  }, [x]), U(() => {
-    if (!l || l <= 0) return;
-    const y = setInterval(x, l * 1e3);
-    return () => clearInterval(y);
-  }, [l, x]), /* @__PURE__ */ e(
-    "div",
-    {
-      ref: (y) => {
-        if (!y || y.shadowRoot) return;
-        const P = y.attachShadow({ mode: "open" }), N = document.createElement("style");
-        N.textContent = v, P.appendChild(N);
-        const E = document.createElement("div");
-        P.appendChild(E);
-      },
-      style: { display: "contents" },
-      children: /* @__PURE__ */ t("div", { className: "ss-dashboard-grid", children: [
-        i && /* @__PURE__ */ e("div", { className: "ss-loading", children: "Loading dashboard..." }),
-        m && /* @__PURE__ */ e("div", { className: "ss-global-error", children: m }),
-        !i && c.map((y, P) => {
-          if (!y.result) return null;
-          const { columns: N, rows: E } = y.result;
-          return /* @__PURE__ */ t("div", { className: "ss-widget", children: [
-            y.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: y.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: E.slice(0, 50).map((C, f) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: N.map((O) => /* @__PURE__ */ e("td", { className: "ss-td", children: String(C[O] ?? "") }, O)) }, f)) })
-            ] })
-          ] }, P);
-        })
-      ] })
-    }
-  );
-}
 export {
-  Ka as Chart,
-  ge as CouponInput,
-  ye as DashboardView,
-  Ga as DataTable,
-  qa as InvoiceHistory,
-  de as OrgSwitcher,
-  he as PaymentPortal,
-  ue as PricingTable,
-  xe as QueryInput,
-  we as ReportEmbed,
-  ra as SaaSContext,
-  $e as SaaSError,
-  re as SaaSProvider,
-  ya as SaaSSupport,
-  ve as SavedQueryList,
-  Ea as SettingsPanel,
-  oe as SignIn,
-  ie as SignUp,
-  Ua as SubscriptionStatus,
-  Wa as UsageDisplay,
-  le as UserButton,
-  ce as UserProfile,
-  va as isMfaRequired,
-  sa as useAuth,
-  pe as useBilling,
-  fe as useDashboard,
-  Pa as useDeleteAccount,
-  be as useEmbedDashboard,
-  Da as useInvoices,
-  Y as useOrg,
-  oa as useProfile,
-  da as useQuery,
-  me as useReport,
-  D as useSaaSContext,
-  _a as useSavedQueries,
-  na as useSignIn,
-  za as useSignUp,
-  Ta as useSubscription,
-  Ma as useUsage,
-  ne 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
 };