@saas-support/react 0.7.1 → 0.7.3

package/dist/react.js

@@ -1,5 +1,5 @@
 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 $, useMemo as G } from "react";
+import { createContext as ma, useContext as fa, useState as g, useEffect as V, useRef as _, useCallback as k, useMemo as G } from "react";
 import { SaaSSupport as ba, isMfaRequired as xa, BillingClient as ya, Transport as Q, ReportClient as ta } from "./index.js";
 import { SaaSError as Ne } from "./index.js";
 import { createPortal as va } from "react-dom";
@@ -12,15 +12,15 @@ function A() {
 }
 function te({ publishableKey: a, apiKey: s, baseUrl: r, appearance: o, children: n }) {
   const [u] = g(() => new ba({ publishableKey: a, apiKey: s, baseUrl: r })), [i, l] = g(null), [d, c] = g(!1), [f, p] = g(null);
-  return U(() => {
+  return V(() => {
     let m = !1;
     u.load().then(async () => {
       if (m) return;
-      const N = await u.auth.getUser(), y = await u.auth.getSettings();
-      l(N), p(y), c(!0);
+      const w = await u.auth.getUser(), y = await u.auth.getSettings();
+      l(w), p(y), c(!0);
     });
-    const b = u.auth.onAuthStateChange((N) => {
-      m || l(N);
+    const b = u.auth.onAuthStateChange((w) => {
+      m || l(w);
     });
     return () => {
       m = !0, b(), u.destroy();
@@ -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 {
@@ -2213,14 +2214,15 @@ function ea(a) {
       animation: ss-spin 0.6s linear infinite;
     }
 
-    /* Settings Panel (full-page overlay) */
+    /* Settings Panel (full page) */
     .ss-auth-settings-page {
-      width: 100%;
-      height: 100%;
+      position: fixed;
+      inset: 0;
+      z-index: 99999;
       display: flex;
       flex-direction: column;
       background: ${a.authSurface};
-      animation: ss-auth-scale-in 0.2s ease-out;
+      animation: ss-auth-fade-in 0.2s ease-out;
     }
 
     .ss-auth-settings-header {
@@ -2242,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;
@@ -2300,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 {
@@ -2479,7 +2503,7 @@ function ea(a) {
 }
 function H({ children: a, appearance: s }) {
   const r = _(null), [o, n] = g(null);
-  U(() => {
+  V(() => {
     var f;
     if (!r.current || r.current.shadowRoot) {
       n(((f = r.current) == null ? void 0 : f.shadowRoot) ?? null);
@@ -2499,7 +2523,7 @@ function H({ children: a, appearance: s }) {
     d.textContent = ea(l), i.appendChild(d);
     const c = document.createElement("div");
     i.appendChild(c), n(i);
-  }, []), U(() => {
+  }, []), V(() => {
     if (!o) return;
     const i = o.querySelector("style");
     if (i) {
@@ -2516,9 +2540,9 @@ function sa() {
     isLoaded: r,
     isSignedIn: !!s,
     user: s,
-    signOut: $(() => a.auth.signOut(), [a]),
-    getToken: $(() => a.auth.getToken(), [a]),
-    refreshUser: $(() => a.auth.refreshUser(), [a])
+    signOut: k(() => a.auth.signOut(), [a]),
+    getToken: k(() => a.auth.getToken(), [a]),
+    refreshUser: k(() => a.auth.refreshUser(), [a])
   };
 }
 function se() {
@@ -2526,7 +2550,7 @@ function se() {
   return { user: a, isLoaded: s };
 }
 function na() {
-  const { client: a } = A(), [s, r] = g(!1), [o, n] = g(null), u = $(
+  const { client: a } = A(), [s, r] = g(!1), [o, n] = g(null), u = k(
     async (d, c) => {
       r(!0), n(null);
       try {
@@ -2538,7 +2562,7 @@ function na() {
       }
     },
     [a]
-  ), i = $(
+  ), i = k(
     async (d) => {
       r(!0), n(null);
       try {
@@ -2550,7 +2574,7 @@ function na() {
       }
     },
     [a]
-  ), l = $(
+  ), l = k(
     async (d, c) => {
       r(!0), n(null);
       try {
@@ -2567,7 +2591,7 @@ function na() {
 }
 function ka() {
   const { client: a } = A(), [s, r] = g(!1), [o, n] = g(null);
-  return { signUp: $(
+  return { signUp: k(
     async (i, l) => {
       r(!0), n(null);
       try {
@@ -2582,93 +2606,93 @@ function ka() {
   ), isLoading: s, error: o, 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 = $(async () => {
+  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);
     try {
-      const C = await a.auth.listOrgs();
-      r(C);
-      const x = typeof window < "u" ? localStorage.getItem("ss_selected_org") : null;
-      if (x && C.some((v) => v.id === x) && !o) {
-        const v = C.find((E) => E.id === x);
-        n(v);
-        try {
-          const E = await a.auth.listMembers(v.id);
-          i(E);
-        } catch {
+      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);
+          try {
+            const D = await a.auth.listMembers(E.id);
+            i(D);
+          } catch {
+          }
         }
       }
-    } catch (C) {
-      m(C instanceof Error ? C.message : "Failed to load organizations");
+    } catch ($) {
+      m($ instanceof Error ? $.message : "Failed to load organizations");
     } finally {
       f(!1);
     }
   }, [a, o]);
-  U(() => {
+  V(() => {
     b();
   }, [b]);
-  const N = $(async (C) => {
+  const w = k(async ($) => {
     try {
-      const x = await a.auth.getOrg(C);
-      n(x), typeof window < "u" && localStorage.setItem("ss_selected_org", C);
-      const v = await a.auth.listMembers(C);
-      i(v);
+      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 = $(async (C, x) => {
+  }, [a]), y = k(async ($, x) => {
     try {
-      const v = await a.auth.createOrg(C, x);
-      return r((E) => [...E, v]), v;
-    } catch (v) {
-      return m(v instanceof Error ? v.message : "Failed to create organization"), null;
+      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;
     }
-  }, [a]), O = $(async (C, x) => {
+  }, [a]), O = k(async ($, x) => {
     try {
-      const v = await a.auth.updateOrg(C, x);
-      return r((E) => E.map((M) => M.id === C ? v : M)), (o == null ? void 0 : o.id) === C && n(v), v;
-    } catch (v) {
-      return m(v instanceof Error ? v.message : "Failed to update organization"), null;
+      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;
     }
-  }, [a, o]), h = $(async (C) => {
+  }, [a, o]), h = k(async ($) => {
     try {
-      return await a.auth.deleteOrg(C), r((x) => x.filter((v) => v.id !== C)), (o == null ? void 0 : o.id) === C && (n(null), i([]), d([]), typeof window < "u" && localStorage.removeItem("ss_selected_org")), !0;
+      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;
     }
-  }, [a, o]), S = $(async (C, x, v) => {
+  }, [a, o]), N = k(async ($, x, S) => {
     try {
-      return await a.auth.sendInvite(C, x, v);
+      return await a.auth.sendInvite($, x, S);
     } catch (E) {
       return m(E instanceof Error ? E.message : "Failed to send invite"), null;
     }
-  }, [a]), k = $(async (C) => {
+  }, [a]), C = k(async ($) => {
     try {
-      const x = await a.auth.listInvites(C);
+      const x = await a.auth.listInvites($);
       d(x);
     } catch (x) {
       m(x instanceof Error ? x.message : "Failed to load invites");
     }
-  }, [a]), P = $(async (C, x) => {
+  }, [a]), P = k(async ($, x) => {
     try {
-      return await a.auth.revokeInvite(C, x), d((v) => v.filter((E) => E.id !== x)), !0;
-    } catch (v) {
-      return m(v instanceof Error ? v.message : "Failed to revoke invite"), !1;
+      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;
     }
-  }, [a]), I = $(async (C, x, v) => {
+  }, [a]), I = k(async ($, x, S) => {
     try {
-      return await a.auth.updateMemberRole(C, x, v), i((E) => E.map((M) => M.userId === x ? { ...M, role: v } : M)), !0;
+      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;
     }
-  }, [a]), F = $(async (C, x) => {
+  }, [a]), B = k(async ($, x) => {
     try {
-      return await a.auth.removeMember(C, x), i((v) => v.filter((E) => E.userId !== x)), !0;
-    } catch (v) {
-      return m(v instanceof Error ? v.message : "Failed to remove member"), !1;
+      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;
     }
-  }, [a]), B = $(async (C) => {
+  }, [a]), F = k(async ($) => {
     try {
-      const x = await a.auth.listMembers(C);
+      const x = await a.auth.listMembers($);
       i(x);
     } catch (x) {
       m(x instanceof Error ? x.message : "Failed to load members");
@@ -2683,21 +2707,21 @@ function Y() {
     error: p,
     setError: m,
     refresh: b,
-    selectOrg: N,
+    selectOrg: w,
     createOrg: y,
     updateOrg: O,
     deleteOrg: h,
-    sendInvite: S,
-    refreshInvites: k,
+    sendInvite: N,
+    refreshInvites: C,
     revokeInvite: P,
     updateMemberRole: I,
-    removeMember: F,
-    refreshMembers: B
+    removeMember: B,
+    refreshMembers: F
   };
 }
 function Ca() {
   const { client: a } = A(), [s, r] = g(!1), [o, n] = g(null);
-  return { deleteAccount: $(async () => {
+  return { deleteAccount: k(async () => {
     r(!0), n(null);
     try {
       return await a.auth.deleteAccount(), !0;
@@ -2709,7 +2733,7 @@ function Ca() {
   }, [a]), isLoading: s, error: o, setError: n };
 }
 function oa() {
-  const { client: a, user: s } = A(), [r, o] = g(!1), [n, u] = g(null), [i, l] = g(null), d = $(
+  const { client: a, user: s } = A(), [r, o] = g(!1), [n, u] = g(null), [i, l] = g(null), d = k(
     async (p) => {
       o(!0), u(null), l(null);
       try {
@@ -2722,7 +2746,7 @@ function oa() {
       }
     },
     [a]
-  ), c = $(
+  ), c = k(
     async (p, m) => {
       o(!0), u(null), l(null);
       try {
@@ -2734,7 +2758,7 @@ function oa() {
       }
     },
     [a]
-  ), f = $(
+  ), f = k(
     async (p) => {
       o(!0), u(null), l(null);
       try {
@@ -2750,7 +2774,7 @@ function oa() {
   );
   return { user: s, updateProfile: d, uploadAvatar: f, changePassword: c, isLoading: r, error: n, success: i, setError: u, setSuccess: l };
 }
-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>', w = {
+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 = {
   close: "close",
   person: "person",
   logout: "logout",
@@ -2768,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,47 +2809,47 @@ const ia = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d=
   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(""), [N, y] = g(""), [O, h] = g(!1), [S, k] = g(!1), [P, I] = g(""), [F, B] = g(["", "", "", "", "", ""]), C = _([]), x = $(
-    async (D) => {
-      if (D.preventDefault(), S) {
-        await l(P, F.join(""));
+  const { appearance: o, settings: n } = A(), { signIn: u, signInWithOAuth: i, submitMfaCode: l, isLoading: d, error: c, setError: f } = na(), p = a ?? o, [m, b] = g(""), [w, y] = g(""), [O, h] = g(!1), [N, C] = g(!1), [P, I] = g(""), [B, F] = g(["", "", "", "", "", ""]), $ = _([]), x = k(
+    async (T) => {
+      if (T.preventDefault(), N) {
+        await l(P, B.join(""));
         return;
       }
-      const z = await u(m, N);
-      z && xa(z) && (I(z.mfaToken), k(!0), f(null));
+      const z = await u(m, w);
+      z && xa(z) && (I(z.mfaToken), C(!0), f(null));
     },
-    [m, N, S, P, F, u, l, f]
-  ), v = $(
-    async (D) => {
-      await i(D);
+    [m, w, N, P, B, u, l, f]
+  ), S = k(
+    async (T) => {
+      await i(T);
     },
     [i]
-  ), E = $((D, z) => {
+  ), E = k((T, z) => {
     var W;
     if (!/^\d*$/.test(z)) return;
     const L = z.slice(-1);
-    B((K) => {
+    F((K) => {
       const J = [...K];
-      return J[D] = L, J;
-    }), L && D < 5 && ((W = C.current[D + 1]) == null || W.focus());
-  }, []), M = $((D, z) => {
+      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[D] && D > 0 && ((L = C.current[D - 1]) == null || L.focus());
-  }, [F]), V = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled);
+    z.key === "Backspace" && !B[T] && T > 0 && ((L = $.current[T - 1]) == null || L.focus());
+  }, [B]), U = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled);
   return /* @__PURE__ */ e(H, { appearance: p, children: /* @__PURE__ */ e("div", { className: "ss-auth-card", children: /* @__PURE__ */ t("div", { className: "ss-auth-card-body", children: [
     /* @__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: w.token }) }),
+      /* @__PURE__ */ e("div", { className: "ss-auth-brand-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.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" })
     ] }),
-    !S && V && /* @__PURE__ */ t(j, { children: [
+    !N && U && /* @__PURE__ */ t(j, { 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: () => v("google"),
+            onClick: () => S("google"),
             disabled: d,
             children: [
               /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ia } }),
@@ -2837,7 +2862,7 @@ function re({ appearance: a, signUpUrl: s, onSignUp: r }) {
           {
             type: "button",
             className: "ss-auth-btn-social",
-            onClick: () => v("github"),
+            onClick: () => S("github"),
             disabled: d,
             children: [
               /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: la } }),
@@ -2849,27 +2874,27 @@ 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: w.errorOutline }),
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.errorOutline }),
       /* @__PURE__ */ e("span", { children: c })
     ] }),
     /* @__PURE__ */ t("form", { onSubmit: x, children: [
-      S ? /* @__PURE__ */ t(j, { children: [
+      N ? /* @__PURE__ */ t(j, { 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((D, z) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "ss-auth-mfa-group", children: B.map((T, z) => /* @__PURE__ */ e(
             "input",
             {
               ref: (L) => {
-                C.current[z] = L;
+                $.current[z] = L;
               },
               className: "ss-auth-mfa-digit",
               type: "text",
               inputMode: "numeric",
               maxLength: 1,
-              value: D,
+              value: T,
               onChange: (L) => E(z, L.target.value),
-              onKeyDown: (L) => M(z, L),
+              onKeyDown: (L) => D(z, L),
               autoFocus: z === 0
             },
             z
@@ -2888,7 +2913,7 @@ function re({ appearance: a, signUpUrl: s, onSignUp: r }) {
               autoComplete: "email",
               placeholder: "name@company.com",
               value: m,
-              onChange: (D) => b(D.target.value),
+              onChange: (T) => b(T.target.value),
               required: !0
             }
           )
@@ -2907,8 +2932,8 @@ function re({ appearance: a, signUpUrl: s, onSignUp: r }) {
                 type: O ? "text" : "password",
                 autoComplete: "current-password",
                 placeholder: "••••••••",
-                value: N,
-                onChange: (D) => y(D.target.value),
+                value: w,
+                onChange: (T) => y(T.target.value),
                 required: !0
               }
             ),
@@ -2918,7 +2943,7 @@ 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 ? w.visibilityOff : w.visibility })
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: O ? v.visibilityOff : v.visibility })
               }
             )
           ] })
@@ -2926,16 +2951,16 @@ function re({ appearance: a, signUpUrl: s, onSignUp: r }) {
       ] }),
       /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary", disabled: d, children: [
         d && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
-        S ? "Verify" : "Sign in",
-        !d && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.arrowForward })
+        N ? "Verify" : "Sign in",
+        !d && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.arrowForward })
       ] })
     ] }),
-    S ? /* @__PURE__ */ e("div", { className: "ss-auth-footer", children: /* @__PURE__ */ e(
+    N ? /* @__PURE__ */ e("div", { className: "ss-auth-footer", children: /* @__PURE__ */ e(
       "span",
       {
         className: "ss-auth-link",
         onClick: () => {
-          k(!1), B(["", "", "", "", "", ""]), f(null);
+          C(!1), F(["", "", "", "", "", ""]), f(null);
         },
         children: "Back to sign in"
       }
@@ -2947,41 +2972,41 @@ function re({ appearance: a, signUpUrl: s, onSignUp: r }) {
   ] }) }) });
 }
 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, N] = g(""), [y, O] = g(""), [h, S] = g(!1), [k, P] = g(null), I = $(
+  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");
         return;
       }
-      const v = (n == null ? void 0 : n.passwordMinLength) ?? 8;
-      if (b.length < v) {
-        P(`Password must be at least ${v} characters`);
+      const S = (n == null ? void 0 : n.passwordMinLength) ?? 8;
+      if (b.length < S) {
+        P(`Password must be at least ${S} characters`);
         return;
       }
       await u(p, b);
     },
     [p, b, y, n, u]
-  ), F = $(
+  ), B = k(
     async (x) => {
       await c(x);
     },
     [c]
-  ), B = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled), C = k || l;
+  ), F = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled), $ = C || l;
   return /* @__PURE__ */ e(H, { appearance: f, children: /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", width: "100%", maxWidth: "520px" }, children: [
     /* @__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: w.autoAwesome }) }),
+      /* @__PURE__ */ e("div", { className: "ss-auth-brand-icon-gradient", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.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(j, { 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"),
+              onClick: () => B("google"),
               disabled: i,
               children: [
                 /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ia } }),
@@ -2994,7 +3019,7 @@ function ne({ appearance: a, signInUrl: s, onSignIn: r }) {
             {
               type: "button",
               className: "ss-auth-btn-social",
-              onClick: () => F("github"),
+              onClick: () => B("github"),
               disabled: i,
               children: [
                 /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: la } }),
@@ -3005,9 +3030,9 @@ function ne({ appearance: a, signInUrl: s, onSignIn: r }) {
         ] }),
         /* @__PURE__ */ e("div", { className: "ss-auth-divider", children: "or sign up with email" })
       ] }),
-      C && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
-        /* @__PURE__ */ e("span", { children: C })
+      $ && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.errorOutline }),
+        /* @__PURE__ */ e("span", { children: $ })
       ] }),
       /* @__PURE__ */ t("form", { onSubmit: I, children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
@@ -3039,7 +3064,7 @@ function ne({ appearance: a, signInUrl: s, onSignIn: r }) {
                 placeholder: "••••••••",
                 value: b,
                 onChange: (x) => {
-                  N(x.target.value), P(null);
+                  w(x.target.value), P(null);
                 },
                 required: !0
               }
@@ -3049,8 +3074,8 @@ function ne({ appearance: a, signInUrl: s, onSignIn: r }) {
               {
                 type: "button",
                 className: "ss-auth-visibility-toggle",
-                onClick: () => S(!h),
-                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: h ? w.visibilityOff : w.visibility })
+                onClick: () => N(!h),
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: h ? v.visibilityOff : v.visibility })
               }
             )
           ] })
@@ -3076,7 +3101,7 @@ function ne({ appearance: a, signInUrl: s, onSignIn: r }) {
         /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary", disabled: i, children: [
           i && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
           "Sign up",
-          !i && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.arrowForward })
+          !i && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.arrowForward })
         ] })
       ] }),
       /* @__PURE__ */ t("div", { className: "ss-auth-footer", children: [
@@ -3087,29 +3112,29 @@ function ne({ appearance: a, signInUrl: s, onSignIn: r }) {
     ] }) })
   ] }) });
 }
-const T = 320, q = 128;
+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);
-  U(() => {
-    const h = new Image(), S = URL.createObjectURL(a);
+  V(() => {
+    const h = new Image(), N = URL.createObjectURL(a);
     return h.onload = () => {
       n.current = h, b(!0), d({ x: 0, y: 0 }), i(1);
-    }, h.src = S, () => URL.revokeObjectURL(S);
-  }, [a]), U(() => {
+    }, h.src = N, () => URL.revokeObjectURL(N);
+  }, [a]), V(() => {
     if (!m || !n.current || !o.current) return;
     const h = o.current.getContext("2d");
     if (!h) return;
-    const S = n.current;
-    h.clearRect(0, 0, T, T), h.fillStyle = "#111", h.fillRect(0, 0, T, T);
-    const k = Math.max(T / S.width, T / S.height) * u, P = S.width * k, I = S.height * k, F = (T - P) / 2 + l.x, B = (T - I) / 2 + l.y;
-    h.save(), h.beginPath(), h.arc(T / 2, T / 2, q, 0, Math.PI * 2), h.clip(), h.drawImage(S, F, B, P, I), h.restore(), h.save(), h.fillStyle = "rgba(0, 0, 0, 0.6)", h.fillRect(0, 0, T, T), h.globalCompositeOperation = "destination-out", h.beginPath(), h.arc(T / 2, T / 2, q, 0, Math.PI * 2), h.fill(), h.restore(), h.save(), h.beginPath(), h.arc(T / 2, T / 2, q, 0, Math.PI * 2), h.clip(), h.drawImage(S, F, B, P, I), h.restore(), h.strokeStyle = "rgba(255, 255, 255, 0.4)", h.lineWidth = 2, h.beginPath(), h.arc(T / 2, T / 2, q, 0, Math.PI * 2), h.stroke();
+    const N = n.current;
+    h.clearRect(0, 0, M, M), h.fillStyle = "#111", h.fillRect(0, 0, M, M);
+    const C = Math.max(M / N.width, M / N.height) * u, P = N.width * C, I = N.height * C, B = (M - P) / 2 + l.x, F = (M - I) / 2 + l.y;
+    h.save(), h.beginPath(), h.arc(M / 2, M / 2, q, 0, Math.PI * 2), h.clip(), h.drawImage(N, B, F, P, I), h.restore(), h.save(), h.fillStyle = "rgba(0, 0, 0, 0.6)", h.fillRect(0, 0, M, M), h.globalCompositeOperation = "destination-out", h.beginPath(), h.arc(M / 2, M / 2, q, 0, Math.PI * 2), h.fill(), h.restore(), h.save(), h.beginPath(), h.arc(M / 2, M / 2, q, 0, Math.PI * 2), h.clip(), h.drawImage(N, B, F, P, I), h.restore(), h.strokeStyle = "rgba(255, 255, 255, 0.4)", h.lineWidth = 2, h.beginPath(), h.arc(M / 2, M / 2, q, 0, Math.PI * 2), h.stroke();
   }, [u, l, m]);
-  const N = $(
+  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);
     },
     [l]
-  ), y = $(
+  ), y = k(
     (h) => {
       c && d({
         x: p.current.ox + (h.clientX - p.current.x),
@@ -3117,16 +3142,16 @@ function za({ file: a, onCrop: s, onCancel: r }) {
       });
     },
     [c]
-  ), O = $(() => f(!1), []);
-  return $(() => {
+  ), O = k(() => f(!1), []);
+  return k(() => {
     if (!n.current) return;
-    const h = document.createElement("canvas"), S = q * 2;
-    h.width = S, h.height = S;
-    const k = h.getContext("2d");
-    if (!k) return;
-    const P = n.current, I = Math.max(T / P.width, T / P.height) * u, F = P.width * I, B = P.height * I, C = (T - F) / 2 + l.x - (T / 2 - q), x = (T - B) / 2 + l.y - (T / 2 - q);
-    k.beginPath(), k.arc(q, q, q, 0, Math.PI * 2), k.clip(), k.drawImage(P, C, x, F, B), h.toBlob((v) => {
-      v && s(v);
+    const h = document.createElement("canvas"), N = q * 2;
+    h.width = N, h.height = N;
+    const C = h.getContext("2d");
+    if (!C) return;
+    const P = n.current, I = Math.max(M / P.width, M / P.height) * u, B = P.width * I, F = P.height * I, $ = (M - B) / 2 + l.x - (M / 2 - q), x = (M - F) / 2 + l.y - (M / 2 - q);
+    C.beginPath(), C.arc(q, q, q, 0, Math.PI * 2), C.clip(), C.drawImage(P, $, x, B, F), h.toBlob((S) => {
+      S && s(S);
     }, "image/png");
   }, [u, l, s]), /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "24px" }, children: [
     /* @__PURE__ */ t("div", { className: "ss-auth-crop-area", children: [
@@ -3134,10 +3159,10 @@ function za({ file: a, onCrop: s, onCancel: r }) {
         "canvas",
         {
           ref: o,
-          width: T,
-          height: T,
+          width: M,
+          height: M,
           style: { cursor: c ? "grabbing" : "grab", width: "100%", height: "100%" },
-          onPointerDown: N,
+          onPointerDown: w,
           onPointerMove: y,
           onPointerUp: O
         }
@@ -3145,7 +3170,7 @@ function za({ file: a, onCrop: s, onCancel: r }) {
       /* @__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: w.zoomOut }),
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.zoomOut }),
       /* @__PURE__ */ e(
         "input",
         {
@@ -3158,12 +3183,12 @@ function za({ file: a, onCrop: s, onCancel: r }) {
           className: "ss-auth-zoom-slider"
         }
       ),
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.zoomIn })
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.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 = $((b) => {
+  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");
       return;
@@ -3173,14 +3198,14 @@ function ca({ onUpload: a, onClose: s, isLoading: r }) {
       return;
     }
     d(null), n(b);
-  }, []), p = $(
+  }, []), p = k(
     (b) => {
       b.preventDefault(), i(!1);
-      const N = b.dataTransfer.files[0];
-      N && f(N);
+      const w = b.dataTransfer.files[0];
+      w && f(w);
     },
     [f]
-  ), m = $(
+  ), m = k(
     async (b) => {
       await a(b);
     },
@@ -3191,11 +3216,11 @@ function ca({ onUpload: a, onClose: s, isLoading: r }) {
   }, children: /* @__PURE__ */ t("div", { className: "ss-auth-modal ss-auth-card-wide", 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: w.close }) })
+      /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: s, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.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: w.errorOutline }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.errorOutline }),
         /* @__PURE__ */ e("span", { children: l })
       ] }),
       /* @__PURE__ */ t("div", { className: "ss-auth-upload-grid", children: [
@@ -3213,7 +3238,7 @@ function ca({ onUpload: a, onClose: s, isLoading: r }) {
               aspectRatio: "1"
             },
             children: [
-              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "48px", opacity: 0.3 }, children: w.image }),
+              /* @__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" })
             ]
           }
@@ -3234,7 +3259,7 @@ function ca({ onUpload: a, onClose: s, isLoading: r }) {
               },
               style: { minHeight: "180px" },
               children: [
-                /* @__PURE__ */ e("div", { className: "ss-auth-dropzone-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.cloudUpload }) }),
+                /* @__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",
@@ -3250,8 +3275,8 @@ function ca({ onUpload: a, onClose: s, isLoading: r }) {
                     accept: "image/*",
                     style: { display: "none" },
                     onChange: (b) => {
-                      var N;
-                      (N = b.target.files) != null && N[0] && f(b.target.files[0]);
+                      var w;
+                      (w = b.target.files) != null && w[0] && f(b.target.files[0]);
                     }
                   }
                 )
@@ -3259,7 +3284,7 @@ function ca({ onUpload: a, onClose: s, isLoading: r }) {
             }
           ),
           /* @__PURE__ */ t("div", { className: "ss-auth-info-box", children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.info }),
+            /* @__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." })
           ] })
         ] })
@@ -3279,7 +3304,7 @@ function ca({ onUpload: a, onClose: s, isLoading: r }) {
           children: [
             r && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
             "Save Profile",
-            !r && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.check })
+            !r && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.check })
           ]
         }
       )
@@ -3288,17 +3313,18 @@ function ca({ onUpload: a, onClose: s, isLoading: r }) {
 }
 function Pa({ onClose: a, afterDeleteAccountUrl: s, defaultTab: r = "profile" }) {
   const [o, n] = g(r), u = [
-    { key: "profile", label: "Profile", icon: w.person },
-    { key: "organization", label: "Organization", icon: w.corporateFare },
-    { key: "people", label: "People", icon: w.group },
-    { key: "billing", label: "Billing", icon: w.creditCard }
+    { 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 }
   ];
-  return /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (i) => {
-    i.target === i.currentTarget && a();
-  }, children: /* @__PURE__ */ t("div", { className: "ss-auth-settings-page", children: [
+  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: w.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: v.arrowBack }) }),
+        /* @__PURE__ */ e("h2", { children: "Settings" })
+      ] }),
+      /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: a, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.close }) })
     ] }),
     /* @__PURE__ */ t("div", { className: "ss-auth-settings-layout", children: [
       /* @__PURE__ */ e("nav", { className: "ss-auth-settings-nav", children: u.map((i) => /* @__PURE__ */ t(
@@ -3318,37 +3344,37 @@ function Pa({ onClose: a, afterDeleteAccountUrl: s, defaultTab: r = "profile" })
         o === "profile" && /* @__PURE__ */ e(Oa, { afterDeleteAccountUrl: s }),
         o === "organization" && /* @__PURE__ */ e(Ea, {}),
         o === "people" && /* @__PURE__ */ e(Ia, {}),
-        o === "billing" && /* @__PURE__ */ e(Fa, {})
+        o === "billing" && /* @__PURE__ */ e(Ba, {})
       ] })
     ] })
-  ] }) });
+  ] });
 }
 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: N } = Ca(), [y, O] = g((s == null ? void 0 : s.name) ?? ""), [h, S] = g((s == null ? void 0 : s.avatarUrl) ?? ""), [k, P] = g(!1), [I, F] = g(""), [B, C] = g(""), [x, v] = g(""), [E, M] = g(null), [V, D] = g(!1), [z, L] = g(""), W = $(
+  const { user: s, updateProfile: r, uploadAvatar: o, changePassword: n, isLoading: u, error: i, success: l, setError: d, setSuccess: c } = oa(), { signOut: f } = sa(), { deleteAccount: p, isLoading: m, error: b, setError: w } = Ca(), [y, O] = g((s == null ? void 0 : s.name) ?? ""), [h, N] = g((s == null ? void 0 : s.avatarUrl) ?? ""), [C, P] = g(!1), [I, B] = g(""), [F, $] = g(""), [x, S] = g(""), [E, D] = g(null), [U, T] = g(!1), [z, L] = g(""), W = k(
     async (R) => {
       R.preventDefault(), d(null), c(null), await r({ name: y, avatarUrl: h || void 0 });
     },
     [y, h, r, d, c]
-  ), K = $(
+  ), K = k(
     async (R) => {
       const X = await o(R);
-      X && (S(X.avatarUrl), P(!1));
+      X && (N(X.avatarUrl), P(!1));
     },
     [o]
-  ), J = $(
+  ), J = k(
     async (R) => {
-      if (R.preventDefault(), M(null), d(null), c(null), B !== x) {
-        M("Passwords do not match");
+      if (R.preventDefault(), D(null), d(null), c(null), F !== x) {
+        D("Passwords do not match");
         return;
       }
-      if (B.length < 8) {
-        M("Password must be at least 8 characters");
+      if (F.length < 8) {
+        D("Password must be at least 8 characters");
         return;
       }
-      await n(I, B) && (F(""), C(""), v(""));
+      await n(I, F) && (B(""), $(""), S(""));
     },
-    [I, B, x, n, d, c]
-  ), ua = $(async () => {
+    [I, F, x, n, d, c]
+  ), ua = k(async () => {
     await p() && (await f(), a && (window.location.href = a));
   }, [p, f, a]), pa = (s == null ? void 0 : s.provider) === "email", ha = z === (s == null ? void 0 : s.email), ga = ((s == null ? void 0 : s.name) || (s == null ? void 0 : s.email) || "?").charAt(0).toUpperCase();
   return /* @__PURE__ */ t(j, { children: [
@@ -3367,7 +3393,7 @@ 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: w.camera }),
+            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.camera }),
             /* @__PURE__ */ e("span", { children: "Edit" })
           ] })
         ] }),
