@saas-support/react 0.4.0 → 0.5.0

package/dist/react.js

@@ -1,33 +1,33 @@
-import { jsx as e, jsxs as l, Fragment as W } from "react/jsx-runtime";
-import { createContext as ts, useContext as ns, useState as h, useEffect as B, useRef as R, useCallback as C, useMemo as q } from "react";
-import { SaaSSupport as os, isMfaRequired as ls, BillingClient as is, Transport as H, ReportClient as J } from "./index.js";
-import { SaaSError as oe } from "./index.js";
-import { createPortal as cs } from "react-dom";
-const Q = ts(null);
-function E() {
-  const s = ns(Q);
-  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 Rs({ publishableKey: s, apiKey: a, baseUrl: r, appearance: c, children: t }) {
-  const [i] = h(() => new os({ publishableKey: s, apiKey: a, baseUrl: r })), [d, u] = h(null), [o, n] = h(!1), [m, p] = h(null);
-  return B(() => {
-    let b = !1;
-    i.load().then(async () => {
-      if (b) return;
-      const x = await i.auth.getUser(), y = await i.auth.getSettings();
-      u(x), p(y), 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 f = i.auth.onAuthStateChange((x) => {
-      b || u(x);
+    const b = u.auth.onAuthStateChange((k) => {
+      f || c(k);
     });
     return () => {
-      b = !0, f(), i.destroy();
+      f = !0, b(), u.destroy();
     };
-  }, [i]), /* @__PURE__ */ e(Q.Provider, { value: { client: i, user: d, 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 ds = {
+const xe = {
   colorPrimary: "#6366f1",
   colorPrimaryHover: "#4f46e5",
   colorBackground: "#ffffff",
@@ -40,7 +40,7 @@ const ds = {
   colorWarning: "#f59e0b",
   fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
   borderRadius: "8px"
-}, us = {
+}, we = {
   colorPrimary: "#818cf8",
   colorPrimaryHover: "#6366f1",
   colorBackground: "#1e1e2e",
@@ -54,11 +54,11 @@ const ds = {
   fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
   borderRadius: "8px"
 };
-function V(s) {
-  const a = (s == null ? void 0 : s.baseTheme) === "dark" ? us : ds, 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 ? ps(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 V(s) {
     borderRadius: (r == null ? void 0 : r.borderRadius) ?? a.borderRadius
   };
 }
-function ps(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)), i = Math.max(0, (r & 255) - Math.round(2.55 * a));
-  return `#${(c << 16 | t << 8 | i).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 G(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 G(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 G(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 G(s) {
       display: block;
       font-size: 14px;
       font-weight: 500;
-      color: ${s.colorText};
+      color: ${e.colorText};
       margin-bottom: 6px;
     }
 
@@ -130,20 +130,20 @@ function G(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 G(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 G(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 G(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 G(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 G(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 G(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 G(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 G(s) {
       align-items: center;
       gap: 12px;
       margin: 20px 0;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
       font-size: 13px;
     }
 
@@ -297,18 +297,18 @@ function G(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 G(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 G(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 G(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 G(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 G(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 G(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 G(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 G(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 G(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 G(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 G(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 G(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 G(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 G(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 G(s) {
     .ss-chart-title {
       font-size: 16px;
       font-weight: 600;
-      color: ${s.colorText};
+      color: ${e.colorText};
       margin-bottom: 12px;
     }
 
@@ -613,16 +633,16 @@ function G(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 G(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 G(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 G(s) {
 
     .ss-saved-query-date {
       font-size: 12px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
     }
 
     /* Modal Overlay */
@@ -691,15 +711,15 @@ function G(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 G(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 G(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 G(s) {
       width: 64px;
       height: 64px;
       border-radius: 50%;
-      background: ${s.colorPrimary};
+      background: ${e.colorPrimary};
       color: #fff;
       display: flex;
       align-items: center;
@@ -806,7 +826,7 @@ function G(s) {
     }
 
     .ss-avatar-canvas {
-      border-radius: ${s.borderRadius};
+      border-radius: ${e.borderRadius};
       background: #111;
       touch-action: none;
       max-width: 100%;
@@ -821,7 +841,7 @@ function G(s) {
 
     .ss-avatar-zoom-label {
       font-size: 13px;
-      color: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
       flex-shrink: 0;
     }
 
@@ -830,7 +850,7 @@ function G(s) {
       height: 4px;
       -webkit-appearance: none;
       appearance: none;
-      background: ${s.colorInputBorder};
+      background: ${e.colorInputBorder};
       border-radius: 2px;
       outline: none;
     }
@@ -840,7 +860,7 @@ function G(s) {
       width: 16px;
       height: 16px;
       border-radius: 50%;
-      background: ${s.colorPrimary};
+      background: ${e.colorPrimary};
       cursor: pointer;
     }
 
@@ -848,20 +868,20 @@ function G(s) {
       width: 16px;
       height: 16px;
       border-radius: 50%;
-      background: ${s.colorPrimary};
+      background: ${e.colorPrimary};
       cursor: pointer;
       border: none;
     }
 
     /* Dropzone */
     .ss-avatar-dropzone {
-      border: 2px dashed ${s.colorInputBorder};
-      border-radius: ${s.borderRadius};
+      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: ${s.colorTextSecondary};
+      color: ${e.colorTextSecondary};
       display: flex;
       flex-direction: column;
       align-items: center;
@@ -870,8 +890,8 @@ function G(s) {
 
     .ss-avatar-dropzone:hover,
     .ss-avatar-dropzone-active {
-      border-color: ${s.colorPrimary};
-      background: ${s.colorPrimary}08;
+      border-color: ${e.colorPrimary};
+      background: ${e.colorPrimary}08;
     }
 
     .ss-avatar-dropzone svg {
@@ -887,7 +907,7 @@ function G(s) {
 
     .ss-dropdown-divider {
       height: 1px;
-      background: ${s.colorInputBorder};
+      background: ${e.colorInputBorder};
       margin: 4px 0;
     }
 
@@ -910,229 +930,335 @@ function G(s) {
     }
   `;
 }
-function D({ children: s, appearance: a }) {
-  const r = R(null), [c, t] = h(null);
-  B(() => {
-    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 d = r.current.attachShadow({ mode: "open" }), u = V(a), o = document.createElement("style");
-    o.textContent = G(u), d.appendChild(o);
-    const n = document.createElement("div");
-    d.appendChild(n), t(d);
-  }, []), B(() => {
-    if (!c) return;
-    const d = c.querySelector("style");
-    if (d) {
-      const u = V(a);
-      d.textContent = G(u);
-    }
-  }, [a, c]);
-  const i = (c == null ? void 0 : c.querySelector("div")) ?? null;
-  return /* @__PURE__ */ e("div", { ref: r, style: { display: "contents" }, children: i && cs(s, i) });
+    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 Y() {
-  const { client: s, user: a, isLoaded: r } = E();
+function ee() {
+  const { client: e, user: a, isLoaded: r } = L();
   return {
     isLoaded: r,
     isSignedIn: !!a,
     user: a,
-    signOut: C(() => s.auth.signOut(), [s]),
-    getToken: C(() => s.auth.getToken(), [s])
+    signOut: N(() => e.auth.signOut(), [e]),
+    getToken: N(() => e.auth.getToken(), [e])
   };
 }
-function Os() {
-  const { user: s, isLoaded: a } = E();
-  return { user: s, isLoaded: a };
+function Xe() {
+  const { user: e, isLoaded: a } = L();
+  return { user: e, isLoaded: a };
 }
-function Z() {
-  const { client: s } = E(), [a, r] = h(!1), [c, t] = h(null), i = C(
-    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]
-  ), d = C(
-    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 = C(
-    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: i, signInWithOAuth: d, submitMfaCode: u, isLoading: a, error: c, setError: t };
+  return { signIn: u, signInWithOAuth: i, submitMfaCode: c, isLoading: a, error: o, setError: t };
 }
-function ms() {
-  const { client: s } = E(), [a, r] = h(!1), [c, t] = h(null);
-  return { signUp: C(
-    async (d, 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(d, 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 gs() {
-  const { client: s } = E(), [a, r] = h([]), [c, t] = h(null), [i, d] = h([]), [u, o] = h(!1), [n, m] = h(null), p = C(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 x = await s.auth.listOrgs();
-      r(x);
-    } catch (x) {
-      m(x instanceof Error ? x.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]);
-  B(() => {
-    p();
-  }, [p]);
-  const b = C(async (x) => {
+  }, [e, o]);
+  U(() => {
+    b();
+  }, [b]);
+  const k = N(async (w) => {
     try {
-      const y = await s.auth.getOrg(x);
-      t(y);
-      const w = await s.auth.listMembers(x);
-      d(w);
+      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 y = await e.auth.createOrg(w, $);
+      return r((E) => [...E, y]), y;
     } catch (y) {
-      m(y instanceof Error ? y.message : "Failed to load organization");
+      return f(y instanceof Error ? y.message : "Failed to create organization"), null;
     }
-  }, [s]), f = C(async (x, y) => {
+  }, [e]), C = N(async (w, $) => {
     try {
-      const w = await s.auth.createOrg(x, y);
-      return r((v) => [...v, w]), w;
-    } catch (w) {
-      return m(w instanceof Error ? w.message : "Failed to create organization"), null;
+      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;
+    }
+  }, [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);
     }
-  }, [s]);
-  return { orgs: a, selectedOrg: c, members: i, isLoading: u, error: n, refresh: p, selectOrg: b, createOrg: f };
+  }, [e]), isLoading: a, error: o, setError: t };
 }
-function X() {
-  const { client: s, user: a } = E(), [r, c] = h(!1), [t, i] = h(null), [d, u] = h(null), o = C(
+function te() {
+  const { client: e, user: a } = L(), [r, o] = m(!1), [t, u] = m(null), [i, c] = m(null), d = N(
     async (p) => {
-      c(!0), i(null), u(null);
+      o(!0), u(null), c(null);
       try {
-        const b = await s.auth.updateProfile(p);
-        return u("Profile updated"), b;
-      } catch (b) {
-        return i(b instanceof Error ? b.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 {
-        c(!1);
+        o(!1);
       }
     },
-    [s]
-  ), n = C(
-    async (p, b) => {
-      c(!0), i(null), u(null);
+    [e]
+  ), l = N(
+    async (p, f) => {
+      o(!0), u(null), c(null);
       try {
-        return await s.auth.changePassword(p, b), u("Password changed successfully"), !0;
-      } catch (f) {
-        return i(f instanceof Error ? f.message : "Failed to change password"), !1;
+        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]
-  ), m = C(
+    [e]
+  ), g = N(
     async (p) => {
-      c(!0), i(null), u(null);
+      o(!0), u(null), c(null);
       try {
-        const b = await s.auth.uploadAvatar(p);
-        return u("Avatar updated"), b;
-      } catch (b) {
-        return i(b instanceof Error ? b.message : "Failed to upload avatar"), null;
+        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, uploadAvatar: m, changePassword: n, isLoading: r, error: t, success: d, setError: i, setSuccess: u };
+  return { user: a, updateProfile: d, uploadAvatar: g, changePassword: l, isLoading: r, error: t, success: i, setError: u, setSuccess: c };
 }
-const K = '<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>', ss = '<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 Ws({ appearance: s, signUpUrl: a, onSignUp: r }) {
-  const { appearance: c, settings: t } = E(), { signIn: i, signInWithOAuth: d, submitMfaCode: u, isLoading: o, error: n, setError: m } = Z(), p = s ?? c, [b, f] = h(""), [x, y] = h(""), [w, v] = h(!1), [g, N] = h(""), [S, k] = h(""), z = C(
-    async (T) => {
-      if (T.preventDefault(), w) {
-        await u(g, S);
+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 $ = await i(b, x);
-      $ && ls($) && (N($.mfaToken), v(!0), m(null));
+      const M = await u(f, k);
+      M && be(M) && (S(M.mfaToken), x(!0), g(null));
     },
-    [b, x, w, g, S, i, u, m]
-  ), P = C(
-    async (T) => {
-      await d(T);
+    [f, k, C, h, z, u, c, g]
+  ), $ = N(
+    async (E) => {
+      await i(E);
     },
-    [d]
-  ), A = (t == null ? void 0 : t.googleEnabled) || (t == null ? void 0 : t.githubEnabled);
-  return /* @__PURE__ */ e(D, { appearance: p, children: /* @__PURE__ */ l("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Sign in" }),
-    !w && /* @__PURE__ */ l(W, { children: [
-      (t == null ? void 0 : t.googleEnabled) && /* @__PURE__ */ l(
+    [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: () => P("google"),
-          disabled: o,
+          onClick: () => $("google"),
+          disabled: d,
           children: [
-            /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: K } }),
+            /* @__PURE__ */ s("span", { dangerouslySetInnerHTML: { __html: ne } }),
             "Continue with Google"
           ]
         }
       ),
-      (t == null ? void 0 : t.githubEnabled) && /* @__PURE__ */ l(
+      (t == null ? void 0 : t.githubEnabled) && /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           className: "ss-btn-social",
-          onClick: () => P("github"),
-          disabled: o,
+          onClick: () => $("github"),
+          disabled: d,
           children: [
-            /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ss } }),
+            /* @__PURE__ */ s("span", { dangerouslySetInnerHTML: { __html: oe } }),
             "Continue with GitHub"
           ]
         }
       ),
-      A && /* @__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__ */ l("form", { onSubmit: z, children: [
-      w ? /* @__PURE__ */ l("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",
@@ -1141,15 +1267,15 @@ function Ws({ appearance: s, signUpUrl: a, onSignUp: r }) {
             inputMode: "numeric",
             autoComplete: "one-time-code",
             placeholder: "Enter 6-digit code",
-            value: S,
-            onChange: (T) => k(T.target.value),
+            value: z,
+            onChange: (E) => P(E.target.value),
             autoFocus: !0
           }
         )
-      ] }) : /* @__PURE__ */ l(W, { children: [
-        /* @__PURE__ */ l("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",
@@ -1157,15 +1283,15 @@ function Ws({ appearance: s, signUpUrl: a, onSignUp: r }) {
               type: "email",
               autoComplete: "email",
               placeholder: "you@example.com",
-              value: b,
-              onChange: (T) => f(T.target.value),
+              value: f,
+              onChange: (E) => b(E.target.value),
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ l("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",
@@ -1173,90 +1299,90 @@ function Ws({ appearance: s, signUpUrl: a, onSignUp: r }) {
               type: "password",
               autoComplete: "current-password",
               placeholder: "Enter your password",
-              value: x,
-              onChange: (T) => y(T.target.value),
+              value: k,
+              onChange: (E) => v(E.target.value),
               required: !0
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ l("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: o, children: [
-        o && /* @__PURE__ */ e("span", { className: "ss-spinner" }),
-        w ? "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"
       ] })
     ] }),
-    w && /* @__PURE__ */ e("div", { className: "ss-footer", children: /* @__PURE__ */ e(
+    C && /* @__PURE__ */ s("div", { className: "ss-footer", children: /* @__PURE__ */ s(
       "span",
       {
         className: "ss-link",
         onClick: () => {
-          v(!1), k(""), m(null);
+          x(!1), P(""), g(null);
         },
         children: "Back to sign in"
       }
     ) }),
-    !w && /* @__PURE__ */ l("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 Hs({ appearance: s, signInUrl: a, onSignIn: r }) {
-  const { appearance: c, settings: t } = E(), { signUp: i, isLoading: d, error: u, setError: o } = ms(), { signInWithOAuth: n } = Z(), m = s ?? c, [p, b] = h(""), [f, x] = h(""), [y, w] = h(""), [v, g] = h(null), N = C(
-    async (P) => {
-      if (P.preventDefault(), g(null), f !== y) {
-        g("Passwords do not match");
+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(), h(null), b !== v) {
+        h("Passwords do not match");
         return;
       }
-      const A = (t == null ? void 0 : t.passwordMinLength) ?? 8;
-      if (f.length < A) {
-        g(`Password must be at least ${A} characters`);
+      const w = (t == null ? void 0 : t.passwordMinLength) ?? 8;
+      if (b.length < w) {
+        h(`Password must be at least ${w} characters`);
         return;
       }
-      await i(p, f);
+      await u(p, b);
     },
-    [p, f, y, t, i]
-  ), S = C(
-    async (P) => {
-      await n(P);
+    [p, b, v, t, u]
+  ), z = N(
+    async (T) => {
+      await l(T);
     },
-    [n]
-  ), k = (t == null ? void 0 : t.googleEnabled) || (t == null ? void 0 : t.githubEnabled), z = v || u;
-  return /* @__PURE__ */ e(D, { appearance: m, children: /* @__PURE__ */ l("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Create account" }),
-    (t == null ? void 0 : t.googleEnabled) && /* @__PURE__ */ l(
+    [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: () => S("google"),
-        disabled: d,
+        onClick: () => z("google"),
+        disabled: i,
         children: [
-          /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: K } }),
+          /* @__PURE__ */ s("span", { dangerouslySetInnerHTML: { __html: ne } }),
           "Continue with Google"
         ]
       }
     ),
-    (t == null ? void 0 : t.githubEnabled) && /* @__PURE__ */ l(
+    (t == null ? void 0 : t.githubEnabled) && /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         className: "ss-btn-social",
-        onClick: () => S("github"),
-        disabled: d,
+        onClick: () => z("github"),
+        disabled: i,
         children: [
-          /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: ss } }),
+          /* @__PURE__ */ s("span", { dangerouslySetInnerHTML: { __html: oe } }),
           "Continue with GitHub"
         ]
       }
     ),
-    k && /* @__PURE__ */ e("div", { className: "ss-divider", children: "or" }),
-    z && /* @__PURE__ */ e("div", { className: "ss-global-error", children: z }),
-    /* @__PURE__ */ l("form", { onSubmit: N, children: [
-      /* @__PURE__ */ l("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",
@@ -1265,14 +1391,14 @@ function Hs({ appearance: s, signInUrl: a, onSignIn: r }) {
             autoComplete: "email",
             placeholder: "you@example.com",
             value: p,
-            onChange: (P) => b(P.target.value),
+            onChange: (T) => f(T.target.value),
             required: !0
           }
         )
       ] }),
-      /* @__PURE__ */ l("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",
@@ -1280,17 +1406,17 @@ function Hs({ appearance: s, signInUrl: a, onSignIn: r }) {
             type: "password",
             autoComplete: "new-password",
             placeholder: "Create a password",
-            value: f,
-            onChange: (P) => {
-              x(P.target.value), g(null);
+            value: b,
+            onChange: (T) => {
+              k(T.target.value), h(null);
             },
             required: !0
           }
         )
       ] }),
-      /* @__PURE__ */ l("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",
@@ -1298,585 +1424,765 @@ function Hs({ appearance: s, signInUrl: a, onSignIn: r }) {
             type: "password",
             autoComplete: "new-password",
             placeholder: "Confirm your password",
-            value: y,
-            onChange: (P) => {
-              w(P.target.value), g(null);
+            value: v,
+            onChange: (T) => {
+              C(T.target.value), h(null);
             },
             required: !0
           }
         )
       ] }),
-      /* @__PURE__ */ l("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: d, children: [
-        d && /* @__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__ */ l("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 I = 256, F = 112;
-function hs({ file: s, onCrop: a, onCancel: r }) {
-  const c = R(null), t = R(null), [i, d] = h(1), [u, o] = h({ x: 0, y: 0 }), [n, m] = h(!1), p = R({ x: 0, y: 0, ox: 0, oy: 0 }), [b, f] = h(!1);
-  B(() => {
-    const g = new Image(), N = URL.createObjectURL(s);
-    return g.onload = () => {
-      t.current = g, f(!0), o({ x: 0, y: 0 }), d(1);
-    }, g.src = N, () => URL.revokeObjectURL(N);
-  }, [s]), B(() => {
-    if (!b || !t.current || !c.current) return;
-    const g = c.current.getContext("2d");
-    if (!g) return;
-    const N = t.current;
-    g.clearRect(0, 0, I, I), g.fillStyle = "#111", g.fillRect(0, 0, I, I);
-    const S = Math.max(I / N.width, I / N.height) * i, k = N.width * S, z = N.height * S, P = (I - k) / 2 + u.x, A = (I - z) / 2 + u.y;
-    g.save(), g.beginPath(), g.arc(I / 2, I / 2, F, 0, Math.PI * 2), g.clip(), g.drawImage(N, P, A, k, z), g.restore(), g.save(), g.fillStyle = "rgba(0, 0, 0, 0.6)", g.fillRect(0, 0, I, I), g.globalCompositeOperation = "destination-out", g.beginPath(), g.arc(I / 2, I / 2, F, 0, Math.PI * 2), g.fill(), g.restore(), g.save(), g.beginPath(), g.arc(I / 2, I / 2, F, 0, Math.PI * 2), g.clip(), g.drawImage(N, P, A, k, z), g.restore(), g.strokeStyle = "rgba(255, 255, 255, 0.6)", g.lineWidth = 2, g.beginPath(), g.arc(I / 2, I / 2, F, 0, Math.PI * 2), g.stroke();
-  }, [i, u, b]);
-  const x = C(
-    (g) => {
-      m(!0), p.current = { x: g.clientX, y: g.clientY, ox: u.x, oy: u.y }, g.target.setPointerCapture(g.pointerId);
+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);
     },
-    [u]
-  ), y = C(
-    (g) => {
-      n && o({
-        x: p.current.ox + (g.clientX - p.current.x),
-        y: p.current.oy + (g.clientY - p.current.y)
+    [c]
+  ), v = N(
+    (h) => {
+      l && d({
+        x: p.current.ox + (h.clientX - p.current.x),
+        y: p.current.oy + (h.clientY - p.current.y)
       });
     },
-    [n]
-  ), w = C(() => m(!1), []), v = C(() => {
+    [l]
+  ), C = N(() => g(!1), []), x = N(() => {
     if (!t.current) return;
-    const g = document.createElement("canvas"), N = F * 2;
-    g.width = N, g.height = N;
-    const S = g.getContext("2d");
-    if (!S) return;
-    const k = t.current, z = Math.max(I / k.width, I / k.height) * i, P = k.width * z, A = k.height * z, T = (I - P) / 2 + u.x - (I / 2 - F), $ = (I - A) / 2 + u.y - (I / 2 - F);
-    S.beginPath(), S.arc(F, F, F, 0, Math.PI * 2), S.clip(), S.drawImage(k, T, $, P, A), g.toBlob((M) => {
-      M && a(M);
+    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");
-  }, [i, u, a]);
-  return /* @__PURE__ */ l("div", { className: "ss-avatar-cropper", children: [
-    /* @__PURE__ */ e(
+  }, [u, c, a]);
+  return /* @__PURE__ */ n("div", { className: "ss-avatar-cropper", children: [
+    /* @__PURE__ */ s(
       "canvas",
       {
-        ref: c,
-        width: I,
-        height: I,
+        ref: o,
+        width: B,
+        height: B,
         className: "ss-avatar-canvas",
-        onPointerDown: x,
-        onPointerMove: y,
-        onPointerUp: w,
-        style: { cursor: n ? "grabbing" : "grab" }
+        onPointerDown: k,
+        onPointerMove: v,
+        onPointerUp: C,
+        style: { cursor: l ? "grabbing" : "grab" }
       }
     ),
-    /* @__PURE__ */ l("div", { className: "ss-avatar-zoom", children: [
-      /* @__PURE__ */ e("span", { className: "ss-avatar-zoom-label", children: "Zoom" }),
-      /* @__PURE__ */ e(
+    /* @__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: i,
-          onChange: (g) => d(parseFloat(g.target.value)),
+          value: u,
+          onChange: (h) => i(parseFloat(h.target.value)),
           className: "ss-avatar-zoom-slider"
         }
       )
     ] }),
-    /* @__PURE__ */ l("div", { className: "ss-btn-group", children: [
-      /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-danger ss-btn-sm", onClick: r, children: "Cancel" }),
-      /* @__PURE__ */ e("button", { type: "button", className: "ss-btn ss-btn-primary ss-btn-sm", onClick: v, children: "Save" })
+    /* @__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 es({ onUpload: s, onClose: a, isLoading: r }) {
-  const [c, t] = h(null), [i, d] = h(!1), [u, o] = h(null), n = R(null), m = C((f) => {
-    if (!f.type.startsWith("image/")) {
-      o("Please select an image file");
+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 (f.size > 5 * 1024 * 1024) {
-      o("Image must be smaller than 5 MB");
+    if (b.size > 5 * 1024 * 1024) {
+      d("Image must be smaller than 5 MB");
       return;
     }
-    o(null), t(f);
-  }, []), p = C(
-    (f) => {
-      f.preventDefault(), d(!1);
-      const x = f.dataTransfer.files[0];
-      x && m(x);
+    d(null), t(b);
+  }, []), p = N(
+    (b) => {
+      b.preventDefault(), i(!1);
+      const k = b.dataTransfer.files[0];
+      k && g(k);
     },
-    [m]
-  ), b = C(
-    async (f) => {
-      await s(f);
+    [g]
+  ), f = N(
+    async (b) => {
+      await e(b);
     },
-    [s]
+    [e]
   );
-  return /* @__PURE__ */ e("div", { className: "ss-modal-overlay", onClick: (f) => {
-    f.target === f.currentTarget && a();
-  }, children: /* @__PURE__ */ l("div", { className: "ss-modal", children: [
-    /* @__PURE__ */ l("div", { className: "ss-modal-header", children: [
-      /* @__PURE__ */ e("span", { className: "ss-modal-title", children: "Upload Avatar" }),
-      /* @__PURE__ */ e("button", { type: "button", className: "ss-modal-close", onClick: a, children: "✕" })
+  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: "✕" })
     ] }),
-    u && /* @__PURE__ */ e("div", { className: "ss-global-error", children: u }),
-    c ? /* @__PURE__ */ e(hs, { file: c, onCrop: b, onCancel: () => t(null) }) : /* @__PURE__ */ l(
+    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${i ? " ss-avatar-dropzone-active" : ""}`,
-        onDragOver: (f) => {
-          f.preventDefault(), d(!0);
+        className: `ss-avatar-dropzone${u ? " ss-avatar-dropzone-active" : ""}`,
+        onDragOver: (b) => {
+          b.preventDefault(), i(!0);
         },
-        onDragLeave: () => d(!1),
+        onDragLeave: () => i(!1),
         onDrop: p,
         onClick: () => {
-          var f;
-          return (f = n.current) == null ? void 0 : f.click();
+          var b;
+          return (b = l.current) == null ? void 0 : b.click();
         },
         children: [
-          /* @__PURE__ */ l("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-            /* @__PURE__ */ e("path", { d: "M12 16a4 4 0 100-8 4 4 0 000 8z" }),
-            /* @__PURE__ */ e("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("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__ */ e("span", { children: "Drop image here or click to browse" }),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ s("span", { children: "Drop image here or click to browse" }),
+          /* @__PURE__ */ s(
             "input",
             {
-              ref: n,
+              ref: l,
               type: "file",
               accept: "image/*",
               style: { display: "none" },
-              onChange: (f) => {
-                var x;
-                (x = f.target.files) != null && x[0] && m(f.target.files[0]);
+              onChange: (b) => {
+                var k;
+                (k = b.target.files) != null && k[0] && g(b.target.files[0]);
               }
             }
           )
         ]
       }
     ),
-    r && /* @__PURE__ */ e("div", { className: "ss-loading", children: "Uploading..." })
+    r && /* @__PURE__ */ s("div", { className: "ss-loading", children: "Uploading..." })
   ] }) });
 }
-function js({ appearance: s }) {
-  const { appearance: a } = E(), { user: r, signOut: c } = Y(), t = s ?? a, [i, d] = h(!1), [u, o] = h(!1), n = R(null), m = C((b) => {
-    n.current && !b.composedPath().includes(n.current) && d(!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 (B(() => {
-    if (i) {
-      const b = setTimeout(() => {
-        document.addEventListener("click", m);
+  U(() => {
+    if (g) {
+      const D = setTimeout(() => {
+        document.addEventListener("click", O);
       }, 0);
       return () => {
-        clearTimeout(b), document.removeEventListener("click", m);
+        clearTimeout(D), document.removeEventListener("click", O);
       };
     }
-  }, [i, m]), !r) return null;
-  const p = (r.name || r.email).charAt(0).toUpperCase();
-  return /* @__PURE__ */ e(D, { appearance: t, children: /* @__PURE__ */ l("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: () => d(!i),
+        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
       }
     ),
-    i && /* @__PURE__ */ l("div", { className: "ss-dropdown", children: [
-      /* @__PURE__ */ l("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: () => {
-            d(!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 () => {
-            d(!1), await c();
+            p(!1), await d(), a && (window.location.href = a);
           },
           children: "Sign out"
         }
       )
     ] }),
-    u && /* @__PURE__ */ e(bs, { onClose: () => o(!1) })
+    f && /* @__PURE__ */ s(
+      Ee,
+      {
+        onClose: () => b(!1),
+        afterDeleteAccountUrl: r
+      }
+    )
   ] }) });
 }
-function bs({ onClose: s }) {
-  const { user: a, updateProfile: r, uploadAvatar: c, changePassword: t, isLoading: i, error: d, success: u, setError: o, setSuccess: n } = X(), [m, p] = h((a == null ? void 0 : a.name) ?? ""), [b, f] = h((a == null ? void 0 : a.avatarUrl) ?? ""), [x, y] = h(!1), [w, v] = h(""), [g, N] = h(""), [S, k] = h(""), [z, P] = h(null), A = C(
-    async (L) => {
-      L.preventDefault(), o(null), n(null), await r({ name: m, avatarUrl: b || void 0 });
+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 });
     },
-    [m, b, r, o, n]
-  ), T = C(
-    async (L) => {
-      const O = await c(L);
-      O && (f(O.avatarUrl), y(!1));
+    [C, h, o, l, g]
+  ), ce = N(
+    async (A) => {
+      const Y = await t(A);
+      Y && (S(Y.avatarUrl), P(!1));
     },
-    [c]
-  ), $ = C(
-    async (L) => {
-      if (L.preventDefault(), P(null), o(null), n(null), g !== S) {
-        P("Passwords do not match");
+    [t]
+  ), de = N(
+    async (A) => {
+      if (A.preventDefault(), O(null), l(null), g(null), w !== y) {
+        O("Passwords do not match");
         return;
       }
-      if (g.length < 8) {
-        P("Password must be at least 8 characters");
+      if (w.length < 8) {
+        O("Password must be at least 8 characters");
         return;
       }
-      await t(w, g) && (v(""), N(""), k(""));
+      await u(I, w) && (T(""), $(""), E(""));
     },
-    [w, g, S, t, o, n]
-  ), M = (a == null ? void 0 : a.provider) === "email";
-  return /* @__PURE__ */ e("div", { className: "ss-modal-overlay", onClick: (L) => {
-    L.target === L.currentTarget && s();
-  }, children: /* @__PURE__ */ l("div", { className: "ss-modal", children: [
-    /* @__PURE__ */ l("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 }),
-    u && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: u }),
-    /* @__PURE__ */ l(
+    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: () => y(!0),
+        onClick: () => P(!0),
         title: "Click to change avatar",
         children: [
-          b ? /* @__PURE__ */ e("img", { src: b, alt: "" }) : (m || (a == null ? void 0 : a.email) || "?").charAt(0).toUpperCase(),
-          /* @__PURE__ */ e("div", { className: "ss-avatar-overlay", children: /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-            /* @__PURE__ */ e("path", { d: "M12 16a4 4 0 100-8 4 4 0 000 8z" }),
-            /* @__PURE__ */ e("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" })
+          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__ */ l("form", { onSubmit: A, children: [
-      /* @__PURE__ */ l("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Name" }),
-        /* @__PURE__ */ e(
+    /* @__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: m,
-            onChange: (L) => p(L.target.value)
+            value: C,
+            onChange: (A) => x(A.target.value)
           }
         )
       ] }),
-      /* @__PURE__ */ l("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: "Email" }),
+        /* @__PURE__ */ s("input", { className: "ss-input ss-input-readonly", type: "email", value: (r == null ? void 0 : r.email) ?? "", disabled: !0, readOnly: !0 })
       ] }),
-      /* @__PURE__ */ l("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__ */ 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__ */ l("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: i, children: [
-        i && /* @__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"
       ] })
     ] }),
-    M && /* @__PURE__ */ l("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__ */ l("form", { onSubmit: $, children: [
-        /* @__PURE__ */ l("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: w,
-              onChange: (L) => v(L.target.value),
+              value: I,
+              onChange: (A) => T(A.target.value),
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ l("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: g,
-              onChange: (L) => N(L.target.value),
+              value: w,
+              onChange: (A) => $(A.target.value),
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ l("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: S,
-              onChange: (L) => k(L.target.value),
+              value: y,
+              onChange: (A) => E(A.target.value),
               required: !0
             }
           )
         ] }),
-        /* @__PURE__ */ l("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: i, children: [
-          i && /* @__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"
         ] })
       ] })
     ] }),
-    x && /* @__PURE__ */ e(
-      es,
+    /* @__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: T,
-        onClose: () => y(!1),
+        onUpload: ce,
+        onClose: () => P(!1),
         isLoading: i
       }
     )
   ] }) });
 }
-function _s({ appearance: s }) {
-  const { appearance: a } = E(), { user: r, signOut: c } = Y(), { updateProfile: t, uploadAvatar: i, changePassword: d, isLoading: u, error: o, success: n, setError: m, setSuccess: p } = X(), b = s ?? a, [f, x] = h((r == null ? void 0 : r.name) ?? ""), [y, w] = h((r == null ? void 0 : r.avatarUrl) ?? ""), [v, g] = h(!1), [N, S] = h(""), [k, z] = h(""), [P, A] = h(""), [T, $] = h(null), M = C(
-    async (U) => {
-      U.preventDefault(), m(null), p(null), await t({ name: f, avatarUrl: y || void 0 });
+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 });
     },
-    [f, y, t, m, p]
-  ), L = C(
-    async (U) => {
-      const _ = await i(U);
-      _ && (w(_.avatarUrl), g(!1));
+    [b, v, t, g, p]
+  ), M = N(
+    async (F) => {
+      const W = await u(F);
+      W && (C(W.avatarUrl), h(!1));
     },
-    [i]
-  ), O = C(
-    async (U) => {
-      if (U.preventDefault(), $(null), m(null), p(null), k !== P) {
-        $("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 (k.length < 8) {
-        $("Password must be at least 8 characters");
+      if (P.length < 8) {
+        y("Password must be at least 8 characters");
         return;
       }
-      await d(N, k) && (S(""), z(""), A(""));
+      await i(S, P) && (z(""), I(""), w(""));
     },
-    [N, k, P, d, m, p]
+    [S, P, T, i, g, p]
   );
   if (!r) return null;
-  const as = r.provider === "email";
-  return /* @__PURE__ */ e(D, { appearance: b, children: /* @__PURE__ */ l("div", { className: "ss-card ss-card-wide", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Profile" }),
-    o && /* @__PURE__ */ e("div", { className: "ss-global-error", children: o }),
-    n && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: n }),
-    /* @__PURE__ */ l(
+  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: () => g(!0),
+        onClick: () => h(!0),
         title: "Click to change avatar",
         children: [
-          y ? /* @__PURE__ */ e("img", { src: y, alt: "" }) : (f || r.email).charAt(0).toUpperCase(),
-          /* @__PURE__ */ e("div", { className: "ss-avatar-overlay", children: /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-            /* @__PURE__ */ e("path", { d: "M12 16a4 4 0 100-8 4 4 0 000 8z" }),
-            /* @__PURE__ */ e("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" })
+          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__ */ l("form", { onSubmit: M, children: [
-      /* @__PURE__ */ l("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: f, onChange: (U) => x(U.target.value) })
+    /* @__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__ */ l("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__ */ l("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__ */ l("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__ */ l("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: u, children: [
-        u && /* @__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"
       ] })
     ] }),
-    as && /* @__PURE__ */ l("div", { className: "ss-modal-section", children: [
-      /* @__PURE__ */ e("div", { className: "ss-modal-section-title", children: "Change password" }),
-      T && /* @__PURE__ */ e("div", { className: "ss-global-error", children: T }),
-      /* @__PURE__ */ l("form", { onSubmit: O, children: [
-        /* @__PURE__ */ l("div", { className: "ss-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-label", children: "Current password" }),
-          /* @__PURE__ */ e("input", { className: "ss-input", type: "password", value: N, onChange: (U) => S(U.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__ */ l("div", { className: "ss-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-label", children: "New password" }),
-          /* @__PURE__ */ e("input", { className: "ss-input", type: "password", value: k, onChange: (U) => z(U.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__ */ l("div", { className: "ss-field", children: [
-          /* @__PURE__ */ e("label", { className: "ss-label", children: "Confirm new password" }),
-          /* @__PURE__ */ e("input", { className: "ss-input", type: "password", value: P, onChange: (U) => A(U.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__ */ l("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: u, children: [
-          u && /* @__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" }) }),
-    v && /* @__PURE__ */ e(
-      es,
+    /* @__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: L,
-        onClose: () => g(!1),
-        isLoading: u
+        onUpload: M,
+        onClose: () => h(!1),
+        isLoading: c
       }
     )
   ] }) });
 }
-function Vs({ appearance: s, onOrgChange: a }) {
-  const { appearance: r } = E(), { orgs: c, selectedOrg: t, selectOrg: i, createOrg: d, isLoading: u } = gs(), o = s ?? r, [n, m] = h(!1), [p, b] = h(!1), [f, x] = h(""), [y, w] = h(""), [v, g] = h(null), [N, S] = h(!1), k = R(null), z = C(($) => {
-    k.current && !$.composedPath().includes(k.current) && (m(!1), b(!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));
   }, []);
-  B(() => {
-    if (n) {
-      const $ = setTimeout(() => {
-        document.addEventListener("click", z);
+  U(() => {
+    if (l) {
+      const y = setTimeout(() => {
+        document.addEventListener("click", I);
       }, 0);
       return () => {
-        clearTimeout($), document.removeEventListener("click", z);
+        clearTimeout(y), document.removeEventListener("click", I);
       };
     }
-  }, [n, z]);
-  const P = C(($) => {
-    x($), w($.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
-  }, []), A = C(
-    async ($) => {
-      $.preventDefault(), g(null), S(!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 M = await d(f, y);
-        M && (await i(M.id), a == null || a(M), b(!1), x(""), w(""), m(!1));
-      } catch (M) {
-        g(M instanceof Error ? M.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 {
-        S(!1);
+        z(!1);
       }
     },
-    [f, y, d, i, a]
+    [b, v, i, u, a]
   );
-  if (u) return null;
-  const T = (t == null ? void 0 : t.name) ?? (c.length === 0 ? "No organization" : "Select organization");
-  return /* @__PURE__ */ e(D, { appearance: o, children: /* @__PURE__ */ l("div", { className: "ss-user-btn", ref: k, children: [
-    /* @__PURE__ */ l(
+  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: [
-          T,
-          /* @__PURE__ */ e("span", { className: "ss-chevron", children: n ? "▲" : "▼" })
+          $,
+          /* @__PURE__ */ s("span", { className: "ss-chevron", children: l ? "▲" : "▼" })
         ]
       }
     ),
-    n && /* @__PURE__ */ l("div", { className: "ss-dropdown ss-dropdown-org", children: [
-      c.map(($) => /* @__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) === $.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), b(!1), await i($.id), a == null || a($);
+            g(!1), f(!1), await u(y.id), a == null || a(y);
           },
-          children: $.name
+          children: y.name
         },
-        $.id
+        y.id
       )),
-      /* @__PURE__ */ e("div", { className: "ss-dropdown-divider" }),
-      p ? /* @__PURE__ */ l("div", { className: "ss-inline-form", children: [
-        v && /* @__PURE__ */ e("div", { className: "ss-global-error", style: { marginBottom: "8px", fontSize: "12px" }, children: v }),
-        /* @__PURE__ */ l("form", { onSubmit: A, 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: f,
-              onChange: ($) => 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: y,
-              onChange: ($) => w($.target.value),
+              value: v,
+              onChange: (y) => C(y.target.value),
               required: !0
             }
           ) }),
-          /* @__PURE__ */ l("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: () => {
-                  b(!1), g(null);
+                  f(!1), h(null);
                 },
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ss-btn ss-btn-sm ss-btn-primary",
-                disabled: N,
+                disabled: S,
                 children: [
-                  N && /* @__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: () => b(!0),
+          onClick: () => f(!0),
           style: { fontWeight: 500 },
           children: "+ Create organization"
         }
@@ -1884,636 +2190,636 @@ function Vs({ appearance: s, onOrgChange: a }) {
     ] })
   ] }) });
 }
-function fs(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 Gs({ plans: s, currentPlanId: a, onSelectPlan: r, interval: c, appearance: t }) {
-  const { appearance: i } = E(), d = t ?? i, u = c ? s.filter((o) => o.interval === c || o.isFree) : s;
-  return /* @__PURE__ */ e(D, { appearance: d, children: /* @__PURE__ */ e("div", { className: "ss-pricing-grid", children: u.map((o) => {
-    const n = o.id === a;
-    return /* @__PURE__ */ l("div", { className: `ss-pricing-card ${n ? "ss-pricing-card-current" : ""}`, children: [
-      /* @__PURE__ */ l("div", { className: "ss-pricing-header", children: [
-        /* @__PURE__ */ e("h3", { className: "ss-pricing-name", children: o.name }),
-        o.trialDays > 0 && /* @__PURE__ */ l("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__ */ l(W, { children: [
-        /* @__PURE__ */ e("span", { className: "ss-pricing-amount", children: fs(o.amountCents, o.currency) }),
-        /* @__PURE__ */ l("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__ */ l("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 Js() {
-  const { client: s } = E();
-  return { billing: s.billing };
+function ns() {
+  const { client: e } = L();
+  return { billing: e.billing };
 }
-function j(s) {
-  const { client: a } = E();
-  return q(() => {
-    if (s) {
-      const r = new H("https://api.saas-support.com/v1", { type: "portalToken", token: s });
-      return new is(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 ys(s, a) {
-  const r = j(a), [c, t] = h(null), [i, d] = h(!0), [u, o] = h(null), n = C(async () => {
-    d(!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 {
-      d(!1);
+      i(!1);
     }
-  }, [r, s]);
-  return B(() => {
-    n();
-  }, [n]), { customer: c, isLoading: i, error: u, refresh: n };
+  }, [r, e]);
+  return U(() => {
+    l();
+  }, [l]), { customer: o, isLoading: u, error: c, refresh: l };
 }
-function xs(s, a) {
-  const r = j(a), [c, t] = h([]), [i, d] = h(!0), [u, o] = h(null), n = C(async () => {
-    d(!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 {
-      d(!1);
+      i(!1);
     }
-  }, [r, s]);
-  return B(() => {
-    n();
-  }, [n]), { invoices: c, isLoading: i, error: u, refresh: n };
+  }, [r, e]);
+  return U(() => {
+    l();
+  }, [l]), { invoices: o, isLoading: u, error: c, refresh: l };
 }
-function vs(s, a) {
-  const r = j(a), [c, t] = h([]), [i, d] = h(!0), [u, o] = h(null), n = C(async () => {
-    d(!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 {
-      d(!1);
+      i(!1);
     }
-  }, [r, s]);
-  return B(() => {
-    n();
-  }, [n]), { usage: c, isLoading: i, error: u, refresh: n };
+  }, [r, e]);
+  return U(() => {
+    l();
+  }, [l]), { usage: o, isLoading: u, error: c, refresh: l };
 }
-const ws = {
+const Le = {
   active: "ss-badge-active"
 };
-function Ns({
-  customerId: s,
+function Be({
+  customerId: e,
   portalToken: a,
   onChangePlan: r,
-  onCancel: c,
+  onCancel: o,
   appearance: t
 }) {
-  const { appearance: i } = E(), { customer: d, isLoading: u, error: o } = ys(s, a);
-  return /* @__PURE__ */ e(D, { appearance: t ?? i, children: /* @__PURE__ */ l("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Subscription" }),
-    u && /* @__PURE__ */ l("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 }),
-    d && !u && /* @__PURE__ */ l(W, { children: [
-      /* @__PURE__ */ l("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Customer" }),
-        /* @__PURE__ */ e("input", { className: "ss-input", value: d.name || d.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__ */ l("div", { className: "ss-field", children: [
-        /* @__PURE__ */ e("label", { className: "ss-label", children: "Status" }),
-        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("span", { className: `ss-badge ${ws.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__ */ l("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 Cs = {
+const De = {
   paid: "ss-badge-active",
   open: "ss-badge-trialing",
   draft: "ss-badge-paused",
   void: "ss-badge-canceled",
   uncollectible: "ss-badge-past-due"
 };
-function ks(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 Ss(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 $s({ customerId: s, portalToken: a, appearance: r }) {
-  const { appearance: c } = E(), { invoices: t, isLoading: i, error: d } = xs(s, a), u = r ?? c, o = [...t].sort((n, m) => new Date(m.createdAt).getTime() - new Date(n.createdAt).getTime());
-  return /* @__PURE__ */ e(D, { appearance: u, children: /* @__PURE__ */ l("div", { className: "ss-card ss-card-wide", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Invoices" }),
-    i && /* @__PURE__ */ l("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..."
     ] }),
-    d && /* @__PURE__ */ e("div", { className: "ss-global-error", children: d }),
-    !i && o.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No invoices yet." }),
-    !i && o.length > 0 && /* @__PURE__ */ l("table", { className: "ss-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("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__ */ l("tr", { className: "ss-tr", children: [
-        /* @__PURE__ */ e("td", { className: "ss-td", children: ks(n.createdAt) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: Ss(n.amountCents) }),
-        /* @__PURE__ */ e("td", { className: "ss-td", children: /* @__PURE__ */ e("span", { className: `ss-badge ${Cs[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 Ps({ customerId: s, limits: a, portalToken: r, appearance: c }) {
-  const { appearance: t } = E(), { usage: i, isLoading: d, error: u } = vs(s, r);
-  return /* @__PURE__ */ e(D, { appearance: c ?? t, children: /* @__PURE__ */ l("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Usage" }),
-    d && /* @__PURE__ */ l("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 }),
-    !d && i.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No usage data." }),
-    !d && i.map((n) => {
-      const m = a == null ? void 0 : a[n.metric], p = m ? Math.min(100, n.total / m * 100) : null;
-      return /* @__PURE__ */ l("div", { className: "ss-usage-item", children: [
-        /* @__PURE__ */ l("div", { className: "ss-usage-header", children: [
-          /* @__PURE__ */ e("span", { className: "ss-usage-metric", children: n.metric }),
-          /* @__PURE__ */ l("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 Qs({
-  customerId: s,
+function os({
+  customerId: e,
   portalToken: a,
   limits: r,
-  onChangePlan: c,
+  onChangePlan: o,
   onCancel: t,
-  appearance: i
+  appearance: u
 }) {
-  const { appearance: d } = E(), u = i ?? d, [o, n] = h("subscription");
-  return /* @__PURE__ */ e(D, { appearance: u, children: /* @__PURE__ */ l("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__ */ l("div", { className: "ss-tab-content", children: [
-      o === "subscription" && /* @__PURE__ */ e(
-        Ns,
+    /* @__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($s, { customerId: s, portalToken: a }),
-      o === "usage" && /* @__PURE__ */ e(Ps, { 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 Ys({ customerId: s, portalToken: a, onApplied: r, appearance: c }) {
-  const { appearance: t } = E(), i = j(a), d = c ?? t, [u, o] = h(""), [n, m] = h(!1), [p, b] = h(null), [f, x] = h(null), y = C(async (w) => {
-    if (w.preventDefault(), !!u.trim()) {
-      m(!0), b(null), x(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 v = await i.applyCoupon(s, u.trim());
-        x(`Coupon applied! ${v.discountType === "percent" ? `${v.amount}% off` : `$${(v.amount / 100).toFixed(2)} off`}`), o(""), r == null || r(v);
-      } catch (v) {
-        b(v instanceof Error ? v.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);
       }
     }
-  }, [i, s, u, r]);
-  return /* @__PURE__ */ e(D, { appearance: d, children: /* @__PURE__ */ l("div", { className: "ss-card", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Apply coupon" }),
-    p && /* @__PURE__ */ e("div", { className: "ss-global-error", children: p }),
-    f && /* @__PURE__ */ e("div", { className: "ss-success-msg", children: f }),
-    /* @__PURE__ */ l("form", { onSubmit: y, children: [
-      /* @__PURE__ */ l("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: (w) => o(w.target.value),
+            value: c,
+            onChange: (C) => d(C.target.value),
             required: !0
           }
         )
       ] }),
-      /* @__PURE__ */ l("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 Zs() {
-  const { client: s } = E();
-  return { report: s.report };
+function is() {
+  const { client: e } = L();
+  return { report: e.report };
 }
-function rs() {
-  const { client: s } = E(), [a, r] = h(null), [c, t] = h(!1), [i, d] = h(null), u = C(async (o) => {
-    t(!0), d(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 d(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: i };
+  }, [e]);
+  return { result: a, execute: c, isLoading: o, error: u };
 }
-function Es(s) {
-  const { client: a } = E(), [r, c] = h(null), [t, i] = h(!0), [d, u] = h(null), o = C(async () => {
-    i(!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 {
-      i(!1);
+      u(!1);
     }
-  }, [a, s]);
-  return B(() => {
-    o();
-  }, [o]), { queries: (r == null ? void 0 : r.data) ?? [], meta: r == null ? void 0 : r.meta, isLoading: t, error: d, 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 Xs(s) {
-  const { client: a } = E(), [r, c] = h(null), [t, i] = h(!0), [d, u] = h(null), o = C(async () => {
-    i(!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 {
-      i(!1);
+      u(!1);
     }
-  }, [a, s]);
-  return B(() => {
-    o();
-  }, [o]), { dashboard: r, isLoading: t, error: d, refresh: o };
+  }, [a, e]);
+  return U(() => {
+    d();
+  }, [d]), { dashboard: r, isLoading: t, error: i, refresh: d };
 }
-function Ks(s, a, r = "https://api.saas-support.com/v1") {
-  const c = q(() => {
-    const p = new H(r, { type: "embedToken", token: s });
-    return new J(p);
-  }, [s, r]), [t, i] = h(null), [d, u] = h(!0), [o, n] = h(null), m = C(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);
-      i(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 B(() => {
-    m();
-  }, [m]), { dashboard: t, reportClient: c, isLoading: d, error: o, refresh: m };
+  }, [o, a]);
+  return U(() => {
+    g();
+  }, [g]), { dashboard: t, reportClient: o, isLoading: i, error: d, refresh: g };
 }
-function se({ onResult: s, mode: a = "both", placeholder: r, appearance: c }) {
-  const { appearance: t } = E(), { execute: i, isLoading: d, error: u } = rs(), o = c ?? t, [n, m] = h(""), [p, b] = h(a === "sql" ? "sql" : "nl"), f = C(async (x) => {
-    if (x.preventDefault(), !n.trim()) return;
-    const w = await i(p === "sql" ? { sql: n } : { naturalLanguage: n });
-    w && (s == null || s(w));
-  }, [n, p, i, s]);
-  return /* @__PURE__ */ e(D, { appearance: o, children: /* @__PURE__ */ l("div", { className: "ss-card ss-card-wide", children: [
-    a === "both" && /* @__PURE__ */ l("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: () => b("nl"),
+          onClick: () => f("nl"),
           children: "Natural Language"
         }
       ),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           className: `ss-tab ${p === "sql" ? "ss-tab-active" : ""}`,
-          onClick: () => b("sql"),
+          onClick: () => f("sql"),
           children: "SQL"
         }
       )
     ] }),
-    u && /* @__PURE__ */ e("div", { className: "ss-global-error", children: u }),
-    /* @__PURE__ */ l("form", { onSubmit: f, 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: (x) => m(x.target.value),
+          value: l,
+          onChange: (k) => g(k.target.value),
           rows: 3
         }
       ) }),
-      /* @__PURE__ */ l("button", { type: "submit", className: "ss-btn ss-btn-primary", disabled: d || !n.trim(), children: [
-        d && /* @__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 Is({ columns: s, rows: a, sortable: r = !0, maxRows: c, appearance: t }) {
-  const { appearance: i } = E(), d = t ?? i, [u, o] = h(null), [n, m] = h("asc"), p = q(() => u ? [...a].sort((y, w) => {
-    const v = y[u], g = w[u];
-    if (v == null && g == null) return 0;
-    if (v == null) return 1;
-    if (g == null) return -1;
-    if (typeof v == "number" && typeof g == "number")
-      return n === "asc" ? v - g : g - v;
-    const N = String(v), S = String(g);
-    return n === "asc" ? N.localeCompare(S) : S.localeCompare(N);
-  }) : a, [a, u, n]), b = c ? p.slice(0, c) : p, f = (y) => {
-    r && (u === y ? m((w) => w === "asc" ? "desc" : "asc") : (o(y), 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 x(y) {
-    return y == null ? "" : typeof y == "object" ? JSON.stringify(y) : String(y);
+  function k(v) {
+    return v == null ? "" : typeof v == "object" ? JSON.stringify(v) : String(v);
   }
-  return /* @__PURE__ */ e(D, { appearance: d, children: /* @__PURE__ */ l("div", { className: "ss-table-container", children: [
-    /* @__PURE__ */ l("table", { className: "ss-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: s.map((y) => /* @__PURE__ */ l(
+  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 === y ? n === "asc" ? "ss-sorted-asc" : "ss-sorted-desc" : ""}`,
-          onClick: () => f(y),
+          className: `ss-th ${r ? "ss-th-sortable" : ""} ${c === v ? l === "asc" ? "ss-sorted-asc" : "ss-sorted-desc" : ""}`,
+          onClick: () => b(v),
           children: [
-            y,
-            u === y && /* @__PURE__ */ e("span", { className: "ss-sort-indicator", children: n === "asc" ? " ▲" : " ▼" })
+            v,
+            c === v && /* @__PURE__ */ s("span", { className: "ss-sort-indicator", children: l === "asc" ? " ▲" : " ▼" })
           ]
         },
-        y
+        v
       )) }) }),
-      /* @__PURE__ */ e("tbody", { children: b.map((y, w) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: s.map((v) => /* @__PURE__ */ e("td", { className: "ss-td", children: x(y[v]) }, v)) }, w)) })
+      /* @__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__ */ l("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 zs(s, a = "#6366f1") {
-  const r = parseInt(a.replace("#", "").slice(0, 2), 16), c = [];
-  for (let t = 0; t < s; t++) {
-    const i = (r + t * Math.floor(360 / Math.max(s, 1))) % 360;
-    c.push(`hsl(${i}, 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 Ts({ labels: s, values: a, w: r, h: c, colors: t }) {
-  const i = Math.max(...a, 1), d = 40, u = r - d * 2, o = c - d * 2, n = Math.max(1, u / s.length - 4);
-  return /* @__PURE__ */ l("g", { children: [
-    /* @__PURE__ */ e("line", { x1: d, y1: c - d, x2: r - d, y2: c - d, stroke: "#ccc", strokeWidth: 1 }),
-    a.map((m, p) => {
-      const b = m / i * o, f = d + u / s.length * p + 2, x = c - d - b;
-      return /* @__PURE__ */ l("g", { children: [
-        /* @__PURE__ */ e("rect", { x: f, y: x, width: n, height: b, fill: t[p % t.length], rx: 2 }),
-        /* @__PURE__ */ e("text", { x: f + n / 2, y: c - d + 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 Ls({ labels: s, values: a, w: r, h: c, colors: t }) {
-  const i = Math.max(...a, 1), d = 40, u = r - d * 2, o = c - d * 2, n = s.length > 1 ? u / (s.length - 1) : 0, m = a.map((p, b) => {
-    const f = d + n * b, x = c - d - p / i * o;
-    return `${f},${x}`;
+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__ */ l("g", { children: [
+  return /* @__PURE__ */ n("g", { children: [
     [0.25, 0.5, 0.75, 1].map((p) => {
-      const b = c - d - p * o;
-      return /* @__PURE__ */ e("line", { x1: d, y1: b, x2: r - d, y2: b, 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, b) => {
-      const f = d + n * b, x = c - d - p / i * o;
-      return /* @__PURE__ */ e("circle", { cx: f, cy: x, r: 4, fill: t[0] }, b);
+    /* @__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 Bs({ labels: s, values: a, w: r, h: c, colors: t }) {
-  const i = a.reduce((b, f) => b + f, 0) || 1, d = 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((b, f) => {
-    const x = b / i, y = x * n, w = { dash: y, offset: m, color: t[f % t.length], label: s[f], pct: x };
-    return m += y, w;
+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__ */ l("g", { children: [
-    p.map((b, f) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ n("g", { children: [
+    p.map((f, b) => /* @__PURE__ */ s(
       "circle",
       {
-        cx: d,
-        cy: u,
-        r: o,
+        cx: i,
+        cy: c,
+        r: d,
         fill: "none",
-        stroke: b.color,
-        strokeWidth: o * 0.6,
-        strokeDasharray: `${b.dash} ${n - b.dash}`,
-        strokeDashoffset: -b.offset,
-        transform: `rotate(-90 ${d} ${u})`
+        stroke: f.color,
+        strokeWidth: d * 0.6,
+        strokeDasharray: `${f.dash} ${l - f.dash}`,
+        strokeDashoffset: -f.offset,
+        transform: `rotate(-90 ${i} ${c})`
       },
-      f
+      b
     )),
-    /* @__PURE__ */ e("g", { transform: `translate(${d - s.length * 30}, ${c - 20})`, children: p.slice(0, 6).map((b, f) => /* @__PURE__ */ l("g", { transform: `translate(${f * 60}, 0)`, children: [
-      /* @__PURE__ */ e("rect", { width: 10, height: 10, fill: b.color, rx: 2 }),
-      /* @__PURE__ */ e("text", { x: 14, y: 9, fontSize: 9, fill: "#666", children: b.label.length > 6 ? b.label.slice(0, 6) + ".." : b.label })
-    ] }, f)) })
+    /* @__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 As({ type: s, data: a, title: r, width: c = 400, height: t = 300, appearance: i }) {
-  const { appearance: d } = E(), u = i ?? d, o = q(() => zs(a.labels.length), [a.labels.length]);
-  return /* @__PURE__ */ e(D, { appearance: u, children: /* @__PURE__ */ l("div", { className: "ss-chart-container", children: [
-    r && /* @__PURE__ */ e("h3", { className: "ss-chart-title", children: r }),
-    /* @__PURE__ */ l("svg", { viewBox: `0 0 ${c} ${t}`, width: "100%", style: { maxWidth: c }, children: [
-      s === "bar" && /* @__PURE__ */ e(Ts, { labels: a.labels, values: a.values, w: c, h: t, colors: o }),
-      s === "line" && /* @__PURE__ */ e(Ls, { labels: a.labels, values: a.values, w: c, h: t, colors: o }),
-      s === "pie" && /* @__PURE__ */ e(Bs, { 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 ee({ dashboardId: s, embedToken: a, baseUrl: r, refreshInterval: c, appearance: t }) {
-  const i = E(), d = t ?? (i == null ? void 0 : i.appearance), u = q(() => {
+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 v = r ?? "https://api.saas-support.com/v1", g = new H(v, { type: "embedToken", token: a });
-      return new J(g);
+      const x = r ?? "https://api.saas-support.com/v1", h = new J(x, { type: "embedToken", token: a });
+      return new K(h);
     }
-    return i.client.report;
-  }, [a, r, i]), [o, n] = h([]), [m, p] = h({}), [b, f] = h(!0), [x, y] = h(null), w = C(async () => {
-    f(!0), y(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 v = await u.getDashboard(s), g = JSON.parse(v.layoutJson || "[]");
-      n(g);
-      const N = {};
-      for (const S of g)
+      const x = await c.getDashboard(e), h = JSON.parse(x.layoutJson || "[]");
+      l(h);
+      const S = {};
+      for (const z of h)
         try {
-          const k = await u.listQueries({ search: S.queryId, perPage: 1 });
-          if (k.data.length > 0 && k.data[0].generatedSql) {
-            const z = await u.executeQuery({ sql: k.data[0].generatedSql });
-            N[S.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(N);
-    } catch (v) {
-      y(v instanceof Error ? v.message : "Failed to load dashboard");
+      p(S);
+    } catch (x) {
+      v(x instanceof Error ? x.message : "Failed to load dashboard");
     } finally {
-      f(!1);
-    }
-  }, [u, s]);
-  return B(() => {
-    w();
-  }, [w]), B(() => {
-    if (!c || c <= 0) return;
-    const v = setInterval(w, c * 1e3);
-    return () => clearInterval(v);
-  }, [c, w]), /* @__PURE__ */ e(D, { appearance: d, children: /* @__PURE__ */ l("div", { className: "ss-dashboard-grid", children: [
-    b && /* @__PURE__ */ l("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..."
     ] }),
-    x && /* @__PURE__ */ e("div", { className: "ss-global-error", children: x }),
-    !b && o.map((v, g) => {
-      const N = m[v.queryId];
-      if (!N) return null;
-      const S = N.columns.length >= 2 ? {
-        labels: N.rows.map((k) => String(k[N.columns[0]] ?? "")),
-        values: N.rows.map((k) => Number(k[N.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__ */ l("div", { className: "ss-widget", children: [
-        v.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: v.title }),
-        v.chartType === "table" ? /* @__PURE__ */ e(Is, { columns: N.columns, rows: N.rows, maxRows: 50 }) : /* @__PURE__ */ e(
-          As,
+      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: v.chartType || "bar",
-            data: S,
-            width: v.w,
-            height: v.h
+            type: x.chartType || "bar",
+            data: z,
+            width: x.w,
+            height: x.h
           }
         )
-      ] }, g);
+      ] }, h);
     })
   ] }) });
 }
-function Ds(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 re({ onSelectQuery: s, onRunQuery: a, appearance: r }) {
-  const { appearance: c } = E(), { queries: t, isLoading: i, error: d } = Es(), { execute: u, isLoading: o } = rs(), n = r ?? c, m = C(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 b = await u({ sql: p.generatedSql });
-    b && (a == null || a(b));
-  }, [u, a]);
-  return /* @__PURE__ */ e(D, { appearance: n, children: /* @__PURE__ */ l("div", { className: "ss-card ss-card-wide", children: [
-    /* @__PURE__ */ e("h2", { className: "ss-title", children: "Saved Queries" }),
-    i && /* @__PURE__ */ l("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..."
     ] }),
-    d && /* @__PURE__ */ e("div", { className: "ss-global-error", children: d }),
-    !i && t.length === 0 && /* @__PURE__ */ e("p", { className: "ss-empty", children: "No saved queries." }),
-    !i && t.map((p) => /* @__PURE__ */ l(
+    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__ */ l("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__ */ l("div", { className: "ss-saved-query-footer", children: [
-            /* @__PURE__ */ e("span", { className: "ss-saved-query-date", children: Ds(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: (b) => {
-                  b.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"
               }
             )
           ] })
@@ -2523,105 +2829,106 @@ function re({ onSelectQuery: s, onRunQuery: a, appearance: r }) {
     ))
   ] }) });
 }
-function ae({ embedToken: s, dashboardId: a, baseUrl: r = "https://api.saas-support.com/v1", refreshInterval: c, appearance: t }) {
-  const i = q(() => {
-    const y = new H(r, { type: "embedToken", token: s });
-    return new J(y);
-  }, [s, r]), [d, u] = h([]), [o, n] = h(!0), [m, p] = h(null), b = q(() => V(t), [t]), f = q(() => G(b), [b]), x = C(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 y = await i.getDashboard(a), w = JSON.parse(y.layoutJson || "[]"), v = await Promise.all(
-        w.map(async (g) => {
+      const v = await u.getDashboard(a), C = JSON.parse(v.layoutJson || "[]"), x = await Promise.all(
+        C.map(async (h) => {
           try {
-            const N = await i.listQueries({ search: g.queryId, perPage: 1 });
-            if (N.data.length > 0 && N.data[0].generatedSql) {
-              const S = await i.executeQuery({ sql: N.data[0].generatedSql });
-              return { ...g, result: S };
+            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 g;
+          return h;
         })
       );
-      u(v);
-    } catch (y) {
-      p(y instanceof Error ? y.message : "Failed to load dashboard");
+      c(x);
+    } catch (v) {
+      p(v instanceof Error ? v.message : "Failed to load dashboard");
     } finally {
-      n(!1);
-    }
-  }, [i, a]);
-  return B(() => {
-    x();
-  }, [x]), B(() => {
-    if (!c || c <= 0) return;
-    const y = setInterval(x, c * 1e3);
-    return () => clearInterval(y);
-  }, [c, x]), /* @__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: (y) => {
-        if (!y || y.shadowRoot) return;
-        const w = y.attachShadow({ mode: "open" }), v = document.createElement("style");
-        v.textContent = f, w.appendChild(v);
-        const g = document.createElement("div");
-        w.appendChild(g);
+      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__ */ l("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 && d.map((y, w) => {
-          if (!y.result) return null;
-          const { columns: v, rows: g } = y.result;
-          return /* @__PURE__ */ l("div", { className: "ss-widget", children: [
-            y.title && /* @__PURE__ */ e("h4", { className: "ss-widget-header", children: y.title }),
-            /* @__PURE__ */ l("table", { className: "ss-table", children: [
-              /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: v.map((N) => /* @__PURE__ */ e("th", { className: "ss-th", children: N }, N)) }) }),
-              /* @__PURE__ */ e("tbody", { children: g.slice(0, 50).map((N, S) => /* @__PURE__ */ e("tr", { className: "ss-tr", children: v.map((k) => /* @__PURE__ */ e("td", { className: "ss-td", children: String(N[k] ?? "") }, k)) }, S)) })
+      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)) })
             ] })
-          ] }, w);
+          ] }, C);
         })
       ] })
     }
   );
 }
 export {
-  As as Chart,
-  Ys as CouponInput,
-  ee as DashboardView,
-  Is as DataTable,
-  $s as InvoiceHistory,
-  Vs as OrgSwitcher,
-  Qs as PaymentPortal,
-  Gs as PricingTable,
-  se as QueryInput,
-  ae as ReportEmbed,
-  Q as SaaSContext,
-  oe as SaaSError,
-  Rs as SaaSProvider,
-  os as SaaSSupport,
-  re as SavedQueryList,
-  Ws as SignIn,
-  Hs as SignUp,
-  Ns as SubscriptionStatus,
-  Ps as UsageDisplay,
-  js as UserButton,
-  _s as UserProfile,
-  ls as isMfaRequired,
-  Y as useAuth,
-  Js as useBilling,
-  Xs as useDashboard,
-  Ks as useEmbedDashboard,
-  xs as useInvoices,
-  gs as useOrg,
-  X as useProfile,
-  rs as useQuery,
-  Zs as useReport,
-  E as useSaaSContext,
-  Es as useSavedQueries,
-  Z as useSignIn,
-  ms as useSignUp,
-  ys as useSubscription,
-  vs as useUsage,
-  Os 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
 };