@saas-support/react 0.7.5 → 0.7.6

package/dist/react.js

@@ -1,33 +1,33 @@
-import { jsx as e, jsxs as t, Fragment as H } from "react/jsx-runtime";
-import { createContext as ma, useContext as fa, useState as h, useEffect as U, useRef as W, useCallback as $, forwardRef as ba, useImperativeHandle as xa, useMemo as G } from "react";
-import { SaaSSupport as ya, isMfaRequired as va, BillingClient as wa, Transport as Q, ReportClient as ta } from "./index.js";
-import { SaaSError as $e } from "./index.js";
-import { createPortal as Na } from "react-dom";
-const ra = ma(null);
-function D() {
-  const a = fa(ra);
+import { jsx as e, jsxs as t, Fragment as R } from "react/jsx-runtime";
+import { createContext as fa, useContext as ba, useState as g, useEffect as U, useRef as W, useCallback as k, forwardRef as xa, useImperativeHandle as ya, useMemo as G } from "react";
+import { SaaSSupport as va, isMfaRequired as wa, BillingClient as Na, Transport as Q, ReportClient as ta } from "./index.js";
+import { SaaSError as Ce } from "./index.js";
+import { createPortal as Sa } from "react-dom";
+const na = fa(null);
+function M() {
+  const a = ba(na);
   if (!a)
     throw new Error("useSaaSContext must be used within a <SaaSProvider>");
   return a;
 }
-function re({ publishableKey: a, apiKey: r, baseUrl: s, appearance: l, children: n }) {
-  const [u] = h(() => new ya({ publishableKey: a, apiKey: r, baseUrl: s })), [c, d] = h(null), [i, o] = h(!1), [m, p] = h(null);
+function oe({ publishableKey: a, apiKey: r, baseUrl: s, appearance: i, children: n }) {
+  const [u] = g(() => new va({ publishableKey: a, apiKey: r, baseUrl: s })), [l, d] = g(null), [c, o] = g(!1), [m, p] = g(null);
   return U(() => {
-    let g = !1;
+    let h = !1;
     u.load().then(async () => {
-      if (g) return;
-      const x = await u.auth.getUser(), y = await u.auth.getSettings();
-      d(x), p(y), o(!0);
+      if (h) return;
+      const x = await u.auth.getUser(), v = await u.auth.getSettings();
+      d(x), p(v), o(!0);
     });
-    const v = u.auth.onAuthStateChange((x) => {
-      g || d(x);
+    const y = u.auth.onAuthStateChange((x) => {
+      h || d(x);
     });
     return () => {
-      g = !0, v(), u.destroy();
+      h = !0, y(), u.destroy();
     };
-  }, [u]), /* @__PURE__ */ e(ra.Provider, { value: { client: u, user: c, isLoaded: i, appearance: l, settings: m }, children: n });
+  }, [u]), /* @__PURE__ */ e(na.Provider, { value: { client: u, user: l, isLoaded: c, appearance: i, settings: m }, children: n });
 }
-const Sa = {
+const $a = {
   // Legacy (unchanged)
   colorPrimary: "#6366f1",
   colorPrimaryHover: "#4f46e5",
@@ -61,7 +61,7 @@ const Sa = {
   authSuccess: "#22c55e",
   authFontHeadline: "'Manrope', sans-serif",
   authFontBody: "'Inter', sans-serif"
-}, $a = {
+}, ka = {
   // Legacy (unchanged)
   colorPrimary: "#818cf8",
   colorPrimaryHover: "#6366f1",
@@ -97,11 +97,11 @@ const Sa = {
   authFontBody: "'Inter', sans-serif"
 };
 function aa(a) {
-  const r = (a == null ? void 0 : a.baseTheme) === "dark" ? $a : Sa, s = a == null ? void 0 : a.variables, l = (s == null ? void 0 : s.colorPrimary) ?? r.authPrimary;
+  const r = (a == null ? void 0 : a.baseTheme) === "dark" ? ka : $a, s = a == null ? void 0 : a.variables, i = (s == null ? void 0 : s.colorPrimary) ?? r.authPrimary;
   return {
     // Legacy
     colorPrimary: (s == null ? void 0 : s.colorPrimary) ?? r.colorPrimary,
-    colorPrimaryHover: s != null && s.colorPrimary ? ka(s.colorPrimary, 10) : r.colorPrimaryHover,
+    colorPrimaryHover: s != null && s.colorPrimary ? Ca(s.colorPrimary, 10) : r.colorPrimaryHover,
     colorBackground: (s == null ? void 0 : s.colorBackground) ?? r.colorBackground,
     colorText: (s == null ? void 0 : s.colorText) ?? r.colorText,
     colorTextSecondary: r.colorTextSecondary,
@@ -113,8 +113,8 @@ function aa(a) {
     fontFamily: (s == null ? void 0 : s.fontFamily) ?? r.fontFamily,
     borderRadius: (s == null ? void 0 : s.borderRadius) ?? r.borderRadius,
     // MD3 auth — derive from user overrides where applicable
-    authPrimary: l,
-    authPrimaryContainer: s != null && s.colorPrimary ? Ca(l, 15) : r.authPrimaryContainer,
+    authPrimary: i,
+    authPrimaryContainer: s != null && s.colorPrimary ? za(i, 15) : r.authPrimaryContainer,
     authOnPrimary: r.authOnPrimary,
     authPrimaryFixed: r.authPrimaryFixed,
     authSurface: (s == null ? void 0 : s.colorBackground) ?? r.authSurface,
@@ -134,13 +134,13 @@ function aa(a) {
     authFontBody: (s == null ? void 0 : s.fontFamily) ?? r.authFontBody
   };
 }
-function ka(a, r) {
-  const s = parseInt(a.replace("#", ""), 16), l = Math.max(0, (s >> 16) - Math.round(2.55 * r)), n = Math.max(0, (s >> 8 & 255) - Math.round(2.55 * r)), u = Math.max(0, (s & 255) - Math.round(2.55 * r));
-  return `#${(l << 16 | n << 8 | u).toString(16).padStart(6, "0")}`;
-}
 function Ca(a, r) {
-  const s = parseInt(a.replace("#", ""), 16), l = Math.min(255, (s >> 16) + Math.round(2.55 * r)), n = Math.min(255, (s >> 8 & 255) + Math.round(2.55 * r)), u = Math.min(255, (s & 255) + Math.round(2.55 * r));
-  return `#${(l << 16 | n << 8 | u).toString(16).padStart(6, "0")}`;
+  const s = parseInt(a.replace("#", ""), 16), i = Math.max(0, (s >> 16) - Math.round(2.55 * r)), n = Math.max(0, (s >> 8 & 255) - Math.round(2.55 * r)), u = Math.max(0, (s & 255) - Math.round(2.55 * r));
+  return `#${(i << 16 | n << 8 | u).toString(16).padStart(6, "0")}`;
+}
+function za(a, r) {
+  const s = parseInt(a.replace("#", ""), 16), i = Math.min(255, (s >> 16) + Math.round(2.55 * r)), n = Math.min(255, (s >> 8 & 255) + Math.round(2.55 * r)), u = Math.min(255, (s & 255) + Math.round(2.55 * r));
+  return `#${(i << 16 | n << 8 | u).toString(16).padStart(6, "0")}`;
 }
 function ea(a) {
   return `
@@ -1451,11 +1451,31 @@ function ea(a) {
       height: 40px;
       border-radius: 50%;
       border: 2px solid ${a.authPrimary};
-      overflow: hidden;
+      overflow: visible;
       transition: transform 0.15s, box-shadow 0.15s;
       padding: 0;
       background: none;
       flex-shrink: 0;
+      position: relative;
+    }
+
+    .ss-auth-invite-badge {
+      position: absolute;
+      top: -4px;
+      right: -4px;
+      min-width: 18px;
+      height: 18px;
+      border-radius: 9px;
+      font-size: 10px;
+      font-weight: 700;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: ${a.authError || "#ef4444"};
+      color: #fff;
+      padding: 0 4px;
+      line-height: 1;
+      pointer-events: none;
     }
 
     .ss-auth-avatar-trigger img {
@@ -2502,59 +2522,59 @@ function ea(a) {
   `;
 }
 function j({ children: a, appearance: r }) {
-  const s = W(null), [l, n] = h(null);
+  const s = W(null), [i, n] = g(null);
   U(() => {
     var m;
     if (!s.current || s.current.shadowRoot) {
       n(((m = s.current) == null ? void 0 : m.shadowRoot) ?? null);
       return;
     }
-    const c = s.current.attachShadow({ mode: "open" });
+    const l = s.current.attachShadow({ mode: "open" });
     if ((r == null ? void 0 : r.fontUrl) !== null) {
       const p = (r == null ? void 0 : r.fontUrl) ?? "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";
       if (!document.querySelector(`link[href="${p}"]`)) {
-        const v = document.createElement("link");
-        v.rel = "stylesheet", v.href = p, document.head.appendChild(v);
+        const y = document.createElement("link");
+        y.rel = "stylesheet", y.href = p, document.head.appendChild(y);
       }
-      const g = document.createElement("link");
-      g.rel = "stylesheet", g.href = p, c.appendChild(g);
+      const h = document.createElement("link");
+      h.rel = "stylesheet", h.href = p, l.appendChild(h);
     }
-    const d = aa(r), i = document.createElement("style");
-    i.textContent = ea(d), c.appendChild(i);
+    const d = aa(r), c = document.createElement("style");
+    c.textContent = ea(d), l.appendChild(c);
     const o = document.createElement("div");
-    c.appendChild(o), n(c);
+    l.appendChild(o), n(l);
   }, []), U(() => {
-    if (!l) return;
-    const c = l.querySelector("style");
-    if (c) {
+    if (!i) return;
+    const l = i.querySelector("style");
+    if (l) {
       const d = aa(r);
-      c.textContent = ea(d);
+      l.textContent = ea(d);
     }
-  }, [r, l]);
-  const u = (l == null ? void 0 : l.querySelector("div")) ?? null;
-  return /* @__PURE__ */ e("div", { ref: s, style: { display: "contents" }, children: u && Na(a, u) });
+  }, [r, i]);
+  const u = (i == null ? void 0 : i.querySelector("div")) ?? null;
+  return /* @__PURE__ */ e("div", { ref: s, style: { display: "contents" }, children: u && Sa(a, u) });
 }
 function sa() {
-  const { client: a, user: r, isLoaded: s } = D();
+  const { client: a, user: r, isLoaded: s } = M();
   return {
     isLoaded: s,
     isSignedIn: !!r,
     user: r,
-    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 ne() {
-  const { user: a, isLoaded: r } = D();
+function ie() {
+  const { user: a, isLoaded: r } = M();
   return { user: a, isLoaded: r };
 }
-function na() {
-  const { client: a } = D(), [r, s] = h(!1), [l, n] = h(null), u = $(
-    async (i, o) => {
+function oa() {
+  const { client: a } = M(), [r, s] = g(!1), [i, n] = g(null), u = k(
+    async (c, o) => {
       s(!0), n(null);
       try {
-        return await a.auth.signIn(i, o);
+        return await a.auth.signIn(c, o);
       } catch (m) {
         return n(m instanceof Error ? m.message : "Sign in failed"), null;
       } finally {
@@ -2562,11 +2582,11 @@ function na() {
       }
     },
     [a]
-  ), c = $(
-    async (i) => {
+  ), l = k(
+    async (c) => {
       s(!0), n(null);
       try {
-        return await a.auth.signInWithOAuth(i);
+        return await a.auth.signInWithOAuth(c);
       } catch (o) {
         return n(o instanceof Error ? o.message : "OAuth sign in failed"), null;
       } finally {
@@ -2574,11 +2594,11 @@ function na() {
       }
     },
     [a]
-  ), d = $(
-    async (i, o) => {
+  ), d = k(
+    async (c, o) => {
       s(!0), n(null);
       try {
-        return await a.auth.submitMfaCode(i, o);
+        return await a.auth.submitMfaCode(c, o);
       } catch (m) {
         return n(m instanceof Error ? m.message : "MFA verification failed"), null;
       } finally {
@@ -2587,42 +2607,42 @@ function na() {
     },
     [a]
   );
-  return { signIn: u, signInWithOAuth: c, submitMfaCode: d, isLoading: r, error: l, setError: n };
+  return { signIn: u, signInWithOAuth: l, submitMfaCode: d, isLoading: r, error: i, setError: n };
 }
-function za() {
-  const { client: a } = D(), [r, s] = h(!1), [l, n] = h(null);
-  return { signUp: $(
-    async (c, d) => {
+function Pa() {
+  const { client: a } = M(), [r, s] = g(!1), [i, n] = g(null);
+  return { signUp: k(
+    async (l, d) => {
       s(!0), n(null);
       try {
-        return await a.auth.signUp(c, d);
-      } catch (i) {
-        return n(i instanceof Error ? i.message : "Sign up failed"), null;
+        return await a.auth.signUp(l, d);
+      } catch (c) {
+        return n(c instanceof Error ? c.message : "Sign up failed"), null;
       } finally {
         s(!1);
       }
     },
     [a]
-  ), isLoading: r, error: l, setError: n };
+  ), isLoading: r, error: i, setError: n };
 }
 function Y() {
-  const { client: a } = D(), [r, s] = h([]), [l, n] = h(null), [u, c] = h([]), [d, i] = h([]), [o, m] = h(!1), [p, g] = h(null), v = W(!1), x = $(async () => {
-    m(!0), g(null);
+  const { client: a } = M(), [r, s] = g([]), [i, n] = g(null), [u, l] = g([]), [d, c] = g([]), [o, m] = g(!1), [p, h] = g(null), y = W(!1), x = k(async () => {
+    m(!0), h(null);
     try {
       const b = await a.auth.listOrgs();
-      if (s(b), !v.current && b.length > 0) {
-        const w = typeof window < "u" ? localStorage.getItem("ss_selected_org") : null, z = (w ? b.find((M) => M.id === w) : null) ?? (b.length === 1 ? b[0] : null);
-        if (z) {
-          v.current = !0, n(z), typeof window < "u" && localStorage.setItem("ss_selected_org", z.id);
+      if (s(b), n((w) => w && (b.find((B) => B.id === w.id) ?? null)), !y.current && b.length > 0) {
+        const w = typeof window < "u" ? localStorage.getItem("ss_selected_org") : null, B = (w ? b.find((F) => F.id === w) : null) ?? (b.length === 1 ? b[0] : null);
+        if (B) {
+          y.current = !0, n(B), typeof window < "u" && localStorage.setItem("ss_selected_org", B.id);
           try {
-            const M = await a.auth.listMembers(z.id);
-            c(M);
+            const F = await a.auth.listMembers(B.id);
+            l(F);
           } catch {
           }
         }
       }
     } catch (b) {
-      g(b instanceof Error ? b.message : "Failed to load organizations");
+      h(b instanceof Error ? b.message : "Failed to load organizations");
     } finally {
       m(!1);
     }
@@ -2630,151 +2650,182 @@ function Y() {
   U(() => {
     x();
   }, [x]);
-  const y = $(async (b) => {
+  const v = k(async (b) => {
     try {
       const w = await a.auth.getOrg(b);
       n(w), typeof window < "u" && localStorage.setItem("ss_selected_org", b);
-      const B = await a.auth.listMembers(b);
-      c(B);
+      const E = await a.auth.listMembers(b);
+      l(E);
     } catch (w) {
-      g(w instanceof Error ? w.message : "Failed to load organization");
+      h(w instanceof Error ? w.message : "Failed to load organization");
     }
-  }, [a]), P = $(async (b, w) => {
+  }, [a]), z = k(async (b, w) => {
     try {
-      const B = await a.auth.createOrg(b, w);
-      return s((z) => [...z, B]), B;
-    } catch (B) {
-      return g(B instanceof Error ? B.message : "Failed to create organization"), null;
+      const E = await a.auth.createOrg(b, w);
+      return s((B) => [...B, E]), E;
+    } catch (E) {
+      return h(E instanceof Error ? E.message : "Failed to create organization"), null;
     }
-  }, [a]), N = $(async (b, w) => {
+  }, [a]), N = k(async (b, w) => {
     try {
-      const B = await a.auth.updateOrg(b, w);
-      return s((z) => z.map((M) => M.id === b ? B : M)), (l == null ? void 0 : l.id) === b && n(B), B;
-    } catch (B) {
-      return g(B instanceof Error ? B.message : "Failed to update organization"), null;
+      const E = await a.auth.updateOrg(b, w);
+      return s((B) => B.map((F) => F.id === b ? E : F)), (i == null ? void 0 : i.id) === b && n(E), E;
+    } catch (E) {
+      return h(E instanceof Error ? E.message : "Failed to update organization"), null;
     }
-  }, [a, l]), E = $(async (b) => {
+  }, [a, i]), O = k(async (b) => {
     try {
-      return await a.auth.deleteOrg(b), s((w) => w.filter((B) => B.id !== b)), (l == null ? void 0 : l.id) === b && (n(null), c([]), i([]), typeof window < "u" && localStorage.removeItem("ss_selected_org")), !0;
+      return await a.auth.deleteOrg(b), s((w) => w.filter((E) => E.id !== b)), (i == null ? void 0 : i.id) === b && (n(null), l([]), c([]), typeof window < "u" && localStorage.removeItem("ss_selected_org")), !0;
     } catch (w) {
-      return g(w instanceof Error ? w.message : "Failed to delete organization"), !1;
+      return h(w instanceof Error ? w.message : "Failed to delete organization"), !1;
     }
-  }, [a, l]), C = $(async (b, w, B) => {
+  }, [a, i]), C = k(async (b, w, E) => {
     try {
-      return await a.auth.sendInvite(b, w, B);
-    } catch (z) {
-      return g(z instanceof Error ? z.message : "Failed to send invite"), null;
+      return await a.auth.sendInvite(b, w, E);
+    } catch (B) {
+      return h(B instanceof Error ? B.message : "Failed to send invite"), null;
     }
-  }, [a]), f = $(async (b) => {
+  }, [a]), f = k(async (b) => {
     try {
       const w = await a.auth.listInvites(b);
-      i(w);
+      c(w);
     } catch (w) {
-      g(w instanceof Error ? w.message : "Failed to load invites");
+      h(w instanceof Error ? w.message : "Failed to load invites");
     }
-  }, [a]), O = $(async (b, w) => {
+  }, [a]), P = k(async (b, w) => {
     try {
-      return await a.auth.revokeInvite(b, w), i((B) => B.filter((z) => z.id !== w)), !0;
-    } catch (B) {
-      return g(B instanceof Error ? B.message : "Failed to revoke invite"), !1;
+      return await a.auth.revokeInvite(b, w), c((E) => E.filter((B) => B.id !== w)), !0;
+    } catch (E) {
+      return h(E instanceof Error ? E.message : "Failed to revoke invite"), !1;
     }
-  }, [a]), I = $(async (b, w, B) => {
+  }, [a]), I = k(async (b, w, E) => {
     try {
-      return await a.auth.updateMemberRole(b, w, B), c((z) => z.map((M) => M.userId === w ? { ...M, role: B } : M)), !0;
-    } catch (z) {
-      return g(z instanceof Error ? z.message : "Failed to update member role"), !1;
+      return await a.auth.updateMemberRole(b, w, E), l((B) => B.map((F) => F.userId === w ? { ...F, role: E } : F)), !0;
+    } catch (B) {
+      return h(B instanceof Error ? B.message : "Failed to update member role"), !1;
     }
-  }, [a]), F = $(async (b, w) => {
+  }, [a]), L = k(async (b, w) => {
     try {
-      return await a.auth.removeMember(b, w), c((B) => B.filter((z) => z.userId !== w)), !0;
-    } catch (B) {
-      return g(B instanceof Error ? B.message : "Failed to remove member"), !1;
+      return await a.auth.removeMember(b, w), l((E) => E.filter((B) => B.userId !== w)), !0;
+    } catch (E) {
+      return h(E instanceof Error ? E.message : "Failed to remove member"), !1;
     }
-  }, [a]), A = $(async (b) => {
+  }, [a]), A = k(async (b) => {
     try {
       const w = await a.auth.listMembers(b);
-      c(w);
+      l(w);
     } catch (w) {
-      g(w instanceof Error ? w.message : "Failed to load members");
+      h(w instanceof Error ? w.message : "Failed to load members");
     }
   }, [a]);
   return {
     orgs: r,
-    selectedOrg: l,
+    selectedOrg: i,
     members: u,
     invites: d,
     isLoading: o,
     error: p,
-    setError: g,
+    setError: h,
     refresh: x,
-    selectOrg: y,
-    createOrg: P,
+    selectOrg: v,
+    createOrg: z,
     updateOrg: N,
-    deleteOrg: E,
+    deleteOrg: O,
     sendInvite: C,
     refreshInvites: f,
-    revokeInvite: O,
+    revokeInvite: P,
     updateMemberRole: I,
-    removeMember: F,
+    removeMember: L,
     refreshMembers: A
   };
 }
-function Pa() {
-  const { client: a } = D(), [r, s] = h(!1), [l, n] = h(null);
-  return { deleteAccount: $(async () => {
+function Oa() {
+  const { client: a } = M(), [r, s] = g(!1), [i, n] = g(null);
+  return { deleteAccount: k(async () => {
     s(!0), n(null);
     try {
       return await a.auth.deleteAccount(), !0;
-    } catch (c) {
-      return n(c instanceof Error ? c.message : "Failed to delete account"), !1;
+    } catch (l) {
+      return n(l instanceof Error ? l.message : "Failed to delete account"), !1;
     } finally {
       s(!1);
     }
-  }, [a]), isLoading: r, error: l, setError: n };
+  }, [a]), isLoading: r, error: i, setError: n };
 }
-function oa() {
-  const { client: a, user: r } = D(), [s, l] = h(!1), [n, u] = h(null), [c, d] = h(null), i = $(
+function ia() {
+  const { client: a, user: r } = M(), [s, i] = g(!1), [n, u] = g(null), [l, d] = g(null), c = k(
     async (p) => {
-      l(!0), u(null), d(null);
+      i(!0), u(null), d(null);
       try {
-        const g = await a.auth.updateProfile(p);
-        return d("Profile updated"), g;
-      } catch (g) {
-        return u(g instanceof Error ? g.message : "Failed to update profile"), null;
+        const h = await a.auth.updateProfile(p);
+        return d("Profile updated"), h;
+      } catch (h) {
+        return u(h instanceof Error ? h.message : "Failed to update profile"), null;
       } finally {
-        l(!1);
+        i(!1);
       }
     },
     [a]
-  ), o = $(
-    async (p, g) => {
-      l(!0), u(null), d(null);
+  ), o = k(
+    async (p, h) => {
+      i(!0), u(null), d(null);
       try {
-        return await a.auth.changePassword(p, g), d("Password changed successfully"), !0;
-      } catch (v) {
-        return u(v instanceof Error ? v.message : "Failed to change password"), !1;
+        return await a.auth.changePassword(p, h), d("Password changed successfully"), !0;
+      } catch (y) {
+        return u(y instanceof Error ? y.message : "Failed to change password"), !1;
       } finally {
-        l(!1);
+        i(!1);
       }
     },
     [a]
-  ), m = $(
+  ), m = k(
     async (p) => {
-      l(!0), u(null), d(null);
+      i(!0), u(null), d(null);
       try {
-        const g = await a.auth.uploadAvatar(p);
-        return d("Avatar updated"), g;
-      } catch (g) {
-        return u(g instanceof Error ? g.message : "Failed to upload avatar"), null;
+        const h = await a.auth.uploadAvatar(p);
+        return d("Avatar updated"), h;
+      } catch (h) {
+        return u(h instanceof Error ? h.message : "Failed to upload avatar"), null;
       } finally {
-        l(!1);
+        i(!1);
       }
     },
     [a]
   );
-  return { user: r, updateProfile: i, uploadAvatar: m, changePassword: o, isLoading: s, error: n, success: c, setError: u, setSuccess: d };
+  return { user: r, updateProfile: c, uploadAvatar: m, changePassword: o, isLoading: s, error: n, success: l, setError: u, setSuccess: d };
 }
-const ia = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/></svg>', la = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" fill="currentColor"/></svg>', S = {
+function ra() {
+  const { client: a } = M(), [r, s] = g([]), [i, n] = g(!1), [u, l] = g(null), d = k(async () => {
+    n(!0), l(null);
+    try {
+      const m = await a.auth.listMyInvites();
+      s(m);
+    } catch (m) {
+      l(m instanceof Error ? m.message : "Failed to load invites");
+    } finally {
+      n(!1);
+    }
+  }, [a]);
+  U(() => {
+    d();
+  }, [d]);
+  const c = k(async (m) => {
+    try {
+      const p = await a.auth.acceptInviteById(m);
+      return s((h) => h.filter((y) => y.id !== m)), p;
+    } catch (p) {
+      return l(p instanceof Error ? p.message : "Failed to accept invite"), null;
+    }
+  }, [a]), o = k(async (m) => {
+    try {
+      return await a.auth.declineInvite(m), s((p) => p.filter((h) => h.id !== m)), !0;
+    } catch (p) {
+      return l(p instanceof Error ? p.message : "Failed to decline invite"), !1;
+    }
+  }, [a]);
+  return { invites: r, isLoading: i, error: u, setError: l, refresh: d, accept: c, decline: o };
+}
+const la = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/></svg>', ca = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" fill="currentColor"/></svg>', S = {
   close: "close",
   person: "person",
   logout: "logout",
@@ -2798,6 +2849,7 @@ const ia = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d=
   token: "token",
   autoAwesome: "auto_awesome",
   corporateFare: "corporate_fare",
+  mail: "mail",
   cloudDone: "cloud_done",
   check: "check",
   image: "image",
@@ -2808,41 +2860,41 @@ const ia = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d=
   send: "send",
   personRemove: "person_remove"
 };
-function oe({ appearance: a, signUpUrl: r, onSignUp: s }) {
-  const { appearance: l, settings: n } = D(), { signIn: u, signInWithOAuth: c, submitMfaCode: d, isLoading: i, error: o, setError: m } = na(), p = a ?? l, [g, v] = h(""), [x, y] = h(""), [P, N] = h(!1), [E, C] = h(!1), [f, O] = h(""), [I, F] = h(["", "", "", "", "", ""]), A = W([]), b = $(
-    async (L) => {
-      if (L.preventDefault(), E) {
+function le({ appearance: a, signUpUrl: r, onSignUp: s }) {
+  const { appearance: i, settings: n } = M(), { signIn: u, signInWithOAuth: l, submitMfaCode: d, isLoading: c, error: o, setError: m } = oa(), p = a ?? i, [h, y] = g(""), [x, v] = g(""), [z, N] = g(!1), [O, C] = g(!1), [f, P] = g(""), [I, L] = g(["", "", "", "", "", ""]), A = W([]), b = k(
+    async (D) => {
+      if (D.preventDefault(), O) {
         await d(f, I.join(""));
         return;
       }
-      const k = await u(g, x);
-      k && va(k) && (O(k.mfaToken), C(!0), m(null));
+      const $ = await u(h, x);
+      $ && wa($) && (P($.mfaToken), C(!0), m(null));
     },
-    [g, x, E, f, I, u, d, m]
-  ), w = $(
-    async (L) => {
-      await c(L);
+    [h, x, O, f, I, u, d, m]
+  ), w = k(
+    async (D) => {
+      await l(D);
     },
-    [c]
-  ), B = $((L, k) => {
+    [l]
+  ), E = k((D, $) => {
     var _;
-    if (!/^\d*$/.test(k)) return;
-    const T = k.slice(-1);
-    F((K) => {
+    if (!/^\d*$/.test($)) return;
+    const T = $.slice(-1);
+    L((K) => {
       const J = [...K];
-      return J[L] = T, J;
-    }), T && L < 5 && ((_ = A.current[L + 1]) == null || _.focus());
-  }, []), z = $((L, k) => {
+      return J[D] = T, J;
+    }), T && D < 5 && ((_ = A.current[D + 1]) == null || _.focus());
+  }, []), B = k((D, $) => {
     var T;
-    k.key === "Backspace" && !I[L] && L > 0 && ((T = A.current[L - 1]) == null || T.focus());
-  }, [I]), M = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled);
+    $.key === "Backspace" && !I[D] && D > 0 && ((T = A.current[D - 1]) == null || T.focus());
+  }, [I]), F = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled);
   return /* @__PURE__ */ e(j, { appearance: p, children: /* @__PURE__ */ e("div", { className: "ss-auth-card", children: /* @__PURE__ */ t("div", { className: "ss-auth-card-body", children: [
     /* @__PURE__ */ t("div", { className: "ss-auth-header", children: [
       /* @__PURE__ */ e("div", { className: "ss-auth-brand-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.token }) }),
       /* @__PURE__ */ e("h1", { className: "ss-auth-title", children: "Sign in to your account" }),
       /* @__PURE__ */ e("p", { className: "ss-auth-subtitle", children: "Welcome back to your workspace" })
     ] }),
-    !E && M && /* @__PURE__ */ t(H, { children: [
+    !O && F && /* @__PURE__ */ t(R, { children: [
       /* @__PURE__ */ t("div", { className: "ss-auth-oauth-grid", children: [
         (n == null ? void 0 : n.googleEnabled) && /* @__PURE__ */ t(
           "button",
@@ -2850,9 +2902,9 @@ function oe({ appearance: a, signUpUrl: r, onSignUp: s }) {
             type: "button",
             className: "ss-auth-btn-social",
             onClick: () => w("google"),
-            disabled: i,
+            disabled: c,
             children: [
-              /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ia } }),
+              /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: la } }),
               "Google"
             ]
           }
@@ -2863,9 +2915,9 @@ function oe({ appearance: a, signUpUrl: r, onSignUp: s }) {
             type: "button",
             className: "ss-auth-btn-social",
             onClick: () => w("github"),
-            disabled: i,
+            disabled: c,
             children: [
-              /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: la } }),
+              /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ca } }),
               "GitHub"
             ]
           }
@@ -2878,30 +2930,30 @@ function oe({ appearance: a, signUpUrl: r, onSignUp: s }) {
       /* @__PURE__ */ e("span", { children: o })
     ] }),
     /* @__PURE__ */ t("form", { onSubmit: b, children: [
-      E ? /* @__PURE__ */ t(H, { children: [
+      O ? /* @__PURE__ */ t(R, { children: [
         /* @__PURE__ */ e("div", { className: "ss-auth-mfa-divider", children: /* @__PURE__ */ e("span", { children: "Verification Required" }) }),
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "6-Digit Code" }),
-          /* @__PURE__ */ e("div", { className: "ss-auth-mfa-group", children: I.map((L, k) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "ss-auth-mfa-group", children: I.map((D, $) => /* @__PURE__ */ e(
             "input",
             {
               ref: (T) => {
-                A.current[k] = T;
+                A.current[$] = T;
               },
               className: "ss-auth-mfa-digit",
               type: "text",
               inputMode: "numeric",
               maxLength: 1,
-              value: L,
-              onChange: (T) => B(k, T.target.value),
-              onKeyDown: (T) => z(k, T),
-              autoFocus: k === 0
+              value: D,
+              onChange: (T) => E($, T.target.value),
+              onKeyDown: (T) => B($, T),
+              autoFocus: $ === 0
             },
-            k
+            $
           )) }),
           /* @__PURE__ */ e("p", { className: "ss-auth-mfa-hint", children: "We sent a 6-digit code to your registered email." })
         ] })
-      ] }) : /* @__PURE__ */ t(H, { children: [
+      ] }) : /* @__PURE__ */ t(R, { children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-email", children: "Email Address" }),
           /* @__PURE__ */ e(
@@ -2912,8 +2964,8 @@ function oe({ appearance: a, signUpUrl: r, onSignUp: s }) {
               type: "email",
               autoComplete: "email",
               placeholder: "name@company.com",
-              value: g,
-              onChange: (L) => v(L.target.value),
+              value: h,
+              onChange: (D) => y(D.target.value),
               required: !0
             }
           )
@@ -2929,11 +2981,11 @@ function oe({ appearance: a, signUpUrl: r, onSignUp: s }) {
               {
                 id: "ss-password",
                 className: "ss-auth-input",
-                type: P ? "text" : "password",
+                type: z ? "text" : "password",
                 autoComplete: "current-password",
                 placeholder: "••••••••",
                 value: x,
-                onChange: (L) => y(L.target.value),
+                onChange: (D) => v(D.target.value),
                 required: !0
               }
             ),
@@ -2942,25 +2994,25 @@ function oe({ appearance: a, signUpUrl: r, onSignUp: s }) {
               {
                 type: "button",
                 className: "ss-auth-visibility-toggle",
-                onClick: () => N(!P),
-                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P ? S.visibilityOff : S.visibility })
+                onClick: () => N(!z),
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: z ? S.visibilityOff : S.visibility })
               }
             )
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary", disabled: i, children: [
-        i && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
-        E ? "Verify" : "Sign in",
-        !i && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.arrowForward })
+      /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary", disabled: c, children: [
+        c && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+        O ? "Verify" : "Sign in",
+        !c && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.arrowForward })
       ] })
     ] }),
-    E ? /* @__PURE__ */ e("div", { className: "ss-auth-footer", children: /* @__PURE__ */ e(
+    O ? /* @__PURE__ */ e("div", { className: "ss-auth-footer", children: /* @__PURE__ */ e(
       "span",
       {
         className: "ss-auth-link",
         onClick: () => {
-          C(!1), F(["", "", "", "", "", ""]), m(null);
+          C(!1), L(["", "", "", "", "", ""]), m(null);
         },
         children: "Back to sign in"
       }
@@ -2971,27 +3023,27 @@ function oe({ appearance: a, signUpUrl: r, onSignUp: s }) {
     ] })
   ] }) }) });
 }
-function ie({ appearance: a, signInUrl: r, onSignIn: s }) {
-  const { appearance: l, settings: n } = D(), { signUp: u, isLoading: c, error: d, setError: i } = za(), { signInWithOAuth: o } = na(), m = a ?? l, [p, g] = h(""), [v, x] = h(""), [y, P] = h(""), [N, E] = h(!1), [C, f] = h(null), O = $(
+function ce({ appearance: a, signInUrl: r, onSignIn: s }) {
+  const { appearance: i, settings: n } = M(), { signUp: u, isLoading: l, error: d, setError: c } = Pa(), { signInWithOAuth: o } = oa(), m = a ?? i, [p, h] = g(""), [y, x] = g(""), [v, z] = g(""), [N, O] = g(!1), [C, f] = g(null), P = k(
     async (b) => {
-      if (b.preventDefault(), f(null), v !== y) {
+      if (b.preventDefault(), f(null), y !== v) {
         f("Passwords do not match");
         return;
       }
       const w = (n == null ? void 0 : n.passwordMinLength) ?? 8;
-      if (v.length < w) {
+      if (y.length < w) {
         f(`Password must be at least ${w} characters`);
         return;
       }
-      await u(p, v);
+      await u(p, y);
     },
-    [p, v, y, n, u]
-  ), I = $(
+    [p, y, v, n, u]
+  ), I = k(
     async (b) => {
       await o(b);
     },
     [o]
-  ), F = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled), A = C || d;
+  ), L = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled), A = C || d;
   return /* @__PURE__ */ e(j, { appearance: m, children: /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", width: "100%", maxWidth: "520px" }, children: [
     /* @__PURE__ */ t("div", { className: "ss-auth-header", children: [
       /* @__PURE__ */ e("div", { className: "ss-auth-brand-icon-gradient", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.autoAwesome }) }),
@@ -2999,7 +3051,7 @@ function ie({ appearance: a, signInUrl: r, onSignIn: s }) {
       /* @__PURE__ */ e("p", { className: "ss-auth-subtitle", children: "Join the ecosystem" })
     ] }),
     /* @__PURE__ */ e("div", { className: "ss-auth-card", children: /* @__PURE__ */ t("div", { className: "ss-auth-card-body", children: [
-      F && /* @__PURE__ */ t(H, { children: [
+      L && /* @__PURE__ */ t(R, { children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-oauth-grid", children: [
           (n == null ? void 0 : n.googleEnabled) && /* @__PURE__ */ t(
             "button",
@@ -3007,9 +3059,9 @@ function ie({ appearance: a, signInUrl: r, onSignIn: s }) {
               type: "button",
               className: "ss-auth-btn-social",
               onClick: () => I("google"),
-              disabled: c,
+              disabled: l,
               children: [
-                /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ia } }),
+                /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: la } }),
                 "Google"
               ]
             }
@@ -3020,9 +3072,9 @@ function ie({ appearance: a, signInUrl: r, onSignIn: s }) {
               type: "button",
               className: "ss-auth-btn-social",
               onClick: () => I("github"),
-              disabled: c,
+              disabled: l,
               children: [
-                /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: la } }),
+                /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ca } }),
                 "GitHub"
               ]
             }
@@ -3034,7 +3086,7 @@ function ie({ appearance: a, signInUrl: r, onSignIn: s }) {
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
         /* @__PURE__ */ e("span", { children: A })
       ] }),
-      /* @__PURE__ */ t("form", { onSubmit: O, children: [
+      /* @__PURE__ */ t("form", { onSubmit: P, children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-signup-email", children: "Email" }),
           /* @__PURE__ */ e(
@@ -3046,7 +3098,7 @@ function ie({ appearance: a, signInUrl: r, onSignIn: s }) {
               autoComplete: "email",
               placeholder: "name@company.com",
               value: p,
-              onChange: (b) => g(b.target.value),
+              onChange: (b) => h(b.target.value),
               required: !0
             }
           )
@@ -3062,7 +3114,7 @@ function ie({ appearance: a, signInUrl: r, onSignIn: s }) {
                 type: N ? "text" : "password",
                 autoComplete: "new-password",
                 placeholder: "••••••••",
-                value: v,
+                value: y,
                 onChange: (b) => {
                   x(b.target.value), f(null);
                 },
@@ -3074,7 +3126,7 @@ function ie({ appearance: a, signInUrl: r, onSignIn: s }) {
               {
                 type: "button",
                 className: "ss-auth-visibility-toggle",
-                onClick: () => E(!N),
+                onClick: () => O(!N),
                 children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: N ? S.visibilityOff : S.visibility })
               }
             )
@@ -3090,18 +3142,18 @@ function ie({ appearance: a, signInUrl: r, onSignIn: s }) {
               type: "password",
               autoComplete: "new-password",
               placeholder: "••••••••",
-              value: y,
+              value: v,
               onChange: (b) => {
-                P(b.target.value), f(null);
+                z(b.target.value), f(null);
               },
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary", disabled: c, children: [
-          c && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+        /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary", disabled: l, children: [
+          l && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
           "Sign up",
-          !c && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.arrowForward })
+          !l && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.arrowForward })
         ] })
       ] }),
       /* @__PURE__ */ t("div", { className: "ss-auth-footer", children: [
@@ -3112,47 +3164,47 @@ function ie({ appearance: a, signInUrl: r, onSignIn: s }) {
     ] }) })
   ] }) });
 }
-const V = 320, q = 128, Oa = ba(function({ file: r, onCrop: s, onCancel: l }, n) {
-  const u = W(null), c = W(null), [d, i] = h(1), [o, m] = h({ x: 0, y: 0 }), [p, g] = h(!1), v = W({ x: 0, y: 0, ox: 0, oy: 0 }), [x, y] = h(!1);
+const V = 320, q = 128, Ea = xa(function({ file: r, onCrop: s, onCancel: i }, n) {
+  const u = W(null), l = W(null), [d, c] = g(1), [o, m] = g({ x: 0, y: 0 }), [p, h] = g(!1), y = W({ x: 0, y: 0, ox: 0, oy: 0 }), [x, v] = g(!1);
   U(() => {
-    const f = new Image(), O = URL.createObjectURL(r);
+    const f = new Image(), P = URL.createObjectURL(r);
     return f.onload = () => {
-      c.current = f, y(!0), m({ x: 0, y: 0 }), i(1);
-    }, f.src = O, () => URL.revokeObjectURL(O);
+      l.current = f, v(!0), m({ x: 0, y: 0 }), c(1);
+    }, f.src = P, () => URL.revokeObjectURL(P);
   }, [r]), U(() => {
-    if (!x || !c.current || !u.current) return;
+    if (!x || !l.current || !u.current) return;
     const f = u.current.getContext("2d");
     if (!f) return;
-    const O = c.current;
+    const P = l.current;
     f.clearRect(0, 0, V, V), f.fillStyle = "#111", f.fillRect(0, 0, V, V);
-    const I = Math.max(V / O.width, V / O.height) * d, F = O.width * I, A = O.height * I, b = (V - F) / 2 + o.x, w = (V - A) / 2 + o.y;
-    f.save(), f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.clip(), f.drawImage(O, b, w, F, A), f.restore(), f.save(), f.fillStyle = "rgba(0, 0, 0, 0.6)", f.fillRect(0, 0, V, V), f.globalCompositeOperation = "destination-out", f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.fill(), f.restore(), f.save(), f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.clip(), f.drawImage(O, b, w, F, A), f.restore(), f.strokeStyle = "rgba(255, 255, 255, 0.4)", f.lineWidth = 2, f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.stroke();
+    const I = Math.max(V / P.width, V / P.height) * d, L = P.width * I, A = P.height * I, b = (V - L) / 2 + o.x, w = (V - A) / 2 + o.y;
+    f.save(), f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.clip(), f.drawImage(P, b, w, L, A), f.restore(), f.save(), f.fillStyle = "rgba(0, 0, 0, 0.6)", f.fillRect(0, 0, V, V), f.globalCompositeOperation = "destination-out", f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.fill(), f.restore(), f.save(), f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.clip(), f.drawImage(P, b, w, L, A), f.restore(), f.strokeStyle = "rgba(255, 255, 255, 0.4)", f.lineWidth = 2, f.beginPath(), f.arc(V / 2, V / 2, q, 0, Math.PI * 2), f.stroke();
   }, [d, o, x]);
-  const P = $(
+  const z = k(
     (f) => {
-      g(!0), v.current = { x: f.clientX, y: f.clientY, ox: o.x, oy: o.y }, f.target.setPointerCapture(f.pointerId);
+      h(!0), y.current = { x: f.clientX, y: f.clientY, ox: o.x, oy: o.y }, f.target.setPointerCapture(f.pointerId);
     },
     [o]
-  ), N = $(
+  ), N = k(
     (f) => {
       p && m({
-        x: v.current.ox + (f.clientX - v.current.x),
-        y: v.current.oy + (f.clientY - v.current.y)
+        x: y.current.ox + (f.clientX - y.current.x),
+        y: y.current.oy + (f.clientY - y.current.y)
       });
     },
     [p]
-  ), E = $(() => g(!1), []), C = $(() => {
-    if (!c.current) return;
-    const f = document.createElement("canvas"), O = q * 2;
-    f.width = O, f.height = O;
+  ), O = k(() => h(!1), []), C = k(() => {
+    if (!l.current) return;
+    const f = document.createElement("canvas"), P = q * 2;
+    f.width = P, f.height = P;
     const I = f.getContext("2d");
     if (!I) return;
-    const F = c.current, A = Math.max(V / F.width, V / F.height) * d, b = F.width * A, w = F.height * A, B = (V - b) / 2 + o.x - (V / 2 - q), z = (V - w) / 2 + o.y - (V / 2 - q);
-    I.beginPath(), I.arc(q, q, q, 0, Math.PI * 2), I.clip(), I.drawImage(F, B, z, b, w), f.toBlob((M) => {
-      M && s(M);
+    const L = l.current, A = Math.max(V / L.width, V / L.height) * d, b = L.width * A, w = L.height * A, E = (V - b) / 2 + o.x - (V / 2 - q), B = (V - w) / 2 + o.y - (V / 2 - q);
+    I.beginPath(), I.arc(q, q, q, 0, Math.PI * 2), I.clip(), I.drawImage(L, E, B, b, w), f.toBlob((F) => {
+      F && s(F);
     }, "image/png");
   }, [d, o, s]);
-  return xa(n, () => ({ triggerCrop: () => C() }), [C]), /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "24px" }, children: [
+  return ya(n, () => ({ triggerCrop: () => C() }), [C]), /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "24px" }, children: [
     /* @__PURE__ */ t("div", { className: "ss-auth-crop-area", children: [
       /* @__PURE__ */ e(
         "canvas",
@@ -3161,9 +3213,9 @@ const V = 320, q = 128, Oa = ba(function({ file: r, onCrop: s, onCancel: l }, n)
           width: V,
           height: V,
           style: { cursor: p ? "grabbing" : "grab", width: "100%", height: "100%" },
-          onPointerDown: P,
+          onPointerDown: z,
           onPointerMove: N,
-          onPointerUp: E
+          onPointerUp: O
         }
       ),
       /* @__PURE__ */ e("div", { className: "ss-auth-crop-size-badge", children: "256 x 256 px" })
@@ -3178,7 +3230,7 @@ const V = 320, q = 128, Oa = ba(function({ file: r, onCrop: s, onCancel: l }, n)
           max: "3",
           step: "0.01",
           value: d,
-          onChange: (f) => i(parseFloat(f.target.value)),
+          onChange: (f) => c(parseFloat(f.target.value)),
           className: "ss-auth-zoom-slider"
         }
       ),
@@ -3186,25 +3238,25 @@ const V = 320, q = 128, Oa = ba(function({ file: r, onCrop: s, onCancel: l }, n)
     ] })
   ] });
 });
-function ca({ onUpload: a, onClose: r, isLoading: s }) {
-  const [l, n] = h(null), [u, c] = h(!1), [d, i] = h(null), o = W(null), m = W(null), p = $((x) => {
+function da({ onUpload: a, onClose: r, isLoading: s }) {
+  const [i, n] = g(null), [u, l] = g(!1), [d, c] = g(null), o = W(null), m = W(null), p = k((x) => {
     if (!x.type.startsWith("image/")) {
-      i("Please select an image file");
+      c("Please select an image file");
       return;
     }
     if (x.size > 5 * 1024 * 1024) {
-      i("Image must be smaller than 5 MB");
+      c("Image must be smaller than 5 MB");
       return;
     }
-    i(null), n(x);
-  }, []), g = $(
+    c(null), n(x);
+  }, []), h = k(
     (x) => {
-      x.preventDefault(), c(!1);
-      const y = x.dataTransfer.files[0];
-      y && p(y);
+      x.preventDefault(), l(!1);
+      const v = x.dataTransfer.files[0];
+      v && p(v);
     },
     [p]
-  ), v = $(
+  ), y = k(
     async (x) => {
       await a(x);
     },
@@ -3222,8 +3274,8 @@ function ca({ onUpload: a, onClose: r, isLoading: s }) {
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
         /* @__PURE__ */ e("span", { children: d })
       ] }),
-      l ? /* @__PURE__ */ t(H, { children: [
-        /* @__PURE__ */ e(Oa, { ref: m, file: l, onCrop: v, onCancel: () => n(null) }),
+      i ? /* @__PURE__ */ t(R, { children: [
+        /* @__PURE__ */ e(Ea, { ref: m, file: i, onCrop: y, onCancel: () => n(null) }),
         /* @__PURE__ */ e("div", { style: { textAlign: "center", marginTop: "8px" }, children: /* @__PURE__ */ t(
           "button",
           {
@@ -3245,10 +3297,10 @@ function ca({ onUpload: a, onClose: r, isLoading: s }) {
         {
           className: `ss-auth-dropzone${u ? " ss-auth-dropzone-active" : ""}`,
           onDragOver: (x) => {
-            x.preventDefault(), c(!0);
+            x.preventDefault(), l(!0);
           },
-          onDragLeave: () => c(!1),
-          onDrop: g,
+          onDragLeave: () => l(!1),
+          onDrop: h,
           onClick: () => {
             var x;
             return (x = o.current) == null ? void 0 : x.click();
@@ -3274,8 +3326,8 @@ function ca({ onUpload: a, onClose: r, isLoading: s }) {
           accept: "image/*",
           style: { display: "none" },
           onChange: (x) => {
-            var y;
-            (y = x.target.files) != null && y[0] && p(x.target.files[0]);
+            var v;
+            (v = x.target.files) != null && v[0] && p(x.target.files[0]);
           }
         }
       ),
@@ -3295,7 +3347,7 @@ function ca({ onUpload: a, onClose: r, isLoading: s }) {
             var x;
             return (x = m.current) == null ? void 0 : x.triggerCrop();
           },
-          disabled: !l || s,
+          disabled: !i || s,
           style: { width: "auto" },
           children: [
             s && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
@@ -3307,11 +3359,12 @@ function ca({ onUpload: a, onClose: r, isLoading: s }) {
     ] })
   ] }) });
 }
-function Ea({ onClose: a, afterDeleteAccountUrl: r, defaultTab: s = "profile", onOrgDeleted: l, onOrgUpdated: n }) {
-  const [u, c] = h(s), d = [
+function Ia({ onClose: a, afterDeleteAccountUrl: r, defaultTab: s = "profile", onOrgDeleted: i, onOrgUpdated: n }) {
+  const [u, l] = g(s), { invites: d } = ra(), c = [
     { key: "profile", label: "Profile", icon: S.person },
     { key: "organization", label: "Organization", icon: S.corporateFare },
     { key: "people", label: "People", icon: S.group },
+    { key: "invites", label: "Invites", icon: S.mail, badge: d.length || void 0 },
     { key: "billing", label: "Billing", icon: S.creditCard }
   ];
   return /* @__PURE__ */ t("div", { className: "ss-auth-settings-page", children: [
@@ -3323,57 +3376,59 @@ function Ea({ onClose: a, afterDeleteAccountUrl: r, defaultTab: s = "profile", o
       /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: a, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.close }) })
     ] }),
     /* @__PURE__ */ t("div", { className: "ss-auth-settings-layout", children: [
-      /* @__PURE__ */ e("nav", { className: "ss-auth-settings-nav", children: d.map((i) => /* @__PURE__ */ t(
+      /* @__PURE__ */ e("nav", { className: "ss-auth-settings-nav", children: c.map((o) => /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          className: `ss-auth-settings-nav-item${u === i.key ? " ss-auth-settings-nav-item-active" : ""}`,
-          onClick: () => c(i.key),
+          className: `ss-auth-settings-nav-item${u === o.key ? " ss-auth-settings-nav-item-active" : ""}`,
+          onClick: () => l(o.key),
           children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: i.icon }),
-            i.label
+            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: o.icon }),
+            o.label,
+            o.badge != null && o.badge > 0 && /* @__PURE__ */ e("span", { className: "ss-auth-invite-badge", style: { position: "static", marginLeft: "6px" }, children: o.badge })
           ]
         },
-        i.key
+        o.key
       )) }),
       /* @__PURE__ */ t("div", { className: "ss-auth-settings-content", children: [
-        u === "profile" && /* @__PURE__ */ e(Ia, { afterDeleteAccountUrl: r }),
-        u === "organization" && /* @__PURE__ */ e(Ba, { onOrgDeleted: l, onOrgUpdated: n }),
-        u === "people" && /* @__PURE__ */ e(Fa, {}),
-        u === "billing" && /* @__PURE__ */ e(La, {})
+        u === "profile" && /* @__PURE__ */ e(Ba, { afterDeleteAccountUrl: r }),
+        u === "organization" && /* @__PURE__ */ e(Fa, { onOrgDeleted: i, onOrgUpdated: n }),
+        u === "people" && /* @__PURE__ */ e(La, {}),
+        u === "invites" && /* @__PURE__ */ e(Aa, {}),
+        u === "billing" && /* @__PURE__ */ e(Da, {})
       ] })
     ] })
   ] });
 }
-function Ia({ afterDeleteAccountUrl: a }) {
-  const { user: r, updateProfile: s, uploadAvatar: l, changePassword: n, isLoading: u, error: c, success: d, setError: i, setSuccess: o } = oa(), { signOut: m } = sa(), { deleteAccount: p, isLoading: g, error: v, setError: x } = Pa(), [y, P] = h((r == null ? void 0 : r.name) ?? ""), [N, E] = h((r == null ? void 0 : r.avatarUrl) ?? ""), [C, f] = h(!1), [O, I] = h(""), [F, A] = h(""), [b, w] = h(""), [B, z] = h(null), [M, L] = h(!1), [k, T] = h(""), _ = $(
-    async (R) => {
-      R.preventDefault(), i(null), o(null), await s({ name: y, avatarUrl: N || void 0 });
+function Ba({ afterDeleteAccountUrl: a }) {
+  const { user: r, updateProfile: s, uploadAvatar: i, changePassword: n, isLoading: u, error: l, success: d, setError: c, setSuccess: o } = ia(), { signOut: m } = sa(), { deleteAccount: p, isLoading: h, error: y, setError: x } = Oa(), [v, z] = g((r == null ? void 0 : r.name) ?? ""), [N, O] = g((r == null ? void 0 : r.avatarUrl) ?? ""), [C, f] = g(!1), [P, I] = g(""), [L, A] = g(""), [b, w] = g(""), [E, B] = g(null), [F, D] = g(!1), [$, T] = g(""), _ = k(
+    async (H) => {
+      H.preventDefault(), c(null), o(null), await s({ name: v, avatarUrl: N || void 0 });
     },
-    [y, N, s, i, o]
-  ), K = $(
-    async (R) => {
-      const X = await l(R);
-      X && (E(X.avatarUrl), f(!1));
+    [v, N, s, c, o]
+  ), K = k(
+    async (H) => {
+      const X = await i(H);
+      X && (O(X.avatarUrl), f(!1));
     },
-    [l]
-  ), J = $(
-    async (R) => {
-      if (R.preventDefault(), z(null), i(null), o(null), F !== b) {
-        z("Passwords do not match");
+    [i]
+  ), J = k(
+    async (H) => {
+      if (H.preventDefault(), B(null), c(null), o(null), L !== b) {
+        B("Passwords do not match");
         return;
       }
-      if (F.length < 8) {
-        z("Password must be at least 8 characters");
+      if (L.length < 8) {
+        B("Password must be at least 8 characters");
         return;
       }
-      await n(O, F) && (I(""), A(""), w(""));
+      await n(P, L) && (I(""), A(""), w(""));
     },
-    [O, F, b, n, i, o]
-  ), ua = $(async () => {
+    [P, L, b, n, c, o]
+  ), pa = k(async () => {
     await p() && (await m(), a && (window.location.href = a));
-  }, [p, m, a]), pa = (r == null ? void 0 : r.provider) === "email", ha = k === (r == null ? void 0 : r.email), ga = ((r == null ? void 0 : r.name) || (r == null ? void 0 : r.email) || "?").charAt(0).toUpperCase();
-  return /* @__PURE__ */ t(H, { children: [
+  }, [p, m, a]), ha = (r == null ? void 0 : r.provider) === "email", ga = $ === (r == null ? void 0 : r.email), ma = ((r == null ? void 0 : r.name) || (r == null ? void 0 : r.email) || "?").charAt(0).toUpperCase();
+  return /* @__PURE__ */ t(R, { children: [
     /* @__PURE__ */ e("h3", { children: "Profile" }),
     /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
       /* @__PURE__ */ t("div", { className: "ss-auth-profile-header", style: { border: "none", background: "none", padding: 0, marginBottom: 16 }, children: [
@@ -3387,7 +3442,7 @@ function Ia({ afterDeleteAccountUrl: a }) {
             fontSize: "48px",
             fontWeight: 800,
             opacity: 0.4
-          }, children: ga }),
+          }, children: ma }),
           /* @__PURE__ */ t("div", { className: "ss-auth-avatar-overlay", children: [
             /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.camera }),
             /* @__PURE__ */ e("span", { children: "Edit" })
@@ -3404,9 +3459,9 @@ function Ia({ afterDeleteAccountUrl: a }) {
           /* @__PURE__ */ e("p", { className: "ss-auth-profile-desc", children: r == null ? void 0 : r.email })
         ] })
       ] }),
-      c && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
+      l && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: c })
+        /* @__PURE__ */ e("span", { children: l })
       ] }),
       d && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.check }),
@@ -3421,8 +3476,8 @@ function Ia({ afterDeleteAccountUrl: a }) {
               className: "ss-auth-input",
               type: "text",
               placeholder: "Your name",
-              value: y,
-              onChange: (R) => P(R.target.value)
+              value: v,
+              onChange: (H) => z(H.target.value)
             }
           )
         ] }),
@@ -3445,28 +3500,28 @@ function Ia({ afterDeleteAccountUrl: a }) {
         ] }) })
       ] })
     ] }),
-    pa && /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
+    ha && /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
       /* @__PURE__ */ t("h4", { children: [
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.security }),
         "Security Credentials"
       ] }),
-      B && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
+      E && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: B })
+        /* @__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: O, onChange: (R) => I(R.target.value), required: !0 })
+          /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "••••••••••••", value: P, onChange: (H) => I(H.target.value), required: !0 })
         ] }),
         /* @__PURE__ */ t("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
           /* @__PURE__ */ t("div", { children: [
             /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "New Password" }),
-            /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "Min. 8 characters", value: F, onChange: (R) => A(R.target.value), required: !0 })
+            /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "Min. 8 characters", value: L, onChange: (H) => A(H.target.value), required: !0 })
           ] }),
           /* @__PURE__ */ t("div", { children: [
             /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Confirm New Password" }),
-            /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "Repeat new password", value: b, onChange: (R) => w(R.target.value), required: !0 })
+            /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "Repeat new password", value: b, onChange: (H) => w(H.target.value), required: !0 })
           ] })
         ] }),
         /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-ghost", disabled: u, children: "Update Security" }) })