@@ -3375,7 +3401,7 @@ function Oa({ afterDeleteAccountUrl: a }) {
           /* @__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: w.verified }),
+              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "12px", fontVariationSettings: "'FILL' 1" }, children: v.verified }),
               "Verified"
             ] })
           ] }),
@@ -3383,11 +3409,11 @@ function Oa({ afterDeleteAccountUrl: a }) {
         ] })
       ] }),
       i && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.errorOutline }),
         /* @__PURE__ */ e("span", { children: i })
       ] }),
       l && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.check }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.check }),
         /* @__PURE__ */ e("span", { children: l })
       ] }),
       /* @__PURE__ */ t("form", { onSubmit: W, children: [
@@ -3409,7 +3435,7 @@ function Oa({ afterDeleteAccountUrl: a }) {
             /* @__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: w.lock }) })
+              /* @__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__ */ t("div", { children: [
@@ -3425,26 +3451,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: w.security }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.security }),
         "Security Credentials"
       ] }),
       E && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.errorOutline }),
         /* @__PURE__ */ e("span", { children: E })
       ] }),
       /* @__PURE__ */ t("form", { onSubmit: J, children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Current Password" }),
-          /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "••••••••••••", value: I, onChange: (R) => F(R.target.value), required: !0 })
+          /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "••••••••••••", value: I, onChange: (R) => B(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) => C(R.target.value), required: !0 })
+            /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "Min. 8 characters", value: F, onChange: (R) => $(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) => v(R.target.value), required: !0 })
+            /* @__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("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-ghost", disabled: u, children: "Update Security" }) })
@@ -3454,10 +3480,10 @@ function Oa({ afterDeleteAccountUrl: a }) {
       /* @__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: w.errorOutline }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.errorOutline }),
         /* @__PURE__ */ e("span", { children: b })
       ] }),
