@saas-support/react 0.7.2 → 0.7.5

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 U, 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";
+import { jsx as e, jsxs as t, Fragment as H } from "react/jsx-runtime";
+import { createContext as ma, useContext as fa, useState as h, useEffect as U, useRef as W, useCallback as $, forwardRef as ba, useImperativeHandle as xa, useMemo as G } from "react";
+import { SaaSSupport as ya, isMfaRequired as va, BillingClient as wa, Transport as Q, ReportClient as ta } from "./index.js";
+import { SaaSError as $e } from "./index.js";
+import { createPortal as Na } from "react-dom";
 const ra = ma(null);
-function A() {
+function D() {
   const a = fa(ra);
   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);
+function re({ publishableKey: a, apiKey: r, baseUrl: s, appearance: l, children: n }) {
+  const [u] = h(() => new ya({ publishableKey: a, apiKey: r, baseUrl: s })), [c, d] = h(null), [i, o] = h(!1), [m, p] = h(null);
   return U(() => {
-    let m = !1;
+    let g = !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 (g) return;
+      const x = await u.auth.getUser(), y = await u.auth.getSettings();
+      d(x), p(y), o(!0);
     });
-    const b = u.auth.onAuthStateChange((w) => {
-      m || l(w);
+    const v = u.auth.onAuthStateChange((x) => {
+      g || d(x);
     });
     return () => {
-      m = !0, b(), u.destroy();
+      g = !0, v(), u.destroy();
     };
-  }, [u]), /* @__PURE__ */ e(ra.Provider, { value: { client: u, user: i, isLoaded: d, appearance: o, settings: f }, children: n });
+  }, [u]), /* @__PURE__ */ e(ra.Provider, { value: { client: u, user: c, isLoaded: i, appearance: l, settings: m }, children: n });
 }
-const wa = {
+const Sa = {
   // Legacy (unchanged)
   colorPrimary: "#6366f1",
   colorPrimaryHover: "#4f46e5",
@@ -61,7 +61,7 @@ const wa = {
   authSuccess: "#22c55e",
   authFontHeadline: "'Manrope', sans-serif",
   authFontBody: "'Inter', sans-serif"
-}, Na = {
+}, $a = {
   // 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" ? $a : Sa, s = a == null ? void 0 : a.variables, l = (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 ? ka(s.colorPrimary, 10) : r.colorPrimaryHover,
+    colorBackground: (s == null ? void 0 : s.colorBackground) ?? r.colorBackground,
+    colorText: (s == null ? void 0 : s.colorText) ?? r.colorText,
+    colorTextSecondary: r.colorTextSecondary,
+    colorInputBackground: (s == null ? void 0 : s.colorInputBackground) ?? r.colorInputBackground,
+    colorInputBorder: (s == null ? void 0 : s.colorInputBorder) ?? r.colorInputBorder,
+    colorError: (s == null ? void 0 : s.colorError) ?? r.colorError,
+    colorSuccess: (s == null ? void 0 : s.colorSuccess) ?? r.colorSuccess,
+    colorWarning: (s == null ? void 0 : s.colorWarning) ?? r.colorWarning,
+    fontFamily: (s == null ? void 0 : s.fontFamily) ?? r.fontFamily,
+    borderRadius: (s == null ? void 0 : s.borderRadius) ?? r.borderRadius,
     // 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: l,
+    authPrimaryContainer: s != null && s.colorPrimary ? Ca(l, 15) : r.authPrimaryContainer,
+    authOnPrimary: r.authOnPrimary,
+    authPrimaryFixed: r.authPrimaryFixed,
+    authSurface: (s == null ? void 0 : s.colorBackground) ?? r.authSurface,
+    authSurfaceContainerLowest: r.authSurfaceContainerLowest,
+    authSurfaceContainerLow: (s == null ? void 0 : s.colorInputBackground) ?? r.authSurfaceContainerLow,
+    authSurfaceContainer: r.authSurfaceContainer,
+    authSurfaceContainerHigh: r.authSurfaceContainerHigh,
+    authSurfaceContainerHighest: r.authSurfaceContainerHighest,
+    authOnSurface: (s == null ? void 0 : s.colorText) ?? r.authOnSurface,
+    authOnSurfaceVariant: r.authOnSurfaceVariant,
+    authOutline: r.authOutline,
+    authOutlineVariant: (s == null ? void 0 : s.colorInputBorder) ?? r.authOutlineVariant,
+    authError: (s == null ? void 0 : s.colorError) ?? r.authError,
+    authErrorContainer: r.authErrorContainer,
+    authSuccess: (s == null ? void 0 : s.colorSuccess) ?? r.authSuccess,
+    authFontHeadline: (s == null ? void 0 : s.fontFamily) ?? r.authFontHeadline,
+    authFontBody: (s == null ? void 0 : s.fontFamily) ?? r.authFontBody
   };
 }
-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 ka(a, r) {
+  const s = parseInt(a.replace("#", ""), 16), l = Math.max(0, (s >> 16) - Math.round(2.55 * r)), n = Math.max(0, (s >> 8 & 255) - Math.round(2.55 * r)), u = Math.max(0, (s & 255) - Math.round(2.55 * r));
+  return `#${(l << 16 | n << 8 | u).toString(16).padStart(6, "0")}`;
 }
-function $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 Ca(a, r) {
+  const s = parseInt(a.replace("#", ""), 16), l = Math.min(255, (s >> 16) + Math.round(2.55 * r)), n = Math.min(255, (s >> 8 & 255) + Math.round(2.55 * r)), u = Math.min(255, (s & 255) + Math.round(2.55 * r));
+  return `#${(l << 16 | n << 8 | u).toString(16).padStart(6, "0")}`;
 }
 function ea(a) {
   return `
@@ -1424,6 +1424,7 @@ function ea(a) {
       cursor: pointer;
       transition: background 0.15s, box-shadow 0.15s;
       font-family: ${a.authFontBody};
+      max-width: 200px;
     }
 
     .ss-auth-user-trigger:hover {
@@ -2243,6 +2244,25 @@ function ea(a) {
       margin: 0;
     }
 
+    .ss-auth-settings-back {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 36px;
+      height: 36px;
+      border-radius: 8px;
+      border: none;
+      background: none;
+      cursor: pointer;
+      color: ${a.authOnSurfaceVariant};
+      transition: background 0.15s, color 0.15s;
+    }
+    .ss-auth-settings-back:hover {
+      background: ${a.authSurfaceContainer};
+      color: ${a.authOnSurface};
+    }
+    .ss-auth-settings-back .material-symbols-outlined { font-size: 22px; }
+
     .ss-auth-settings-layout {
       display: flex;
       flex: 1;
@@ -2301,6 +2321,9 @@ function ea(a) {
       flex: 1;
       overflow-y: auto;
       padding: 32px;
+      max-width: 720px;
+      margin: 0 auto;
+      width: 100%;
     }
 
     .ss-auth-settings-content h3 {
@@ -2478,280 +2501,280 @@ function ea(a) {
     }
   `;
 }
-function H({ children: a, appearance: s }) {
-  const r = _(null), [o, n] = g(null);
+function j({ children: a, appearance: r }) {
+  const s = W(null), [l, n] = h(null);
   U(() => {
-    var f;
-    if (!r.current || r.current.shadowRoot) {
-      n(((f = r.current) == null ? void 0 : f.shadowRoot) ?? null);
+    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 c = s.current.attachShadow({ mode: "open" });
+    if ((r == null ? void 0 : r.fontUrl) !== null) {
+      const p = (r == null ? void 0 : r.fontUrl) ?? "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";
       if (!document.querySelector(`link[href="${p}"]`)) {
-        const b = document.createElement("link");
-        b.rel = "stylesheet", b.href = p, document.head.appendChild(b);
+        const v = document.createElement("link");
+        v.rel = "stylesheet", v.href = p, document.head.appendChild(v);
       }
-      const m = document.createElement("link");
-      m.rel = "stylesheet", m.href = p, i.appendChild(m);
+      const g = document.createElement("link");
+      g.rel = "stylesheet", g.href = p, c.appendChild(g);
     }
-    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);
+    const d = aa(r), i = document.createElement("style");
+    i.textContent = ea(d), c.appendChild(i);
+    const o = document.createElement("div");
+    c.appendChild(o), n(c);
   }, []), U(() => {
-    if (!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) });
+    if (!l) return;
+    const c = l.querySelector("style");
+    if (c) {
+      const d = aa(r);
+      c.textContent = ea(d);
+    }
+  }, [r, l]);
+  const u = (l == null ? void 0 : l.querySelector("div")) ?? null;
+  return /* @__PURE__ */ e("div", { ref: s, style: { display: "contents" }, children: u && Na(a, u) });
 }
 function sa() {
-  const { client: a, user: s, isLoaded: r } = A();
+  const { client: a, user: r, isLoaded: s } = D();
   return {
-    isLoaded: r,
-    isSignedIn: !!s,
-    user: s,
-    signOut: k(() => a.auth.signOut(), [a]),
-    getToken: k(() => a.auth.getToken(), [a]),
-    refreshUser: k(() => a.auth.refreshUser(), [a])
+    isLoaded: s,
+    isSignedIn: !!r,
+    user: r,
+    signOut: $(() => a.auth.signOut(), [a]),
+    getToken: $(() => a.auth.getToken(), [a]),
+    refreshUser: $(() => a.auth.refreshUser(), [a])
   };
 }
-function se() {
-  const { user: a, isLoaded: s } = A();
-  return { user: a, isLoaded: s };
+function ne() {
+  const { user: a, isLoaded: r } = D();
+  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);
+  const { client: a } = D(), [r, s] = h(!1), [l, n] = h(null), u = $(
+    async (i, 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(i, 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);
+  ), c = $(
+    async (i) => {
+      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(i);
+      } 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 = $(
+    async (i, 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(i, 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: c, submitMfaCode: d, isLoading: r, error: l, setError: n };
 }
-function ka() {
-  const { client: a } = A(), [s, r] = g(!1), [o, n] = g(null);
-  return { signUp: k(
-    async (i, l) => {
-      r(!0), n(null);
+function za() {
+  const { client: a } = D(), [r, s] = h(!1), [l, n] = h(null);
+  return { signUp: $(
+    async (c, 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(c, d);
+      } catch (i) {
+        return n(i instanceof Error ? i.message : "Sign up failed"), null;
       } finally {
-        r(!1);
+        s(!1);
       }
     },
     [a]
-  ), isLoading: s, error: o, setError: n };
+  ), isLoading: r, error: l, 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 } = D(), [r, s] = h([]), [l, n] = h(null), [u, c] = h([]), [d, i] = h([]), [o, m] = h(!1), [p, g] = h(null), v = W(!1), x = $(async () => {
+    m(!0), g(null);
     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), !v.current && b.length > 0) {
+        const w = typeof window < "u" ? localStorage.getItem("ss_selected_org") : null, z = (w ? b.find((M) => M.id === w) : null) ?? (b.length === 1 ? b[0] : null);
+        if (z) {
+          v.current = !0, n(z), typeof window < "u" && localStorage.setItem("ss_selected_org", z.id);
           try {
-            const D = await a.auth.listMembers(E.id);
-            i(D);
+            const M = await a.auth.listMembers(z.id);
+            c(M);
           } catch {
           }
         }
       }
-    } catch ($) {
-      m($ instanceof Error ? $.message : "Failed to load organizations");
+    } catch (b) {
+      g(b instanceof Error ? b.message : "Failed to load organizations");
     } finally {
-      f(!1);
+      m(!1);
     }
-  }, [a, o]);
+  }, [a]);
   U(() => {
-    b();
-  }, [b]);
-  const w = k(async ($) => {
+    x();
+  }, [x]);
+  const y = $(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 B = await a.auth.listMembers(b);
+      c(B);
+    } catch (w) {
+      g(w instanceof Error ? w.message : "Failed to load organization");
+    }
+  }, [a]), P = $(async (b, w) => {
     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 B = await a.auth.createOrg(b, w);
+      return s((z) => [...z, B]), B;
+    } catch (B) {
+      return g(B instanceof Error ? B.message : "Failed to create organization"), null;
     }
-  }, [a]), O = k(async ($, x) => {
+  }, [a]), N = $(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 B = await a.auth.updateOrg(b, w);
+      return s((z) => z.map((M) => M.id === b ? B : M)), (l == null ? void 0 : l.id) === b && n(B), B;
+    } catch (B) {
+      return g(B instanceof Error ? B.message : "Failed to update organization"), null;
     }