@@ -3475,11 +3530,11 @@ function Ia({ afterDeleteAccountUrl: a }) {
     /* @__PURE__ */ t("div", { className: "ss-auth-settings-card ss-auth-settings-danger", children: [
       /* @__PURE__ */ e("h4", { children: "Danger Zone" }),
       /* @__PURE__ */ e("p", { className: "ss-auth-section-desc", style: { marginBottom: "16px" }, children: "Deleting your account is permanent. All organizations you own will also be deleted." }),
-      v && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
+      y && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: v })
+        /* @__PURE__ */ e("span", { children: y })
       ] }),
-      M ? /* @__PURE__ */ t("div", { children: [
+      F ? /* @__PURE__ */ t("div", { children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Type your email to confirm" }),
           /* @__PURE__ */ e(
@@ -3488,8 +3543,8 @@ function Ia({ afterDeleteAccountUrl: a }) {
               className: "ss-auth-input",
               type: "email",
               placeholder: r == null ? void 0 : r.email,
-              value: k,
-              onChange: (R) => T(R.target.value),
+              value: $,
+              onChange: (H) => T(H.target.value),
               autoFocus: !0
             }
           )
@@ -3501,7 +3556,7 @@ function Ia({ afterDeleteAccountUrl: a }) {
               type: "button",
               className: "ss-auth-btn-ghost",
               onClick: () => {
-                L(!1), T(""), x(null);
+                D(!1), T(""), x(null);
               },
               children: "Cancel"
             }
@@ -3512,10 +3567,10 @@ function Ia({ afterDeleteAccountUrl: a }) {
               type: "button",
               className: "ss-auth-btn-primary ss-auth-btn-sm",
               style: { width: "auto", background: "linear-gradient(135deg, #ef4444, #dc2626)" },
-              disabled: !ha || g,
-              onClick: ua,
+              disabled: !ga || h,
+              onClick: pa,
               children: [
-                g && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+                h && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
                 "Delete account"
               ]
             }
@@ -3527,13 +3582,13 @@ function Ia({ afterDeleteAccountUrl: a }) {
           type: "button",
           className: "ss-auth-btn-outline",
           style: { borderColor: "currentColor", width: "auto" },
-          onClick: () => L(!0),
+          onClick: () => D(!0),
           children: "Delete my account"
         }
       )
     ] }),
     C && /* @__PURE__ */ e(
-      ca,
+      da,
       {
         onUpload: K,
         onClose: () => f(!1),
@@ -3542,12 +3597,12 @@ function Ia({ afterDeleteAccountUrl: a }) {
     )
   ] });
 }