-      V ? /* @__PURE__ */ t("div", { children: [
+      U ? /* @__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(
@@ -3479,7 +3505,7 @@ function Oa({ afterDeleteAccountUrl: a }) {
               type: "button",
               className: "ss-auth-btn-ghost",
               onClick: () => {
-                D(!1), L(""), N(null);
+                T(!1), L(""), w(null);
               },
               children: "Cancel"
             }
@@ -3505,12 +3531,12 @@ function Oa({ afterDeleteAccountUrl: a }) {
           type: "button",
           className: "ss-auth-btn-outline",
           style: { borderColor: "currentColor", width: "auto" },
-          onClick: () => D(!0),
+          onClick: () => T(!0),
           children: "Delete my account"
         }
       )
     ] }),
-    k && /* @__PURE__ */ e(
+    C && /* @__PURE__ */ e(
       ca,
       {
         onUpload: K,
@@ -3521,22 +3547,22 @@ function Oa({ afterDeleteAccountUrl: a }) {
   ] });
 }
 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), [N, y] = g("");
-  if (U(() => {
+  const { selectedOrg: a, updateOrg: s, deleteOrg: r, isLoading: o, error: n, setError: u } = Y(), [i, l] = g((a == null ? void 0 : a.name) ?? ""), [d, c] = g(!1), [f, p] = g(!1), [m, b] = g(!1), [w, y] = g("");
+  if (V(() => {
     a && l(a.name);
   }, [a]), !a)
     return /* @__PURE__ */ t(j, { children: [
       /* @__PURE__ */ e("h3", { children: "Organization" }),
       /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.corporateFare }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.corporateFare }),
         /* @__PURE__ */ e("div", { children: "Select an organization from the user menu to manage its settings." })
       ] })
     ] });
