@saas-support/react 0.7.0 → 0.7.1

package/dist/react.js

@@ -1,33 +1,33 @@
-import { jsx as e, jsxs as r, Fragment as G } from "react/jsx-runtime";
-import { createContext as ma, useContext as ba, useState as g, useEffect as V, useRef as W, useCallback as $, useMemo as _ } from "react";
-import { SaaSSupport as xa, isMfaRequired as ya, BillingClient as va, Transport as J, ReportClient as ea } from "./index.js";
-import { SaaSError as ye } from "./index.js";
-import { createPortal as wa } from "react-dom";
+import { jsx as e, jsxs as t, Fragment as j } from "react/jsx-runtime";
+import { createContext as ma, useContext as fa, useState as g, useEffect as U, useRef as _, useCallback as $, useMemo as G } from "react";
+import { SaaSSupport as ba, isMfaRequired as xa, BillingClient as ya, Transport as Q, ReportClient as ta } from "./index.js";
+import { SaaSError as Ne } from "./index.js";
+import { createPortal as va } from "react-dom";
 const ra = ma(null);
-function L() {
-  const a = ba(ra);
+function A() {
+  const a = fa(ra);
   if (!a)
     throw new Error("useSaaSContext must be used within a <SaaSProvider>");
   return a;
 }
-function Xa({ publishableKey: a, apiKey: s, baseUrl: t, appearance: o, children: n }) {
-  const [u] = g(() => new xa({ publishableKey: a, apiKey: s, baseUrl: t })), [l, c] = g(null), [d, i] = g(!1), [f, p] = g(null);
-  return V(() => {
+function te({ publishableKey: a, apiKey: s, baseUrl: r, appearance: o, children: n }) {
+  const [u] = g(() => new ba({ publishableKey: a, apiKey: s, baseUrl: r })), [i, l] = g(null), [d, c] = g(!1), [f, p] = g(null);
+  return U(() => {
     let m = !1;
     u.load().then(async () => {
       if (m) return;
-      const w = await u.auth.getUser(), y = await u.auth.getSettings();
-      c(w), p(y), i(!0);
+      const N = await u.auth.getUser(), y = await u.auth.getSettings();
+      l(N), p(y), c(!0);
     });
-    const b = u.auth.onAuthStateChange((w) => {
-      m || c(w);
+    const b = u.auth.onAuthStateChange((N) => {
+      m || l(N);
     });
     return () => {
       m = !0, b(), u.destroy();
     };
-  }, [u]), /* @__PURE__ */ e(ra.Provider, { value: { client: u, user: l, isLoaded: d, appearance: o, settings: f }, children: n });
+  }, [u]), /* @__PURE__ */ e(ra.Provider, { value: { client: u, user: i, isLoaded: d, appearance: o, settings: f }, children: n });
 }
-const Na = {
+const wa = {
   // Legacy (unchanged)
   colorPrimary: "#6366f1",
   colorPrimaryHover: "#4f46e5",
@@ -61,7 +61,7 @@ const Na = {
   authSuccess: "#22c55e",
   authFontHeadline: "'Manrope', sans-serif",
   authFontBody: "'Inter', sans-serif"
-}, $a = {
+}, Na = {
   // Legacy (unchanged)
   colorPrimary: "#818cf8",
   colorPrimaryHover: "#6366f1",
@@ -96,53 +96,53 @@ const Na = {
   authFontHeadline: "'Manrope', sans-serif",
   authFontBody: "'Inter', sans-serif"
 };
-function X(a) {
-  const s = (a == null ? void 0 : a.baseTheme) === "dark" ? $a : Na, t = a == null ? void 0 : a.variables, o = (t == null ? void 0 : t.colorPrimary) ?? s.authPrimary;
+function aa(a) {
+  const s = (a == null ? void 0 : a.baseTheme) === "dark" ? Na : wa, r = a == null ? void 0 : a.variables, o = (r == null ? void 0 : r.colorPrimary) ?? s.authPrimary;
   return {
     // Legacy
-    colorPrimary: (t == null ? void 0 : t.colorPrimary) ?? s.colorPrimary,
-    colorPrimaryHover: t != null && t.colorPrimary ? Sa(t.colorPrimary, 10) : s.colorPrimaryHover,
-    colorBackground: (t == null ? void 0 : t.colorBackground) ?? s.colorBackground,
-    colorText: (t == null ? void 0 : t.colorText) ?? s.colorText,
+    colorPrimary: (r == null ? void 0 : r.colorPrimary) ?? s.colorPrimary,
+    colorPrimaryHover: r != null && r.colorPrimary ? Sa(r.colorPrimary, 10) : s.colorPrimaryHover,
+    colorBackground: (r == null ? void 0 : r.colorBackground) ?? s.colorBackground,
+    colorText: (r == null ? void 0 : r.colorText) ?? s.colorText,
     colorTextSecondary: s.colorTextSecondary,
-    colorInputBackground: (t == null ? void 0 : t.colorInputBackground) ?? s.colorInputBackground,
-    colorInputBorder: (t == null ? void 0 : t.colorInputBorder) ?? s.colorInputBorder,
-    colorError: (t == null ? void 0 : t.colorError) ?? s.colorError,
-    colorSuccess: (t == null ? void 0 : t.colorSuccess) ?? s.colorSuccess,
-    colorWarning: (t == null ? void 0 : t.colorWarning) ?? s.colorWarning,
-    fontFamily: (t == null ? void 0 : t.fontFamily) ?? s.fontFamily,
-    borderRadius: (t == null ? void 0 : t.borderRadius) ?? s.borderRadius,
+    colorInputBackground: (r == null ? void 0 : r.colorInputBackground) ?? s.colorInputBackground,
+    colorInputBorder: (r == null ? void 0 : r.colorInputBorder) ?? s.colorInputBorder,
+    colorError: (r == null ? void 0 : r.colorError) ?? s.colorError,
+    colorSuccess: (r == null ? void 0 : r.colorSuccess) ?? s.colorSuccess,
+    colorWarning: (r == null ? void 0 : r.colorWarning) ?? s.colorWarning,
+    fontFamily: (r == null ? void 0 : r.fontFamily) ?? s.fontFamily,
+    borderRadius: (r == null ? void 0 : r.borderRadius) ?? s.borderRadius,
     // MD3 auth — derive from user overrides where applicable
     authPrimary: o,
-    authPrimaryContainer: t != null && t.colorPrimary ? ka(o, 15) : s.authPrimaryContainer,
+    authPrimaryContainer: r != null && r.colorPrimary ? $a(o, 15) : s.authPrimaryContainer,
     authOnPrimary: s.authOnPrimary,
     authPrimaryFixed: s.authPrimaryFixed,
-    authSurface: (t == null ? void 0 : t.colorBackground) ?? s.authSurface,
+    authSurface: (r == null ? void 0 : r.colorBackground) ?? s.authSurface,
     authSurfaceContainerLowest: s.authSurfaceContainerLowest,
-    authSurfaceContainerLow: (t == null ? void 0 : t.colorInputBackground) ?? s.authSurfaceContainerLow,
+    authSurfaceContainerLow: (r == null ? void 0 : r.colorInputBackground) ?? s.authSurfaceContainerLow,
     authSurfaceContainer: s.authSurfaceContainer,
     authSurfaceContainerHigh: s.authSurfaceContainerHigh,
     authSurfaceContainerHighest: s.authSurfaceContainerHighest,
-    authOnSurface: (t == null ? void 0 : t.colorText) ?? s.authOnSurface,
+    authOnSurface: (r == null ? void 0 : r.colorText) ?? s.authOnSurface,
     authOnSurfaceVariant: s.authOnSurfaceVariant,
     authOutline: s.authOutline,
-    authOutlineVariant: (t == null ? void 0 : t.colorInputBorder) ?? s.authOutlineVariant,
-    authError: (t == null ? void 0 : t.colorError) ?? s.authError,
+    authOutlineVariant: (r == null ? void 0 : r.colorInputBorder) ?? s.authOutlineVariant,
+    authError: (r == null ? void 0 : r.colorError) ?? s.authError,
     authErrorContainer: s.authErrorContainer,
-    authSuccess: (t == null ? void 0 : t.colorSuccess) ?? s.authSuccess,
-    authFontHeadline: (t == null ? void 0 : t.fontFamily) ?? s.authFontHeadline,
-    authFontBody: (t == null ? void 0 : t.fontFamily) ?? s.authFontBody
+    authSuccess: (r == null ? void 0 : r.colorSuccess) ?? s.authSuccess,
+    authFontHeadline: (r == null ? void 0 : r.fontFamily) ?? s.authFontHeadline,
+    authFontBody: (r == null ? void 0 : r.fontFamily) ?? s.authFontBody
   };
 }
 function Sa(a, s) {
-  const t = parseInt(a.replace("#", ""), 16), o = Math.max(0, (t >> 16) - Math.round(2.55 * s)), n = Math.max(0, (t >> 8 & 255) - Math.round(2.55 * s)), u = Math.max(0, (t & 255) - Math.round(2.55 * s));
+  const r = parseInt(a.replace("#", ""), 16), o = Math.max(0, (r >> 16) - Math.round(2.55 * s)), n = Math.max(0, (r >> 8 & 255) - Math.round(2.55 * s)), u = Math.max(0, (r & 255) - Math.round(2.55 * s));
   return `#${(o << 16 | n << 8 | u).toString(16).padStart(6, "0")}`;
 }
-function ka(a, s) {
-  const t = parseInt(a.replace("#", ""), 16), o = Math.min(255, (t >> 16) + Math.round(2.55 * s)), n = Math.min(255, (t >> 8 & 255) + Math.round(2.55 * s)), u = Math.min(255, (t & 255) + Math.round(2.55 * s));
+function $a(a, s) {
+  const r = parseInt(a.replace("#", ""), 16), o = Math.min(255, (r >> 16) + Math.round(2.55 * s)), n = Math.min(255, (r >> 8 & 255) + Math.round(2.55 * s)), u = Math.min(255, (r & 255) + Math.round(2.55 * s));
   return `#${(o << 16 | n << 8 | u).toString(16).padStart(6, "0")}`;
 }
-function aa(a) {
+function ea(a) {
   return `
     :host {
       all: initial;
@@ -1412,6 +1412,38 @@ function aa(a) {
       overflow: hidden;
     }
 
+    /* User Trigger (avatar + org name pill) */
+    .ss-auth-user-trigger {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 4px 12px 4px 4px;
+      border-radius: 999px;
+      border: 1px solid ${a.authOutlineVariant}33;
+      background: ${a.authSurfaceContainerLow};
+      cursor: pointer;
+      transition: background 0.15s, box-shadow 0.15s;
+      font-family: ${a.authFontBody};
+    }
+
+    .ss-auth-user-trigger:hover {
+      background: ${a.authSurfaceContainer};
+      box-shadow: 0 0 0 2px ${a.authPrimary}33;
+    }
+
+    .ss-auth-user-trigger:active { transform: scale(0.98); }
+
+    .ss-auth-trigger-org-name {
+      font-size: 13px;
+      font-weight: 600;
+      color: ${a.authOnSurface};
+      max-width: 140px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      letter-spacing: -0.01em;
+    }
+
     /* Avatar Trigger */
     .ss-auth-avatar-trigger {
       width: 40px;
@@ -1419,20 +1451,12 @@ function aa(a) {
       border-radius: 50%;
       border: 2px solid ${a.authPrimary};
       overflow: hidden;
-      cursor: pointer;
       transition: transform 0.15s, box-shadow 0.15s;
       padding: 0;
       background: none;
       flex-shrink: 0;
     }
 
-    .ss-auth-avatar-trigger:hover {
-      transform: scale(1.05);
-      box-shadow: 0 0 0 3px ${a.authPrimary}33;
-    }
-
-    .ss-auth-avatar-trigger:active { transform: scale(0.95); }
-
     .ss-auth-avatar-trigger img {
       width: 100%;
       height: 100%;
@@ -1600,6 +1624,24 @@ function aa(a) {
       font-variation-settings: 'FILL' 1;
     }
 
+    /* Plan Badge */
+    .ss-auth-plan-badge {
+      display: inline-block;
+      font-size: 10px;
+      font-weight: 700;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      padding: 2px 8px;
+      border-radius: 999px;
+      background: ${a.authPrimary}1a;
+      color: ${a.authPrimary};
+      border: 1px solid ${a.authPrimary}33;
+      margin-left: auto;
+      white-space: nowrap;
+      flex-shrink: 0;
+      font-family: ${a.authFontBody};
+    }
+
     /* Modal Overlay */
     .ss-auth-modal-overlay {
       position: fixed;
@@ -2171,6 +2213,249 @@ function aa(a) {
       animation: ss-spin 0.6s linear infinite;
     }
 
+    /* Settings Panel (full-page overlay) */
+    .ss-auth-settings-page {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      background: ${a.authSurface};
+      animation: ss-auth-scale-in 0.2s ease-out;
+    }
+
+    .ss-auth-settings-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 20px 32px;
+      border-bottom: 1px solid ${a.authOutlineVariant}1a;
+      background: ${a.authSurfaceContainerHigh}80;
+      flex-shrink: 0;
+    }
+
+    .ss-auth-settings-header h2 {
+      font-family: ${a.authFontHeadline};
+      font-size: 20px;
+      font-weight: 700;
+      letter-spacing: -0.02em;
+      color: ${a.authOnSurface};
+      margin: 0;
+    }
+
+    .ss-auth-settings-layout {
+      display: flex;
+      flex: 1;
+      overflow: hidden;
+    }
+
+    .ss-auth-settings-nav {
+      width: 220px;
+      padding: 16px;
+      border-right: 1px solid ${a.authOutlineVariant}1a;
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      flex-shrink: 0;
+      background: ${a.authSurfaceContainerLow};
+    }
+
+    .ss-auth-settings-nav-item {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 10px 14px;
+      border-radius: 8px;
+      cursor: pointer;
+      transition: background 0.15s, color 0.15s;
+      background: none;
+      border: none;
+      width: 100%;
+      font-family: ${a.authFontBody};
+      font-size: 14px;
+      font-weight: 500;
+      color: ${a.authOnSurfaceVariant};
+      text-align: left;
+    }
+
+    .ss-auth-settings-nav-item:hover {
+      background: ${a.authSurfaceContainer};
+      color: ${a.authOnSurface};
+    }
+
+    .ss-auth-settings-nav-item-active {
+      background: ${a.authPrimaryFixed}4d;
+      color: ${a.authPrimary};
+      font-weight: 600;
+    }
+
+    .ss-auth-settings-nav-item-active:hover {
+      background: ${a.authPrimaryFixed}4d;
+    }
+
+    .ss-auth-settings-nav-item .material-symbols-outlined {
+      font-size: 20px;
+    }
+
+    .ss-auth-settings-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 32px;
+    }
+
+    .ss-auth-settings-content h3 {
+      font-family: ${a.authFontHeadline};
+      font-size: 18px;
+      font-weight: 700;
+      color: ${a.authOnSurface};
+      letter-spacing: -0.01em;
+      margin: 0 0 24px 0;
+    }
+
+    .ss-auth-settings-card {
+      background: ${a.authSurfaceContainer};
+      border: 1px solid ${a.authOutlineVariant}1a;
+      border-radius: 12px;
+      padding: 24px;
+      margin-bottom: 24px;
+    }
+
+    .ss-auth-settings-card h4 {
+      font-family: ${a.authFontHeadline};
+      font-size: 15px;
+      font-weight: 700;
+      color: ${a.authOnSurface};
+      margin: 0 0 16px 0;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .ss-auth-settings-card h4 .material-symbols-outlined {
+      color: ${a.authPrimary};
+      font-size: 20px;
+    }
+
+    /* Settings Table */
+    .ss-auth-settings-table {
+      width: 100%;
+      border-collapse: collapse;
+      font-family: ${a.authFontBody};
+      font-size: 14px;
+    }
+
+    .ss-auth-settings-table th {
+      text-align: left;
+      padding: 8px 12px;
+      font-size: 11px;
+      font-weight: 700;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      color: ${a.authOnSurfaceVariant};
+      border-bottom: 1px solid ${a.authOutlineVariant}33;
+    }
+
+    .ss-auth-settings-table td {
+      padding: 10px 12px;
+      color: ${a.authOnSurface};
+      border-bottom: 1px solid ${a.authOutlineVariant}1a;
+    }
+
+    .ss-auth-settings-table tr:last-child td {
+      border-bottom: none;
+    }
+
+    .ss-auth-settings-table tr:hover td {
+      background: ${a.authSurfaceContainerLow};
+    }
+
+    /* Settings Role Badges */
+    .ss-auth-role-badge {
+      display: inline-block;
+      font-size: 10px;
+      font-weight: 700;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      padding: 2px 8px;
+      border-radius: 999px;
+      font-family: ${a.authFontBody};
+    }
+
+    .ss-auth-role-badge-owner {
+      background: #8b5cf633;
+      color: #8b5cf6;
+      border: 1px solid #8b5cf64d;
+    }
+
+    .ss-auth-role-badge-admin {
+      background: #3b82f633;
+      color: #3b82f6;
+      border: 1px solid #3b82f64d;
+    }
+
+    .ss-auth-role-badge-member {
+      background: ${a.authOnSurfaceVariant}1a;
+      color: ${a.authOnSurfaceVariant};
+      border: 1px solid ${a.authOutlineVariant}33;
+    }
+
+    /* Settings icon buttons */
+    .ss-auth-icon-btn {
+      background: none;
+      border: none;
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 6px;
+      color: ${a.authOnSurfaceVariant};
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      transition: background 0.15s, color 0.15s;
+    }
+
+    .ss-auth-icon-btn:hover {
+      background: ${a.authSurfaceContainerHigh};
+      color: ${a.authOnSurface};
+    }
+
+    .ss-auth-icon-btn-danger:hover {
+      background: ${a.authError}1a;
+      color: ${a.authError};
+    }
+
+    .ss-auth-icon-btn .material-symbols-outlined {
+      font-size: 18px;
+    }
+
+    /* Settings Empty State */
+    .ss-auth-settings-empty {
+      text-align: center;
+      padding: 40px 20px;
+      color: ${a.authOnSurfaceVariant};
+      font-size: 14px;
+    }
+
+    .ss-auth-settings-empty .material-symbols-outlined {
+      font-size: 40px;
+      margin-bottom: 12px;
+      opacity: 0.4;
+    }
+
+    /* Settings action row */
+    .ss-auth-settings-actions {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    /* Settings Danger Card */
+    .ss-auth-settings-danger {
+      border-color: ${a.authError}33;
+    }
+
+    .ss-auth-settings-danger h4 {
+      color: ${a.authError};
+    }
+
     /* Responsive overrides */
     @media (max-width: 640px) {
       .ss-auth-profile-header {
@@ -2184,18 +2469,23 @@ function aa(a) {
 
       .ss-auth-signout-row { flex-direction: column; text-align: center; }
       .ss-auth-signout-info { flex-direction: column; }
+
+      .ss-auth-settings-nav { width: 180px; padding: 12px; }
+      .ss-auth-settings-content { padding: 24px; }
+      .ss-auth-trigger-org-name { display: none; }
+      .ss-auth-user-trigger { padding: 0; border: none; background: none; }
     }
   `;
 }
-function q({ children: a, appearance: s }) {
-  const t = W(null), [o, n] = g(null);
-  V(() => {
+function H({ children: a, appearance: s }) {
+  const r = _(null), [o, n] = g(null);
+  U(() => {
     var f;
-    if (!t.current || t.current.shadowRoot) {
-      n(((f = t.current) == null ? void 0 : f.shadowRoot) ?? null);
+    if (!r.current || r.current.shadowRoot) {
+      n(((f = r.current) == null ? void 0 : f.shadowRoot) ?? null);
       return;
     }
-    const l = t.current.attachShadow({ mode: "open" });
+    const i = r.current.attachShadow({ mode: "open" });
     if ((s == null ? void 0 : s.fontUrl) !== null) {
       const p = (s == null ? void 0 : s.fontUrl) ?? "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";
       if (!document.querySelector(`link[href="${p}"]`)) {
@@ -2203,27 +2493,27 @@ function q({ children: a, appearance: s }) {
         b.rel = "stylesheet", b.href = p, document.head.appendChild(b);
       }
       const m = document.createElement("link");
-      m.rel = "stylesheet", m.href = p, l.appendChild(m);
+      m.rel = "stylesheet", m.href = p, i.appendChild(m);
     }
-    const c = X(s), d = document.createElement("style");
-    d.textContent = aa(c), l.appendChild(d);
-    const i = document.createElement("div");
-    l.appendChild(i), n(l);
-  }, []), V(() => {
+    const l = aa(s), d = document.createElement("style");
+    d.textContent = ea(l), i.appendChild(d);
+    const c = document.createElement("div");
+    i.appendChild(c), n(i);
+  }, []), U(() => {
     if (!o) return;
-    const l = o.querySelector("style");
-    if (l) {
-      const c = X(s);
-      l.textContent = aa(c);
+    const i = o.querySelector("style");
+    if (i) {
+      const l = aa(s);
+      i.textContent = ea(l);
     }
   }, [s, o]);
   const u = (o == null ? void 0 : o.querySelector("div")) ?? null;
-  return /* @__PURE__ */ e("div", { ref: t, style: { display: "contents" }, children: u && wa(a, u) });
+  return /* @__PURE__ */ e("div", { ref: r, style: { display: "contents" }, children: u && va(a, u) });
 }
-function ta() {
-  const { client: a, user: s, isLoaded: t } = L();
+function sa() {
+  const { client: a, user: s, isLoaded: r } = A();
   return {
-    isLoaded: t,
+    isLoaded: r,
     isSignedIn: !!s,
     user: s,
     signOut: $(() => a.auth.signOut(), [a]),
@@ -2231,155 +2521,155 @@ function ta() {
     refreshUser: $(() => a.auth.refreshUser(), [a])
   };
 }
-function ae() {
-  const { user: a, isLoaded: s } = L();
+function se() {
+  const { user: a, isLoaded: s } = A();
   return { user: a, isLoaded: s };
 }
-function sa() {
-  const { client: a } = L(), [s, t] = g(!1), [o, n] = g(null), u = $(
-    async (d, i) => {
-      t(!0), n(null);
+function na() {
+  const { client: a } = A(), [s, r] = g(!1), [o, n] = g(null), u = $(
+    async (d, c) => {
+      r(!0), n(null);
       try {
-        return await a.auth.signIn(d, i);
+        return await a.auth.signIn(d, c);
       } catch (f) {
         return n(f instanceof Error ? f.message : "Sign in failed"), null;
       } finally {
-        t(!1);
+        r(!1);
       }
     },
     [a]
-  ), l = $(
+  ), i = $(
     async (d) => {
-      t(!0), n(null);
+      r(!0), n(null);
       try {
         return await a.auth.signInWithOAuth(d);
-      } catch (i) {
-        return n(i instanceof Error ? i.message : "OAuth sign in failed"), null;
+      } catch (c) {
+        return n(c instanceof Error ? c.message : "OAuth sign in failed"), null;
       } finally {
-        t(!1);
+        r(!1);
       }
     },
     [a]
-  ), c = $(
-    async (d, i) => {
-      t(!0), n(null);
+  ), l = $(
+    async (d, c) => {
+      r(!0), n(null);
       try {
-        return await a.auth.submitMfaCode(d, i);
+        return await a.auth.submitMfaCode(d, c);
       } catch (f) {
         return n(f instanceof Error ? f.message : "MFA verification failed"), null;
       } finally {
-        t(!1);
+        r(!1);
       }
     },
     [a]
   );
-  return { signIn: u, signInWithOAuth: l, submitMfaCode: c, isLoading: s, error: o, setError: n };
+  return { signIn: u, signInWithOAuth: i, submitMfaCode: l, isLoading: s, error: o, setError: n };
 }
-function Ca() {
-  const { client: a } = L(), [s, t] = g(!1), [o, n] = g(null);
+function ka() {
+  const { client: a } = A(), [s, r] = g(!1), [o, n] = g(null);
   return { signUp: $(
-    async (l, c) => {
-      t(!0), n(null);
+    async (i, l) => {
+      r(!0), n(null);
       try {
-        return await a.auth.signUp(l, c);
+        return await a.auth.signUp(i, l);
       } catch (d) {
         return n(d instanceof Error ? d.message : "Sign up failed"), null;
       } finally {
-        t(!1);
+        r(!1);
       }
     },
     [a]
   ), isLoading: s, error: o, setError: n };
 }
-function na() {
-  const { client: a } = L(), [s, t] = g([]), [o, n] = g(null), [u, l] = g([]), [c, d] = g([]), [i, f] = g(!1), [p, m] = g(null), b = $(async () => {
+function Y() {
+  const { client: a } = A(), [s, r] = g([]), [o, n] = g(null), [u, i] = g([]), [l, d] = g([]), [c, f] = g(!1), [p, m] = g(null), b = $(async () => {
     f(!0), m(null);
     try {
-      const S = await a.auth.listOrgs();
-      t(S);
+      const C = await a.auth.listOrgs();
+      r(C);
       const x = typeof window < "u" ? localStorage.getItem("ss_selected_org") : null;
-      if (x && S.some((v) => v.id === x) && !o) {
-        const v = S.find((O) => O.id === x);
+      if (x && C.some((v) => v.id === x) && !o) {
+        const v = C.find((E) => E.id === x);
         n(v);
         try {
-          const O = await a.auth.listMembers(v.id);
-          l(O);
+          const E = await a.auth.listMembers(v.id);
+          i(E);
         } catch {
         }
       }
-    } catch (S) {
-      m(S instanceof Error ? S.message : "Failed to load organizations");
+    } catch (C) {
+      m(C instanceof Error ? C.message : "Failed to load organizations");
     } finally {
       f(!1);
     }
   }, [a, o]);
-  V(() => {
+  U(() => {
     b();
   }, [b]);
-  const w = $(async (S) => {
+  const N = $(async (C) => {
     try {
-      const x = await a.auth.getOrg(S);
-      n(x), typeof window < "u" && localStorage.setItem("ss_selected_org", S);
-      const v = await a.auth.listMembers(S);
-      l(v);
+      const x = await a.auth.getOrg(C);
+      n(x), typeof window < "u" && localStorage.setItem("ss_selected_org", C);
+      const v = await a.auth.listMembers(C);
+      i(v);
     } catch (x) {
       m(x instanceof Error ? x.message : "Failed to load organization");
     }
-  }, [a]), y = $(async (S, x) => {
+  }, [a]), y = $(async (C, x) => {
     try {
-      const v = await a.auth.createOrg(S, x);
-      return t((O) => [...O, v]), v;
+      const v = await a.auth.createOrg(C, x);
+      return r((E) => [...E, v]), v;
     } catch (v) {
       return m(v instanceof Error ? v.message : "Failed to create organization"), null;
     }
-  }, [a]), C = $(async (S, x) => {
+  }, [a]), O = $(async (C, x) => {
     try {
-      const v = await a.auth.updateOrg(S, x);
-      return t((O) => O.map((D) => D.id === S ? v : D)), (o == null ? void 0 : o.id) === S && n(v), v;
+      const v = await a.auth.updateOrg(C, x);
+      return r((E) => E.map((M) => M.id === C ? v : M)), (o == null ? void 0 : o.id) === C && n(v), v;
     } catch (v) {
       return m(v instanceof Error ? v.message : "Failed to update organization"), null;
     }
-  }, [a, o]), h = $(async (S) => {
+  }, [a, o]), h = $(async (C) => {
     try {
-      return await a.auth.deleteOrg(S), t((x) => x.filter((v) => v.id !== S)), (o == null ? void 0 : o.id) === S && (n(null), l([]), d([]), typeof window < "u" && localStorage.removeItem("ss_selected_org")), !0;
+      return await a.auth.deleteOrg(C), r((x) => x.filter((v) => v.id !== C)), (o == null ? void 0 : o.id) === C && (n(null), i([]), d([]), typeof window < "u" && localStorage.removeItem("ss_selected_org")), !0;
     } catch (x) {
       return m(x instanceof Error ? x.message : "Failed to delete organization"), !1;
     }
-  }, [a, o]), N = $(async (S, x, v) => {
+  }, [a, o]), S = $(async (C, x, v) => {
     try {
-      return await a.auth.sendInvite(S, x, v);
-    } catch (O) {
-      return m(O instanceof Error ? O.message : "Failed to send invite"), null;
+      return await a.auth.sendInvite(C, x, v);
+    } catch (E) {
+      return m(E instanceof Error ? E.message : "Failed to send invite"), null;
     }
-  }, [a]), k = $(async (S) => {
+  }, [a]), k = $(async (C) => {
     try {
-      const x = await a.auth.listInvites(S);
+      const x = await a.auth.listInvites(C);
       d(x);
     } catch (x) {
       m(x instanceof Error ? x.message : "Failed to load invites");
     }
-  }, [a]), z = $(async (S, x) => {
+  }, [a]), P = $(async (C, x) => {
     try {
-      return await a.auth.revokeInvite(S, x), d((v) => v.filter((O) => O.id !== x)), !0;
+      return await a.auth.revokeInvite(C, x), d((v) => v.filter((E) => E.id !== x)), !0;
     } catch (v) {
       return m(v instanceof Error ? v.message : "Failed to revoke invite"), !1;
     }
-  }, [a]), E = $(async (S, x, v) => {
+  }, [a]), I = $(async (C, x, v) => {
     try {
-      return await a.auth.updateMemberRole(S, x, v), l((O) => O.map((D) => D.userId === x ? { ...D, role: v } : D)), !0;
-    } catch (O) {
-      return m(O instanceof Error ? O.message : "Failed to update member role"), !1;
+      return await a.auth.updateMemberRole(C, x, v), i((E) => E.map((M) => M.userId === x ? { ...M, role: v } : M)), !0;
+    } catch (E) {
+      return m(E instanceof Error ? E.message : "Failed to update member role"), !1;
     }
-  }, [a]), I = $(async (S, x) => {
+  }, [a]), F = $(async (C, x) => {
     try {
-      return await a.auth.removeMember(S, x), l((v) => v.filter((O) => O.userId !== x)), !0;
+      return await a.auth.removeMember(C, x), i((v) => v.filter((E) => E.userId !== x)), !0;
     } catch (v) {
       return m(v instanceof Error ? v.message : "Failed to remove member"), !1;
     }
-  }, [a]), A = $(async (S) => {
+  }, [a]), B = $(async (C) => {
     try {
-      const x = await a.auth.listMembers(S);
-      l(x);
+      const x = await a.auth.listMembers(C);
+      i(x);
     } catch (x) {
       m(x instanceof Error ? x.message : "Failed to load members");
     }
@@ -2388,43 +2678,43 @@ function na() {
     orgs: s,
     selectedOrg: o,
     members: u,
-    invites: c,
-    isLoading: i,
+    invites: l,
+    isLoading: c,
     error: p,
     setError: m,
     refresh: b,
-    selectOrg: w,
+    selectOrg: N,
     createOrg: y,
-    updateOrg: C,
+    updateOrg: O,
     deleteOrg: h,
-    sendInvite: N,
+    sendInvite: S,
     refreshInvites: k,
-    revokeInvite: z,
-    updateMemberRole: E,
-    removeMember: I,
-    refreshMembers: A
+    revokeInvite: P,
+    updateMemberRole: I,
+    removeMember: F,
+    refreshMembers: B
   };
 }
-function za() {
-  const { client: a } = L(), [s, t] = g(!1), [o, n] = g(null);
+function Ca() {
+  const { client: a } = A(), [s, r] = g(!1), [o, n] = g(null);
   return { deleteAccount: $(async () => {
-    t(!0), n(null);
+    r(!0), n(null);
     try {
       return await a.auth.deleteAccount(), !0;
-    } catch (l) {
-      return n(l instanceof Error ? l.message : "Failed to delete account"), !1;
+    } catch (i) {
+      return n(i instanceof Error ? i.message : "Failed to delete account"), !1;
     } finally {
-      t(!1);
+      r(!1);
     }
   }, [a]), isLoading: s, error: o, setError: n };
 }
 function oa() {
-  const { client: a, user: s } = L(), [t, o] = g(!1), [n, u] = g(null), [l, c] = g(null), d = $(
+  const { client: a, user: s } = A(), [r, o] = g(!1), [n, u] = g(null), [i, l] = g(null), d = $(
     async (p) => {
-      o(!0), u(null), c(null);
+      o(!0), u(null), l(null);
       try {
         const m = await a.auth.updateProfile(p);
-        return c("Profile updated"), m;
+        return l("Profile updated"), m;
       } catch (m) {
         return u(m instanceof Error ? m.message : "Failed to update profile"), null;
       } finally {
@@ -2432,11 +2722,11 @@ function oa() {
       }
     },
     [a]
-  ), i = $(
+  ), c = $(
     async (p, m) => {
-      o(!0), u(null), c(null);
+      o(!0), u(null), l(null);
       try {
-        return await a.auth.changePassword(p, m), c("Password changed successfully"), !0;
+        return await a.auth.changePassword(p, m), l("Password changed successfully"), !0;
       } catch (b) {
         return u(b instanceof Error ? b.message : "Failed to change password"), !1;
       } finally {
@@ -2446,10 +2736,10 @@ function oa() {
     [a]
   ), f = $(
     async (p) => {
-      o(!0), u(null), c(null);
+      o(!0), u(null), l(null);
       try {
         const m = await a.auth.uploadAvatar(p);
-        return c("Avatar updated"), m;
+        return l("Avatar updated"), m;
       } catch (m) {
         return u(m instanceof Error ? m.message : "Failed to upload avatar"), null;
       } finally {
@@ -2458,9 +2748,9 @@ function oa() {
     },
     [a]
   );
-  return { user: s, updateProfile: d, uploadAvatar: f, changePassword: i, isLoading: t, error: n, success: l, setError: u, setSuccess: c };
+  return { user: s, updateProfile: d, uploadAvatar: f, changePassword: c, isLoading: r, error: n, success: i, setError: u, setSuccess: l };
 }
-const ia = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/></svg>', la = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" fill="currentColor"/></svg>', P = {
+const ia = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/></svg>', la = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" fill="currentColor"/></svg>', w = {
   close: "close",
   person: "person",
   logout: "logout",
@@ -2485,45 +2775,51 @@ const ia = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d=
   corporateFare: "corporate_fare",
   cloudDone: "cloud_done",
   check: "check",
-  image: "image"
+  image: "image",
+  settings: "settings",
+  group: "group",
+  creditCard: "credit_card",
+  edit: "edit",
+  send: "send",
+  personRemove: "person_remove"
 };
-function ee({ appearance: a, signUpUrl: s, onSignUp: t }) {
-  const { appearance: o, settings: n } = L(), { signIn: u, signInWithOAuth: l, submitMfaCode: c, isLoading: d, error: i, setError: f } = sa(), p = a ?? o, [m, b] = g(""), [w, y] = g(""), [C, h] = g(!1), [N, k] = g(!1), [z, E] = g(""), [I, A] = g(["", "", "", "", "", ""]), S = W([]), x = $(
-    async (T) => {
-      if (T.preventDefault(), N) {
-        await c(z, I.join(""));
+function re({ appearance: a, signUpUrl: s, onSignUp: r }) {
+  const { appearance: o, settings: n } = A(), { signIn: u, signInWithOAuth: i, submitMfaCode: l, isLoading: d, error: c, setError: f } = na(), p = a ?? o, [m, b] = g(""), [N, y] = g(""), [O, h] = g(!1), [S, k] = g(!1), [P, I] = g(""), [F, B] = g(["", "", "", "", "", ""]), C = _([]), x = $(
+    async (D) => {
+      if (D.preventDefault(), S) {
+        await l(P, F.join(""));
         return;
       }
-      const M = await u(m, w);
-      M && ya(M) && (E(M.mfaToken), k(!0), f(null));
+      const z = await u(m, N);
+      z && xa(z) && (I(z.mfaToken), k(!0), f(null));
     },
-    [m, w, N, z, I, u, c, f]
+    [m, N, S, P, F, u, l, f]
   ), v = $(
-    async (T) => {
-      await l(T);
+    async (D) => {
+      await i(D);
     },
-    [l]
-  ), O = $((T, M) => {
-    var R;
-    if (!/^\d*$/.test(M)) return;
-    const F = M.slice(-1);
-    A((Z) => {
-      const Y = [...Z];
-      return Y[T] = F, Y;
-    }), F && T < 5 && ((R = S.current[T + 1]) == null || R.focus());
-  }, []), D = $((T, M) => {
-    var F;
-    M.key === "Backspace" && !I[T] && T > 0 && ((F = S.current[T - 1]) == null || F.focus());
-  }, [I]), H = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled);
-  return /* @__PURE__ */ e(q, { appearance: p, children: /* @__PURE__ */ e("div", { className: "ss-auth-card", children: /* @__PURE__ */ r("div", { className: "ss-auth-card-body", children: [
-    /* @__PURE__ */ r("div", { className: "ss-auth-header", children: [
-      /* @__PURE__ */ e("div", { className: "ss-auth-brand-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.token }) }),
+    [i]
+  ), E = $((D, z) => {
+    var W;
+    if (!/^\d*$/.test(z)) return;
+    const L = z.slice(-1);
+    B((K) => {
+      const J = [...K];
+      return J[D] = L, J;
+    }), L && D < 5 && ((W = C.current[D + 1]) == null || W.focus());
+  }, []), M = $((D, z) => {
+    var L;
+    z.key === "Backspace" && !F[D] && D > 0 && ((L = C.current[D - 1]) == null || L.focus());
+  }, [F]), V = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled);
+  return /* @__PURE__ */ e(H, { appearance: p, children: /* @__PURE__ */ e("div", { className: "ss-auth-card", children: /* @__PURE__ */ t("div", { className: "ss-auth-card-body", children: [
+    /* @__PURE__ */ t("div", { className: "ss-auth-header", children: [
+      /* @__PURE__ */ e("div", { className: "ss-auth-brand-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.token }) }),
       /* @__PURE__ */ e("h1", { className: "ss-auth-title", children: "Sign in to your account" }),
       /* @__PURE__ */ e("p", { className: "ss-auth-subtitle", children: "Welcome back to your workspace" })
     ] }),
-    !N && H && /* @__PURE__ */ r(G, { children: [
-      /* @__PURE__ */ r("div", { className: "ss-auth-oauth-grid", children: [
-        (n == null ? void 0 : n.googleEnabled) && /* @__PURE__ */ r(
+    !S && V && /* @__PURE__ */ t(j, { children: [
+      /* @__PURE__ */ t("div", { className: "ss-auth-oauth-grid", children: [
+        (n == null ? void 0 : n.googleEnabled) && /* @__PURE__ */ t(
           "button",
           {
             type: "button",
@@ -2536,7 +2832,7 @@ function ee({ appearance: a, signUpUrl: s, onSignUp: t }) {
             ]
           }
         ),
-        (n == null ? void 0 : n.githubEnabled) && /* @__PURE__ */ r(
+        (n == null ? void 0 : n.githubEnabled) && /* @__PURE__ */ t(
           "button",
           {
             type: "button",
@@ -2552,36 +2848,36 @@ function ee({ appearance: a, signUpUrl: s, onSignUp: t }) {
       ] }),
       /* @__PURE__ */ e("div", { className: "ss-auth-divider", children: "or continue with" })
     ] }),
-    i && /* @__PURE__ */ r("div", { className: "ss-auth-error", children: [
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.errorOutline }),
-      /* @__PURE__ */ e("span", { children: i })
+    c && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
+      /* @__PURE__ */ e("span", { children: c })
     ] }),
-    /* @__PURE__ */ r("form", { onSubmit: x, children: [
-      N ? /* @__PURE__ */ r(G, { children: [
+    /* @__PURE__ */ t("form", { onSubmit: x, children: [
+      S ? /* @__PURE__ */ t(j, { children: [
         /* @__PURE__ */ e("div", { className: "ss-auth-mfa-divider", children: /* @__PURE__ */ e("span", { children: "Verification Required" }) }),
-        /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
+        /* @__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((T, M) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "ss-auth-mfa-group", children: F.map((D, z) => /* @__PURE__ */ e(
             "input",
             {
-              ref: (F) => {
-                S.current[M] = F;
+              ref: (L) => {
+                C.current[z] = L;
               },
               className: "ss-auth-mfa-digit",
               type: "text",
               inputMode: "numeric",
               maxLength: 1,
-              value: T,
-              onChange: (F) => O(M, F.target.value),
-              onKeyDown: (F) => D(M, F),
-              autoFocus: M === 0
+              value: D,
+              onChange: (L) => E(z, L.target.value),
+              onKeyDown: (L) => M(z, L),
+              autoFocus: z === 0
             },
-            M
+            z
           )) }),
           /* @__PURE__ */ e("p", { className: "ss-auth-mfa-hint", children: "We sent a 6-digit code to your registered email." })
         ] })
-      ] }) : /* @__PURE__ */ r(G, { children: [
-        /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
+      ] }) : /* @__PURE__ */ t(j, { children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-email", children: "Email Address" }),
           /* @__PURE__ */ e(
             "input",
@@ -2592,27 +2888,27 @@ function ee({ appearance: a, signUpUrl: s, onSignUp: t }) {
               autoComplete: "email",
               placeholder: "name@company.com",
               value: m,
-              onChange: (T) => b(T.target.value),
+              onChange: (D) => b(D.target.value),
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ r("div", { className: "ss-auth-field-row", children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ t("div", { className: "ss-auth-field-row", children: [
             /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-password", style: { marginBottom: 0 }, children: "Password" }),
             /* @__PURE__ */ e("span", { className: "ss-auth-link", style: { fontSize: "12px" }, children: "Forgot?" })
           ] }),
-          /* @__PURE__ */ r("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ t("div", { style: { position: "relative" }, children: [
             /* @__PURE__ */ e(
               "input",
               {
                 id: "ss-password",
                 className: "ss-auth-input",
-                type: C ? "text" : "password",
+                type: O ? "text" : "password",
                 autoComplete: "current-password",
                 placeholder: "••••••••",
-                value: w,
-                onChange: (T) => y(T.target.value),
+                value: N,
+                onChange: (D) => y(D.target.value),
                 required: !0
               }
             ),
@@ -2621,85 +2917,85 @@ function ee({ appearance: a, signUpUrl: s, onSignUp: t }) {
               {
                 type: "button",
                 className: "ss-auth-visibility-toggle",
-                onClick: () => h(!C),
-                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: C ? P.visibilityOff : P.visibility })
+                onClick: () => h(!O),
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: O ? w.visibilityOff : w.visibility })
               }
             )
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ r("button", { type: "submit", className: "ss-auth-btn-primary", disabled: d, children: [
+      /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary", disabled: d, children: [
         d && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
-        N ? "Verify" : "Sign in",
-        !d && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.arrowForward })
+        S ? "Verify" : "Sign in",
+        !d && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.arrowForward })
       ] })
     ] }),
-    N ? /* @__PURE__ */ e("div", { className: "ss-auth-footer", children: /* @__PURE__ */ e(
+    S ? /* @__PURE__ */ e("div", { className: "ss-auth-footer", children: /* @__PURE__ */ e(
       "span",
       {
         className: "ss-auth-link",
         onClick: () => {
-          k(!1), A(["", "", "", "", "", ""]), f(null);
+          k(!1), B(["", "", "", "", "", ""]), f(null);
         },
         children: "Back to sign in"
       }
-    ) }) : /* @__PURE__ */ r("div", { className: "ss-auth-footer", children: [
+    ) }) : /* @__PURE__ */ t("div", { className: "ss-auth-footer", children: [
       "Don't have an account?",
       " ",
-      t ? /* @__PURE__ */ e("span", { className: "ss-auth-link", onClick: t, children: "Sign up" }) : s ? /* @__PURE__ */ e("a", { className: "ss-auth-link", href: s, children: "Sign up" }) : /* @__PURE__ */ e("span", { className: "ss-auth-link", children: "Sign up" })
+      r ? /* @__PURE__ */ e("span", { className: "ss-auth-link", onClick: r, children: "Sign up" }) : s ? /* @__PURE__ */ e("a", { className: "ss-auth-link", href: s, children: "Sign up" }) : /* @__PURE__ */ e("span", { className: "ss-auth-link", children: "Sign up" })
     ] })
   ] }) }) });
 }
-function te({ appearance: a, signInUrl: s, onSignIn: t }) {
-  const { appearance: o, settings: n } = L(), { signUp: u, isLoading: l, error: c, setError: d } = Ca(), { signInWithOAuth: i } = sa(), f = a ?? o, [p, m] = g(""), [b, w] = g(""), [y, C] = g(""), [h, N] = g(!1), [k, z] = g(null), E = $(
+function ne({ appearance: a, signInUrl: s, onSignIn: r }) {
+  const { appearance: o, settings: n } = A(), { signUp: u, isLoading: i, error: l, setError: d } = ka(), { signInWithOAuth: c } = na(), f = a ?? o, [p, m] = g(""), [b, N] = g(""), [y, O] = g(""), [h, S] = g(!1), [k, P] = g(null), I = $(
     async (x) => {
-      if (x.preventDefault(), z(null), b !== y) {
-        z("Passwords do not match");
+      if (x.preventDefault(), P(null), b !== y) {
+        P("Passwords do not match");
         return;
       }
       const v = (n == null ? void 0 : n.passwordMinLength) ?? 8;
       if (b.length < v) {
-        z(`Password must be at least ${v} characters`);
+        P(`Password must be at least ${v} characters`);
         return;
       }
       await u(p, b);
     },
     [p, b, y, n, u]
-  ), I = $(
+  ), F = $(
     async (x) => {
-      await i(x);
+      await c(x);
     },
-    [i]
-  ), A = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled), S = k || c;
-  return /* @__PURE__ */ e(q, { appearance: f, children: /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", width: "100%", maxWidth: "520px" }, children: [
-    /* @__PURE__ */ r("div", { className: "ss-auth-header", children: [
-      /* @__PURE__ */ e("div", { className: "ss-auth-brand-icon-gradient", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.autoAwesome }) }),
+    [c]
+  ), B = (n == null ? void 0 : n.googleEnabled) || (n == null ? void 0 : n.githubEnabled), C = k || l;
+  return /* @__PURE__ */ e(H, { appearance: f, children: /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", width: "100%", maxWidth: "520px" }, children: [
+    /* @__PURE__ */ t("div", { className: "ss-auth-header", children: [
+      /* @__PURE__ */ e("div", { className: "ss-auth-brand-icon-gradient", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.autoAwesome }) }),
       /* @__PURE__ */ e("h1", { className: "ss-auth-title ss-auth-title-lg", children: "Create your account" }),
       /* @__PURE__ */ e("p", { className: "ss-auth-subtitle", children: "Join the ecosystem" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "ss-auth-card", children: /* @__PURE__ */ r("div", { className: "ss-auth-card-body", children: [
-      A && /* @__PURE__ */ r(G, { children: [
-        /* @__PURE__ */ r("div", { className: "ss-auth-oauth-grid", children: [
-          (n == null ? void 0 : n.googleEnabled) && /* @__PURE__ */ r(
+    /* @__PURE__ */ e("div", { className: "ss-auth-card", children: /* @__PURE__ */ t("div", { className: "ss-auth-card-body", children: [
+      B && /* @__PURE__ */ t(j, { children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-oauth-grid", children: [
+          (n == null ? void 0 : n.googleEnabled) && /* @__PURE__ */ t(
             "button",
             {
               type: "button",
               className: "ss-auth-btn-social",
-              onClick: () => I("google"),
-              disabled: l,
+              onClick: () => F("google"),
+              disabled: i,
               children: [
                 /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ia } }),
                 "Google"
               ]
             }
           ),
-          (n == null ? void 0 : n.githubEnabled) && /* @__PURE__ */ r(
+          (n == null ? void 0 : n.githubEnabled) && /* @__PURE__ */ t(
             "button",
             {
               type: "button",
               className: "ss-auth-btn-social",
-              onClick: () => I("github"),
-              disabled: l,
+              onClick: () => F("github"),
+              disabled: i,
               children: [
                 /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: la } }),
                 "GitHub"
@@ -2709,12 +3005,12 @@ function te({ appearance: a, signInUrl: s, onSignIn: t }) {
         ] }),
         /* @__PURE__ */ e("div", { className: "ss-auth-divider", children: "or sign up with email" })
       ] }),
-      S && /* @__PURE__ */ r("div", { className: "ss-auth-error", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.errorOutline }),
-        /* @__PURE__ */ e("span", { children: S })
+      C && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
+        /* @__PURE__ */ e("span", { children: C })
       ] }),
-      /* @__PURE__ */ r("form", { onSubmit: E, children: [
-        /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
+      /* @__PURE__ */ t("form", { onSubmit: I, children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-signup-email", children: "Email" }),
           /* @__PURE__ */ e(
             "input",
@@ -2730,9 +3026,9 @@ function te({ appearance: a, signInUrl: s, onSignIn: t }) {
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-signup-password", children: "Password" }),
-          /* @__PURE__ */ r("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ t("div", { style: { position: "relative" }, children: [
             /* @__PURE__ */ e(
               "input",
               {
@@ -2743,7 +3039,7 @@ function te({ appearance: a, signInUrl: s, onSignIn: t }) {
                 placeholder: "••••••••",
                 value: b,
                 onChange: (x) => {
-                  w(x.target.value), z(null);
+                  N(x.target.value), P(null);
                 },
                 required: !0
               }
@@ -2753,13 +3049,13 @@ function te({ appearance: a, signInUrl: s, onSignIn: t }) {
               {
                 type: "button",
                 className: "ss-auth-visibility-toggle",
-                onClick: () => N(!h),
-                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: h ? P.visibilityOff : P.visibility })
+                onClick: () => S(!h),
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: h ? w.visibilityOff : w.visibility })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
           /* @__PURE__ */ e("label", { className: "ss-auth-label", htmlFor: "ss-signup-confirm", children: "Confirm Password" }),
           /* @__PURE__ */ e(
             "input",
@@ -2771,85 +3067,85 @@ function te({ appearance: a, signInUrl: s, onSignIn: t }) {
               placeholder: "••••••••",
               value: y,
               onChange: (x) => {
-                C(x.target.value), z(null);
+                O(x.target.value), P(null);
               },
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ r("button", { type: "submit", className: "ss-auth-btn-primary", disabled: l, children: [
-          l && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+        /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary", disabled: i, children: [
+          i && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
           "Sign up",
-          !l && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.arrowForward })
+          !i && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.arrowForward })
         ] })
       ] }),
-      /* @__PURE__ */ r("div", { className: "ss-auth-footer", children: [
+      /* @__PURE__ */ t("div", { className: "ss-auth-footer", children: [
         "Already have an account?",
         " ",
-        t ? /* @__PURE__ */ e("span", { className: "ss-auth-link", onClick: t, children: "Sign in" }) : s ? /* @__PURE__ */ e("a", { className: "ss-auth-link", href: s, children: "Sign in" }) : /* @__PURE__ */ e("span", { className: "ss-auth-link", children: "Sign in" })
+        r ? /* @__PURE__ */ e("span", { className: "ss-auth-link", onClick: r, children: "Sign in" }) : s ? /* @__PURE__ */ e("a", { className: "ss-auth-link", href: s, children: "Sign in" }) : /* @__PURE__ */ e("span", { className: "ss-auth-link", children: "Sign in" })
       ] })
     ] }) })
   ] }) });
 }
-const B = 320, j = 128;
-function Pa({ file: a, onCrop: s, onCancel: t }) {
-  const o = W(null), n = W(null), [u, l] = g(1), [c, d] = g({ x: 0, y: 0 }), [i, f] = g(!1), p = W({ x: 0, y: 0, ox: 0, oy: 0 }), [m, b] = g(!1);
-  V(() => {
-    const h = new Image(), N = URL.createObjectURL(a);
+const T = 320, q = 128;
+function za({ file: a, onCrop: s, onCancel: r }) {
+  const o = _(null), n = _(null), [u, i] = g(1), [l, d] = g({ x: 0, y: 0 }), [c, f] = g(!1), p = _({ x: 0, y: 0, ox: 0, oy: 0 }), [m, b] = g(!1);
+  U(() => {
+    const h = new Image(), S = URL.createObjectURL(a);
     return h.onload = () => {
-      n.current = h, b(!0), d({ x: 0, y: 0 }), l(1);
-    }, h.src = N, () => URL.revokeObjectURL(N);
-  }, [a]), V(() => {
+      n.current = h, b(!0), d({ x: 0, y: 0 }), i(1);
+    }, h.src = S, () => URL.revokeObjectURL(S);
+  }, [a]), U(() => {
     if (!m || !n.current || !o.current) return;
     const h = o.current.getContext("2d");
     if (!h) return;
-    const N = n.current;
-    h.clearRect(0, 0, B, B), h.fillStyle = "#111", h.fillRect(0, 0, B, B);
-    const k = Math.max(B / N.width, B / N.height) * u, z = N.width * k, E = N.height * k, I = (B - z) / 2 + c.x, A = (B - E) / 2 + c.y;
-    h.save(), h.beginPath(), h.arc(B / 2, B / 2, j, 0, Math.PI * 2), h.clip(), h.drawImage(N, I, A, z, E), h.restore(), h.save(), h.fillStyle = "rgba(0, 0, 0, 0.6)", h.fillRect(0, 0, B, B), h.globalCompositeOperation = "destination-out", h.beginPath(), h.arc(B / 2, B / 2, j, 0, Math.PI * 2), h.fill(), h.restore(), h.save(), h.beginPath(), h.arc(B / 2, B / 2, j, 0, Math.PI * 2), h.clip(), h.drawImage(N, I, A, z, E), h.restore(), h.strokeStyle = "rgba(255, 255, 255, 0.4)", h.lineWidth = 2, h.beginPath(), h.arc(B / 2, B / 2, j, 0, Math.PI * 2), h.stroke();
-  }, [u, c, m]);
-  const w = $(
+    const S = n.current;
+    h.clearRect(0, 0, T, T), h.fillStyle = "#111", h.fillRect(0, 0, T, T);
+    const k = Math.max(T / S.width, T / S.height) * u, P = S.width * k, I = S.height * k, F = (T - P) / 2 + l.x, B = (T - I) / 2 + l.y;
+    h.save(), h.beginPath(), h.arc(T / 2, T / 2, q, 0, Math.PI * 2), h.clip(), h.drawImage(S, F, B, P, I), h.restore(), h.save(), h.fillStyle = "rgba(0, 0, 0, 0.6)", h.fillRect(0, 0, T, T), h.globalCompositeOperation = "destination-out", h.beginPath(), h.arc(T / 2, T / 2, q, 0, Math.PI * 2), h.fill(), h.restore(), h.save(), h.beginPath(), h.arc(T / 2, T / 2, q, 0, Math.PI * 2), h.clip(), h.drawImage(S, F, B, P, I), h.restore(), h.strokeStyle = "rgba(255, 255, 255, 0.4)", h.lineWidth = 2, h.beginPath(), h.arc(T / 2, T / 2, q, 0, Math.PI * 2), h.stroke();
+  }, [u, l, m]);
+  const N = $(
     (h) => {
-      f(!0), p.current = { x: h.clientX, y: h.clientY, ox: c.x, oy: c.y }, h.target.setPointerCapture(h.pointerId);
+      f(!0), p.current = { x: h.clientX, y: h.clientY, ox: l.x, oy: l.y }, h.target.setPointerCapture(h.pointerId);
     },
-    [c]
+    [l]
   ), y = $(
     (h) => {
-      i && d({
+      c && d({
         x: p.current.ox + (h.clientX - p.current.x),
         y: p.current.oy + (h.clientY - p.current.y)
       });
     },
-    [i]
-  ), C = $(() => f(!1), []);
+    [c]
+  ), O = $(() => f(!1), []);
   return $(() => {
     if (!n.current) return;
-    const h = document.createElement("canvas"), N = j * 2;
-    h.width = N, h.height = N;
+    const h = document.createElement("canvas"), S = q * 2;
+    h.width = S, h.height = S;
     const k = h.getContext("2d");
     if (!k) return;
-    const z = n.current, E = Math.max(B / z.width, B / z.height) * u, I = z.width * E, A = z.height * E, S = (B - I) / 2 + c.x - (B / 2 - j), x = (B - A) / 2 + c.y - (B / 2 - j);
-    k.beginPath(), k.arc(j, j, j, 0, Math.PI * 2), k.clip(), k.drawImage(z, S, x, I, A), h.toBlob((v) => {
+    const P = n.current, I = Math.max(T / P.width, T / P.height) * u, F = P.width * I, B = P.height * I, C = (T - F) / 2 + l.x - (T / 2 - q), x = (T - B) / 2 + l.y - (T / 2 - q);
+    k.beginPath(), k.arc(q, q, q, 0, Math.PI * 2), k.clip(), k.drawImage(P, C, x, F, B), h.toBlob((v) => {
       v && s(v);
     }, "image/png");
-  }, [u, c, s]), /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "24px" }, children: [
-    /* @__PURE__ */ r("div", { className: "ss-auth-crop-area", children: [
+  }, [u, l, s]), /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "24px" }, children: [
+    /* @__PURE__ */ t("div", { className: "ss-auth-crop-area", children: [
       /* @__PURE__ */ e(
         "canvas",
         {
           ref: o,
-          width: B,
-          height: B,
-          style: { cursor: i ? "grabbing" : "grab", width: "100%", height: "100%" },
-          onPointerDown: w,
+          width: T,
+          height: T,
+          style: { cursor: c ? "grabbing" : "grab", width: "100%", height: "100%" },
+          onPointerDown: N,
           onPointerMove: y,
-          onPointerUp: C
+          onPointerUp: O
         }
       ),
       /* @__PURE__ */ e("div", { className: "ss-auth-crop-size-badge", children: "256 x 256 px" })
     ] }),
-    /* @__PURE__ */ r("div", { className: "ss-auth-zoom-control", style: { width: "100%", maxWidth: "280px" }, children: [
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.zoomOut }),
+    /* @__PURE__ */ t("div", { className: "ss-auth-zoom-control", style: { width: "100%", maxWidth: "280px" }, children: [
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.zoomOut }),
       /* @__PURE__ */ e(
         "input",
         {
@@ -2858,16 +3154,16 @@ function Pa({ file: a, onCrop: s, onCancel: t }) {
           max: "3",
           step: "0.01",
           value: u,
-          onChange: (h) => l(parseFloat(h.target.value)),
+          onChange: (h) => i(parseFloat(h.target.value)),
           className: "ss-auth-zoom-slider"
         }
       ),
-      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.zoomIn })
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.zoomIn })
     ] })
   ] });
 }
-function ca({ onUpload: a, onClose: s, isLoading: t }) {
-  const [o, n] = g(null), [u, l] = g(!1), [c, d] = g(null), i = W(null), f = $((b) => {
+function ca({ onUpload: a, onClose: s, isLoading: r }) {
+  const [o, n] = g(null), [u, i] = g(!1), [l, d] = g(null), c = _(null), f = $((b) => {
     if (!b.type.startsWith("image/")) {
       d("Please select an image file");
       return;
@@ -2879,9 +3175,9 @@ function ca({ onUpload: a, onClose: s, isLoading: t }) {
     d(null), n(b);
   }, []), p = $(
     (b) => {
-      b.preventDefault(), l(!1);
-      const w = b.dataTransfer.files[0];
-      w && f(w);
+      b.preventDefault(), i(!1);
+      const N = b.dataTransfer.files[0];
+      N && f(N);
     },
     [f]
   ), m = $(
@@ -2892,18 +3188,18 @@ function ca({ onUpload: a, onClose: s, isLoading: t }) {
   );
   return /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (b) => {
     b.target === b.currentTarget && s();
-  }, children: /* @__PURE__ */ r("div", { className: "ss-auth-modal ss-auth-card-wide", children: [
-    /* @__PURE__ */ r("div", { className: "ss-auth-modal-header", children: [
+  }, children: /* @__PURE__ */ t("div", { className: "ss-auth-modal ss-auth-card-wide", children: [
+    /* @__PURE__ */ t("div", { className: "ss-auth-modal-header", children: [
       /* @__PURE__ */ e("h2", { children: "Upload avatar" }),
-      /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: s, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.close }) })
+      /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: s, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.close }) })
     ] }),
-    /* @__PURE__ */ r("div", { className: "ss-auth-modal-body", children: [
-      c && /* @__PURE__ */ r("div", { className: "ss-auth-error", style: { marginBottom: "24px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.errorOutline }),
-        /* @__PURE__ */ e("span", { children: c })
+    /* @__PURE__ */ t("div", { className: "ss-auth-modal-body", children: [
+      l && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "24px" }, children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
+        /* @__PURE__ */ e("span", { children: l })
       ] }),
-      /* @__PURE__ */ r("div", { className: "ss-auth-upload-grid", children: [
-        /* @__PURE__ */ e("div", { children: o ? /* @__PURE__ */ e(Pa, { file: o, onCrop: m, onCancel: () => n(null) }) : /* @__PURE__ */ r(
+      /* @__PURE__ */ t("div", { className: "ss-auth-upload-grid", children: [
+        /* @__PURE__ */ e("div", { children: o ? /* @__PURE__ */ e(za, { file: o, onCrop: m, onCancel: () => n(null) }) : /* @__PURE__ */ t(
           "div",
           {
             className: "ss-auth-crop-area",
@@ -2917,30 +3213,30 @@ function ca({ onUpload: a, onClose: s, isLoading: t }) {
               aspectRatio: "1"
             },
             children: [
-              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "48px", opacity: 0.3 }, children: P.image }),
+              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "48px", opacity: 0.3 }, children: w.image }),
               /* @__PURE__ */ e("span", { style: { fontSize: "12px", opacity: 0.4 }, children: "No image selected" })
             ]
           }
         ) }),
-        /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-          /* @__PURE__ */ r(
+        /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+          /* @__PURE__ */ t(
             "div",
             {
               className: `ss-auth-dropzone${u ? " ss-auth-dropzone-active" : ""}`,
               onDragOver: (b) => {
-                b.preventDefault(), l(!0);
+                b.preventDefault(), i(!0);
               },
-              onDragLeave: () => l(!1),
+              onDragLeave: () => i(!1),
               onDrop: p,
               onClick: () => {
                 var b;
-                return (b = i.current) == null ? void 0 : b.click();
+                return (b = c.current) == null ? void 0 : b.click();
               },
               style: { minHeight: "180px" },
               children: [
-                /* @__PURE__ */ e("div", { className: "ss-auth-dropzone-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.cloudUpload }) }),
+                /* @__PURE__ */ e("div", { className: "ss-auth-dropzone-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.cloudUpload }) }),
                 /* @__PURE__ */ e("span", { className: "ss-auth-dropzone-title", children: "Drag and drop" }),
-                /* @__PURE__ */ r("span", { className: "ss-auth-dropzone-desc", children: [
+                /* @__PURE__ */ t("span", { className: "ss-auth-dropzone-desc", children: [
                   "JPG, PNG or WEBP",
                   /* @__PURE__ */ e("br", {}),
                   "Max file size 5 MB"
@@ -2949,105 +3245,697 @@ function ca({ onUpload: a, onClose: s, isLoading: t }) {
                 /* @__PURE__ */ e(
                   "input",
                   {
-                    ref: i,
+                    ref: c,
                     type: "file",
                     accept: "image/*",
                     style: { display: "none" },
                     onChange: (b) => {
-                      var w;
-                      (w = b.target.files) != null && w[0] && f(b.target.files[0]);
+                      var N;
+                      (N = b.target.files) != null && N[0] && f(b.target.files[0]);
                     }
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ r("div", { className: "ss-auth-info-box", children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.info }),
+          /* @__PURE__ */ t("div", { className: "ss-auth-info-box", children: [
+            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.info }),
             /* @__PURE__ */ e("span", { children: "Your profile photo will be visible to all members of your organization." })
           ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ r("div", { className: "ss-auth-modal-footer", children: [
+    /* @__PURE__ */ t("div", { className: "ss-auth-modal-footer", children: [
       /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-ghost", onClick: s, children: "Cancel" }),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           className: "ss-auth-btn-primary ss-auth-btn-sm",
           onClick: () => {
           },
-          disabled: !o || t,
+          disabled: !o || r,
           style: { width: "auto" },
           children: [
-            t && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+            r && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
             "Save Profile",
-            !t && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.check })
+            !r && /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.check })
           ]
         }
       )
     ] })
   ] }) });
 }
-function re({
-  appearance: a,
-  afterSignOutUrl: s,
-  afterDeleteAccountUrl: t,
-  showOrgSwitcher: o = !0,
-  onOrgChange: n,
-  onOrgSettingsClick: u
-}) {
-  const { appearance: l } = L(), { user: c, signOut: d } = ta(), i = a ?? l, [f, p] = g(!1), [m, b] = g(!1), [w, y] = g(""), [C, h] = g(null), [N, k] = g(!1), z = W(null), { orgs: E, selectedOrg: I, selectOrg: A, createOrg: S } = na(), x = $((O) => {
-    z.current && !O.composedPath().includes(z.current) && p(!1);
-  }, []);
-  V(() => {
+function Pa({ onClose: a, afterDeleteAccountUrl: s, defaultTab: r = "profile" }) {
+  const [o, n] = g(r), u = [
+    { key: "profile", label: "Profile", icon: w.person },
+    { key: "organization", label: "Organization", icon: w.corporateFare },
+    { key: "people", label: "People", icon: w.group },
+    { key: "billing", label: "Billing", icon: w.creditCard }
+  ];
+  return /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (i) => {
+    i.target === i.currentTarget && a();
+  }, children: /* @__PURE__ */ t("div", { className: "ss-auth-settings-page", children: [
+    /* @__PURE__ */ t("div", { className: "ss-auth-settings-header", children: [
+      /* @__PURE__ */ e("h2", { children: "Settings" }),
+      /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: a, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.close }) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "ss-auth-settings-layout", children: [
+      /* @__PURE__ */ e("nav", { className: "ss-auth-settings-nav", children: u.map((i) => /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: `ss-auth-settings-nav-item${o === i.key ? " ss-auth-settings-nav-item-active" : ""}`,
+          onClick: () => n(i.key),
+          children: [
+            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: i.icon }),
+            i.label
+          ]
+        },
+        i.key
+      )) }),
+      /* @__PURE__ */ t("div", { className: "ss-auth-settings-content", children: [
+        o === "profile" && /* @__PURE__ */ e(Oa, { afterDeleteAccountUrl: s }),
+        o === "organization" && /* @__PURE__ */ e(Ea, {}),
+        o === "people" && /* @__PURE__ */ e(Ia, {}),
+        o === "billing" && /* @__PURE__ */ e(Fa, {})
+      ] })
+    ] })
+  ] }) });
+}
+function Oa({ afterDeleteAccountUrl: a }) {
+  const { user: s, updateProfile: r, uploadAvatar: o, changePassword: n, isLoading: u, error: i, success: l, setError: d, setSuccess: c } = oa(), { signOut: f } = sa(), { deleteAccount: p, isLoading: m, error: b, setError: N } = Ca(), [y, O] = g((s == null ? void 0 : s.name) ?? ""), [h, S] = g((s == null ? void 0 : s.avatarUrl) ?? ""), [k, P] = g(!1), [I, F] = g(""), [B, C] = g(""), [x, v] = g(""), [E, M] = g(null), [V, D] = g(!1), [z, L] = g(""), W = $(
+    async (R) => {
+      R.preventDefault(), d(null), c(null), await r({ name: y, avatarUrl: h || void 0 });
+    },
+    [y, h, r, d, c]
+  ), K = $(
+    async (R) => {
+      const X = await o(R);
+      X && (S(X.avatarUrl), P(!1));
+    },
+    [o]
+  ), J = $(
+    async (R) => {
+      if (R.preventDefault(), M(null), d(null), c(null), B !== x) {
+        M("Passwords do not match");
+        return;
+      }
+      if (B.length < 8) {
+        M("Password must be at least 8 characters");
+        return;
+      }
+      await n(I, B) && (F(""), C(""), v(""));
+    },
+    [I, B, x, n, d, c]
+  ), ua = $(async () => {
+    await p() && (await f(), a && (window.location.href = a));
+  }, [p, f, a]), pa = (s == null ? void 0 : s.provider) === "email", ha = z === (s == null ? void 0 : s.email), ga = ((s == null ? void 0 : s.name) || (s == null ? void 0 : s.email) || "?").charAt(0).toUpperCase();
+  return /* @__PURE__ */ t(j, { children: [
+    /* @__PURE__ */ e("h3", { children: "Profile" }),
+    /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
+      /* @__PURE__ */ t("div", { className: "ss-auth-profile-header", style: { border: "none", background: "none", padding: 0, marginBottom: 16 }, children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-avatar-lg", onClick: () => P(!0), children: [
+          h ? /* @__PURE__ */ e("img", { src: h, alt: "" }) : /* @__PURE__ */ e("div", { style: {
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            fontSize: "48px",
+            fontWeight: 800,
+            opacity: 0.4
+          }, children: ga }),
+          /* @__PURE__ */ t("div", { className: "ss-auth-avatar-overlay", children: [
+            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.camera }),
+            /* @__PURE__ */ e("span", { children: "Edit" })
+          ] })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "ss-auth-profile-info", children: [
+          /* @__PURE__ */ t("h2", { className: "ss-auth-profile-name", children: [
+            (s == null ? void 0 : s.name) || "Unnamed User",
+            (s == null ? void 0 : s.emailVerified) && /* @__PURE__ */ t("span", { className: "ss-auth-badge ss-auth-badge-success", children: [
+              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "12px", fontVariationSettings: "'FILL' 1" }, children: w.verified }),
+              "Verified"
+            ] })
+          ] }),
+          /* @__PURE__ */ e("p", { className: "ss-auth-profile-desc", children: s == null ? void 0 : s.email })
+        ] })
+      ] }),
+      i && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
+        /* @__PURE__ */ e("span", { children: i })
+      ] }),
+      l && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.check }),
+        /* @__PURE__ */ e("span", { children: l })
+      ] }),
+      /* @__PURE__ */ t("form", { onSubmit: W, children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Full Name" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: "ss-auth-input",
+              type: "text",
+              placeholder: "Your name",
+              value: y,
+              onChange: (R) => O(R.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Email Address" }),
+            /* @__PURE__ */ t("div", { style: { position: "relative" }, children: [
+              /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "email", value: (s == null ? void 0 : s.email) ?? "", readOnly: !0 }),
+              /* @__PURE__ */ e("span", { className: "ss-auth-visibility-toggle", style: { cursor: "default" }, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "18px" }, children: w.lock }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Auth Provider" }),
+            /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "text", value: (s == null ? void 0 : s.provider) ?? "", readOnly: !0 })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: u, style: { width: "auto" }, children: [
+          u && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+          "Save changes"
+        ] }) })
+      ] })
+    ] }),
+    pa && /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
+      /* @__PURE__ */ t("h4", { children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.security }),
+        "Security Credentials"
+      ] }),
+      E && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
+        /* @__PURE__ */ e("span", { children: E })
+      ] }),
+      /* @__PURE__ */ t("form", { onSubmit: J, children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Current Password" }),
+          /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "••••••••••••", value: I, onChange: (R) => F(R.target.value), required: !0 })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "New Password" }),
+            /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "Min. 8 characters", value: B, onChange: (R) => C(R.target.value), required: !0 })
+          ] }),
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Confirm New Password" }),
+            /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "Repeat new password", value: x, onChange: (R) => v(R.target.value), required: !0 })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-ghost", disabled: u, children: "Update Security" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "ss-auth-settings-card ss-auth-settings-danger", children: [
+      /* @__PURE__ */ e("h4", { children: "Danger Zone" }),
+      /* @__PURE__ */ e("p", { className: "ss-auth-section-desc", style: { marginBottom: "16px" }, children: "Deleting your account is permanent. All organizations you own will also be deleted." }),
+      b && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
+        /* @__PURE__ */ e("span", { children: b })
+      ] }),
+      V ? /* @__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(
+            "input",
+            {
+              className: "ss-auth-input",
+              type: "email",
+              placeholder: s == null ? void 0 : s.email,
+              value: z,
+              onChange: (R) => L(R.target.value),
+              autoFocus: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "ss-auth-btn-ghost",
+              onClick: () => {
+                D(!1), L(""), N(null);
+              },
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: "ss-auth-btn-primary ss-auth-btn-sm",
+              style: { width: "auto", background: "linear-gradient(135deg, #ef4444, #dc2626)" },
+              disabled: !ha || m,
+              onClick: ua,
+              children: [
+                m && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+                "Delete account"
+              ]
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "ss-auth-btn-outline",
+          style: { borderColor: "currentColor", width: "auto" },
+          onClick: () => D(!0),
+          children: "Delete my account"
+        }
+      )
+    ] }),
+    k && /* @__PURE__ */ e(
+      ca,
+      {
+        onUpload: K,
+        onClose: () => P(!1),
+        isLoading: u
+      }
+    )
+  ] });
+}
+function Ea() {
+  const { selectedOrg: a, updateOrg: s, deleteOrg: r, isLoading: o, error: n, setError: u } = Y(), [i, l] = g((a == null ? void 0 : a.name) ?? ""), [d, c] = g(!1), [f, p] = g(!1), [m, b] = g(!1), [N, y] = g("");
+  if (U(() => {
+    a && l(a.name);
+  }, [a]), !a)
+    return /* @__PURE__ */ t(j, { children: [
+      /* @__PURE__ */ e("h3", { children: "Organization" }),
+      /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.corporateFare }),
+        /* @__PURE__ */ e("div", { children: "Select an organization from the user menu to manage its settings." })
+      ] })
+    ] });
+  const O = async (S) => {
+    if (S.preventDefault(), !i.trim()) return;
+    c(!0), p(!1);
+    const k = await s(a.id, { name: i.trim() });
+    c(!1), k && p(!0);
+  }, h = async () => {
+    await r(a.id) && b(!1);
+  };
+  return /* @__PURE__ */ t(j, { 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: w.corporateFare }),
+        "General"
+      ] }),
+      n && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
+        /* @__PURE__ */ e("span", { children: n })
+      ] }),
+      f && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.check }),
+        /* @__PURE__ */ e("span", { children: "Organization updated" })
+      ] }),
+      /* @__PURE__ */ t("form", { onSubmit: O, children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Organization Name" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: "ss-auth-input",
+              type: "text",
+              value: i,
+              onChange: (S) => {
+                l(S.target.value), p(!1);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Slug" }),
+          /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "text", value: a.slug, readOnly: !0 })
+        ] }),
+        /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: d, style: { width: "auto" }, children: [
+          d && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+          "Save"
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "ss-auth-settings-card ss-auth-settings-danger", children: [
+      /* @__PURE__ */ e("h4", { children: "Danger Zone" }),
+      /* @__PURE__ */ e("p", { className: "ss-auth-section-desc", style: { marginBottom: "16px" }, children: "Deleting this organization is permanent and will remove all members." }),
+      m ? /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Type the organization name to confirm" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: "ss-auth-input",
+              type: "text",
+              placeholder: a.name,
+              value: N,
+              onChange: (S) => y(S.target.value),
+              autoFocus: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
+          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-ghost", onClick: () => {
+            b(!1), y("");
+          }, children: "Cancel" }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: "ss-auth-btn-primary ss-auth-btn-sm",
+              style: { width: "auto", background: "linear-gradient(135deg, #ef4444, #dc2626)" },
+              disabled: N !== a.name || o,
+              onClick: h,
+              children: [
+                o && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+                "Delete organization"
+              ]
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "ss-auth-btn-outline",
+          style: { borderColor: "currentColor", width: "auto" },
+          onClick: () => b(!0),
+          children: "Delete this organization"
+        }
+      )
+    ] })
+  ] });
+}
+function Ia() {
+  const {
+    selectedOrg: a,
+    members: s,
+    invites: r,
+    isLoading: o,
+    error: n,
+    setError: u,
+    sendInvite: i,
+    refreshInvites: l,
+    revokeInvite: d,
+    updateMemberRole: c,
+    removeMember: f,
+    refreshMembers: p
+  } = Y(), [m, b] = g(""), [N, y] = g("member"), [O, h] = g(!1), [S, k] = g(!1), [P, I] = g(null), [F, B] = g(""), [C, x] = g(null);
+  if (U(() => {
+    a && (p(a.id), l(a.id));
+  }, [a, p, l]), !a)
+    return /* @__PURE__ */ t(j, { children: [
+      /* @__PURE__ */ e("h3", { children: "People" }),
+      /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.group }),
+        /* @__PURE__ */ e("div", { children: "Select an organization from the user menu to manage members." })
+      ] })
+    ] });
+  const v = async (z) => {
+    z.preventDefault(), k(!1), await i(a.id, m, N) && (b(""), y("member"), k(!0), h(!1), l(a.id));
+  }, E = async () => {
+    if (!P) return;
+    await c(a.id, P.userId, F) && I(null);
+  }, M = async () => {
+    if (!C) return;
+    await f(a.id, C.userId) && x(null);
+  }, V = async (z) => {
+    await d(a.id, z);
+  }, D = (z) => z === "owner" ? "ss-auth-role-badge ss-auth-role-badge-owner" : z === "admin" ? "ss-auth-role-badge ss-auth-role-badge-admin" : "ss-auth-role-badge ss-auth-role-badge-member";
+  return /* @__PURE__ */ t(j, { children: [
+    /* @__PURE__ */ e("h3", { children: "People" }),
+    n && /* @__PURE__ */ t("div", { className: "ss-auth-error", style: { marginBottom: "16px" }, children: [
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
+      /* @__PURE__ */ e("span", { children: n })
+    ] }),
+    S && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.check }),
+      /* @__PURE__ */ e("span", { children: "Invitation sent" })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
+      /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "16px" }, children: [
+        /* @__PURE__ */ t("h4", { style: { margin: 0 }, children: [
+          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.group }),
+          "Members"
+        ] }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "ss-auth-btn-primary ss-auth-btn-sm",
+            style: { width: "auto" },
+            onClick: () => h(!O),
+            children: [
+              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "16px" }, children: w.add }),
+              "Invite"
+            ]
+          }
+        )
+      ] }),
+      O && /* @__PURE__ */ e("form", { onSubmit: v, style: { marginBottom: "16px", padding: "16px", background: "rgba(0,0,0,0.05)", borderRadius: "8px" }, children: /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
+        /* @__PURE__ */ t("div", { style: { flex: 1 }, children: [
+          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Email" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: "ss-auth-input",
+              type: "email",
+              placeholder: "member@example.com",
+              value: m,
+              onChange: (z) => b(z.target.value),
+              required: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { style: { width: "120px" }, children: [
+          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Role" }),
+          /* @__PURE__ */ t(
+            "select",
+            {
+              className: "ss-auth-input",
+              value: N,
+              onChange: (z) => y(z.target.value),
+              style: { cursor: "pointer" },
+              children: [
+                /* @__PURE__ */ e("option", { value: "admin", children: "Admin" }),
+                /* @__PURE__ */ e("option", { value: "member", children: "Member" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: o, style: { width: "auto", marginBottom: "0" }, children: "Send" })
+      ] }) }),
+      s.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-auth-settings-empty", style: { padding: "20px" }, children: /* @__PURE__ */ e("div", { children: "No members yet." }) }) : /* @__PURE__ */ t("table", { className: "ss-auth-settings-table", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e("th", { children: "Email" }),
+          /* @__PURE__ */ e("th", { children: "Role" }),
+          /* @__PURE__ */ e("th", { style: { width: "80px" }, children: "Actions" })
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: s.map((z) => /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e("td", { children: z.email }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: D(z.role), children: z.role }) }),
+          /* @__PURE__ */ e("td", { children: z.role === "owner" ? /* @__PURE__ */ e("span", { style: { fontSize: "12px", opacity: 0.4 }, children: "—" }) : /* @__PURE__ */ t("div", { className: "ss-auth-settings-actions", children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "ss-auth-icon-btn",
+                title: "Edit role",
+                onClick: () => {
+                  I(z), B(z.role);
+                },
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.edit })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "ss-auth-icon-btn ss-auth-icon-btn-danger",
+                title: "Remove member",
+                onClick: () => x(z),
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.personRemove })
+              }
+            )
+          ] }) })
+        ] }, z.userId)) })
+      ] })
+    ] }),
+    r.length > 0 && /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
+      /* @__PURE__ */ t("h4", { children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.send }),
+        "Pending Invites"
+      ] }),
+      /* @__PURE__ */ t("table", { className: "ss-auth-settings-table", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e("th", { children: "Email" }),
+          /* @__PURE__ */ e("th", { children: "Role" }),
+          /* @__PURE__ */ e("th", { style: { width: "80px" }, children: "Actions" })
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: r.map((z) => /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e("td", { children: z.email }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: D(z.role), children: z.role }) }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "ss-auth-icon-btn ss-auth-icon-btn-danger",
+              title: "Revoke invite",
+              onClick: () => V(z.id),
+              children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.close })
+            }
+          ) })
+        ] }, z.id)) })
+      ] })
+    ] }),
+    P && /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (z) => {
+      z.target === z.currentTarget && I(null);
+    }, children: /* @__PURE__ */ t("div", { className: "ss-auth-modal", style: { maxWidth: "400px" }, children: [
+      /* @__PURE__ */ t("div", { className: "ss-auth-modal-header", children: [
+        /* @__PURE__ */ e("h2", { children: "Edit Role" }),
+        /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: () => I(null), children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.close }) })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "ss-auth-modal-body", children: [
+        /* @__PURE__ */ t("p", { style: { fontSize: "14px", marginBottom: "16px", margin: "0 0 16px 0" }, children: [
+          "Change role for ",
+          /* @__PURE__ */ e("strong", { children: P.email })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Role" }),
+          /* @__PURE__ */ t(
+            "select",
+            {
+              className: "ss-auth-input",
+              value: F,
+              onChange: (z) => B(z.target.value),
+              style: { cursor: "pointer" },
+              children: [
+                /* @__PURE__ */ e("option", { value: "admin", children: "Admin" }),
+                /* @__PURE__ */ e("option", { value: "member", children: "Member" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
+          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-ghost", onClick: () => I(null), children: "Cancel" }),
+          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-primary ss-auth-btn-sm", style: { width: "auto" }, onClick: E, children: "Save" })
+        ] })
+      ] })
+    ] }) }),
+    C && /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (z) => {
+      z.target === z.currentTarget && x(null);
+    }, children: /* @__PURE__ */ t("div", { className: "ss-auth-modal", style: { maxWidth: "400px" }, children: [
+      /* @__PURE__ */ t("div", { className: "ss-auth-modal-header", children: [
+        /* @__PURE__ */ e("h2", { children: "Remove Member" }),
+        /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: () => x(null), children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.close }) })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "ss-auth-modal-body", children: [
+        /* @__PURE__ */ t("p", { style: { fontSize: "14px", margin: "0 0 16px 0" }, children: [
+          "Are you sure you want to remove ",
+          /* @__PURE__ */ e("strong", { children: C.email }),
+          " from the organization?"
+        ] }),
+        /* @__PURE__ */ t("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
+          /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-btn-ghost", onClick: () => x(null), children: "Cancel" }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "ss-auth-btn-primary ss-auth-btn-sm",
+              style: { width: "auto", background: "linear-gradient(135deg, #ef4444, #dc2626)" },
+              onClick: M,
+              children: "Remove"
+            }
+          )
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+function Fa() {
+  const { selectedOrg: a } = Y();
+  return a ? /* @__PURE__ */ t(j, { children: [
+    /* @__PURE__ */ e("h3", { children: "Billing" }),
+    /* @__PURE__ */ t("div", { className: "ss-auth-settings-card", children: [
+      /* @__PURE__ */ t("h4", { children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.creditCard }),
+        "Plan & Billing"
+      ] }),
+      /* @__PURE__ */ e("div", { className: "ss-auth-settings-empty", style: { padding: "20px" }, children: /* @__PURE__ */ e("div", { children: "No billing plan configured for this organization." }) })
+    ] })
+  ] }) : /* @__PURE__ */ t(j, { children: [
+    /* @__PURE__ */ e("h3", { children: "Billing" }),
+    /* @__PURE__ */ t("div", { className: "ss-auth-settings-empty", children: [
+      /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.creditCard }),
+      /* @__PURE__ */ e("div", { children: "Select an organization from the user menu to manage billing." })
+    ] })
+  ] });
+}
+function oe({
+  appearance: a,
+  afterSignOutUrl: s,
+  afterDeleteAccountUrl: r,
+  showOrgSwitcher: o = !0,
+  onOrgChange: n,
+  onOrgSettingsClick: u
+}) {
+  const { appearance: i } = A(), { user: l, signOut: d } = sa(), c = a ?? i, [f, p] = g(!1), [m, b] = g(!1), [N, y] = g(""), [O, h] = g(null), [S, k] = g(!1), P = _(null), { orgs: I, selectedOrg: F, selectOrg: B, createOrg: C } = Y(), x = $((E) => {
+    P.current && !E.composedPath().includes(P.current) && p(!1);
+  }, []);
+  U(() => {
     if (f) {
-      const O = setTimeout(() => {
+      const E = setTimeout(() => {
         document.addEventListener("click", x);
       }, 0);
       return () => {
-        clearTimeout(O), document.removeEventListener("click", x);
+        clearTimeout(E), document.removeEventListener("click", x);
       };
     }
   }, [f, x]);
   const v = $(
-    async (O) => {
-      O.preventDefault(), h(null), k(!0);
-      const D = w.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+    async (E) => {
+      E.preventDefault(), h(null), k(!0);
+      const M = N.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
       try {
-        const H = await S(w, D);
-        H && (await A(H.id), n == null || n(H), y(""), p(!1));
-      } catch (H) {
-        h(H instanceof Error ? H.message : "Failed to create organization");
+        const V = await C(N, M);
+        V && (await B(V.id), n == null || n(V), y(""), p(!1));
+      } catch (V) {
+        h(V instanceof Error ? V.message : "Failed to create organization");
       } finally {
         k(!1);
       }
     },
-    [w, S, A, n]
+    [N, C, B, n]
   );
-  return c ? /* @__PURE__ */ e(q, { appearance: i, children: /* @__PURE__ */ r("div", { style: { position: "relative", display: "inline-block" }, ref: z, children: [
-    /* @__PURE__ */ e(
+  return l ? /* @__PURE__ */ e(H, { appearance: c, children: /* @__PURE__ */ t("div", { style: { position: "relative", display: "inline-block" }, ref: P, children: [
+    /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        className: "ss-auth-avatar-trigger",
+        className: "ss-auth-user-trigger",
         onClick: () => p(!f),
         "aria-label": "User menu",
-        children: c.avatarUrl ? /* @__PURE__ */ e("img", { src: c.avatarUrl, alt: "" }) : /* @__PURE__ */ e("div", { style: {
-          width: "100%",
-          height: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          fontSize: "16px",
-          fontWeight: 700
-        }, children: (c.name || c.email).charAt(0).toUpperCase() })
+        children: [
+          /* @__PURE__ */ e("span", { className: "ss-auth-avatar-trigger", children: l.avatarUrl ? /* @__PURE__ */ e("img", { src: l.avatarUrl, alt: "" }) : /* @__PURE__ */ e("div", { style: {
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            fontSize: "16px",
+            fontWeight: 700
+          }, children: (l.name || l.email).charAt(0).toUpperCase() }) }),
+          F && /* @__PURE__ */ e("span", { className: "ss-auth-trigger-org-name", children: F.name })
+        ]
       }
     ),
-    f && /* @__PURE__ */ r("div", { className: "ss-auth-dropdown ss-auth-glass-panel", style: { minWidth: "320px" }, children: [
-      /* @__PURE__ */ r("div", { className: "ss-auth-dropdown-header", children: [
-        /* @__PURE__ */ e("div", { className: "ss-auth-dropdown-avatar", children: c.avatarUrl ? /* @__PURE__ */ e("img", { src: c.avatarUrl, alt: "" }) : /* @__PURE__ */ e("div", { style: {
+    f && /* @__PURE__ */ t("div", { className: "ss-auth-dropdown ss-auth-glass-panel", style: { minWidth: "320px" }, children: [
+      /* @__PURE__ */ t("div", { className: "ss-auth-dropdown-header", children: [
+        /* @__PURE__ */ e("div", { className: "ss-auth-dropdown-avatar", children: l.avatarUrl ? /* @__PURE__ */ e("img", { src: l.avatarUrl, alt: "" }) : /* @__PURE__ */ e("div", { style: {
           width: "100%",
           height: "100%",
           display: "flex",
@@ -3055,13 +3943,13 @@ function re({
           justifyContent: "center",
           fontSize: "20px",
           fontWeight: 800
-        }, children: (c.name || c.email).charAt(0).toUpperCase() }) }),
-        /* @__PURE__ */ r("div", { children: [
-          c.name && /* @__PURE__ */ e("div", { className: "ss-auth-dropdown-name", children: c.name }),
-          /* @__PURE__ */ e("div", { className: "ss-auth-dropdown-email", children: c.email })
+        }, children: (l.name || l.email).charAt(0).toUpperCase() }) }),
+        /* @__PURE__ */ t("div", { children: [
+          l.name && /* @__PURE__ */ e("div", { className: "ss-auth-dropdown-name", children: l.name }),
+          /* @__PURE__ */ e("div", { className: "ss-auth-dropdown-email", children: l.email })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { style: { padding: "4px 8px" }, children: /* @__PURE__ */ r(
+      /* @__PURE__ */ e("div", { style: { padding: "4px 8px" }, children: /* @__PURE__ */ t(
         "button",
         {
           type: "button",
@@ -3070,45 +3958,46 @@ function re({
             p(!1), b(!0);
           },
           children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.person }),
-            "Profile"
+            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.settings }),
+            "Settings"
           ]
         }
       ) }),
-      o && /* @__PURE__ */ r(G, { children: [
+      o && /* @__PURE__ */ t(j, { children: [
         /* @__PURE__ */ e("div", { className: "ss-auth-section-label", children: "Organizations" }),
-        /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: E.map((O) => {
-          const D = (I == null ? void 0 : I.id) === O.id, H = O.name.split(" ").map((T) => T[0]).join("").slice(0, 2).toUpperCase();
-          return /* @__PURE__ */ r(
+        /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: I.map((E) => {
+          const M = (F == null ? void 0 : F.id) === E.id, V = E.name.split(" ").map((D) => D[0]).join("").slice(0, 2).toUpperCase();
+          return /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              className: `ss-auth-org-item${D ? " ss-auth-org-item-active" : ""}`,
+              className: `ss-auth-org-item${M ? " ss-auth-org-item-active" : ""}`,
               onClick: async () => {
-                p(!1), await A(O.id), n == null || n(O);
+                p(!1), await B(E.id), n == null || n(E);
               },
               children: [
-                /* @__PURE__ */ r("div", { className: "ss-auth-org-item-inner", children: [
-                  /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${D ? "" : " ss-auth-org-avatar-inactive"}`, children: H }),
-                  /* @__PURE__ */ e("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: O.name })
+                /* @__PURE__ */ t("div", { className: "ss-auth-org-item-inner", children: [
+                  /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${M ? "" : " ss-auth-org-avatar-inactive"}`, children: V }),
+                  /* @__PURE__ */ e("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: E.name }),
+                  E.planName && /* @__PURE__ */ e("span", { className: "ss-auth-plan-badge", children: E.planName })
                 ] }),
-                D && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: P.checkCircle })
+                M && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: w.checkCircle })
               ]
             },
-            O.id
+            E.id
           );
         }) }),
-        /* @__PURE__ */ r("div", { className: "ss-auth-inline-create", children: [
-          C && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "8px", fontSize: "12px" }, children: /* @__PURE__ */ e("span", { children: C }) }),
-          /* @__PURE__ */ e("form", { onSubmit: v, children: /* @__PURE__ */ r("div", { className: "ss-auth-inline-create-input", children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-inline-create", children: [
+          O && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "8px", fontSize: "12px" }, children: /* @__PURE__ */ e("span", { children: O }) }),
+          /* @__PURE__ */ e("form", { onSubmit: v, children: /* @__PURE__ */ t("div", { className: "ss-auth-inline-create-input", children: [
             /* @__PURE__ */ e(
               "input",
               {
                 className: "ss-auth-input",
                 type: "text",
                 placeholder: "New organization name",
-                value: w,
-                onChange: (O) => y(O.target.value),
+                value: N,
+                onChange: (E) => y(E.target.value),
                 required: !0,
                 style: { fontSize: "13px", padding: "10px 40px 10px 12px" }
               }
@@ -3118,28 +4007,28 @@ function re({
               {
                 type: "submit",
                 className: "ss-auth-inline-create-btn",
-                disabled: N || !w.trim(),
-                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "20px" }, children: P.add })
+                disabled: S || !N.trim(),
+                children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "20px" }, children: w.add })
               }
             )
           ] }) })
         ] }),
-        I && u && /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: /* @__PURE__ */ r(
+        F && u && /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             className: "ss-auth-dropdown-action",
             onClick: () => {
-              p(!1), u(I);
+              p(!1), u(F);
             },
             children: [
-              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.corporateFare }),
+              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.corporateFare }),
               "Org settings"
             ]
           }
         ) })
       ] }),
-      /* @__PURE__ */ e("div", { className: "ss-auth-signout-section", style: { padding: "8px" }, children: /* @__PURE__ */ r(
+      /* @__PURE__ */ e("div", { className: "ss-auth-signout-section", style: { padding: "8px" }, children: /* @__PURE__ */ t(
         "button",
         {
           type: "button",
@@ -3149,254 +4038,52 @@ function re({
           },
           style: { color: "inherit" },
           children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { color: "inherit" }, children: P.logout }),
+            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { color: "inherit" }, children: w.logout }),
             "Sign out"
           ]
         }
       ) })
     ] }),
     m && /* @__PURE__ */ e(
-      Oa,
+      Pa,
       {
         onClose: () => b(!1),
-        afterDeleteAccountUrl: t
+        afterDeleteAccountUrl: r
       }
     )
   ] }) }) : null;
 }
-function Oa({ onClose: a, afterDeleteAccountUrl: s }) {
-  const { user: t, updateProfile: o, uploadAvatar: n, changePassword: u, isLoading: l, error: c, success: d, setError: i, setSuccess: f } = oa(), { signOut: p } = ta(), { deleteAccount: m, isLoading: b, error: w, setError: y } = za(), [C, h] = g((t == null ? void 0 : t.name) ?? ""), [N, k] = g((t == null ? void 0 : t.avatarUrl) ?? ""), [z, E] = g(!1), [I, A] = g(""), [S, x] = g(""), [v, O] = g(""), [D, H] = g(null), [T, M] = g(!1), [F, R] = g(""), Z = $(
-    async (U) => {
-      U.preventDefault(), i(null), f(null), await o({ name: C, avatarUrl: N || void 0 });
-    },
-    [C, N, o, i, f]
-  ), Y = $(
-    async (U) => {
-      const K = await n(U);
-      K && (k(K.avatarUrl), E(!1));
-    },
-    [n]
-  ), ua = $(
-    async (U) => {
-      if (U.preventDefault(), H(null), i(null), f(null), S !== v) {
-        H("Passwords do not match");
-        return;
-      }
-      if (S.length < 8) {
-        H("Password must be at least 8 characters");
-        return;
-      }
-      await u(I, S) && (A(""), x(""), O(""));
-    },
-    [I, S, v, u, i, f]
-  ), pa = $(async () => {
-    await m() && (await p(), s && (window.location.href = s));
-  }, [m, p, s]), ha = (t == null ? void 0 : t.provider) === "email", ga = F === (t == null ? void 0 : t.email), fa = ((t == null ? void 0 : t.name) || (t == null ? void 0 : t.email) || "?").charAt(0).toUpperCase();
-  return /* @__PURE__ */ e("div", { className: "ss-auth-modal-overlay", onClick: (U) => {
-    U.target === U.currentTarget && a();
-  }, children: /* @__PURE__ */ r("div", { className: "ss-auth-modal", style: { maxWidth: "640px" }, children: [
-    /* @__PURE__ */ r("div", { className: "ss-auth-modal-header", children: [
-      /* @__PURE__ */ e("h2", { children: "Profile" }),
-      /* @__PURE__ */ e("button", { type: "button", className: "ss-auth-modal-close", onClick: a, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.close }) })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "ss-auth-profile-header", children: [
-      /* @__PURE__ */ r("div", { className: "ss-auth-avatar-lg", onClick: () => E(!0), children: [
-        N ? /* @__PURE__ */ e("img", { src: N, alt: "" }) : /* @__PURE__ */ e("div", { style: {
-          width: "100%",
-          height: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          fontSize: "48px",
-          fontWeight: 800,
-          opacity: 0.4
-        }, children: fa }),
-        /* @__PURE__ */ r("div", { className: "ss-auth-avatar-overlay", children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.camera }),
-          /* @__PURE__ */ e("span", { children: "Edit" })
-        ] })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "ss-auth-profile-info", children: [
-        /* @__PURE__ */ r("h2", { className: "ss-auth-profile-name", children: [
-          (t == null ? void 0 : t.name) || "Unnamed User",
-          (t == null ? void 0 : t.emailVerified) && /* @__PURE__ */ r("span", { className: "ss-auth-badge ss-auth-badge-success", children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "12px", fontVariationSettings: "'FILL' 1" }, children: P.verified }),
-            "Verified"
-          ] })
-        ] }),
-        /* @__PURE__ */ e("p", { className: "ss-auth-profile-desc", children: t == null ? void 0 : t.email })
-      ] })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "ss-auth-modal-body", children: [
-      c && /* @__PURE__ */ r("div", { className: "ss-auth-error", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.errorOutline }),
-        /* @__PURE__ */ e("span", { children: c })
-      ] }),
-      d && /* @__PURE__ */ r("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.check }),
-        /* @__PURE__ */ e("span", { children: d })
-      ] }),
-      /* @__PURE__ */ r("form", { onSubmit: Z, children: [
-        /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Full Name" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              className: "ss-auth-input",
-              type: "text",
-              placeholder: "Your name",
-              value: C,
-              onChange: (U) => h(U.target.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ r("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
-          /* @__PURE__ */ r("div", { children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Email Address" }),
-            /* @__PURE__ */ r("div", { style: { position: "relative" }, children: [
-              /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "email", value: (t == null ? void 0 : t.email) ?? "", readOnly: !0 }),
-              /* @__PURE__ */ e("span", { className: "ss-auth-visibility-toggle", style: { cursor: "default" }, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "18px" }, children: P.lock }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ r("div", { children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Auth Provider" }),
-            /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "text", value: (t == null ? void 0 : t.provider) ?? "", readOnly: !0 })
-          ] })
-        ] }),
-        /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ r("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: l, style: { width: "auto" }, children: [
-          l && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
-          "Save changes"
-        ] }) })
-      ] }),
-      ha && /* @__PURE__ */ r("div", { className: "ss-auth-section", children: [
-        /* @__PURE__ */ r("div", { className: "ss-auth-section-title", children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.security }),
-          "Security Credentials"
-        ] }),
-        D && /* @__PURE__ */ r("div", { className: "ss-auth-error", style: { marginTop: "16px" }, children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.errorOutline }),
-          /* @__PURE__ */ e("span", { children: D })
-        ] }),
-        /* @__PURE__ */ r("form", { onSubmit: ua, style: { marginTop: "16px" }, children: [
-          /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Current Password" }),
-            /* @__PURE__ */ e("input", { className: "ss-auth-input", type: "password", placeholder: "••••••••••••", value: I, onChange: (U) => A(U.target.value), required: !0 })
-          ] }),
-          /* @__PURE__ */ r("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
-            /* @__PURE__ */ r("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: S, onChange: (U) => x(U.target.value), required: !0 })
-            ] }),
-            /* @__PURE__ */ r("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: v, onChange: (U) => O(U.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: l, children: "Update Security" }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "ss-auth-section", children: [
-        /* @__PURE__ */ e("div", { className: "ss-auth-section-title", style: { color: "inherit" }, 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." }),
-        w && /* @__PURE__ */ r("div", { className: "ss-auth-error", children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.errorOutline }),
-          /* @__PURE__ */ e("span", { children: w })
-        ] }),
-        T ? /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
-            /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Type your email to confirm" }),
-            /* @__PURE__ */ e(
-              "input",
-              {
-                className: "ss-auth-input",
-                type: "email",
-                placeholder: t == null ? void 0 : t.email,
-                value: F,
-                onChange: (U) => R(U.target.value),
-                autoFocus: !0
-              }
-            )
-          ] }),
-          /* @__PURE__ */ r("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
-            /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                className: "ss-auth-btn-ghost",
-                onClick: () => {
-                  M(!1), R(""), y(null);
-                },
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ r(
-              "button",
-              {
-                type: "button",
-                className: "ss-auth-btn-primary ss-auth-btn-sm",
-                style: { width: "auto", background: "linear-gradient(135deg, #ef4444, #dc2626)" },
-                disabled: !ga || b,
-                onClick: pa,
-                children: [
-                  b && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
-                  "Delete account"
-                ]
-              }
-            )
-          ] })
-        ] }) : /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: "ss-auth-btn-outline",
-            style: { borderColor: "currentColor", width: "auto" },
-            onClick: () => M(!0),
-            children: "Delete my account"
-          }
-        )
-      ] })
-    ] }),
-    z && /* @__PURE__ */ e(
-      ca,
-      {
-        onUpload: Y,
-        onClose: () => E(!1),
-        isLoading: l
-      }
-    )
-  ] }) });
-}
-function se({ appearance: a }) {
-  const { appearance: s } = L(), { user: t, signOut: o } = ta(), { updateProfile: n, uploadAvatar: u, changePassword: l, isLoading: c, error: d, success: i, setError: f, setSuccess: p } = oa(), m = a ?? s, [b, w] = g((t == null ? void 0 : t.name) ?? ""), [y, C] = g((t == null ? void 0 : t.avatarUrl) ?? ""), [h, N] = g(!1), [k, z] = g(""), [E, I] = g(""), [A, S] = g(""), [x, v] = g(null), O = $(
-    async (F) => {
-      F.preventDefault(), f(null), p(null), await n({ name: b, avatarUrl: y || void 0 });
+function ie({ appearance: a }) {
+  const { appearance: s } = A(), { user: r, signOut: o } = sa(), { updateProfile: n, uploadAvatar: u, changePassword: i, isLoading: l, error: d, success: c, setError: f, setSuccess: p } = oa(), m = a ?? s, [b, N] = g((r == null ? void 0 : r.name) ?? ""), [y, O] = g((r == null ? void 0 : r.avatarUrl) ?? ""), [h, S] = g(!1), [k, P] = g(""), [I, F] = g(""), [B, C] = g(""), [x, v] = g(null), E = $(
+    async (L) => {
+      L.preventDefault(), f(null), p(null), await n({ name: b, avatarUrl: y || void 0 });
     },
     [b, y, n, f, p]
-  ), D = $(
-    async (F) => {
-      const R = await u(F);
-      R && (C(R.avatarUrl), N(!1));
+  ), M = $(
+    async (L) => {
+      const W = await u(L);
+      W && (O(W.avatarUrl), S(!1));
     },
     [u]
-  ), H = $(
-    async (F) => {
-      if (F.preventDefault(), v(null), f(null), p(null), E !== A) {
+  ), V = $(
+    async (L) => {
+      if (L.preventDefault(), v(null), f(null), p(null), I !== B) {
         v("Passwords do not match");
         return;
       }
-      if (E.length < 8) {
+      if (I.length < 8) {
         v("Password must be at least 8 characters");
         return;
       }
-      await l(k, E) && (z(""), I(""), S(""));
+      await i(k, I) && (P(""), F(""), C(""));
     },
-    [k, E, A, l, f, p]
+    [k, I, B, i, f, p]
   );
-  if (!t) return null;
-  const T = t.provider === "email", M = (t.name || t.email).charAt(0).toUpperCase();
-  return /* @__PURE__ */ e(q, { appearance: m, children: /* @__PURE__ */ r("div", { className: "ss-auth-card", style: { maxWidth: "640px" }, children: [
-    /* @__PURE__ */ r("div", { className: "ss-auth-profile-header", children: [
-      /* @__PURE__ */ r("div", { className: "ss-auth-avatar-lg", onClick: () => N(!0), children: [
+  if (!r) return null;
+  const D = r.provider === "email", z = (r.name || r.email).charAt(0).toUpperCase();
+  return /* @__PURE__ */ e(H, { appearance: m, children: /* @__PURE__ */ t("div", { className: "ss-auth-card", style: { maxWidth: "640px" }, children: [
+    /* @__PURE__ */ t("div", { className: "ss-auth-profile-header", children: [
+      /* @__PURE__ */ t("div", { className: "ss-auth-avatar-lg", onClick: () => S(!0), children: [
         y ? /* @__PURE__ */ e("img", { src: y, alt: "" }) : /* @__PURE__ */ e("div", { style: {
           width: "100%",
           height: "100%",
@@ -3406,34 +4093,34 @@ function se({ appearance: a }) {
           fontSize: "48px",
           fontWeight: 800,
           opacity: 0.4
-        }, children: M }),
-        /* @__PURE__ */ r("div", { className: "ss-auth-avatar-overlay", children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.camera }),
+        }, children: z }),
+        /* @__PURE__ */ t("div", { className: "ss-auth-avatar-overlay", children: [
+          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.camera }),
           /* @__PURE__ */ e("span", { children: "Edit" })
         ] })
       ] }),
-      /* @__PURE__ */ r("div", { className: "ss-auth-profile-info", children: [
-        /* @__PURE__ */ r("h2", { className: "ss-auth-profile-name", children: [
-          t.name || "Unnamed User",
-          t.emailVerified && /* @__PURE__ */ r("span", { className: "ss-auth-badge ss-auth-badge-success", children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "12px", fontVariationSettings: "'FILL' 1" }, children: P.verified }),
+      /* @__PURE__ */ t("div", { className: "ss-auth-profile-info", children: [
+        /* @__PURE__ */ t("h2", { className: "ss-auth-profile-name", children: [
+          r.name || "Unnamed User",
+          r.emailVerified && /* @__PURE__ */ t("span", { className: "ss-auth-badge ss-auth-badge-success", children: [
+            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "12px", fontVariationSettings: "'FILL' 1" }, children: w.verified }),
             "Verified"
           ] })
         ] }),
-        /* @__PURE__ */ e("p", { className: "ss-auth-profile-desc", children: t.email })
+        /* @__PURE__ */ e("p", { className: "ss-auth-profile-desc", children: r.email })
       ] })
     ] }),
-    /* @__PURE__ */ r("div", { className: "ss-auth-card-body", children: [
-      d && /* @__PURE__ */ r("div", { className: "ss-auth-error", children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.errorOutline }),
+    /* @__PURE__ */ t("div", { className: "ss-auth-card-body", children: [
+      d && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
         /* @__PURE__ */ e("span", { children: d })
       ] }),
-      i && /* @__PURE__ */ r("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.check }),
-        /* @__PURE__ */ e("span", { children: i })
+      c && /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.check }),
+        /* @__PURE__ */ e("span", { children: c })
       ] }),
-      /* @__PURE__ */ r("form", { onSubmit: O, children: [
-        /* @__PURE__ */ r("div", { className: "ss-auth-field", 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(
             "input",
@@ -3442,43 +4129,43 @@ function se({ appearance: a }) {
               type: "text",
               placeholder: "Your name",
               value: b,
-              onChange: (F) => w(F.target.value)
+              onChange: (L) => N(L.target.value)
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
-          /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ t("div", { children: [
             /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Email Address" }),
-            /* @__PURE__ */ r("div", { style: { position: "relative" }, children: [
-              /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "email", value: t.email, readOnly: !0 }),
-              /* @__PURE__ */ e("span", { className: "ss-auth-visibility-toggle", style: { cursor: "default" }, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "18px" }, children: P.lock }) })
+            /* @__PURE__ */ t("div", { style: { position: "relative" }, children: [
+              /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "email", value: r.email, readOnly: !0 }),
+              /* @__PURE__ */ e("span", { className: "ss-auth-visibility-toggle", style: { cursor: "default" }, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "18px" }, children: w.lock }) })
             ] })
           ] }),
-          /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ t("div", { children: [
             /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Auth Provider" }),
-            /* @__PURE__ */ r("div", { style: { position: "relative" }, children: [
-              /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "text", value: t.provider, readOnly: !0 }),
-              /* @__PURE__ */ e("span", { className: "ss-auth-visibility-toggle", style: { cursor: "default" }, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "18px" }, children: P.cloudDone }) })
+            /* @__PURE__ */ t("div", { style: { position: "relative" }, children: [
+              /* @__PURE__ */ e("input", { className: "ss-auth-input ss-auth-input-readonly", type: "text", value: r.provider, readOnly: !0 }),
+              /* @__PURE__ */ e("span", { className: "ss-auth-visibility-toggle", style: { cursor: "default" }, children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", style: { fontSize: "18px" }, children: w.cloudDone }) })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ r("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: c, style: { width: "auto" }, children: [
-          c && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
+        /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ t("button", { type: "submit", className: "ss-auth-btn-primary ss-auth-btn-sm", disabled: l, style: { width: "auto" }, children: [
+          l && /* @__PURE__ */ e("span", { className: "ss-auth-spinner" }),
           "Save changes"
         ] }) })
       ] }),
-      T && /* @__PURE__ */ r("div", { className: "ss-auth-section", children: [
-        /* @__PURE__ */ r("div", { className: "ss-auth-section-title", children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.security }),
+      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: w.security }),
           "Security Credentials"
         ] }),
         /* @__PURE__ */ e("p", { className: "ss-auth-section-desc", style: { marginBottom: "24px" }, children: "Update your password to keep your account secure." }),
-        x && /* @__PURE__ */ r("div", { className: "ss-auth-error", children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.errorOutline }),
+        x && /* @__PURE__ */ t("div", { className: "ss-auth-error", children: [
+          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.errorOutline }),
           /* @__PURE__ */ e("span", { children: x })
         ] }),
-        /* @__PURE__ */ r("form", { onSubmit: H, children: [
-          /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
+        /* @__PURE__ */ t("form", { onSubmit: V, children: [
+          /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
             /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Current Password" }),
             /* @__PURE__ */ e(
               "input",
@@ -3487,13 +4174,13 @@ function se({ appearance: a }) {
                 type: "password",
                 placeholder: "••••••••••••",
                 value: k,
-                onChange: (F) => z(F.target.value),
+                onChange: (L) => P(L.target.value),
                 required: !0
               }
             )
           ] }),
-          /* @__PURE__ */ r("div", { className: "ss-auth-profile-grid", style: { marginBottom: "16px" }, children: [
-            /* @__PURE__ */ r("div", { children: [
+          /* @__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",
@@ -3501,13 +4188,13 @@ function se({ appearance: a }) {
                   className: "ss-auth-input",
                   type: "password",
                   placeholder: "Min. 8 characters",
-                  value: E,
-                  onChange: (F) => I(F.target.value),
+                  value: I,
+                  onChange: (L) => F(L.target.value),
                   required: !0
                 }
               )
             ] }),
-            /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ t("div", { children: [
               /* @__PURE__ */ e("label", { className: "ss-auth-label", children: "Confirm New Password" }),
               /* @__PURE__ */ e(
                 "input",
@@ -3515,24 +4202,24 @@ function se({ appearance: a }) {
                   className: "ss-auth-input",
                   type: "password",
                   placeholder: "Repeat new password",
-                  value: A,
-                  onChange: (F) => S(F.target.value),
+                  value: B,
+                  onChange: (L) => C(L.target.value),
                   required: !0
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ r("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
-            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.info }),
+          /* @__PURE__ */ t("div", { className: "ss-auth-info-box", style: { marginBottom: "16px" }, children: [
+            /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.info }),
             /* @__PURE__ */ e("span", { children: "Password must be at least 8 characters long." })
           ] }),
-          /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-ghost", disabled: c, children: "Update Security" }) })
+          /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e("button", { type: "submit", className: "ss-auth-btn-ghost", disabled: l, children: "Update Security" }) })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: "ss-auth-section", style: { borderTop: "none", paddingTop: 0, marginTop: "24px" }, children: /* @__PURE__ */ e("div", { className: "ss-auth-signout-section", style: { borderRadius: "12px", padding: "16px 20px" }, children: /* @__PURE__ */ r("div", { className: "ss-auth-signout-row", children: [
-        /* @__PURE__ */ r("div", { className: "ss-auth-signout-info", children: [
-          /* @__PURE__ */ e("div", { className: "ss-auth-signout-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.logout }) }),
-          /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ e("div", { className: "ss-auth-section", style: { borderTop: "none", paddingTop: 0, marginTop: "24px" }, children: /* @__PURE__ */ e("div", { className: "ss-auth-signout-section", style: { borderRadius: "12px", padding: "16px 20px" }, children: /* @__PURE__ */ t("div", { className: "ss-auth-signout-row", children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-signout-info", children: [
+          /* @__PURE__ */ e("div", { className: "ss-auth-signout-icon", children: /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.logout }) }),
+          /* @__PURE__ */ t("div", { children: [
             /* @__PURE__ */ e("div", { className: "ss-auth-signout-title", children: "End Session" }),
             /* @__PURE__ */ e("div", { className: "ss-auth-signout-desc", children: "Terminate your active session" })
           ] })
@@ -3552,69 +4239,69 @@ function se({ appearance: a }) {
     h && /* @__PURE__ */ e(
       ca,
       {
-        onUpload: D,
-        onClose: () => N(!1),
-        isLoading: c
+        onUpload: M,
+        onClose: () => S(!1),
+        isLoading: l
       }
     )
   ] }) });
 }
-function ne({ appearance: a, onOrgChange: s }) {
-  const { appearance: t } = L(), { orgs: o, selectedOrg: n, selectOrg: u, createOrg: l, isLoading: c } = na(), d = a ?? t, [i, f] = g(!1), [p, m] = g(""), [b, w] = g(""), [y, C] = g(null), [h, N] = g(!1), k = W(null), z = $((x) => {
+function le({ appearance: a, onOrgChange: s }) {
+  const { appearance: r } = A(), { orgs: o, selectedOrg: n, selectOrg: u, createOrg: i, isLoading: l } = Y(), d = a ?? r, [c, f] = g(!1), [p, m] = g(""), [b, N] = g(""), [y, O] = g(null), [h, S] = g(!1), k = _(null), P = $((x) => {
     k.current && !x.composedPath().includes(k.current) && f(!1);
   }, []);
-  V(() => {
-    if (i) {
+  U(() => {
+    if (c) {
       const x = setTimeout(() => {
-        document.addEventListener("click", z);
+        document.addEventListener("click", P);
       }, 0);
       return () => {
-        clearTimeout(x), document.removeEventListener("click", z);
+        clearTimeout(x), document.removeEventListener("click", P);
       };
     }
-  }, [i, z]);
-  const E = $((x) => {
-    m(x), w(x.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
-  }, []), I = $(
+  }, [c, P]);
+  const I = $((x) => {
+    m(x), N(x.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
+  }, []), F = $(
     async (x) => {
-      x.preventDefault(), C(null), N(!0);
+      x.preventDefault(), O(null), S(!0);
       try {
-        const v = await l(p, b);
-        v && (await u(v.id), s == null || s(v), m(""), w(""), f(!1));
+        const v = await i(p, b);
+        v && (await u(v.id), s == null || s(v), m(""), N(""), f(!1));
       } catch (v) {
-        C(v instanceof Error ? v.message : "Failed to create organization");
+        O(v instanceof Error ? v.message : "Failed to create organization");
       } finally {
-        N(!1);
+        S(!1);
       }
     },
-    [p, b, l, u, s]
+    [p, b, i, u, s]
   );
-  if (c) return null;
-  const A = (n == null ? void 0 : n.name) ?? (o.length === 0 ? "No organization" : "Select organization"), S = n ? n.name.split(" ").map((x) => x[0]).join("").slice(0, 2).toUpperCase() : "--";
-  return /* @__PURE__ */ e(q, { appearance: d, children: /* @__PURE__ */ r("div", { style: { position: "relative", display: "inline-block", width: "100%", maxWidth: "360px" }, ref: k, children: [
-    /* @__PURE__ */ r(
+  if (l) return null;
+  const B = (n == null ? void 0 : n.name) ?? (o.length === 0 ? "No organization" : "Select organization"), C = n ? n.name.split(" ").map((x) => x[0]).join("").slice(0, 2).toUpperCase() : "--";
+  return /* @__PURE__ */ e(H, { appearance: d, children: /* @__PURE__ */ t("div", { style: { position: "relative", display: "inline-block", width: "100%", maxWidth: "360px" }, ref: k, children: [
+    /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         className: "ss-auth-org-trigger",
-        onClick: () => f(!i),
+        onClick: () => f(!c),
         children: [
-          /* @__PURE__ */ r("div", { className: "ss-auth-org-trigger-inner", children: [
-            /* @__PURE__ */ e("div", { className: "ss-auth-org-avatar", children: S }),
-            /* @__PURE__ */ r("div", { style: { textAlign: "left" }, children: [
+          /* @__PURE__ */ t("div", { className: "ss-auth-org-trigger-inner", children: [
+            /* @__PURE__ */ e("div", { className: "ss-auth-org-avatar", children: C }),
+            /* @__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: A })
+              /* @__PURE__ */ e("div", { className: "ss-auth-org-trigger-name", children: B })
             ] })
           ] }),
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.unfoldMore })
+          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.unfoldMore })
         ]
       }
     ),
-    i && /* @__PURE__ */ r("div", { className: "ss-auth-dropdown ss-auth-dropdown-left ss-auth-glass-panel", style: { width: "100%" }, children: [
+    c && /* @__PURE__ */ t("div", { className: "ss-auth-dropdown ss-auth-dropdown-left ss-auth-glass-panel", style: { width: "100%" }, children: [
       /* @__PURE__ */ e("div", { className: "ss-auth-section-label", children: "Your Organizations" }),
       /* @__PURE__ */ e("div", { style: { padding: "0 8px 4px" }, children: o.map((x) => {
-        const v = (n == null ? void 0 : n.id) === x.id, O = x.name.split(" ").map((D) => D[0]).join("").slice(0, 2).toUpperCase();
-        return /* @__PURE__ */ r(
+        const v = (n == null ? void 0 : n.id) === x.id, E = x.name.split(" ").map((M) => M[0]).join("").slice(0, 2).toUpperCase();
+        return /* @__PURE__ */ t(
           "button",
           {
             type: "button",
@@ -3623,24 +4310,24 @@ function ne({ appearance: a, onOrgChange: s }) {
               f(!1), await u(x.id), s == null || s(x);
             },
             children: [
-              /* @__PURE__ */ r("div", { className: "ss-auth-org-item-inner", children: [
-                /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${v ? "" : " ss-auth-org-avatar-inactive"}`, children: O }),
+              /* @__PURE__ */ t("div", { className: "ss-auth-org-item-inner", children: [
+                /* @__PURE__ */ e("div", { className: `ss-auth-org-avatar${v ? "" : " ss-auth-org-avatar-inactive"}`, children: E }),
                 /* @__PURE__ */ e("span", { style: { fontFamily: "'Manrope', sans-serif", letterSpacing: "-0.01em" }, children: x.name })
               ] }),
-              v && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: P.checkCircle })
+              v && /* @__PURE__ */ e("span", { className: "material-symbols-outlined ss-auth-org-check", style: { fontSize: "18px" }, children: w.checkCircle })
             ]
           },
           x.id
         );
       }) }),
-      /* @__PURE__ */ r("div", { className: "ss-auth-org-create", children: [
-        /* @__PURE__ */ r("div", { className: "ss-auth-org-create-header", children: [
-          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: P.addCircle }),
+      /* @__PURE__ */ t("div", { className: "ss-auth-org-create", children: [
+        /* @__PURE__ */ t("div", { className: "ss-auth-org-create-header", children: [
+          /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: w.addCircle }),
           /* @__PURE__ */ e("span", { children: "Create organization" })
         ] }),
         y && /* @__PURE__ */ e("div", { className: "ss-auth-error", style: { marginBottom: "12px", fontSize: "12px" }, children: /* @__PURE__ */ e("span", { children: y }) }),
-        /* @__PURE__ */ r("form", { onSubmit: I, children: [
-          /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
+        /* @__PURE__ */ t("form", { onSubmit: F, children: [
+          /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
             /* @__PURE__ */ e("label", { className: "ss-auth-label", style: { fontSize: "10px" }, children: "Org Name" }),
             /* @__PURE__ */ e(
               "input",
@@ -3649,15 +4336,15 @@ function ne({ appearance: a, onOrgChange: s }) {
                 type: "text",
                 placeholder: "e.g. Nexus Dynamics",
                 value: p,
-                onChange: (x) => E(x.target.value),
+                onChange: (x) => I(x.target.value),
                 required: !0,
                 style: { fontSize: "13px", padding: "10px 12px" }
               }
             )
           ] }),
-          /* @__PURE__ */ r("div", { className: "ss-auth-field", children: [
+          /* @__PURE__ */ t("div", { className: "ss-auth-field", children: [
             /* @__PURE__ */ e("label", { className: "ss-auth-label", style: { fontSize: "10px" }, children: "Workspace Slug" }),
-            /* @__PURE__ */ r("div", { style: { position: "relative" }, children: [
+            /* @__PURE__ */ t("div", { style: { position: "relative" }, children: [
               /* @__PURE__ */ e("span", { className: "ss-auth-org-slug-prefix", children: "/" }),
               /* @__PURE__ */ e(
                 "input",
@@ -3666,14 +4353,14 @@ function ne({ appearance: a, onOrgChange: s }) {
                   type: "text",
                   placeholder: "nexus-dynamics",
                   value: b,
-                  onChange: (x) => w(x.target.value),
+                  onChange: (x) => N(x.target.value),
                   required: !0,
                   style: { fontSize: "13px", padding: "10px 12px 10px 22px" }
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ t(
             "button",
             {
               type: "submit",
@@ -3691,35 +4378,35 @@ function ne({ appearance: a, onOrgChange: s }) {
     ] })
   ] }) });
 }
-function Ea(a, s = "USD") {
+function Ba(a, s = "USD") {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: s,
     minimumFractionDigits: a % 100 === 0 ? 0 : 2
   }).format(a / 100);
 }
-function oe({ plans: a, currentPlanId: s, onSelectPlan: t, interval: o, appearance: n }) {
-  const { appearance: u } = L(), l = n ?? u, c = o ? a.filter((d) => d.interval === o || d.isFree) : a;
-  return /* @__PURE__ */ e(q, { appearance: l, children: /* @__PURE__ */ e("div", { className: "ss-pricing-grid", children: c.map((d) => {
-    const i = d.id === s;
-    return /* @__PURE__ */ r("div", { className: `ss-pricing-card ${i ? "ss-pricing-card-current" : ""}`, children: [
-      /* @__PURE__ */ r("div", { className: "ss-pricing-header", children: [
+function ce({ plans: a, currentPlanId: s, onSelectPlan: r, interval: o, appearance: n }) {
+  const { appearance: u } = A(), i = n ?? u, l = o ? a.filter((d) => d.interval === o || d.isFree) : a;
+  return /* @__PURE__ */ e(H, { appearance: i, children: /* @__PURE__ */ e("div", { className: "ss-pricing-grid", children: l.map((d) => {
+    const c = d.id === s;
+    return /* @__PURE__ */ t("div", { className: `ss-pricing-card ${c ? "ss-pricing-card-current" : ""}`, children: [
+      /* @__PURE__ */ t("div", { className: "ss-pricing-header", children: [
         /* @__PURE__ */ e("h3", { className: "ss-pricing-name", children: d.name }),
-        d.trialDays > 0 && /* @__PURE__ */ r("span", { className: "ss-badge ss-badge-trialing", children: [
+        d.trialDays > 0 && /* @__PURE__ */ t("span", { className: "ss-badge ss-badge-trialing", children: [
           d.trialDays,
           "-day trial"
         ] }),
         d.isFree && /* @__PURE__ */ e("span", { className: "ss-badge ss-badge-active", children: "Free" })
       ] }),
-      /* @__PURE__ */ e("div", { className: "ss-pricing-price", children: d.isFree ? /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: "Free" }) : /* @__PURE__ */ r(G, { children: [
-        /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: Ea(d.amountCents, d.currency) }),
-        /* @__PURE__ */ r("span", { className: "ss-pricing-interval", children: [
+      /* @__PURE__ */ e("div", { className: "ss-pricing-price", children: d.isFree ? /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: "Free" }) : /* @__PURE__ */ t(j, { children: [
+        /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: Ba(d.amountCents, d.currency) }),
+        /* @__PURE__ */ t("span", { className: "ss-pricing-interval", children: [
           "/",
           d.interval
         ] })
       ] }) }),
       d.description && /* @__PURE__ */ e("p", { className: "ss-pricing-desc", children: d.description }),
-      d.features.length > 0 && /* @__PURE__ */ e("ul", { className: "ss-pricing-features", children: d.features.map((f, p) => /* @__PURE__ */ r("li", { className: "ss-pricing-feature", children: [
+      d.features.length > 0 && /* @__PURE__ */ e("ul", { className: "ss-pricing-features", children: d.features.map((f, p) => /* @__PURE__ */ t("li", { className: "ss-pricing-feature", children: [
         /* @__PURE__ */ e("span", { className: "ss-check", children: "✓" }),
         " ",
         f
@@ -3728,167 +4415,167 @@ function oe({ plans: a, currentPlanId: s, onSelectPlan: t, interval: o, appearan
         "button",
         {
           type: "button",
-          className: `ss-btn ${i ? "ss-btn-current" : "ss-btn-primary"}`,
-          disabled: i,
-          onClick: () => t(d.id),
-          children: i ? "Current plan" : "Select plan"
+          className: `ss-btn ${c ? "ss-btn-current" : "ss-btn-primary"}`,
+          disabled: c,
+          onClick: () => r(d.id),
+          children: c ? "Current plan" : "Select plan"
         }
       )
     ] }, d.id);
   }) }) });
 }
-function ie() {
-  const { client: a } = L();
+function de() {
+  const { client: a } = A();
   return { billing: a.billing };
 }
-function Q(a) {
-  const { client: s } = L();
-  return _(() => {
+function Z(a) {
+  const { client: s } = A();
+  return G(() => {
     if (a) {
-      const t = new J("https://api.saas-support.com/v1", { type: "portalToken", token: a });
-      return new va(t);
+      const r = new Q("https://api.saas-support.com/v1", { type: "portalToken", token: a });
+      return new ya(r);
     }
     return s.billing;
   }, [s, a]);
 }
-function Ia(a, s) {
-  const t = Q(s), [o, n] = g(null), [u, l] = g(!0), [c, d] = g(null), i = $(async () => {
-    l(!0), d(null);
+function La(a, s) {
+  const r = Z(s), [o, n] = g(null), [u, i] = g(!0), [l, d] = g(null), c = $(async () => {
+    i(!0), d(null);
     try {
-      const f = await t.getCustomer(a);
+      const f = await r.getCustomer(a);
       n(f);
     } catch (f) {
       d(f instanceof Error ? f.message : "Failed to load subscription");
     } finally {
-      l(!1);
+      i(!1);
     }
-  }, [t, a]);
-  return V(() => {
-    i();
-  }, [i]), { customer: o, isLoading: u, error: c, refresh: i };
+  }, [r, a]);
+  return U(() => {
+    c();
+  }, [c]), { customer: o, isLoading: u, error: l, refresh: c };
 }
-function La(a, s) {
-  const t = Q(s), [o, n] = g([]), [u, l] = g(!0), [c, d] = g(null), i = $(async () => {
-    l(!0), d(null);
+function Aa(a, s) {
+  const r = Z(s), [o, n] = g([]), [u, i] = g(!0), [l, d] = g(null), c = $(async () => {
+    i(!0), d(null);
     try {
-      const f = await t.getInvoices(a);
+      const f = await r.getInvoices(a);
       n(f);
     } catch (f) {
       d(f instanceof Error ? f.message : "Failed to load invoices");
     } finally {
-      l(!1);
+      i(!1);
     }
-  }, [t, a]);
-  return V(() => {
-    i();
-  }, [i]), { invoices: o, isLoading: u, error: c, refresh: i };
+  }, [r, a]);
+  return U(() => {
+    c();
+  }, [c]), { invoices: o, isLoading: u, error: l, refresh: c };
 }
-function Fa(a, s) {
-  const t = Q(s), [o, n] = g([]), [u, l] = g(!0), [c, d] = g(null), i = $(async () => {
-    l(!0), d(null);
+function Da(a, s) {
+  const r = Z(s), [o, n] = g([]), [u, i] = g(!0), [l, d] = g(null), c = $(async () => {
+    i(!0), d(null);
     try {
-      const f = await t.getCurrentUsage(a);
+      const f = await r.getCurrentUsage(a);
       n(f);
     } catch (f) {
       d(f instanceof Error ? f.message : "Failed to load usage");
     } finally {
-      l(!1);
+      i(!1);
     }
-  }, [t, a]);
-  return V(() => {
-    i();
-  }, [i]), { usage: o, isLoading: u, error: c, refresh: i };
+  }, [r, a]);
+  return U(() => {
+    c();
+  }, [c]), { usage: o, isLoading: u, error: l, refresh: c };
 }
-const Ba = {
+const Ta = {
   active: "ss-badge-active"
 };
-function Aa({
+function Ma({
   customerId: a,
   portalToken: s,
-  onChangePlan: t,
+  onChangePlan: r,
   onCancel: o,
   appearance: n
 }) {
-  const { appearance: u } = L(), { customer: l, isLoading: c, error: d } = Ia(a, s);
-  return /* @__PURE__ */ e(q, { appearance: n ?? u, children: /* @__PURE__ */ r("div", { className: "ss-card", children: [
+  const { appearance: u } = A(), { customer: i, isLoading: l, error: d } = La(a, s);
+  return /* @__PURE__ */ e(H, { appearance: n ?? u, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Subscription" }),
-    c && /* @__PURE__ */ r("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 }),
-    l && !c && /* @__PURE__ */ r(G, { children: [
-      /* @__PURE__ */ r("div", { className: "ss-field", children: [
+    i && !l && /* @__PURE__ */ t(j, { children: [
+      /* @__PURE__ */ t("div", { className: "ss-field", children: [
         /* @__PURE__ */ e("label", { className: "ss-label", children: "Customer" }),
-        /* @__PURE__ */ e("input", { className: "ss-input", value: l.name || l.email, disabled: !0, readOnly: !0 })
+        /* @__PURE__ */ e("input", { className: "ss-input", value: i.name || i.email, disabled: !0, readOnly: !0 })
       ] }),
-      /* @__PURE__ */ r("div", { className: "ss-field", children: [
+      /* @__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 ${Ba.active}`, children: "Active" }) })
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("span", { className: `ss-badge ${Ta.active}`, children: "Active" }) })
       ] }),
-      /* @__PURE__ */ r("div", { className: "ss-btn-group", children: [
-        t && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-primary", onClick: t, children: "Change plan" }),
+      /* @__PURE__ */ t("div", { className: "ss-btn-group", children: [
+        r && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-primary", onClick: r, children: "Change plan" }),
         o && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-danger", onClick: o, children: "Cancel subscription" })
       ] })
     ] })
   ] }) });
 }
-const Ta = {
+const Ua = {
   paid: "ss-badge-active",
   open: "ss-badge-trialing",
   draft: "ss-badge-paused",
   void: "ss-badge-canceled",
   uncollectible: "ss-badge-past-due"
 };
-function Da(a) {
+function Va(a) {
   return new Date(a).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
 }
-function Ma(a) {
+function Ra(a) {
   return new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", minimumFractionDigits: 2 }).format(a / 100);
 }
-function Ua({ customerId: a, portalToken: s, appearance: t }) {
-  const { appearance: o } = L(), { invoices: n, isLoading: u, error: l } = La(a, s), c = t ?? o, d = [...n].sort((i, f) => new Date(f.createdAt).getTime() - new Date(i.createdAt).getTime());
-  return /* @__PURE__ */ e(q, { appearance: c, children: /* @__PURE__ */ r("div", { className: "ss-card ss-card-wide", children: [
+function Ha({ customerId: a, portalToken: s, appearance: r }) {
+  const { appearance: o } = A(), { invoices: n, isLoading: u, error: i } = Aa(a, s), l = r ?? o, d = [...n].sort((c, f) => new Date(f.createdAt).getTime() - new Date(c.createdAt).getTime());
+  return /* @__PURE__ */ e(H, { appearance: l, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Invoices" }),
-    u && /* @__PURE__ */ r("div", { className: "ss-loading", children: [
+    u && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
       /* @__PURE__ */ e("span", { className: "ss-spinner" }),
       " Loading..."
     ] }),
-    l && /* @__PURE__ */ e("div", { className: "ss-global-error", children: l }),
+    i && /* @__PURE__ */ e("div", { className: "ss-global-error", children: i }),
     !u && d.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No invoices yet." }),
-    !u && d.length > 0 && /* @__PURE__ */ r("table", { className: "ss-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("tr", { children: [
+    !u && d.length > 0 && /* @__PURE__ */ t("table", { className: "ss-table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
         /* @__PURE__ */ e("th", { className: "ss-th", children: "Date" }),
         /* @__PURE__ */ e("th", { className: "ss-th", children: "Amount" }),
         /* @__PURE__ */ e("th", { className: "ss-th", children: "Status" }),
         /* @__PURE__ */ e("th", { className: "ss-th", children: "PDF" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: d.map((i) => /* @__PURE__ */ r("tr", { className: "ss-tr", children: [
-        /* @__PURE__ */ e("td", { className: "ss-td", children: Da(i.createdAt) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: Ma(i.amountCents) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: /* @__PURE__ */ e("span", { className: `ss-badge ${Ta[i.status] || ""}`, children: i.status }) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: i.pdfUrl ? /* @__PURE__ */ e("a", { className: "ss-link", href: i.pdfUrl, target: "_blank", rel: "noopener noreferrer", children: "Download" }) : "—" })
-      ] }, i.id)) })
+      /* @__PURE__ */ e("tbody", { children: d.map((c) => /* @__PURE__ */ t("tr", { className: "ss-tr", children: [
+        /* @__PURE__ */ e("td", { className: "ss-td", children: Va(c.createdAt) }),
+        /* @__PURE__ */ e("td", { className: "ss-td", children: Ra(c.amountCents) }),
+        /* @__PURE__ */ e("td", { className: "ss-td", children: /* @__PURE__ */ e("span", { className: `ss-badge ${Ua[c.status] || ""}`, children: c.status }) }),
+        /* @__PURE__ */ e("td", { className: "ss-td", children: c.pdfUrl ? /* @__PURE__ */ e("a", { className: "ss-link", href: c.pdfUrl, target: "_blank", rel: "noopener noreferrer", children: "Download" }) : "—" })
+      ] }, c.id)) })
     ] })
   ] }) });
 }
-function Va({ customerId: a, limits: s, portalToken: t, appearance: o }) {
-  const { appearance: n } = L(), { usage: u, isLoading: l, error: c } = Fa(a, t);
-  return /* @__PURE__ */ e(q, { appearance: o ?? n, children: /* @__PURE__ */ r("div", { className: "ss-card", children: [
+function ja({ customerId: a, limits: s, portalToken: r, appearance: o }) {
+  const { appearance: n } = A(), { usage: u, isLoading: i, error: l } = Da(a, r);
+  return /* @__PURE__ */ e(H, { appearance: o ?? n, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Usage" }),
-    l && /* @__PURE__ */ r("div", { className: "ss-loading", children: [
+    i && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
       /* @__PURE__ */ e("span", { className: "ss-spinner" }),
       " Loading..."
     ] }),
-    c && /* @__PURE__ */ e("div", { className: "ss-global-error", children: c }),
-    !l && u.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No usage data." }),
-    !l && u.map((i) => {
-      const f = s == null ? void 0 : s[i.metric], p = f ? Math.min(100, i.total / f * 100) : null;
-      return /* @__PURE__ */ r("div", { className: "ss-usage-item", children: [
-        /* @__PURE__ */ r("div", { className: "ss-usage-header", children: [
-          /* @__PURE__ */ e("span", { className: "ss-usage-metric", children: i.metric }),
-          /* @__PURE__ */ r("span", { className: "ss-usage-value", children: [
-            i.total.toLocaleString(),
+    l && /* @__PURE__ */ e("div", { className: "ss-global-error", children: l }),
+    !i && u.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No usage data." }),
+    !i && u.map((c) => {
+      const f = s == null ? void 0 : s[c.metric], p = f ? Math.min(100, c.total / f * 100) : null;
+      return /* @__PURE__ */ t("div", { className: "ss-usage-item", children: [
+        /* @__PURE__ */ t("div", { className: "ss-usage-header", children: [
+          /* @__PURE__ */ e("span", { className: "ss-usage-metric", children: c.metric }),
+          /* @__PURE__ */ t("span", { className: "ss-usage-value", children: [
+            c.total.toLocaleString(),
             f ? ` / ${f.toLocaleString()}` : ""
           ] })
         ] }),
@@ -3899,20 +4586,20 @@ function Va({ customerId: a, limits: s, portalToken: t, appearance: o }) {
             style: { width: `${p}%` }
           }
         ) })
-      ] }, i.metric);
+      ] }, c.metric);
     })
   ] }) });
 }
-function le({
+function ue({
   customerId: a,
   portalToken: s,
-  limits: t,
+  limits: r,
   onChangePlan: o,
   onCancel: n,
   appearance: u
 }) {
-  const { appearance: l } = L(), c = u ?? l, [d, i] = g("subscription");
-  return /* @__PURE__ */ e(q, { appearance: c, children: /* @__PURE__ */ r("div", { className: "ss-card ss-card-wide", children: [
+  const { appearance: i } = A(), l = u ?? i, [d, c] = g("subscription");
+  return /* @__PURE__ */ e(H, { appearance: l, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Billing" }),
     /* @__PURE__ */ e("div", { className: "ss-tab-group", children: [
       { id: "subscription", label: "Subscription" },
@@ -3923,14 +4610,14 @@ function le({
       {
         type: "button",
         className: `ss-tab ${d === p.id ? "ss-tab-active" : ""}`,
-        onClick: () => i(p.id),
+        onClick: () => c(p.id),
         children: p.label
       },
       p.id
     )) }),
-    /* @__PURE__ */ r("div", { className: "ss-tab-content", children: [
+    /* @__PURE__ */ t("div", { className: "ss-tab-content", children: [
       d === "subscription" && /* @__PURE__ */ e(
-        Aa,
+        Ma,
         {
           customerId: a,
           portalToken: s,
@@ -3938,31 +4625,31 @@ function le({
           onCancel: n
         }
       ),
-      d === "invoices" && /* @__PURE__ */ e(Ua, { customerId: a, portalToken: s }),
-      d === "usage" && /* @__PURE__ */ e(Va, { customerId: a, portalToken: s, limits: t })
+      d === "invoices" && /* @__PURE__ */ e(Ha, { customerId: a, portalToken: s }),
+      d === "usage" && /* @__PURE__ */ e(ja, { customerId: a, portalToken: s, limits: r })
     ] })
   ] }) });
 }
-function ce({ customerId: a, portalToken: s, onApplied: t, appearance: o }) {
-  const { appearance: n } = L(), u = Q(s), l = o ?? n, [c, d] = g(""), [i, f] = g(!1), [p, m] = g(null), [b, w] = g(null), y = $(async (C) => {
-    if (C.preventDefault(), !!c.trim()) {
-      f(!0), m(null), w(null);
+function pe({ customerId: a, portalToken: s, onApplied: r, appearance: o }) {
+  const { appearance: n } = A(), u = Z(s), i = o ?? n, [l, d] = g(""), [c, f] = g(!1), [p, m] = g(null), [b, N] = g(null), y = $(async (O) => {
+    if (O.preventDefault(), !!l.trim()) {
+      f(!0), m(null), N(null);
       try {
-        const h = await u.applyCoupon(a, c.trim());
-        w(`Coupon applied! ${h.discountType === "percent" ? `${h.amount}% off` : `$${(h.amount / 100).toFixed(2)} off`}`), d(""), t == null || t(h);
+        const h = await u.applyCoupon(a, l.trim());
+        N(`Coupon applied! ${h.discountType === "percent" ? `${h.amount}% off` : `$${(h.amount / 100).toFixed(2)} off`}`), d(""), r == null || r(h);
       } catch (h) {
         m(h instanceof Error ? h.message : "Invalid coupon code");
       } finally {
         f(!1);
       }
     }
-  }, [u, a, c, t]);
-  return /* @__PURE__ */ e(q, { appearance: l, children: /* @__PURE__ */ r("div", { className: "ss-card", children: [
+  }, [u, a, l, r]);
+  return /* @__PURE__ */ e(H, { appearance: i, children: /* @__PURE__ */ t("div", { className: "ss-card", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Apply coupon" }),
     p && /* @__PURE__ */ e("div", { className: "ss-global-error", children: p }),
     b && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: b }),
-    /* @__PURE__ */ r("form", { onSubmit: y, children: [
-      /* @__PURE__ */ r("div", { className: "ss-field", children: [
+    /* @__PURE__ */ t("form", { onSubmit: y, children: [
+      /* @__PURE__ */ t("div", { className: "ss-field", children: [
         /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-coupon-code", children: "Coupon code" }),
         /* @__PURE__ */ e(
           "input",
@@ -3971,96 +4658,96 @@ function ce({ customerId: a, portalToken: s, onApplied: t, appearance: o }) {
             className: "ss-input",
             type: "text",
             placeholder: "Enter coupon code",
-            value: c,
-            onChange: (C) => d(C.target.value),
+            value: l,
+            onChange: (O) => d(O.target.value),
             required: !0
           }
         )
       ] }),
-      /* @__PURE__ */ r("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: i || !c.trim(), children: [
-        i && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      /* @__PURE__ */ t("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: c || !l.trim(), children: [
+        c && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
         "Apply"
       ] })
     ] })
   ] }) });
 }
-function de() {
-  const { client: a } = L();
+function he() {
+  const { client: a } = A();
   return { report: a.report };
 }
 function da() {
-  const { client: a } = L(), [s, t] = g(null), [o, n] = g(!1), [u, l] = g(null), c = $(async (d) => {
-    n(!0), l(null);
+  const { client: a } = A(), [s, r] = g(null), [o, n] = g(!1), [u, i] = g(null), l = $(async (d) => {
+    n(!0), i(null);
     try {
-      const i = await a.report.executeQuery(d);
-      return t(i), i;
-    } catch (i) {
-      return l(i instanceof Error ? i.message : "Query failed"), null;
+      const c = await a.report.executeQuery(d);
+      return r(c), c;
+    } catch (c) {
+      return i(c instanceof Error ? c.message : "Query failed"), null;
     } finally {
       n(!1);
     }
   }, [a]);
-  return { result: s, execute: c, isLoading: o, error: u };
+  return { result: s, execute: l, isLoading: o, error: u };
 }
-function Ha(a) {
-  const { client: s } = L(), [t, o] = g(null), [n, u] = g(!0), [l, c] = g(null), d = $(async () => {
-    u(!0), c(null);
+function qa(a) {
+  const { client: s } = A(), [r, o] = g(null), [n, u] = g(!0), [i, l] = g(null), d = $(async () => {
+    u(!0), l(null);
     try {
-      const i = await s.report.listQueries(a);
-      o(i);
-    } catch (i) {
-      c(i instanceof Error ? i.message : "Failed to load queries");
+      const c = await s.report.listQueries(a);
+      o(c);
+    } catch (c) {
+      l(c instanceof Error ? c.message : "Failed to load queries");
     } finally {
       u(!1);
     }
   }, [s, a]);
-  return V(() => {
+  return U(() => {
     d();
-  }, [d]), { queries: (t == null ? void 0 : t.data) ?? [], meta: t == null ? void 0 : t.meta, isLoading: n, error: l, refresh: d };
+  }, [d]), { queries: (r == null ? void 0 : r.data) ?? [], meta: r == null ? void 0 : r.meta, isLoading: n, error: i, refresh: d };
 }
-function ue(a) {
-  const { client: s } = L(), [t, o] = g(null), [n, u] = g(!0), [l, c] = g(null), d = $(async () => {
-    u(!0), c(null);
+function ge(a) {
+  const { client: s } = A(), [r, o] = g(null), [n, u] = g(!0), [i, l] = g(null), d = $(async () => {
+    u(!0), l(null);
     try {
-      const i = await s.report.getDashboard(a);
-      o(i);
-    } catch (i) {
-      c(i instanceof Error ? i.message : "Failed to load dashboard");
+      const c = await s.report.getDashboard(a);
+      o(c);
+    } catch (c) {
+      l(c instanceof Error ? c.message : "Failed to load dashboard");
     } finally {
       u(!1);
     }
   }, [s, a]);
-  return V(() => {
+  return U(() => {
     d();
-  }, [d]), { dashboard: t, isLoading: n, error: l, refresh: d };
+  }, [d]), { dashboard: r, isLoading: n, error: i, refresh: d };
 }
-function pe(a, s, t = "https://api.saas-support.com/v1") {
-  const o = _(() => {
-    const p = new J(t, { type: "embedToken", token: a });
-    return new ea(p);
-  }, [a, t]), [n, u] = g(null), [l, c] = g(!0), [d, i] = g(null), f = $(async () => {
-    c(!0), i(null);
+function me(a, s, r = "https://api.saas-support.com/v1") {
+  const o = G(() => {
+    const p = new Q(r, { type: "embedToken", token: a });
+    return new ta(p);
+  }, [a, r]), [n, u] = g(null), [i, l] = g(!0), [d, c] = g(null), f = $(async () => {
+    l(!0), c(null);
     try {
       const p = await o.getDashboard(s);
       u(p);
     } catch (p) {
-      i(p instanceof Error ? p.message : "Failed to load dashboard");
+      c(p instanceof Error ? p.message : "Failed to load dashboard");
     } finally {
-      c(!1);
+      l(!1);
     }
   }, [o, s]);
-  return V(() => {
+  return U(() => {
     f();
-  }, [f]), { dashboard: n, reportClient: o, isLoading: l, error: d, refresh: f };
+  }, [f]), { dashboard: n, reportClient: o, isLoading: i, error: d, refresh: f };
 }
-function he({ onResult: a, mode: s = "both", placeholder: t, appearance: o }) {
-  const { appearance: n } = L(), { execute: u, isLoading: l, error: c } = da(), d = o ?? n, [i, f] = g(""), [p, m] = g(s === "sql" ? "sql" : "nl"), b = $(async (w) => {
-    if (w.preventDefault(), !i.trim()) return;
-    const C = await u(p === "sql" ? { sql: i } : { naturalLanguage: i });
-    C && (a == null || a(C));
-  }, [i, p, u, a]);
-  return /* @__PURE__ */ e(q, { appearance: d, children: /* @__PURE__ */ r("div", { className: "ss-card ss-card-wide", children: [
-    s === "both" && /* @__PURE__ */ r("div", { className: "ss-tab-group ss-tab-group-sm", children: [
+function fe({ onResult: a, mode: s = "both", placeholder: r, appearance: o }) {
+  const { appearance: n } = A(), { execute: u, isLoading: i, error: l } = da(), d = o ?? n, [c, f] = g(""), [p, m] = g(s === "sql" ? "sql" : "nl"), b = $(async (N) => {
+    if (N.preventDefault(), !c.trim()) return;
+    const O = await u(p === "sql" ? { sql: c } : { naturalLanguage: c });
+    O && (a == null || a(O));
+  }, [c, p, u, a]);
+  return /* @__PURE__ */ e(H, { appearance: d, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
+    s === "both" && /* @__PURE__ */ t("div", { className: "ss-tab-group ss-tab-group-sm", children: [
       /* @__PURE__ */ e(
         "button",
         {
@@ -4080,58 +4767,58 @@ function he({ onResult: a, mode: s = "both", placeholder: t, appearance: o }) {
         }
       )
     ] }),
-    c && /* @__PURE__ */ e("div", { className: "ss-global-error", children: c }),
-    /* @__PURE__ */ r("form", { onSubmit: b, children: [
+    l && /* @__PURE__ */ e("div", { className: "ss-global-error", children: l }),
+    /* @__PURE__ */ t("form", { onSubmit: b, children: [
       /* @__PURE__ */ e("div", { className: "ss-field", children: /* @__PURE__ */ e(
         "textarea",
         {
           className: "ss-input ss-query-textarea",
-          placeholder: t ?? (p === "sql" ? "SELECT ..." : "Ask a question about your data..."),
-          value: i,
-          onChange: (w) => f(w.target.value),
+          placeholder: r ?? (p === "sql" ? "SELECT ..." : "Ask a question about your data..."),
+          value: c,
+          onChange: (N) => f(N.target.value),
           rows: 3
         }
       ) }),
-      /* @__PURE__ */ r("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: l || !i.trim(), children: [
-        l && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      /* @__PURE__ */ t("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: i || !c.trim(), children: [
+        i && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
         "Run query"
       ] })
     ] })
   ] }) });
 }
-function qa({ columns: a, rows: s, sortable: t = !0, maxRows: o, appearance: n }) {
-  const { appearance: u } = L(), l = n ?? u, [c, d] = g(null), [i, f] = g("asc"), p = _(() => c ? [...s].sort((y, C) => {
-    const h = y[c], N = C[c];
-    if (h == null && N == null) return 0;
+function Wa({ columns: a, rows: s, sortable: r = !0, maxRows: o, appearance: n }) {
+  const { appearance: u } = A(), i = n ?? u, [l, d] = g(null), [c, f] = g("asc"), p = G(() => l ? [...s].sort((y, O) => {
+    const h = y[l], S = O[l];
+    if (h == null && S == null) return 0;
     if (h == null) return 1;
-    if (N == null) return -1;
-    if (typeof h == "number" && typeof N == "number")
-      return i === "asc" ? h - N : N - h;
-    const k = String(h), z = String(N);
-    return i === "asc" ? k.localeCompare(z) : z.localeCompare(k);
-  }) : s, [s, c, i]), m = o ? p.slice(0, o) : p, b = (y) => {
-    t && (c === y ? f((C) => C === "asc" ? "desc" : "asc") : (d(y), f("asc")));
+    if (S == null) return -1;
+    if (typeof h == "number" && typeof S == "number")
+      return c === "asc" ? h - S : S - h;
+    const k = String(h), P = String(S);
+    return c === "asc" ? k.localeCompare(P) : P.localeCompare(k);
+  }) : s, [s, l, c]), m = o ? p.slice(0, o) : p, b = (y) => {
+    r && (l === y ? f((O) => O === "asc" ? "desc" : "asc") : (d(y), f("asc")));
   };
-  function w(y) {
+  function N(y) {
     return y == null ? "" : typeof y == "object" ? JSON.stringify(y) : String(y);
   }
-  return /* @__PURE__ */ e(q, { appearance: l, children: /* @__PURE__ */ r("div", { className: "ss-table-container", children: [
-    /* @__PURE__ */ r("table", { className: "ss-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: a.map((y) => /* @__PURE__ */ r(
+  return /* @__PURE__ */ e(H, { appearance: i, children: /* @__PURE__ */ t("div", { className: "ss-table-container", children: [
+    /* @__PURE__ */ t("table", { className: "ss-table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: a.map((y) => /* @__PURE__ */ t(
         "th",
         {
-          className: `ss-th ${t ? "ss-th-sortable" : ""} ${c === y ? i === "asc" ? "ss-sorted-asc" : "ss-sorted-desc" : ""}`,
+          className: `ss-th ${r ? "ss-th-sortable" : ""} ${l === y ? c === "asc" ? "ss-sorted-asc" : "ss-sorted-desc" : ""}`,
           onClick: () => b(y),
           children: [
             y,
-            c === y && /* @__PURE__ */ e("span", { className: "ss-sort-indicator", children: i === "asc" ? " ▲" : " ▼" })
+            l === y && /* @__PURE__ */ e("span", { className: "ss-sort-indicator", children: c === "asc" ? " ▲" : " ▼" })
           ]
         },
         y
       )) }) }),
-      /* @__PURE__ */ e("tbody", { children: m.map((y, C) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: a.map((h) => /* @__PURE__ */ e("td", { className: "ss-td", children: w(y[h]) }, h)) }, C)) })
+      /* @__PURE__ */ e("tbody", { children: m.map((y, O) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: a.map((h) => /* @__PURE__ */ e("td", { className: "ss-td", children: N(y[h]) }, h)) }, O)) })
     ] }),
-    o && s.length > o && /* @__PURE__ */ r("div", { className: "ss-table-footer", children: [
+    o && s.length > o && /* @__PURE__ */ t("div", { className: "ss-table-footer", children: [
       "Showing ",
       o,
       " of ",
@@ -4140,103 +4827,103 @@ function qa({ columns: a, rows: s, sortable: t = !0, maxRows: o, appearance: n }
     ] })
   ] }) });
 }
-function ja(a, s = "#6366f1") {
-  const t = parseInt(s.replace("#", "").slice(0, 2), 16), o = [];
+function _a(a, s = "#6366f1") {
+  const r = parseInt(s.replace("#", "").slice(0, 2), 16), o = [];
   for (let n = 0; n < a; n++) {
-    const u = (t + n * Math.floor(360 / Math.max(a, 1))) % 360;
+    const u = (r + n * Math.floor(360 / Math.max(a, 1))) % 360;
     o.push(`hsl(${u}, 65%, 55%)`);
   }
   return o;
 }
-function Ra({ labels: a, values: s, w: t, h: o, colors: n }) {
-  const u = Math.max(...s, 1), l = 40, c = t - l * 2, d = o - l * 2, i = Math.max(1, c / a.length - 4);
-  return /* @__PURE__ */ r("g", { children: [
-    /* @__PURE__ */ e("line", { x1: l, y1: o - l, x2: t - l, y2: o - l, stroke: "#ccc", strokeWidth: 1 }),
+function Ga({ labels: a, values: s, w: r, h: o, colors: n }) {
+  const u = Math.max(...s, 1), i = 40, l = r - i * 2, d = o - i * 2, c = Math.max(1, l / a.length - 4);
+  return /* @__PURE__ */ t("g", { children: [
+    /* @__PURE__ */ e("line", { x1: i, y1: o - i, x2: r - i, y2: o - i, stroke: "#ccc", strokeWidth: 1 }),
     s.map((f, p) => {
-      const m = f / u * d, b = l + c / a.length * p + 2, w = o - l - m;
-      return /* @__PURE__ */ r("g", { children: [
-        /* @__PURE__ */ e("rect", { x: b, y: w, width: i, height: m, fill: n[p % n.length], rx: 2 }),
-        /* @__PURE__ */ e("text", { x: b + i / 2, y: o - l + 14, textAnchor: "middle", fontSize: 10, fill: "#666", children: a[p].length > 8 ? a[p].slice(0, 8) + "..." : a[p] })
+      const m = f / u * d, b = i + l / a.length * p + 2, N = o - i - m;
+      return /* @__PURE__ */ t("g", { children: [
+        /* @__PURE__ */ e("rect", { x: b, y: N, width: c, height: m, fill: n[p % n.length], rx: 2 }),
+        /* @__PURE__ */ e("text", { x: b + c / 2, y: o - i + 14, textAnchor: "middle", fontSize: 10, fill: "#666", children: a[p].length > 8 ? a[p].slice(0, 8) + "..." : a[p] })
       ] }, p);
     })
   ] });
 }
-function Wa({ labels: a, values: s, w: t, h: o, colors: n }) {
-  const u = Math.max(...s, 1), l = 40, c = t - l * 2, d = o - l * 2, i = a.length > 1 ? c / (a.length - 1) : 0, f = s.map((p, m) => {
-    const b = l + i * m, w = o - l - p / u * d;
-    return `${b},${w}`;
+function Ya({ labels: a, values: s, w: r, h: o, colors: n }) {
+  const u = Math.max(...s, 1), i = 40, l = r - i * 2, d = o - i * 2, c = a.length > 1 ? l / (a.length - 1) : 0, f = s.map((p, m) => {
+    const b = i + c * m, N = o - i - p / u * d;
+    return `${b},${N}`;
   });
-  return /* @__PURE__ */ r("g", { children: [
+  return /* @__PURE__ */ t("g", { children: [
     [0.25, 0.5, 0.75, 1].map((p) => {
-      const m = o - l - p * d;
-      return /* @__PURE__ */ e("line", { x1: l, y1: m, x2: t - l, y2: m, stroke: "#eee", strokeWidth: 1 }, p);
+      const m = o - i - p * d;
+      return /* @__PURE__ */ e("line", { x1: i, y1: m, x2: r - i, y2: m, stroke: "#eee", strokeWidth: 1 }, p);
     }),
     /* @__PURE__ */ e("polyline", { points: f.join(" "), fill: "none", stroke: n[0], strokeWidth: 2 }),
     s.map((p, m) => {
-      const b = l + i * m, w = o - l - p / u * d;
-      return /* @__PURE__ */ e("circle", { cx: b, cy: w, r: 4, fill: n[0] }, m);
+      const b = i + c * m, N = o - i - p / u * d;
+      return /* @__PURE__ */ e("circle", { cx: b, cy: N, r: 4, fill: n[0] }, m);
     })
   ] });
 }
-function _a({ labels: a, values: s, w: t, h: o, colors: n }) {
-  const u = s.reduce((m, b) => m + b, 0) || 1, l = t / 2, c = o / 2 - 20, d = Math.min(t, o) / 2 - 40, i = 2 * Math.PI * d;
+function Ja({ labels: a, values: s, w: r, h: o, colors: n }) {
+  const u = s.reduce((m, b) => m + b, 0) || 1, i = r / 2, l = o / 2 - 20, d = Math.min(r, o) / 2 - 40, c = 2 * Math.PI * d;
   let f = 0;
   const p = s.map((m, b) => {
-    const w = m / u, y = w * i, C = { dash: y, offset: f, color: n[b % n.length], label: a[b], pct: w };
-    return f += y, C;
+    const N = m / u, y = N * c, O = { dash: y, offset: f, color: n[b % n.length], label: a[b], pct: N };
+    return f += y, O;
   });
-  return /* @__PURE__ */ r("g", { children: [
+  return /* @__PURE__ */ t("g", { children: [
     p.map((m, b) => /* @__PURE__ */ e(
       "circle",
       {
-        cx: l,
-        cy: c,
+        cx: i,
+        cy: l,
         r: d,
         fill: "none",
         stroke: m.color,
         strokeWidth: d * 0.6,
-        strokeDasharray: `${m.dash} ${i - m.dash}`,
+        strokeDasharray: `${m.dash} ${c - m.dash}`,
         strokeDashoffset: -m.offset,
-        transform: `rotate(-90 ${l} ${c})`
+        transform: `rotate(-90 ${i} ${l})`
       },
       b
     )),
-    /* @__PURE__ */ e("g", { transform: `translate(${l - a.length * 30}, ${o - 20})`, children: p.slice(0, 6).map((m, b) => /* @__PURE__ */ r("g", { transform: `translate(${b * 60}, 0)`, children: [
+    /* @__PURE__ */ e("g", { transform: `translate(${i - a.length * 30}, ${o - 20})`, children: p.slice(0, 6).map((m, b) => /* @__PURE__ */ t("g", { transform: `translate(${b * 60}, 0)`, children: [
       /* @__PURE__ */ e("rect", { width: 10, height: 10, fill: m.color, rx: 2 }),
       /* @__PURE__ */ e("text", { x: 14, y: 9, fontSize: 9, fill: "#666", children: m.label.length > 6 ? m.label.slice(0, 6) + ".." : m.label })
     ] }, b)) })
   ] });
 }
-function Ga({ type: a, data: s, title: t, width: o = 400, height: n = 300, appearance: u }) {
-  const { appearance: l } = L(), c = u ?? l, d = _(() => ja(s.labels.length), [s.labels.length]);
-  return /* @__PURE__ */ e(q, { appearance: c, children: /* @__PURE__ */ r("div", { className: "ss-chart-container", children: [
-    t && /* @__PURE__ */ e("h3", { className: "ss-chart-title", children: t }),
-    /* @__PURE__ */ r("svg", { viewBox: `0 0 ${o} ${n}`, width: "100%", style: { maxWidth: o }, children: [
-      a === "bar" && /* @__PURE__ */ e(Ra, { labels: s.labels, values: s.values, w: o, h: n, colors: d }),
-      a === "line" && /* @__PURE__ */ e(Wa, { labels: s.labels, values: s.values, w: o, h: n, colors: d }),
-      a === "pie" && /* @__PURE__ */ e(_a, { labels: s.labels, values: s.values, w: o, h: n, colors: d })
+function Qa({ type: a, data: s, title: r, width: o = 400, height: n = 300, appearance: u }) {
+  const { appearance: i } = A(), l = u ?? i, d = G(() => _a(s.labels.length), [s.labels.length]);
+  return /* @__PURE__ */ e(H, { appearance: l, children: /* @__PURE__ */ t("div", { className: "ss-chart-container", children: [
+    r && /* @__PURE__ */ e("h3", { className: "ss-chart-title", children: r }),
+    /* @__PURE__ */ t("svg", { viewBox: `0 0 ${o} ${n}`, width: "100%", style: { maxWidth: o }, children: [
+      a === "bar" && /* @__PURE__ */ e(Ga, { labels: s.labels, values: s.values, w: o, h: n, colors: d }),
+      a === "line" && /* @__PURE__ */ e(Ya, { labels: s.labels, values: s.values, w: o, h: n, colors: d }),
+      a === "pie" && /* @__PURE__ */ e(Ja, { labels: s.labels, values: s.values, w: o, h: n, colors: d })
     ] })
   ] }) });
 }
-function ge({ dashboardId: a, embedToken: s, baseUrl: t, refreshInterval: o, appearance: n }) {
-  const u = L(), l = n ?? (u == null ? void 0 : u.appearance), c = _(() => {
+function be({ dashboardId: a, embedToken: s, baseUrl: r, refreshInterval: o, appearance: n }) {
+  const u = A(), i = n ?? (u == null ? void 0 : u.appearance), l = G(() => {
     if (s) {
-      const h = t ?? "https://api.saas-support.com/v1", N = new J(h, { type: "embedToken", token: s });
-      return new ea(N);
+      const h = r ?? "https://api.saas-support.com/v1", S = new Q(h, { type: "embedToken", token: s });
+      return new ta(S);
     }
     return u.client.report;
-  }, [s, t, u]), [d, i] = g([]), [f, p] = g({}), [m, b] = g(!0), [w, y] = g(null), C = $(async () => {
+  }, [s, r, u]), [d, c] = g([]), [f, p] = g({}), [m, b] = g(!0), [N, y] = g(null), O = $(async () => {
     b(!0), y(null);
     try {
-      const h = await c.getDashboard(a), N = JSON.parse(h.layoutJson || "[]");
-      i(N);
+      const h = await l.getDashboard(a), S = JSON.parse(h.layoutJson || "[]");
+      c(S);
       const k = {};
-      for (const z of N)
+      for (const P of S)
         try {
-          const E = await c.listQueries({ search: z.queryId, perPage: 1 });
-          if (E.data.length > 0 && E.data[0].generatedSql) {
-            const I = await c.executeQuery({ sql: E.data[0].generatedSql });
-            k[z.queryId] = I;
+          const I = await l.listQueries({ search: P.queryId, perPage: 1 });
+          if (I.data.length > 0 && I.data[0].generatedSql) {
+            const F = await l.executeQuery({ sql: I.data[0].generatedSql });
+            k[P.queryId] = F;
           }
         } catch {
         }
@@ -4246,71 +4933,71 @@ function ge({ dashboardId: a, embedToken: s, baseUrl: t, refreshInterval: o, app
     } finally {
       b(!1);
     }
-  }, [c, a]);
-  return V(() => {
-    C();
-  }, [C]), V(() => {
+  }, [l, a]);
+  return U(() => {
+    O();
+  }, [O]), U(() => {
     if (!o || o <= 0) return;
-    const h = setInterval(C, o * 1e3);
+    const h = setInterval(O, o * 1e3);
     return () => clearInterval(h);
-  }, [o, C]), /* @__PURE__ */ e(q, { appearance: l, children: /* @__PURE__ */ r("div", { className: "ss-dashboard-grid", children: [
-    m && /* @__PURE__ */ r("div", { className: "ss-loading", children: [
+  }, [o, O]), /* @__PURE__ */ e(H, { appearance: i, children: /* @__PURE__ */ t("div", { className: "ss-dashboard-grid", children: [
+    m && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
       /* @__PURE__ */ e("span", { className: "ss-spinner" }),
       " Loading dashboard..."
     ] }),
-    w && /* @__PURE__ */ e("div", { className: "ss-global-error", children: w }),
-    !m && d.map((h, N) => {
+    N && /* @__PURE__ */ e("div", { className: "ss-global-error", children: N }),
+    !m && d.map((h, S) => {
       const k = f[h.queryId];
       if (!k) return null;
-      const z = k.columns.length >= 2 ? {
-        labels: k.rows.map((E) => String(E[k.columns[0]] ?? "")),
-        values: k.rows.map((E) => Number(E[k.columns[1]] ?? 0))
+      const P = k.columns.length >= 2 ? {
+        labels: k.rows.map((I) => String(I[k.columns[0]] ?? "")),
+        values: k.rows.map((I) => Number(I[k.columns[1]] ?? 0))
       } : { labels: [], values: [] };
-      return /* @__PURE__ */ r("div", { className: "ss-widget", children: [
+      return /* @__PURE__ */ t("div", { className: "ss-widget", children: [
         h.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: h.title }),
-        h.chartType === "table" ? /* @__PURE__ */ e(qa, { columns: k.columns, rows: k.rows, maxRows: 50 }) : /* @__PURE__ */ e(
-          Ga,
+        h.chartType === "table" ? /* @__PURE__ */ e(Wa, { columns: k.columns, rows: k.rows, maxRows: 50 }) : /* @__PURE__ */ e(
+          Qa,
           {
             type: h.chartType || "bar",
-            data: z,
+            data: P,
             width: h.w,
             height: h.h
           }
         )
-      ] }, N);
+      ] }, S);
     })
   ] }) });
 }
-function Ya(a) {
+function Za(a) {
   return new Date(a).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
 }
-function fe({ onSelectQuery: a, onRunQuery: s, appearance: t }) {
-  const { appearance: o } = L(), { queries: n, isLoading: u, error: l } = Ha(), { execute: c, isLoading: d } = da(), i = t ?? o, f = $(async (p) => {
+function xe({ onSelectQuery: a, onRunQuery: s, appearance: r }) {
+  const { appearance: o } = A(), { queries: n, isLoading: u, error: i } = qa(), { execute: l, isLoading: d } = da(), c = r ?? o, f = $(async (p) => {
     if (!p.generatedSql) return;
-    const m = await c({ sql: p.generatedSql });
+    const m = await l({ sql: p.generatedSql });
     m && (s == null || s(m));
-  }, [c, s]);
-  return /* @__PURE__ */ e(q, { appearance: i, children: /* @__PURE__ */ r("div", { className: "ss-card ss-card-wide", children: [
+  }, [l, s]);
+  return /* @__PURE__ */ e(H, { appearance: c, children: /* @__PURE__ */ t("div", { className: "ss-card ss-card-wide", children: [
     /* @__PURE__ */ e("h2", { className: "ss-title", children: "Saved Queries" }),
-    u && /* @__PURE__ */ r("div", { className: "ss-loading", children: [
+    u && /* @__PURE__ */ t("div", { className: "ss-loading", children: [
       /* @__PURE__ */ e("span", { className: "ss-spinner" }),
       " Loading..."
     ] }),
-    l && /* @__PURE__ */ e("div", { className: "ss-global-error", children: l }),
+    i && /* @__PURE__ */ e("div", { className: "ss-global-error", children: i }),
     !u && n.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No saved queries." }),
-    !u && n.map((p) => /* @__PURE__ */ r(
+    !u && n.map((p) => /* @__PURE__ */ t(
       "div",
       {
         className: "ss-saved-query-card",
         onClick: () => a == null ? void 0 : a(p),
         children: [
-          /* @__PURE__ */ r("div", { className: "ss-saved-query-header", children: [
+          /* @__PURE__ */ t("div", { className: "ss-saved-query-header", children: [
             /* @__PURE__ */ e("span", { className: "ss-saved-query-name", children: p.name }),
             p.chartType && /* @__PURE__ */ e("span", { className: "ss-badge", children: p.chartType })
           ] }),
           p.naturalLanguage && /* @__PURE__ */ e("p", { className: "ss-saved-query-desc", children: p.naturalLanguage }),
-          /* @__PURE__ */ r("div", { className: "ss-saved-query-footer", children: [
-            /* @__PURE__ */ e("span", { className: "ss-saved-query-date", children: Ya(p.createdAt) }),
+          /* @__PURE__ */ t("div", { className: "ss-saved-query-footer", children: [
+            /* @__PURE__ */ e("span", { className: "ss-saved-query-date", children: Za(p.createdAt) }),
             /* @__PURE__ */ e(
               "button",
               {
@@ -4330,106 +5017,107 @@ function fe({ onSelectQuery: a, onRunQuery: s, appearance: t }) {
     ))
   ] }) });
 }
-function me({ embedToken: a, dashboardId: s, baseUrl: t = "https://api.saas-support.com/v1", refreshInterval: o, appearance: n }) {
-  const u = _(() => {
-    const y = new J(t, { type: "embedToken", token: a });
-    return new ea(y);
-  }, [a, t]), [l, c] = g([]), [d, i] = g(!0), [f, p] = g(null), m = _(() => X(n), [n]), b = _(() => aa(m), [m]), w = $(async () => {
-    i(!0), p(null);
+function ye({ embedToken: a, dashboardId: s, baseUrl: r = "https://api.saas-support.com/v1", refreshInterval: o, appearance: n }) {
+  const u = G(() => {
+    const y = new Q(r, { type: "embedToken", token: a });
+    return new ta(y);
+  }, [a, r]), [i, l] = g([]), [d, c] = g(!0), [f, p] = g(null), m = G(() => aa(n), [n]), b = G(() => ea(m), [m]), N = $(async () => {
+    c(!0), p(null);
     try {
-      const y = await u.getDashboard(s), C = JSON.parse(y.layoutJson || "[]"), h = await Promise.all(
-        C.map(async (N) => {
+      const y = await u.getDashboard(s), O = JSON.parse(y.layoutJson || "[]"), h = await Promise.all(
+        O.map(async (S) => {
           try {
-            const k = await u.listQueries({ search: N.queryId, perPage: 1 });
+            const k = await u.listQueries({ search: S.queryId, perPage: 1 });
             if (k.data.length > 0 && k.data[0].generatedSql) {
-              const z = await u.executeQuery({ sql: k.data[0].generatedSql });
-              return { ...N, result: z };
+              const P = await u.executeQuery({ sql: k.data[0].generatedSql });
+              return { ...S, result: P };
             }
           } catch {
           }
-          return N;
+          return S;
         })
       );
-      c(h);
+      l(h);
     } catch (y) {
       p(y instanceof Error ? y.message : "Failed to load dashboard");
     } finally {
-      i(!1);
+      c(!1);
     }
   }, [u, s]);
-  return V(() => {
-    w();
-  }, [w]), V(() => {
+  return U(() => {
+    N();
+  }, [N]), U(() => {
     if (!o || o <= 0) return;
-    const y = setInterval(w, o * 1e3);
+    const y = setInterval(N, o * 1e3);
     return () => clearInterval(y);
-  }, [o, w]), /* @__PURE__ */ e(
+  }, [o, N]), /* @__PURE__ */ e(
     "div",
     {
       ref: (y) => {
         if (!y || y.shadowRoot) return;
-        const C = y.attachShadow({ mode: "open" }), h = document.createElement("style");
-        h.textContent = b, C.appendChild(h);
-        const N = document.createElement("div");
-        C.appendChild(N);
+        const O = y.attachShadow({ mode: "open" }), h = document.createElement("style");
+        h.textContent = b, O.appendChild(h);
+        const S = document.createElement("div");
+        O.appendChild(S);
       },
       style: { display: "contents" },
-      children: /* @__PURE__ */ r("div", { className: "ss-dashboard-grid", children: [
+      children: /* @__PURE__ */ t("div", { className: "ss-dashboard-grid", children: [
         d && /* @__PURE__ */ e("div", { className: "ss-loading", children: "Loading dashboard..." }),
         f && /* @__PURE__ */ e("div", { className: "ss-global-error", children: f }),
-        !d && l.map((y, C) => {
+        !d && i.map((y, O) => {
           if (!y.result) return null;
-          const { columns: h, rows: N } = y.result;
-          return /* @__PURE__ */ r("div", { className: "ss-widget", children: [
+          const { columns: h, rows: S } = y.result;
+          return /* @__PURE__ */ t("div", { className: "ss-widget", children: [
             y.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: y.title }),
-            /* @__PURE__ */ r("table", { className: "ss-table", children: [
+            /* @__PURE__ */ t("table", { className: "ss-table", children: [
               /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: h.map((k) => /* @__PURE__ */ e("th", { className: "ss-th", children: k }, k)) }) }),
-              /* @__PURE__ */ e("tbody", { children: N.slice(0, 50).map((k, z) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: h.map((E) => /* @__PURE__ */ e("td", { className: "ss-td", children: String(k[E] ?? "") }, E)) }, z)) })
+              /* @__PURE__ */ e("tbody", { children: S.slice(0, 50).map((k, P) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: h.map((I) => /* @__PURE__ */ e("td", { className: "ss-td", children: String(k[I] ?? "") }, I)) }, P)) })
             ] })
-          ] }, C);
+          ] }, O);
         })
       ] })
     }
   );
 }
 export {
-  Ga as Chart,
-  ce as CouponInput,
-  ge as DashboardView,
-  qa as DataTable,
-  Ua as InvoiceHistory,
-  ne as OrgSwitcher,
-  le as PaymentPortal,
-  oe as PricingTable,
-  he as QueryInput,
-  me as ReportEmbed,
+  Qa as Chart,
+  pe as CouponInput,
+  be as DashboardView,
+  Wa as DataTable,
+  Ha as InvoiceHistory,
+  le as OrgSwitcher,
+  ue as PaymentPortal,
+  ce as PricingTable,
+  fe as QueryInput,
+  ye as ReportEmbed,
   ra as SaaSContext,
-  ye as SaaSError,
-  Xa as SaaSProvider,
-  xa as SaaSSupport,
-  fe as SavedQueryList,
-  ee as SignIn,
-  te as SignUp,
-  Aa as SubscriptionStatus,
-  Va as UsageDisplay,
-  re as UserButton,
-  se as UserProfile,
-  ya as isMfaRequired,
-  ta as useAuth,
-  ie as useBilling,
-  ue as useDashboard,
-  za as useDeleteAccount,
-  pe as useEmbedDashboard,
-  La as useInvoices,
-  na as useOrg,
+  Ne as SaaSError,
+  te as SaaSProvider,
+  ba as SaaSSupport,
+  xe as SavedQueryList,
+  Pa as SettingsPanel,
+  re as SignIn,
+  ne as SignUp,
+  Ma as SubscriptionStatus,
+  ja as UsageDisplay,
+  oe as UserButton,
+  ie as UserProfile,
+  xa as isMfaRequired,
+  sa as useAuth,
+  de as useBilling,
+  ge as useDashboard,
+  Ca as useDeleteAccount,
+  me as useEmbedDashboard,
+  Aa as useInvoices,
+  Y as useOrg,
   oa as useProfile,
   da as useQuery,
-  de as useReport,
-  L as useSaaSContext,
-  Ha as useSavedQueries,
-  sa as useSignIn,
-  Ca as useSignUp,
-  Ia as useSubscription,
-  Fa as useUsage,
-  ae as useUser
+  he as useReport,
+  A as useSaaSContext,
+  qa as useSavedQueries,
+  na as useSignIn,
+  ka as useSignUp,
+  La as useSubscription,
+  Da as useUsage,
+  se as useUser
 };