@saas-support/react 0.3.2 → 0.5.0

package/dist/react.js

@@ -1,33 +1,33 @@
-import { jsx as e, jsxs as i, Fragment as D } from "react/jsx-runtime";
-import { createContext as Y, useContext as K, useState as g, useEffect as L, useRef as R, useCallback as S, useMemo as A } from "react";
-import { SaaSSupport as X, isMfaRequired as Z, BillingClient as ss, Transport as F, ReportClient as W } from "./index.js";
-import { SaaSError as Xs } from "./index.js";
-import { createPortal as es } from "react-dom";
-const H = Y(null);
-function k() {
-  const s = K(H);
-  if (!s)
+import { jsx as s, jsxs as n, Fragment as G } from "react/jsx-runtime";
+import { createContext as ge, useContext as he, useState as m, useEffect as U, useRef as j, useCallback as N, useMemo as _ } from "react";
+import { SaaSSupport as fe, isMfaRequired as be, BillingClient as ye, Transport as J, ReportClient as K } from "./index.js";
+import { SaaSError as bs } from "./index.js";
+import { createPortal as ve } from "react-dom";
+const se = ge(null);
+function L() {
+  const e = he(se);
+  if (!e)
     throw new Error("useSaaSContext must be used within a <SaaSProvider>");
-  return s;
+  return e;
 }
-function Bs({ publishableKey: s, apiKey: a, baseUrl: r, appearance: c, children: t }) {
-  const [d] = g(() => new X({ publishableKey: s, apiKey: a, baseUrl: r })), [l, u] = g(null), [o, n] = g(!1), [m, p] = g(null);
-  return L(() => {
-    let h = !1;
-    d.load().then(async () => {
-      if (h) return;
-      const y = await d.auth.getUser(), b = await d.auth.getSettings();
-      u(y), p(b), n(!0);
+function Ze({ publishableKey: e, apiKey: a, baseUrl: r, appearance: o, children: t }) {
+  const [u] = m(() => new fe({ publishableKey: e, apiKey: a, baseUrl: r })), [i, c] = m(null), [d, l] = m(!1), [g, p] = m(null);
+  return U(() => {
+    let f = !1;
+    u.load().then(async () => {
+      if (f) return;
+      const k = await u.auth.getUser(), v = await u.auth.getSettings();
+      c(k), p(v), l(!0);
     });
-    const v = d.auth.onAuthStateChange((y) => {
-      h || u(y);
+    const b = u.auth.onAuthStateChange((k) => {
+      f || c(k);
     });
     return () => {
-      h = !0, v(), d.destroy();
+      f = !0, b(), u.destroy();
     };
-  }, [d]), /* @__PURE__ */ e(H.Provider, { value: { client: d, user: l, isLoaded: o, appearance: c, settings: m }, children: t });
+  }, [u]), /* @__PURE__ */ s(se.Provider, { value: { client: u, user: i, isLoaded: d, appearance: o, settings: g }, children: t });
 }
-const rs = {
+const xe = {
   colorPrimary: "#6366f1",
   colorPrimaryHover: "#4f46e5",
   colorBackground: "#ffffff",
@@ -40,7 +40,7 @@ const rs = {
   colorWarning: "#f59e0b",
   fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
   borderRadius: "8px"
-}, as = {
+}, we = {
   colorPrimary: "#818cf8",
   colorPrimaryHover: "#6366f1",
   colorBackground: "#1e1e2e",
@@ -54,11 +54,11 @@ const rs = {
   fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
   borderRadius: "8px"
 };
-function U(s) {
-  const a = (s == null ? void 0 : s.baseTheme) === "dark" ? as : rs, r = s == null ? void 0 : s.variables;
+function Z(e) {
+  const a = (e == null ? void 0 : e.baseTheme) === "dark" ? we : xe, r = e == null ? void 0 : e.variables;
   return {
     colorPrimary: (r == null ? void 0 : r.colorPrimary) ?? a.colorPrimary,
-    colorPrimaryHover: r != null && r.colorPrimary ? ns(r.colorPrimary, 10) : a.colorPrimaryHover,
+    colorPrimaryHover: r != null && r.colorPrimary ? Ne(r.colorPrimary, 10) : a.colorPrimaryHover,
     colorBackground: (r == null ? void 0 : r.colorBackground) ?? a.colorBackground,
     colorText: (r == null ? void 0 : r.colorText) ?? a.colorText,
     colorTextSecondary: a.colorTextSecondary,
@@ -71,16 +71,16 @@ function U(s) {
     borderRadius: (r == null ? void 0 : r.borderRadius) ?? a.borderRadius
   };
 }
-function ns(s, a) {
-  const r = parseInt(s.replace("#", ""), 16), c = Math.max(0, (r >> 16) - Math.round(2.55 * a)), t = Math.max(0, (r >> 8 & 255) - Math.round(2.55 * a)), d = Math.max(0, (r & 255) - Math.round(2.55 * a));
-  return `#${(c << 16 | t << 8 | d).toString(16).padStart(6, "0")}`;
+function Ne(e, a) {
+  const r = parseInt(e.replace("#", ""), 16), o = Math.max(0, (r >> 16) - Math.round(2.55 * a)), t = Math.max(0, (r >> 8 & 255) - Math.round(2.55 * a)), u = Math.max(0, (r & 255) - Math.round(2.55 * a));
+  return `#${(o << 16 | t << 8 | u).toString(16).padStart(6, "0")}`;
 }
-function O(s) {
+function X(e) {
   return `
     :host {
       all: initial;
-      font-family: ${s.fontFamily};
-      color: ${s.colorText};
+      font-family: ${e.fontFamily};
+      color: ${e.colorText};
       line-height: 1.5;
       -webkit-font-smoothing: antialiased;
     }
@@ -88,13 +88,13 @@ function O(s) {
     * { box-sizing: border-box; margin: 0; padding: 0; }
 
     .ss-card {
-      background: ${s.colorBackground};
-      border-radius: ${s.borderRadius};
+      background: ${e.colorBackground};
+      border-radius: ${e.borderRadius};
       padding: 32px;
       width: 100%;
-      max-width: 400px;
+      max-width: 480px;
       box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
-      border: 1px solid ${s.colorInputBorder};
+      border: 1px solid ${e.colorInputBorder};
     }
 
     .ss-card-wide { max-width: 640px; }
@@ -102,14 +102,14 @@ function O(s) {
     .ss-title {
       font-size: 22px;
       font-weight: 700;
-      color: ${s.colorText};
+      color: ${e.colorText};
       text-align: center;
       margin-bottom: 24px;
     }
 
     .ss-subtitle {
       font-size: 14px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
       text-align: center;
       margin-top: -16px;
       margin-bottom: 24px;
@@ -121,7 +121,7 @@ function O(s) {
       display: block;
       font-size: 14px;
       font-weight: 500;
-      color: ${s.colorText};
+      color: ${e.colorText};
       margin-bottom: 6px;
     }
 
@@ -130,20 +130,20 @@ function O(s) {
       padding: 10px 12px;
       font-size: 14px;
       font-family: inherit;
-      border: 1px solid ${s.colorInputBorder};
-      border-radius: calc(${s.borderRadius} - 2px);
-      background: ${s.colorInputBackground};
-      color: ${s.colorText};
+      border: 1px solid ${e.colorInputBorder};
+      border-radius: calc(${e.borderRadius} - 2px);
+      background: ${e.colorInputBackground};
+      color: ${e.colorText};
       outline: none;
       transition: border-color 0.15s;
     }
 
     .ss-input:focus {
-      border-color: ${s.colorPrimary};
-      box-shadow: 0 0 0 3px ${s.colorPrimary}22;
+      border-color: ${e.colorPrimary};
+      box-shadow: 0 0 0 3px ${e.colorPrimary}22;
     }
 
-    .ss-input.ss-input-error { border-color: ${s.colorError}; }
+    .ss-input.ss-input-error { border-color: ${e.colorError}; }
 
     .ss-query-textarea {
       resize: vertical;
@@ -153,16 +153,16 @@ function O(s) {
 
     .ss-error {
       font-size: 13px;
-      color: ${s.colorError};
+      color: ${e.colorError};
       margin-top: 4px;
     }
 
     .ss-global-error {
       font-size: 13px;
-      color: ${s.colorError};
-      background: ${s.colorError}11;
-      border: 1px solid ${s.colorError}33;
-      border-radius: calc(${s.borderRadius} - 2px);
+      color: ${e.colorError};
+      background: ${e.colorError}11;
+      border: 1px solid ${e.colorError}33;
+      border-radius: calc(${e.borderRadius} - 2px);
       padding: 10px 12px;
       margin-bottom: 16px;
       text-align: center;
@@ -170,10 +170,10 @@ function O(s) {
 
     .ss-success-msg {
       font-size: 13px;
-      color: ${s.colorSuccess};
-      background: ${s.colorSuccess}11;
-      border: 1px solid ${s.colorSuccess}33;
-      border-radius: calc(${s.borderRadius} - 2px);
+      color: ${e.colorSuccess};
+      background: ${e.colorSuccess}11;
+      border: 1px solid ${e.colorSuccess}33;
+      border-radius: calc(${e.borderRadius} - 2px);
       padding: 10px 12px;
       margin-bottom: 16px;
       text-align: center;
@@ -182,14 +182,14 @@ function O(s) {
     .ss-loading {
       text-align: center;
       padding: 24px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
       font-size: 14px;
     }
 
     .ss-empty {
       text-align: center;
       padding: 24px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
       font-size: 14px;
     }
 
@@ -202,7 +202,7 @@ function O(s) {
       font-weight: 600;
       font-family: inherit;
       border: none;
-      border-radius: calc(${s.borderRadius} - 2px);
+      border-radius: calc(${e.borderRadius} - 2px);
       cursor: pointer;
       transition: background 0.15s, opacity 0.15s;
     }
@@ -210,23 +210,23 @@ function O(s) {
     .ss-btn:disabled { opacity: 0.6; cursor: not-allowed; }
 
     .ss-btn-primary {
-      background: ${s.colorPrimary};
+      background: ${e.colorPrimary};
       color: #fff;
     }
 
-    .ss-btn-primary:hover:not(:disabled) { background: ${s.colorPrimaryHover}; }
+    .ss-btn-primary:hover:not(:disabled) { background: ${e.colorPrimaryHover}; }
 
     .ss-btn-danger {
-      background: ${s.colorError};
+      background: ${e.colorError};
       color: #fff;
     }
 
     .ss-btn-danger:hover:not(:disabled) { opacity: 0.9; }
 
     .ss-btn-current {
-      background: ${s.colorInputBackground};
-      color: ${s.colorTextSecondary};
-      border: 1px solid ${s.colorInputBorder};
+      background: ${e.colorInputBackground};
+      color: ${e.colorTextSecondary};
+      border: 1px solid ${e.colorInputBorder};
     }
 
     .ss-btn-sm {
@@ -247,13 +247,13 @@ function O(s) {
       display: flex;
       align-items: center;
       gap: 8px;
-      background: ${s.colorInputBackground};
-      border: 1px solid ${s.colorInputBorder};
-      color: ${s.colorText};
+      background: ${e.colorInputBackground};
+      border: 1px solid ${e.colorInputBorder};
+      color: ${e.colorText};
       padding: 8px 12px;
       font-size: 14px;
       font-family: inherit;
-      border-radius: calc(${s.borderRadius} - 2px);
+      border-radius: calc(${e.borderRadius} - 2px);
       cursor: pointer;
       width: auto;
     }
@@ -270,16 +270,16 @@ function O(s) {
       font-size: 14px;
       font-weight: 500;
       font-family: inherit;
-      border: 1px solid ${s.colorInputBorder};
-      border-radius: calc(${s.borderRadius} - 2px);
-      background: ${s.colorInputBackground};
-      color: ${s.colorText};
+      border: 1px solid ${e.colorInputBorder};
+      border-radius: calc(${e.borderRadius} - 2px);
+      background: ${e.colorInputBackground};
+      color: ${e.colorText};
       cursor: pointer;
       transition: background 0.15s;
       margin-bottom: 8px;
     }
 
-    .ss-btn-social:hover:not(:disabled) { background: ${s.colorInputBorder}; }
+    .ss-btn-social:hover:not(:disabled) { background: ${e.colorInputBorder}; }
     .ss-btn-social:disabled { opacity: 0.6; cursor: not-allowed; }
     .ss-btn-social svg { width: 18px; height: 18px; flex-shrink: 0; }
 
@@ -288,7 +288,7 @@ function O(s) {
       align-items: center;
       gap: 12px;
       margin: 20px 0;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
       font-size: 13px;
     }
 
@@ -297,18 +297,18 @@ function O(s) {
       content: '';
       flex: 1;
       height: 1px;
-      background: ${s.colorInputBorder};
+      background: ${e.colorInputBorder};
     }
 
     .ss-footer {
       text-align: center;
       margin-top: 20px;
       font-size: 14px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
     }
 
     .ss-link {
-      color: ${s.colorPrimary};
+      color: ${e.colorPrimary};
       text-decoration: none;
       cursor: pointer;
       font-weight: 500;
@@ -338,7 +338,7 @@ function O(s) {
       width: 36px;
       height: 36px;
       border-radius: 50%;
-      background: ${s.colorPrimary};
+      background: ${e.colorPrimary};
       color: #fff;
       display: flex;
       align-items: center;
@@ -351,15 +351,15 @@ function O(s) {
       transition: box-shadow 0.15s;
     }
 
-    .ss-avatar:hover { box-shadow: 0 0 0 3px ${s.colorPrimary}33; }
+    .ss-avatar:hover { box-shadow: 0 0 0 3px ${e.colorPrimary}33; }
 
     .ss-dropdown {
       position: absolute;
       top: calc(100% + 8px);
       right: 0;
-      background: ${s.colorBackground};
-      border: 1px solid ${s.colorInputBorder};
-      border-radius: ${s.borderRadius};
+      background: ${e.colorBackground};
+      border: 1px solid ${e.colorInputBorder};
+      border-radius: ${e.borderRadius};
       padding: 8px 0;
       min-width: 200px;
       box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
@@ -370,13 +370,13 @@ function O(s) {
 
     .ss-dropdown-header {
       padding: 8px 16px 12px;
-      border-bottom: 1px solid ${s.colorInputBorder};
+      border-bottom: 1px solid ${e.colorInputBorder};
       margin-bottom: 4px;
     }
 
     .ss-dropdown-email {
       font-size: 13px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
       word-break: break-all;
     }
 
@@ -386,7 +386,7 @@ function O(s) {
       padding: 8px 16px;
       font-size: 14px;
       font-family: inherit;
-      color: ${s.colorText};
+      color: ${e.colorText};
       background: none;
       border: none;
       text-align: left;
@@ -394,9 +394,29 @@ function O(s) {
       transition: background 0.1s;
     }
 
-    .ss-dropdown-item:hover { background: ${s.colorInputBackground}; }
-    .ss-dropdown-item-danger { color: ${s.colorError}; }
-    .ss-dropdown-item-active { font-weight: 600; color: ${s.colorPrimary}; }
+    .ss-dropdown-item:hover { background: ${e.colorInputBackground}; }
+    .ss-dropdown-item-danger { color: ${e.colorError}; }
+    .ss-dropdown-item-active { font-weight: 600; color: ${e.colorPrimary}; }
+
+    .ss-dropdown-section-title {
+      padding: 8px 16px 4px;
+      font-size: 11px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: ${e.colorTextSecondary};
+    }
+
+    .ss-org-check {
+      margin-right: 6px;
+      font-size: 12px;
+    }
+
+    .ss-danger-zone {
+      padding-top: 20px;
+      margin-top: 20px;
+      border-top: 2px solid ${e.colorError}33;
+    }
 
     /* Badges */
 
@@ -408,21 +428,21 @@ function O(s) {
       border-radius: 999px;
       text-transform: uppercase;
       letter-spacing: 0.3px;
-      background: ${s.colorInputBackground};
-      color: ${s.colorTextSecondary};
+      background: ${e.colorInputBackground};
+      color: ${e.colorTextSecondary};
     }
 
-    .ss-badge-active { background: ${s.colorSuccess}22; color: ${s.colorSuccess}; }
-    .ss-badge-trialing { background: ${s.colorPrimary}22; color: ${s.colorPrimary}; }
-    .ss-badge-past-due { background: ${s.colorError}22; color: ${s.colorError}; }
-    .ss-badge-paused { background: ${s.colorWarning}22; color: ${s.colorWarning}; }
-    .ss-badge-canceled { background: ${s.colorTextSecondary}22; color: ${s.colorTextSecondary}; }
+    .ss-badge-active { background: ${e.colorSuccess}22; color: ${e.colorSuccess}; }
+    .ss-badge-trialing { background: ${e.colorPrimary}22; color: ${e.colorPrimary}; }
+    .ss-badge-past-due { background: ${e.colorError}22; color: ${e.colorError}; }
+    .ss-badge-paused { background: ${e.colorWarning}22; color: ${e.colorWarning}; }
+    .ss-badge-canceled { background: ${e.colorTextSecondary}22; color: ${e.colorTextSecondary}; }
 
     /* Tabs */
 
     .ss-tab-group {
       display: flex;
-      border-bottom: 1px solid ${s.colorInputBorder};
+      border-bottom: 1px solid ${e.colorInputBorder};
       margin-bottom: 24px;
     }
 
@@ -433,7 +453,7 @@ function O(s) {
       font-size: 14px;
       font-weight: 500;
       font-family: inherit;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
       background: none;
       border: none;
       border-bottom: 2px solid transparent;
@@ -441,11 +461,11 @@ function O(s) {
       transition: color 0.15s, border-color 0.15s;
     }
 
-    .ss-tab:hover { color: ${s.colorText}; }
+    .ss-tab:hover { color: ${e.colorText}; }
 
     .ss-tab-active {
-      color: ${s.colorPrimary};
-      border-bottom-color: ${s.colorPrimary};
+      color: ${e.colorPrimary};
+      border-bottom-color: ${e.colorPrimary};
     }
 
     .ss-tab-content .ss-card { box-shadow: none; border: none; padding: 0; }
@@ -464,30 +484,30 @@ function O(s) {
       text-align: left;
       padding: 10px 12px;
       font-weight: 600;
-      color: ${s.colorTextSecondary};
-      border-bottom: 2px solid ${s.colorInputBorder};
+      color: ${e.colorTextSecondary};
+      border-bottom: 2px solid ${e.colorInputBorder};
       white-space: nowrap;
     }
 
     .ss-th-sortable { cursor: pointer; user-select: none; }
-    .ss-th-sortable:hover { color: ${s.colorText}; }
+    .ss-th-sortable:hover { color: ${e.colorText}; }
 
     .ss-sort-indicator { font-size: 10px; }
-    .ss-sorted-asc, .ss-sorted-desc { color: ${s.colorPrimary}; }
+    .ss-sorted-asc, .ss-sorted-desc { color: ${e.colorPrimary}; }
 
     .ss-td {
       padding: 10px 12px;
-      border-bottom: 1px solid ${s.colorInputBorder};
-      color: ${s.colorText};
+      border-bottom: 1px solid ${e.colorInputBorder};
+      color: ${e.colorText};
     }
 
-    .ss-tr:hover .ss-td { background: ${s.colorInputBackground}; }
+    .ss-tr:hover .ss-td { background: ${e.colorInputBackground}; }
 
     .ss-table-footer {
       text-align: center;
       padding: 8px;
       font-size: 12px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
     }
 
     /* Pricing */
@@ -499,15 +519,15 @@ function O(s) {
     }
 
     .ss-pricing-card {
-      background: ${s.colorBackground};
-      border: 1px solid ${s.colorInputBorder};
-      border-radius: ${s.borderRadius};
+      background: ${e.colorBackground};
+      border: 1px solid ${e.colorInputBorder};
+      border-radius: ${e.borderRadius};
       padding: 24px;
       display: flex;
       flex-direction: column;
     }
 
-    .ss-pricing-card-current { border-color: ${s.colorPrimary}; }
+    .ss-pricing-card-current { border-color: ${e.colorPrimary}; }
 
     .ss-pricing-header {
       display: flex;
@@ -519,7 +539,7 @@ function O(s) {
     .ss-pricing-name {
       font-size: 18px;
       font-weight: 600;
-      color: ${s.colorText};
+      color: ${e.colorText};
     }
 
     .ss-pricing-price { margin-bottom: 12px; }
@@ -527,17 +547,17 @@ function O(s) {
     .ss-pricing-amount {
       font-size: 32px;
       font-weight: 700;
-      color: ${s.colorText};
+      color: ${e.colorText};
     }
 
     .ss-pricing-interval {
       font-size: 14px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
     }
 
     .ss-pricing-desc {
       font-size: 14px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
       margin-bottom: 16px;
     }
 
@@ -549,11 +569,11 @@ function O(s) {
 
     .ss-pricing-feature {
       font-size: 14px;
-      color: ${s.colorText};
+      color: ${e.colorText};
       padding: 4px 0;
     }
 
-    .ss-check { color: ${s.colorSuccess}; margin-right: 6px; }
+    .ss-check { color: ${e.colorSuccess}; margin-right: 6px; }
 
     /* Usage / Progress */
 
@@ -568,30 +588,30 @@ function O(s) {
     .ss-usage-metric {
       font-size: 14px;
       font-weight: 500;
-      color: ${s.colorText};
+      color: ${e.colorText};
     }
 
     .ss-usage-value {
       font-size: 14px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
     }
 
     .ss-progress-bar {
       width: 100%;
       height: 8px;
-      background: ${s.colorInputBackground};
+      background: ${e.colorInputBackground};
       border-radius: 4px;
       overflow: hidden;
     }
 
     .ss-progress-fill {
       height: 100%;
-      background: ${s.colorPrimary};
+      background: ${e.colorPrimary};
       border-radius: 4px;
       transition: width 0.3s;
     }
 
-    .ss-progress-danger { background: ${s.colorError}; }
+    .ss-progress-danger { background: ${e.colorError}; }
 
     /* Chart */
 
@@ -600,7 +620,7 @@ function O(s) {
     .ss-chart-title {
       font-size: 16px;
       font-weight: 600;
-      color: ${s.colorText};
+      color: ${e.colorText};
       margin-bottom: 12px;
     }
 
@@ -613,16 +633,16 @@ function O(s) {
     }
 
     .ss-widget {
-      background: ${s.colorBackground};
-      border: 1px solid ${s.colorInputBorder};
-      border-radius: ${s.borderRadius};
+      background: ${e.colorBackground};
+      border: 1px solid ${e.colorInputBorder};
+      border-radius: ${e.borderRadius};
       padding: 16px;
     }
 
     .ss-widget-header {
       font-size: 14px;
       font-weight: 600;
-      color: ${s.colorText};
+      color: ${e.colorText};
       margin-bottom: 12px;
     }
 
@@ -630,14 +650,14 @@ function O(s) {
 
     .ss-saved-query-card {
       padding: 12px 16px;
-      border: 1px solid ${s.colorInputBorder};
-      border-radius: calc(${s.borderRadius} - 2px);
+      border: 1px solid ${e.colorInputBorder};
+      border-radius: calc(${e.borderRadius} - 2px);
       margin-bottom: 8px;
       cursor: pointer;
       transition: border-color 0.15s;
     }
 
-    .ss-saved-query-card:hover { border-color: ${s.colorPrimary}; }
+    .ss-saved-query-card:hover { border-color: ${e.colorPrimary}; }
 
     .ss-saved-query-header {
       display: flex;
@@ -649,12 +669,12 @@ function O(s) {
     .ss-saved-query-name {
       font-size: 14px;
       font-weight: 600;
-      color: ${s.colorText};
+      color: ${e.colorText};
     }
 
     .ss-saved-query-desc {
       font-size: 13px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
       margin-bottom: 8px;
     }
 
@@ -666,7 +686,7 @@ function O(s) {
 
     .ss-saved-query-date {
       font-size: 12px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
     }
 
     /* Modal Overlay */
@@ -691,15 +711,15 @@ function O(s) {
     }
 
     .ss-modal {
-      background: ${s.colorBackground};
-      border-radius: ${s.borderRadius};
+      background: ${e.colorBackground};
+      border-radius: ${e.borderRadius};
       padding: 32px;
       width: 90%;
       max-width: 480px;
       max-height: 90vh;
       overflow-y: auto;
       box-shadow: 0 16px 64px rgba(0, 0, 0, 0.2);
-      border: 1px solid ${s.colorInputBorder};
+      border: 1px solid ${e.colorInputBorder};
       animation: ss-scale-in 0.15s ease-out;
     }
 
@@ -718,14 +738,14 @@ function O(s) {
     .ss-modal-title {
       font-size: 18px;
       font-weight: 700;
-      color: ${s.colorText};
+      color: ${e.colorText};
     }
 
     .ss-modal-close {
       background: none;
       border: none;
       font-size: 20px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
       cursor: pointer;
       padding: 4px;
       line-height: 1;
@@ -735,20 +755,20 @@ function O(s) {
     }
 
     .ss-modal-close:hover {
-      background: ${s.colorInputBackground};
-      color: ${s.colorText};
+      background: ${e.colorInputBackground};
+      color: ${e.colorText};
     }
 
     .ss-modal-section {
       padding-top: 20px;
       margin-top: 20px;
-      border-top: 1px solid ${s.colorInputBorder};
+      border-top: 1px solid ${e.colorInputBorder};
     }
 
     .ss-modal-section-title {
       font-size: 15px;
       font-weight: 600;
-      color: ${s.colorText};
+      color: ${e.colorText};
       margin-bottom: 16px;
     }
 
@@ -756,7 +776,7 @@ function O(s) {
       width: 64px;
       height: 64px;
       border-radius: 50%;
-      background: ${s.colorPrimary};
+      background: ${e.colorPrimary};
       color: #fff;
       display: flex;
       align-items: center;
@@ -773,6 +793,111 @@ function O(s) {
       object-fit: cover;
     }
 
+    /* Avatar hover overlay */
+    .ss-avatar-hoverable {
+      position: relative;
+      cursor: pointer;
+      transition: filter 0.15s;
+    }
+
+    .ss-avatar-overlay {
+      position: absolute;
+      inset: 0;
+      border-radius: 50%;
+      background: rgba(0, 0, 0, 0.5);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      opacity: 0;
+      transition: opacity 0.15s;
+      color: #fff;
+    }
+
+    .ss-avatar-hoverable:hover .ss-avatar-overlay {
+      opacity: 1;
+    }
+
+    /* Avatar cropper */
+    .ss-avatar-cropper {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 16px;
+    }
+
+    .ss-avatar-canvas {
+      border-radius: ${e.borderRadius};
+      background: #111;
+      touch-action: none;
+      max-width: 100%;
+    }
+
+    .ss-avatar-zoom {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      width: 100%;
+    }
+
+    .ss-avatar-zoom-label {
+      font-size: 13px;
+      color: ${e.colorTextSecondary};
+      flex-shrink: 0;
+    }
+
+    .ss-avatar-zoom-slider {
+      flex: 1;
+      height: 4px;
+      -webkit-appearance: none;
+      appearance: none;
+      background: ${e.colorInputBorder};
+      border-radius: 2px;
+      outline: none;
+    }
+
+    .ss-avatar-zoom-slider::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      width: 16px;
+      height: 16px;
+      border-radius: 50%;
+      background: ${e.colorPrimary};
+      cursor: pointer;
+    }
+
+    .ss-avatar-zoom-slider::-moz-range-thumb {
+      width: 16px;
+      height: 16px;
+      border-radius: 50%;
+      background: ${e.colorPrimary};
+      cursor: pointer;
+      border: none;
+    }
+
+    /* Dropzone */
+    .ss-avatar-dropzone {
+      border: 2px dashed ${e.colorInputBorder};
+      border-radius: ${e.borderRadius};
+      padding: 40px 24px;
+      text-align: center;
+      cursor: pointer;
+      transition: border-color 0.15s, background 0.15s;
+      color: ${e.colorTextSecondary};
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 12px;
+    }
+
+    .ss-avatar-dropzone:hover,
+    .ss-avatar-dropzone-active {
+      border-color: ${e.colorPrimary};
+      background: ${e.colorPrimary}08;
+    }
+
+    .ss-avatar-dropzone svg {
+      opacity: 0.5;
+    }
+
     .ss-input-readonly {
       opacity: 0.6;
       cursor: not-allowed;
@@ -782,7 +907,7 @@ function O(s) {
 
     .ss-dropdown-divider {
       height: 1px;
-      background: ${s.colorInputBorder};
+      background: ${e.colorInputBorder};
       margin: 4px 0;
     }
 
@@ -805,216 +930,335 @@ function O(s) {
     }
   `;
 }
-function B({ children: s, appearance: a }) {
-  const r = R(null), [c, t] = g(null);
-  L(() => {
-    var m;
+function q({ children: e, appearance: a }) {
+  const r = j(null), [o, t] = m(null);
+  U(() => {
+    var g;
     if (!r.current || r.current.shadowRoot) {
-      t(((m = r.current) == null ? void 0 : m.shadowRoot) ?? null);
+      t(((g = r.current) == null ? void 0 : g.shadowRoot) ?? null);
       return;
     }
-    const l = r.current.attachShadow({ mode: "open" }), u = U(a), o = document.createElement("style");
-    o.textContent = O(u), l.appendChild(o);
-    const n = document.createElement("div");
-    l.appendChild(n), t(l);
-  }, []), L(() => {
-    if (!c) return;
-    const l = c.querySelector("style");
-    if (l) {
-      const u = U(a);
-      l.textContent = O(u);
-    }
-  }, [a, c]);
-  const d = (c == null ? void 0 : c.querySelector("div")) ?? null;
-  return /* @__PURE__ */ e("div", { ref: r, style: { display: "contents" }, children: d && es(s, d) });
+    const i = r.current.attachShadow({ mode: "open" }), c = Z(a), d = document.createElement("style");
+    d.textContent = X(c), i.appendChild(d);
+    const l = document.createElement("div");
+    i.appendChild(l), t(i);
+  }, []), U(() => {
+    if (!o) return;
+    const i = o.querySelector("style");
+    if (i) {
+      const c = Z(a);
+      i.textContent = X(c);
+    }
+  }, [a, o]);
+  const u = (o == null ? void 0 : o.querySelector("div")) ?? null;
+  return /* @__PURE__ */ s("div", { ref: r, style: { display: "contents" }, children: u && ve(e, u) });
 }
-function j() {
-  const { client: s, user: a, isLoaded: r } = k();
+function ee() {
+  const { client: e, user: a, isLoaded: r } = L();
   return {
     isLoaded: r,
     isSignedIn: !!a,
     user: a,
-    signOut: S(() => s.auth.signOut(), [s]),
-    getToken: S(() => s.auth.getToken(), [s])
+    signOut: N(() => e.auth.signOut(), [e]),
+    getToken: N(() => e.auth.getToken(), [e])
   };
 }
-function zs() {
-  const { user: s, isLoaded: a } = k();
-  return { user: s, isLoaded: a };
+function Xe() {
+  const { user: e, isLoaded: a } = L();
+  return { user: e, isLoaded: a };
 }
-function _() {
-  const { client: s } = k(), [a, r] = g(!1), [c, t] = g(null), d = S(
-    async (o, n) => {
+function re() {
+  const { client: e } = L(), [a, r] = m(!1), [o, t] = m(null), u = N(
+    async (d, l) => {
       r(!0), t(null);
       try {
-        return await s.auth.signIn(o, n);
-      } catch (m) {
-        return t(m instanceof Error ? m.message : "Sign in failed"), null;
+        return await e.auth.signIn(d, l);
+      } catch (g) {
+        return t(g instanceof Error ? g.message : "Sign in failed"), null;
       } finally {
         r(!1);
       }
     },
-    [s]
-  ), l = S(
-    async (o) => {
+    [e]
+  ), i = N(
+    async (d) => {
       r(!0), t(null);
       try {
-        return await s.auth.signInWithOAuth(o);
-      } catch (n) {
-        return t(n instanceof Error ? n.message : "OAuth sign in failed"), null;
+        return await e.auth.signInWithOAuth(d);
+      } catch (l) {
+        return t(l instanceof Error ? l.message : "OAuth sign in failed"), null;
       } finally {
         r(!1);
       }
     },
-    [s]
-  ), u = S(
-    async (o, n) => {
+    [e]
+  ), c = N(
+    async (d, l) => {
       r(!0), t(null);
       try {
-        return await s.auth.submitMfaCode(o, n);
-      } catch (m) {
-        return t(m instanceof Error ? m.message : "MFA verification failed"), null;
+        return await e.auth.submitMfaCode(d, l);
+      } catch (g) {
+        return t(g instanceof Error ? g.message : "MFA verification failed"), null;
       } finally {
         r(!1);
       }
     },
-    [s]
+    [e]
   );
-  return { signIn: d, signInWithOAuth: l, submitMfaCode: u, isLoading: a, error: c, setError: t };
+  return { signIn: u, signInWithOAuth: i, submitMfaCode: c, isLoading: a, error: o, setError: t };
 }
-function ts() {
-  const { client: s } = k(), [a, r] = g(!1), [c, t] = g(null);
-  return { signUp: S(
-    async (l, u) => {
+function Ce() {
+  const { client: e } = L(), [a, r] = m(!1), [o, t] = m(null);
+  return { signUp: N(
+    async (i, c) => {
       r(!0), t(null);
       try {
-        return await s.auth.signUp(l, u);
-      } catch (o) {
-        return t(o instanceof Error ? o.message : "Sign up failed"), null;
+        return await e.auth.signUp(i, c);
+      } catch (d) {
+        return t(d instanceof Error ? d.message : "Sign up failed"), null;
       } finally {
         r(!1);
       }
     },
-    [s]
-  ), isLoading: a, error: c, setError: t };
+    [e]
+  ), isLoading: a, error: o, setError: t };
 }
-function os() {
-  const { client: s } = k(), [a, r] = g([]), [c, t] = g(null), [d, l] = g([]), [u, o] = g(!1), [n, m] = g(null), p = S(async () => {
-    o(!0), m(null);
+function ae() {
+  const { client: e } = L(), [a, r] = m([]), [o, t] = m(null), [u, i] = m([]), [c, d] = m([]), [l, g] = m(!1), [p, f] = m(null), b = N(async () => {
+    g(!0), f(null);
     try {
-      const y = await s.auth.listOrgs();
-      r(y);
-    } catch (y) {
-      m(y instanceof Error ? y.message : "Failed to load organizations");
+      const w = await e.auth.listOrgs();
+      r(w);
+      const $ = typeof window < "u" ? localStorage.getItem("ss_selected_org") : null;
+      if ($ && w.some((y) => y.id === $) && !o) {
+        const y = w.find((E) => E.id === $);
+        t(y);
+        try {
+          const E = await e.auth.listMembers(y.id);
+          i(E);
+        } catch {
+        }
+      }
+    } catch (w) {
+      f(w instanceof Error ? w.message : "Failed to load organizations");
     } finally {
-      o(!1);
+      g(!1);
     }
-  }, [s]);
-  L(() => {
-    p();
-  }, [p]);
-  const h = S(async (y) => {
+  }, [e, o]);
+  U(() => {
+    b();
+  }, [b]);
+  const k = N(async (w) => {
     try {
-      const b = await s.auth.getOrg(y);
-      t(b);
-      const x = await s.auth.listMembers(y);
-      l(x);
-    } catch (b) {
-      m(b instanceof Error ? b.message : "Failed to load organization");
-    }
-  }, [s]), v = S(async (y, b) => {
+      const $ = await e.auth.getOrg(w);
+      t($), typeof window < "u" && localStorage.setItem("ss_selected_org", w);
+      const y = await e.auth.listMembers(w);
+      i(y);
+    } catch ($) {
+      f($ instanceof Error ? $.message : "Failed to load organization");
+    }
+  }, [e]), v = N(async (w, $) => {
     try {
-      const x = await s.auth.createOrg(y, b);
-      return r((f) => [...f, x]), x;
-    } catch (x) {
-      return m(x instanceof Error ? x.message : "Failed to create organization"), null;
+      const y = await e.auth.createOrg(w, $);
+      return r((E) => [...E, y]), y;
+    } catch (y) {
+      return f(y instanceof Error ? y.message : "Failed to create organization"), null;
+    }
+  }, [e]), C = N(async (w, $) => {
+    try {
+      const y = await e.auth.updateOrg(w, $);
+      return r((E) => E.map((M) => M.id === w ? y : M)), (o == null ? void 0 : o.id) === w && t(y), y;
+    } catch (y) {
+      return f(y instanceof Error ? y.message : "Failed to update organization"), null;
+    }
+  }, [e, o]), x = N(async (w) => {
+    try {
+      return await e.auth.deleteOrg(w), r(($) => $.filter((y) => y.id !== w)), (o == null ? void 0 : o.id) === w && (t(null), i([]), d([]), typeof window < "u" && localStorage.removeItem("ss_selected_org")), !0;
+    } catch ($) {
+      return f($ instanceof Error ? $.message : "Failed to delete organization"), !1;
+    }
+  }, [e, o]), h = N(async (w, $, y) => {
+    try {
+      return await e.auth.sendInvite(w, $, y);
+    } catch (E) {
+      return f(E instanceof Error ? E.message : "Failed to send invite"), null;
+    }
+  }, [e]), S = N(async (w) => {
+    try {
+      const $ = await e.auth.listInvites(w);
+      d($);
+    } catch ($) {
+      f($ instanceof Error ? $.message : "Failed to load invites");
+    }
+  }, [e]), z = N(async (w, $) => {
+    try {
+      return await e.auth.revokeInvite(w, $), d((y) => y.filter((E) => E.id !== $)), !0;
+    } catch (y) {
+      return f(y instanceof Error ? y.message : "Failed to revoke invite"), !1;
+    }
+  }, [e]), P = N(async (w, $, y) => {
+    try {
+      return await e.auth.updateMemberRole(w, $, y), i((E) => E.map((M) => M.userId === $ ? { ...M, role: y } : M)), !0;
+    } catch (E) {
+      return f(E instanceof Error ? E.message : "Failed to update member role"), !1;
+    }
+  }, [e]), I = N(async (w, $) => {
+    try {
+      return await e.auth.removeMember(w, $), i((y) => y.filter((E) => E.userId !== $)), !0;
+    } catch (y) {
+      return f(y instanceof Error ? y.message : "Failed to remove member"), !1;
     }
-  }, [s]);
-  return { orgs: a, selectedOrg: c, members: d, isLoading: u, error: n, refresh: p, selectOrg: h, createOrg: v };
+  }, [e]), T = N(async (w) => {
+    try {
+      const $ = await e.auth.listMembers(w);
+      i($);
+    } catch ($) {
+      f($ instanceof Error ? $.message : "Failed to load members");
+    }
+  }, [e]);
+  return {
+    orgs: a,
+    selectedOrg: o,
+    members: u,
+    invites: c,
+    isLoading: l,
+    error: p,
+    setError: f,
+    refresh: b,
+    selectOrg: k,
+    createOrg: v,
+    updateOrg: C,
+    deleteOrg: x,
+    sendInvite: h,
+    refreshInvites: S,
+    revokeInvite: z,
+    updateMemberRole: P,
+    removeMember: I,
+    refreshMembers: T
+  };
+}
+function ke() {
+  const { client: e } = L(), [a, r] = m(!1), [o, t] = m(null);
+  return { deleteAccount: N(async () => {
+    r(!0), t(null);
+    try {
+      return await e.auth.deleteAccount(), !0;
+    } catch (i) {
+      return t(i instanceof Error ? i.message : "Failed to delete account"), !1;
+    } finally {
+      r(!1);
+    }
+  }, [e]), isLoading: a, error: o, setError: t };
 }
-function G() {
-  const { client: s, user: a } = k(), [r, c] = g(!1), [t, d] = g(null), [l, u] = g(null), o = S(
-    async (m) => {
-      c(!0), d(null), u(null);
+function te() {
+  const { client: e, user: a } = L(), [r, o] = m(!1), [t, u] = m(null), [i, c] = m(null), d = N(
+    async (p) => {
+      o(!0), u(null), c(null);
       try {
-        const p = await s.auth.updateProfile(m);
-        return u("Profile updated"), p;
-      } catch (p) {
-        return d(p instanceof Error ? p.message : "Failed to update profile"), null;
+        const f = await e.auth.updateProfile(p);
+        return c("Profile updated"), f;
+      } catch (f) {
+        return u(f instanceof Error ? f.message : "Failed to update profile"), null;
+      } finally {
+        o(!1);
+      }
+    },
+    [e]
+  ), l = N(
+    async (p, f) => {
+      o(!0), u(null), c(null);
+      try {
+        return await e.auth.changePassword(p, f), c("Password changed successfully"), !0;
+      } catch (b) {
+        return u(b instanceof Error ? b.message : "Failed to change password"), !1;
       } finally {
-        c(!1);
+        o(!1);
       }
     },
-    [s]
-  ), n = S(
-    async (m, p) => {
-      c(!0), d(null), u(null);
+    [e]
+  ), g = N(
+    async (p) => {
+      o(!0), u(null), c(null);
       try {
-        return await s.auth.changePassword(m, p), u("Password changed successfully"), !0;
-      } catch (h) {
-        return d(h instanceof Error ? h.message : "Failed to change password"), !1;
+        const f = await e.auth.uploadAvatar(p);
+        return c("Avatar updated"), f;
+      } catch (f) {
+        return u(f instanceof Error ? f.message : "Failed to upload avatar"), null;
       } finally {
-        c(!1);
+        o(!1);
       }
     },
-    [s]
+    [e]
   );
-  return { user: a, updateProfile: o, changePassword: n, isLoading: r, error: t, success: l, setError: d, setSuccess: u };
+  return { user: a, updateProfile: d, uploadAvatar: g, changePassword: l, isLoading: r, error: t, success: i, setError: u, setSuccess: c };
 }
-const J = '<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>', Q = '<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>';
-function qs({ appearance: s, signUpUrl: a, onSignUp: r }) {
-  const { appearance: c, settings: t } = k(), { signIn: d, signInWithOAuth: l, submitMfaCode: u, isLoading: o, error: n, setError: m } = _(), p = s ?? c, [h, v] = g(""), [y, b] = g(""), [x, f] = g(!1), [N, w] = g(""), [$, E] = g(""), z = S(
-    async (q) => {
-      if (q.preventDefault(), x) {
-        await u(N, $);
+const ne = '<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>', oe = '<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>', Se = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z" fill="currentColor"/></svg>';
+function Ke({ appearance: e, signUpUrl: a, onSignUp: r }) {
+  const { appearance: o, settings: t } = L(), { signIn: u, signInWithOAuth: i, submitMfaCode: c, isLoading: d, error: l, setError: g } = re(), p = e ?? o, [f, b] = m(""), [k, v] = m(""), [C, x] = m(!1), [h, S] = m(""), [z, P] = m(""), [I, T] = m(!1), w = N(
+    async (E) => {
+      if (E.preventDefault(), C) {
+        await c(h, z);
         return;
       }
-      const P = await d(h, y);
-      P && Z(P) && (w(P.mfaToken), f(!0), m(null));
+      const M = await u(f, k);
+      M && be(M) && (S(M.mfaToken), x(!0), g(null));
     },
-    [h, y, x, N, $, d, u, m]
-  ), T = S(
-    async (q) => {
-      await l(q);
+    [f, k, C, h, z, u, c, g]
+  ), $ = N(
+    async (E) => {
+      await i(E);
     },
-    [l]
-  ), C = (t == null ? void 0 : t.googleEnabled) || (t == null ? void 0 : t.githubEnabled);
-  return /* @__PURE__ */ e(B, { appearance: p, children: /* @__PURE__ */ i("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Sign in" }),
-    !x && /* @__PURE__ */ i(D, { children: [
-      (t == null ? void 0 : t.googleEnabled) && /* @__PURE__ */ i(
+    [i]
+  ), y = (t == null ? void 0 : t.googleEnabled) || (t == null ? void 0 : t.githubEnabled);
+  return /* @__PURE__ */ s(q, { appearance: p, children: /* @__PURE__ */ n("div", { className: "ss-card", children: [
+    /* @__PURE__ */ s("h2", { className: "ss-title", children: "Sign in" }),
+    !C && /* @__PURE__ */ n(G, { children: [
+      (t == null ? void 0 : t.googleEnabled) && /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           className: "ss-btn-social",
-          onClick: () => T("google"),
-          disabled: o,
+          onClick: () => $("google"),
+          disabled: d,
           children: [
-            /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: J } }),
+            /* @__PURE__ */ s("span", { dangerouslySetInnerHTML: { __html: ne } }),
             "Continue with Google"
           ]
         }
       ),
-      (t == null ? void 0 : t.githubEnabled) && /* @__PURE__ */ i(
+      (t == null ? void 0 : t.githubEnabled) && /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           className: "ss-btn-social",
-          onClick: () => T("github"),
-          disabled: o,
+          onClick: () => $("github"),
+          disabled: d,
           children: [
-            /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: Q } }),
+            /* @__PURE__ */ s("span", { dangerouslySetInnerHTML: { __html: oe } }),
             "Continue with GitHub"
           ]
         }
       ),
-      C && /* @__PURE__ */ e("div", { className: "ss-divider", children: "or" })
+      y && !I && /* @__PURE__ */ s("div", { className: "ss-divider", children: "or" }),
+      y && !I && /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: "ss-btn-social",
+          onClick: () => T(!0),
+          children: [
+            /* @__PURE__ */ s("span", { dangerouslySetInnerHTML: { __html: Se } }),
+            "Login with email"
+          ]
+        }
+      ),
+      y && I && /* @__PURE__ */ s("div", { className: "ss-divider", children: "or" })
     ] }),
-    n && /* @__PURE__ */ e("div", { className: "ss-global-error", children: n }),
-    /* @__PURE__ */ i("form", { onSubmit: z, children: [
-      x ? /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-mfa-code", children: "Authentication code" }),
-        /* @__PURE__ */ e(
+    l && /* @__PURE__ */ s("div", { className: "ss-global-error", children: l }),
+    (I || C || !y) && /* @__PURE__ */ n("form", { onSubmit: w, children: [
+      C ? /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", htmlFor: "ss-mfa-code", children: "Authentication code" }),
+        /* @__PURE__ */ s(
           "input",
           {
             id: "ss-mfa-code",
@@ -1023,15 +1267,15 @@ function qs({ appearance: s, signUpUrl: a, onSignUp: r }) {
             inputMode: "numeric",
             autoComplete: "one-time-code",
             placeholder: "Enter 6-digit code",
-            value: $,
-            onChange: (q) => E(q.target.value),
+            value: z,
+            onChange: (E) => P(E.target.value),
             autoFocus: !0
           }
         )
-      ] }) : /* @__PURE__ */ i(D, { children: [
-        /* @__PURE__ */ i("div", { className: "ss-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-email", children: "Email" }),
-          /* @__PURE__ */ e(
+      ] }) : /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ n("div", { className: "ss-field", children: [
+          /* @__PURE__ */ s("label", { className: "ss-label", htmlFor: "ss-email", children: "Email" }),
+          /* @__PURE__ */ s(
             "input",
             {
               id: "ss-email",
@@ -1039,15 +1283,15 @@ function qs({ appearance: s, signUpUrl: a, onSignUp: r }) {
               type: "email",
               autoComplete: "email",
               placeholder: "you@example.com",
-              value: h,
-              onChange: (q) => v(q.target.value),
+              value: f,
+              onChange: (E) => b(E.target.value),
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ i("div", { className: "ss-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-password", children: "Password" }),
-          /* @__PURE__ */ e(
+        /* @__PURE__ */ n("div", { className: "ss-field", children: [
+          /* @__PURE__ */ s("label", { className: "ss-label", htmlFor: "ss-password", children: "Password" }),
+          /* @__PURE__ */ s(
             "input",
             {
               id: "ss-password",
@@ -1055,90 +1299,90 @@ function qs({ appearance: s, signUpUrl: a, onSignUp: r }) {
               type: "password",
               autoComplete: "current-password",
               placeholder: "Enter your password",
-              value: y,
-              onChange: (q) => b(q.target.value),
+              value: k,
+              onChange: (E) => v(E.target.value),
               required: !0
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ i("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: o, children: [
-        o && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
-        x ? "Verify" : "Continue"
+      /* @__PURE__ */ n("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: d, children: [
+        d && /* @__PURE__ */ s("span", { className: "ss-spinner" }),
+        C ? "Verify" : "Continue"
       ] })
     ] }),
-    x && /* @__PURE__ */ e("div", { className: "ss-footer", children: /* @__PURE__ */ e(
+    C && /* @__PURE__ */ s("div", { className: "ss-footer", children: /* @__PURE__ */ s(
       "span",
       {
         className: "ss-link",
         onClick: () => {
-          f(!1), E(""), m(null);
+          x(!1), P(""), g(null);
         },
         children: "Back to sign in"
       }
     ) }),
-    !x && /* @__PURE__ */ i("div", { className: "ss-footer", children: [
+    !C && /* @__PURE__ */ n("div", { className: "ss-footer", children: [
       "Don't have an account?",
       " ",
-      r ? /* @__PURE__ */ e("span", { className: "ss-link", onClick: r, children: "Sign up" }) : a ? /* @__PURE__ */ e("a", { className: "ss-link", href: a, children: "Sign up" }) : /* @__PURE__ */ e("span", { className: "ss-link", children: "Sign up" })
+      r ? /* @__PURE__ */ s("span", { className: "ss-link", onClick: r, children: "Sign up" }) : a ? /* @__PURE__ */ s("a", { className: "ss-link", href: a, children: "Sign up" }) : /* @__PURE__ */ s("span", { className: "ss-link", children: "Sign up" })
     ] })
   ] }) });
 }
-function As({ appearance: s, signInUrl: a, onSignIn: r }) {
-  const { appearance: c, settings: t } = k(), { signUp: d, isLoading: l, error: u, setError: o } = ts(), { signInWithOAuth: n } = _(), m = s ?? c, [p, h] = g(""), [v, y] = g(""), [b, x] = g(""), [f, N] = g(null), w = S(
+function es({ appearance: e, signInUrl: a, onSignIn: r }) {
+  const { appearance: o, settings: t } = L(), { signUp: u, isLoading: i, error: c, setError: d } = Ce(), { signInWithOAuth: l } = re(), g = e ?? o, [p, f] = m(""), [b, k] = m(""), [v, C] = m(""), [x, h] = m(null), S = N(
     async (T) => {
-      if (T.preventDefault(), N(null), v !== b) {
-        N("Passwords do not match");
+      if (T.preventDefault(), h(null), b !== v) {
+        h("Passwords do not match");
         return;
       }
-      const C = (t == null ? void 0 : t.passwordMinLength) ?? 8;
-      if (v.length < C) {
-        N(`Password must be at least ${C} characters`);
+      const w = (t == null ? void 0 : t.passwordMinLength) ?? 8;
+      if (b.length < w) {
+        h(`Password must be at least ${w} characters`);
         return;
       }
-      await d(p, v);
+      await u(p, b);
     },
-    [p, v, b, t, d]
-  ), $ = S(
+    [p, b, v, t, u]
+  ), z = N(
     async (T) => {
-      await n(T);
+      await l(T);
     },
-    [n]
-  ), E = (t == null ? void 0 : t.googleEnabled) || (t == null ? void 0 : t.githubEnabled), z = f || u;
-  return /* @__PURE__ */ e(B, { appearance: m, children: /* @__PURE__ */ i("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Create account" }),
-    (t == null ? void 0 : t.googleEnabled) && /* @__PURE__ */ i(
+    [l]
+  ), P = (t == null ? void 0 : t.googleEnabled) || (t == null ? void 0 : t.githubEnabled), I = x || c;
+  return /* @__PURE__ */ s(q, { appearance: g, children: /* @__PURE__ */ n("div", { className: "ss-card", children: [
+    /* @__PURE__ */ s("h2", { className: "ss-title", children: "Create account" }),
+    (t == null ? void 0 : t.googleEnabled) && /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         className: "ss-btn-social",
-        onClick: () => $("google"),
-        disabled: l,
+        onClick: () => z("google"),
+        disabled: i,
         children: [
-          /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: J } }),
+          /* @__PURE__ */ s("span", { dangerouslySetInnerHTML: { __html: ne } }),
           "Continue with Google"
         ]
       }
     ),
-    (t == null ? void 0 : t.githubEnabled) && /* @__PURE__ */ i(
+    (t == null ? void 0 : t.githubEnabled) && /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         className: "ss-btn-social",
-        onClick: () => $("github"),
-        disabled: l,
+        onClick: () => z("github"),
+        disabled: i,
         children: [
-          /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: Q } }),
+          /* @__PURE__ */ s("span", { dangerouslySetInnerHTML: { __html: oe } }),
           "Continue with GitHub"
         ]
       }
     ),
-    E && /* @__PURE__ */ e("div", { className: "ss-divider", children: "or" }),
-    z && /* @__PURE__ */ e("div", { className: "ss-global-error", children: z }),
-    /* @__PURE__ */ i("form", { onSubmit: w, children: [
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-signup-email", children: "Email" }),
-        /* @__PURE__ */ e(
+    P && /* @__PURE__ */ s("div", { className: "ss-divider", children: "or" }),
+    I && /* @__PURE__ */ s("div", { className: "ss-global-error", children: I }),
+    /* @__PURE__ */ n("form", { onSubmit: S, children: [
+      /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", htmlFor: "ss-signup-email", children: "Email" }),
+        /* @__PURE__ */ s(
           "input",
           {
             id: "ss-signup-email",
@@ -1147,14 +1391,14 @@ function As({ appearance: s, signInUrl: a, onSignIn: r }) {
             autoComplete: "email",
             placeholder: "you@example.com",
             value: p,
-            onChange: (T) => h(T.target.value),
+            onChange: (T) => f(T.target.value),
             required: !0
           }
         )
       ] }),
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-signup-password", children: "Password" }),
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", htmlFor: "ss-signup-password", children: "Password" }),
+        /* @__PURE__ */ s(
           "input",
           {
             id: "ss-signup-password",
@@ -1162,17 +1406,17 @@ function As({ appearance: s, signInUrl: a, onSignIn: r }) {
             type: "password",
             autoComplete: "new-password",
             placeholder: "Create a password",
-            value: v,
+            value: b,
             onChange: (T) => {
-              y(T.target.value), N(null);
+              k(T.target.value), h(null);
             },
             required: !0
           }
         )
       ] }),
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-signup-confirm", children: "Confirm password" }),
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", htmlFor: "ss-signup-confirm", children: "Confirm password" }),
+        /* @__PURE__ */ s(
           "input",
           {
             id: "ss-signup-confirm",
@@ -1180,399 +1424,765 @@ function As({ appearance: s, signInUrl: a, onSignIn: r }) {
             type: "password",
             autoComplete: "new-password",
             placeholder: "Confirm your password",
-            value: b,
+            value: v,
             onChange: (T) => {
-              x(T.target.value), N(null);
+              C(T.target.value), h(null);
             },
             required: !0
           }
         )
       ] }),
-      /* @__PURE__ */ i("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: l, children: [
-        l && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      /* @__PURE__ */ n("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: i, children: [
+        i && /* @__PURE__ */ s("span", { className: "ss-spinner" }),
         "Create account"
       ] })
     ] }),
-    /* @__PURE__ */ i("div", { className: "ss-footer", children: [
+    /* @__PURE__ */ n("div", { className: "ss-footer", children: [
       "Already have an account?",
       " ",
-      r ? /* @__PURE__ */ e("span", { className: "ss-link", onClick: r, children: "Sign in" }) : a ? /* @__PURE__ */ e("a", { className: "ss-link", href: a, children: "Sign in" }) : /* @__PURE__ */ e("span", { className: "ss-link", children: "Sign in" })
+      r ? /* @__PURE__ */ s("span", { className: "ss-link", onClick: r, children: "Sign in" }) : a ? /* @__PURE__ */ s("a", { className: "ss-link", href: a, children: "Sign in" }) : /* @__PURE__ */ s("span", { className: "ss-link", children: "Sign in" })
+    ] })
+  ] }) });
+}
+const B = 256, R = 112;
+function $e({ file: e, onCrop: a, onCancel: r }) {
+  const o = j(null), t = j(null), [u, i] = m(1), [c, d] = m({ x: 0, y: 0 }), [l, g] = m(!1), p = j({ x: 0, y: 0, ox: 0, oy: 0 }), [f, b] = m(!1);
+  U(() => {
+    const h = new Image(), S = URL.createObjectURL(e);
+    return h.onload = () => {
+      t.current = h, b(!0), d({ x: 0, y: 0 }), i(1);
+    }, h.src = S, () => URL.revokeObjectURL(S);
+  }, [e]), U(() => {
+    if (!f || !t.current || !o.current) return;
+    const h = o.current.getContext("2d");
+    if (!h) return;
+    const S = t.current;
+    h.clearRect(0, 0, B, B), h.fillStyle = "#111", h.fillRect(0, 0, B, B);
+    const z = Math.max(B / S.width, B / S.height) * u, P = S.width * z, I = S.height * z, T = (B - P) / 2 + c.x, w = (B - I) / 2 + c.y;
+    h.save(), h.beginPath(), h.arc(B / 2, B / 2, R, 0, Math.PI * 2), h.clip(), h.drawImage(S, T, w, P, I), 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, R, 0, Math.PI * 2), h.fill(), h.restore(), h.save(), h.beginPath(), h.arc(B / 2, B / 2, R, 0, Math.PI * 2), h.clip(), h.drawImage(S, T, w, P, I), h.restore(), h.strokeStyle = "rgba(255, 255, 255, 0.6)", h.lineWidth = 2, h.beginPath(), h.arc(B / 2, B / 2, R, 0, Math.PI * 2), h.stroke();
+  }, [u, c, f]);
+  const k = N(
+    (h) => {
+      g(!0), p.current = { x: h.clientX, y: h.clientY, ox: c.x, oy: c.y }, h.target.setPointerCapture(h.pointerId);
+    },
+    [c]
+  ), v = N(
+    (h) => {
+      l && d({
+        x: p.current.ox + (h.clientX - p.current.x),
+        y: p.current.oy + (h.clientY - p.current.y)
+      });
+    },
+    [l]
+  ), C = N(() => g(!1), []), x = N(() => {
+    if (!t.current) return;
+    const h = document.createElement("canvas"), S = R * 2;
+    h.width = S, h.height = S;
+    const z = h.getContext("2d");
+    if (!z) return;
+    const P = t.current, I = Math.max(B / P.width, B / P.height) * u, T = P.width * I, w = P.height * I, $ = (B - T) / 2 + c.x - (B / 2 - R), y = (B - w) / 2 + c.y - (B / 2 - R);
+    z.beginPath(), z.arc(R, R, R, 0, Math.PI * 2), z.clip(), z.drawImage(P, $, y, T, w), h.toBlob((E) => {
+      E && a(E);
+    }, "image/png");
+  }, [u, c, a]);
+  return /* @__PURE__ */ n("div", { className: "ss-avatar-cropper", children: [
+    /* @__PURE__ */ s(
+      "canvas",
+      {
+        ref: o,
+        width: B,
+        height: B,
+        className: "ss-avatar-canvas",
+        onPointerDown: k,
+        onPointerMove: v,
+        onPointerUp: C,
+        style: { cursor: l ? "grabbing" : "grab" }
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "ss-avatar-zoom", children: [
+      /* @__PURE__ */ s("span", { className: "ss-avatar-zoom-label", children: "Zoom" }),
+      /* @__PURE__ */ s(
+        "input",
+        {
+          type: "range",
+          min: "1",
+          max: "3",
+          step: "0.01",
+          value: u,
+          onChange: (h) => i(parseFloat(h.target.value)),
+          className: "ss-avatar-zoom-slider"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ss-btn-group", children: [
+      /* @__PURE__ */ s("button", { type: "button", className: "ss-btn ss-btn-danger ss-btn-sm", onClick: r, children: "Cancel" }),
+      /* @__PURE__ */ s("button", { type: "button", className: "ss-btn ss-btn-primary ss-btn-sm", onClick: x, children: "Save" })
     ] })
+  ] });
+}
+function le({ onUpload: e, onClose: a, isLoading: r }) {
+  const [o, t] = m(null), [u, i] = m(!1), [c, d] = m(null), l = j(null), g = N((b) => {
+    if (!b.type.startsWith("image/")) {
+      d("Please select an image file");
+      return;
+    }
+    if (b.size > 5 * 1024 * 1024) {
+      d("Image must be smaller than 5 MB");
+      return;
+    }
+    d(null), t(b);
+  }, []), p = N(
+    (b) => {
+      b.preventDefault(), i(!1);
+      const k = b.dataTransfer.files[0];
+      k && g(k);
+    },
+    [g]
+  ), f = N(
+    async (b) => {
+      await e(b);
+    },
+    [e]
+  );
+  return /* @__PURE__ */ s("div", { className: "ss-modal-overlay", onClick: (b) => {
+    b.target === b.currentTarget && a();
+  }, children: /* @__PURE__ */ n("div", { className: "ss-modal", children: [
+    /* @__PURE__ */ n("div", { className: "ss-modal-header", children: [
+      /* @__PURE__ */ s("span", { className: "ss-modal-title", children: "Upload Avatar" }),
+      /* @__PURE__ */ s("button", { type: "button", className: "ss-modal-close", onClick: a, children: "✕" })
+    ] }),
+    c && /* @__PURE__ */ s("div", { className: "ss-global-error", children: c }),
+    o ? /* @__PURE__ */ s($e, { file: o, onCrop: f, onCancel: () => t(null) }) : /* @__PURE__ */ n(
+      "div",
+      {
+        className: `ss-avatar-dropzone${u ? " ss-avatar-dropzone-active" : ""}`,
+        onDragOver: (b) => {
+          b.preventDefault(), i(!0);
+        },
+        onDragLeave: () => i(!1),
+        onDrop: p,
+        onClick: () => {
+          var b;
+          return (b = l.current) == null ? void 0 : b.click();
+        },
+        children: [
+          /* @__PURE__ */ n("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+            /* @__PURE__ */ s("path", { d: "M12 16a4 4 0 100-8 4 4 0 000 8z" }),
+            /* @__PURE__ */ s("path", { d: "M3 16.8V9.2c0-1.12 0-1.68.218-2.108a2 2 0 01.874-.874C4.52 6 5.08 6 6.2 6h.382c.246 0 .37 0 .482-.022a1 1 0 00.513-.29c.08-.082.148-.186.284-.392l.079-.118C8.08 4.968 8.15 4.863 8.234 4.77a2 2 0 01.965-.61C9.346 4.1 9.508 4.1 9.834 4.1h4.332c.326 0 .488 0 .636.06a2 2 0 01.965.61c.083.094.153.198.293.408l.079.118c.136.206.204.31.284.392a1 1 0 00.513.29c.112.022.236.022.482.022h.382c1.12 0 1.68 0 2.108.218a2 2 0 01.874.874C21 7.52 21 8.08 21 9.2v7.6c0 1.12 0 1.68-.218 2.108a2 2 0 01-.874.874C19.48 20 18.92 20 17.8 20H6.2c-1.12 0-1.68 0-2.108-.218a2 2 0 01-.874-.874C3 18.48 3 17.92 3 16.8z" })
+          ] }),
+          /* @__PURE__ */ s("span", { children: "Drop image here or click to browse" }),
+          /* @__PURE__ */ s(
+            "input",
+            {
+              ref: l,
+              type: "file",
+              accept: "image/*",
+              style: { display: "none" },
+              onChange: (b) => {
+                var k;
+                (k = b.target.files) != null && k[0] && g(b.target.files[0]);
+              }
+            }
+          )
+        ]
+      }
+    ),
+    r && /* @__PURE__ */ s("div", { className: "ss-loading", children: "Uploading..." })
   ] }) });
 }
-function Ds({ appearance: s }) {
-  const { appearance: a } = k(), { user: r, signOut: c } = j(), t = s ?? a, [d, l] = g(!1), [u, o] = g(!1), n = R(null), m = S((h) => {
-    n.current && !h.composedPath().includes(n.current) && l(!1);
+function ss({
+  appearance: e,
+  afterSignOutUrl: a,
+  afterDeleteAccountUrl: r,
+  showOrgSwitcher: o = !0,
+  onOrgChange: t,
+  onOrgSettingsClick: u
+}) {
+  const { appearance: i } = L(), { user: c, signOut: d } = ee(), l = e ?? i, [g, p] = m(!1), [f, b] = m(!1), [k, v] = m(!1), [C, x] = m(""), [h, S] = m(""), [z, P] = m(null), [I, T] = m(!1), w = j(null), { orgs: $, selectedOrg: y, selectOrg: E, createOrg: M } = ae(), O = N((D) => {
+    w.current && !D.composedPath().includes(w.current) && (p(!1), v(!1));
   }, []);
-  if (L(() => {
-    if (d) {
-      const h = setTimeout(() => {
-        document.addEventListener("click", m);
+  U(() => {
+    if (g) {
+      const D = setTimeout(() => {
+        document.addEventListener("click", O);
       }, 0);
       return () => {
-        clearTimeout(h), document.removeEventListener("click", m);
+        clearTimeout(D), document.removeEventListener("click", O);
       };
     }
-  }, [d, m]), !r) return null;
-  const p = (r.name || r.email).charAt(0).toUpperCase();
-  return /* @__PURE__ */ e(B, { appearance: t, children: /* @__PURE__ */ i("div", { className: "ss-user-btn", ref: n, children: [
-    /* @__PURE__ */ e(
+  }, [g, O]);
+  const V = N((D) => {
+    x(D), S(D.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
+  }, []), F = N(
+    async (D) => {
+      D.preventDefault(), P(null), T(!0);
+      try {
+        const H = await M(C, h);
+        H && (await E(H.id), t == null || t(H), v(!1), x(""), S(""), p(!1));
+      } catch (H) {
+        P(H instanceof Error ? H.message : "Failed to create organization");
+      } finally {
+        T(!1);
+      }
+    },
+    [C, h, M, E, t]
+  );
+  if (!c) return null;
+  const W = (c.name || c.email).charAt(0).toUpperCase();
+  return /* @__PURE__ */ s(q, { appearance: l, children: /* @__PURE__ */ n("div", { className: "ss-user-btn", ref: w, children: [
+    /* @__PURE__ */ s(
       "button",
       {
         type: "button",
         className: "ss-avatar",
-        onClick: () => l(!d),
+        onClick: () => p(!g),
         "aria-label": "User menu",
-        children: r.avatarUrl ? /* @__PURE__ */ e("img", { src: r.avatarUrl, alt: "", style: { width: "100%", height: "100%", borderRadius: "50%", objectFit: "cover" } }) : p
+        children: c.avatarUrl ? /* @__PURE__ */ s("img", { src: c.avatarUrl, alt: "", style: { width: "100%", height: "100%", borderRadius: "50%", objectFit: "cover" } }) : W
       }
     ),
-    d && /* @__PURE__ */ i("div", { className: "ss-dropdown", children: [
-      /* @__PURE__ */ i("div", { className: "ss-dropdown-header", children: [
-        r.name && /* @__PURE__ */ e("div", { style: { fontWeight: 600, fontSize: "14px", color: "inherit" }, children: r.name }),
-        /* @__PURE__ */ e("div", { className: "ss-dropdown-email", children: r.email })
+    g && /* @__PURE__ */ n("div", { className: "ss-dropdown", children: [
+      /* @__PURE__ */ n("div", { className: "ss-dropdown-header", children: [
+        c.name && /* @__PURE__ */ s("div", { style: { fontWeight: 600, fontSize: "14px", color: "inherit" }, children: c.name }),
+        /* @__PURE__ */ s("div", { className: "ss-dropdown-email", children: c.email })
       ] }),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           className: "ss-dropdown-item",
           onClick: () => {
-            l(!1), o(!0);
+            p(!1), b(!0);
           },
           children: "Profile"
         }
       ),
-      /* @__PURE__ */ e(
+      o && /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ s("div", { className: "ss-dropdown-divider" }),
+        /* @__PURE__ */ s("div", { className: "ss-dropdown-section-title", children: "Organizations" }),
+        $.map((D) => /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            className: `ss-dropdown-item${(y == null ? void 0 : y.id) === D.id ? " ss-dropdown-item-active" : ""}`,
+            onClick: async () => {
+              p(!1), v(!1), await E(D.id), t == null || t(D);
+            },
+            children: [
+              (y == null ? void 0 : y.id) === D.id && /* @__PURE__ */ s("span", { className: "ss-org-check", children: "✓" }),
+              D.name
+            ]
+          },
+          D.id
+        )),
+        k ? /* @__PURE__ */ n("div", { className: "ss-inline-form", children: [
+          z && /* @__PURE__ */ s("div", { className: "ss-global-error", style: { marginBottom: "8px", fontSize: "12px" }, children: z }),
+          /* @__PURE__ */ n("form", { onSubmit: F, children: [
+            /* @__PURE__ */ s("div", { className: "ss-field", children: /* @__PURE__ */ s(
+              "input",
+              {
+                className: "ss-input",
+                type: "text",
+                placeholder: "Organization name",
+                value: C,
+                onChange: (D) => V(D.target.value),
+                required: !0,
+                autoFocus: !0
+              }
+            ) }),
+            /* @__PURE__ */ s("div", { className: "ss-field", children: /* @__PURE__ */ s(
+              "input",
+              {
+                className: "ss-input",
+                type: "text",
+                placeholder: "org-slug",
+                value: h,
+                onChange: (D) => S(D.target.value),
+                required: !0
+              }
+            ) }),
+            /* @__PURE__ */ n("div", { className: "ss-btn-group", style: { marginTop: "8px" }, children: [
+              /* @__PURE__ */ s(
+                "button",
+                {
+                  type: "button",
+                  className: "ss-btn ss-btn-sm ss-btn-current",
+                  onClick: () => {
+                    v(!1), P(null);
+                  },
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "submit",
+                  className: "ss-btn ss-btn-sm ss-btn-primary",
+                  disabled: I,
+                  children: [
+                    I && /* @__PURE__ */ s("span", { className: "ss-spinner" }),
+                    "Create"
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: "ss-dropdown-item",
+            onClick: () => v(!0),
+            style: { fontWeight: 500 },
+            children: "+ Create organization"
+          }
+        ),
+        y && u && /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: "ss-dropdown-item",
+            onClick: () => {
+              p(!1), u(y);
+            },
+            children: "Org settings"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s("div", { className: "ss-dropdown-divider" }),
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           className: "ss-dropdown-item ss-dropdown-item-danger",
           onClick: async () => {
-            l(!1), await c();
+            p(!1), await d(), a && (window.location.href = a);
           },
           children: "Sign out"
         }
       )
     ] }),
-    u && /* @__PURE__ */ e(ls, { onClose: () => o(!1) })
+    f && /* @__PURE__ */ s(
+      Ee,
+      {
+        onClose: () => b(!1),
+        afterDeleteAccountUrl: r
+      }
+    )
   ] }) });
 }
-function ls({ onClose: s }) {
-  const { user: a, updateProfile: r, changePassword: c, isLoading: t, error: d, success: l, setError: u, setSuccess: o } = G(), [n, m] = g((a == null ? void 0 : a.name) ?? ""), [p, h] = g((a == null ? void 0 : a.avatarUrl) ?? ""), [v, y] = g(""), [b, x] = g(""), [f, N] = g(""), [w, $] = g(null), E = S(
-    async (C) => {
-      C.preventDefault(), u(null), o(null), await r({ name: n, avatarUrl: p });
+function Ee({ onClose: e, afterDeleteAccountUrl: a }) {
+  const { user: r, updateProfile: o, uploadAvatar: t, changePassword: u, isLoading: i, error: c, success: d, setError: l, setSuccess: g } = te(), { signOut: p } = ee(), { deleteAccount: f, isLoading: b, error: k, setError: v } = ke(), [C, x] = m((r == null ? void 0 : r.name) ?? ""), [h, S] = m((r == null ? void 0 : r.avatarUrl) ?? ""), [z, P] = m(!1), [I, T] = m(""), [w, $] = m(""), [y, E] = m(""), [M, O] = m(null), [V, F] = m(!1), [W, D] = m(""), H = N(
+    async (A) => {
+      A.preventDefault(), l(null), g(null), await o({ name: C, avatarUrl: h || void 0 });
     },
-    [n, p, r, u, o]
-  ), z = S(
-    async (C) => {
-      if (C.preventDefault(), $(null), u(null), o(null), b !== f) {
-        $("Passwords do not match");
+    [C, h, o, l, g]
+  ), ce = N(
+    async (A) => {
+      const Y = await t(A);
+      Y && (S(Y.avatarUrl), P(!1));
+    },
+    [t]
+  ), de = N(
+    async (A) => {
+      if (A.preventDefault(), O(null), l(null), g(null), w !== y) {
+        O("Passwords do not match");
         return;
       }
-      if (b.length < 8) {
-        $("Password must be at least 8 characters");
+      if (w.length < 8) {
+        O("Password must be at least 8 characters");
         return;
       }
-      await c(v, b) && (y(""), x(""), N(""));
+      await u(I, w) && (T(""), $(""), E(""));
     },
-    [v, b, f, c, u, o]
-  ), T = (a == null ? void 0 : a.provider) === "email";
-  return /* @__PURE__ */ e("div", { className: "ss-modal-overlay", onClick: (C) => {
-    C.target === C.currentTarget && s();
-  }, children: /* @__PURE__ */ i("div", { className: "ss-modal", children: [
-    /* @__PURE__ */ i("div", { className: "ss-modal-header", children: [
-      /* @__PURE__ */ e("span", { className: "ss-modal-title", children: "Profile" }),
-      /* @__PURE__ */ e("button", { type: "button", className: "ss-modal-close", onClick: s, children: "✕" })
+    [I, w, y, u, l, g]
+  ), ue = N(async () => {
+    await f() && (await p(), a && (window.location.href = a));
+  }, [f, p, a]), pe = (r == null ? void 0 : r.provider) === "email", me = W === (r == null ? void 0 : r.email);
+  return /* @__PURE__ */ s("div", { className: "ss-modal-overlay", onClick: (A) => {
+    A.target === A.currentTarget && e();
+  }, children: /* @__PURE__ */ n("div", { className: "ss-modal", children: [
+    /* @__PURE__ */ n("div", { className: "ss-modal-header", children: [
+      /* @__PURE__ */ s("span", { className: "ss-modal-title", children: "Profile" }),
+      /* @__PURE__ */ s("button", { type: "button", className: "ss-modal-close", onClick: e, children: "✕" })
     ] }),
-    d && /* @__PURE__ */ e("div", { className: "ss-global-error", children: d }),
-    l && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: l }),
-    /* @__PURE__ */ e("div", { className: "ss-avatar-preview", children: p ? /* @__PURE__ */ e("img", { src: p, alt: "" }) : (n || (a == null ? void 0 : a.email) || "?").charAt(0).toUpperCase() }),
-    /* @__PURE__ */ i("form", { onSubmit: E, children: [
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Name" }),
-        /* @__PURE__ */ e(
+    c && /* @__PURE__ */ s("div", { className: "ss-global-error", children: c }),
+    d && /* @__PURE__ */ s("div", { className: "ss-success-msg", children: d }),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: "ss-avatar-preview ss-avatar-hoverable",
+        onClick: () => P(!0),
+        title: "Click to change avatar",
+        children: [
+          h ? /* @__PURE__ */ s("img", { src: h, alt: "" }) : (C || (r == null ? void 0 : r.email) || "?").charAt(0).toUpperCase(),
+          /* @__PURE__ */ s("div", { className: "ss-avatar-overlay", children: /* @__PURE__ */ n("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ s("path", { d: "M12 16a4 4 0 100-8 4 4 0 000 8z" }),
+            /* @__PURE__ */ s("path", { d: "M3 16.8V9.2c0-1.12 0-1.68.218-2.108a2 2 0 01.874-.874C4.52 6 5.08 6 6.2 6h.382c.246 0 .37 0 .482-.022a1 1 0 00.513-.29c.08-.082.148-.186.284-.392l.079-.118C8.08 4.968 8.15 4.863 8.234 4.77a2 2 0 01.965-.61C9.346 4.1 9.508 4.1 9.834 4.1h4.332c.326 0 .488 0 .636.06a2 2 0 01.965.61c.083.094.153.198.293.408l.079.118c.136.206.204.31.284.392a1 1 0 00.513.29c.112.022.236.022.482.022h.382c1.12 0 1.68 0 2.108.218a2 2 0 01.874.874C21 7.52 21 8.08 21 9.2v7.6c0 1.12 0 1.68-.218 2.108a2 2 0 01-.874.874C19.48 20 18.92 20 17.8 20H6.2c-1.12 0-1.68 0-2.108-.218a2 2 0 01-.874-.874C3 18.48 3 17.92 3 16.8z" })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n("form", { onSubmit: H, children: [
+      /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", children: "Name" }),
+        /* @__PURE__ */ s(
           "input",
           {
             className: "ss-input",
             type: "text",
             placeholder: "Your name",
-            value: n,
-            onChange: (C) => m(C.target.value)
+            value: C,
+            onChange: (A) => x(A.target.value)
           }
         )
       ] }),
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Avatar URL" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            className: "ss-input",
-            type: "url",
-            placeholder: "https://example.com/avatar.jpg",
-            value: p,
-            onChange: (C) => h(C.target.value)
-          }
-        )
+      /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", children: "Email" }),
+        /* @__PURE__ */ s("input", { className: "ss-input ss-input-readonly", type: "email", value: (r == null ? void 0 : r.email) ?? "", disabled: !0, readOnly: !0 })
       ] }),
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Email" }),
-        /* @__PURE__ */ e("input", { className: "ss-input ss-input-readonly", type: "email", value: (a == null ? void 0 : a.email) ?? "", disabled: !0, readOnly: !0 })
+      /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", children: "Provider" }),
+        /* @__PURE__ */ s("input", { className: "ss-input ss-input-readonly", type: "text", value: (r == null ? void 0 : r.provider) ?? "", disabled: !0, readOnly: !0 })
       ] }),
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Provider" }),
-        /* @__PURE__ */ e("input", { className: "ss-input ss-input-readonly", type: "text", value: (a == null ? void 0 : a.provider) ?? "", disabled: !0, readOnly: !0 })
-      ] }),
-      /* @__PURE__ */ i("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: t, children: [
-        t && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      /* @__PURE__ */ n("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: i, children: [
+        i && /* @__PURE__ */ s("span", { className: "ss-spinner" }),
         "Save changes"
       ] })
     ] }),
-    T && /* @__PURE__ */ i("div", { className: "ss-modal-section", children: [
-      /* @__PURE__ */ e("div", { className: "ss-modal-section-title", children: "Change password" }),
-      w && /* @__PURE__ */ e("div", { className: "ss-global-error", children: w }),
-      /* @__PURE__ */ i("form", { onSubmit: z, children: [
-        /* @__PURE__ */ i("div", { className: "ss-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-label", children: "Current password" }),
-          /* @__PURE__ */ e(
+    pe && /* @__PURE__ */ n("div", { className: "ss-modal-section", children: [
+      /* @__PURE__ */ s("div", { className: "ss-modal-section-title", children: "Change password" }),
+      M && /* @__PURE__ */ s("div", { className: "ss-global-error", children: M }),
+      /* @__PURE__ */ n("form", { onSubmit: de, children: [
+        /* @__PURE__ */ n("div", { className: "ss-field", children: [
+          /* @__PURE__ */ s("label", { className: "ss-label", children: "Current password" }),
+          /* @__PURE__ */ s(
             "input",
             {
               className: "ss-input",
               type: "password",
-              value: v,
-              onChange: (C) => y(C.target.value),
+              value: I,
+              onChange: (A) => T(A.target.value),
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ i("div", { className: "ss-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-label", children: "New password" }),
-          /* @__PURE__ */ e(
+        /* @__PURE__ */ n("div", { className: "ss-field", children: [
+          /* @__PURE__ */ s("label", { className: "ss-label", children: "New password" }),
+          /* @__PURE__ */ s(
             "input",
             {
               className: "ss-input",
               type: "password",
-              value: b,
-              onChange: (C) => x(C.target.value),
+              value: w,
+              onChange: (A) => $(A.target.value),
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ i("div", { className: "ss-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-label", children: "Confirm new password" }),
-          /* @__PURE__ */ e(
+        /* @__PURE__ */ n("div", { className: "ss-field", children: [
+          /* @__PURE__ */ s("label", { className: "ss-label", children: "Confirm new password" }),
+          /* @__PURE__ */ s(
             "input",
             {
               className: "ss-input",
               type: "password",
-              value: f,
-              onChange: (C) => N(C.target.value),
+              value: y,
+              onChange: (A) => E(A.target.value),
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ i("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: t, children: [
-          t && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+        /* @__PURE__ */ n("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: i, children: [
+          i && /* @__PURE__ */ s("span", { className: "ss-spinner" }),
           "Update password"
         ] })
       ] })
-    ] })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ss-danger-zone", children: [
+      /* @__PURE__ */ s("div", { className: "ss-modal-section-title", children: "Danger zone" }),
+      /* @__PURE__ */ s("p", { style: { fontSize: "13px", margin: "0 0 12px 0", opacity: 0.8 }, children: "Deleting your account is permanent. All organizations you own will also be deleted." }),
+      k && /* @__PURE__ */ s("div", { className: "ss-global-error", children: k }),
+      V ? /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ n("div", { className: "ss-field", children: [
+          /* @__PURE__ */ s("label", { className: "ss-label", children: "Type your email to confirm" }),
+          /* @__PURE__ */ s(
+            "input",
+            {
+              className: "ss-input",
+              type: "email",
+              placeholder: r == null ? void 0 : r.email,
+              value: W,
+              onChange: (A) => D(A.target.value),
+              autoFocus: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: "ss-btn-group", style: { marginTop: "8px" }, children: [
+          /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: "ss-btn ss-btn-sm ss-btn-current",
+              onClick: () => {
+                F(!1), D(""), v(null);
+              },
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: "ss-btn ss-btn-sm ss-btn-danger",
+              disabled: !me || b,
+              onClick: ue,
+              children: [
+                b && /* @__PURE__ */ s("span", { className: "ss-spinner" }),
+                "Delete account"
+              ]
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          className: "ss-btn ss-btn-danger",
+          onClick: () => F(!0),
+          children: "Delete my account"
+        }
+      )
+    ] }),
+    z && /* @__PURE__ */ s(
+      le,
+      {
+        onUpload: ce,
+        onClose: () => P(!1),
+        isLoading: i
+      }
+    )
   ] }) });
 }
-function Fs({ appearance: s }) {
-  const { appearance: a } = k(), { user: r, signOut: c } = j(), { updateProfile: t, changePassword: d, isLoading: l, error: u, success: o, setError: n, setSuccess: m } = G(), p = s ?? a, [h, v] = g((r == null ? void 0 : r.name) ?? ""), [y, b] = g((r == null ? void 0 : r.avatarUrl) ?? ""), [x, f] = g(""), [N, w] = g(""), [$, E] = g(""), [z, T] = g(null), C = S(
-    async (I) => {
-      I.preventDefault(), n(null), m(null), await t({ name: h, avatarUrl: y });
+function rs({ appearance: e }) {
+  const { appearance: a } = L(), { user: r, signOut: o } = ee(), { updateProfile: t, uploadAvatar: u, changePassword: i, isLoading: c, error: d, success: l, setError: g, setSuccess: p } = te(), f = e ?? a, [b, k] = m((r == null ? void 0 : r.name) ?? ""), [v, C] = m((r == null ? void 0 : r.avatarUrl) ?? ""), [x, h] = m(!1), [S, z] = m(""), [P, I] = m(""), [T, w] = m(""), [$, y] = m(null), E = N(
+    async (F) => {
+      F.preventDefault(), g(null), p(null), await t({ name: b, avatarUrl: v || void 0 });
+    },
+    [b, v, t, g, p]
+  ), M = N(
+    async (F) => {
+      const W = await u(F);
+      W && (C(W.avatarUrl), h(!1));
     },
-    [h, y, t, n, m]
-  ), q = S(
-    async (I) => {
-      if (I.preventDefault(), T(null), n(null), m(null), N !== $) {
-        T("Passwords do not match");
+    [u]
+  ), O = N(
+    async (F) => {
+      if (F.preventDefault(), y(null), g(null), p(null), P !== T) {
+        y("Passwords do not match");
         return;
       }
-      if (N.length < 8) {
-        T("Password must be at least 8 characters");
+      if (P.length < 8) {
+        y("Password must be at least 8 characters");
         return;
       }
-      await d(x, N) && (f(""), w(""), E(""));
+      await i(S, P) && (z(""), I(""), w(""));
     },
-    [x, N, $, d, n, m]
+    [S, P, T, i, g, p]
   );
   if (!r) return null;
-  const P = r.provider === "email";
-  return /* @__PURE__ */ e(B, { appearance: p, children: /* @__PURE__ */ i("div", { className: "ss-card ss-card-wide", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Profile" }),
-    u && /* @__PURE__ */ e("div", { className: "ss-global-error", children: u }),
-    o && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: o }),
-    /* @__PURE__ */ e("div", { className: "ss-avatar-preview", style: { margin: "0 auto 16px" }, children: y ? /* @__PURE__ */ e("img", { src: y, alt: "" }) : (h || r.email).charAt(0).toUpperCase() }),
-    /* @__PURE__ */ i("form", { onSubmit: C, children: [
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Name" }),
-        /* @__PURE__ */ e("input", { className: "ss-input", type: "text", placeholder: "Your name", value: h, onChange: (I) => v(I.target.value) })
-      ] }),
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Avatar URL" }),
-        /* @__PURE__ */ e("input", { className: "ss-input", type: "url", placeholder: "https://example.com/avatar.jpg", value: y, onChange: (I) => b(I.target.value) })
+  const V = r.provider === "email";
+  return /* @__PURE__ */ s(q, { appearance: f, children: /* @__PURE__ */ n("div", { className: "ss-card ss-card-wide", children: [
+    /* @__PURE__ */ s("h2", { className: "ss-title", children: "Profile" }),
+    d && /* @__PURE__ */ s("div", { className: "ss-global-error", children: d }),
+    l && /* @__PURE__ */ s("div", { className: "ss-success-msg", children: l }),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: "ss-avatar-preview ss-avatar-hoverable",
+        style: { margin: "0 auto 16px" },
+        onClick: () => h(!0),
+        title: "Click to change avatar",
+        children: [
+          v ? /* @__PURE__ */ s("img", { src: v, alt: "" }) : (b || r.email).charAt(0).toUpperCase(),
+          /* @__PURE__ */ s("div", { className: "ss-avatar-overlay", children: /* @__PURE__ */ n("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ s("path", { d: "M12 16a4 4 0 100-8 4 4 0 000 8z" }),
+            /* @__PURE__ */ s("path", { d: "M3 16.8V9.2c0-1.12 0-1.68.218-2.108a2 2 0 01.874-.874C4.52 6 5.08 6 6.2 6h.382c.246 0 .37 0 .482-.022a1 1 0 00.513-.29c.08-.082.148-.186.284-.392l.079-.118C8.08 4.968 8.15 4.863 8.234 4.77a2 2 0 01.965-.61C9.346 4.1 9.508 4.1 9.834 4.1h4.332c.326 0 .488 0 .636.06a2 2 0 01.965.61c.083.094.153.198.293.408l.079.118c.136.206.204.31.284.392a1 1 0 00.513.29c.112.022.236.022.482.022h.382c1.12 0 1.68 0 2.108.218a2 2 0 01.874.874C21 7.52 21 8.08 21 9.2v7.6c0 1.12 0 1.68-.218 2.108a2 2 0 01-.874.874C19.48 20 18.92 20 17.8 20H6.2c-1.12 0-1.68 0-2.108-.218a2 2 0 01-.874-.874C3 18.48 3 17.92 3 16.8z" })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n("form", { onSubmit: E, children: [
+      /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", children: "Name" }),
+        /* @__PURE__ */ s("input", { className: "ss-input", type: "text", placeholder: "Your name", value: b, onChange: (F) => k(F.target.value) })
       ] }),
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Email" }),
-        /* @__PURE__ */ e("input", { className: "ss-input ss-input-readonly", type: "email", value: r.email, disabled: !0, readOnly: !0 })
+      /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", children: "Email" }),
+        /* @__PURE__ */ s("input", { className: "ss-input ss-input-readonly", type: "email", value: r.email, disabled: !0, readOnly: !0 })
       ] }),
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Provider" }),
-        /* @__PURE__ */ e("input", { className: "ss-input ss-input-readonly", type: "text", value: r.provider, disabled: !0, readOnly: !0 })
+      /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", children: "Provider" }),
+        /* @__PURE__ */ s("input", { className: "ss-input ss-input-readonly", type: "text", value: r.provider, disabled: !0, readOnly: !0 })
       ] }),
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Email verified" }),
-        /* @__PURE__ */ e("input", { className: "ss-input ss-input-readonly", type: "text", value: r.emailVerified ? "Yes" : "No", disabled: !0, readOnly: !0 })
+      /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", children: "Email verified" }),
+        /* @__PURE__ */ s("input", { className: "ss-input ss-input-readonly", type: "text", value: r.emailVerified ? "Yes" : "No", disabled: !0, readOnly: !0 })
       ] }),
-      /* @__PURE__ */ i("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: l, children: [
-        l && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      /* @__PURE__ */ n("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: c, children: [
+        c && /* @__PURE__ */ s("span", { className: "ss-spinner" }),
         "Save changes"
       ] })
     ] }),
-    P && /* @__PURE__ */ i("div", { className: "ss-modal-section", children: [
-      /* @__PURE__ */ e("div", { className: "ss-modal-section-title", children: "Change password" }),
-      z && /* @__PURE__ */ e("div", { className: "ss-global-error", children: z }),
-      /* @__PURE__ */ i("form", { onSubmit: q, children: [
-        /* @__PURE__ */ i("div", { className: "ss-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-label", children: "Current password" }),
-          /* @__PURE__ */ e("input", { className: "ss-input", type: "password", value: x, onChange: (I) => f(I.target.value), required: !0 })
+    V && /* @__PURE__ */ n("div", { className: "ss-modal-section", children: [
+      /* @__PURE__ */ s("div", { className: "ss-modal-section-title", children: "Change password" }),
+      $ && /* @__PURE__ */ s("div", { className: "ss-global-error", children: $ }),
+      /* @__PURE__ */ n("form", { onSubmit: O, children: [
+        /* @__PURE__ */ n("div", { className: "ss-field", children: [
+          /* @__PURE__ */ s("label", { className: "ss-label", children: "Current password" }),
+          /* @__PURE__ */ s("input", { className: "ss-input", type: "password", value: S, onChange: (F) => z(F.target.value), required: !0 })
         ] }),
-        /* @__PURE__ */ i("div", { className: "ss-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-label", children: "New password" }),
-          /* @__PURE__ */ e("input", { className: "ss-input", type: "password", value: N, onChange: (I) => w(I.target.value), required: !0 })
+        /* @__PURE__ */ n("div", { className: "ss-field", children: [
+          /* @__PURE__ */ s("label", { className: "ss-label", children: "New password" }),
+          /* @__PURE__ */ s("input", { className: "ss-input", type: "password", value: P, onChange: (F) => I(F.target.value), required: !0 })
         ] }),
-        /* @__PURE__ */ i("div", { className: "ss-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-label", children: "Confirm new password" }),
-          /* @__PURE__ */ e("input", { className: "ss-input", type: "password", value: $, onChange: (I) => E(I.target.value), required: !0 })
+        /* @__PURE__ */ n("div", { className: "ss-field", children: [
+          /* @__PURE__ */ s("label", { className: "ss-label", children: "Confirm new password" }),
+          /* @__PURE__ */ s("input", { className: "ss-input", type: "password", value: T, onChange: (F) => w(F.target.value), required: !0 })
         ] }),
-        /* @__PURE__ */ i("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: l, children: [
-          l && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+        /* @__PURE__ */ n("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: c, children: [
+          c && /* @__PURE__ */ s("span", { className: "ss-spinner" }),
           "Update password"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { style: { marginTop: "24px" }, children: /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-danger", onClick: () => c(), children: "Sign out" }) })
+    /* @__PURE__ */ s("div", { style: { marginTop: "24px" }, children: /* @__PURE__ */ s("button", { type: "button", className: "ss-btn ss-btn-danger", onClick: () => o(), children: "Sign out" }) }),
+    x && /* @__PURE__ */ s(
+      le,
+      {
+        onUpload: M,
+        onClose: () => h(!1),
+        isLoading: c
+      }
+    )
   ] }) });
 }
-function Ms({ appearance: s, onOrgChange: a }) {
-  const { appearance: r } = k(), { orgs: c, selectedOrg: t, selectOrg: d, createOrg: l, isLoading: u } = os(), o = s ?? r, [n, m] = g(!1), [p, h] = g(!1), [v, y] = g(""), [b, x] = g(""), [f, N] = g(null), [w, $] = g(!1), E = R(null), z = S((P) => {
-    E.current && !P.composedPath().includes(E.current) && (m(!1), h(!1));
+function as({ appearance: e, onOrgChange: a }) {
+  const { appearance: r } = L(), { orgs: o, selectedOrg: t, selectOrg: u, createOrg: i, isLoading: c } = ae(), d = e ?? r, [l, g] = m(!1), [p, f] = m(!1), [b, k] = m(""), [v, C] = m(""), [x, h] = m(null), [S, z] = m(!1), P = j(null), I = N((y) => {
+    P.current && !y.composedPath().includes(P.current) && (g(!1), f(!1));
   }, []);
-  L(() => {
-    if (n) {
-      const P = setTimeout(() => {
-        document.addEventListener("click", z);
+  U(() => {
+    if (l) {
+      const y = setTimeout(() => {
+        document.addEventListener("click", I);
       }, 0);
       return () => {
-        clearTimeout(P), document.removeEventListener("click", z);
+        clearTimeout(y), document.removeEventListener("click", I);
       };
     }
-  }, [n, z]);
-  const T = S((P) => {
-    y(P), x(P.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
-  }, []), C = S(
-    async (P) => {
-      P.preventDefault(), N(null), $(!0);
+  }, [l, I]);
+  const T = N((y) => {
+    k(y), C(y.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
+  }, []), w = N(
+    async (y) => {
+      y.preventDefault(), h(null), z(!0);
       try {
-        const I = await l(v, b);
-        I && (await d(I.id), a == null || a(I), h(!1), y(""), x(""), m(!1));
-      } catch (I) {
-        N(I instanceof Error ? I.message : "Failed to create organization");
+        const E = await i(b, v);
+        E && (await u(E.id), a == null || a(E), f(!1), k(""), C(""), g(!1));
+      } catch (E) {
+        h(E instanceof Error ? E.message : "Failed to create organization");
       } finally {
-        $(!1);
+        z(!1);
       }
     },
-    [v, b, l, d, a]
+    [b, v, i, u, a]
   );
-  if (u) return null;
-  const q = (t == null ? void 0 : t.name) ?? (c.length === 0 ? "No organization" : "Select organization");
-  return /* @__PURE__ */ e(B, { appearance: o, children: /* @__PURE__ */ i("div", { className: "ss-user-btn", ref: E, children: [
-    /* @__PURE__ */ i(
+  if (c) return null;
+  const $ = (t == null ? void 0 : t.name) ?? (o.length === 0 ? "No organization" : "Select organization");
+  return /* @__PURE__ */ s(q, { appearance: d, children: /* @__PURE__ */ n("div", { className: "ss-user-btn", ref: P, children: [
+    /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         className: "ss-btn ss-btn-org-switcher",
-        onClick: () => m(!n),
+        onClick: () => g(!l),
         children: [
-          q,
-          /* @__PURE__ */ e("span", { className: "ss-chevron", children: n ? "▲" : "▼" })
+          $,
+          /* @__PURE__ */ s("span", { className: "ss-chevron", children: l ? "▲" : "▼" })
         ]
       }
     ),
-    n && /* @__PURE__ */ i("div", { className: "ss-dropdown ss-dropdown-org", children: [
-      c.map((P) => /* @__PURE__ */ e(
+    l && /* @__PURE__ */ n("div", { className: "ss-dropdown ss-dropdown-org", children: [
+      o.map((y) => /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          className: `ss-dropdown-item ${(t == null ? void 0 : t.id) === P.id ? "ss-dropdown-item-active" : ""}`,
+          className: `ss-dropdown-item ${(t == null ? void 0 : t.id) === y.id ? "ss-dropdown-item-active" : ""}`,
           onClick: async () => {
-            m(!1), h(!1), await d(P.id), a == null || a(P);
+            g(!1), f(!1), await u(y.id), a == null || a(y);
           },
-          children: P.name
+          children: y.name
         },
-        P.id
+        y.id
       )),
-      /* @__PURE__ */ e("div", { className: "ss-dropdown-divider" }),
-      p ? /* @__PURE__ */ i("div", { className: "ss-inline-form", children: [
-        f && /* @__PURE__ */ e("div", { className: "ss-global-error", style: { marginBottom: "8px", fontSize: "12px" }, children: f }),
-        /* @__PURE__ */ i("form", { onSubmit: C, children: [
-          /* @__PURE__ */ e("div", { className: "ss-field", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ s("div", { className: "ss-dropdown-divider" }),
+      p ? /* @__PURE__ */ n("div", { className: "ss-inline-form", children: [
+        x && /* @__PURE__ */ s("div", { className: "ss-global-error", style: { marginBottom: "8px", fontSize: "12px" }, children: x }),
+        /* @__PURE__ */ n("form", { onSubmit: w, children: [
+          /* @__PURE__ */ s("div", { className: "ss-field", children: /* @__PURE__ */ s(
             "input",
             {
               className: "ss-input",
               type: "text",
               placeholder: "Organization name",
-              value: v,
-              onChange: (P) => T(P.target.value),
+              value: b,
+              onChange: (y) => T(y.target.value),
               required: !0,
               autoFocus: !0
             }
           ) }),
-          /* @__PURE__ */ e("div", { className: "ss-field", children: /* @__PURE__ */ e(
+          /* @__PURE__ */ s("div", { className: "ss-field", children: /* @__PURE__ */ s(
             "input",
             {
               className: "ss-input",
               type: "text",
               placeholder: "org-slug",
-              value: b,
-              onChange: (P) => x(P.target.value),
+              value: v,
+              onChange: (y) => C(y.target.value),
               required: !0
             }
           ) }),
-          /* @__PURE__ */ i("div", { className: "ss-btn-group", style: { marginTop: "8px" }, children: [
-            /* @__PURE__ */ e(
+          /* @__PURE__ */ n("div", { className: "ss-btn-group", style: { marginTop: "8px" }, children: [
+            /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
                 className: "ss-btn ss-btn-sm ss-btn-current",
                 onClick: () => {
-                  h(!1), N(null);
+                  f(!1), h(null);
                 },
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ss-btn ss-btn-sm ss-btn-primary",
-                disabled: w,
+                disabled: S,
                 children: [
-                  w && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+                  S && /* @__PURE__ */ s("span", { className: "ss-spinner" }),
                   "Create"
                 ]
               }
             )
           ] })
         ] })
-      ] }) : /* @__PURE__ */ e(
+      ] }) : /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           className: "ss-dropdown-item",
-          onClick: () => h(!0),
+          onClick: () => f(!0),
           style: { fontWeight: 500 },
           children: "+ Create organization"
         }
@@ -1580,636 +2190,636 @@ function Ms({ appearance: s, onOrgChange: a }) {
     ] })
   ] }) });
 }
-function is(s, a = "USD") {
+function Pe(e, a = "USD") {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: a,
-    minimumFractionDigits: s % 100 === 0 ? 0 : 2
-  }).format(s / 100);
+    minimumFractionDigits: e % 100 === 0 ? 0 : 2
+  }).format(e / 100);
 }
-function Us({ plans: s, currentPlanId: a, onSelectPlan: r, interval: c, appearance: t }) {
-  const { appearance: d } = k(), l = t ?? d, u = c ? s.filter((o) => o.interval === c || o.isFree) : s;
-  return /* @__PURE__ */ e(B, { appearance: l, children: /* @__PURE__ */ e("div", { className: "ss-pricing-grid", children: u.map((o) => {
-    const n = o.id === a;
-    return /* @__PURE__ */ i("div", { className: `ss-pricing-card ${n ? "ss-pricing-card-current" : ""}`, children: [
-      /* @__PURE__ */ i("div", { className: "ss-pricing-header", children: [
-        /* @__PURE__ */ e("h3", { className: "ss-pricing-name", children: o.name }),
-        o.trialDays > 0 && /* @__PURE__ */ i("span", { className: "ss-badge ss-badge-trialing", children: [
-          o.trialDays,
+function ts({ plans: e, currentPlanId: a, onSelectPlan: r, interval: o, appearance: t }) {
+  const { appearance: u } = L(), i = t ?? u, c = o ? e.filter((d) => d.interval === o || d.isFree) : e;
+  return /* @__PURE__ */ s(q, { appearance: i, children: /* @__PURE__ */ s("div", { className: "ss-pricing-grid", children: c.map((d) => {
+    const l = d.id === a;
+    return /* @__PURE__ */ n("div", { className: `ss-pricing-card ${l ? "ss-pricing-card-current" : ""}`, children: [
+      /* @__PURE__ */ n("div", { className: "ss-pricing-header", children: [
+        /* @__PURE__ */ s("h3", { className: "ss-pricing-name", children: d.name }),
+        d.trialDays > 0 && /* @__PURE__ */ n("span", { className: "ss-badge ss-badge-trialing", children: [
+          d.trialDays,
           "-day trial"
         ] }),
-        o.isFree && /* @__PURE__ */ e("span", { className: "ss-badge ss-badge-active", children: "Free" })
+        d.isFree && /* @__PURE__ */ s("span", { className: "ss-badge ss-badge-active", children: "Free" })
       ] }),
-      /* @__PURE__ */ e("div", { className: "ss-pricing-price", children: o.isFree ? /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: "Free" }) : /* @__PURE__ */ i(D, { children: [
-        /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: is(o.amountCents, o.currency) }),
-        /* @__PURE__ */ i("span", { className: "ss-pricing-interval", children: [
+      /* @__PURE__ */ s("div", { className: "ss-pricing-price", children: d.isFree ? /* @__PURE__ */ s("span", { className: "ss-pricing-amount", children: "Free" }) : /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ s("span", { className: "ss-pricing-amount", children: Pe(d.amountCents, d.currency) }),
+        /* @__PURE__ */ n("span", { className: "ss-pricing-interval", children: [
           "/",
-          o.interval
+          d.interval
         ] })
       ] }) }),
-      o.description && /* @__PURE__ */ e("p", { className: "ss-pricing-desc", children: o.description }),
-      o.features.length > 0 && /* @__PURE__ */ e("ul", { className: "ss-pricing-features", children: o.features.map((m, p) => /* @__PURE__ */ i("li", { className: "ss-pricing-feature", children: [
-        /* @__PURE__ */ e("span", { className: "ss-check", children: "✓" }),
+      d.description && /* @__PURE__ */ s("p", { className: "ss-pricing-desc", children: d.description }),
+      d.features.length > 0 && /* @__PURE__ */ s("ul", { className: "ss-pricing-features", children: d.features.map((g, p) => /* @__PURE__ */ n("li", { className: "ss-pricing-feature", children: [
+        /* @__PURE__ */ s("span", { className: "ss-check", children: "✓" }),
         " ",
-        m
+        g
       ] }, p)) }),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          className: `ss-btn ${n ? "ss-btn-current" : "ss-btn-primary"}`,
-          disabled: n,
-          onClick: () => r(o.id),
-          children: n ? "Current plan" : "Select plan"
+          className: `ss-btn ${l ? "ss-btn-current" : "ss-btn-primary"}`,
+          disabled: l,
+          onClick: () => r(d.id),
+          children: l ? "Current plan" : "Select plan"
         }
       )
-    ] }, o.id);
+    ] }, d.id);
   }) }) });
 }
-function Os() {
-  const { client: s } = k();
-  return { billing: s.billing };
+function ns() {
+  const { client: e } = L();
+  return { billing: e.billing };
 }
-function M(s) {
-  const { client: a } = k();
-  return A(() => {
-    if (s) {
-      const r = new F("https://api.saas-support.com/v1", { type: "portalToken", token: s });
-      return new ss(r);
+function Q(e) {
+  const { client: a } = L();
+  return _(() => {
+    if (e) {
+      const r = new J("https://api.saas-support.com/v1", { type: "portalToken", token: e });
+      return new ye(r);
     }
     return a.billing;
-  }, [a, s]);
+  }, [a, e]);
 }
-function cs(s, a) {
-  const r = M(a), [c, t] = g(null), [d, l] = g(!0), [u, o] = g(null), n = S(async () => {
-    l(!0), o(null);
+function ze(e, a) {
+  const r = Q(a), [o, t] = m(null), [u, i] = m(!0), [c, d] = m(null), l = N(async () => {
+    i(!0), d(null);
     try {
-      const m = await r.getCustomer(s);
-      t(m);
-    } catch (m) {
-      o(m instanceof Error ? m.message : "Failed to load subscription");
+      const g = await r.getCustomer(e);
+      t(g);
+    } catch (g) {
+      d(g instanceof Error ? g.message : "Failed to load subscription");
     } finally {
-      l(!1);
+      i(!1);
     }
-  }, [r, s]);
-  return L(() => {
-    n();
-  }, [n]), { customer: c, isLoading: d, error: u, refresh: n };
+  }, [r, e]);
+  return U(() => {
+    l();
+  }, [l]), { customer: o, isLoading: u, error: c, refresh: l };
 }
-function ds(s, a) {
-  const r = M(a), [c, t] = g([]), [d, l] = g(!0), [u, o] = g(null), n = S(async () => {
-    l(!0), o(null);
+function Ie(e, a) {
+  const r = Q(a), [o, t] = m([]), [u, i] = m(!0), [c, d] = m(null), l = N(async () => {
+    i(!0), d(null);
     try {
-      const m = await r.getInvoices(s);
-      t(m);
-    } catch (m) {
-      o(m instanceof Error ? m.message : "Failed to load invoices");
+      const g = await r.getInvoices(e);
+      t(g);
+    } catch (g) {
+      d(g instanceof Error ? g.message : "Failed to load invoices");
     } finally {
-      l(!1);
+      i(!1);
     }
-  }, [r, s]);
-  return L(() => {
-    n();
-  }, [n]), { invoices: c, isLoading: d, error: u, refresh: n };
+  }, [r, e]);
+  return U(() => {
+    l();
+  }, [l]), { invoices: o, isLoading: u, error: c, refresh: l };
 }
-function us(s, a) {
-  const r = M(a), [c, t] = g([]), [d, l] = g(!0), [u, o] = g(null), n = S(async () => {
-    l(!0), o(null);
+function Te(e, a) {
+  const r = Q(a), [o, t] = m([]), [u, i] = m(!0), [c, d] = m(null), l = N(async () => {
+    i(!0), d(null);
     try {
-      const m = await r.getCurrentUsage(s);
-      t(m);
-    } catch (m) {
-      o(m instanceof Error ? m.message : "Failed to load usage");
+      const g = await r.getCurrentUsage(e);
+      t(g);
+    } catch (g) {
+      d(g instanceof Error ? g.message : "Failed to load usage");
     } finally {
-      l(!1);
+      i(!1);
     }
-  }, [r, s]);
-  return L(() => {
-    n();
-  }, [n]), { usage: c, isLoading: d, error: u, refresh: n };
+  }, [r, e]);
+  return U(() => {
+    l();
+  }, [l]), { usage: o, isLoading: u, error: c, refresh: l };
 }
-const ps = {
+const Le = {
   active: "ss-badge-active"
 };
-function ms({
-  customerId: s,
+function Be({
+  customerId: e,
   portalToken: a,
   onChangePlan: r,
-  onCancel: c,
+  onCancel: o,
   appearance: t
 }) {
-  const { appearance: d } = k(), { customer: l, isLoading: u, error: o } = cs(s, a);
-  return /* @__PURE__ */ e(B, { appearance: t ?? d, children: /* @__PURE__ */ i("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Subscription" }),
-    u && /* @__PURE__ */ i("div", { className: "ss-loading", children: [
-      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+  const { appearance: u } = L(), { customer: i, isLoading: c, error: d } = ze(e, a);
+  return /* @__PURE__ */ s(q, { appearance: t ?? u, children: /* @__PURE__ */ n("div", { className: "ss-card", children: [
+    /* @__PURE__ */ s("h2", { className: "ss-title", children: "Subscription" }),
+    c && /* @__PURE__ */ n("div", { className: "ss-loading", children: [
+      /* @__PURE__ */ s("span", { className: "ss-spinner" }),
       " Loading..."
     ] }),
-    o && /* @__PURE__ */ e("div", { className: "ss-global-error", children: o }),
-    l && !u && /* @__PURE__ */ i(D, { children: [
-      /* @__PURE__ */ i("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 })
+    d && /* @__PURE__ */ s("div", { className: "ss-global-error", children: d }),
+    i && !c && /* @__PURE__ */ n(G, { children: [
+      /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", children: "Customer" }),
+        /* @__PURE__ */ s("input", { className: "ss-input", value: i.name || i.email, disabled: !0, readOnly: !0 })
       ] }),
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Status" }),
-        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("span", { className: `ss-badge ${ps.active}`, children: "Active" }) })
+      /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", children: "Status" }),
+        /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("span", { className: `ss-badge ${Le.active}`, children: "Active" }) })
       ] }),
-      /* @__PURE__ */ i("div", { className: "ss-btn-group", children: [
-        r && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-primary", onClick: r, children: "Change plan" }),
-        c && /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-danger", onClick: c, children: "Cancel subscription" })
+      /* @__PURE__ */ n("div", { className: "ss-btn-group", children: [
+        r && /* @__PURE__ */ s("button", { type: "button", className: "ss-btn ss-btn-primary", onClick: r, children: "Change plan" }),
+        o && /* @__PURE__ */ s("button", { type: "button", className: "ss-btn ss-btn-danger", onClick: o, children: "Cancel subscription" })
       ] })
     ] })
   ] }) });
 }
-const gs = {
+const De = {
   paid: "ss-badge-active",
   open: "ss-badge-trialing",
   draft: "ss-badge-paused",
   void: "ss-badge-canceled",
   uncollectible: "ss-badge-past-due"
 };
-function hs(s) {
-  return new Date(s).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
+function Ae(e) {
+  return new Date(e).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
 }
-function bs(s) {
-  return new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", minimumFractionDigits: 2 }).format(s / 100);
+function Me(e) {
+  return new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", minimumFractionDigits: 2 }).format(e / 100);
 }
-function fs({ customerId: s, portalToken: a, appearance: r }) {
-  const { appearance: c } = k(), { invoices: t, isLoading: d, error: l } = ds(s, a), u = r ?? c, o = [...t].sort((n, m) => new Date(m.createdAt).getTime() - new Date(n.createdAt).getTime());
-  return /* @__PURE__ */ e(B, { appearance: u, children: /* @__PURE__ */ i("div", { className: "ss-card ss-card-wide", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Invoices" }),
-    d && /* @__PURE__ */ i("div", { className: "ss-loading", children: [
-      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+function Fe({ customerId: e, portalToken: a, appearance: r }) {
+  const { appearance: o } = L(), { invoices: t, isLoading: u, error: i } = Ie(e, a), c = r ?? o, d = [...t].sort((l, g) => new Date(g.createdAt).getTime() - new Date(l.createdAt).getTime());
+  return /* @__PURE__ */ s(q, { appearance: c, children: /* @__PURE__ */ n("div", { className: "ss-card ss-card-wide", children: [
+    /* @__PURE__ */ s("h2", { className: "ss-title", children: "Invoices" }),
+    u && /* @__PURE__ */ n("div", { className: "ss-loading", children: [
+      /* @__PURE__ */ s("span", { className: "ss-spinner" }),
       " Loading..."
     ] }),
-    l && /* @__PURE__ */ e("div", { className: "ss-global-error", children: l }),
-    !d && o.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No invoices yet." }),
-    !d && o.length > 0 && /* @__PURE__ */ i("table", { className: "ss-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("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" })
+    i && /* @__PURE__ */ s("div", { className: "ss-global-error", children: i }),
+    !u && d.length === 0 && /* @__PURE__ */ s("p", { className: "ss-empty", children: "No invoices yet." }),
+    !u && d.length > 0 && /* @__PURE__ */ n("table", { className: "ss-table", children: [
+      /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ s("th", { className: "ss-th", children: "Date" }),
+        /* @__PURE__ */ s("th", { className: "ss-th", children: "Amount" }),
+        /* @__PURE__ */ s("th", { className: "ss-th", children: "Status" }),
+        /* @__PURE__ */ s("th", { className: "ss-th", children: "PDF" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: o.map((n) => /* @__PURE__ */ i("tr", { className: "ss-tr", children: [
-        /* @__PURE__ */ e("td", { className: "ss-td", children: hs(n.createdAt) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: bs(n.amountCents) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: /* @__PURE__ */ e("span", { className: `ss-badge ${gs[n.status] || ""}`, children: n.status }) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: n.pdfUrl ? /* @__PURE__ */ e("a", { className: "ss-link", href: n.pdfUrl, target: "_blank", rel: "noopener noreferrer", children: "Download" }) : "—" })
-      ] }, n.id)) })
+      /* @__PURE__ */ s("tbody", { children: d.map((l) => /* @__PURE__ */ n("tr", { className: "ss-tr", children: [
+        /* @__PURE__ */ s("td", { className: "ss-td", children: Ae(l.createdAt) }),
+        /* @__PURE__ */ s("td", { className: "ss-td", children: Me(l.amountCents) }),
+        /* @__PURE__ */ s("td", { className: "ss-td", children: /* @__PURE__ */ s("span", { className: `ss-badge ${De[l.status] || ""}`, children: l.status }) }),
+        /* @__PURE__ */ s("td", { className: "ss-td", children: l.pdfUrl ? /* @__PURE__ */ s("a", { className: "ss-link", href: l.pdfUrl, target: "_blank", rel: "noopener noreferrer", children: "Download" }) : "—" })
+      ] }, l.id)) })
     ] })
   ] }) });
 }
-function ys({ customerId: s, limits: a, portalToken: r, appearance: c }) {
-  const { appearance: t } = k(), { usage: d, isLoading: l, error: u } = us(s, r);
-  return /* @__PURE__ */ e(B, { appearance: c ?? t, children: /* @__PURE__ */ i("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Usage" }),
-    l && /* @__PURE__ */ i("div", { className: "ss-loading", children: [
-      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+function Ue({ customerId: e, limits: a, portalToken: r, appearance: o }) {
+  const { appearance: t } = L(), { usage: u, isLoading: i, error: c } = Te(e, r);
+  return /* @__PURE__ */ s(q, { appearance: o ?? t, children: /* @__PURE__ */ n("div", { className: "ss-card", children: [
+    /* @__PURE__ */ s("h2", { className: "ss-title", children: "Usage" }),
+    i && /* @__PURE__ */ n("div", { className: "ss-loading", children: [
+      /* @__PURE__ */ s("span", { className: "ss-spinner" }),
       " Loading..."
     ] }),
-    u && /* @__PURE__ */ e("div", { className: "ss-global-error", children: u }),
-    !l && d.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No usage data." }),
-    !l && d.map((n) => {
-      const m = a == null ? void 0 : a[n.metric], p = m ? Math.min(100, n.total / m * 100) : null;
-      return /* @__PURE__ */ i("div", { className: "ss-usage-item", children: [
-        /* @__PURE__ */ i("div", { className: "ss-usage-header", children: [
-          /* @__PURE__ */ e("span", { className: "ss-usage-metric", children: n.metric }),
-          /* @__PURE__ */ i("span", { className: "ss-usage-value", children: [
-            n.total.toLocaleString(),
-            m ? ` / ${m.toLocaleString()}` : ""
+    c && /* @__PURE__ */ s("div", { className: "ss-global-error", children: c }),
+    !i && u.length === 0 && /* @__PURE__ */ s("p", { className: "ss-empty", children: "No usage data." }),
+    !i && u.map((l) => {
+      const g = a == null ? void 0 : a[l.metric], p = g ? Math.min(100, l.total / g * 100) : null;
+      return /* @__PURE__ */ n("div", { className: "ss-usage-item", children: [
+        /* @__PURE__ */ n("div", { className: "ss-usage-header", children: [
+          /* @__PURE__ */ s("span", { className: "ss-usage-metric", children: l.metric }),
+          /* @__PURE__ */ n("span", { className: "ss-usage-value", children: [
+            l.total.toLocaleString(),
+            g ? ` / ${g.toLocaleString()}` : ""
           ] })
         ] }),
-        p !== null && /* @__PURE__ */ e("div", { className: "ss-progress-bar", children: /* @__PURE__ */ e(
+        p !== null && /* @__PURE__ */ s("div", { className: "ss-progress-bar", children: /* @__PURE__ */ s(
           "div",
           {
             className: `ss-progress-fill ${p > 90 ? "ss-progress-danger" : ""}`,
             style: { width: `${p}%` }
           }
         ) })
-      ] }, n.metric);
+      ] }, l.metric);
     })
   ] }) });
 }
-function Rs({
-  customerId: s,
+function os({
+  customerId: e,
   portalToken: a,
   limits: r,
-  onChangePlan: c,
+  onChangePlan: o,
   onCancel: t,
-  appearance: d
+  appearance: u
 }) {
-  const { appearance: l } = k(), u = d ?? l, [o, n] = g("subscription");
-  return /* @__PURE__ */ e(B, { appearance: u, children: /* @__PURE__ */ i("div", { className: "ss-card ss-card-wide", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Billing" }),
-    /* @__PURE__ */ e("div", { className: "ss-tab-group", children: [
+  const { appearance: i } = L(), c = u ?? i, [d, l] = m("subscription");
+  return /* @__PURE__ */ s(q, { appearance: c, children: /* @__PURE__ */ n("div", { className: "ss-card ss-card-wide", children: [
+    /* @__PURE__ */ s("h2", { className: "ss-title", children: "Billing" }),
+    /* @__PURE__ */ s("div", { className: "ss-tab-group", children: [
       { id: "subscription", label: "Subscription" },
       { id: "invoices", label: "Invoices" },
       { id: "usage", label: "Usage" }
-    ].map((p) => /* @__PURE__ */ e(
+    ].map((p) => /* @__PURE__ */ s(
       "button",
       {
         type: "button",
-        className: `ss-tab ${o === p.id ? "ss-tab-active" : ""}`,
-        onClick: () => n(p.id),
+        className: `ss-tab ${d === p.id ? "ss-tab-active" : ""}`,
+        onClick: () => l(p.id),
         children: p.label
       },
       p.id
     )) }),
-    /* @__PURE__ */ i("div", { className: "ss-tab-content", children: [
-      o === "subscription" && /* @__PURE__ */ e(
-        ms,
+    /* @__PURE__ */ n("div", { className: "ss-tab-content", children: [
+      d === "subscription" && /* @__PURE__ */ s(
+        Be,
         {
-          customerId: s,
+          customerId: e,
           portalToken: a,
-          onChangePlan: c,
+          onChangePlan: o,
           onCancel: t
         }
       ),
-      o === "invoices" && /* @__PURE__ */ e(fs, { customerId: s, portalToken: a }),
-      o === "usage" && /* @__PURE__ */ e(ys, { customerId: s, portalToken: a, limits: r })
+      d === "invoices" && /* @__PURE__ */ s(Fe, { customerId: e, portalToken: a }),
+      d === "usage" && /* @__PURE__ */ s(Ue, { customerId: e, portalToken: a, limits: r })
     ] })
   ] }) });
 }
-function Ws({ customerId: s, portalToken: a, onApplied: r, appearance: c }) {
-  const { appearance: t } = k(), d = M(a), l = c ?? t, [u, o] = g(""), [n, m] = g(!1), [p, h] = g(null), [v, y] = g(null), b = S(async (x) => {
-    if (x.preventDefault(), !!u.trim()) {
-      m(!0), h(null), y(null);
+function ls({ customerId: e, portalToken: a, onApplied: r, appearance: o }) {
+  const { appearance: t } = L(), u = Q(a), i = o ?? t, [c, d] = m(""), [l, g] = m(!1), [p, f] = m(null), [b, k] = m(null), v = N(async (C) => {
+    if (C.preventDefault(), !!c.trim()) {
+      g(!0), f(null), k(null);
       try {
-        const f = await d.applyCoupon(s, u.trim());
-        y(`Coupon applied! ${f.discountType === "percent" ? `${f.amount}% off` : `$${(f.amount / 100).toFixed(2)} off`}`), o(""), r == null || r(f);
-      } catch (f) {
-        h(f instanceof Error ? f.message : "Invalid coupon code");
+        const x = await u.applyCoupon(e, c.trim());
+        k(`Coupon applied! ${x.discountType === "percent" ? `${x.amount}% off` : `$${(x.amount / 100).toFixed(2)} off`}`), d(""), r == null || r(x);
+      } catch (x) {
+        f(x instanceof Error ? x.message : "Invalid coupon code");
       } finally {
-        m(!1);
+        g(!1);
       }
     }
-  }, [d, s, u, r]);
-  return /* @__PURE__ */ e(B, { appearance: l, children: /* @__PURE__ */ i("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Apply coupon" }),
-    p && /* @__PURE__ */ e("div", { className: "ss-global-error", children: p }),
-    v && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: v }),
-    /* @__PURE__ */ i("form", { onSubmit: b, children: [
-      /* @__PURE__ */ i("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", htmlFor: "ss-coupon-code", children: "Coupon code" }),
-        /* @__PURE__ */ e(
+  }, [u, e, c, r]);
+  return /* @__PURE__ */ s(q, { appearance: i, children: /* @__PURE__ */ n("div", { className: "ss-card", children: [
+    /* @__PURE__ */ s("h2", { className: "ss-title", children: "Apply coupon" }),
+    p && /* @__PURE__ */ s("div", { className: "ss-global-error", children: p }),
+    b && /* @__PURE__ */ s("div", { className: "ss-success-msg", children: b }),
+    /* @__PURE__ */ n("form", { onSubmit: v, children: [
+      /* @__PURE__ */ n("div", { className: "ss-field", children: [
+        /* @__PURE__ */ s("label", { className: "ss-label", htmlFor: "ss-coupon-code", children: "Coupon code" }),
+        /* @__PURE__ */ s(
           "input",
           {
             id: "ss-coupon-code",
             className: "ss-input",
             type: "text",
             placeholder: "Enter coupon code",
-            value: u,
-            onChange: (x) => o(x.target.value),
+            value: c,
+            onChange: (C) => d(C.target.value),
             required: !0
           }
         )
       ] }),
-      /* @__PURE__ */ i("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: n || !u.trim(), children: [
-        n && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      /* @__PURE__ */ n("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: l || !c.trim(), children: [
+        l && /* @__PURE__ */ s("span", { className: "ss-spinner" }),
         "Apply"
       ] })
     ] })
   ] }) });
 }
-function Hs() {
-  const { client: s } = k();
-  return { report: s.report };
+function is() {
+  const { client: e } = L();
+  return { report: e.report };
 }
-function V() {
-  const { client: s } = k(), [a, r] = g(null), [c, t] = g(!1), [d, l] = g(null), u = S(async (o) => {
-    t(!0), l(null);
+function ie() {
+  const { client: e } = L(), [a, r] = m(null), [o, t] = m(!1), [u, i] = m(null), c = N(async (d) => {
+    t(!0), i(null);
     try {
-      const n = await s.report.executeQuery(o);
-      return r(n), n;
-    } catch (n) {
-      return l(n instanceof Error ? n.message : "Query failed"), null;
+      const l = await e.report.executeQuery(d);
+      return r(l), l;
+    } catch (l) {
+      return i(l instanceof Error ? l.message : "Query failed"), null;
     } finally {
       t(!1);
     }
-  }, [s]);
-  return { result: a, execute: u, isLoading: c, error: d };
+  }, [e]);
+  return { result: a, execute: c, isLoading: o, error: u };
 }
-function xs(s) {
-  const { client: a } = k(), [r, c] = g(null), [t, d] = g(!0), [l, u] = g(null), o = S(async () => {
-    d(!0), u(null);
+function qe(e) {
+  const { client: a } = L(), [r, o] = m(null), [t, u] = m(!0), [i, c] = m(null), d = N(async () => {
+    u(!0), c(null);
     try {
-      const n = await a.report.listQueries(s);
-      c(n);
-    } catch (n) {
-      u(n instanceof Error ? n.message : "Failed to load queries");
+      const l = await a.report.listQueries(e);
+      o(l);
+    } catch (l) {
+      c(l instanceof Error ? l.message : "Failed to load queries");
     } finally {
-      d(!1);
+      u(!1);
     }
-  }, [a, s]);
-  return L(() => {
-    o();
-  }, [o]), { queries: (r == null ? void 0 : r.data) ?? [], meta: r == null ? void 0 : r.meta, isLoading: t, error: l, refresh: o };
+  }, [a, e]);
+  return U(() => {
+    d();
+  }, [d]), { queries: (r == null ? void 0 : r.data) ?? [], meta: r == null ? void 0 : r.meta, isLoading: t, error: i, refresh: d };
 }
-function js(s) {
-  const { client: a } = k(), [r, c] = g(null), [t, d] = g(!0), [l, u] = g(null), o = S(async () => {
-    d(!0), u(null);
+function cs(e) {
+  const { client: a } = L(), [r, o] = m(null), [t, u] = m(!0), [i, c] = m(null), d = N(async () => {
+    u(!0), c(null);
     try {
-      const n = await a.report.getDashboard(s);
-      c(n);
-    } catch (n) {
-      u(n instanceof Error ? n.message : "Failed to load dashboard");
+      const l = await a.report.getDashboard(e);
+      o(l);
+    } catch (l) {
+      c(l instanceof Error ? l.message : "Failed to load dashboard");
     } finally {
-      d(!1);
+      u(!1);
     }
-  }, [a, s]);
-  return L(() => {
-    o();
-  }, [o]), { dashboard: r, isLoading: t, error: l, refresh: o };
+  }, [a, e]);
+  return U(() => {
+    d();
+  }, [d]), { dashboard: r, isLoading: t, error: i, refresh: d };
 }
-function _s(s, a, r = "https://api.saas-support.com/v1") {
-  const c = A(() => {
-    const p = new F(r, { type: "embedToken", token: s });
-    return new W(p);
-  }, [s, r]), [t, d] = g(null), [l, u] = g(!0), [o, n] = g(null), m = S(async () => {
-    u(!0), n(null);
+function ds(e, a, r = "https://api.saas-support.com/v1") {
+  const o = _(() => {
+    const p = new J(r, { type: "embedToken", token: e });
+    return new K(p);
+  }, [e, r]), [t, u] = m(null), [i, c] = m(!0), [d, l] = m(null), g = N(async () => {
+    c(!0), l(null);
     try {
-      const p = await c.getDashboard(a);
-      d(p);
+      const p = await o.getDashboard(a);
+      u(p);
     } catch (p) {
-      n(p instanceof Error ? p.message : "Failed to load dashboard");
+      l(p instanceof Error ? p.message : "Failed to load dashboard");
     } finally {
-      u(!1);
+      c(!1);
     }
-  }, [c, a]);
-  return L(() => {
-    m();
-  }, [m]), { dashboard: t, reportClient: c, isLoading: l, error: o, refresh: m };
+  }, [o, a]);
+  return U(() => {
+    g();
+  }, [g]), { dashboard: t, reportClient: o, isLoading: i, error: d, refresh: g };
 }
-function Gs({ onResult: s, mode: a = "both", placeholder: r, appearance: c }) {
-  const { appearance: t } = k(), { execute: d, isLoading: l, error: u } = V(), o = c ?? t, [n, m] = g(""), [p, h] = g(a === "sql" ? "sql" : "nl"), v = S(async (y) => {
-    if (y.preventDefault(), !n.trim()) return;
-    const x = await d(p === "sql" ? { sql: n } : { naturalLanguage: n });
-    x && (s == null || s(x));
-  }, [n, p, d, s]);
-  return /* @__PURE__ */ e(B, { appearance: o, children: /* @__PURE__ */ i("div", { className: "ss-card ss-card-wide", children: [
-    a === "both" && /* @__PURE__ */ i("div", { className: "ss-tab-group ss-tab-group-sm", children: [
-      /* @__PURE__ */ e(
+function us({ onResult: e, mode: a = "both", placeholder: r, appearance: o }) {
+  const { appearance: t } = L(), { execute: u, isLoading: i, error: c } = ie(), d = o ?? t, [l, g] = m(""), [p, f] = m(a === "sql" ? "sql" : "nl"), b = N(async (k) => {
+    if (k.preventDefault(), !l.trim()) return;
+    const C = await u(p === "sql" ? { sql: l } : { naturalLanguage: l });
+    C && (e == null || e(C));
+  }, [l, p, u, e]);
+  return /* @__PURE__ */ s(q, { appearance: d, children: /* @__PURE__ */ n("div", { className: "ss-card ss-card-wide", children: [
+    a === "both" && /* @__PURE__ */ n("div", { className: "ss-tab-group ss-tab-group-sm", children: [
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           className: `ss-tab ${p === "nl" ? "ss-tab-active" : ""}`,
-          onClick: () => h("nl"),
+          onClick: () => f("nl"),
           children: "Natural Language"
         }
       ),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           className: `ss-tab ${p === "sql" ? "ss-tab-active" : ""}`,
-          onClick: () => h("sql"),
+          onClick: () => f("sql"),
           children: "SQL"
         }
       )
     ] }),
-    u && /* @__PURE__ */ e("div", { className: "ss-global-error", children: u }),
-    /* @__PURE__ */ i("form", { onSubmit: v, children: [
-      /* @__PURE__ */ e("div", { className: "ss-field", children: /* @__PURE__ */ e(
+    c && /* @__PURE__ */ s("div", { className: "ss-global-error", children: c }),
+    /* @__PURE__ */ n("form", { onSubmit: b, children: [
+      /* @__PURE__ */ s("div", { className: "ss-field", children: /* @__PURE__ */ s(
         "textarea",
         {
           className: "ss-input ss-query-textarea",
           placeholder: r ?? (p === "sql" ? "SELECT ..." : "Ask a question about your data..."),
-          value: n,
-          onChange: (y) => m(y.target.value),
+          value: l,
+          onChange: (k) => g(k.target.value),
           rows: 3
         }
       ) }),
-      /* @__PURE__ */ i("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: l || !n.trim(), children: [
-        l && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      /* @__PURE__ */ n("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: i || !l.trim(), children: [
+        i && /* @__PURE__ */ s("span", { className: "ss-spinner" }),
         "Run query"
       ] })
     ] })
   ] }) });
 }
-function vs({ columns: s, rows: a, sortable: r = !0, maxRows: c, appearance: t }) {
-  const { appearance: d } = k(), l = t ?? d, [u, o] = g(null), [n, m] = g("asc"), p = A(() => u ? [...a].sort((b, x) => {
-    const f = b[u], N = x[u];
-    if (f == null && N == null) return 0;
-    if (f == null) return 1;
-    if (N == null) return -1;
-    if (typeof f == "number" && typeof N == "number")
-      return n === "asc" ? f - N : N - f;
-    const w = String(f), $ = String(N);
-    return n === "asc" ? w.localeCompare($) : $.localeCompare(w);
-  }) : a, [a, u, n]), h = c ? p.slice(0, c) : p, v = (b) => {
-    r && (u === b ? m((x) => x === "asc" ? "desc" : "asc") : (o(b), m("asc")));
+function Re({ columns: e, rows: a, sortable: r = !0, maxRows: o, appearance: t }) {
+  const { appearance: u } = L(), i = t ?? u, [c, d] = m(null), [l, g] = m("asc"), p = _(() => c ? [...a].sort((v, C) => {
+    const x = v[c], h = C[c];
+    if (x == null && h == null) return 0;
+    if (x == null) return 1;
+    if (h == null) return -1;
+    if (typeof x == "number" && typeof h == "number")
+      return l === "asc" ? x - h : h - x;
+    const S = String(x), z = String(h);
+    return l === "asc" ? S.localeCompare(z) : z.localeCompare(S);
+  }) : a, [a, c, l]), f = o ? p.slice(0, o) : p, b = (v) => {
+    r && (c === v ? g((C) => C === "asc" ? "desc" : "asc") : (d(v), g("asc")));
   };
-  function y(b) {
-    return b == null ? "" : typeof b == "object" ? JSON.stringify(b) : String(b);
+  function k(v) {
+    return v == null ? "" : typeof v == "object" ? JSON.stringify(v) : String(v);
   }
-  return /* @__PURE__ */ e(B, { appearance: l, children: /* @__PURE__ */ i("div", { className: "ss-table-container", children: [
-    /* @__PURE__ */ i("table", { className: "ss-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: s.map((b) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(q, { appearance: i, children: /* @__PURE__ */ n("div", { className: "ss-table-container", children: [
+    /* @__PURE__ */ n("table", { className: "ss-table", children: [
+      /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: e.map((v) => /* @__PURE__ */ n(
         "th",
         {
-          className: `ss-th ${r ? "ss-th-sortable" : ""} ${u === b ? n === "asc" ? "ss-sorted-asc" : "ss-sorted-desc" : ""}`,
-          onClick: () => v(b),
+          className: `ss-th ${r ? "ss-th-sortable" : ""} ${c === v ? l === "asc" ? "ss-sorted-asc" : "ss-sorted-desc" : ""}`,
+          onClick: () => b(v),
           children: [
-            b,
-            u === b && /* @__PURE__ */ e("span", { className: "ss-sort-indicator", children: n === "asc" ? " ▲" : " ▼" })
+            v,
+            c === v && /* @__PURE__ */ s("span", { className: "ss-sort-indicator", children: l === "asc" ? " ▲" : " ▼" })
           ]
         },
-        b
+        v
       )) }) }),
-      /* @__PURE__ */ e("tbody", { children: h.map((b, x) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: s.map((f) => /* @__PURE__ */ e("td", { className: "ss-td", children: y(b[f]) }, f)) }, x)) })
+      /* @__PURE__ */ s("tbody", { children: f.map((v, C) => /* @__PURE__ */ s("tr", { className: "ss-tr", children: e.map((x) => /* @__PURE__ */ s("td", { className: "ss-td", children: k(v[x]) }, x)) }, C)) })
     ] }),
-    c && a.length > c && /* @__PURE__ */ i("div", { className: "ss-table-footer", children: [
+    o && a.length > o && /* @__PURE__ */ n("div", { className: "ss-table-footer", children: [
       "Showing ",
-      c,
+      o,
       " of ",
       a.length,
       " rows"
     ] })
   ] }) });
 }
-function Ns(s, a = "#6366f1") {
-  const r = parseInt(a.replace("#", "").slice(0, 2), 16), c = [];
-  for (let t = 0; t < s; t++) {
-    const d = (r + t * Math.floor(360 / Math.max(s, 1))) % 360;
-    c.push(`hsl(${d}, 65%, 55%)`);
+function Oe(e, a = "#6366f1") {
+  const r = parseInt(a.replace("#", "").slice(0, 2), 16), o = [];
+  for (let t = 0; t < e; t++) {
+    const u = (r + t * Math.floor(360 / Math.max(e, 1))) % 360;
+    o.push(`hsl(${u}, 65%, 55%)`);
   }
-  return c;
+  return o;
 }
-function ws({ labels: s, values: a, w: r, h: c, colors: t }) {
-  const d = Math.max(...a, 1), l = 40, u = r - l * 2, o = c - l * 2, n = Math.max(1, u / s.length - 4);
-  return /* @__PURE__ */ i("g", { children: [
-    /* @__PURE__ */ e("line", { x1: l, y1: c - l, x2: r - l, y2: c - l, stroke: "#ccc", strokeWidth: 1 }),
-    a.map((m, p) => {
-      const h = m / d * o, v = l + u / s.length * p + 2, y = c - l - h;
-      return /* @__PURE__ */ i("g", { children: [
-        /* @__PURE__ */ e("rect", { x: v, y, width: n, height: h, fill: t[p % t.length], rx: 2 }),
-        /* @__PURE__ */ e("text", { x: v + n / 2, y: c - l + 14, textAnchor: "middle", fontSize: 10, fill: "#666", children: s[p].length > 8 ? s[p].slice(0, 8) + "..." : s[p] })
+function We({ labels: e, values: a, w: r, h: o, colors: t }) {
+  const u = Math.max(...a, 1), i = 40, c = r - i * 2, d = o - i * 2, l = Math.max(1, c / e.length - 4);
+  return /* @__PURE__ */ n("g", { children: [
+    /* @__PURE__ */ s("line", { x1: i, y1: o - i, x2: r - i, y2: o - i, stroke: "#ccc", strokeWidth: 1 }),
+    a.map((g, p) => {
+      const f = g / u * d, b = i + c / e.length * p + 2, k = o - i - f;
+      return /* @__PURE__ */ n("g", { children: [
+        /* @__PURE__ */ s("rect", { x: b, y: k, width: l, height: f, fill: t[p % t.length], rx: 2 }),
+        /* @__PURE__ */ s("text", { x: b + l / 2, y: o - i + 14, textAnchor: "middle", fontSize: 10, fill: "#666", children: e[p].length > 8 ? e[p].slice(0, 8) + "..." : e[p] })
       ] }, p);
     })
   ] });
 }
-function Ss({ labels: s, values: a, w: r, h: c, colors: t }) {
-  const d = Math.max(...a, 1), l = 40, u = r - l * 2, o = c - l * 2, n = s.length > 1 ? u / (s.length - 1) : 0, m = a.map((p, h) => {
-    const v = l + n * h, y = c - l - p / d * o;
-    return `${v},${y}`;
+function He({ labels: e, values: a, w: r, h: o, colors: t }) {
+  const u = Math.max(...a, 1), i = 40, c = r - i * 2, d = o - i * 2, l = e.length > 1 ? c / (e.length - 1) : 0, g = a.map((p, f) => {
+    const b = i + l * f, k = o - i - p / u * d;
+    return `${b},${k}`;
   });
-  return /* @__PURE__ */ i("g", { children: [
+  return /* @__PURE__ */ n("g", { children: [
     [0.25, 0.5, 0.75, 1].map((p) => {
-      const h = c - l - p * o;
-      return /* @__PURE__ */ e("line", { x1: l, y1: h, x2: r - l, y2: h, stroke: "#eee", strokeWidth: 1 }, p);
+      const f = o - i - p * d;
+      return /* @__PURE__ */ s("line", { x1: i, y1: f, x2: r - i, y2: f, stroke: "#eee", strokeWidth: 1 }, p);
     }),
-    /* @__PURE__ */ e("polyline", { points: m.join(" "), fill: "none", stroke: t[0], strokeWidth: 2 }),
-    a.map((p, h) => {
-      const v = l + n * h, y = c - l - p / d * o;
-      return /* @__PURE__ */ e("circle", { cx: v, cy: y, r: 4, fill: t[0] }, h);
+    /* @__PURE__ */ s("polyline", { points: g.join(" "), fill: "none", stroke: t[0], strokeWidth: 2 }),
+    a.map((p, f) => {
+      const b = i + l * f, k = o - i - p / u * d;
+      return /* @__PURE__ */ s("circle", { cx: b, cy: k, r: 4, fill: t[0] }, f);
     })
   ] });
 }
-function $s({ labels: s, values: a, w: r, h: c, colors: t }) {
-  const d = a.reduce((h, v) => h + v, 0) || 1, l = r / 2, u = c / 2 - 20, o = Math.min(r, c) / 2 - 40, n = 2 * Math.PI * o;
-  let m = 0;
-  const p = a.map((h, v) => {
-    const y = h / d, b = y * n, x = { dash: b, offset: m, color: t[v % t.length], label: s[v], pct: y };
-    return m += b, x;
+function _e({ labels: e, values: a, w: r, h: o, colors: t }) {
+  const u = a.reduce((f, b) => f + b, 0) || 1, i = r / 2, c = o / 2 - 20, d = Math.min(r, o) / 2 - 40, l = 2 * Math.PI * d;
+  let g = 0;
+  const p = a.map((f, b) => {
+    const k = f / u, v = k * l, C = { dash: v, offset: g, color: t[b % t.length], label: e[b], pct: k };
+    return g += v, C;
   });
-  return /* @__PURE__ */ i("g", { children: [
-    p.map((h, v) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ n("g", { children: [
+    p.map((f, b) => /* @__PURE__ */ s(
       "circle",
       {
-        cx: l,
-        cy: u,
-        r: o,
+        cx: i,
+        cy: c,
+        r: d,
         fill: "none",
-        stroke: h.color,
-        strokeWidth: o * 0.6,
-        strokeDasharray: `${h.dash} ${n - h.dash}`,
-        strokeDashoffset: -h.offset,
-        transform: `rotate(-90 ${l} ${u})`
+        stroke: f.color,
+        strokeWidth: d * 0.6,
+        strokeDasharray: `${f.dash} ${l - f.dash}`,
+        strokeDashoffset: -f.offset,
+        transform: `rotate(-90 ${i} ${c})`
       },
-      v
+      b
     )),
-    /* @__PURE__ */ e("g", { transform: `translate(${l - s.length * 30}, ${c - 20})`, children: p.slice(0, 6).map((h, v) => /* @__PURE__ */ i("g", { transform: `translate(${v * 60}, 0)`, children: [
-      /* @__PURE__ */ e("rect", { width: 10, height: 10, fill: h.color, rx: 2 }),
-      /* @__PURE__ */ e("text", { x: 14, y: 9, fontSize: 9, fill: "#666", children: h.label.length > 6 ? h.label.slice(0, 6) + ".." : h.label })
-    ] }, v)) })
+    /* @__PURE__ */ s("g", { transform: `translate(${i - e.length * 30}, ${o - 20})`, children: p.slice(0, 6).map((f, b) => /* @__PURE__ */ n("g", { transform: `translate(${b * 60}, 0)`, children: [
+      /* @__PURE__ */ s("rect", { width: 10, height: 10, fill: f.color, rx: 2 }),
+      /* @__PURE__ */ s("text", { x: 14, y: 9, fontSize: 9, fill: "#666", children: f.label.length > 6 ? f.label.slice(0, 6) + ".." : f.label })
+    ] }, b)) })
   ] });
 }
-function ks({ type: s, data: a, title: r, width: c = 400, height: t = 300, appearance: d }) {
-  const { appearance: l } = k(), u = d ?? l, o = A(() => Ns(a.labels.length), [a.labels.length]);
-  return /* @__PURE__ */ e(B, { appearance: u, children: /* @__PURE__ */ i("div", { className: "ss-chart-container", children: [
-    r && /* @__PURE__ */ e("h3", { className: "ss-chart-title", children: r }),
-    /* @__PURE__ */ i("svg", { viewBox: `0 0 ${c} ${t}`, width: "100%", style: { maxWidth: c }, children: [
-      s === "bar" && /* @__PURE__ */ e(ws, { labels: a.labels, values: a.values, w: c, h: t, colors: o }),
-      s === "line" && /* @__PURE__ */ e(Ss, { labels: a.labels, values: a.values, w: c, h: t, colors: o }),
-      s === "pie" && /* @__PURE__ */ e($s, { labels: a.labels, values: a.values, w: c, h: t, colors: o })
+function je({ type: e, data: a, title: r, width: o = 400, height: t = 300, appearance: u }) {
+  const { appearance: i } = L(), c = u ?? i, d = _(() => Oe(a.labels.length), [a.labels.length]);
+  return /* @__PURE__ */ s(q, { appearance: c, children: /* @__PURE__ */ n("div", { className: "ss-chart-container", children: [
+    r && /* @__PURE__ */ s("h3", { className: "ss-chart-title", children: r }),
+    /* @__PURE__ */ n("svg", { viewBox: `0 0 ${o} ${t}`, width: "100%", style: { maxWidth: o }, children: [
+      e === "bar" && /* @__PURE__ */ s(We, { labels: a.labels, values: a.values, w: o, h: t, colors: d }),
+      e === "line" && /* @__PURE__ */ s(He, { labels: a.labels, values: a.values, w: o, h: t, colors: d }),
+      e === "pie" && /* @__PURE__ */ s(_e, { labels: a.labels, values: a.values, w: o, h: t, colors: d })
     ] })
   ] }) });
 }
-function Js({ dashboardId: s, embedToken: a, baseUrl: r, refreshInterval: c, appearance: t }) {
-  const d = k(), l = t ?? (d == null ? void 0 : d.appearance), u = A(() => {
+function ps({ dashboardId: e, embedToken: a, baseUrl: r, refreshInterval: o, appearance: t }) {
+  const u = L(), i = t ?? (u == null ? void 0 : u.appearance), c = _(() => {
     if (a) {
-      const f = r ?? "https://api.saas-support.com/v1", N = new F(f, { type: "embedToken", token: a });
-      return new W(N);
+      const x = r ?? "https://api.saas-support.com/v1", h = new J(x, { type: "embedToken", token: a });
+      return new K(h);
     }
-    return d.client.report;
-  }, [a, r, d]), [o, n] = g([]), [m, p] = g({}), [h, v] = g(!0), [y, b] = g(null), x = S(async () => {
-    v(!0), b(null);
+    return u.client.report;
+  }, [a, r, u]), [d, l] = m([]), [g, p] = m({}), [f, b] = m(!0), [k, v] = m(null), C = N(async () => {
+    b(!0), v(null);
     try {
-      const f = await u.getDashboard(s), N = JSON.parse(f.layoutJson || "[]");
-      n(N);
-      const w = {};
-      for (const $ of N)
+      const x = await c.getDashboard(e), h = JSON.parse(x.layoutJson || "[]");
+      l(h);
+      const S = {};
+      for (const z of h)
         try {
-          const E = await u.listQueries({ search: $.queryId, perPage: 1 });
-          if (E.data.length > 0 && E.data[0].generatedSql) {
-            const z = await u.executeQuery({ sql: E.data[0].generatedSql });
-            w[$.queryId] = z;
+          const P = await c.listQueries({ search: z.queryId, perPage: 1 });
+          if (P.data.length > 0 && P.data[0].generatedSql) {
+            const I = await c.executeQuery({ sql: P.data[0].generatedSql });
+            S[z.queryId] = I;
           }
         } catch {
         }
-      p(w);
-    } catch (f) {
-      b(f instanceof Error ? f.message : "Failed to load dashboard");
+      p(S);
+    } catch (x) {
+      v(x instanceof Error ? x.message : "Failed to load dashboard");
     } finally {
-      v(!1);
-    }
-  }, [u, s]);
-  return L(() => {
-    x();
-  }, [x]), L(() => {
-    if (!c || c <= 0) return;
-    const f = setInterval(x, c * 1e3);
-    return () => clearInterval(f);
-  }, [c, x]), /* @__PURE__ */ e(B, { appearance: l, children: /* @__PURE__ */ i("div", { className: "ss-dashboard-grid", children: [
-    h && /* @__PURE__ */ i("div", { className: "ss-loading", children: [
-      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+      b(!1);
+    }
+  }, [c, e]);
+  return U(() => {
+    C();
+  }, [C]), U(() => {
+    if (!o || o <= 0) return;
+    const x = setInterval(C, o * 1e3);
+    return () => clearInterval(x);
+  }, [o, C]), /* @__PURE__ */ s(q, { appearance: i, children: /* @__PURE__ */ n("div", { className: "ss-dashboard-grid", children: [
+    f && /* @__PURE__ */ n("div", { className: "ss-loading", children: [
+      /* @__PURE__ */ s("span", { className: "ss-spinner" }),
       " Loading dashboard..."
     ] }),
-    y && /* @__PURE__ */ e("div", { className: "ss-global-error", children: y }),
-    !h && o.map((f, N) => {
-      const w = m[f.queryId];
-      if (!w) return null;
-      const $ = w.columns.length >= 2 ? {
-        labels: w.rows.map((E) => String(E[w.columns[0]] ?? "")),
-        values: w.rows.map((E) => Number(E[w.columns[1]] ?? 0))
+    k && /* @__PURE__ */ s("div", { className: "ss-global-error", children: k }),
+    !f && d.map((x, h) => {
+      const S = g[x.queryId];
+      if (!S) return null;
+      const z = S.columns.length >= 2 ? {
+        labels: S.rows.map((P) => String(P[S.columns[0]] ?? "")),
+        values: S.rows.map((P) => Number(P[S.columns[1]] ?? 0))
       } : { labels: [], values: [] };
-      return /* @__PURE__ */ i("div", { className: "ss-widget", children: [
-        f.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: f.title }),
-        f.chartType === "table" ? /* @__PURE__ */ e(vs, { columns: w.columns, rows: w.rows, maxRows: 50 }) : /* @__PURE__ */ e(
-          ks,
+      return /* @__PURE__ */ n("div", { className: "ss-widget", children: [
+        x.title && /* @__PURE__ */ s("h4", { className: "ss-widget-header", children: x.title }),
+        x.chartType === "table" ? /* @__PURE__ */ s(Re, { columns: S.columns, rows: S.rows, maxRows: 50 }) : /* @__PURE__ */ s(
+          je,
           {
-            type: f.chartType || "bar",
-            data: $,
-            width: f.w,
-            height: f.h
+            type: x.chartType || "bar",
+            data: z,
+            width: x.w,
+            height: x.h
           }
         )
-      ] }, N);
+      ] }, h);
     })
   ] }) });
 }
-function Cs(s) {
-  return new Date(s).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
+function Ve(e) {
+  return new Date(e).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
 }
-function Qs({ onSelectQuery: s, onRunQuery: a, appearance: r }) {
-  const { appearance: c } = k(), { queries: t, isLoading: d, error: l } = xs(), { execute: u, isLoading: o } = V(), n = r ?? c, m = S(async (p) => {
+function ms({ onSelectQuery: e, onRunQuery: a, appearance: r }) {
+  const { appearance: o } = L(), { queries: t, isLoading: u, error: i } = qe(), { execute: c, isLoading: d } = ie(), l = r ?? o, g = N(async (p) => {
     if (!p.generatedSql) return;
-    const h = await u({ sql: p.generatedSql });
-    h && (a == null || a(h));
-  }, [u, a]);
-  return /* @__PURE__ */ e(B, { appearance: n, children: /* @__PURE__ */ i("div", { className: "ss-card ss-card-wide", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Saved Queries" }),
-    d && /* @__PURE__ */ i("div", { className: "ss-loading", children: [
-      /* @__PURE__ */ e("span", { className: "ss-spinner" }),
+    const f = await c({ sql: p.generatedSql });
+    f && (a == null || a(f));
+  }, [c, a]);
+  return /* @__PURE__ */ s(q, { appearance: l, children: /* @__PURE__ */ n("div", { className: "ss-card ss-card-wide", children: [
+    /* @__PURE__ */ s("h2", { className: "ss-title", children: "Saved Queries" }),
+    u && /* @__PURE__ */ n("div", { className: "ss-loading", children: [
+      /* @__PURE__ */ s("span", { className: "ss-spinner" }),
       " Loading..."
     ] }),
-    l && /* @__PURE__ */ e("div", { className: "ss-global-error", children: l }),
-    !d && t.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No saved queries." }),
-    !d && t.map((p) => /* @__PURE__ */ i(
+    i && /* @__PURE__ */ s("div", { className: "ss-global-error", children: i }),
+    !u && t.length === 0 && /* @__PURE__ */ s("p", { className: "ss-empty", children: "No saved queries." }),
+    !u && t.map((p) => /* @__PURE__ */ n(
       "div",
       {
         className: "ss-saved-query-card",
-        onClick: () => s == null ? void 0 : s(p),
+        onClick: () => e == null ? void 0 : e(p),
         children: [
-          /* @__PURE__ */ i("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 })
+          /* @__PURE__ */ n("div", { className: "ss-saved-query-header", children: [
+            /* @__PURE__ */ s("span", { className: "ss-saved-query-name", children: p.name }),
+            p.chartType && /* @__PURE__ */ s("span", { className: "ss-badge", children: p.chartType })
           ] }),
-          p.naturalLanguage && /* @__PURE__ */ e("p", { className: "ss-saved-query-desc", children: p.naturalLanguage }),
-          /* @__PURE__ */ i("div", { className: "ss-saved-query-footer", children: [
-            /* @__PURE__ */ e("span", { className: "ss-saved-query-date", children: Cs(p.createdAt) }),
-            /* @__PURE__ */ e(
+          p.naturalLanguage && /* @__PURE__ */ s("p", { className: "ss-saved-query-desc", children: p.naturalLanguage }),
+          /* @__PURE__ */ n("div", { className: "ss-saved-query-footer", children: [
+            /* @__PURE__ */ s("span", { className: "ss-saved-query-date", children: Ve(p.createdAt) }),
+            /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
                 className: "ss-btn ss-btn-sm ss-btn-primary",
-                disabled: o || !p.generatedSql,
-                onClick: (h) => {
-                  h.stopPropagation(), m(p);
+                disabled: d || !p.generatedSql,
+                onClick: (f) => {
+                  f.stopPropagation(), g(p);
                 },
-                children: o ? /* @__PURE__ */ e("span", { className: "ss-spinner" }) : "Run"
+                children: d ? /* @__PURE__ */ s("span", { className: "ss-spinner" }) : "Run"
               }
             )
           ] })
@@ -2219,105 +2829,106 @@ function Qs({ onSelectQuery: s, onRunQuery: a, appearance: r }) {
     ))
   ] }) });
 }
-function Vs({ embedToken: s, dashboardId: a, baseUrl: r = "https://api.saas-support.com/v1", refreshInterval: c, appearance: t }) {
-  const d = A(() => {
-    const b = new F(r, { type: "embedToken", token: s });
-    return new W(b);
-  }, [s, r]), [l, u] = g([]), [o, n] = g(!0), [m, p] = g(null), h = A(() => U(t), [t]), v = A(() => O(h), [h]), y = S(async () => {
-    n(!0), p(null);
+function gs({ embedToken: e, dashboardId: a, baseUrl: r = "https://api.saas-support.com/v1", refreshInterval: o, appearance: t }) {
+  const u = _(() => {
+    const v = new J(r, { type: "embedToken", token: e });
+    return new K(v);
+  }, [e, r]), [i, c] = m([]), [d, l] = m(!0), [g, p] = m(null), f = _(() => Z(t), [t]), b = _(() => X(f), [f]), k = N(async () => {
+    l(!0), p(null);
     try {
-      const b = await d.getDashboard(a), x = JSON.parse(b.layoutJson || "[]"), f = await Promise.all(
-        x.map(async (N) => {
+      const v = await u.getDashboard(a), C = JSON.parse(v.layoutJson || "[]"), x = await Promise.all(
+        C.map(async (h) => {
           try {
-            const w = await d.listQueries({ search: N.queryId, perPage: 1 });
-            if (w.data.length > 0 && w.data[0].generatedSql) {
-              const $ = await d.executeQuery({ sql: w.data[0].generatedSql });
-              return { ...N, result: $ };
+            const S = await u.listQueries({ search: h.queryId, perPage: 1 });
+            if (S.data.length > 0 && S.data[0].generatedSql) {
+              const z = await u.executeQuery({ sql: S.data[0].generatedSql });
+              return { ...h, result: z };
             }
           } catch {
           }
-          return N;
+          return h;
         })
       );
-      u(f);
-    } catch (b) {
-      p(b instanceof Error ? b.message : "Failed to load dashboard");
+      c(x);
+    } catch (v) {
+      p(v instanceof Error ? v.message : "Failed to load dashboard");
     } finally {
-      n(!1);
-    }
-  }, [d, a]);
-  return L(() => {
-    y();
-  }, [y]), L(() => {
-    if (!c || c <= 0) return;
-    const b = setInterval(y, c * 1e3);
-    return () => clearInterval(b);
-  }, [c, y]), /* @__PURE__ */ e(
+      l(!1);
+    }
+  }, [u, a]);
+  return U(() => {
+    k();
+  }, [k]), U(() => {
+    if (!o || o <= 0) return;
+    const v = setInterval(k, o * 1e3);
+    return () => clearInterval(v);
+  }, [o, k]), /* @__PURE__ */ s(
     "div",
     {
-      ref: (b) => {
-        if (!b || b.shadowRoot) return;
-        const x = b.attachShadow({ mode: "open" }), f = document.createElement("style");
-        f.textContent = v, x.appendChild(f);
-        const N = document.createElement("div");
-        x.appendChild(N);
+      ref: (v) => {
+        if (!v || v.shadowRoot) return;
+        const C = v.attachShadow({ mode: "open" }), x = document.createElement("style");
+        x.textContent = b, C.appendChild(x);
+        const h = document.createElement("div");
+        C.appendChild(h);
       },
       style: { display: "contents" },
-      children: /* @__PURE__ */ i("div", { className: "ss-dashboard-grid", children: [
-        o && /* @__PURE__ */ e("div", { className: "ss-loading", children: "Loading dashboard..." }),
-        m && /* @__PURE__ */ e("div", { className: "ss-global-error", children: m }),
-        !o && l.map((b, x) => {
-          if (!b.result) return null;
-          const { columns: f, rows: N } = b.result;
-          return /* @__PURE__ */ i("div", { className: "ss-widget", children: [
-            b.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: b.title }),
-            /* @__PURE__ */ i("table", { className: "ss-table", children: [
-              /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: f.map((w) => /* @__PURE__ */ e("th", { className: "ss-th", children: w }, w)) }) }),
-              /* @__PURE__ */ e("tbody", { children: N.slice(0, 50).map((w, $) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: f.map((E) => /* @__PURE__ */ e("td", { className: "ss-td", children: String(w[E] ?? "") }, E)) }, $)) })
+      children: /* @__PURE__ */ n("div", { className: "ss-dashboard-grid", children: [
+        d && /* @__PURE__ */ s("div", { className: "ss-loading", children: "Loading dashboard..." }),
+        g && /* @__PURE__ */ s("div", { className: "ss-global-error", children: g }),
+        !d && i.map((v, C) => {
+          if (!v.result) return null;
+          const { columns: x, rows: h } = v.result;
+          return /* @__PURE__ */ n("div", { className: "ss-widget", children: [
+            v.title && /* @__PURE__ */ s("h4", { className: "ss-widget-header", children: v.title }),
+            /* @__PURE__ */ n("table", { className: "ss-table", children: [
+              /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: x.map((S) => /* @__PURE__ */ s("th", { className: "ss-th", children: S }, S)) }) }),
+              /* @__PURE__ */ s("tbody", { children: h.slice(0, 50).map((S, z) => /* @__PURE__ */ s("tr", { className: "ss-tr", children: x.map((P) => /* @__PURE__ */ s("td", { className: "ss-td", children: String(S[P] ?? "") }, P)) }, z)) })
             ] })
-          ] }, x);
+          ] }, C);
         })
       ] })
     }
   );
 }
 export {
-  ks as Chart,
-  Ws as CouponInput,
-  Js as DashboardView,
-  vs as DataTable,
-  fs as InvoiceHistory,
-  Ms as OrgSwitcher,
-  Rs as PaymentPortal,
-  Us as PricingTable,
-  Gs as QueryInput,
-  Vs as ReportEmbed,
-  H as SaaSContext,
-  Xs as SaaSError,
-  Bs as SaaSProvider,
-  X as SaaSSupport,
-  Qs as SavedQueryList,
-  qs as SignIn,
-  As as SignUp,
-  ms as SubscriptionStatus,
-  ys as UsageDisplay,
-  Ds as UserButton,
-  Fs as UserProfile,
-  Z as isMfaRequired,
-  j as useAuth,
-  Os as useBilling,
-  js as useDashboard,
-  _s as useEmbedDashboard,
-  ds as useInvoices,
-  os as useOrg,
-  G as useProfile,
-  V as useQuery,
-  Hs as useReport,
-  k as useSaaSContext,
-  xs as useSavedQueries,
-  _ as useSignIn,
-  ts as useSignUp,
-  cs as useSubscription,
-  us as useUsage,
-  zs as useUser
+  je as Chart,
+  ls as CouponInput,
+  ps as DashboardView,
+  Re as DataTable,
+  Fe as InvoiceHistory,
+  as as OrgSwitcher,
+  os as PaymentPortal,
+  ts as PricingTable,
+  us as QueryInput,
+  gs as ReportEmbed,
+  se as SaaSContext,
+  bs as SaaSError,
+  Ze as SaaSProvider,
+  fe as SaaSSupport,
+  ms as SavedQueryList,
+  Ke as SignIn,
+  es as SignUp,
+  Be as SubscriptionStatus,
+  Ue as UsageDisplay,
+  ss as UserButton,
+  rs as UserProfile,
+  be as isMfaRequired,
+  ee as useAuth,
+  ns as useBilling,
+  cs as useDashboard,
+  ke as useDeleteAccount,
+  ds as useEmbedDashboard,
+  Ie as useInvoices,
+  ae as useOrg,
+  te as useProfile,
+  ie as useQuery,
+  is as useReport,
+  L as useSaaSContext,
+  qe as useSavedQueries,
+  re as useSignIn,
+  Ce as useSignUp,
+  ze as useSubscription,
+  Te as useUsage,
+  Xe as useUser
 };