-  const O = async (S) => {
-    if (S.preventDefault(), !i.trim()) return;
+  const O = async (N) => {
+    if (N.preventDefault(), !i.trim()) return;
     c(!0), p(!1);
-    const k = await s(a.id, { name: i.trim() });
-    c(!1), k && p(!0);
+    const C = await s(a.id, { name: i.trim() });
+    c(!1), C && p(!0);
   }, h = async () => {
     await r(a.id) && b(!1);
   };
@@ -3544,15 +3570,15 @@ function Ea() {
     /* @__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: w.corporateFare }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.corporateFare }),
         "General"
       ] }),
       n && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.errorOutline }),
         /* @__PURE__ */ e("span", { children: n })
       ] }),
       f && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.check }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.check }),
         /* @__PURE__ */ e("span", { children: "Organization updated" })
       ] }),
       /* @__PURE__ */ t("form", { onSubmit: O, children: [
@@ -3564,8 +3590,8 @@ function Ea() {
               className: "ss-auth-input",
               type: "text",
               value: i,
-              onChange: (S) => {
-                l(S.target.value), p(!1);
+              onChange: (N) => {
+                l(N.target.value), p(!1);
               }
             }
           )
@@ -3592,8 +3618,8 @@ function Ea() {
               className: "ss-auth-input",
               type: "text",
               placeholder: a.name,
-              value: N,
-              onChange: (S) => y(S.target.value),
+              value: w,
+              onChange: (N) => y(N.target.value),
               autoFocus: !0
             }
           )
@@ -3608,7 +3634,7 @@ function Ea() {
               type: "button",
               className: "ss-auth-btn-primary ss-auth-btn-sm",
               style: { width: "auto", background: "linear-gradient(135deg, #ef4444, #dc2626)" },
-              disabled: N !== a.name || o,
+              disabled: w !== a.name || o,
               onClick: h,
               children: [
                 o && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
@@ -3644,42 +3670,42 @@ function Ia() {
     updateMemberRole: c,
     removeMember: f,
     refreshMembers: p
-  } = Y(), [m, b] = g(""), [N, y] = g("member"), [O, h] = g(!1), [S, k] = g(!1), [P, I] = g(null), [F, B] = g(""), [C, x] = g(null);
-  if (U(() => {
+  } = Y(), [m, b] = g(""), [w, y] = g("member"), [O, h] = g(!1), [N, C] = g(!1), [P, I] = g(null), [B, F] = g(""), [$, x] = g(null);
+  if (V(() => {
     a && (p(a.id), l(a.id));
   }, [a, p, l]), !a)
     return /* @__PURE__ */ t(j, { children: [
       /* @__PURE__ */ e("h3", { children: "People" }),
       /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.group }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.group }),
         /* @__PURE__ */ e("div", { children: "Select an organization from the user menu to manage members." })
       ] })
     ] });
