@saas-support/react 0.7.3 → 0.7.6

package/dist/react.js

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