-function Ba({ onOrgDeleted: a, onOrgUpdated: r }) {
-  const { selectedOrg: s, updateOrg: l, deleteOrg: n, isLoading: u, error: c, setError: d } = Y(), [i, o] = h((s == null ? void 0 : s.name) ?? ""), [m, p] = h(!1), [g, v] = h(!1), [x, y] = h(!1), [P, N] = h(!1), [E, C] = h("");
+function Fa({ onOrgDeleted: a, onOrgUpdated: r }) {
+  const { selectedOrg: s, updateOrg: i, deleteOrg: n, isLoading: u, error: l, setError: d } = Y(), [c, o] = g((s == null ? void 0 : s.name) ?? ""), [m, p] = g(!1), [h, y] = g(!1), [x, v] = g(!1), [z, N] = g(!1), [O, C] = g("");
   if (U(() => {
-    s && (o(s.name), y(!1));
+    s && (o(s.name), v(!1));
   }, [s]), x)
-    return /* @__PURE__ */ t(H, { children: [
+    return /* @__PURE__ */ t(R, { children: [
       /* @__PURE__ */ e("h3", { children: "Organization" }),
       /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", style: { textAlign: "center", padding: "48px 24px" }, children: [
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "48px", opacity: 0.4, marginBottom: "16px", display: "block" }, children: S.check }),
@@ -3556,7 +3611,7 @@ function Ba({ onOrgDeleted: a, onOrgUpdated: r }) {
       ] })
     ] });
   if (!s)