-  const v = async (z) => {
-    z.preventDefault(), k(!1), await i(a.id, m, N) && (b(""), y("member"), k(!0), h(!1), l(a.id));
+  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);
-  }, M = async () => {
-    if (!C) return;
-    await f(a.id, C.userId) && x(null);
-  }, V = async (z) => {
+    await c(a.id, P.userId, B) && I(null);
+  }, D = async () => {
+    if (!$) return;
+    await f(a.id, $.userId) && x(null);
+  }, U = async (z) => {
     await d(a.id, z);
-  }, D = (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";
+  }, 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: [
     /* @__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: w.errorOutline }),
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.errorOutline }),
       /* @__PURE__ */ e("span", { children: n })
     ] }),
-    S && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.check }),
+    N && /* @__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: "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: w.group }),
+          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.group }),
           "Members"
         ] }),
         /* @__PURE__ */ t(
@@ -3690,13 +3716,13 @@ function Ia() {
             style: { width: "auto" },
             onClick: () => h(!O),
             children: [
-              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "16px" }, children: w.add }),
+              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "16px" }, children: v.add }),
               "Invite"
             ]
           }
         )
       ] }),
-      O && /* @__PURE__ */ e("form", { onSubmit: v, 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: [
+      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: [
         /* @__PURE__ */ t("div", { style: { flex: 1 }, children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Email" }),
           /* @__PURE__ */ e(
@@ -3717,7 +3743,7 @@ function Ia() {
             "select",
             {
               className: "ss-auth-input",
-              value: N,
+              value: w,
               onChange: (z) => y(z.target.value),
               style: { cursor: "pointer" },
               children: [
@@ -3737,7 +3763,7 @@ function Ia() {
         ] }) }),
         /* @__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: D(z.role), children: z.role }) }),
+          /* @__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(
               "button",
@@ -3746,9 +3772,9 @@ function Ia() {
                 className: "ss-auth-icon-btn",
                 title: "Edit role",
                 onClick: () => {
-                  I(z), B(z.role);
+                  I(z), F(z.role);
                 },
-                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.edit })
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.edit })
               }
             ),
             /* @__PURE__ */ e(
@@ -3758,7 +3784,7 @@ function Ia() {
                 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: w.personRemove })
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.personRemove })
               }
             )
           ] }) })
@@ -3767,7 +3793,7 @@ function Ia() {
     ] }),
     r.length > 0 && /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
       /* @__PURE__ */ t("h4", { children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.send }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.send }),
         "Pending Invites"
       ] }),
       /* @__PURE__ */ t("table", { className: "ss-auth-settings-table", children: [
@@ -3778,15 +3804,15 @@ function Ia() {
         ] }) }),
         /* @__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: D(z.role), children: z.role }) }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: T(z.role), children: z.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: w.close })
+              onClick: () => U(z.id),
+              children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.close })
             }
           ) })
         ] }, z.id)) })
@@ -3797,7 +3823,7 @@ function Ia() {
     }, 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: w.close }) })
+        /* @__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__ */ t("div", { className: "ss-auth-modal-body", children: [
         /* @__PURE__ */ t("p", { style: { fontSize: "14px", marginBottom: "16px", margin: "0 0 16px 0" }, children: [
@@ -3810,8 +3836,8 @@ function Ia() {
             "select",
             {
               className: "ss-auth-input",
-              value: F,
-              onChange: (z) => B(z.target.value),
+              value: B,
+              onChange: (z) => F(z.target.value),
               style: { cursor: "pointer" },
               children: [
                 /* @__PURE__ */ e("option", { value: "admin", children: "Admin" }),
@@ -3826,17 +3852,17 @@ function Ia() {
         ] })
       ] })
     ] }) }),
-    C && /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (z) => {
+    $ && /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (z) => {
       z.target === z.currentTarget && x(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: w.close }) })
+        /* @__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__ */ 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: C.email }),
+          /* @__PURE__ */ e("strong", { children: $.email }),
           " from the organization?"
         ] }),
         /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
@@ -3847,7 +3873,7 @@ function Ia() {
               type: "button",
               className: "ss-auth-btn-primary ss-auth-btn-sm",
               style: { width: "auto", background: "linear-gradient(135deg, #ef4444, #dc2626)" },
-              onClick: M,
+              onClick: D,
               children: "Remove"
             }
           )
@@ -3856,13 +3882,13 @@ function Ia() {
     ] }) })
   ] });
 }
-function Fa() {
+function Ba() {
   const { selectedOrg: a } = Y();
   return a ? /* @__PURE__ */ t(j, { 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: w.creditCard }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.creditCard }),
         "Plan & Billing"
       ] }),
       /* @__PURE__ */ e("div", { className: "ss-auth-settings-empty", style: { padding: "20px" }, children: /* @__PURE__ */ e("div", { children: "No billing plan configured for this organization." }) })
@@ -3870,7 +3896,7 @@ function Fa() {
   ] }) : /* @__PURE__ */ t(j, { children: [
     /* @__PURE__ */ e("h3", { children: "Billing" }),
     /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.creditCard }),
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.creditCard }),
       /* @__PURE__ */ e("div", { children: "Select an organization from the user menu to manage billing." })
     ] })
   ] });
@@ -3883,10 +3909,10 @@ function oe({
   onOrgChange: n,
   onOrgSettingsClick: u
 }) {
-  const { appearance: i } = A(), { user: l, signOut: d } = sa(), c = a ?? i, [f, p] = g(!1), [m, b] = g(!1), [N, y] = g(""), [O, h] = g(null), [S, k] = g(!1), P = _(null), { orgs: I, selectedOrg: F, selectOrg: B, createOrg: C } = Y(), x = $((E) => {
+  const { appearance: i } = A(), { user: l, signOut: d } = sa(), c = a ?? i, [f, p] = g(!1), [m, b] = g(!1), [w, y] = g(""), [O, h] = g(null), [N, C] = g(!1), P = _(null), { orgs: I, selectedOrg: B, selectOrg: F, createOrg: $ } = Y(), x = k((E) => {
     P.current && !E.composedPath().includes(P.current) && p(!1);
   }, []);
-  U(() => {
+  V(() => {
     if (f) {
       const E = setTimeout(() => {
         document.addEventListener("click", x);
@@ -3896,20 +3922,20 @@ function oe({
       };
     }
   }, [f, x]);
-  const v = $(
+  const S = k(
     async (E) => {
-      E.preventDefault(), h(null), k(!0);
-      const M = N.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+      E.preventDefault(), h(null), C(!0);
+      const D = w.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
       try {
-        const V = await C(N, M);
-        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 U = await $(w, D);
+        U && (await F(U.id), n == null || n(U), y(""), p(!1));
+      } catch (U) {
+        h(U instanceof Error ? U.message : "Failed to create organization");
       } finally {
-        k(!1);
+        C(!1);
       }
     },
-    [N, C, B, n]
+    [w, $, F, n]
   );
   return l ? /* @__PURE__ */ e(H, { appearance: c, children: /* @__PURE__ */ t("div", { style: { position: "relative", display: "inline-block" }, ref: P, children: [
     /* @__PURE__ */ t(
@@ -3929,7 +3955,7 @@ function oe({
             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 })
+          B && /* @__PURE__ */ e("span", { className: "ss-auth-trigger-org-name", children: B.name })
         ]
       }
     ),
@@ -3958,7 +3984,7 @@ function oe({
             p(!1), b(!0);
           },
           children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.settings }),
+            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.settings }),
             "Settings"
           ]
         }
@@ -3966,22 +3992,22 @@ function oe({
       o && /* @__PURE__ */ t(j, { children: [
         /* @__PURE__ */ e("div", { className: "ss-auth-section-label", children: "Organizations" }),
         /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: I.map((E) => {
-          const M = (F == null ? void 0 : F.id) === E.id, V = E.name.split(" ").map((D) => D[0]).join("").slice(0, 2).toUpperCase();
+          const D = (B == null ? void 0 : B.id) === E.id, U = E.name.split(" ").map((T) => T[0]).join("").slice(0, 2).toUpperCase();
           return /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              className: `ss-auth-org-item${M ? " ss-auth-org-item-active" : ""}`,
+              className: `ss-auth-org-item${D ? " ss-auth-org-item-active" : ""}`,
               onClick: async () => {
-                p(!1), await B(E.id), n == null || n(E);
+                p(!1), await F(E.id), n == null || n(E);
               },
               children: [
                 /* @__PURE__ */ t("div", { className: "ss-auth-org-item-inner", children: [
-                  /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${M ? "" : " ss-auth-org-avatar-inactive"}`, children: V }),
+                  /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${D ? "" : " ss-auth-org-avatar-inactive"}`, children: U }),
                   /* @__PURE__ */ e("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: E.name }),
                   E.planName && /* @__PURE__ */ e("span", { className: "ss-auth-plan-badge", children: E.planName })
                 ] }),
-                M && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: w.checkCircle })
+                D && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: v.checkCircle })
               ]
             },
             E.id
@@ -3989,14 +4015,14 @@ function oe({
         }) }),
         /* @__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: v, children: /* @__PURE__ */ t("div", { className: "ss-auth-inline-create-input", children: [
+          /* @__PURE__ */ e("form", { onSubmit: S, 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: N,
+                value: w,
                 onChange: (E) => y(E.target.value),
                 required: !0,
                 style: { fontSize: "13px", padding: "10px 40px 10px 12px" }
@@ -4007,22 +4033,22 @@ function oe({
               {
                 type: "submit",
                 className: "ss-auth-inline-create-btn",
-                disabled: S || !N.trim(),
-                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "20px" }, children: w.add })
+                disabled: N || !w.trim(),
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "20px" }, children: v.add })
               }
             )
           ] }) })
         ] }),