-  }, [a, o]), h = k(async ($) => {
+  }, [a, l]), E = $(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((B) => B.id !== b)), (l == null ? void 0 : l.id) === b && (n(null), c([]), i([]), typeof window < "u" && localStorage.removeItem("ss_selected_org")), !0;
+    } catch (w) {
+      return g(w instanceof Error ? w.message : "Failed to delete organization"), !1;
     }
-  }, [a, o]), N = k(async ($, x, S) => {
+  }, [a, l]), C = $(async (b, w, B) => {
     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, B);
+    } catch (z) {
+      return g(z instanceof Error ? z.message : "Failed to send invite"), null;
     }
-  }, [a]), C = k(async ($) => {
+  }, [a]), f = $(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);
+      i(w);
+    } catch (w) {
+      g(w instanceof Error ? w.message : "Failed to load invites");
     }
-  }, [a]), P = k(async ($, x) => {
+  }, [a]), O = $(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), i((B) => B.filter((z) => z.id !== w)), !0;
+    } catch (B) {
+      return g(B instanceof Error ? B.message : "Failed to revoke invite"), !1;
     }
-  }, [a]), I = k(async ($, x, S) => {
+  }, [a]), I = $(async (b, w, B) => {
     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, B), c((z) => z.map((M) => M.userId === w ? { ...M, role: B } : M)), !0;
+    } catch (z) {
+      return g(z instanceof Error ? z.message : "Failed to update member role"), !1;
     }
-  }, [a]), F = k(async ($, x) => {
+  }, [a]), F = $(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), c((B) => B.filter((z) => z.userId !== w)), !0;
+    } catch (B) {
+      return g(B instanceof Error ? B.message : "Failed to remove member"), !1;
     }
-  }, [a]), B = k(async ($) => {
+  }, [a]), A = $(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);
+      c(w);
+    } catch (w) {
+      g(w instanceof Error ? w.message : "Failed to load members");
     }
   }, [a]);
   return {
-    orgs: s,
-    selectedOrg: o,
+    orgs: r,
+    selectedOrg: l,
     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,
-    revokeInvite: P,
+    setError: g,
+    refresh: x,
+    selectOrg: y,
+    createOrg: P,
+    updateOrg: N,
+    deleteOrg: E,
+    sendInvite: C,
+    refreshInvites: f,
+    revokeInvite: O,
     updateMemberRole: I,
     removeMember: F,
-    refreshMembers: B
+    refreshMembers: A
   };
 }