-    return /* @__PURE__ */ t(H, { children: [
+    return /* @__PURE__ */ t(R, { children: [
       /* @__PURE__ */ e("h3", { children: "Organization" }),
       /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.corporateFare }),
@@ -3564,25 +3619,25 @@ function Ba({ onOrgDeleted: a, onOrgUpdated: r }) {
       ] })
     ] });
   const f = async (I) => {
-    if (I.preventDefault(), !i.trim()) return;
-    p(!0), v(!1);
-    const F = await l(s.id, { name: i.trim() });
-    p(!1), F && (v(!0), r == null || r());
-  }, O = async () => {
-    await n(s.id) && (N(!1), y(!0), a == null || a());
+    if (I.preventDefault(), !c.trim()) return;
+    p(!0), y(!1);
+    const L = await i(s.id, { name: c.trim() });
+    p(!1), L && (y(!0), r == null || r());
+  }, P = async () => {
+    await n(s.id) && (N(!1), v(!0), a == null || a());
   };
-  return /* @__PURE__ */ t(H, { children: [
+  return /* @__PURE__ */ t(R, { children: [
     /* @__PURE__ */ e("h3", { children: "Organization" }),
     /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
       /* @__PURE__ */ t("h4", { children: [
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.corporateFare }),
         "General"
       ] }),
-      c && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
+      l && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: c })
+        /* @__PURE__ */ e("span", { children: l })
       ] }),
-      g && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
+      h && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.check }),
         /* @__PURE__ */ e("span", { children: "Organization updated" })
       ] }),
@@ -3594,9 +3649,9 @@ function Ba({ onOrgDeleted: a, onOrgUpdated: r }) {
             {
               className: "ss-auth-input",
               type: "text",
-              value: i,
+              value: c,
               onChange: (I) => {
-                o(I.target.value), v(!1);
+                o(I.target.value), y(!1);
               }
             }
           )
@@ -3614,7 +3669,7 @@ function Ba({ onOrgDeleted: a, onOrgUpdated: r }) {
     /* @__PURE__ */ t("div", { className: "ss-auth-settings-card ss-auth-settings-danger", children: [
       /* @__PURE__ */ e("h4", { children: "Danger Zone" }),
       /* @__PURE__ */ e("p", { className: "ss-auth-section-desc", style: { marginBottom: "16px" }, children: "Deleting this organization is permanent and will remove all members." }),
-      P ? /* @__PURE__ */ t("div", { children: [
+      z ? /* @__PURE__ */ t("div", { children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Type the organization name to confirm" }),
           /* @__PURE__ */ e(
@@ -3623,7 +3678,7 @@ function Ba({ onOrgDeleted: a, onOrgUpdated: r }) {
               className: "ss-auth-input",
               type: "text",
               placeholder: s.name,
-              value: E,
+              value: O,
               onChange: (I) => C(I.target.value),
               autoFocus: !0
             }
@@ -3639,8 +3694,8 @@ function Ba({ onOrgDeleted: a, onOrgUpdated: r }) {
               type: "button",
               className: "ss-auth-btn-primary ss-auth-btn-sm",
               style: { width: "auto", background: "linear-gradient(135deg, #ef4444, #dc2626)" },
-              disabled: E !== s.name || u,
-              onClick: O,
+              disabled: O !== s.name || u,
+              onClick: P,
               children: [
                 u && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
                 "Delete organization"
@@ -3661,49 +3716,49 @@ function Ba({ onOrgDeleted: a, onOrgUpdated: r }) {
     ] })
   ] });
 }
-function Fa() {
+function La() {
   const {
     selectedOrg: a,
     members: r,
     invites: s,
-    isLoading: l,
+    isLoading: i,
     error: n,
     setError: u,
-    sendInvite: c,
+    sendInvite: l,
     refreshInvites: d,
-    revokeInvite: i,
+    revokeInvite: c,
     updateMemberRole: o,
     removeMember: m,
     refreshMembers: p
-  } = Y(), [g, v] = h(""), [x, y] = h("member"), [P, N] = h(!1), [E, C] = h(!1), [f, O] = h(null), [I, F] = h(""), [A, b] = h(null);
+  } = Y(), [h, y] = g(""), [x, v] = g("member"), [z, N] = g(!1), [O, C] = g(!1), [f, P] = g(null), [I, L] = g(""), [A, b] = g(null);
   if (U(() => {
     a && (p(a.id), d(a.id));
   }, [a, p, d]), !a)
-    return /* @__PURE__ */ t(H, { children: [
+    return /* @__PURE__ */ t(R, { children: [
       /* @__PURE__ */ e("h3", { children: "People" }),
       /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.group }),
         /* @__PURE__ */ e("div", { children: "Select an organization from the user menu to manage members." })
       ] })
     ] });
-  const w = async (k) => {
-    k.preventDefault(), C(!1), await c(a.id, g, x) && (v(""), y("member"), C(!0), N(!1), d(a.id));
-  }, B = async () => {
+  const w = async ($) => {
+    $.preventDefault(), C(!1), await l(a.id, h, x) && (y(""), v("member"), C(!0), N(!1), d(a.id));
+  }, E = async () => {
     if (!f) return;
-    await o(a.id, f.userId, I) && O(null);
-  }, z = async () => {
+    await o(a.id, f.userId, I) && P(null);
+  }, B = async () => {
     if (!A) return;
     await m(a.id, A.userId) && b(null);
-  }, M = async (k) => {
-    await i(a.id, k);
-  }, L = (k) => k === "owner" ? "ss-auth-role-badge ss-auth-role-badge-owner" : k === "admin" ? "ss-auth-role-badge ss-auth-role-badge-admin" : "ss-auth-role-badge ss-auth-role-badge-member";
-  return /* @__PURE__ */ t(H, { children: [
+  }, F = async ($) => {
+    await c(a.id, $);
+  }, D = ($) => $ === "owner" ? "ss-auth-role-badge ss-auth-role-badge-owner" : $ === "admin" ? "ss-auth-role-badge ss-auth-role-badge-admin" : "ss-auth-role-badge ss-auth-role-badge-member";
+  return /* @__PURE__ */ t(R, { children: [
     /* @__PURE__ */ e("h3", { children: "People" }),
     n && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
       /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
       /* @__PURE__ */ e("span", { children: n })
     ] }),
-    E && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
+    O && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
       /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.check }),
       /* @__PURE__ */ e("span", { children: "Invitation sent" })
     ] }),
@@ -3719,7 +3774,7 @@ function Fa() {
             type: "button",
             className: "ss-auth-btn-primary ss-auth-btn-sm",
             style: { width: "auto" },
-            onClick: () => N(!P),
+            onClick: () => N(!z),
             children: [
               /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "16px" }, children: S.add }),
               "Invite"
@@ -3727,7 +3782,7 @@ function Fa() {
           }
         )
       ] }),
-      P && /* @__PURE__ */ e("form", { onSubmit: w, style: { marginBottom: "16px", padding: "16px", background: "rgba(0,0,0,0.05)", borderRadius: "8px" }, children: /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
+      z && /* @__PURE__ */ e("form", { onSubmit: w, style: { marginBottom: "16px", padding: "16px", background: "rgba(0,0,0,0.05)", borderRadius: "8px" }, children: /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
         /* @__PURE__ */ t("div", { style: { flex: 1 }, children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Email" }),
           /* @__PURE__ */ e(
@@ -3736,8 +3791,8 @@ function Fa() {
               className: "ss-auth-input",
               type: "email",
               placeholder: "member@example.com",
-              value: g,
-              onChange: (k) => v(k.target.value),
+              value: h,
+              onChange: ($) => y($.target.value),
               required: !0
             }
           )
@@ -3749,7 +3804,7 @@ function Fa() {
             {
               className: "ss-auth-input",
               value: x,
-              onChange: (k) => y(k.target.value),
+              onChange: ($) => v($.target.value),
               style: { cursor: "pointer" },
               children: [
                 /* @__PURE__ */ e("option", { value: "admin", children: "Admin" }),
@@ -3758,7 +3813,7 @@ function Fa() {
             }
           )
         ] }),
-        /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: l, style: { width: "auto", marginBottom: "0" }, children: "Send" })
+        /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: i, style: { width: "auto", marginBottom: "0" }, children: "Send" })
       ] }) }),
       r.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-auth-settings-empty", style: { padding: "20px" }, children: /* @__PURE__ */ e("div", { children: "No members yet." }) }) : /* @__PURE__ */ t("table", { className: "ss-auth-settings-table", children: [
         /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
@@ -3766,10 +3821,10 @@ function Fa() {
           /* @__PURE__ */ e("th", { children: "Role" }),
           /* @__PURE__ */ e("th", { style: { width: "80px" }, children: "Actions" })
         ] }) }),
-        /* @__PURE__ */ e("tbody", { children: r.map((k) => /* @__PURE__ */ t("tr", { children: [
-          /* @__PURE__ */ e("td", { children: k.email }),
-          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: L(k.role), children: k.role }) }),
-          /* @__PURE__ */ e("td", { children: k.role === "owner" ? /* @__PURE__ */ e("span", { style: { fontSize: "12px", opacity: 0.4 }, children: "—" }) : /* @__PURE__ */ t("div", { className: "ss-auth-settings-actions", children: [
+        /* @__PURE__ */ e("tbody", { children: r.map(($) => /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e("td", { children: $.email }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: D($.role), children: $.role }) }),
+          /* @__PURE__ */ e("td", { children: $.role === "owner" ? /* @__PURE__ */ e("span", { style: { fontSize: "12px", opacity: 0.4 }, children: "—" }) : /* @__PURE__ */ t("div", { className: "ss-auth-settings-actions", children: [
             /* @__PURE__ */ e(
               "button",
               {
@@ -3777,7 +3832,7 @@ function Fa() {
                 className: "ss-auth-icon-btn",
                 title: "Edit role",
                 onClick: () => {
-                  O(k), F(k.role);
+                  P($), L($.role);
                 },
                 children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.edit })
               }
@@ -3788,12 +3843,12 @@ function Fa() {
                 type: "button",
                 className: "ss-auth-icon-btn ss-auth-icon-btn-danger",
                 title: "Remove member",
-                onClick: () => b(k),
+                onClick: () => b($),
                 children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.personRemove })
               }
             )
           ] }) })
-        ] }, k.userId)) })
+        ] }, $.userId)) })
       ] })
     ] }),
     s.length > 0 && /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
@@ -3807,28 +3862,28 @@ function Fa() {
           /* @__PURE__ */ e("th", { children: "Role" }),
           /* @__PURE__ */ e("th", { style: { width: "80px" }, children: "Actions" })
         ] }) }),
-        /* @__PURE__ */ e("tbody", { children: s.map((k) => /* @__PURE__ */ t("tr", { children: [
-          /* @__PURE__ */ e("td", { children: k.email }),
-          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: L(k.role), children: k.role }) }),
+        /* @__PURE__ */ e("tbody", { children: s.map(($) => /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e("td", { children: $.email }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: D($.role), children: $.role }) }),
           /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               className: "ss-auth-icon-btn ss-auth-icon-btn-danger",
               title: "Revoke invite",
-              onClick: () => M(k.id),
+              onClick: () => F($.id),
               children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.close })
             }
           ) })
-        ] }, k.id)) })
+        ] }, $.id)) })
       ] })
     ] }),
-    f && /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (k) => {
-      k.target === k.currentTarget && O(null);
+    f && /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: ($) => {
+      $.target === $.currentTarget && P(null);
     }, children: /* @__PURE__ */ t("div", { className: "ss-auth-modal", style: { maxWidth: "400px" }, children: [
       /* @__PURE__ */ t("div", { className: "ss-auth-modal-header", children: [
         /* @__PURE__ */ e("h2", { children: "Edit Role" }),
-        /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: () => O(null), children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.close }) })
+        /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: () => P(null), children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.close }) })
       ] }),
       /* @__PURE__ */ t("div", { className: "ss-auth-modal-body", children: [
         /* @__PURE__ */ t("p", { style: { fontSize: "14px", marginBottom: "16px", margin: "0 0 16px 0" }, children: [
@@ -3842,7 +3897,7 @@ function Fa() {
             {
               className: "ss-auth-input",
               value: I,
-              onChange: (k) => F(k.target.value),
+              onChange: ($) => L($.target.value),
               style: { cursor: "pointer" },
               children: [
                 /* @__PURE__ */ e("option", { value: "admin", children: "Admin" }),
@@ -3852,13 +3907,13 @@ function Fa() {
           )
         ] }),
         /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
-          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-ghost", onClick: () => O(null), children: "Cancel" }),
-          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-primary ss-auth-btn-sm", style: { width: "auto" }, onClick: B, children: "Save" })
+          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-ghost", onClick: () => P(null), children: "Cancel" }),
+          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-primary ss-auth-btn-sm", style: { width: "auto" }, onClick: E, children: "Save" })
         ] })
       ] })
     ] }) }),
-    A && /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (k) => {
-      k.target === k.currentTarget && b(null);
+    A && /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: ($) => {
+      $.target === $.currentTarget && b(null);
     }, children: /* @__PURE__ */ t("div", { className: "ss-auth-modal", style: { maxWidth: "400px" }, children: [
       /* @__PURE__ */ t("div", { className: "ss-auth-modal-header", children: [
         /* @__PURE__ */ e("h2", { children: "Remove Member" }),
@@ -3878,7 +3933,7 @@ function Fa() {
               type: "button",
               className: "ss-auth-btn-primary ss-auth-btn-sm",
               style: { width: "auto", background: "linear-gradient(135deg, #ef4444, #dc2626)" },
-              onClick: z,
+              onClick: B,
               children: "Remove"
             }
           )
@@ -3887,9 +3942,70 @@ function Fa() {
     ] }) })
   ] });
 }