-        F && u && /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: /* @__PURE__ */ t(
+        B && 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(B);
             },
             children: [
-              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.corporateFare }),
+              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.corporateFare }),
               "Org settings"
             ]
           }
@@ -4038,7 +4064,7 @@ function oe({
           },
           style: { color: "inherit" },
           children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { color: "inherit" }, children: w.logout }),
+            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { color: "inherit" }, children: v.logout }),
             "Sign out"
           ]
         }
@@ -4054,36 +4080,36 @@ function oe({
   ] }) }) : 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, N] = g((r == null ? void 0 : r.name) ?? ""), [y, O] = g((r == null ? void 0 : r.avatarUrl) ?? ""), [h, S] = g(!1), [k, P] = g(""), [I, F] = g(""), [B, C] = g(""), [x, v] = g(null), E = $(
+  const { appearance: s } = A(), { user: r, signOut: o } = sa(), { updateProfile: n, uploadAvatar: u, changePassword: i, isLoading: l, error: d, success: c, setError: f, setSuccess: p } = oa(), m = a ?? s, [b, w] = g((r == null ? void 0 : r.name) ?? ""), [y, O] = g((r == null ? void 0 : r.avatarUrl) ?? ""), [h, N] = g(!1), [C, P] = g(""), [I, B] = g(""), [F, $] = g(""), [x, S] = g(null), E = k(
     async (L) => {
       L.preventDefault(), f(null), p(null), await n({ name: b, avatarUrl: y || void 0 });
     },
     [b, y, n, f, p]
-  ), M = $(
+  ), D = k(
     async (L) => {
       const W = await u(L);
-      W && (O(W.avatarUrl), S(!1));
+      W && (O(W.avatarUrl), N(!1));
     },
     [u]
-  ), V = $(
+  ), U = k(
     async (L) => {
-      if (L.preventDefault(), v(null), f(null), p(null), I !== B) {
-        v("Passwords do not match");
+      if (L.preventDefault(), S(null), f(null), p(null), I !== F) {
+        S("Passwords do not match");
         return;
       }
       if (I.length < 8) {
-        v("Password must be at least 8 characters");
+        S("Password must be at least 8 characters");
         return;
       }
-      await i(k, I) && (P(""), F(""), C(""));
+      await i(C, I) && (P(""), B(""), $(""));
     },
-    [k, I, B, i, f, p]
+    [C, I, F, i, f, p]
   );
   if (!r) return null;
-  const D = r.provider === "email", z = (r.name || r.email).charAt(0).toUpperCase();
+  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: [
     /* @__PURE__ */ t("div", { className: "ss-auth-profile-header", children: [
-      /* @__PURE__ */ t("div", { className: "ss-auth-avatar-lg", onClick: () => S(!0), children: [
+      /* @__PURE__ */ t("div", { className: "ss-auth-avatar-lg", onClick: () => N(!0), children: [
         y ? /* @__PURE__ */ e("img", { src: y, alt: "" }) : /* @__PURE__ */ e("div", { style: {
           width: "100%",
           height: "100%",
@@ -4095,7 +4121,7 @@ function ie({ appearance: a }) {
           opacity: 0.4
         }, children: z }),
         /* @__PURE__ */ t("div", { className: "ss-auth-avatar-overlay", children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.camera }),
+          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.camera }),
           /* @__PURE__ */ e("span", { children: "Edit" })
         ] })
       ] }),
@@ -4103,7 +4129,7 @@ function ie({ appearance: a }) {
         /* @__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: w.verified }),
+            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "12px", fontVariationSettings: "'FILL' 1" }, children: v.verified }),
             "Verified"
           ] })
         ] }),
@@ -4112,11 +4138,11 @@ function ie({ appearance: a }) {
     ] }),
     /* @__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: w.errorOutline }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.errorOutline }),
         /* @__PURE__ */ e("span", { children: d })
       ] }),
       c && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.check }),
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.check }),
         /* @__PURE__ */ e("span", { children: c })
       ] }),
       /* @__PURE__ */ t("form", { onSubmit: E, children: [
@@ -4129,7 +4155,7 @@ function ie({ appearance: a }) {
               type: "text",
               placeholder: "Your name",
               value: b,
-              onChange: (L) => N(L.target.value)
+              onChange: (L) => w(L.target.value)
             }
           )
         ] }),
@@ -4138,14 +4164,14 @@ function ie({ appearance: a }) {
             /* @__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: w.lock }) })
+              /* @__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__ */ 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: w.cloudDone }) })
+              /* @__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 }) })
             ] })
           ] })
         ] }),
@@ -4154,17 +4180,17 @@ function ie({ appearance: a }) {
           "Save changes"
         ] }) })
       ] }),
-      D && /* @__PURE__ */ t("div", { className: "ss-auth-section", children: [
+      T && /* @__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: w.security }),
+          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.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: w.errorOutline }),
+          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.errorOutline }),
           /* @__PURE__ */ e("span", { children: x })
         ] }),
-        /* @__PURE__ */ t("form", { onSubmit: V, children: [
+        /* @__PURE__ */ t("form", { onSubmit: U, children: [
           /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
             /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Current Password" }),
             /* @__PURE__ */ e(
@@ -4173,7 +4199,7 @@ function ie({ appearance: a }) {
                 className: "ss-auth-input",
                 type: "password",
                 placeholder: "••••••••••••",
-                value: k,
+                value: C,
                 onChange: (L) => P(L.target.value),
                 required: !0
               }
@@ -4189,7 +4215,7 @@ function ie({ appearance: a }) {
                   type: "password",
                   placeholder: "Min. 8 characters",
                   value: I,
-                  onChange: (L) => F(L.target.value),
+                  onChange: (L) => B(L.target.value),
                   required: !0
                 }
               )
@@ -4202,15 +4228,15 @@ function ie({ appearance: a }) {
                   className: "ss-auth-input",
                   type: "password",
                   placeholder: "Repeat new password",
-                  value: B,
-                  onChange: (L) => C(L.target.value),
+                  value: F,
+                  onChange: (L) => $(L.target.value),
                   required: !0
                 }
               )
             ] })
           ] }),
           /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.info }),
+            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.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" }) })
@@ -4218,7 +4244,7 @@ function ie({ appearance: a }) {
       ] }),
       /* @__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: w.logout }) }),
+          /* @__PURE__ */ e("div", { className: "ss-auth-signout-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.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" })
@@ -4239,18 +4265,18 @@ function ie({ appearance: a }) {
     h && /* @__PURE__ */ e(
       ca,
       {
-        onUpload: M,
-        onClose: () => S(!1),
+        onUpload: D,
+        onClose: () => N(!1),
         isLoading: l
       }
     )
   ] }) });
 }
 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, N] = g(""), [y, O] = g(null), [h, S] = g(!1), k = _(null), P = $((x) => {
-    k.current && !x.composedPath().includes(k.current) && f(!1);
+  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);
   }, []);