-function Ca() {
-  const { client: a } = A(), [s, r] = g(!1), [o, n] = g(null);
-  return { deleteAccount: k(async () => {
-    r(!0), n(null);
+function Pa() {
+  const { client: a } = D(), [r, s] = h(!1), [l, n] = h(null);
+  return { deleteAccount: $(async () => {
+    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 (c) {
+      return n(c instanceof Error ? c.message : "Failed to delete account"), !1;
     } finally {
-      r(!1);
+      s(!1);
     }
-  }, [a]), isLoading: s, error: o, setError: n };
+  }, [a]), isLoading: r, error: l, setError: n };
 }
 function oa() {
-  const { client: a, user: s } = A(), [r, o] = g(!1), [n, u] = g(null), [i, l] = g(null), d = k(
+  const { client: a, user: r } = D(), [s, l] = h(!1), [n, u] = h(null), [c, d] = h(null), i = $(
     async (p) => {
-      o(!0), u(null), l(null);
+      l(!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 g = await a.auth.updateProfile(p);
+        return d("Profile updated"), g;
+      } catch (g) {
+        return u(g instanceof Error ? g.message : "Failed to update profile"), null;
       } finally {
-        o(!1);
+        l(!1);
       }
     },
     [a]
-  ), c = k(
-    async (p, m) => {
-      o(!0), u(null), l(null);
+  ), o = $(
+    async (p, g) => {
+      l(!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, g), d("Password changed successfully"), !0;
+      } catch (v) {
+        return u(v instanceof Error ? v.message : "Failed to change password"), !1;
       } finally {
-        o(!1);
+        l(!1);
       }
     },
     [a]
-  ), f = k(
+  ), m = $(
     async (p) => {
-      o(!0), u(null), l(null);
+      l(!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 g = await a.auth.uploadAvatar(p);
+        return d("Avatar updated"), g;
+      } catch (g) {
+        return u(g instanceof Error ? g.message : "Failed to upload avatar"), null;
       } finally {
-        o(!1);
+        l(!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: i, uploadAvatar: m, changePassword: o, isLoading: s, error: n, success: c, 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 = {
+const ia = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/></svg>', la = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" fill="currentColor"/></svg>', S = {
   close: "close",
   person: "person",
   logout: "logout",
@@ -2769,6 +2792,7 @@ const ia = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d=
   security: "security",
   errorOutline: "error_outline",
   info: "info",
+  arrowBack: "arrow_back",
   arrowForward: "arrow_forward",
   verified: "verified",
   token: "token",
@@ -2784,49 +2808,49 @@ 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(""), [F, B] = g(["", "", "", "", "", ""]), $ = _([]), x = k(
-    async (T) => {
-      if (T.preventDefault(), N) {
-        await l(P, F.join(""));
+function oe({ appearance: a, signUpUrl: r, onSignUp: s }) {
+  const { appearance: l, settings: n } = D(), { signIn: u, signInWithOAuth: c, submitMfaCode: d, isLoading: i, error: o, setError: m } = na(), p = a ?? l, [g, v] = h(""), [x, y] = h(""), [P, N] = h(!1), [E, C] = h(!1), [f, O] = h(""), [I, F] = h(["", "", "", "", "", ""]), A = W([]), b = $(
+    async (L) => {
+      if (L.preventDefault(), E) {
+        await d(f, I.join(""));
         return;
       }
-      const z = await u(m, w);
-      z && xa(z) && (I(z.mfaToken), C(!0), f(null));
+      const k = await u(g, x);
+      k && va(k) && (O(k.mfaToken), C(!0), m(null));
     },
-    [m, w, N, P, F, u, l, f]
-  ), S = k(
-    async (T) => {
-      await i(T);
+    [g, x, E, f, I, u, d, m]
+  ), w = $(
+    async (L) => {
+      await c(L);
     },
-    [i]
-  ), E = k((T, z) => {
-    var W;
-    if (!/^\d*$/.test(z)) return;
-    const L = z.slice(-1);
-    B((K) => {
+    [c]
+  ), B = $((L, k) => {
+    var _;
+    if (!/^\d*$/.test(k)) return;
+    const T = k.slice(-1);
+    F((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" && !F[T] && T > 0 && ((L = $.current[T - 1]) == null || L.focus());
-  }, [F]), V = (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[L] = T, J;
+    }), T && L < 5 && ((_ = A.current[L + 1]) == null || _.focus());
+  }, []), z = $((L, k) => {
+    var T;
+    k.key === "Backspace" && !I[L] && L > 0 && ((T = A.current[L - 1]) == null || T.focus());
+  }, [I]), M = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled);
+  return /* @__PURE__ */ e(j, { appearance: p, children: /* @__PURE__ */ e("div", { className: "ss-auth-card", children: /* @__PURE__ */ t("div", { className: "ss-auth-card-body", children: [
     /* @__PURE__ */ t("div", { className: "ss-auth-header", children: [
-      /* @__PURE__ */ e("div", { className: "ss-auth-brand-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: 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 && V && /* @__PURE__ */ t(j, { children: [
+    !E && M && /* @__PURE__ */ t(H, { children: [
       /* @__PURE__ */ t("div", { className: "ss-auth-oauth-grid", children: [
         (n == null ? void 0 : n.googleEnabled) && /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             className: "ss-auth-btn-social",
-            onClick: () => S("google"),
-            disabled: d,
+            onClick: () => w("google"),
+            disabled: i,
             children: [
               /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ia } }),
               "Google"
@@ -2838,8 +2862,8 @@ function re({ appearance: a, signUpUrl: s, onSignUp: r }) {
           {
             type: "button",
             className: "ss-auth-btn-social",
-            onClick: () => S("github"),
-            disabled: d,
+            onClick: () => w("github"),
+            disabled: i,
             children: [
               /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: la } }),
               "GitHub"
@@ -2849,35 +2873,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: [
+      E ? /* @__PURE__ */ t(H, { children: [
         /* @__PURE__ */ e("div", { className: "ss-auth-mfa-divider", children: /* @__PURE__ */ e("span", { children: "Verification Required" }) }),
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "6-Digit Code" }),
-          /* @__PURE__ */ e("div", { className: "ss-auth-mfa-group", children: F.map((T, z) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "ss-auth-mfa-group", children: I.map((L, k) => /* @__PURE__ */ e(
             "input",
             {
-              ref: (L) => {
-                $.current[z] = L;
+              ref: (T) => {
+                A.current[k] = 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: L,
+              onChange: (T) => B(k, T.target.value),
+              onKeyDown: (T) => z(k, T),
+              autoFocus: k === 0
             },
-            z
+            k
           )) }),
           /* @__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(H, { children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-email", children: "Email Address" }),
           /* @__PURE__ */ e(
@@ -2888,8 +2912,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: g,
+              onChange: (L) => v(L.target.value),
               required: !0
             }
           )
@@ -2905,11 +2929,11 @@ function re({ appearance: a, signUpUrl: s, onSignUp: r }) {
               {
                 id: "ss-password",
                 className: "ss-auth-input",
-                type: O ? "text" : "password",
+                type: P ? "text" : "password",
                 autoComplete: "current-password",
                 placeholder: "••••••••",
-                value: w,
-                onChange: (T) => y(T.target.value),
+                value: x,
+                onChange: (L) => y(L.target.value),
                 required: !0
               }
             ),
@@ -2918,72 +2942,72 @@ 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(!P),
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P ? 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: i, children: [
+        i && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+        E ? "Verify" : "Sign in",
+        !i && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.arrowForward })
       ] })
     ] }),
-    N ? /* @__PURE__ */ e("div", { className: "ss-auth-footer", children: /* @__PURE__ */ e(
+    E ? /* @__PURE__ */ e("div", { className: "ss-auth-footer", children: /* @__PURE__ */ e(
       "span",
       {
         className: "ss-auth-link",
         onClick: () => {
-          C(!1), B(["", "", "", "", "", ""]), f(null);
+          C(!1), F(["", "", "", "", "", ""]), 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 ie({ appearance: a, signInUrl: r, onSignIn: s }) {
+  const { appearance: l, settings: n } = D(), { signUp: u, isLoading: c, error: d, setError: i } = za(), { signInWithOAuth: o } = na(), m = a ?? l, [p, g] = h(""), [v, x] = h(""), [y, P] = h(""), [N, E] = h(!1), [C, f] = h(null), O = $(
+    async (b) => {
+      if (b.preventDefault(), f(null), v !== y) {
+        f("Passwords do not match");
         return;
       }
-      const 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 (v.length < w) {
+        f(`Password must be at least ${w} characters`);
         return;
       }
-      await u(p, b);
+      await u(p, v);
     },
-    [p, b, y, n, u]
-  ), F = k(
-    async (x) => {
-      await c(x);
+    [p, v, y, n, u]
+  ), I = $(
+    async (b) => {
+      await o(b);
     },
-    [c]
-  ), B = (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]
+  ), F = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled), A = C || d;
+  return /* @__PURE__ */ e(j, { appearance: m, children: /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", width: "100%", maxWidth: "520px" }, children: [
     /* @__PURE__ */ t("div", { className: "ss-auth-header", children: [
-      /* @__PURE__ */ e("div", { className: "ss-auth-brand-icon-gradient", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: 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: [
-      B && /* @__PURE__ */ t(j, { children: [
+      F && /* @__PURE__ */ t(H, { children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-oauth-grid", children: [
           (n == null ? void 0 : n.googleEnabled) && /* @__PURE__ */ t(
             "button",
             {
               type: "button",
               className: "ss-auth-btn-social",
-              onClick: () => F("google"),
-              disabled: i,
+              onClick: () => I("google"),
+              disabled: c,
               children: [
                 /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ia } }),
                 "Google"
@@ -2995,8 +3019,8 @@ function ne({ appearance: a, signInUrl: s, onSignIn: r }) {
             {
               type: "button",
               className: "ss-auth-btn-social",
-              onClick: () => F("github"),
-              disabled: i,
+              onClick: () => I("github"),
+              disabled: c,
               children: [
                 /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: la } }),
                 "GitHub"
@@ -3006,11 +3030,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: O, children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-signup-email", children: "Email" }),
           /* @__PURE__ */ e(
@@ -3022,7 +3046,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) => g(b.target.value),
               required: !0
             }
           )
@@ -3035,12 +3059,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: v,
+                onChange: (b) => {
+                  x(b.target.value), f(null);
                 },
                 required: !0
               }
@@ -3050,8 +3074,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: () => E(!N),
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: N ? S.visibilityOff : S.visibility })
               }
             )
           ] })
@@ -3067,86 +3091,85 @@ function ne({ appearance: a, signInUrl: s, onSignIn: r }) {
               autoComplete: "new-password",
               placeholder: "••••••••",
               value: y,
-              onChange: (x) => {
-                O(x.target.value), P(null);
+              onChange: (b) => {
+                P(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: c, children: [
+          c && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
           "Sign up",
-          !i && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.arrowForward })
+          !c && /* @__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);
+const V = 320, q = 128, Oa = ba(function({ file: r, onCrop: s, onCancel: l }, n) {
+  const u = W(null), c = W(null), [d, i] = h(1), [o, m] = h({ x: 0, y: 0 }), [p, g] = h(!1), v = W({ x: 0, y: 0, ox: 0, oy: 0 }), [x, y] = h(!1);
   U(() => {
-    const 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]), U(() => {
-    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, F = (M - P) / 2 + l.x, B = (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, F, B, 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, F, B, 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 f = new Image(), O = URL.createObjectURL(r);
+    return f.onload = () => {
+      c.current = f, y(!0), m({ x: 0, y: 0 }), i(1);
+    }, f.src = O, () => URL.revokeObjectURL(O);
+  }, [r]), U(() => {
+    if (!x || !c.current || !u.current) return;
+    const f = u.current.getContext("2d");
+    if (!f) return;
+    const O = c.current;
+    f.clearRect(0, 0, V, V), f.fillStyle = "#111", f.fillRect(0, 0, V, V);
+    const I = Math.max(V / O.width, V / O.height) * d, F = O.width * I, A = O.height * I, b = (V - F) / 2 + o.x, w = (V - A) / 2 + o.y;
+    f.save(), f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.clip(), f.drawImage(O, b, w, F, A), f.restore(), f.save(), f.fillStyle = "rgba(0, 0, 0, 0.6)", f.fillRect(0, 0, V, V), f.globalCompositeOperation = "destination-out", f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.fill(), f.restore(), f.save(), f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.clip(), f.drawImage(O, b, w, F, A), f.restore(), f.strokeStyle = "rgba(255, 255, 255, 0.4)", f.lineWidth = 2, f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.stroke();
+  }, [d, o, x]);
+  const P = $(
+    (f) => {
+      g(!0), v.current = { x: f.clientX, y: f.clientY, ox: o.x, oy: o.y }, f.target.setPointerCapture(f.pointerId);
     },
-    [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 = $(
+    (f) => {
+      p && m({
+        x: v.current.ox + (f.clientX - v.current.x),
+        y: v.current.oy + (f.clientY - v.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, F = P.width * I, B = P.height * I, $ = (M - F) / 2 + l.x - (M / 2 - q), x = (M - B) / 2 + l.y - (M / 2 - q);
-    C.beginPath(), C.arc(q, q, q, 0, Math.PI * 2), C.clip(), C.drawImage(P, $, x, F, B), h.toBlob((S) => {
-      S && s(S);
+    [p]
+  ), E = $(() => g(!1), []), C = $(() => {
+    if (!c.current) return;
+    const f = document.createElement("canvas"), O = q * 2;
+    f.width = O, f.height = O;
+    const I = f.getContext("2d");
+    if (!I) return;
+    const F = c.current, A = Math.max(V / F.width, V / F.height) * d, b = F.width * A, w = F.height * A, B = (V - b) / 2 + o.x - (V / 2 - q), z = (V - w) / 2 + o.y - (V / 2 - q);
+    I.beginPath(), I.arc(q, q, q, 0, Math.PI * 2), I.clip(), I.drawImage(F, B, z, b, w), f.toBlob((M) => {
+      M && s(M);
     }, "image/png");
-  }, [u, l, s]), /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "24px" }, children: [
+  }, [d, o, s]);
+  return xa(n, () => ({ triggerCrop: () => C() }), [C]), /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "24px" }, children: [
     /* @__PURE__ */ t("div", { className: "ss-auth-crop-area", children: [
       /* @__PURE__ */ e(
         "canvas",
         {
-          ref: o,
-          width: M,
-          height: M,
-          style: { cursor: c ? "grabbing" : "grab", width: "100%", height: "100%" },
-          onPointerDown: w,
-          onPointerMove: y,
-          onPointerUp: O
+          ref: u,
+          width: V,
+          height: V,
+          style: { cursor: p ? "grabbing" : "grab", width: "100%", height: "100%" },
+          onPointerDown: P,
+          onPointerMove: N,
+          onPointerUp: E
         }
       ),
       /* @__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",
         {
@@ -3154,158 +3177,158 @@ 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) => i(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 ca({ onUpload: a, onClose: r, isLoading: s }) {
+  const [l, n] = h(null), [u, c] = h(!1), [d, i] = h(null), o = W(null), m = W(null), p = $((x) => {
+    if (!x.type.startsWith("image/")) {
+      i("Please select an image file");
       return;
     }
-    if (b.size > 5 * 1024 * 1024) {
-      d("Image must be smaller than 5 MB");
+    if (x.size > 5 * 1024 * 1024) {
+      i("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);
+    i(null), n(x);
+  }, []), g = $(
+    (x) => {
+      x.preventDefault(), c(!1);
+      const y = x.dataTransfer.files[0];
+      y && p(y);
     },
-    [f]
-  ), m = k(
-    async (b) => {
-      await a(b);
+    [p]
+  ), v = $(
+    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",
+      l ? /* @__PURE__ */ t(H, { children: [
+        /* @__PURE__ */ e(Oa, { ref: m, file: l, onCrop: v, onCancel: () => n(null) }),
+        /* @__PURE__ */ e("div", { style: { textAlign: "center", marginTop: "8px" }, children: /* @__PURE__ */ t(
+          "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(), c(!0);
+          },
+          onDragLeave: () => c(!1),
+          onDrop: g,
+          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 y;
+            (y = x.target.files) != null && y[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: !l || 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 Ea({ onClose: a, afterDeleteAccountUrl: r, defaultTab: s = "profile", onOrgDeleted: l, onOrgUpdated: n }) {
+  const [u, c] = h(s), d = [
+    { key: "profile", label: "Profile", icon: S.person },
+    { key: "organization", label: "Organization", icon: S.corporateFare },
+    { key: "people", label: "People", icon: S.group },
+    { key: "billing", label: "Billing", icon: S.creditCard }
   ];
   return /* @__PURE__ */ t("div", { className: "ss-auth-settings-page", children: [
     /* @__PURE__ */ t("div", { className: "ss-auth-settings-header", children: [
-      /* @__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__ */ t("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+        /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-settings-back", onClick: a, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.arrowBack }) }),
+        /* @__PURE__ */ e("h2", { children: "Settings" })
+      ] }),
+      /* @__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: d.map((i) => /* @__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 === i.key ? " ss-auth-settings-nav-item-active" : ""}`,
+          onClick: () => c(i.key),
           children: [
             /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: i.icon }),
             i.label
@@ -3314,48 +3337,48 @@ function Pa({ onClose: a, afterDeleteAccountUrl: s, defaultTab: r = "profile" })
         i.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(Fa, {})
+        u === "profile" && /* @__PURE__ */ e(Ia, { afterDeleteAccountUrl: r }),
+        u === "organization" && /* @__PURE__ */ e(Ba, { onOrgDeleted: l, onOrgUpdated: n }),
+        u === "people" && /* @__PURE__ */ e(Fa, {}),
+        u === "billing" && /* @__PURE__ */ e(La, {})
       ] })
     ] })
   ] });
 }
-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, F] = g(""), [B, $] = g(""), [x, S] = g(""), [E, D] = g(null), [V, T] = g(!1), [z, L] = g(""), W = k(
+function Ia({ afterDeleteAccountUrl: a }) {
+  const { user: r, updateProfile: s, uploadAvatar: l, changePassword: n, isLoading: u, error: c, success: d, setError: i, setSuccess: o } = oa(), { signOut: m } = sa(), { deleteAccount: p, isLoading: g, error: v, setError: x } = Pa(), [y, P] = h((r == null ? void 0 : r.name) ?? ""), [N, E] = h((r == null ? void 0 : r.avatarUrl) ?? ""), [C, f] = h(!1), [O, I] = h(""), [F, A] = h(""), [b, w] = h(""), [B, z] = h(null), [M, L] = h(!1), [k, T] = h(""), _ = $(
     async (R) => {
-      R.preventDefault(), d(null), c(null), await r({ name: y, avatarUrl: h || void 0 });
+      R.preventDefault(), i(null), o(null), await s({ name: y, avatarUrl: N || void 0 });
     },
-    [y, h, r, d, c]
-  ), K = k(
+    [y, N, s, i, o]
+  ), K = $(
     async (R) => {
-      const X = await o(R);
-      X && (N(X.avatarUrl), P(!1));
+      const X = await l(R);
+      X && (E(X.avatarUrl), f(!1));
     },
-    [o]
-  ), J = k(
+    [l]
+  ), J = $(
     async (R) => {
-      if (R.preventDefault(), D(null), d(null), c(null), B !== x) {
-        D("Passwords do not match");
+      if (R.preventDefault(), z(null), i(null), o(null), F !== b) {
+        z("Passwords do not match");
         return;
       }
-      if (B.length < 8) {
-        D("Password must be at least 8 characters");
+      if (F.length < 8) {
+        z("Password must be at least 8 characters");
         return;
       }
-      await n(I, B) && (F(""), $(""), S(""));
+      await n(O, F) && (I(""), A(""), w(""));
     },
-    [I, B, 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: [
+    [O, F, b, n, i, o]
+  ), ua = $(async () => {
+    await p() && (await m(), a && (window.location.href = a));
+  }, [p, m, a]), pa = (r == null ? void 0 : r.provider) === "email", ha = k === (r == null ? void 0 : r.email), ga = ((r == null ? void 0 : r.name) || (r == null ? void 0 : r.email) || "?").charAt(0).toUpperCase();
+  return /* @__PURE__ */ t(H, { children: [
     /* @__PURE__ */ e("h3", { children: "Profile" }),
     /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
       /* @__PURE__ */ t("div", { className: "ss-auth-profile-header", style: { border: "none", background: "none", padding: 0, marginBottom: 16 }, children: [
-        /* @__PURE__ */ t("div", { className: "ss-auth-avatar-lg", onClick: () => 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",
@@ -3366,30 +3389,30 @@ function Oa({ afterDeleteAccountUrl: a }) {
             opacity: 0.4
           }, children: ga }),
           /* @__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 })
+      c && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
+        /* @__PURE__ */ e("span", { children: c })
       ] }),
-      l && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.check }),
-        /* @__PURE__ */ e("span", { children: l })
+      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: W, children: [
+      /* @__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(
@@ -3399,7 +3422,7 @@ function Oa({ afterDeleteAccountUrl: a }) {
               type: "text",
               placeholder: "Your name",
               value: y,
-              onChange: (R) => O(R.target.value)
+              onChange: (R) => P(R.target.value)
             }
           )
         ] }),
@@ -3407,13 +3430,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: [
@@ -3424,26 +3447,26 @@ function Oa({ afterDeleteAccountUrl: a }) {
     ] }),
     pa && /* @__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", { children: E })
+      B && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
+        /* @__PURE__ */ e("span", { children: B })
       ] }),
       /* @__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) => F(R.target.value), required: !0 })
+          /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "••••••••••••", value: O, onChange: (R) => I(R.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: B, onChange: (R) => $(R.target.value), required: !0 })
+            /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "Min. 8 characters", value: F, onChange: (R) => A(R.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: (R) => w(R.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" }) })
@@ -3452,11 +3475,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 })
+      v && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
+        /* @__PURE__ */ e("span", { children: v })
       ] }),
-      V ? /* @__PURE__ */ t("div", { children: [
+      M ? /* @__PURE__ */ t("div", { children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Type your email to confirm" }),
           /* @__PURE__ */ e(
@@ -3464,9 +3487,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: k,
+              onChange: (R) => T(R.target.value),
               autoFocus: !0
             }
           )
@@ -3478,7 +3501,7 @@ function Oa({ afterDeleteAccountUrl: a }) {
               type: "button",
               className: "ss-auth-btn-ghost",
               onClick: () => {
-                T(!1), L(""), w(null);
+                L(!1), T(""), x(null);
               },
               children: "Cancel"
             }
@@ -3489,10 +3512,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,
+              disabled: !ha || g,
               onClick: ua,
               children: [
-                m && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+                g && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
                 "Delete account"
               ]
             }
@@ -3504,7 +3527,7 @@ function Oa({ afterDeleteAccountUrl: a }) {
           type: "button",
           className: "ss-auth-btn-outline",
           style: { borderColor: "currentColor", width: "auto" },
-          onClick: () => T(!0),
+          onClick: () => L(!0),
           children: "Delete my account"
         }
       )
@@ -3513,48 +3536,57 @@ function Oa({ afterDeleteAccountUrl: a }) {
       ca,
       {
         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("");
+function Ba({ onOrgDeleted: a, onOrgUpdated: r }) {
+  const { selectedOrg: s, updateOrg: l, deleteOrg: n, isLoading: u, error: c, setError: d } = Y(), [i, o] = h((s == null ? void 0 : s.name) ?? ""), [m, p] = h(!1), [g, v] = h(!1), [x, y] = h(!1), [P, N] = h(!1), [E, C] = h("");
   if (U(() => {
-    a && l(a.name);
-  }, [a]), !a)
-    return /* @__PURE__ */ t(j, { children: [
+    s && (o(s.name), y(!1));
+  }, [s]), x)
+    return /* @__PURE__ */ t(H, { children: [
+      /* @__PURE__ */ e("h3", { children: "Organization" }),
+      /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", style: { textAlign: "center", padding: "48px 24px" }, children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "48px", opacity: 0.4, marginBottom: "16px", display: "block" }, children: S.check }),
+        /* @__PURE__ */ e("h4", { style: { margin: "0 0 8px" }, children: "Organization deleted" }),
+        /* @__PURE__ */ e("p", { className: "ss-auth-section-desc", children: "The organization has been permanently deleted." })
+      ] })
+    ] });
+  if (!s)
+    return /* @__PURE__ */ t(H, { children: [
       /* @__PURE__ */ e("h3", { children: "Organization" }),
       /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: 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(), !i.trim()) return;
+    p(!0), v(!1);
+    const F = await l(s.id, { name: i.trim() });
+    p(!1), F && (v(!0), r == null || r());
+  }, O = async () => {
+    await n(s.id) && (N(!1), y(!0), a == null || a());
   };
-  return /* @__PURE__ */ t(j, { children: [
+  return /* @__PURE__ */ t(H, { children: [
     /* @__PURE__ */ e("h3", { children: "Organization" }),
     /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
       /* @__PURE__ */ t("h4", { children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: 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 })
+      c && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
+        /* @__PURE__ */ e("span", { children: c })
       ] }),
-      f && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.check }),
+      g && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.check }),
         /* @__PURE__ */ e("span", { children: "Organization updated" })
       ] }),
-      /* @__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(
@@ -3563,18 +3595,18 @@ function Ea() {
               className: "ss-auth-input",
               type: "text",
               value: i,
-              onChange: (N) => {
-                l(N.target.value), p(!1);
+              onChange: (I) => {
+                o(I.target.value), v(!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"
         ] }) })
       ] })
@@ -3582,7 +3614,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: [
+      P ? /* @__PURE__ */ t("div", { children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Type the organization name to confirm" }),
           /* @__PURE__ */ e(
@@ -3590,16 +3622,16 @@ function Ea() {
             {
               className: "ss-auth-input",
               type: "text",
-              placeholder: a.name,
-              value: w,
-              onChange: (N) => y(N.target.value),
+              placeholder: s.name,
+              value: E,
+              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",
@@ -3607,10 +3639,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: E !== s.name || u,
+              onClick: O,
               children: [
-                o && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+                u && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
                 "Delete organization"
               ]
             }
@@ -3622,63 +3654,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 Fa() {
   const {
     selectedOrg: a,
-    members: s,
-    invites: r,
-    isLoading: o,
+    members: r,
+    invites: s,
+    isLoading: l,
     error: n,
     setError: u,
-    sendInvite: i,
-    refreshInvites: l,
-    revokeInvite: d,
-    updateMemberRole: c,
-    removeMember: f,
+    sendInvite: c,
+    refreshInvites: d,
+    revokeInvite: i,
+    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), [F, B] = g(""), [$, x] = g(null);
+  } = Y(), [g, v] = h(""), [x, y] = h("member"), [P, N] = h(!1), [E, C] = h(!1), [f, O] = h(null), [I, F] = h(""), [A, b] = h(null);
   if (U(() => {
-    a && (p(a.id), l(a.id));
-  }, [a, p, l]), !a)
-    return /* @__PURE__ */ t(j, { children: [
+    a && (p(a.id), d(a.id));
+  }, [a, p, d]), !a)
+    return /* @__PURE__ */ t(H, { children: [
       /* @__PURE__ */ e("h3", { children: "People" }),
       /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: 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));
-  }, E = async () => {
-    if (!P) return;
-    await c(a.id, P.userId, F) && I(null);
-  }, D = async () => {
-    if (!$) return;
-    await f(a.id, $.userId) && x(null);
-  }, V = 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: [
+  const w = async (k) => {
+    k.preventDefault(), C(!1), await c(a.id, g, x) && (v(""), y("member"), C(!0), N(!1), d(a.id));
+  }, B = async () => {
+    if (!f) return;
+    await o(a.id, f.userId, I) && O(null);
+  }, z = async () => {
+    if (!A) return;
+    await m(a.id, A.userId) && b(null);
+  }, M = async (k) => {
+    await i(a.id, k);
+  }, L = (k) => k === "owner" ? "ss-auth-role-badge ss-auth-role-badge-owner" : k === "admin" ? "ss-auth-role-badge ss-auth-role-badge-admin" : "ss-auth-role-badge ss-auth-role-badge-member";
+  return /* @__PURE__ */ t(H, { children: [
     /* @__PURE__ */ e("h3", { children: "People" }),
     n && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: 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 }),
+    E && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.check }),
       /* @__PURE__ */ e("span", { children: "Invitation sent" })
     ] }),
     /* @__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(
@@ -3687,15 +3719,15 @@ function Ia() {
             type: "button",
             className: "ss-auth-btn-primary ss-auth-btn-sm",
             style: { width: "auto" },
-            onClick: () => h(!O),
+            onClick: () => N(!P),
             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: [
+      P && /* @__PURE__ */ e("form", { onSubmit: w, style: { marginBottom: "16px", padding: "16px", background: "rgba(0,0,0,0.05)", borderRadius: "8px" }, children: /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
         /* @__PURE__ */ t("div", { style: { flex: 1 }, children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Email" }),
           /* @__PURE__ */ e(
@@ -3704,8 +3736,8 @@ function Ia() {
               className: "ss-auth-input",
               type: "email",
               placeholder: "member@example.com",
-              value: m,
-              onChange: (z) => b(z.target.value),
+              value: g,
+              onChange: (k) => v(k.target.value),
               required: !0
             }
           )
@@ -3716,8 +3748,8 @@ function Ia() {
             "select",
             {
               className: "ss-auth-input",
-              value: w,
-              onChange: (z) => y(z.target.value),
+              value: x,
+              onChange: (k) => y(k.target.value),
               style: { cursor: "pointer" },
               children: [
                 /* @__PURE__ */ e("option", { value: "admin", children: "Admin" }),
@@ -3726,18 +3758,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: l, 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((k) => /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e("td", { children: k.email }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: L(k.role), children: k.role }) }),
+          /* @__PURE__ */ e("td", { children: k.role === "owner" ? /* @__PURE__ */ e("span", { style: { fontSize: "12px", opacity: 0.4 }, children: "—" }) : /* @__PURE__ */ t("div", { className: "ss-auth-settings-actions", children: [
             /* @__PURE__ */ e(
               "button",
               {
@@ -3745,9 +3777,9 @@ function Ia() {
                 className: "ss-auth-icon-btn",
                 title: "Edit role",
                 onClick: () => {
-                  I(z), B(z.role);
+                  O(k), F(k.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(
@@ -3756,17 +3788,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(k),
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.personRemove })
               }
             )
           ] }) })
-        ] }, z.userId)) })
+        ] }, k.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: [
@@ -3775,33 +3807,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((k) => /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e("td", { children: k.email }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: L(k.role), children: k.role }) }),
           /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               className: "ss-auth-icon-btn ss-auth-icon-btn-danger",
               title: "Revoke invite",
-              onClick: () => V(z.id),
-              children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.close })
+              onClick: () => M(k.id),
+              children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.close })
             }
           ) })
-        ] }, z.id)) })
+        ] }, k.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: (k) => {
+      k.target === k.currentTarget && O(null);
     }, children: /* @__PURE__ */ t("div", { className: "ss-auth-modal", style: { maxWidth: "400px" }, children: [
       /* @__PURE__ */ t("div", { className: "ss-auth-modal-header", children: [
         /* @__PURE__ */ e("h2", { children: "Edit Role" }),
-        /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: () => I(null), children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.close }) })
+        /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: () => O(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" }),
@@ -3809,8 +3841,8 @@ function Ia() {
             "select",
             {
               className: "ss-auth-input",
-              value: F,
-              onChange: (z) => B(z.target.value),
+              value: I,
+              onChange: (k) => F(k.target.value),
               style: { cursor: "pointer" },
               children: [
                 /* @__PURE__ */ e("option", { value: "admin", children: "Admin" }),
@@ -3820,33 +3852,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-primary ss-auth-btn-sm", style: { width: "auto" }, onClick: E, children: "Save" })
+          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-ghost", onClick: () => O(null), children: "Cancel" }),
+          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-primary ss-auth-btn-sm", style: { width: "auto" }, onClick: B, children: "Save" })
         ] })
       ] })
     ] }) }),
-    $ && /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (z) => {
-      z.target === z.currentTarget && x(null);
+    A && /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (k) => {
+      k.target === k.currentTarget && b(null);
     }, children: /* @__PURE__ */ t("div", { className: "ss-auth-modal", style: { maxWidth: "400px" }, children: [
       /* @__PURE__ */ t("div", { className: "ss-auth-modal-header", children: [
         /* @__PURE__ */ e("h2", { children: "Remove Member" }),
-        /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: () => 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: z,
               children: "Remove"
             }
           )
@@ -3855,71 +3887,71 @@ function Ia() {
     ] }) })
   ] });
 }
-function Fa() {
+function La() {
   const { selectedOrg: a } = Y();
-  return a ? /* @__PURE__ */ t(j, { children: [
+  return a ? /* @__PURE__ */ t(H, { children: [
     /* @__PURE__ */ e("h3", { children: "Billing" }),
     /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
       /* @__PURE__ */ t("h4", { children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: 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(H, { 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 le({
   appearance: a,
-  afterSignOutUrl: s,
-  afterDeleteAccountUrl: r,
-  showOrgSwitcher: o = !0,
+  afterSignOutUrl: r,
+  afterDeleteAccountUrl: s,
+  showOrgSwitcher: l = !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: F, selectOrg: B, createOrg: $ } = Y(), x = k((E) => {
-    P.current && !E.composedPath().includes(P.current) && p(!1);
+  const { appearance: c } = D(), { user: d, signOut: i } = sa(), o = a ?? c, [m, p] = h(!1), [g, v] = h(!1), [x, y] = h(""), [P, N] = h(null), [E, C] = h(!1), f = W(null), { orgs: O, selectedOrg: I, selectOrg: F, createOrg: A, refresh: b } = Y(), w = $((z) => {
+    f.current && !z.composedPath().includes(f.current) && p(!1);
   }, []);
   U(() => {
-    if (f) {
-      const E = setTimeout(() => {
-        document.addEventListener("click", x);
+    if (m) {
+      const z = setTimeout(() => {
+        document.addEventListener("click", w);
       }, 0);
       return () => {
-        clearTimeout(E), document.removeEventListener("click", x);
+        clearTimeout(z), document.removeEventListener("click", w);
       };
     }
-  }, [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, w]);
+  const B = $(
+    async (z) => {
+      z.preventDefault(), N(null), C(!0);
+      const M = x.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
       try {
-        const V = await $(w, D);
-        V && (await B(V.id), n == null || n(V), y(""), p(!1));
-      } catch (V) {
-        h(V instanceof Error ? V.message : "Failed to create organization");
+        const L = await A(x, M);
+        L && (await F(L.id), n == null || n(L), y(""), p(!1));
+      } catch (L) {
+        N(L instanceof Error ? L.message : "Failed to create organization");
       } finally {
         C(!1);
       }
     },
-    [w, $, B, n]
+    [x, A, F, 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: {
+          /* @__PURE__ */ e("span", { className: "ss-auth-avatar-trigger", children: d.avatarUrl ? /* @__PURE__ */ e("img", { src: d.avatarUrl, alt: "" }) : /* @__PURE__ */ e("div", { style: {
             width: "100%",
             height: "100%",
             display: "flex",
@@ -3927,14 +3959,14 @@ function oe({
             justifyContent: "center",
             fontSize: "16px",
             fontWeight: 700
-          }, children: (l.name || l.email).charAt(0).toUpperCase() }) }),
-          F && /* @__PURE__ */ e("span", { className: "ss-auth-trigger-org-name", children: F.name })
+          }, children: (d.name || d.email).charAt(0).toUpperCase() }) }),
+          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",
@@ -3942,10 +3974,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(
@@ -3954,49 +3986,49 @@ function oe({
           type: "button",
           className: "ss-auth-dropdown-action",
           onClick: () => {
-            p(!1), b(!0);
+            p(!1), v(!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: [
+      l && /* @__PURE__ */ t(H, { 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 = (F == null ? void 0 : F.id) === E.id, V = E.name.split(" ").map((T) => T[0]).join("").slice(0, 2).toUpperCase();
+        /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: O.map((z) => {
+          const M = (I == null ? void 0 : I.id) === z.id, L = z.name.split(" ").map((k) => k[0]).join("").slice(0, 2).toUpperCase();
           return /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              className: `ss-auth-org-item${D ? " ss-auth-org-item-active" : ""}`,
+              className: `ss-auth-org-item${M ? " ss-auth-org-item-active" : ""}`,
               onClick: async () => {
-                p(!1), await B(E.id), n == null || n(E);
+                p(!1), await F(z.id), n == null || n(z);
               },
               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: V }),
-                  /* @__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${M ? "" : " ss-auth-org-avatar-inactive"}`, children: L }),
+                  /* @__PURE__ */ e("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: z.name }),
+                  z.planName && /* @__PURE__ */ e("span", { className: "ss-auth-plan-badge", children: z.planName })
                 ] }),
-                D && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: v.checkCircle })
+                M && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: S.checkCircle })
               ]
             },
-            E.id
+            z.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: [
+          P && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "8px", fontSize: "12px" }, children: /* @__PURE__ */ e("span", { children: P }) }),
+          /* @__PURE__ */ e("form", { onSubmit: B, children: /* @__PURE__ */ t("div", { className: "ss-auth-inline-create-input", children: [
             /* @__PURE__ */ e(
               "input",
               {
                 className: "ss-auth-input",
                 type: "text",
                 placeholder: "New organization name",
-                value: w,
-                onChange: (E) => y(E.target.value),
+                value: x,
+                onChange: (z) => y(z.target.value),
                 required: !0,
                 style: { fontSize: "13px", padding: "10px 40px 10px 12px" }
               }
@@ -4006,22 +4038,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: E || !x.trim(),
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "20px" }, children: S.add })
               }
             )
           ] }) })
         ] }),
-        F && 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(F);
+              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"
             ]
           }
@@ -4033,56 +4065,58 @@ function oe({
           type: "button",
           className: "ss-auth-dropdown-action",
           onClick: async () => {
-            p(!1), await d(), s && (window.location.href = s);
+            p(!1), await i(), 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,
+    g && /* @__PURE__ */ e(
+      Ea,
       {
-        onClose: () => b(!1),
-        afterDeleteAccountUrl: r
+        onClose: () => v(!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, F] = g(""), [B, $] = g(""), [x, S] = g(null), E = k(
-    async (L) => {
-      L.preventDefault(), f(null), p(null), await n({ name: b, avatarUrl: y || void 0 });
+function ce({ appearance: a }) {
+  const { appearance: r } = D(), { user: s, signOut: l } = sa(), { updateProfile: n, uploadAvatar: u, changePassword: c, isLoading: d, error: i, success: o, setError: m, setSuccess: p } = oa(), g = a ?? r, [v, x] = h((s == null ? void 0 : s.name) ?? ""), [y, P] = h((s == null ? void 0 : s.avatarUrl) ?? ""), [N, E] = h(!1), [C, f] = h(""), [O, I] = h(""), [F, A] = h(""), [b, w] = h(null), B = $(
+    async (T) => {
+      T.preventDefault(), m(null), p(null), await n({ name: v, avatarUrl: y || void 0 });
     },
-    [b, y, n, f, p]
-  ), D = k(
-    async (L) => {
-      const W = await u(L);
-      W && (O(W.avatarUrl), N(!1));
+    [v, y, n, m, p]
+  ), z = $(
+    async (T) => {
+      const _ = await u(T);
+      _ && (P(_.avatarUrl), E(!1));
     },
     [u]
-  ), V = k(
-    async (L) => {
-      if (L.preventDefault(), S(null), f(null), p(null), I !== B) {
-        S("Passwords do not match");
+  ), M = $(
+    async (T) => {
+      if (T.preventDefault(), w(null), m(null), p(null), O !== F) {
+        w("Passwords do not match");
         return;
       }
-      if (I.length < 8) {
-        S("Password must be at least 8 characters");
+      if (O.length < 8) {
+        w("Password must be at least 8 characters");
         return;
       }
-      await i(C, I) && (P(""), F(""), $(""));
+      await c(C, O) && (f(""), I(""), A(""));
     },
-    [C, I, B, i, f, p]
+    [C, O, F, c, 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 L = s.provider === "email", k = (s.name || s.email).charAt(0).toUpperCase();
+  return /* @__PURE__ */ e(j, { appearance: g, children: /* @__PURE__ */ t("div", { className: "ss-auth-card", style: { maxWidth: "640px" }, children: [
     /* @__PURE__ */ t("div", { className: "ss-auth-profile-header", children: [
-      /* @__PURE__ */ t("div", { className: "ss-auth-avatar-lg", onClick: () => N(!0), children: [
+      /* @__PURE__ */ t("div", { className: "ss-auth-avatar-lg", onClick: () => E(!0), children: [
         y ? /* @__PURE__ */ e("img", { src: y, alt: "" }) : /* @__PURE__ */ e("div", { style: {
           width: "100%",
           height: "100%",
@@ -4092,33 +4126,33 @@ function ie({ appearance: a }) {
           fontSize: "48px",
           fontWeight: 800,
           opacity: 0.4
-        }, children: z }),
+        }, children: k }),
         /* @__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 })
+      i && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
+        /* @__PURE__ */ e("span", { children: i })
       ] }),
-      c && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.check }),
-        /* @__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("form", { onSubmit: B, children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Full Name" }),
           /* @__PURE__ */ e(
@@ -4127,8 +4161,8 @@ function ie({ appearance: a }) {
               className: "ss-auth-input",
               type: "text",
               placeholder: "Your name",
-              value: b,
-              onChange: (L) => w(L.target.value)
+              value: v,
+              onChange: (T) => x(T.target.value)
             }
           )
         ] }),
@@ -4136,34 +4170,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: [
+      L && /* @__PURE__ */ t("div", { className: "ss-auth-section", children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-section-title", children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: 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: V, children: [
+        /* @__PURE__ */ t("form", { onSubmit: M, children: [
           /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
             /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Current Password" }),
             /* @__PURE__ */ e(
@@ -4173,7 +4207,7 @@ function ie({ appearance: a }) {
                 type: "password",
                 placeholder: "••••••••••••",
                 value: C,
-                onChange: (L) => P(L.target.value),
+                onChange: (T) => f(T.target.value),
                 required: !0
               }
             )
@@ -4187,8 +4221,8 @@ function ie({ appearance: a }) {
                   className: "ss-auth-input",
                   type: "password",
                   placeholder: "Min. 8 characters",
-                  value: I,
-                  onChange: (L) => F(L.target.value),
+                  value: O,
+                  onChange: (T) => I(T.target.value),
                   required: !0
                 }
               )
@@ -4201,23 +4235,23 @@ function ie({ appearance: a }) {
                   className: "ss-auth-input",
                   type: "password",
                   placeholder: "Repeat new password",
-                  value: B,
-                  onChange: (L) => $(L.target.value),
+                  value: F,
+                  onChange: (T) => A(T.target.value),
                   required: !0
                 }
               )
             ] })
           ] }),
           /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: 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" })
@@ -4228,104 +4262,104 @@ function ie({ appearance: a }) {
           {
             type: "button",
             className: "ss-auth-btn-outline",
-            onClick: () => o(),
+            onClick: () => l(),
             style: { width: "auto", flexShrink: 0 },
             children: "Sign out"
           }
         )
       ] }) }) })
     ] }),
-    h && /* @__PURE__ */ e(
+    N && /* @__PURE__ */ e(
       ca,
       {
-        onUpload: D,
-        onClose: () => N(!1),
-        isLoading: l
+        onUpload: z,
+        onClose: () => E(!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 de({ appearance: a, onOrgChange: r }) {
+  const { appearance: s } = D(), { orgs: l, selectedOrg: n, selectOrg: u, createOrg: c, isLoading: d } = Y(), i = a ?? s, [o, m] = h(!1), [p, g] = h(""), [v, x] = h(""), [y, P] = h(null), [N, E] = h(!1), C = W(null), f = $((b) => {
+    C.current && !b.composedPath().includes(C.current) && m(!1);
   }, []);
   U(() => {
-    if (c) {
-      const x = setTimeout(() => {
-        document.addEventListener("click", P);
+    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, ""));
-  }, []), F = k(
-    async (x) => {
-      x.preventDefault(), O(null), N(!0);
+  }, [o, f]);
+  const O = $((b) => {
+    g(b), x(b.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
+  }, []), I = $(
+    async (b) => {
+      b.preventDefault(), P(null), E(!0);
       try {
-        const 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 c(p, v);
+        w && (await u(w.id), r == null || r(w), g(""), x(""), m(!1));
+      } catch (w) {
+        P(w instanceof Error ? w.message : "Failed to create organization");
       } finally {
-        N(!1);
+        E(!1);
       }
     },
-    [p, b, i, u, s]
+    [p, v, c, u, r]
   );
-  if (l) return null;
-  const B = (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 F = (n == null ? void 0 : n.name) ?? (l.length === 0 ? "No organization" : "Select organization"), A = n ? n.name.split(" ").map((b) => b[0]).join("").slice(0, 2).toUpperCase() : "--";
+  return /* @__PURE__ */ e(j, { appearance: i, children: /* @__PURE__ */ t("div", { style: { position: "relative", display: "inline-block", width: "100%", maxWidth: "360px" }, ref: C, children: [
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         className: "ss-auth-org-trigger",
-        onClick: () => 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: B })
+              /* @__PURE__ */ e("div", { className: "ss-auth-org-trigger-name", children: F })
             ] })
           ] }),
-          /* @__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: l.map((b) => {
+        const w = (n == null ? void 0 : n.id) === b.id, B = b.name.split(" ").map((z) => z[0]).join("").slice(0, 2).toUpperCase();
         return /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            className: `ss-auth-org-item${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: B }),
+                /* @__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: F, children: [
+        /* @__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(
@@ -4335,7 +4369,7 @@ function le({ appearance: a, onOrgChange: s }) {
                 type: "text",
                 placeholder: "e.g. Nexus Dynamics",
                 value: p,
-                onChange: (x) => I(x.target.value),
+                onChange: (b) => O(b.target.value),
                 required: !0,
                 style: { fontSize: "13px", padding: "10px 12px" }
               }
@@ -4351,8 +4385,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: v,
+                  onChange: (b) => x(b.target.value),
                   required: !0,
                   style: { fontSize: "13px", padding: "10px 12px 10px 22px" }
                 }
@@ -4364,10 +4398,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"
               ]
             }
@@ -4377,205 +4411,205 @@ function le({ appearance: a, onOrgChange: s }) {
     ] })
   ] }) });
 }
-function Ba(a, s = "USD") {
+function Aa(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 ue({ plans: a, currentPlanId: r, onSelectPlan: s, interval: l, appearance: n }) {
+  const { appearance: u } = D(), c = n ?? u, d = l ? a.filter((i) => i.interval === l || i.isFree) : a;
+  return /* @__PURE__ */ e(j, { appearance: c, children: /* @__PURE__ */ e("div", { className: "ss-pricing-grid", children: d.map((i) => {
+    const o = i.id === r;
+    return /* @__PURE__ */ t("div", { className: `ss-pricing-card ${o ? "ss-pricing-card-current" : ""}`, children: [
       /* @__PURE__ */ t("div", { className: "ss-pricing-header", children: [
-        /* @__PURE__ */ e("h3", { className: "ss-pricing-name", children: 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: i.name }),
+        i.trialDays > 0 && /* @__PURE__ */ t("span", { className: "ss-badge ss-badge-trialing", children: [
+          i.trialDays,
           "-day trial"
         ] }),
-        d.isFree && /* @__PURE__ */ e("span", { className: "ss-badge ss-badge-active", children: "Free" })
+        i.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: Ba(d.amountCents, d.currency) }),
+      /* @__PURE__ */ e("div", { className: "ss-pricing-price", children: i.isFree ? /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: "Free" }) : /* @__PURE__ */ t(H, { children: [
+        /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: Aa(i.amountCents, i.currency) }),
         /* @__PURE__ */ t("span", { className: "ss-pricing-interval", children: [
           "/",
-          d.interval
+          i.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: [
+      i.description && /* @__PURE__ */ e("p", { className: "ss-pricing-desc", children: i.description }),
+      i.features.length > 0 && /* @__PURE__ */ e("ul", { className: "ss-pricing-features", children: i.features.map((m, p) => /* @__PURE__ */ t("li", { className: "ss-pricing-feature", children: [
         /* @__PURE__ */ e("span", { className: "ss-check", children: "✓" }),
         " ",
-        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(i.id),
+          children: o ? "Current plan" : "Select plan"
         }
       )
-    ] }, d.id);
+    ] }, i.id);
   }) }) });
 }
-function de() {
-  const { client: a } = A();
+function pe() {
+  const { client: a } = D();
   return { billing: a.billing };
 }
 function Z(a) {
-  const { client: s } = A();
+  const { client: r } = D();
   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 wa(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 Ta(a, r) {
+  const s = Z(r), [l, n] = h(null), [u, c] = h(!0), [d, i] = h(null), o = $(async () => {
+    c(!0), i(null);
     try {
-      const 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) {
+      i(m instanceof Error ? m.message : "Failed to load subscription");
     } finally {
-      i(!1);
+      c(!1);
     }
-  }, [r, a]);
+  }, [s, a]);
   return U(() => {
-    c();
-  }, [c]), { customer: o, isLoading: u, error: l, refresh: c };
+    o();
+  }, [o]), { customer: l, 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 Da(a, r) {
+  const s = Z(r), [l, n] = h([]), [u, c] = h(!0), [d, i] = h(null), o = $(async () => {
+    c(!0), i(null);
     try {
-      const 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) {
+      i(m instanceof Error ? m.message : "Failed to load invoices");
     } finally {
-      i(!1);
+      c(!1);
     }
-  }, [r, a]);
+  }, [s, a]);
   return U(() => {
-    c();
-  }, [c]), { invoices: o, isLoading: u, error: l, refresh: c };
+    o();
+  }, [o]), { invoices: l, 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 Ma(a, r) {
+  const s = Z(r), [l, n] = h([]), [u, c] = h(!0), [d, i] = h(null), o = $(async () => {
+    c(!0), i(null);
     try {
-      const 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) {
+      i(m instanceof Error ? m.message : "Failed to load usage");
     } finally {
-      i(!1);
+      c(!1);
     }
-  }, [r, a]);
+  }, [s, a]);
   return U(() => {
-    c();
-  }, [c]), { usage: o, isLoading: u, error: l, refresh: c };
+    o();
+  }, [o]), { usage: l, isLoading: u, error: d, refresh: o };
 }
-const Ta = {
+const Va = {
   active: "ss-badge-active"
 };
-function Ma({
+function Ua({
   customerId: a,
-  portalToken: s,
-  onChangePlan: r,
-  onCancel: o,
+  portalToken: r,
+  onChangePlan: s,
+  onCancel: l,
   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 } = D(), { customer: c, isLoading: d, error: i } = Ta(a, r);
+  return /* @__PURE__ */ e(j, { appearance: n ?? u, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Subscription" }),
-    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: [
+    i && /* @__PURE__ */ e("div", { className: "ss-global-error", children: i }),
+    c && !d && /* @__PURE__ */ t(H, { children: [
       /* @__PURE__ */ t("div", { className: "ss-field", children: [
         /* @__PURE__ */ e("label", { className: "ss-label", children: "Customer" }),
-        /* @__PURE__ */ e("input", { className: "ss-input", value: i.name || i.email, disabled: !0, readOnly: !0 })
+        /* @__PURE__ */ e("input", { className: "ss-input", value: c.name || c.email, disabled: !0, readOnly: !0 })
       ] }),
       /* @__PURE__ */ t("div", { className: "ss-field", children: [
         /* @__PURE__ */ e("label", { className: "ss-label", children: "Status" }),
-        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("span", { className: `ss-badge ${Ta.active}`, children: "Active" }) })
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("span", { className: `ss-badge ${Va.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" }),
+        l && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-danger", onClick: l, children: "Cancel subscription" })
       ] })
     ] })
   ] }) });
 }
-const Ua = {
+const Ra = {
   paid: "ss-badge-active",
   open: "ss-badge-trialing",
   draft: "ss-badge-paused",
   void: "ss-badge-canceled",
   uncollectible: "ss-badge-past-due"
 };
-function Va(a) {
+function Ha(a) {
   return new Date(a).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
 }
-function Ra(a) {
+function ja(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 qa({ customerId: a, portalToken: r, appearance: s }) {
+  const { appearance: l } = D(), { invoices: n, isLoading: u, error: c } = Da(a, r), d = s ?? l, i = [...n].sort((o, m) => new Date(m.createdAt).getTime() - new Date(o.createdAt).getTime());
+  return /* @__PURE__ */ e(j, { appearance: d, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Invoices" }),
     u && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
       /* @__PURE__ */ e("span", { className: "ss-spinner" }),
       " Loading..."
     ] }),
-    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: [
+    c && /* @__PURE__ */ e("div", { className: "ss-global-error", children: c }),
+    !u && i.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No invoices yet." }),
+    !u && i.length > 0 && /* @__PURE__ */ t("table", { className: "ss-table", children: [
       /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
         /* @__PURE__ */ e("th", { className: "ss-th", children: "Date" }),
         /* @__PURE__ */ e("th", { className: "ss-th", children: "Amount" }),
         /* @__PURE__ */ e("th", { className: "ss-th", children: "Status" }),
         /* @__PURE__ */ e("th", { className: "ss-th", children: "PDF" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: d.map((c) => /* @__PURE__ */ t("tr", { className: "ss-tr", children: [
-        /* @__PURE__ */ e("td", { className: "ss-td", children: Va(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 ${Ua[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: i.map((o) => /* @__PURE__ */ t("tr", { className: "ss-tr", children: [
+        /* @__PURE__ */ e("td", { className: "ss-td", children: Ha(o.createdAt) }),
+        /* @__PURE__ */ e("td", { className: "ss-td", children: ja(o.amountCents) }),
+        /* @__PURE__ */ e("td", { className: "ss-td", children: /* @__PURE__ */ e("span", { className: `ss-badge ${Ra[o.status] || ""}`, children: o.status }) }),
+        /* @__PURE__ */ e("td", { className: "ss-td", children: o.pdfUrl ? /* @__PURE__ */ e("a", { className: "ss-link", href: o.pdfUrl, target: "_blank", rel: "noopener noreferrer", children: "Download" }) : "—" })
+      ] }, o.id)) })
     ] })
   ] }) });
 }
-function 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 Wa({ customerId: a, limits: r, portalToken: s, appearance: l }) {
+  const { appearance: n } = D(), { usage: u, isLoading: c, error: d } = Ma(a, s);
+  return /* @__PURE__ */ e(j, { appearance: l ?? n, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Usage" }),
-    i && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
+    c && /* @__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 }),
+    !c && u.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No usage data." }),
+    !c && u.map((o) => {
+      const m = r == null ? void 0 : r[o.metric], p = m ? Math.min(100, o.total / m * 100) : null;
       return /* @__PURE__ */ t("div", { className: "ss-usage-item", children: [
         /* @__PURE__ */ t("div", { className: "ss-usage-header", children: [
-          /* @__PURE__ */ e("span", { className: "ss-usage-metric", children: 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(
@@ -4585,20 +4619,20 @@ function ja({ customerId: a, limits: s, portalToken: r, appearance: o }) {
             style: { width: `${p}%` }
           }
         ) })
-      ] }, c.metric);
+      ] }, o.metric);
     })
   ] }) });
 }
-function ue({
+function he({
   customerId: a,
-  portalToken: s,
-  limits: r,
-  onChangePlan: o,
+  portalToken: r,
+  limits: s,
+  onChangePlan: l,
   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: c } = D(), d = u ?? c, [i, o] = h("subscription");
+  return /* @__PURE__ */ e(j, { appearance: d, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Billing" }),
     /* @__PURE__ */ e("div", { className: "ss-tab-group", children: [
       { id: "subscription", label: "Subscription" },
@@ -4608,45 +4642,45 @@ function ue({
       "button",
       {
         type: "button",
-        className: `ss-tab ${d === p.id ? "ss-tab-active" : ""}`,
-        onClick: () => c(p.id),
+        className: `ss-tab ${i === p.id ? "ss-tab-active" : ""}`,
+        onClick: () => o(p.id),
         children: p.label
       },
       p.id
     )) }),
     /* @__PURE__ */ t("div", { className: "ss-tab-content", children: [
-      d === "subscription" && /* @__PURE__ */ e(
-        Ma,
+      i === "subscription" && /* @__PURE__ */ e(
+        Ua,
         {
           customerId: a,
-          portalToken: s,
-          onChangePlan: o,
+          portalToken: r,
+          onChangePlan: l,
           onCancel: n
         }
       ),
-      d === "invoices" && /* @__PURE__ */ e(Ha, { customerId: a, portalToken: s }),
-      d === "usage" && /* @__PURE__ */ e(ja, { customerId: a, portalToken: s, limits: r })
+      i === "invoices" && /* @__PURE__ */ e(qa, { customerId: a, portalToken: r }),
+      i === "usage" && /* @__PURE__ */ e(Wa, { 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 ge({ customerId: a, portalToken: r, onApplied: s, appearance: l }) {
+  const { appearance: n } = D(), u = Z(r), c = l ?? n, [d, i] = h(""), [o, m] = h(!1), [p, g] = h(null), [v, x] = h(null), y = $(async (P) => {
+    if (P.preventDefault(), !!d.trim()) {
+      m(!0), g(null), x(null);
       try {
-        const 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`}`), i(""), s == null || s(N);
+      } catch (N) {
+        g(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: c, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Apply coupon" }),
     p && /* @__PURE__ */ e("div", { className: "ss-global-error", children: p }),
-    b && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: b }),
+    v && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: v }),
     /* @__PURE__ */ t("form", { onSubmit: y, children: [
       /* @__PURE__ */ t("div", { className: "ss-field", children: [
         /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-coupon-code", children: "Coupon code" }),
@@ -4657,102 +4691,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: (P) => i(P.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 me() {
+  const { client: a } = D();
   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);
+  const { client: a } = D(), [r, s] = h(null), [l, n] = h(!1), [u, c] = h(null), d = $(async (i) => {
+    n(!0), c(null);
     try {
-      const 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(i);
+      return s(o), o;
+    } catch (o) {
+      return c(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: l, 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 _a(a) {
+  const { client: r } = D(), [s, l] = h(null), [n, u] = h(!0), [c, d] = h(null), i = $(async () => {
+    u(!0), d(null);
     try {
-      const 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);
+      l(o);
+    } catch (o) {
+      d(o instanceof Error ? o.message : "Failed to load queries");
     } finally {
       u(!1);
     }
-  }, [s, a]);
+  }, [r, a]);
   return U(() => {
-    d();
-  }, [d]), { queries: (r == null ? void 0 : r.data) ?? [], meta: r == null ? void 0 : r.meta, isLoading: n, error: i, refresh: d };
+    i();
+  }, [i]), { queries: (s == null ? void 0 : s.data) ?? [], meta: s == null ? void 0 : s.meta, isLoading: n, error: c, refresh: i };
 }
-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 fe(a) {
+  const { client: r } = D(), [s, l] = h(null), [n, u] = h(!0), [c, d] = h(null), i = $(async () => {
+    u(!0), d(null);
     try {
-      const 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);
+      l(o);
+    } catch (o) {
+      d(o instanceof Error ? o.message : "Failed to load dashboard");
     } finally {
       u(!1);
     }
-  }, [s, a]);
+  }, [r, a]);
   return U(() => {
-    d();
-  }, [d]), { dashboard: r, isLoading: n, error: i, refresh: d };
+    i();
+  }, [i]), { dashboard: s, isLoading: n, error: c, refresh: i };
 }
-function me(a, s, r = "https://api.saas-support.com/v1") {
-  const o = G(() => {
-    const p = new Q(r, { type: "embedToken", token: a });
+function be(a, r, s = "https://api.saas-support.com/v1") {
+  const l = G(() => {
+    const p = new Q(s, { type: "embedToken", token: a });
     return new ta(p);
-  }, [a, r]), [n, u] = g(null), [i, l] = g(!0), [d, c] = g(null), f = k(async () => {
-    l(!0), c(null);
+  }, [a, s]), [n, u] = h(null), [c, d] = h(!0), [i, o] = h(null), m = $(async () => {
+    d(!0), o(null);
     try {
-      const p = await o.getDashboard(s);
+      const p = await l.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]);
+  }, [l, r]);
   return U(() => {
-    f();
-  }, [f]), { dashboard: n, reportClient: o, isLoading: i, error: d, refresh: f };
+    m();
+  }, [m]), { dashboard: n, reportClient: l, isLoading: c, error: i, 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 xe({ onResult: a, mode: r = "both", placeholder: s, appearance: l }) {
+  const { appearance: n } = D(), { execute: u, isLoading: c, error: d } = da(), i = l ?? n, [o, m] = h(""), [p, g] = h(r === "sql" ? "sql" : "nl"), v = $(async (x) => {
+    if (x.preventDefault(), !o.trim()) return;
+    const P = await u(p === "sql" ? { sql: o } : { naturalLanguage: o });
+    P && (a == null || a(P));
+  }, [o, p, u, a]);
+  return /* @__PURE__ */ e(j, { appearance: i, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
+    r === "both" && /* @__PURE__ */ t("div", { className: "ss-tab-group ss-tab-group-sm", children: [
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           className: `ss-tab ${p === "nl" ? "ss-tab-active" : ""}`,
-          onClick: () => m("nl"),
+          onClick: () => g("nl"),
           children: "Natural Language"
         }
       ),
@@ -4761,228 +4795,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: () => g("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: v, 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: c || !o.trim(), children: [
+        c && /* @__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 Ga({ columns: a, rows: r, sortable: s = !0, maxRows: l, appearance: n }) {
+  const { appearance: u } = D(), c = n ?? u, [d, i] = h(null), [o, m] = h("asc"), p = G(() => d ? [...r].sort((y, P) => {
+    const N = y[d], E = P[d];
+    if (N == null && E == null) return 0;
+    if (N == null) return 1;
+    if (E == null) return -1;
+    if (typeof N == "number" && typeof E == "number")
+      return o === "asc" ? N - E : E - N;
+    const C = String(N), f = String(E);
+    return o === "asc" ? C.localeCompare(f) : f.localeCompare(C);
+  }) : r, [r, d, o]), g = l ? p.slice(0, l) : p, v = (y) => {
+    s && (d === y ? m((P) => P === "asc" ? "desc" : "asc") : (i(y), m("asc")));
   };
-  function w(y) {
+  function x(y) {
     return y == null ? "" : typeof y == "object" ? JSON.stringify(y) : String(y);
   }
-  return /* @__PURE__ */ e(H, { appearance: i, children: /* @__PURE__ */ t("div", { className: "ss-table-container", children: [
+  return /* @__PURE__ */ e(j, { appearance: c, children: /* @__PURE__ */ t("div", { className: "ss-table-container", children: [
     /* @__PURE__ */ t("table", { className: "ss-table", children: [
       /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: a.map((y) => /* @__PURE__ */ t(
         "th",
         {
-          className: `ss-th ${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 === y ? o === "asc" ? "ss-sorted-asc" : "ss-sorted-desc" : ""}`,
+          onClick: () => v(y),
           children: [
             y,
-            l === y && /* @__PURE__ */ e("span", { className: "ss-sort-indicator", children: c === "asc" ? " ▲" : " ▼" })
+            d === y && /* @__PURE__ */ e("span", { className: "ss-sort-indicator", children: o === "asc" ? " ▲" : " ▼" })
           ]
         },
         y
       )) }) }),
-      /* @__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: g.map((y, P) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: a.map((N) => /* @__PURE__ */ e("td", { className: "ss-td", children: x(y[N]) }, N)) }, P)) })
     ] }),
-    o && s.length > o && /* @__PURE__ */ t("div", { className: "ss-table-footer", children: [
+    l && r.length > l && /* @__PURE__ */ t("div", { className: "ss-table-footer", children: [
       "Showing ",
-      o,
+      l,
       " of ",
-      s.length,
+      r.length,
       " rows"
     ] })
   ] }) });
 }
-function _a(a, s = "#6366f1") {
-  const r = parseInt(s.replace("#", "").slice(0, 2), 16), o = [];
+function Ya(a, r = "#6366f1") {
+  const s = parseInt(r.replace("#", "").slice(0, 2), 16), l = [];
   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;
+    l.push(`hsl(${u}, 65%, 55%)`);
   }
-  return o;
+  return l;
 }
-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 Ja({ labels: a, values: r, w: s, h: l, colors: n }) {
+  const u = Math.max(...r, 1), c = 40, d = s - c * 2, i = l - c * 2, o = Math.max(1, d / a.length - 4);
   return /* @__PURE__ */ t("g", { children: [
-    /* @__PURE__ */ e("line", { x1: 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: c, y1: l - c, x2: s - c, y2: l - c, stroke: "#ccc", strokeWidth: 1 }),
+    r.map((m, p) => {
+      const g = m / u * i, v = c + d / a.length * p + 2, x = l - c - g;
       return /* @__PURE__ */ t("g", { children: [
-        /* @__PURE__ */ e("rect", { x: 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: v, y: x, width: o, height: g, fill: n[p % n.length], rx: 2 }),
+        /* @__PURE__ */ e("text", { x: v + o / 2, y: l - c + 14, textAnchor: "middle", fontSize: 10, fill: "#666", children: a[p].length > 8 ? a[p].slice(0, 8) + "..." : a[p] })
       ] }, p);
     })
   ] });
 }
-function 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 Qa({ labels: a, values: r, w: s, h: l, colors: n }) {
+  const u = Math.max(...r, 1), c = 40, d = s - c * 2, i = l - c * 2, o = a.length > 1 ? d / (a.length - 1) : 0, m = r.map((p, g) => {
+    const v = c + o * g, x = l - c - p / u * i;
+    return `${v},${x}`;
   });
   return /* @__PURE__ */ t("g", { children: [
     [0.25, 0.5, 0.75, 1].map((p) => {
-      const m = o - i - p * d;
-      return /* @__PURE__ */ e("line", { x1: i, y1: m, x2: r - i, y2: m, stroke: "#eee", strokeWidth: 1 }, p);
+      const g = l - c - p * i;
+      return /* @__PURE__ */ e("line", { x1: c, y1: g, x2: s - c, y2: g, stroke: "#eee", strokeWidth: 1 }, p);
     }),
-    /* @__PURE__ */ e("polyline", { points: 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, g) => {
+      const v = c + o * g, x = l - c - p / u * i;
+      return /* @__PURE__ */ e("circle", { cx: v, cy: x, r: 4, fill: n[0] }, g);
     })
   ] });
 }
-function 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 Za({ labels: a, values: r, w: s, h: l, colors: n }) {
+  const u = r.reduce((g, v) => g + v, 0) || 1, c = s / 2, d = l / 2 - 20, i = Math.min(s, l) / 2 - 40, o = 2 * Math.PI * i;
+  let m = 0;
+  const p = r.map((g, v) => {
+    const x = g / u, y = x * o, P = { dash: y, offset: m, color: n[v % n.length], label: a[v], pct: x };
+    return m += y, P;
   });
   return /* @__PURE__ */ t("g", { children: [
-    p.map((m, b) => /* @__PURE__ */ e(
+    p.map((g, v) => /* @__PURE__ */ e(
       "circle",
       {
-        cx: i,
-        cy: l,
-        r: d,
+        cx: c,
+        cy: d,
+        r: i,
         fill: "none",
-        stroke: m.color,
-        strokeWidth: d * 0.6,
-        strokeDasharray: `${m.dash} ${c - m.dash}`,
-        strokeDashoffset: -m.offset,
-        transform: `rotate(-90 ${i} ${l})`
+        stroke: g.color,
+        strokeWidth: i * 0.6,
+        strokeDasharray: `${g.dash} ${o - g.dash}`,
+        strokeDashoffset: -g.offset,
+        transform: `rotate(-90 ${c} ${d})`
       },
-      b
+      v
     )),
-    /* @__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(${c - a.length * 30}, ${l - 20})`, children: p.slice(0, 6).map((g, v) => /* @__PURE__ */ t("g", { transform: `translate(${v * 60}, 0)`, children: [
+      /* @__PURE__ */ e("rect", { width: 10, height: 10, fill: g.color, rx: 2 }),
+      /* @__PURE__ */ e("text", { x: 14, y: 9, fontSize: 9, fill: "#666", children: g.label.length > 6 ? g.label.slice(0, 6) + ".." : g.label })
+    ] }, v)) })
   ] });
 }
-function 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 Ka({ type: a, data: r, title: s, width: l = 400, height: n = 300, appearance: u }) {
+  const { appearance: c } = D(), d = u ?? c, i = G(() => Ya(r.labels.length), [r.labels.length]);
+  return /* @__PURE__ */ e(j, { appearance: d, children: /* @__PURE__ */ t("div", { className: "ss-chart-container", children: [
+    s && /* @__PURE__ */ e("h3", { className: "ss-chart-title", children: s }),
+    /* @__PURE__ */ t("svg", { viewBox: `0 0 ${l} ${n}`, width: "100%", style: { maxWidth: l }, children: [
+      a === "bar" && /* @__PURE__ */ e(Ja, { labels: r.labels, values: r.values, w: l, h: n, colors: i }),
+      a === "line" && /* @__PURE__ */ e(Qa, { labels: r.labels, values: r.values, w: l, h: n, colors: i }),
+      a === "pie" && /* @__PURE__ */ e(Za, { labels: r.labels, values: r.values, w: l, h: n, colors: i })
     ] })
   ] }) });
 }
-function 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 ye({ dashboardId: a, embedToken: r, baseUrl: s, refreshInterval: l, appearance: n }) {
+  const u = D(), c = n ?? (u == null ? void 0 : u.appearance), d = G(() => {
+    if (r) {
+      const N = s ?? "https://api.saas-support.com/v1", E = new Q(N, { type: "embedToken", token: r });
+      return new ta(E);
     }
     return u.client.report;
-  }, [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]), [i, o] = h([]), [m, p] = h({}), [g, v] = h(!0), [x, y] = h(null), P = $(async () => {
+    v(!0), y(null);
     try {
-      const h = await l.getDashboard(a), N = JSON.parse(h.layoutJson || "[]");
-      c(N);
+      const N = await d.getDashboard(a), E = JSON.parse(N.layoutJson || "[]");
+      o(E);
       const C = {};
-      for (const P of N)
+      for (const f of E)
         try {
-          const I = await l.listQueries({ search: P.queryId, perPage: 1 });
-          if (I.data.length > 0 && I.data[0].generatedSql) {
-            const F = await l.executeQuery({ sql: I.data[0].generatedSql });
-            C[P.queryId] = F;
+          const O = await d.listQueries({ search: f.queryId, perPage: 1 });
+          if (O.data.length > 0 && O.data[0].generatedSql) {
+            const I = await d.executeQuery({ sql: O.data[0].generatedSql });
+            C[f.queryId] = I;
           }
         } catch {
         }
       p(C);
-    } catch (h) {
-      y(h instanceof Error ? h.message : "Failed to load dashboard");
+    } catch (N) {
+      y(N instanceof Error ? N.message : "Failed to load dashboard");
     } finally {
-      b(!1);
+      v(!1);
     }
-  }, [l, a]);
+  }, [d, a]);
   return U(() => {
-    O();
-  }, [O]), U(() => {
-    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: [
+    P();
+  }, [P]), U(() => {
+    if (!l || l <= 0) return;
+    const N = setInterval(P, l * 1e3);
+    return () => clearInterval(N);
+  }, [l, P]), /* @__PURE__ */ e(j, { appearance: c, children: /* @__PURE__ */ t("div", { className: "ss-dashboard-grid", children: [
+    g && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
       /* @__PURE__ */ e("span", { className: "ss-spinner" }),
       " Loading dashboard..."
     ] }),
-    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 }),
+    !g && i.map((N, E) => {
+      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((O) => String(O[C.columns[0]] ?? "")),
+        values: C.rows.map((O) => Number(O[C.columns[1]] ?? 0))
       } : { labels: [], values: [] };
       return /* @__PURE__ */ t("div", { className: "ss-widget", children: [
-        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(Ga, { columns: C.columns, rows: C.rows, maxRows: 50 }) : /* @__PURE__ */ e(
+          Ka,
           {
-            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);
+      ] }, E);
     })
   ] }) });
 }
-function Za(a) {
+function Xa(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 ve({ onSelectQuery: a, onRunQuery: r, appearance: s }) {
+  const { appearance: l } = D(), { queries: n, isLoading: u, error: c } = _a(), { execute: d, isLoading: i } = da(), o = s ?? l, m = $(async (p) => {
     if (!p.generatedSql) return;
-    const 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 g = await d({ sql: p.generatedSql });
+    g && (r == null || r(g));
+  }, [d, r]);
+  return /* @__PURE__ */ e(j, { appearance: o, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Saved Queries" }),
     u && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
       /* @__PURE__ */ e("span", { className: "ss-spinner" }),
       " Loading..."
     ] }),
-    i && /* @__PURE__ */ e("div", { className: "ss-global-error", children: i }),
+    c && /* @__PURE__ */ e("div", { className: "ss-global-error", children: c }),
     !u && n.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No saved queries." }),
     !u && n.map((p) => /* @__PURE__ */ t(
       "div",
@@ -4996,17 +5030,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: Xa(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: i || !p.generatedSql,
+                onClick: (g) => {
+                  g.stopPropagation(), m(p);
                 },
-                children: d ? /* @__PURE__ */ e("span", { className: "ss-spinner" }) : "Run"
+                children: i ? /* @__PURE__ */ e("span", { className: "ss-spinner" }) : "Run"
               }
             )
           ] })
@@ -5016,107 +5050,107 @@ 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 we({ embedToken: a, dashboardId: r, baseUrl: s = "https://api.saas-support.com/v1", refreshInterval: l, appearance: n }) {
   const u = G(() => {
-    const y = new Q(r, { type: "embedToken", token: a });
+    const y = new Q(s, { 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);
+  }, [a, s]), [c, d] = h([]), [i, o] = h(!0), [m, p] = h(null), g = G(() => aa(n), [n]), v = G(() => ea(g), [g]), x = $(async () => {
+    o(!0), p(null);
     try {
-      const y = await u.getDashboard(s), O = JSON.parse(y.layoutJson || "[]"), h = await Promise.all(
-        O.map(async (N) => {
+      const y = await u.getDashboard(r), P = JSON.parse(y.layoutJson || "[]"), N = await Promise.all(
+        P.map(async (E) => {
           try {
-            const C = await u.listQueries({ search: N.queryId, perPage: 1 });
+            const C = await u.listQueries({ search: E.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 { ...E, result: f };
             }
           } catch {
           }
-          return N;
+          return E;
         })
       );
-      l(h);
+      d(N);
     } catch (y) {
       p(y instanceof Error ? y.message : "Failed to load dashboard");
     } finally {
-      c(!1);
+      o(!1);
     }
-  }, [u, s]);
+  }, [u, r]);
   return U(() => {
-    w();
-  }, [w]), U(() => {
-    if (!o || o <= 0) return;
-    const y = setInterval(w, o * 1e3);
+    x();
+  }, [x]), U(() => {
+    if (!l || l <= 0) return;
+    const y = setInterval(x, l * 1e3);
     return () => clearInterval(y);
-  }, [o, w]), /* @__PURE__ */ e(
+  }, [l, 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);
+        const P = y.attachShadow({ mode: "open" }), N = document.createElement("style");
+        N.textContent = v, P.appendChild(N);
+        const E = document.createElement("div");
+        P.appendChild(E);
       },
       style: { display: "contents" },
       children: /* @__PURE__ */ t("div", { className: "ss-dashboard-grid", children: [
-        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) => {
+        i && /* @__PURE__ */ e("div", { className: "ss-loading", children: "Loading dashboard..." }),
+        m && /* @__PURE__ */ e("div", { className: "ss-global-error", children: m }),
+        !i && c.map((y, P) => {
           if (!y.result) return null;
-          const { columns: h, rows: N } = y.result;
+          const { columns: N, rows: E } = y.result;
           return /* @__PURE__ */ t("div", { className: "ss-widget", children: [
             y.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: y.title }),
             /* @__PURE__ */ t("table", { className: "ss-table", children: [
-              /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: 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: E.slice(0, 50).map((C, f) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: N.map((O) => /* @__PURE__ */ e("td", { className: "ss-td", children: String(C[O] ?? "") }, O)) }, f)) })
             ] })
-          ] }, O);
+          ] }, P);
         })
       ] })
     }
   );
 }
 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,
+  Ka as Chart,
+  ge as CouponInput,
+  ye as DashboardView,
+  Ga as DataTable,
+  qa as InvoiceHistory,
+  de as OrgSwitcher,
+  he as PaymentPortal,
+  ue as PricingTable,
+  xe as QueryInput,
+  we as ReportEmbed,
   ra as SaaSContext,
-  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,
+  $e as SaaSError,
+  re as SaaSProvider,
+  ya as SaaSSupport,
+  ve as SavedQueryList,
+  Ea as SettingsPanel,
+  oe as SignIn,
+  ie as SignUp,
+  Ua as SubscriptionStatus,
+  Wa as UsageDisplay,
+  le as UserButton,
+  ce as UserProfile,
+  va as isMfaRequired,
   sa as useAuth,
-  de as useBilling,
-  ge as useDashboard,
-  Ca as useDeleteAccount,
-  me as useEmbedDashboard,
-  Aa as useInvoices,
+  pe as useBilling,
+  fe as useDashboard,
+  Pa as useDeleteAccount,
+  be as useEmbedDashboard,
+  Da as useInvoices,
   Y as useOrg,
   oa as useProfile,
   da as useQuery,
-  he as useReport,
-  A as useSaaSContext,
-  qa as useSavedQueries,
+  me as useReport,
+  D as useSaaSContext,
+  _a as useSavedQueries,
   na as useSignIn,
-  ka as useSignUp,
-  La as useSubscription,
-  Da as useUsage,
-  se as useUser
+  za as useSignUp,
+  Ta as useSubscription,
+  Ma as useUsage,
+  ne as useUser
 };