-function La() {
+function Aa() {
+  const { invites: a, isLoading: r, error: s, setError: i, accept: n, decline: u, refresh: l } = ra(), { refresh: d } = Y(), [c, o] = g(null), m = async (h) => {
+    o(h), i(null);
+    const y = await n(h);
+    o(null), y && d();
+  }, p = async (h) => {
+    o(h), i(null), await u(h), o(null);
+  };
+  return /* @__PURE__ */ t(R, { children: [
+    /* @__PURE__ */ e("h3", { children: "Invites" }),
+    s && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
+      /* @__PURE__ */ e("span", { children: s })
+    ] }),
+    r ? /* @__PURE__ */ e("div", { className: "ss-auth-settings-empty", style: { padding: "40px" }, children: /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }) }) : a.length === 0 ? /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.mail }),
+      /* @__PURE__ */ e("div", { children: "No pending invitations" })
+    ] }) : /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: a.map((h) => /* @__PURE__ */ e("div", { className: "ss-auth-settings-card", style: { marginBottom: 0 }, children: /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: "16px", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", gap: "12px", flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ e("div", { className: "ss-auth-org-avatar", style: { width: "40px", height: "40px", fontSize: "14px", flexShrink: 0 }, children: h.orgName.split(" ").map((y) => y[0]).join("").slice(0, 2).toUpperCase() }),
+        /* @__PURE__ */ t("div", { style: { minWidth: 0 }, children: [
+          /* @__PURE__ */ e("div", { style: { fontWeight: 600, fontSize: "14px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: h.orgName }),
+          /* @__PURE__ */ t("div", { style: { fontSize: "12px", opacity: 0.6, display: "flex", gap: "8px", alignItems: "center" }, children: [
+            /* @__PURE__ */ e("span", { className: "ss-auth-role-badge ss-auth-role-badge-member", children: h.role }),
+            /* @__PURE__ */ t("span", { children: [
+              "Expires ",
+              new Date(h.expiresAt).toLocaleDateString()
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", flexShrink: 0 }, children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "ss-auth-btn-ghost",
+            style: { padding: "6px 12px", fontSize: "13px" },
+            onClick: () => p(h.id),
+            disabled: c === h.id,
+            children: "Decline"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "ss-auth-btn-primary ss-auth-btn-sm",
+            style: { width: "auto", padding: "6px 16px", fontSize: "13px" },
+            onClick: () => m(h.id),
+            disabled: c === h.id,
+            children: [
+              c === h.id && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+              "Accept"
+            ]
+          }
+        )
+      ] })
+    ] }) }, h.id)) })
+  ] });
+}
+function Da() {
   const { selectedOrg: a } = Y();
-  return a ? /* @__PURE__ */ t(H, { children: [
+  return a ? /* @__PURE__ */ t(R, { children: [
     /* @__PURE__ */ e("h3", { children: "Billing" }),
     /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
       /* @__PURE__ */ t("h4", { children: [
@@ -3898,7 +4014,7 @@ function La() {
       ] }),
       /* @__PURE__ */ e("div", { className: "ss-auth-settings-empty", style: { padding: "20px" }, children: /* @__PURE__ */ e("div", { children: "No billing plan configured for this organization." }) })
     ] })
-  ] }) : /* @__PURE__ */ t(H, { children: [
+  ] }) : /* @__PURE__ */ t(R, { children: [
     /* @__PURE__ */ e("h3", { children: "Billing" }),
     /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
       /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.creditCard }),
@@ -3906,41 +4022,41 @@ function La() {
     ] })
   ] });
 }