-  U(() => {
+  V(() => {
     if (c) {
       const x = setTimeout(() => {
         document.addEventListener("click", P);
@@ -4260,25 +4286,25 @@ function le({ appearance: a, onOrgChange: s }) {
       };
     }
   }, [c, P]);
-  const I = $((x) => {
-    m(x), N(x.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
-  }, []), F = $(
+  const I = k((x) => {
+    m(x), w(x.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
+  }, []), B = k(
     async (x) => {
-      x.preventDefault(), O(null), S(!0);
+      x.preventDefault(), O(null), N(!0);
       try {
-        const v = await i(p, b);
-        v && (await u(v.id), s == null || s(v), m(""), N(""), f(!1));
-      } catch (v) {
-        O(v instanceof Error ? v.message : "Failed to create organization");
+        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");
       } finally {
-        S(!1);
+        N(!1);
       }
     },
     [p, b, i, u, s]
   );
   if (l) return null;
-  const B = (n == null ? void 0 : n.name) ?? (o.length === 0 ? "No organization" : "Select organization"), C = 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: k, children: [
+  const F = (n == null ? void 0 : n.name) ?? (o.length === 0 ? "No organization" : "Select organization"), $ = n ? n.name.split(" ").map((x) => x[0]).join("").slice(0, 2).toUpperCase() : "--";
+  return /* @__PURE__ */ e(H, { appearance: d, children: /* @__PURE__ */ t("div", { style: { position: "relative", display: "inline-block", width: "100%", maxWidth: "360px" }, ref: C, children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -4287,34 +4313,34 @@ function le({ appearance: a, onOrgChange: s }) {
         onClick: () => f(!c),
         children: [
           /* @__PURE__ */ t("div", { className: "ss-auth-org-trigger-inner", children: [
-            /* @__PURE__ */ e("div", { className: "ss-auth-org-avatar", children: C }),
+            /* @__PURE__ */ e("div", { className: "ss-auth-org-avatar", children: $ }),
             /* @__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: w.unfoldMore })
+          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.unfoldMore })
         ]
       }
     ),
     c && /* @__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 v = (n == null ? void 0 : n.id) === x.id, E = x.name.split(" ").map((M) => M[0]).join("").slice(0, 2).toUpperCase();
+        const S = (n == null ? void 0 : n.id) === x.id, E = x.name.split(" ").map((D) => D[0]).join("").slice(0, 2).toUpperCase();
         return /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            className: `ss-auth-org-item${v ? " ss-auth-org-item-active" : ""}`,
+            className: `ss-auth-org-item${S ? " ss-auth-org-item-active" : ""}`,
             onClick: async () => {
               f(!1), await u(x.id), s == null || s(x);
             },
             children: [
               /* @__PURE__ */ t("div", { className: "ss-auth-org-item-inner", children: [
-                /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${v ? "" : " ss-auth-org-avatar-inactive"}`, children: E }),
+                /* @__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 })
               ] }),
-              v && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: w.checkCircle })
+              S && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: v.checkCircle })
             ]
           },
           x.id
@@ -4322,11 +4348,11 @@ function le({ appearance: a, onOrgChange: s }) {
       }) }),
       /* @__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: w.addCircle }),
+          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: v.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: B, children: [
           /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
             /* @__PURE__ */ e("label", { className: "ss-auth-label", style: { fontSize: "10px" }, children: "Org Name" }),
             /* @__PURE__ */ e(
@@ -4353,7 +4379,7 @@ function le({ appearance: a, onOrgChange: s }) {
                   type: "text",
                   placeholder: "nexus-dynamics",
                   value: b,
-                  onChange: (x) => N(x.target.value),
+                  onChange: (x) => w(x.target.value),
                   required: !0,
                   style: { fontSize: "13px", padding: "10px 12px 10px 22px" }
                 }
@@ -4378,7 +4404,7 @@ function le({ appearance: a, onOrgChange: s }) {
     ] })
   ] }) });
 }
-function Ba(a, s = "USD") {
+function Fa(a, s = "USD") {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: s,
@@ -4399,7 +4425,7 @@ function ce({ plans: a, currentPlanId: s, onSelectPlan: r, interval: o, appearan
         d.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("span", { className: "ss-pricing-amount", children: Fa(d.amountCents, d.currency) }),
         /* @__PURE__ */ t("span", { className: "ss-pricing-interval", children: [
           "/",
           d.interval
@@ -4439,7 +4465,7 @@ function Z(a) {
   }, [s, a]);
 }
 function La(a, s) {
-  const r = Z(s), [o, n] = g(null), [u, i] = g(!0), [l, d] = g(null), c = $(async () => {
+  const r = Z(s), [o, n] = g(null), [u, i] = g(!0), [l, d] = g(null), c = k(async () => {
     i(!0), d(null);
     try {
       const f = await r.getCustomer(a);
@@ -4450,12 +4476,12 @@ function La(a, s) {
       i(!1);
     }
   }, [r, a]);
-  return U(() => {
+  return V(() => {
     c();
   }, [c]), { customer: o, isLoading: u, error: l, refresh: c };
 }
 function Aa(a, s) {
-  const r = Z(s), [o, n] = g([]), [u, i] = g(!0), [l, d] = g(null), c = $(async () => {
+  const r = Z(s), [o, n] = g([]), [u, i] = g(!0), [l, d] = g(null), c = k(async () => {
     i(!0), d(null);
     try {
       const f = await r.getInvoices(a);
@@ -4466,12 +4492,12 @@ function Aa(a, s) {
       i(!1);
     }
   }, [r, a]);
-  return U(() => {
+  return V(() => {
     c();
   }, [c]), { invoices: o, isLoading: u, error: l, refresh: c };
 }
 function Da(a, s) {
-  const r = Z(s), [o, n] = g([]), [u, i] = g(!0), [l, d] = g(null), c = $(async () => {
+  const r = Z(s), [o, n] = g([]), [u, i] = g(!0), [l, d] = g(null), c = k(async () => {
     i(!0), d(null);
     try {
       const f = await r.getCurrentUsage(a);
@@ -4482,7 +4508,7 @@ function Da(a, s) {
       i(!1);
     }
   }, [r, a]);
-  return U(() => {
+  return V(() => {
     c();
   }, [c]), { usage: o, isLoading: u, error: l, refresh: c };
 }
@@ -4520,14 +4546,14 @@ function Ma({
     ] })
   ] }) });
 }
-const Ua = {
+const Va = {
   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 Ua(a) {
   return new Date(a).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
 }
 function Ra(a) {
@@ -4551,9 +4577,9 @@ function Ha({ customerId: a, portalToken: s, appearance: r }) {
         /* @__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: Ua(c.createdAt) }),
         /* @__PURE__ */ e("td", { className: "ss-td", children: Ra(c.amountCents) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: /* @__PURE__ */ e("span", { className: `ss-badge ${Ua[c.status] || ""}`, children: c.status }) }),
+        /* @__PURE__ */ e("td", { className: "ss-td", children: /* @__PURE__ */ e("span", { className: `ss-badge ${Va[c.status] || ""}`, children: c.status }) }),
         /* @__PURE__ */ e("td", { className: "ss-td", children: c.pdfUrl ? /* @__PURE__ */ e("a", { className: "ss-link", href: c.pdfUrl, target: "_blank", rel: "noopener noreferrer", children: "Download" }) : "—" })
       ] }, c.id)) })
     ] })
@@ -4631,12 +4657,12 @@ function ue({
   ] }) });
 }
 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, N] = g(null), y = $(async (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), N(null);
+      f(!0), m(null), w(null);
       try {
         const h = await u.applyCoupon(a, l.trim());
-        N(`Coupon applied! ${h.discountType === "percent" ? `${h.amount}% off` : `$${(h.amount / 100).toFixed(2)} off`}`), d(""), r == null || r(h);
+        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");
       } finally {
@@ -4676,7 +4702,7 @@ function he() {
   return { report: a.report };
 }
 function da() {
-  const { client: a } = A(), [s, r] = g(null), [o, n] = g(!1), [u, i] = g(null), l = $(async (d) => {
+  const { client: a } = A(), [s, r] = g(null), [o, n] = g(!1), [u, i] = g(null), l = k(async (d) => {
     n(!0), i(null);
     try {
       const c = await a.report.executeQuery(d);
@@ -4690,7 +4716,7 @@ function da() {
   return { result: s, execute: l, isLoading: o, error: u };
 }
 function qa(a) {
-  const { client: s } = A(), [r, o] = g(null), [n, u] = g(!0), [i, l] = g(null), d = $(async () => {
+  const { client: s } = A(), [r, o] = g(null), [n, u] = g(!0), [i, l] = g(null), d = k(async () => {
     u(!0), l(null);
     try {
       const c = await s.report.listQueries(a);
@@ -4701,12 +4727,12 @@ function qa(a) {
       u(!1);
     }
   }, [s, a]);
-  return U(() => {
+  return V(() => {
     d();
   }, [d]), { queries: (r == null ? void 0 : r.data) ?? [], meta: r == null ? void 0 : r.meta, isLoading: n, error: i, refresh: d };
 }
 function ge(a) {
-  const { client: s } = A(), [r, o] = g(null), [n, u] = g(!0), [i, l] = g(null), d = $(async () => {
+  const { client: s } = A(), [r, o] = g(null), [n, u] = g(!0), [i, l] = g(null), d = k(async () => {
     u(!0), l(null);
     try {
       const c = await s.report.getDashboard(a);
@@ -4717,7 +4743,7 @@ function ge(a) {
       u(!1);
     }
   }, [s, a]);
-  return U(() => {
+  return V(() => {
     d();
   }, [d]), { dashboard: r, isLoading: n, error: i, refresh: d };
 }
@@ -4725,7 +4751,7 @@ function me(a, s, r = "https://api.saas-support.com/v1") {
   const o = G(() => {
     const p = new Q(r, { type: "embedToken", token: a });
     return new ta(p);
-  }, [a, r]), [n, u] = g(null), [i, l] = g(!0), [d, c] = g(null), f = $(async () => {
+  }, [a, r]), [n, u] = g(null), [i, l] = g(!0), [d, c] = g(null), f = k(async () => {
     l(!0), c(null);
     try {
       const p = await o.getDashboard(s);
@@ -4736,13 +4762,13 @@ function me(a, s, r = "https://api.saas-support.com/v1") {
       l(!1);
     }
   }, [o, s]);
-  return U(() => {
+  return V(() => {
     f();
   }, [f]), { dashboard: n, reportClient: o, isLoading: i, error: d, refresh: f };
 }
 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 = $(async (N) => {
-    if (N.preventDefault(), !c.trim()) return;
+  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]);
@@ -4775,7 +4801,7 @@ function fe({ onResult: a, mode: s = "both", placeholder: r, appearance: o }) {
           className: "ss-input ss-query-textarea",
           placeholder: r ?? (p === "sql" ? "SELECT ..." : "Ask a question about your data..."),
           value: c,
-          onChange: (N) => f(N.target.value),
+          onChange: (w) => f(w.target.value),
           rows: 3
         }
       ) }),
@@ -4788,18 +4814,18 @@ function fe({ onResult: a, mode: s = "both", placeholder: r, appearance: o }) {
 }
 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], S = O[l];
-    if (h == null && S == null) return 0;
+    const h = y[l], N = O[l];
+    if (h == null && N == null) return 0;
     if (h == null) return 1;
-    if (S == null) return -1;
-    if (typeof h == "number" && typeof S == "number")
-      return c === "asc" ? h - S : S - h;
-    const k = String(h), P = String(S);
-    return c === "asc" ? k.localeCompare(P) : P.localeCompare(k);
+    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 N(y) {
+  function w(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: [
@@ -4816,7 +4842,7 @@ function Wa({ columns: a, rows: s, sortable: r = !0, maxRows: o, appearance: n }
         },
         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: N(y[h]) }, h)) }, O)) })
+      /* @__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)) })
     ] }),
     o && s.length > o && /* @__PURE__ */ t("div", { className: "ss-table-footer", children: [
       "Showing ",
@@ -4840,9 +4866,9 @@ function Ga({ labels: a, values: s, w: r, h: o, colors: n }) {
   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, N = o - i - m;
+      const m = f / u * d, b = i + l / a.length * p + 2, w = o - i - m;
       return /* @__PURE__ */ t("g", { children: [
-        /* @__PURE__ */ e("rect", { x: b, y: N, width: c, height: m, fill: n[p % n.length], rx: 2 }),
+        /* @__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] })
       ] }, p);
     })
@@ -4850,8 +4876,8 @@ function Ga({ labels: a, values: s, w: r, h: o, colors: n }) {
 }
 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, N = o - i - p / u * d;
-    return `${b},${N}`;
+    const b = i + c * m, w = o - i - p / u * d;
+    return `${b},${w}`;
   });
   return /* @__PURE__ */ t("g", { children: [
     [0.25, 0.5, 0.75, 1].map((p) => {
@@ -4860,8 +4886,8 @@ function Ya({ labels: a, values: s, w: r, h: o, colors: n }) {
     }),
     /* @__PURE__ */ e("polyline", { points: f.join(" "), fill: "none", stroke: n[0], strokeWidth: 2 }),
     s.map((p, m) => {
-      const b = i + c * m, N = o - i - p / u * d;
-      return /* @__PURE__ */ e("circle", { cx: b, cy: N, r: 4, fill: n[0] }, 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);
     })
   ] });
 }
@@ -4869,7 +4895,7 @@ 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 N = m / u, y = N * c, O = { dash: y, offset: f, color: n[b % n.length], label: a[b], pct: N };
+    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;
   });
   return /* @__PURE__ */ t("g", { children: [
@@ -4908,35 +4934,35 @@ function Qa({ type: a, data: s, title: r, width: o = 400, height: n = 300, appea
 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", S = new Q(h, { type: "embedToken", token: s });
-      return new ta(S);
+      const h = r ?? "https://api.saas-support.com/v1", N = new Q(h, { type: "embedToken", token: s });
+      return new ta(N);
     }
     return u.client.report;
-  }, [s, r, u]), [d, c] = g([]), [f, p] = g({}), [m, b] = g(!0), [N, y] = g(null), O = $(async () => {
+  }, [s, r, u]), [d, c] = g([]), [f, p] = g({}), [m, b] = g(!0), [w, y] = g(null), O = k(async () => {
     b(!0), y(null);
     try {
-      const h = await l.getDashboard(a), S = JSON.parse(h.layoutJson || "[]");
-      c(S);
-      const k = {};
-      for (const P of S)
+      const h = await l.getDashboard(a), N = JSON.parse(h.layoutJson || "[]");
+      c(N);
+      const C = {};
+      for (const P of N)
         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 });
-            k[P.queryId] = F;
+            const B = await l.executeQuery({ sql: I.data[0].generatedSql });
+            C[P.queryId] = B;
           }
         } catch {
         }
-      p(k);
+      p(C);
     } catch (h) {
       y(h instanceof Error ? h.message : "Failed to load dashboard");
     } finally {
       b(!1);
     }
   }, [l, a]);
-  return U(() => {
+  return V(() => {
     O();
-  }, [O]), U(() => {
+  }, [O]), V(() => {
     if (!o || o <= 0) return;
     const h = setInterval(O, o * 1e3);
     return () => clearInterval(h);
@@ -4945,17 +4971,17 @@ function be({ dashboardId: a, embedToken: s, baseUrl: r, refreshInterval: o, app
       /* @__PURE__ */ e("span", { className: "ss-spinner" }),
       " Loading dashboard..."
     ] }),
-    N && /* @__PURE__ */ e("div", { className: "ss-global-error", children: N }),
-    !m && d.map((h, S) => {
-      const k = f[h.queryId];
-      if (!k) return null;
-      const P = k.columns.length >= 2 ? {
-        labels: k.rows.map((I) => String(I[k.columns[0]] ?? "")),
-        values: k.rows.map((I) => Number(I[k.columns[1]] ?? 0))
+    w && /* @__PURE__ */ e("div", { className: "ss-global-error", children: w }),
+    !m && d.map((h, N) => {
+      const C = f[h.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))
       } : { 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: k.columns, rows: k.rows, maxRows: 50 }) : /* @__PURE__ */ e(
+        h.chartType === "table" ? /* @__PURE__ */ e(Wa, { columns: C.columns, rows: C.rows, maxRows: 50 }) : /* @__PURE__ */ e(
           Qa,
           {
             type: h.chartType || "bar",
@@ -4964,7 +4990,7 @@ function be({ dashboardId: a, embedToken: s, baseUrl: r, refreshInterval: o, app
             height: h.h
           }
         )
-      ] }, S);
+      ] }, N);
     })
   ] }) });
 }
@@ -4972,7 +4998,7 @@ function Za(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 = $(async (p) => {
+  const { appearance: o } = A(), { queries: n, isLoading: u, error: i } = qa(), { execute: l, isLoading: d } = da(), c = r ?? o, f = k(async (p) => {
     if (!p.generatedSql) return;
     const m = await l({ sql: p.generatedSql });
     m && (s == null || s(m));
@@ -5021,20 +5047,20 @@ function ye({ embedToken: a, dashboardId: s, baseUrl: r = "https://api.saas-supp
   const u = G(() => {
     const y = new Q(r, { type: "embedToken", token: a });
     return new ta(y);
-  }, [a, r]), [i, l] = g([]), [d, c] = g(!0), [f, p] = g(null), m = G(() => aa(n), [n]), b = G(() => ea(m), [m]), N = $(async () => {
+  }, [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);
     try {
       const y = await u.getDashboard(s), O = JSON.parse(y.layoutJson || "[]"), h = await Promise.all(
-        O.map(async (S) => {
+        O.map(async (N) => {
           try {
-            const k = await u.listQueries({ search: S.queryId, perPage: 1 });
-            if (k.data.length > 0 && k.data[0].generatedSql) {
-              const P = await u.executeQuery({ sql: k.data[0].generatedSql });
-              return { ...S, result: P };
+            const C = await u.listQueries({ search: N.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 };
             }
           } catch {
           }
-          return S;
+          return N;
         })
       );
       l(h);
@@ -5044,21 +5070,21 @@ function ye({ embedToken: a, dashboardId: s, baseUrl: r = "https://api.saas-supp
       c(!1);
     }
   }, [u, s]);
-  return U(() => {
-    N();
-  }, [N]), U(() => {
+  return V(() => {
+    w();
+  }, [w]), V(() => {
     if (!o || o <= 0) return;
-    const y = setInterval(N, o * 1e3);
+    const y = setInterval(w, o * 1e3);
     return () => clearInterval(y);
-  }, [o, N]), /* @__PURE__ */ e(
+  }, [o, w]), /* @__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 S = document.createElement("div");
-        O.appendChild(S);
+        const N = document.createElement("div");
+        O.appendChild(N);
       },
       style: { display: "contents" },
       children: /* @__PURE__ */ t("div", { className: "ss-dashboard-grid", children: [
@@ -5066,12 +5092,12 @@ function ye({ embedToken: a, dashboardId: s, baseUrl: r = "https://api.saas-supp
         f && /* @__PURE__ */ e("div", { className: "ss-global-error", children: f }),
         !d && i.map((y, O) => {
           if (!y.result) return null;
-          const { columns: h, rows: S } = y.result;
+          const { columns: h, rows: N } = 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((k) => /* @__PURE__ */ e("th", { className: "ss-th", children: k }, k)) }) }),
-              /* @__PURE__ */ e("tbody", { children: S.slice(0, 50).map((k, P) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: h.map((I) => /* @__PURE__ */ e("td", { className: "ss-td", children: String(k[I] ?? "") }, I)) }, P)) })
+              /* @__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)) })
             ] })
           ] }, O);
         })