-function le({
+function de({
   appearance: a,
   afterSignOutUrl: r,
   afterDeleteAccountUrl: s,
-  showOrgSwitcher: l = !0,
+  showOrgSwitcher: i = !0,
   onOrgChange: n,
   onOrgSettingsClick: u
 }) {
-  const { appearance: c } = D(), { user: d, signOut: i } = sa(), o = a ?? c, [m, p] = h(!1), [g, v] = h(!1), [x, y] = h(""), [P, N] = h(null), [E, C] = h(!1), f = W(null), { orgs: O, selectedOrg: I, selectOrg: F, createOrg: A, refresh: b } = Y(), w = $((z) => {
-    f.current && !z.composedPath().includes(f.current) && p(!1);
+  const { appearance: l } = M(), { user: d, signOut: c } = sa(), o = a ?? l, [m, p] = g(!1), [h, y] = g(!1), [x, v] = g(""), [z, N] = g(null), [O, C] = g(!1), f = W(null), { orgs: P, selectedOrg: I, selectOrg: L, createOrg: A, refresh: b } = Y(), { invites: w } = ra(), E = k((F) => {
+    f.current && !F.composedPath().includes(f.current) && p(!1);
   }, []);
   U(() => {
     if (m) {
-      const z = setTimeout(() => {
-        document.addEventListener("click", w);
+      const F = setTimeout(() => {
+        document.addEventListener("click", E);
       }, 0);
       return () => {
-        clearTimeout(z), document.removeEventListener("click", w);
+        clearTimeout(F), document.removeEventListener("click", E);
       };
     }
-  }, [m, w]);
-  const B = $(
-    async (z) => {
-      z.preventDefault(), N(null), C(!0);
-      const M = x.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+  }, [m, E]);
+  const B = k(
+    async (F) => {
+      F.preventDefault(), N(null), C(!0);
+      const D = x.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
       try {
-        const L = await A(x, M);
-        L && (await F(L.id), n == null || n(L), y(""), p(!1));
-      } catch (L) {
-        N(L instanceof Error ? L.message : "Failed to create organization");
+        const $ = await A(x, D);
+        $ && (await L($.id), n == null || n($), v(""), p(!1));
+      } catch ($) {
+        N($ instanceof Error ? $.message : "Failed to create organization");
       } finally {
         C(!1);
       }
     },
-    [x, A, F, n]
+    [x, A, L, n]
   );
   return d ? /* @__PURE__ */ e(j, { appearance: o, children: /* @__PURE__ */ t("div", { style: { position: "relative", display: "inline-block" }, ref: f, children: [
     /* @__PURE__ */ t(
@@ -3951,15 +4067,18 @@ function le({
         onClick: () => p(!m),
         "aria-label": "User menu",
         children: [
-          /* @__PURE__ */ e("span", { className: "ss-auth-avatar-trigger", children: d.avatarUrl ? /* @__PURE__ */ e("img", { src: d.avatarUrl, alt: "" }) : /* @__PURE__ */ e("div", { style: {
-            width: "100%",
-            height: "100%",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            fontSize: "16px",
-            fontWeight: 700
-          }, children: (d.name || d.email).charAt(0).toUpperCase() }) }),
+          /* @__PURE__ */ t("span", { className: "ss-auth-avatar-trigger", children: [
+            d.avatarUrl ? /* @__PURE__ */ e("img", { src: d.avatarUrl, alt: "" }) : /* @__PURE__ */ e("div", { style: {
+              width: "100%",
+              height: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: "16px",
+              fontWeight: 700
+            }, children: (d.name || d.email).charAt(0).toUpperCase() }),
+            w.length > 0 && /* @__PURE__ */ e("span", { className: "ss-auth-invite-badge", children: w.length })
+          ] }),
           I && /* @__PURE__ */ e("span", { className: "ss-auth-trigger-org-name", children: I.name })
         ]
       }
@@ -3986,7 +4105,7 @@ function le({
           type: "button",
           className: "ss-auth-dropdown-action",
           onClick: () => {
-            p(!1), v(!0);
+            p(!1), y(!0);
           },
           children: [
             /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.settings }),
@@ -3994,32 +4113,32 @@ function le({
           ]
         }
       ) }),
-      l && /* @__PURE__ */ t(H, { children: [
+      i && /* @__PURE__ */ t(R, { children: [
         /* @__PURE__ */ e("div", { className: "ss-auth-section-label", children: "Organizations" }),
-        /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: O.map((z) => {
-          const M = (I == null ? void 0 : I.id) === z.id, L = z.name.split(" ").map((k) => k[0]).join("").slice(0, 2).toUpperCase();
+        /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: P.map((F) => {
+          const D = (I == null ? void 0 : I.id) === F.id, $ = F.name.split(" ").map((T) => T[0]).join("").slice(0, 2).toUpperCase();
           return /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              className: `ss-auth-org-item${M ? " ss-auth-org-item-active" : ""}`,
+              className: `ss-auth-org-item${D ? " ss-auth-org-item-active" : ""}`,
               onClick: async () => {
-                p(!1), await F(z.id), n == null || n(z);
+                p(!1), await L(F.id), n == null || n(F);
               },
               children: [
                 /* @__PURE__ */ t("div", { className: "ss-auth-org-item-inner", children: [
-                  /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${M ? "" : " ss-auth-org-avatar-inactive"}`, children: L }),
-                  /* @__PURE__ */ e("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: z.name }),
-                  z.planName && /* @__PURE__ */ e("span", { className: "ss-auth-plan-badge", children: z.planName })
+                  /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${D ? "" : " ss-auth-org-avatar-inactive"}`, children: $ }),
+                  /* @__PURE__ */ e("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: F.name }),
+                  F.planName && /* @__PURE__ */ e("span", { className: "ss-auth-plan-badge", children: F.planName })
                 ] }),
-                M && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: S.checkCircle })
+                D && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: S.checkCircle })
               ]
             },
-            z.id
+            F.id
           );
         }) }),
         /* @__PURE__ */ t("div", { className: "ss-auth-inline-create", children: [
-          P && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "8px", fontSize: "12px" }, children: /* @__PURE__ */ e("span", { children: P }) }),
+          z && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "8px", fontSize: "12px" }, children: /* @__PURE__ */ e("span", { children: z }) }),
           /* @__PURE__ */ e("form", { onSubmit: B, children: /* @__PURE__ */ t("div", { className: "ss-auth-inline-create-input", children: [
             /* @__PURE__ */ e(
               "input",
@@ -4028,7 +4147,7 @@ function le({
                 type: "text",
                 placeholder: "New organization name",
                 value: x,
-                onChange: (z) => y(z.target.value),
+                onChange: (F) => v(F.target.value),
                 required: !0,
                 style: { fontSize: "13px", padding: "10px 40px 10px 12px" }
               }
@@ -4038,7 +4157,7 @@ function le({
               {
                 type: "submit",
                 className: "ss-auth-inline-create-btn",
-                disabled: E || !x.trim(),
+                disabled: O || !x.trim(),
                 children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "20px" }, children: S.add })
               }
             )
@@ -4065,7 +4184,7 @@ function le({
           type: "button",
           className: "ss-auth-dropdown-action",
           onClick: async () => {
-            p(!1), await i(), r && (window.location.href = r);
+            p(!1), await c(), r && (window.location.href = r);
           },
           style: { color: "inherit" },
           children: [
@@ -4075,10 +4194,10 @@ function le({
         }
       ) })
     ] }),
-    g && /* @__PURE__ */ e(
-      Ea,
+    h && /* @__PURE__ */ e(
+      Ia,
       {
-        onClose: () => v(!1),
+        onClose: () => y(!1),
         afterDeleteAccountUrl: s,
         onOrgDeleted: b,
         onOrgUpdated: b
@@ -4086,38 +4205,38 @@ function le({
     )
   ] }) }) : null;
 }
-function ce({ appearance: a }) {
-  const { appearance: r } = D(), { user: s, signOut: l } = sa(), { updateProfile: n, uploadAvatar: u, changePassword: c, isLoading: d, error: i, success: o, setError: m, setSuccess: p } = oa(), g = a ?? r, [v, x] = h((s == null ? void 0 : s.name) ?? ""), [y, P] = h((s == null ? void 0 : s.avatarUrl) ?? ""), [N, E] = h(!1), [C, f] = h(""), [O, I] = h(""), [F, A] = h(""), [b, w] = h(null), B = $(
+function ue({ appearance: a }) {
+  const { appearance: r } = M(), { user: s, signOut: i } = sa(), { updateProfile: n, uploadAvatar: u, changePassword: l, isLoading: d, error: c, success: o, setError: m, setSuccess: p } = ia(), h = a ?? r, [y, x] = g((s == null ? void 0 : s.name) ?? ""), [v, z] = g((s == null ? void 0 : s.avatarUrl) ?? ""), [N, O] = g(!1), [C, f] = g(""), [P, I] = g(""), [L, A] = g(""), [b, w] = g(null), E = k(
     async (T) => {
-      T.preventDefault(), m(null), p(null), await n({ name: v, avatarUrl: y || void 0 });
+      T.preventDefault(), m(null), p(null), await n({ name: y, avatarUrl: v || void 0 });
     },
-    [v, y, n, m, p]
-  ), z = $(
+    [y, v, n, m, p]
+  ), B = k(
     async (T) => {
       const _ = await u(T);
-      _ && (P(_.avatarUrl), E(!1));
+      _ && (z(_.avatarUrl), O(!1));
     },
     [u]
-  ), M = $(
+  ), F = k(
     async (T) => {
-      if (T.preventDefault(), w(null), m(null), p(null), O !== F) {
+      if (T.preventDefault(), w(null), m(null), p(null), P !== L) {
         w("Passwords do not match");
         return;
       }
-      if (O.length < 8) {
+      if (P.length < 8) {
         w("Password must be at least 8 characters");
         return;
       }
-      await c(C, O) && (f(""), I(""), A(""));
+      await l(C, P) && (f(""), I(""), A(""));
     },
-    [C, O, F, c, m, p]
+    [C, P, L, l, m, p]
   );
   if (!s) return null;
-  const L = s.provider === "email", k = (s.name || s.email).charAt(0).toUpperCase();
-  return /* @__PURE__ */ e(j, { appearance: g, children: /* @__PURE__ */ t("div", { className: "ss-auth-card", style: { maxWidth: "640px" }, children: [
+  const D = s.provider === "email", $ = (s.name || s.email).charAt(0).toUpperCase();
+  return /* @__PURE__ */ e(j, { appearance: h, children: /* @__PURE__ */ t("div", { className: "ss-auth-card", style: { maxWidth: "640px" }, children: [
     /* @__PURE__ */ t("div", { className: "ss-auth-profile-header", children: [
-      /* @__PURE__ */ t("div", { className: "ss-auth-avatar-lg", onClick: () => E(!0), children: [
-        y ? /* @__PURE__ */ e("img", { src: y, alt: "" }) : /* @__PURE__ */ e("div", { style: {
+      /* @__PURE__ */ t("div", { className: "ss-auth-avatar-lg", onClick: () => O(!0), children: [
+        v ? /* @__PURE__ */ e("img", { src: v, alt: "" }) : /* @__PURE__ */ e("div", { style: {
           width: "100%",
           height: "100%",
           display: "flex",
@@ -4126,7 +4245,7 @@ function ce({ appearance: a }) {
           fontSize: "48px",
           fontWeight: 800,
           opacity: 0.4
-        }, children: k }),
+        }, children: $ }),
         /* @__PURE__ */ t("div", { className: "ss-auth-avatar-overlay", children: [
           /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.camera }),
           /* @__PURE__ */ e("span", { children: "Edit" })
@@ -4144,15 +4263,15 @@ function ce({ appearance: a }) {
       ] })
     ] }),
     /* @__PURE__ */ t("div", { className: "ss-auth-card-body", children: [
-      i && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
+      c && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
-        /* @__PURE__ */ e("span", { children: i })
+        /* @__PURE__ */ e("span", { children: c })
       ] }),
       o && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
         /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.check }),
         /* @__PURE__ */ e("span", { children: o })
       ] }),
-      /* @__PURE__ */ t("form", { onSubmit: B, children: [
+      /* @__PURE__ */ t("form", { onSubmit: E, children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Full Name" }),
           /* @__PURE__ */ e(
@@ -4161,7 +4280,7 @@ function ce({ appearance: a }) {
               className: "ss-auth-input",
               type: "text",
               placeholder: "Your name",
-              value: v,
+              value: y,
               onChange: (T) => x(T.target.value)
             }
           )
@@ -4187,7 +4306,7 @@ function ce({ appearance: a }) {
           "Save changes"
         ] }) })
       ] }),
-      L && /* @__PURE__ */ t("div", { className: "ss-auth-section", children: [
+      D && /* @__PURE__ */ t("div", { className: "ss-auth-section", children: [
         /* @__PURE__ */ t("div", { className: "ss-auth-section-title", children: [
           /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.security }),
           "Security Credentials"
@@ -4197,7 +4316,7 @@ function ce({ appearance: a }) {
           /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.errorOutline }),
           /* @__PURE__ */ e("span", { children: b })
         ] }),
-        /* @__PURE__ */ t("form", { onSubmit: M, children: [
+        /* @__PURE__ */ t("form", { onSubmit: F, children: [
           /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
             /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Current Password" }),
             /* @__PURE__ */ e(
@@ -4221,7 +4340,7 @@ function ce({ appearance: a }) {
                   className: "ss-auth-input",
                   type: "password",
                   placeholder: "Min. 8 characters",
-                  value: O,
+                  value: P,
                   onChange: (T) => I(T.target.value),
                   required: !0
                 }
@@ -4235,7 +4354,7 @@ function ce({ appearance: a }) {
                   className: "ss-auth-input",
                   type: "password",
                   placeholder: "Repeat new password",
-                  value: F,
+                  value: L,
                   onChange: (T) => A(T.target.value),
                   required: !0
                 }
@@ -4262,7 +4381,7 @@ function ce({ appearance: a }) {
           {
             type: "button",
             className: "ss-auth-btn-outline",
-            onClick: () => l(),
+            onClick: () => i(),
             style: { width: "auto", flexShrink: 0 },
             children: "Sign out"
           }
@@ -4270,17 +4389,17 @@ function ce({ appearance: a }) {
       ] }) }) })
     ] }),
     N && /* @__PURE__ */ e(
-      ca,
+      da,
       {
-        onUpload: z,
-        onClose: () => E(!1),
+        onUpload: B,
+        onClose: () => O(!1),
         isLoading: d
       }
     )
   ] }) });
 }
-function de({ appearance: a, onOrgChange: r }) {
-  const { appearance: s } = D(), { orgs: l, selectedOrg: n, selectOrg: u, createOrg: c, isLoading: d } = Y(), i = a ?? s, [o, m] = h(!1), [p, g] = h(""), [v, x] = h(""), [y, P] = h(null), [N, E] = h(!1), C = W(null), f = $((b) => {
+function pe({ appearance: a, onOrgChange: r }) {
+  const { appearance: s } = M(), { orgs: i, selectedOrg: n, selectOrg: u, createOrg: l, isLoading: d } = Y(), c = a ?? s, [o, m] = g(!1), [p, h] = g(""), [y, x] = g(""), [v, z] = g(null), [N, O] = g(!1), C = W(null), f = k((b) => {
     C.current && !b.composedPath().includes(C.current) && m(!1);
   }, []);
   U(() => {
@@ -4293,25 +4412,25 @@ function de({ appearance: a, onOrgChange: r }) {
       };
     }
   }, [o, f]);
-  const O = $((b) => {
-    g(b), x(b.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
-  }, []), I = $(
+  const P = k((b) => {
+    h(b), x(b.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
+  }, []), I = k(
     async (b) => {
-      b.preventDefault(), P(null), E(!0);
+      b.preventDefault(), z(null), O(!0);
       try {
-        const w = await c(p, v);
-        w && (await u(w.id), r == null || r(w), g(""), x(""), m(!1));
+        const w = await l(p, y);
+        w && (await u(w.id), r == null || r(w), h(""), x(""), m(!1));
       } catch (w) {
-        P(w instanceof Error ? w.message : "Failed to create organization");
+        z(w instanceof Error ? w.message : "Failed to create organization");
       } finally {
-        E(!1);
+        O(!1);
       }
     },
-    [p, v, c, u, r]
+    [p, y, l, u, r]
   );
   if (d) return null;
-  const F = (n == null ? void 0 : n.name) ?? (l.length === 0 ? "No organization" : "Select organization"), A = n ? n.name.split(" ").map((b) => b[0]).join("").slice(0, 2).toUpperCase() : "--";
-  return /* @__PURE__ */ e(j, { appearance: i, children: /* @__PURE__ */ t("div", { style: { position: "relative", display: "inline-block", width: "100%", maxWidth: "360px" }, ref: C, children: [
+  const L = (n == null ? void 0 : n.name) ?? (i.length === 0 ? "No organization" : "Select organization"), A = n ? n.name.split(" ").map((b) => b[0]).join("").slice(0, 2).toUpperCase() : "--";
+  return /* @__PURE__ */ e(j, { appearance: c, children: /* @__PURE__ */ t("div", { style: { position: "relative", display: "inline-block", width: "100%", maxWidth: "360px" }, ref: C, children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -4323,7 +4442,7 @@ function de({ appearance: a, onOrgChange: r }) {
             /* @__PURE__ */ e("div", { className: "ss-auth-org-avatar", children: A }),
             /* @__PURE__ */ t("div", { style: { textAlign: "left" }, children: [
               /* @__PURE__ */ e("div", { className: "ss-auth-org-trigger-label", children: "Current Organization" }),
-              /* @__PURE__ */ e("div", { className: "ss-auth-org-trigger-name", children: F })
+              /* @__PURE__ */ e("div", { className: "ss-auth-org-trigger-name", children: L })
             ] })
           ] }),
           /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.unfoldMore })
@@ -4332,8 +4451,8 @@ function de({ appearance: a, onOrgChange: r }) {
     ),
     o && /* @__PURE__ */ t("div", { className: "ss-auth-dropdown ss-auth-dropdown-left ss-auth-glass-panel", style: { width: "100%" }, children: [
       /* @__PURE__ */ e("div", { className: "ss-auth-section-label", children: "Your Organizations" }),
-      /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: l.map((b) => {
-        const w = (n == null ? void 0 : n.id) === b.id, B = b.name.split(" ").map((z) => z[0]).join("").slice(0, 2).toUpperCase();
+      /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: i.map((b) => {
+        const w = (n == null ? void 0 : n.id) === b.id, E = b.name.split(" ").map((B) => B[0]).join("").slice(0, 2).toUpperCase();
         return /* @__PURE__ */ t(
           "button",
           {
@@ -4344,7 +4463,7 @@ function de({ appearance: a, onOrgChange: r }) {
             },
             children: [
               /* @__PURE__ */ t("div", { className: "ss-auth-org-item-inner", children: [
-                /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${w ? "" : " ss-auth-org-avatar-inactive"}`, children: B }),
+                /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${w ? "" : " ss-auth-org-avatar-inactive"}`, children: E }),
                 /* @__PURE__ */ e("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: b.name })
               ] }),
               w && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: S.checkCircle })
@@ -4358,7 +4477,7 @@ function de({ appearance: a, onOrgChange: r }) {
           /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: S.addCircle }),
           /* @__PURE__ */ e("span", { children: "Create organization" })
         ] }),
-        y && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "12px", fontSize: "12px" }, children: /* @__PURE__ */ e("span", { children: y }) }),
+        v && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "12px", fontSize: "12px" }, children: /* @__PURE__ */ e("span", { children: v }) }),
         /* @__PURE__ */ t("form", { onSubmit: I, children: [
           /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
             /* @__PURE__ */ e("label", { className: "ss-auth-label", style: { fontSize: "10px" }, children: "Org Name" }),
@@ -4369,7 +4488,7 @@ function de({ appearance: a, onOrgChange: r }) {
                 type: "text",
                 placeholder: "e.g. Nexus Dynamics",
                 value: p,
-                onChange: (b) => O(b.target.value),
+                onChange: (b) => P(b.target.value),
                 required: !0,
                 style: { fontSize: "13px", padding: "10px 12px" }
               }
@@ -4385,7 +4504,7 @@ function de({ appearance: a, onOrgChange: r }) {
                   className: "ss-auth-input",
                   type: "text",
                   placeholder: "nexus-dynamics",
-                  value: v,
+                  value: y,
                   onChange: (b) => x(b.target.value),
                   required: !0,
                   style: { fontSize: "13px", padding: "10px 12px 10px 22px" }
@@ -4411,35 +4530,35 @@ function de({ appearance: a, onOrgChange: r }) {
     ] })
   ] }) });
 }
-function Aa(a, r = "USD") {
+function Ta(a, r = "USD") {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: r,
     minimumFractionDigits: a % 100 === 0 ? 0 : 2
   }).format(a / 100);
 }
-function ue({ plans: a, currentPlanId: r, onSelectPlan: s, interval: l, appearance: n }) {
-  const { appearance: u } = D(), c = n ?? u, d = l ? a.filter((i) => i.interval === l || i.isFree) : a;
-  return /* @__PURE__ */ e(j, { appearance: c, children: /* @__PURE__ */ e("div", { className: "ss-pricing-grid", children: d.map((i) => {
-    const o = i.id === r;
+function he({ plans: a, currentPlanId: r, onSelectPlan: s, interval: i, appearance: n }) {
+  const { appearance: u } = M(), l = n ?? u, d = i ? a.filter((c) => c.interval === i || c.isFree) : a;
+  return /* @__PURE__ */ e(j, { appearance: l, children: /* @__PURE__ */ e("div", { className: "ss-pricing-grid", children: d.map((c) => {
+    const o = c.id === r;
     return /* @__PURE__ */ t("div", { className: `ss-pricing-card ${o ? "ss-pricing-card-current" : ""}`, children: [
       /* @__PURE__ */ t("div", { className: "ss-pricing-header", children: [
-        /* @__PURE__ */ e("h3", { className: "ss-pricing-name", children: i.name }),
-        i.trialDays > 0 && /* @__PURE__ */ t("span", { className: "ss-badge ss-badge-trialing", children: [
-          i.trialDays,
+        /* @__PURE__ */ e("h3", { className: "ss-pricing-name", children: c.name }),
+        c.trialDays > 0 && /* @__PURE__ */ t("span", { className: "ss-badge ss-badge-trialing", children: [
+          c.trialDays,
           "-day trial"
         ] }),
-        i.isFree && /* @__PURE__ */ e("span", { className: "ss-badge ss-badge-active", children: "Free" })
+        c.isFree && /* @__PURE__ */ e("span", { className: "ss-badge ss-badge-active", children: "Free" })
       ] }),
-      /* @__PURE__ */ e("div", { className: "ss-pricing-price", children: i.isFree ? /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: "Free" }) : /* @__PURE__ */ t(H, { children: [
-        /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: Aa(i.amountCents, i.currency) }),
+      /* @__PURE__ */ e("div", { className: "ss-pricing-price", children: c.isFree ? /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: "Free" }) : /* @__PURE__ */ t(R, { children: [
+        /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: Ta(c.amountCents, c.currency) }),
         /* @__PURE__ */ t("span", { className: "ss-pricing-interval", children: [
           "/",
-          i.interval
+          c.interval
         ] })
       ] }) }),
-      i.description && /* @__PURE__ */ e("p", { className: "ss-pricing-desc", children: i.description }),
-      i.features.length > 0 && /* @__PURE__ */ e("ul", { className: "ss-pricing-features", children: i.features.map((m, p) => /* @__PURE__ */ t("li", { className: "ss-pricing-feature", children: [
+      c.description && /* @__PURE__ */ e("p", { className: "ss-pricing-desc", children: c.description }),
+      c.features.length > 0 && /* @__PURE__ */ e("ul", { className: "ss-pricing-features", children: c.features.map((m, p) => /* @__PURE__ */ t("li", { className: "ss-pricing-feature", children: [
         /* @__PURE__ */ e("span", { className: "ss-check", children: "✓" }),
         " ",
         m
@@ -4450,159 +4569,159 @@ function ue({ plans: a, currentPlanId: r, onSelectPlan: s, interval: l, appearan
           type: "button",
           className: `ss-btn ${o ? "ss-btn-current" : "ss-btn-primary"}`,
           disabled: o,
-          onClick: () => s(i.id),
+          onClick: () => s(c.id),
           children: o ? "Current plan" : "Select plan"
         }
       )
-    ] }, i.id);
+    ] }, c.id);
   }) }) });
 }
-function pe() {
-  const { client: a } = D();
+function ge() {
+  const { client: a } = M();
   return { billing: a.billing };
 }
 function Z(a) {
-  const { client: r } = D();
+  const { client: r } = M();
   return G(() => {
     if (a) {
       const s = new Q("https://api.saas-support.com/v1", { type: "portalToken", token: a });
-      return new wa(s);
+      return new Na(s);
     }
     return r.billing;
   }, [r, a]);
 }
-function Ta(a, r) {
-  const s = Z(r), [l, n] = h(null), [u, c] = h(!0), [d, i] = h(null), o = $(async () => {
-    c(!0), i(null);
+function Ma(a, r) {
+  const s = Z(r), [i, n] = g(null), [u, l] = g(!0), [d, c] = g(null), o = k(async () => {
+    l(!0), c(null);
     try {
       const m = await s.getCustomer(a);
       n(m);
     } catch (m) {
-      i(m instanceof Error ? m.message : "Failed to load subscription");
+      c(m instanceof Error ? m.message : "Failed to load subscription");
     } finally {
-      c(!1);
+      l(!1);
     }
   }, [s, a]);
   return U(() => {
     o();
-  }, [o]), { customer: l, isLoading: u, error: d, refresh: o };
+  }, [o]), { customer: i, isLoading: u, error: d, refresh: o };
 }
-function Da(a, r) {
-  const s = Z(r), [l, n] = h([]), [u, c] = h(!0), [d, i] = h(null), o = $(async () => {
-    c(!0), i(null);
+function Va(a, r) {
+  const s = Z(r), [i, n] = g([]), [u, l] = g(!0), [d, c] = g(null), o = k(async () => {
+    l(!0), c(null);
     try {
       const m = await s.getInvoices(a);
       n(m);
     } catch (m) {
-      i(m instanceof Error ? m.message : "Failed to load invoices");
+      c(m instanceof Error ? m.message : "Failed to load invoices");
     } finally {
-      c(!1);
+      l(!1);
     }
   }, [s, a]);
   return U(() => {
     o();
-  }, [o]), { invoices: l, isLoading: u, error: d, refresh: o };
+  }, [o]), { invoices: i, isLoading: u, error: d, refresh: o };
 }
-function Ma(a, r) {
-  const s = Z(r), [l, n] = h([]), [u, c] = h(!0), [d, i] = h(null), o = $(async () => {
-    c(!0), i(null);
+function Ua(a, r) {
+  const s = Z(r), [i, n] = g([]), [u, l] = g(!0), [d, c] = g(null), o = k(async () => {
+    l(!0), c(null);
     try {
       const m = await s.getCurrentUsage(a);
       n(m);
     } catch (m) {
-      i(m instanceof Error ? m.message : "Failed to load usage");
+      c(m instanceof Error ? m.message : "Failed to load usage");
     } finally {
-      c(!1);
+      l(!1);
     }
   }, [s, a]);
   return U(() => {
     o();
-  }, [o]), { usage: l, isLoading: u, error: d, refresh: o };
+  }, [o]), { usage: i, isLoading: u, error: d, refresh: o };
 }
-const Va = {
+const Ra = {
   active: "ss-badge-active"
 };
-function Ua({
+function Ha({
   customerId: a,
   portalToken: r,
   onChangePlan: s,
-  onCancel: l,
+  onCancel: i,
   appearance: n
 }) {
-  const { appearance: u } = D(), { customer: c, isLoading: d, error: i } = Ta(a, r);
+  const { appearance: u } = M(), { customer: l, isLoading: d, error: c } = Ma(a, r);
   return /* @__PURE__ */ e(j, { appearance: n ?? u, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Subscription" }),
     d && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
       /* @__PURE__ */ e("span", { className: "ss-spinner" }),
       " Loading..."
     ] }),
-    i && /* @__PURE__ */ e("div", { className: "ss-global-error", children: i }),
-    c && !d && /* @__PURE__ */ t(H, { children: [
+    c && /* @__PURE__ */ e("div", { className: "ss-global-error", children: c }),
+    l && !d && /* @__PURE__ */ t(R, { children: [
       /* @__PURE__ */ t("div", { className: "ss-field", children: [
         /* @__PURE__ */ e("label", { className: "ss-label", children: "Customer" }),
-        /* @__PURE__ */ e("input", { className: "ss-input", value: c.name || c.email, disabled: !0, readOnly: !0 })
+        /* @__PURE__ */ e("input", { className: "ss-input", value: l.name || l.email, disabled: !0, readOnly: !0 })
       ] }),
       /* @__PURE__ */ t("div", { className: "ss-field", children: [
         /* @__PURE__ */ e("label", { className: "ss-label", children: "Status" }),
-        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("span", { className: `ss-badge ${Va.active}`, children: "Active" }) })
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("span", { className: `ss-badge ${Ra.active}`, children: "Active" }) })
       ] }),
       /* @__PURE__ */ t("div", { className: "ss-btn-group", children: [
         s && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-primary", onClick: s, children: "Change plan" }),
-        l && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-danger", onClick: l, children: "Cancel subscription" })
+        i && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-danger", onClick: i, children: "Cancel subscription" })
       ] })
     ] })
   ] }) });
 }
-const Ra = {
+const ja = {
   paid: "ss-badge-active",
   open: "ss-badge-trialing",
   draft: "ss-badge-paused",
   void: "ss-badge-canceled",
   uncollectible: "ss-badge-past-due"
 };
-function Ha(a) {
+function qa(a) {
   return new Date(a).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
 }
-function ja(a) {
+function Wa(a) {
   return new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", minimumFractionDigits: 2 }).format(a / 100);
 }
-function qa({ customerId: a, portalToken: r, appearance: s }) {
-  const { appearance: l } = D(), { invoices: n, isLoading: u, error: c } = Da(a, r), d = s ?? l, i = [...n].sort((o, m) => new Date(m.createdAt).getTime() - new Date(o.createdAt).getTime());
+function _a({ customerId: a, portalToken: r, appearance: s }) {
+  const { appearance: i } = M(), { invoices: n, isLoading: u, error: l } = Va(a, r), d = s ?? i, c = [...n].sort((o, m) => new Date(m.createdAt).getTime() - new Date(o.createdAt).getTime());
   return /* @__PURE__ */ e(j, { appearance: d, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Invoices" }),
     u && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
       /* @__PURE__ */ e("span", { className: "ss-spinner" }),
       " Loading..."
     ] }),
-    c && /* @__PURE__ */ e("div", { className: "ss-global-error", children: c }),
-    !u && i.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No invoices yet." }),
-    !u && i.length > 0 && /* @__PURE__ */ t("table", { className: "ss-table", children: [
+    l && /* @__PURE__ */ e("div", { className: "ss-global-error", children: l }),
+    !u && c.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No invoices yet." }),
+    !u && c.length > 0 && /* @__PURE__ */ t("table", { className: "ss-table", children: [
       /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
         /* @__PURE__ */ e("th", { className: "ss-th", children: "Date" }),
         /* @__PURE__ */ e("th", { className: "ss-th", children: "Amount" }),
         /* @__PURE__ */ e("th", { className: "ss-th", children: "Status" }),
         /* @__PURE__ */ e("th", { className: "ss-th", children: "PDF" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: i.map((o) => /* @__PURE__ */ t("tr", { className: "ss-tr", children: [
-        /* @__PURE__ */ e("td", { className: "ss-td", children: Ha(o.createdAt) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: ja(o.amountCents) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: /* @__PURE__ */ e("span", { className: `ss-badge ${Ra[o.status] || ""}`, children: o.status }) }),
+      /* @__PURE__ */ e("tbody", { children: c.map((o) => /* @__PURE__ */ t("tr", { className: "ss-tr", children: [
+        /* @__PURE__ */ e("td", { className: "ss-td", children: qa(o.createdAt) }),
+        /* @__PURE__ */ e("td", { className: "ss-td", children: Wa(o.amountCents) }),
+        /* @__PURE__ */ e("td", { className: "ss-td", children: /* @__PURE__ */ e("span", { className: `ss-badge ${ja[o.status] || ""}`, children: o.status }) }),
         /* @__PURE__ */ e("td", { className: "ss-td", children: o.pdfUrl ? /* @__PURE__ */ e("a", { className: "ss-link", href: o.pdfUrl, target: "_blank", rel: "noopener noreferrer", children: "Download" }) : "—" })
       ] }, o.id)) })
     ] })
   ] }) });
 }
-function Wa({ customerId: a, limits: r, portalToken: s, appearance: l }) {
-  const { appearance: n } = D(), { usage: u, isLoading: c, error: d } = Ma(a, s);
-  return /* @__PURE__ */ e(j, { appearance: l ?? n, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
+function Ga({ customerId: a, limits: r, portalToken: s, appearance: i }) {
+  const { appearance: n } = M(), { usage: u, isLoading: l, error: d } = Ua(a, s);
+  return /* @__PURE__ */ e(j, { appearance: i ?? n, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Usage" }),
-    c && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
+    l && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
       /* @__PURE__ */ e("span", { className: "ss-spinner" }),
       " Loading..."
     ] }),
     d && /* @__PURE__ */ e("div", { className: "ss-global-error", children: d }),
-    !c && u.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No usage data." }),
-    !c && u.map((o) => {
+    !l && u.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No usage data." }),
+    !l && u.map((o) => {
       const m = r == null ? void 0 : r[o.metric], p = m ? Math.min(100, o.total / m * 100) : null;
       return /* @__PURE__ */ t("div", { className: "ss-usage-item", children: [
         /* @__PURE__ */ t("div", { className: "ss-usage-header", children: [
@@ -4623,15 +4742,15 @@ function Wa({ customerId: a, limits: r, portalToken: s, appearance: l }) {
     })
   ] }) });
 }
-function he({
+function me({
   customerId: a,
   portalToken: r,
   limits: s,
-  onChangePlan: l,
+  onChangePlan: i,
   onCancel: n,
   appearance: u
 }) {
-  const { appearance: c } = D(), d = u ?? c, [i, o] = h("subscription");
+  const { appearance: l } = M(), d = u ?? l, [c, o] = g("subscription");
   return /* @__PURE__ */ e(j, { appearance: d, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Billing" }),
     /* @__PURE__ */ e("div", { className: "ss-tab-group", children: [
@@ -4642,46 +4761,46 @@ function he({
       "button",
       {
         type: "button",
-        className: `ss-tab ${i === p.id ? "ss-tab-active" : ""}`,
+        className: `ss-tab ${c === p.id ? "ss-tab-active" : ""}`,
         onClick: () => o(p.id),
         children: p.label
       },
       p.id
     )) }),
     /* @__PURE__ */ t("div", { className: "ss-tab-content", children: [
-      i === "subscription" && /* @__PURE__ */ e(
-        Ua,
+      c === "subscription" && /* @__PURE__ */ e(
+        Ha,
         {
           customerId: a,
           portalToken: r,
-          onChangePlan: l,
+          onChangePlan: i,
           onCancel: n
         }
       ),
-      i === "invoices" && /* @__PURE__ */ e(qa, { customerId: a, portalToken: r }),
-      i === "usage" && /* @__PURE__ */ e(Wa, { customerId: a, portalToken: r, limits: s })
+      c === "invoices" && /* @__PURE__ */ e(_a, { customerId: a, portalToken: r }),
+      c === "usage" && /* @__PURE__ */ e(Ga, { customerId: a, portalToken: r, limits: s })
     ] })
   ] }) });
 }
-function ge({ customerId: a, portalToken: r, onApplied: s, appearance: l }) {
-  const { appearance: n } = D(), u = Z(r), c = l ?? n, [d, i] = h(""), [o, m] = h(!1), [p, g] = h(null), [v, x] = h(null), y = $(async (P) => {
-    if (P.preventDefault(), !!d.trim()) {
-      m(!0), g(null), x(null);
+function fe({ customerId: a, portalToken: r, onApplied: s, appearance: i }) {
+  const { appearance: n } = M(), u = Z(r), l = i ?? n, [d, c] = g(""), [o, m] = g(!1), [p, h] = g(null), [y, x] = g(null), v = k(async (z) => {
+    if (z.preventDefault(), !!d.trim()) {
+      m(!0), h(null), x(null);
       try {
         const N = await u.applyCoupon(a, d.trim());
-        x(`Coupon applied! ${N.discountType === "percent" ? `${N.amount}% off` : `$${(N.amount / 100).toFixed(2)} off`}`), i(""), s == null || s(N);
+        x(`Coupon applied! ${N.discountType === "percent" ? `${N.amount}% off` : `$${(N.amount / 100).toFixed(2)} off`}`), c(""), s == null || s(N);
       } catch (N) {
-        g(N instanceof Error ? N.message : "Invalid coupon code");
+        h(N instanceof Error ? N.message : "Invalid coupon code");
       } finally {
         m(!1);
       }
     }
   }, [u, a, d, s]);
-  return /* @__PURE__ */ e(j, { appearance: c, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
+  return /* @__PURE__ */ e(j, { appearance: l, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Apply coupon" }),
     p && /* @__PURE__ */ e("div", { className: "ss-global-error", children: p }),
-    v && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: v }),
-    /* @__PURE__ */ t("form", { onSubmit: y, children: [
+    y && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: y }),
+    /* @__PURE__ */ t("form", { onSubmit: v, children: [
       /* @__PURE__ */ t("div", { className: "ss-field", children: [
         /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-coupon-code", children: "Coupon code" }),
         /* @__PURE__ */ e(
@@ -4692,7 +4811,7 @@ function ge({ customerId: a, portalToken: r, onApplied: s, appearance: l }) {
             type: "text",
             placeholder: "Enter coupon code",
             value: d,
-            onChange: (P) => i(P.target.value),
+            onChange: (z) => c(z.target.value),
             required: !0
           }
         )
@@ -4704,30 +4823,30 @@ function ge({ customerId: a, portalToken: r, onApplied: s, appearance: l }) {
     ] })
   ] }) });
 }
-function me() {
-  const { client: a } = D();
+function be() {
+  const { client: a } = M();
   return { report: a.report };
 }
-function da() {
-  const { client: a } = D(), [r, s] = h(null), [l, n] = h(!1), [u, c] = h(null), d = $(async (i) => {
-    n(!0), c(null);
+function ua() {
+  const { client: a } = M(), [r, s] = g(null), [i, n] = g(!1), [u, l] = g(null), d = k(async (c) => {
+    n(!0), l(null);
     try {
-      const o = await a.report.executeQuery(i);
+      const o = await a.report.executeQuery(c);
       return s(o), o;
     } catch (o) {
-      return c(o instanceof Error ? o.message : "Query failed"), null;
+      return l(o instanceof Error ? o.message : "Query failed"), null;
     } finally {
       n(!1);
     }
   }, [a]);
-  return { result: r, execute: d, isLoading: l, error: u };
+  return { result: r, execute: d, isLoading: i, error: u };
 }
-function _a(a) {
-  const { client: r } = D(), [s, l] = h(null), [n, u] = h(!0), [c, d] = h(null), i = $(async () => {
+function Ya(a) {
+  const { client: r } = M(), [s, i] = g(null), [n, u] = g(!0), [l, d] = g(null), c = k(async () => {
     u(!0), d(null);
     try {
       const o = await r.report.listQueries(a);
-      l(o);
+      i(o);
     } catch (o) {
       d(o instanceof Error ? o.message : "Failed to load queries");
     } finally {
@@ -4735,15 +4854,15 @@ function _a(a) {
     }
   }, [r, a]);
   return U(() => {
-    i();
-  }, [i]), { queries: (s == null ? void 0 : s.data) ?? [], meta: s == null ? void 0 : s.meta, isLoading: n, error: c, refresh: i };
+    c();
+  }, [c]), { queries: (s == null ? void 0 : s.data) ?? [], meta: s == null ? void 0 : s.meta, isLoading: n, error: l, refresh: c };
 }
-function fe(a) {
-  const { client: r } = D(), [s, l] = h(null), [n, u] = h(!0), [c, d] = h(null), i = $(async () => {
+function xe(a) {
+  const { client: r } = M(), [s, i] = g(null), [n, u] = g(!0), [l, d] = g(null), c = k(async () => {
     u(!0), d(null);
     try {
       const o = await r.report.getDashboard(a);
-      l(o);
+      i(o);
     } catch (o) {
       d(o instanceof Error ? o.message : "Failed to load dashboard");
     } finally {
@@ -4751,42 +4870,42 @@ function fe(a) {
     }
   }, [r, a]);
   return U(() => {
-    i();
-  }, [i]), { dashboard: s, isLoading: n, error: c, refresh: i };
+    c();
+  }, [c]), { dashboard: s, isLoading: n, error: l, refresh: c };
 }
-function be(a, r, s = "https://api.saas-support.com/v1") {
-  const l = G(() => {
+function ye(a, r, s = "https://api.saas-support.com/v1") {
+  const i = G(() => {
     const p = new Q(s, { type: "embedToken", token: a });
     return new ta(p);
-  }, [a, s]), [n, u] = h(null), [c, d] = h(!0), [i, o] = h(null), m = $(async () => {
+  }, [a, s]), [n, u] = g(null), [l, d] = g(!0), [c, o] = g(null), m = k(async () => {
     d(!0), o(null);
     try {
-      const p = await l.getDashboard(r);
+      const p = await i.getDashboard(r);
       u(p);
     } catch (p) {
       o(p instanceof Error ? p.message : "Failed to load dashboard");
     } finally {
       d(!1);
     }
-  }, [l, r]);
+  }, [i, r]);
   return U(() => {
     m();
-  }, [m]), { dashboard: n, reportClient: l, isLoading: c, error: i, refresh: m };
+  }, [m]), { dashboard: n, reportClient: i, isLoading: l, error: c, refresh: m };
 }
-function xe({ onResult: a, mode: r = "both", placeholder: s, appearance: l }) {
-  const { appearance: n } = D(), { execute: u, isLoading: c, error: d } = da(), i = l ?? n, [o, m] = h(""), [p, g] = h(r === "sql" ? "sql" : "nl"), v = $(async (x) => {
+function ve({ onResult: a, mode: r = "both", placeholder: s, appearance: i }) {
+  const { appearance: n } = M(), { execute: u, isLoading: l, error: d } = ua(), c = i ?? n, [o, m] = g(""), [p, h] = g(r === "sql" ? "sql" : "nl"), y = k(async (x) => {
     if (x.preventDefault(), !o.trim()) return;
-    const P = await u(p === "sql" ? { sql: o } : { naturalLanguage: o });
-    P && (a == null || a(P));
+    const z = await u(p === "sql" ? { sql: o } : { naturalLanguage: o });
+    z && (a == null || a(z));
   }, [o, p, u, a]);
-  return /* @__PURE__ */ e(j, { appearance: i, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
+  return /* @__PURE__ */ e(j, { appearance: c, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
     r === "both" && /* @__PURE__ */ t("div", { className: "ss-tab-group ss-tab-group-sm", children: [
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           className: `ss-tab ${p === "nl" ? "ss-tab-active" : ""}`,
-          onClick: () => g("nl"),
+          onClick: () => h("nl"),
           children: "Natural Language"
         }
       ),
@@ -4795,13 +4914,13 @@ function xe({ onResult: a, mode: r = "both", placeholder: s, appearance: l }) {
         {
           type: "button",
           className: `ss-tab ${p === "sql" ? "ss-tab-active" : ""}`,
-          onClick: () => g("sql"),
+          onClick: () => h("sql"),
           children: "SQL"
         }
       )
     ] }),
     d && /* @__PURE__ */ e("div", { className: "ss-global-error", children: d }),
-    /* @__PURE__ */ t("form", { onSubmit: v, children: [
+    /* @__PURE__ */ t("form", { onSubmit: y, children: [
       /* @__PURE__ */ e("div", { className: "ss-field", children: /* @__PURE__ */ e(
         "textarea",
         {
@@ -4812,184 +4931,184 @@ function xe({ onResult: a, mode: r = "both", placeholder: s, appearance: l }) {
           rows: 3
         }
       ) }),
-      /* @__PURE__ */ t("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: c || !o.trim(), children: [
-        c && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      /* @__PURE__ */ t("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: l || !o.trim(), children: [
+        l && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
         "Run query"
       ] })
     ] })
   ] }) });
 }
-function Ga({ columns: a, rows: r, sortable: s = !0, maxRows: l, appearance: n }) {
-  const { appearance: u } = D(), c = n ?? u, [d, i] = h(null), [o, m] = h("asc"), p = G(() => d ? [...r].sort((y, P) => {
-    const N = y[d], E = P[d];
-    if (N == null && E == null) return 0;
+function Ja({ columns: a, rows: r, sortable: s = !0, maxRows: i, appearance: n }) {
+  const { appearance: u } = M(), l = n ?? u, [d, c] = g(null), [o, m] = g("asc"), p = G(() => d ? [...r].sort((v, z) => {
+    const N = v[d], O = z[d];
+    if (N == null && O == null) return 0;
     if (N == null) return 1;
-    if (E == null) return -1;
-    if (typeof N == "number" && typeof E == "number")
-      return o === "asc" ? N - E : E - N;
-    const C = String(N), f = String(E);
+    if (O == null) return -1;
+    if (typeof N == "number" && typeof O == "number")
+      return o === "asc" ? N - O : O - N;
+    const C = String(N), f = String(O);
     return o === "asc" ? C.localeCompare(f) : f.localeCompare(C);
-  }) : r, [r, d, o]), g = l ? p.slice(0, l) : p, v = (y) => {
-    s && (d === y ? m((P) => P === "asc" ? "desc" : "asc") : (i(y), m("asc")));
+  }) : r, [r, d, o]), h = i ? p.slice(0, i) : p, y = (v) => {
+    s && (d === v ? m((z) => z === "asc" ? "desc" : "asc") : (c(v), m("asc")));
   };
-  function x(y) {
-    return y == null ? "" : typeof y == "object" ? JSON.stringify(y) : String(y);
+  function x(v) {
+    return v == null ? "" : typeof v == "object" ? JSON.stringify(v) : String(v);
   }
-  return /* @__PURE__ */ e(j, { appearance: c, children: /* @__PURE__ */ t("div", { className: "ss-table-container", children: [
+  return /* @__PURE__ */ e(j, { appearance: l, children: /* @__PURE__ */ t("div", { className: "ss-table-container", children: [
     /* @__PURE__ */ t("table", { className: "ss-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: a.map((y) => /* @__PURE__ */ t(
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: a.map((v) => /* @__PURE__ */ t(
         "th",
         {
-          className: `ss-th ${s ? "ss-th-sortable" : ""} ${d === y ? o === "asc" ? "ss-sorted-asc" : "ss-sorted-desc" : ""}`,
-          onClick: () => v(y),
+          className: `ss-th ${s ? "ss-th-sortable" : ""} ${d === v ? o === "asc" ? "ss-sorted-asc" : "ss-sorted-desc" : ""}`,
+          onClick: () => y(v),
           children: [
-            y,
-            d === y && /* @__PURE__ */ e("span", { className: "ss-sort-indicator", children: o === "asc" ? " ▲" : " ▼" })
+            v,
+            d === v && /* @__PURE__ */ e("span", { className: "ss-sort-indicator", children: o === "asc" ? " ▲" : " ▼" })
           ]
         },
-        y
+        v
       )) }) }),
-      /* @__PURE__ */ e("tbody", { children: g.map((y, P) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: a.map((N) => /* @__PURE__ */ e("td", { className: "ss-td", children: x(y[N]) }, N)) }, P)) })
+      /* @__PURE__ */ e("tbody", { children: h.map((v, z) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: a.map((N) => /* @__PURE__ */ e("td", { className: "ss-td", children: x(v[N]) }, N)) }, z)) })
     ] }),
-    l && r.length > l && /* @__PURE__ */ t("div", { className: "ss-table-footer", children: [
+    i && r.length > i && /* @__PURE__ */ t("div", { className: "ss-table-footer", children: [
       "Showing ",
-      l,
+      i,
       " of ",
       r.length,
       " rows"
     ] })
   ] }) });
 }
-function Ya(a, r = "#6366f1") {
-  const s = parseInt(r.replace("#", "").slice(0, 2), 16), l = [];
+function Qa(a, r = "#6366f1") {
+  const s = parseInt(r.replace("#", "").slice(0, 2), 16), i = [];
   for (let n = 0; n < a; n++) {
     const u = (s + n * Math.floor(360 / Math.max(a, 1))) % 360;
-    l.push(`hsl(${u}, 65%, 55%)`);
+    i.push(`hsl(${u}, 65%, 55%)`);
   }
-  return l;
+  return i;
 }
-function Ja({ labels: a, values: r, w: s, h: l, colors: n }) {
-  const u = Math.max(...r, 1), c = 40, d = s - c * 2, i = l - c * 2, o = Math.max(1, d / a.length - 4);
+function Za({ labels: a, values: r, w: s, h: i, colors: n }) {
+  const u = Math.max(...r, 1), l = 40, d = s - l * 2, c = i - l * 2, o = Math.max(1, d / a.length - 4);
   return /* @__PURE__ */ t("g", { children: [
-    /* @__PURE__ */ e("line", { x1: c, y1: l - c, x2: s - c, y2: l - c, stroke: "#ccc", strokeWidth: 1 }),
+    /* @__PURE__ */ e("line", { x1: l, y1: i - l, x2: s - l, y2: i - l, stroke: "#ccc", strokeWidth: 1 }),
     r.map((m, p) => {
-      const g = m / u * i, v = c + d / a.length * p + 2, x = l - c - g;
+      const h = m / u * c, y = l + d / a.length * p + 2, x = i - l - h;
       return /* @__PURE__ */ t("g", { children: [
-        /* @__PURE__ */ e("rect", { x: v, y: x, width: o, height: g, fill: n[p % n.length], rx: 2 }),
-        /* @__PURE__ */ e("text", { x: v + o / 2, y: l - c + 14, textAnchor: "middle", fontSize: 10, fill: "#666", children: a[p].length > 8 ? a[p].slice(0, 8) + "..." : a[p] })
+        /* @__PURE__ */ e("rect", { x: y, y: x, width: o, height: h, fill: n[p % n.length], rx: 2 }),
+        /* @__PURE__ */ e("text", { x: y + o / 2, y: i - l + 14, textAnchor: "middle", fontSize: 10, fill: "#666", children: a[p].length > 8 ? a[p].slice(0, 8) + "..." : a[p] })
       ] }, p);
     })
   ] });
 }
-function Qa({ labels: a, values: r, w: s, h: l, colors: n }) {
-  const u = Math.max(...r, 1), c = 40, d = s - c * 2, i = l - c * 2, o = a.length > 1 ? d / (a.length - 1) : 0, m = r.map((p, g) => {
-    const v = c + o * g, x = l - c - p / u * i;
-    return `${v},${x}`;
+function Ka({ labels: a, values: r, w: s, h: i, colors: n }) {
+  const u = Math.max(...r, 1), l = 40, d = s - l * 2, c = i - l * 2, o = a.length > 1 ? d / (a.length - 1) : 0, m = r.map((p, h) => {
+    const y = l + o * h, x = i - l - p / u * c;
+    return `${y},${x}`;
   });
   return /* @__PURE__ */ t("g", { children: [
     [0.25, 0.5, 0.75, 1].map((p) => {
-      const g = l - c - p * i;
-      return /* @__PURE__ */ e("line", { x1: c, y1: g, x2: s - c, y2: g, stroke: "#eee", strokeWidth: 1 }, p);
+      const h = i - l - p * c;
+      return /* @__PURE__ */ e("line", { x1: l, y1: h, x2: s - l, y2: h, stroke: "#eee", strokeWidth: 1 }, p);
     }),
     /* @__PURE__ */ e("polyline", { points: m.join(" "), fill: "none", stroke: n[0], strokeWidth: 2 }),
-    r.map((p, g) => {
-      const v = c + o * g, x = l - c - p / u * i;
-      return /* @__PURE__ */ e("circle", { cx: v, cy: x, r: 4, fill: n[0] }, g);
+    r.map((p, h) => {
+      const y = l + o * h, x = i - l - p / u * c;
+      return /* @__PURE__ */ e("circle", { cx: y, cy: x, r: 4, fill: n[0] }, h);
     })
   ] });
 }
-function Za({ labels: a, values: r, w: s, h: l, colors: n }) {
-  const u = r.reduce((g, v) => g + v, 0) || 1, c = s / 2, d = l / 2 - 20, i = Math.min(s, l) / 2 - 40, o = 2 * Math.PI * i;
+function Xa({ labels: a, values: r, w: s, h: i, colors: n }) {
+  const u = r.reduce((h, y) => h + y, 0) || 1, l = s / 2, d = i / 2 - 20, c = Math.min(s, i) / 2 - 40, o = 2 * Math.PI * c;
   let m = 0;
-  const p = r.map((g, v) => {
-    const x = g / u, y = x * o, P = { dash: y, offset: m, color: n[v % n.length], label: a[v], pct: x };
-    return m += y, P;
+  const p = r.map((h, y) => {
+    const x = h / u, v = x * o, z = { dash: v, offset: m, color: n[y % n.length], label: a[y], pct: x };
+    return m += v, z;
   });
   return /* @__PURE__ */ t("g", { children: [
-    p.map((g, v) => /* @__PURE__ */ e(
+    p.map((h, y) => /* @__PURE__ */ e(
       "circle",
       {
-        cx: c,
+        cx: l,
         cy: d,
-        r: i,
+        r: c,
         fill: "none",
-        stroke: g.color,
-        strokeWidth: i * 0.6,
-        strokeDasharray: `${g.dash} ${o - g.dash}`,
-        strokeDashoffset: -g.offset,
-        transform: `rotate(-90 ${c} ${d})`
+        stroke: h.color,
+        strokeWidth: c * 0.6,
+        strokeDasharray: `${h.dash} ${o - h.dash}`,
+        strokeDashoffset: -h.offset,
+        transform: `rotate(-90 ${l} ${d})`
       },
-      v
+      y
     )),
-    /* @__PURE__ */ e("g", { transform: `translate(${c - a.length * 30}, ${l - 20})`, children: p.slice(0, 6).map((g, v) => /* @__PURE__ */ t("g", { transform: `translate(${v * 60}, 0)`, children: [
-      /* @__PURE__ */ e("rect", { width: 10, height: 10, fill: g.color, rx: 2 }),
-      /* @__PURE__ */ e("text", { x: 14, y: 9, fontSize: 9, fill: "#666", children: g.label.length > 6 ? g.label.slice(0, 6) + ".." : g.label })
-    ] }, v)) })
+    /* @__PURE__ */ e("g", { transform: `translate(${l - a.length * 30}, ${i - 20})`, children: p.slice(0, 6).map((h, y) => /* @__PURE__ */ t("g", { transform: `translate(${y * 60}, 0)`, children: [
+      /* @__PURE__ */ e("rect", { width: 10, height: 10, fill: h.color, rx: 2 }),
+      /* @__PURE__ */ e("text", { x: 14, y: 9, fontSize: 9, fill: "#666", children: h.label.length > 6 ? h.label.slice(0, 6) + ".." : h.label })
+    ] }, y)) })
   ] });
 }
-function Ka({ type: a, data: r, title: s, width: l = 400, height: n = 300, appearance: u }) {
-  const { appearance: c } = D(), d = u ?? c, i = G(() => Ya(r.labels.length), [r.labels.length]);
+function ae({ type: a, data: r, title: s, width: i = 400, height: n = 300, appearance: u }) {
+  const { appearance: l } = M(), d = u ?? l, c = G(() => Qa(r.labels.length), [r.labels.length]);
   return /* @__PURE__ */ e(j, { appearance: d, children: /* @__PURE__ */ t("div", { className: "ss-chart-container", children: [
     s && /* @__PURE__ */ e("h3", { className: "ss-chart-title", children: s }),
-    /* @__PURE__ */ t("svg", { viewBox: `0 0 ${l} ${n}`, width: "100%", style: { maxWidth: l }, children: [
-      a === "bar" && /* @__PURE__ */ e(Ja, { labels: r.labels, values: r.values, w: l, h: n, colors: i }),
-      a === "line" && /* @__PURE__ */ e(Qa, { labels: r.labels, values: r.values, w: l, h: n, colors: i }),
-      a === "pie" && /* @__PURE__ */ e(Za, { labels: r.labels, values: r.values, w: l, h: n, colors: i })
+    /* @__PURE__ */ t("svg", { viewBox: `0 0 ${i} ${n}`, width: "100%", style: { maxWidth: i }, children: [
+      a === "bar" && /* @__PURE__ */ e(Za, { labels: r.labels, values: r.values, w: i, h: n, colors: c }),
+      a === "line" && /* @__PURE__ */ e(Ka, { labels: r.labels, values: r.values, w: i, h: n, colors: c }),
+      a === "pie" && /* @__PURE__ */ e(Xa, { labels: r.labels, values: r.values, w: i, h: n, colors: c })
     ] })
   ] }) });
 }
-function ye({ dashboardId: a, embedToken: r, baseUrl: s, refreshInterval: l, appearance: n }) {
-  const u = D(), c = n ?? (u == null ? void 0 : u.appearance), d = G(() => {
+function we({ dashboardId: a, embedToken: r, baseUrl: s, refreshInterval: i, appearance: n }) {
+  const u = M(), l = n ?? (u == null ? void 0 : u.appearance), d = G(() => {
     if (r) {
-      const N = s ?? "https://api.saas-support.com/v1", E = new Q(N, { type: "embedToken", token: r });
-      return new ta(E);
+      const N = s ?? "https://api.saas-support.com/v1", O = new Q(N, { type: "embedToken", token: r });
+      return new ta(O);
     }
     return u.client.report;
-  }, [r, s, u]), [i, o] = h([]), [m, p] = h({}), [g, v] = h(!0), [x, y] = h(null), P = $(async () => {
-    v(!0), y(null);
+  }, [r, s, u]), [c, o] = g([]), [m, p] = g({}), [h, y] = g(!0), [x, v] = g(null), z = k(async () => {
+    y(!0), v(null);
     try {
-      const N = await d.getDashboard(a), E = JSON.parse(N.layoutJson || "[]");
-      o(E);
+      const N = await d.getDashboard(a), O = JSON.parse(N.layoutJson || "[]");
+      o(O);
       const C = {};
-      for (const f of E)
+      for (const f of O)
         try {
-          const O = await d.listQueries({ search: f.queryId, perPage: 1 });
-          if (O.data.length > 0 && O.data[0].generatedSql) {
-            const I = await d.executeQuery({ sql: O.data[0].generatedSql });
+          const P = await d.listQueries({ search: f.queryId, perPage: 1 });
+          if (P.data.length > 0 && P.data[0].generatedSql) {
+            const I = await d.executeQuery({ sql: P.data[0].generatedSql });
             C[f.queryId] = I;
           }
         } catch {
         }
       p(C);
     } catch (N) {
-      y(N instanceof Error ? N.message : "Failed to load dashboard");
+      v(N instanceof Error ? N.message : "Failed to load dashboard");
     } finally {
-      v(!1);
+      y(!1);
     }
   }, [d, a]);
   return U(() => {
-    P();
-  }, [P]), U(() => {
-    if (!l || l <= 0) return;
-    const N = setInterval(P, l * 1e3);
+    z();
+  }, [z]), U(() => {
+    if (!i || i <= 0) return;
+    const N = setInterval(z, i * 1e3);
     return () => clearInterval(N);
-  }, [l, P]), /* @__PURE__ */ e(j, { appearance: c, children: /* @__PURE__ */ t("div", { className: "ss-dashboard-grid", children: [
-    g && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
+  }, [i, z]), /* @__PURE__ */ e(j, { appearance: l, children: /* @__PURE__ */ t("div", { className: "ss-dashboard-grid", children: [
+    h && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
       /* @__PURE__ */ e("span", { className: "ss-spinner" }),
       " Loading dashboard..."
     ] }),
     x && /* @__PURE__ */ e("div", { className: "ss-global-error", children: x }),
-    !g && i.map((N, E) => {
+    !h && c.map((N, O) => {
       const C = m[N.queryId];
       if (!C) return null;
       const f = C.columns.length >= 2 ? {
-        labels: C.rows.map((O) => String(O[C.columns[0]] ?? "")),
-        values: C.rows.map((O) => Number(O[C.columns[1]] ?? 0))
+        labels: C.rows.map((P) => String(P[C.columns[0]] ?? "")),
+        values: C.rows.map((P) => Number(P[C.columns[1]] ?? 0))
       } : { labels: [], values: [] };
       return /* @__PURE__ */ t("div", { className: "ss-widget", children: [
         N.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: N.title }),
-        N.chartType === "table" ? /* @__PURE__ */ e(Ga, { columns: C.columns, rows: C.rows, maxRows: 50 }) : /* @__PURE__ */ e(
-          Ka,
+        N.chartType === "table" ? /* @__PURE__ */ e(Ja, { columns: C.columns, rows: C.rows, maxRows: 50 }) : /* @__PURE__ */ e(
+          ae,
           {
             type: N.chartType || "bar",
             data: f,
@@ -4997,18 +5116,18 @@ function ye({ dashboardId: a, embedToken: r, baseUrl: s, refreshInterval: l, app
             height: N.h
           }
         )
-      ] }, E);
+      ] }, O);
     })
   ] }) });
 }
-function Xa(a) {
+function ee(a) {
   return new Date(a).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
 }
-function ve({ onSelectQuery: a, onRunQuery: r, appearance: s }) {
-  const { appearance: l } = D(), { queries: n, isLoading: u, error: c } = _a(), { execute: d, isLoading: i } = da(), o = s ?? l, m = $(async (p) => {
+function Ne({ onSelectQuery: a, onRunQuery: r, appearance: s }) {
+  const { appearance: i } = M(), { queries: n, isLoading: u, error: l } = Ya(), { execute: d, isLoading: c } = ua(), o = s ?? i, m = k(async (p) => {
     if (!p.generatedSql) return;
-    const g = await d({ sql: p.generatedSql });
-    g && (r == null || r(g));
+    const h = await d({ sql: p.generatedSql });
+    h && (r == null || r(h));
   }, [d, r]);
   return /* @__PURE__ */ e(j, { appearance: o, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Saved Queries" }),
@@ -5016,7 +5135,7 @@ function ve({ onSelectQuery: a, onRunQuery: r, appearance: s }) {
       /* @__PURE__ */ e("span", { className: "ss-spinner" }),
       " Loading..."
     ] }),
-    c && /* @__PURE__ */ e("div", { className: "ss-global-error", children: c }),
+    l && /* @__PURE__ */ e("div", { className: "ss-global-error", children: l }),
     !u && n.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No saved queries." }),
     !u && n.map((p) => /* @__PURE__ */ t(
       "div",
@@ -5030,17 +5149,17 @@ function ve({ onSelectQuery: a, onRunQuery: r, appearance: s }) {
           ] }),
           p.naturalLanguage && /* @__PURE__ */ e("p", { className: "ss-saved-query-desc", children: p.naturalLanguage }),
           /* @__PURE__ */ t("div", { className: "ss-saved-query-footer", children: [
-            /* @__PURE__ */ e("span", { className: "ss-saved-query-date", children: Xa(p.createdAt) }),
+            /* @__PURE__ */ e("span", { className: "ss-saved-query-date", children: ee(p.createdAt) }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "ss-btn ss-btn-sm ss-btn-primary",
-                disabled: i || !p.generatedSql,
-                onClick: (g) => {
-                  g.stopPropagation(), m(p);
+                disabled: c || !p.generatedSql,
+                onClick: (h) => {
+                  h.stopPropagation(), m(p);
                 },
-                children: i ? /* @__PURE__ */ e("span", { className: "ss-spinner" }) : "Run"
+                children: c ? /* @__PURE__ */ e("span", { className: "ss-spinner" }) : "Run"
               }
             )
           ] })
@@ -5050,29 +5169,29 @@ function ve({ onSelectQuery: a, onRunQuery: r, appearance: s }) {
     ))
   ] }) });
 }
-function we({ embedToken: a, dashboardId: r, baseUrl: s = "https://api.saas-support.com/v1", refreshInterval: l, appearance: n }) {
+function Se({ embedToken: a, dashboardId: r, baseUrl: s = "https://api.saas-support.com/v1", refreshInterval: i, appearance: n }) {
   const u = G(() => {
-    const y = new Q(s, { type: "embedToken", token: a });
-    return new ta(y);
-  }, [a, s]), [c, d] = h([]), [i, o] = h(!0), [m, p] = h(null), g = G(() => aa(n), [n]), v = G(() => ea(g), [g]), x = $(async () => {
+    const v = new Q(s, { type: "embedToken", token: a });
+    return new ta(v);
+  }, [a, s]), [l, d] = g([]), [c, o] = g(!0), [m, p] = g(null), h = G(() => aa(n), [n]), y = G(() => ea(h), [h]), x = k(async () => {
     o(!0), p(null);
     try {
-      const y = await u.getDashboard(r), P = JSON.parse(y.layoutJson || "[]"), N = await Promise.all(
-        P.map(async (E) => {
+      const v = await u.getDashboard(r), z = JSON.parse(v.layoutJson || "[]"), N = await Promise.all(
+        z.map(async (O) => {
           try {
-            const C = await u.listQueries({ search: E.queryId, perPage: 1 });
+            const C = await u.listQueries({ search: O.queryId, perPage: 1 });
             if (C.data.length > 0 && C.data[0].generatedSql) {
               const f = await u.executeQuery({ sql: C.data[0].generatedSql });
-              return { ...E, result: f };
+              return { ...O, result: f };
             }
           } catch {
           }
-          return E;
+          return O;
         })
       );
       d(N);
-    } catch (y) {
-      p(y instanceof Error ? y.message : "Failed to load dashboard");
+    } catch (v) {
+      p(v instanceof Error ? v.message : "Failed to load dashboard");
     } finally {
       o(!1);
     }
@@ -5080,77 +5199,78 @@ function we({ embedToken: a, dashboardId: r, baseUrl: s = "https://api.saas-supp
   return U(() => {
     x();
   }, [x]), U(() => {
-    if (!l || l <= 0) return;
-    const y = setInterval(x, l * 1e3);
-    return () => clearInterval(y);
-  }, [l, x]), /* @__PURE__ */ e(
+    if (!i || i <= 0) return;
+    const v = setInterval(x, i * 1e3);
+    return () => clearInterval(v);
+  }, [i, x]), /* @__PURE__ */ e(
     "div",
     {
-      ref: (y) => {
-        if (!y || y.shadowRoot) return;
-        const P = y.attachShadow({ mode: "open" }), N = document.createElement("style");
-        N.textContent = v, P.appendChild(N);
-        const E = document.createElement("div");
-        P.appendChild(E);
+      ref: (v) => {
+        if (!v || v.shadowRoot) return;
+        const z = v.attachShadow({ mode: "open" }), N = document.createElement("style");
+        N.textContent = y, z.appendChild(N);
+        const O = document.createElement("div");
+        z.appendChild(O);
       },
       style: { display: "contents" },
       children: /* @__PURE__ */ t("div", { className: "ss-dashboard-grid", children: [
-        i && /* @__PURE__ */ e("div", { className: "ss-loading", children: "Loading dashboard..." }),
+        c && /* @__PURE__ */ e("div", { className: "ss-loading", children: "Loading dashboard..." }),
         m && /* @__PURE__ */ e("div", { className: "ss-global-error", children: m }),
-        !i && c.map((y, P) => {
-          if (!y.result) return null;
-          const { columns: N, rows: E } = y.result;
+        !c && l.map((v, z) => {
+          if (!v.result) return null;
+          const { columns: N, rows: O } = v.result;
           return /* @__PURE__ */ t("div", { className: "ss-widget", children: [
-            y.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: y.title }),
+            v.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: v.title }),
             /* @__PURE__ */ t("table", { className: "ss-table", children: [
               /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: N.map((C) => /* @__PURE__ */ e("th", { className: "ss-th", children: C }, C)) }) }),
-              /* @__PURE__ */ e("tbody", { children: E.slice(0, 50).map((C, f) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: N.map((O) => /* @__PURE__ */ e("td", { className: "ss-td", children: String(C[O] ?? "") }, O)) }, f)) })
+              /* @__PURE__ */ e("tbody", { children: O.slice(0, 50).map((C, f) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: N.map((P) => /* @__PURE__ */ e("td", { className: "ss-td", children: String(C[P] ?? "") }, P)) }, f)) })
             ] })
-          ] }, P);
+          ] }, z);
         })
       ] })
     }
   );
 }
 export {
-  Ka as Chart,
-  ge as CouponInput,
-  ye as DashboardView,
-  Ga as DataTable,
-  qa as InvoiceHistory,
-  de as OrgSwitcher,
-  he as PaymentPortal,
-  ue as PricingTable,
-  xe as QueryInput,
-  we as ReportEmbed,
-  ra as SaaSContext,
-  $e as SaaSError,
-  re as SaaSProvider,
-  ya as SaaSSupport,
-  ve as SavedQueryList,
-  Ea as SettingsPanel,
-  oe as SignIn,
-  ie as SignUp,
-  Ua as SubscriptionStatus,
-  Wa as UsageDisplay,
-  le as UserButton,
-  ce as UserProfile,
-  va as isMfaRequired,
+  ae as Chart,
+  fe as CouponInput,
+  we as DashboardView,
+  Ja as DataTable,
+  _a as InvoiceHistory,
+  pe as OrgSwitcher,
+  me as PaymentPortal,
+  he as PricingTable,
+  ve as QueryInput,
+  Se as ReportEmbed,
+  na as SaaSContext,
+  Ce as SaaSError,
+  oe as SaaSProvider,
+  va as SaaSSupport,
+  Ne as SavedQueryList,
+  Ia as SettingsPanel,
+  le as SignIn,
+  ce as SignUp,
+  Ha as SubscriptionStatus,
+  Ga as UsageDisplay,
+  de as UserButton,
+  ue as UserProfile,
+  wa as isMfaRequired,
   sa as useAuth,
-  pe as useBilling,
-  fe as useDashboard,
-  Pa as useDeleteAccount,
-  be as useEmbedDashboard,
-  Da as useInvoices,
+  ge as useBilling,
+  xe as useDashboard,
+  Oa as useDeleteAccount,
+  ye as useEmbedDashboard,
+  ra as useInvites,
+  Va as useInvoices,
   Y as useOrg,
-  oa as useProfile,
-  da as useQuery,
-  me as useReport,
-  D as useSaaSContext,
-  _a as useSavedQueries,
-  na as useSignIn,
-  za as useSignUp,
-  Ta as useSubscription,
-  Ma as useUsage,
-  ne as useUser
+  ia as useProfile,
+  ua as useQuery,
+  be as useReport,
+  M as useSaaSContext,
+  Ya as useSavedQueries,
+  oa as useSignIn,
+  Pa as useSignUp,
+  Ma as useSubscription,
+  Ua as useUsage,
+  ie as useUser
 };