@saas-support/react 0.7.6 → 0.8.1

package/dist/react.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("react"),R=require("./index.cjs"),vs=require("react-dom"),K=t.createContext(null);function A(){const e=t.useContext(K);if(!e)throw new Error("useSaaSContext must be used within a <SaaSProvider>");return e}function ws({publishableKey:e,apiKey:r,baseUrl:a,appearance:i,children:n}){const[u]=t.useState(()=>new R.SaaSSupport({publishableKey:e,apiKey:r,baseUrl:a})),[l,d]=t.useState(null),[c,o]=t.useState(!1),[x,p]=t.useState(null);return t.useEffect(()=>{let h=!1;u.load().then(async()=>{if(h)return;const f=await u.auth.getUser(),y=await u.auth.getSettings();d(f),p(y),o(!0)});const b=u.auth.onAuthStateChange(f=>{h||d(f)});return()=>{h=!0,b(),u.destroy()}},[u]),s.jsx(K.Provider,{value:{client:u,user:l,isLoaded:c,appearance:i,settings:x},children:n})}const Ss={colorPrimary:"#6366f1",colorPrimaryHover:"#4f46e5",colorBackground:"#ffffff",colorText:"#1a1a2e",colorTextSecondary:"#6b7280",colorInputBackground:"#f9fafb",colorInputBorder:"#d1d5db",colorError:"#ef4444",colorSuccess:"#22c55e",colorWarning:"#f59e0b",fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',borderRadius:"8px",authPrimary:"#4648d4",authPrimaryContainer:"#6063ee",authOnPrimary:"#ffffff",authPrimaryFixed:"#e1e0ff",authSurface:"#fcf8ff",authSurfaceContainerLowest:"#ffffff",authSurfaceContainerLow:"#f5f2ff",authSurfaceContainer:"#efecff",authSurfaceContainerHigh:"#e8e5ff",authSurfaceContainerHighest:"#e2e0fc",authOnSurface:"#1a1a2e",authOnSurfaceVariant:"#464554",authOutline:"#767586",authOutlineVariant:"#c7c4d7",authError:"#ba1a1a",authErrorContainer:"#ffdad6",authSuccess:"#22c55e",authFontHeadline:"'Manrope', sans-serif",authFontBody:"'Inter', sans-serif"},Ns={colorPrimary:"#818cf8",colorPrimaryHover:"#6366f1",colorBackground:"#1e1e2e",colorText:"#e2e8f0",colorTextSecondary:"#94a3b8",colorInputBackground:"#2a2a3e",colorInputBorder:"#3f3f5e",colorError:"#f87171",colorSuccess:"#4ade80",colorWarning:"#fbbf24",fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',borderRadius:"8px",authPrimary:"#818cf8",authPrimaryContainer:"#6063ee",authOnPrimary:"#ffffff",authPrimaryFixed:"#2a2a3e",authSurface:"#1e1e2e",authSurfaceContainerLowest:"#161623",authSurfaceContainerLow:"#27273a",authSurfaceContainer:"#2d2d44",authSurfaceContainerHigh:"#363654",authSurfaceContainerHighest:"#3f3f61",authOnSurface:"#e2e8f0",authOnSurfaceVariant:"#94a3b8",authOutline:"#464554",authOutlineVariant:"#44445a",authError:"#f87171",authErrorContainer:"#93000a",authSuccess:"#4ade80",authFontHeadline:"'Manrope', sans-serif",authFontBody:"'Inter', sans-serif"};function J(e){const r=(e==null?void 0:e.baseTheme)==="dark"?Ns:Ss,a=e==null?void 0:e.variables,i=(a==null?void 0:a.colorPrimary)??r.authPrimary;return{colorPrimary:(a==null?void 0:a.colorPrimary)??r.colorPrimary,colorPrimaryHover:a!=null&&a.colorPrimary?ks(a.colorPrimary,10):r.colorPrimaryHover,colorBackground:(a==null?void 0:a.colorBackground)??r.colorBackground,colorText:(a==null?void 0:a.colorText)??r.colorText,colorTextSecondary:r.colorTextSecondary,colorInputBackground:(a==null?void 0:a.colorInputBackground)??r.colorInputBackground,colorInputBorder:(a==null?void 0:a.colorInputBorder)??r.colorInputBorder,colorError:(a==null?void 0:a.colorError)??r.colorError,colorSuccess:(a==null?void 0:a.colorSuccess)??r.colorSuccess,colorWarning:(a==null?void 0:a.colorWarning)??r.colorWarning,fontFamily:(a==null?void 0:a.fontFamily)??r.fontFamily,borderRadius:(a==null?void 0:a.borderRadius)??r.borderRadius,authPrimary:i,authPrimaryContainer:a!=null&&a.colorPrimary?$s(i,15):r.authPrimaryContainer,authOnPrimary:r.authOnPrimary,authPrimaryFixed:r.authPrimaryFixed,authSurface:(a==null?void 0:a.colorBackground)??r.authSurface,authSurfaceContainerLowest:r.authSurfaceContainerLowest,authSurfaceContainerLow:(a==null?void 0:a.colorInputBackground)??r.authSurfaceContainerLow,authSurfaceContainer:r.authSurfaceContainer,authSurfaceContainerHigh:r.authSurfaceContainerHigh,authSurfaceContainerHighest:r.authSurfaceContainerHighest,authOnSurface:(a==null?void 0:a.colorText)??r.authOnSurface,authOnSurfaceVariant:r.authOnSurfaceVariant,authOutline:r.authOutline,authOutlineVariant:(a==null?void 0:a.colorInputBorder)??r.authOutlineVariant,authError:(a==null?void 0:a.colorError)??r.authError,authErrorContainer:r.authErrorContainer,authSuccess:(a==null?void 0:a.colorSuccess)??r.authSuccess,authFontHeadline:(a==null?void 0:a.fontFamily)??r.authFontHeadline,authFontBody:(a==null?void 0:a.fontFamily)??r.authFontBody}}function ks(e,r){const a=parseInt(e.replace("#",""),16),i=Math.max(0,(a>>16)-Math.round(2.55*r)),n=Math.max(0,(a>>8&255)-Math.round(2.55*r)),u=Math.max(0,(a&255)-Math.round(2.55*r));return`#${(i<<16|n<<8|u).toString(16).padStart(6,"0")}`}function $s(e,r){const a=parseInt(e.replace("#",""),16),i=Math.min(255,(a>>16)+Math.round(2.55*r)),n=Math.min(255,(a>>8&255)+Math.round(2.55*r)),u=Math.min(255,(a&255)+Math.round(2.55*r));return`#${(i<<16|n<<8|u).toString(16).padStart(6,"0")}`}function Z(e){return`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),J=require("./index.cjs"),ya=require("react-dom"),ta=e.createContext(null);function V(){const a=e.useContext(ta);if(!a)throw new Error("useSaaSContext must be used within a <SaaSProvider>");return a}function va({publishableKey:a,apiKey:r,baseUrl:s,appearance:l,children:c}){const[n]=e.useState(()=>new J.SaaSSupport({publishableKey:a,apiKey:r,baseUrl:s})),[p,d]=e.useState(null),[w,u]=e.useState(!1),[j,x]=e.useState(null);return e.useEffect(()=>{let o=!1;n.load().then(async()=>{if(o)return;const v=await n.auth.getUser(),z=await n.auth.getSettings();d(v),x(z),u(!0)});const S=n.auth.onAuthStateChange(v=>{o||d(v)});return()=>{o=!0,S(),n.destroy()}},[n]),t.jsx(ta.Provider,{value:{client:n,user:p,isLoaded:w,appearance:l,settings:j},children:c})}const wa={colorPrimary:"#6366f1",colorPrimaryHover:"#4f46e5",colorBackground:"#ffffff",colorText:"#1a1a2e",colorTextSecondary:"#6b7280",colorInputBackground:"#f9fafb",colorInputBorder:"#d1d5db",colorError:"#ef4444",colorSuccess:"#22c55e",colorWarning:"#f59e0b",fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',borderRadius:"8px",authPrimary:"#4648d4",authPrimaryContainer:"#6063ee",authOnPrimary:"#ffffff",authPrimaryFixed:"#e1e0ff",authSurface:"#fcf8ff",authSurfaceContainerLowest:"#ffffff",authSurfaceContainerLow:"#f5f2ff",authSurfaceContainer:"#efecff",authSurfaceContainerHigh:"#e8e5ff",authSurfaceContainerHighest:"#e2e0fc",authOnSurface:"#1a1a2e",authOnSurfaceVariant:"#464554",authOutline:"#767586",authOutlineVariant:"#c7c4d7",authError:"#ba1a1a",authErrorContainer:"#ffdad6",authSuccess:"#22c55e",authFontHeadline:"'Manrope', sans-serif",authFontBody:"'Inter', sans-serif"},ja={colorPrimary:"#818cf8",colorPrimaryHover:"#6366f1",colorBackground:"#1e1e2e",colorText:"#e2e8f0",colorTextSecondary:"#94a3b8",colorInputBackground:"#2a2a3e",colorInputBorder:"#3f3f5e",colorError:"#f87171",colorSuccess:"#4ade80",colorWarning:"#fbbf24",fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',borderRadius:"8px",authPrimary:"#818cf8",authPrimaryContainer:"#6063ee",authOnPrimary:"#ffffff",authPrimaryFixed:"#2a2a3e",authSurface:"#1e1e2e",authSurfaceContainerLowest:"#161623",authSurfaceContainerLow:"#27273a",authSurfaceContainer:"#2d2d44",authSurfaceContainerHigh:"#363654",authSurfaceContainerHighest:"#3f3f61",authOnSurface:"#e2e8f0",authOnSurfaceVariant:"#94a3b8",authOutline:"#464554",authOutlineVariant:"#44445a",authError:"#f87171",authErrorContainer:"#93000a",authSuccess:"#4ade80",authFontHeadline:"'Manrope', sans-serif",authFontBody:"'Inter', sans-serif"};function ia(a){const r=(a==null?void 0:a.baseTheme)==="dark"?ja:wa,s=a==null?void 0:a.variables,l=(s==null?void 0:s.colorPrimary)??r.authPrimary;return{colorPrimary:(s==null?void 0:s.colorPrimary)??r.colorPrimary,colorPrimaryHover:s!=null&&s.colorPrimary?Sa(s.colorPrimary,10):r.colorPrimaryHover,colorBackground:(s==null?void 0:s.colorBackground)??r.colorBackground,colorText:(s==null?void 0:s.colorText)??r.colorText,colorTextSecondary:r.colorTextSecondary,colorInputBackground:(s==null?void 0:s.colorInputBackground)??r.colorInputBackground,colorInputBorder:(s==null?void 0:s.colorInputBorder)??r.colorInputBorder,colorError:(s==null?void 0:s.colorError)??r.colorError,colorSuccess:(s==null?void 0:s.colorSuccess)??r.colorSuccess,colorWarning:(s==null?void 0:s.colorWarning)??r.colorWarning,fontFamily:(s==null?void 0:s.fontFamily)??r.fontFamily,borderRadius:(s==null?void 0:s.borderRadius)??r.borderRadius,authPrimary:l,authPrimaryContainer:s!=null&&s.colorPrimary?ka(l,15):r.authPrimaryContainer,authOnPrimary:r.authOnPrimary,authPrimaryFixed:r.authPrimaryFixed,authSurface:(s==null?void 0:s.colorBackground)??r.authSurface,authSurfaceContainerLowest:r.authSurfaceContainerLowest,authSurfaceContainerLow:(s==null?void 0:s.colorInputBackground)??r.authSurfaceContainerLow,authSurfaceContainer:r.authSurfaceContainer,authSurfaceContainerHigh:r.authSurfaceContainerHigh,authSurfaceContainerHighest:r.authSurfaceContainerHighest,authOnSurface:(s==null?void 0:s.colorText)??r.authOnSurface,authOnSurfaceVariant:r.authOnSurfaceVariant,authOutline:r.authOutline,authOutlineVariant:(s==null?void 0:s.colorInputBorder)??r.authOutlineVariant,authError:(s==null?void 0:s.colorError)??r.authError,authErrorContainer:r.authErrorContainer,authSuccess:(s==null?void 0:s.colorSuccess)??r.authSuccess,authFontHeadline:(s==null?void 0:s.fontFamily)??r.authFontHeadline,authFontBody:(s==null?void 0:s.fontFamily)??r.authFontBody}}function Sa(a,r){const s=parseInt(a.replace("#",""),16),l=Math.max(0,(s>>16)-Math.round(2.55*r)),c=Math.max(0,(s>>8&255)-Math.round(2.55*r)),n=Math.max(0,(s&255)-Math.round(2.55*r));return`#${(l<<16|c<<8|n).toString(16).padStart(6,"0")}`}function ka(a,r){const s=parseInt(a.replace("#",""),16),l=Math.min(255,(s>>16)+Math.round(2.55*r)),c=Math.min(255,(s>>8&255)+Math.round(2.55*r)),n=Math.min(255,(s&255)+Math.round(2.55*r));return`#${(l<<16|c<<8|n).toString(16).padStart(6,"0")}`}function la(a){return`
     :host {
       all: initial;
-      font-family: ${e.fontFamily};
-      color: ${e.colorText};
+      font-family: ${a.fontFamily};
+      color: ${a.colorText};
       line-height: 1.5;
       -webkit-font-smoothing: antialiased;
     }
@@ -10,13 +10,13 @@
     * { box-sizing: border-box; margin: 0; padding: 0; }
 
     .ss-card {
-      background: ${e.colorBackground};
-      border-radius: ${e.borderRadius};
+      background: ${a.colorBackground};
+      border-radius: ${a.borderRadius};
       padding: 32px;
       width: 100%;
       max-width: 480px;
       box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
-      border: 1px solid ${e.colorInputBorder};
+      border: 1px solid ${a.colorInputBorder};
     }
 
     .ss-card-wide { max-width: 640px; }
@@ -24,14 +24,14 @@
     .ss-title {
       font-size: 22px;
       font-weight: 700;
-      color: ${e.colorText};
+      color: ${a.colorText};
       text-align: center;
       margin-bottom: 24px;
     }
 
     .ss-subtitle {
       font-size: 14px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
       text-align: center;
       margin-top: -16px;
       margin-bottom: 24px;
@@ -43,7 +43,7 @@
       display: block;
       font-size: 14px;
       font-weight: 500;
-      color: ${e.colorText};
+      color: ${a.colorText};
       margin-bottom: 6px;
     }
 
@@ -52,20 +52,20 @@
       padding: 10px 12px;
       font-size: 14px;
       font-family: inherit;
-      border: 1px solid ${e.colorInputBorder};
-      border-radius: calc(${e.borderRadius} - 2px);
-      background: ${e.colorInputBackground};
-      color: ${e.colorText};
+      border: 1px solid ${a.colorInputBorder};
+      border-radius: calc(${a.borderRadius} - 2px);
+      background: ${a.colorInputBackground};
+      color: ${a.colorText};
       outline: none;
       transition: border-color 0.15s;
     }
 
     .ss-input:focus {
-      border-color: ${e.colorPrimary};
-      box-shadow: 0 0 0 3px ${e.colorPrimary}22;
+      border-color: ${a.colorPrimary};
+      box-shadow: 0 0 0 3px ${a.colorPrimary}22;
     }
 
-    .ss-input.ss-input-error { border-color: ${e.colorError}; }
+    .ss-input.ss-input-error { border-color: ${a.colorError}; }
 
     .ss-query-textarea {
       resize: vertical;
@@ -75,16 +75,16 @@
 
     .ss-error {
       font-size: 13px;
-      color: ${e.colorError};
+      color: ${a.colorError};
       margin-top: 4px;
     }
 
     .ss-global-error {
       font-size: 13px;
-      color: ${e.colorError};
-      background: ${e.colorError}11;
-      border: 1px solid ${e.colorError}33;
-      border-radius: calc(${e.borderRadius} - 2px);
+      color: ${a.colorError};
+      background: ${a.colorError}11;
+      border: 1px solid ${a.colorError}33;
+      border-radius: calc(${a.borderRadius} - 2px);
       padding: 10px 12px;
       margin-bottom: 16px;
       text-align: center;
@@ -92,10 +92,10 @@
 
     .ss-success-msg {
       font-size: 13px;
-      color: ${e.colorSuccess};
-      background: ${e.colorSuccess}11;
-      border: 1px solid ${e.colorSuccess}33;
-      border-radius: calc(${e.borderRadius} - 2px);
+      color: ${a.colorSuccess};
+      background: ${a.colorSuccess}11;
+      border: 1px solid ${a.colorSuccess}33;
+      border-radius: calc(${a.borderRadius} - 2px);
       padding: 10px 12px;
       margin-bottom: 16px;
       text-align: center;
@@ -104,14 +104,14 @@
     .ss-loading {
       text-align: center;
       padding: 24px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
       font-size: 14px;
     }
 
     .ss-empty {
       text-align: center;
       padding: 24px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
       font-size: 14px;
     }
 
@@ -124,7 +124,7 @@
       font-weight: 600;
       font-family: inherit;
       border: none;
-      border-radius: calc(${e.borderRadius} - 2px);
+      border-radius: calc(${a.borderRadius} - 2px);
       cursor: pointer;
       transition: background 0.15s, opacity 0.15s;
     }
@@ -132,23 +132,23 @@
     .ss-btn:disabled { opacity: 0.6; cursor: not-allowed; }
 
     .ss-btn-primary {
-      background: ${e.colorPrimary};
+      background: ${a.colorPrimary};
       color: #fff;
     }
 
-    .ss-btn-primary:hover:not(:disabled) { background: ${e.colorPrimaryHover}; }
+    .ss-btn-primary:hover:not(:disabled) { background: ${a.colorPrimaryHover}; }
 
     .ss-btn-danger {
-      background: ${e.colorError};
+      background: ${a.colorError};
       color: #fff;
     }
 
     .ss-btn-danger:hover:not(:disabled) { opacity: 0.9; }
 
     .ss-btn-current {
-      background: ${e.colorInputBackground};
-      color: ${e.colorTextSecondary};
-      border: 1px solid ${e.colorInputBorder};
+      background: ${a.colorInputBackground};
+      color: ${a.colorTextSecondary};
+      border: 1px solid ${a.colorInputBorder};
     }
 
     .ss-btn-sm {
@@ -169,13 +169,13 @@
       display: flex;
       align-items: center;
       gap: 8px;
-      background: ${e.colorInputBackground};
-      border: 1px solid ${e.colorInputBorder};
-      color: ${e.colorText};
+      background: ${a.colorInputBackground};
+      border: 1px solid ${a.colorInputBorder};
+      color: ${a.colorText};
       padding: 8px 12px;
       font-size: 14px;
       font-family: inherit;
-      border-radius: calc(${e.borderRadius} - 2px);
+      border-radius: calc(${a.borderRadius} - 2px);
       cursor: pointer;
       width: auto;
     }
@@ -192,16 +192,16 @@
       font-size: 14px;
       font-weight: 500;
       font-family: inherit;
-      border: 1px solid ${e.colorInputBorder};
-      border-radius: calc(${e.borderRadius} - 2px);
-      background: ${e.colorInputBackground};
-      color: ${e.colorText};
+      border: 1px solid ${a.colorInputBorder};
+      border-radius: calc(${a.borderRadius} - 2px);
+      background: ${a.colorInputBackground};
+      color: ${a.colorText};
       cursor: pointer;
       transition: background 0.15s;
       margin-bottom: 8px;
     }
 
-    .ss-btn-social:hover:not(:disabled) { background: ${e.colorInputBorder}; }
+    .ss-btn-social:hover:not(:disabled) { background: ${a.colorInputBorder}; }
     .ss-btn-social:disabled { opacity: 0.6; cursor: not-allowed; }
     .ss-btn-social svg { width: 18px; height: 18px; flex-shrink: 0; }
 
@@ -210,7 +210,7 @@
       align-items: center;
       gap: 12px;
       margin: 20px 0;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
       font-size: 13px;
     }
 
@@ -219,18 +219,18 @@
       content: '';
       flex: 1;
       height: 1px;
-      background: ${e.colorInputBorder};
+      background: ${a.colorInputBorder};
     }
 
     .ss-footer {
       text-align: center;
       margin-top: 20px;
       font-size: 14px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
     }
 
     .ss-link {
-      color: ${e.colorPrimary};
+      color: ${a.colorPrimary};
       text-decoration: none;
       cursor: pointer;
       font-weight: 500;
@@ -260,7 +260,7 @@
       width: 36px;
       height: 36px;
       border-radius: 50%;
-      background: ${e.colorPrimary};
+      background: ${a.colorPrimary};
       color: #fff;
       display: flex;
       align-items: center;
@@ -273,15 +273,15 @@
       transition: box-shadow 0.15s;
     }
 
-    .ss-avatar:hover { box-shadow: 0 0 0 3px ${e.colorPrimary}33; }
+    .ss-avatar:hover { box-shadow: 0 0 0 3px ${a.colorPrimary}33; }
 
     .ss-dropdown {
       position: absolute;
       top: calc(100% + 8px);
       right: 0;
-      background: ${e.colorBackground};
-      border: 1px solid ${e.colorInputBorder};
-      border-radius: ${e.borderRadius};
+      background: ${a.colorBackground};
+      border: 1px solid ${a.colorInputBorder};
+      border-radius: ${a.borderRadius};
       padding: 8px 0;
       min-width: 200px;
       box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
@@ -292,13 +292,13 @@
 
     .ss-dropdown-header {
       padding: 8px 16px 12px;
-      border-bottom: 1px solid ${e.colorInputBorder};
+      border-bottom: 1px solid ${a.colorInputBorder};
       margin-bottom: 4px;
     }
 
     .ss-dropdown-email {
       font-size: 13px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
       word-break: break-all;
     }
 
@@ -308,7 +308,7 @@
       padding: 8px 16px;
       font-size: 14px;
       font-family: inherit;
-      color: ${e.colorText};
+      color: ${a.colorText};
       background: none;
       border: none;
       text-align: left;
@@ -316,9 +316,9 @@
       transition: background 0.1s;
     }
 
-    .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-item:hover { background: ${a.colorInputBackground}; }
+    .ss-dropdown-item-danger { color: ${a.colorError}; }
+    .ss-dropdown-item-active { font-weight: 600; color: ${a.colorPrimary}; }
 
     .ss-dropdown-section-title {
       padding: 8px 16px 4px;
@@ -326,7 +326,7 @@
       font-weight: 600;
       text-transform: uppercase;
       letter-spacing: 0.5px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
     }
 
     .ss-org-check {
@@ -337,7 +337,7 @@
     .ss-danger-zone {
       padding-top: 20px;
       margin-top: 20px;
-      border-top: 2px solid ${e.colorError}33;
+      border-top: 2px solid ${a.colorError}33;
     }
 
     /* Badges */
@@ -350,21 +350,21 @@
       border-radius: 999px;
       text-transform: uppercase;
       letter-spacing: 0.3px;
-      background: ${e.colorInputBackground};
-      color: ${e.colorTextSecondary};
+      background: ${a.colorInputBackground};
+      color: ${a.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}; }
+    .ss-badge-active { background: ${a.colorSuccess}22; color: ${a.colorSuccess}; }
+    .ss-badge-trialing { background: ${a.colorPrimary}22; color: ${a.colorPrimary}; }
+    .ss-badge-past-due { background: ${a.colorError}22; color: ${a.colorError}; }
+    .ss-badge-paused { background: ${a.colorWarning}22; color: ${a.colorWarning}; }
+    .ss-badge-canceled { background: ${a.colorTextSecondary}22; color: ${a.colorTextSecondary}; }
 
     /* Tabs */
 
     .ss-tab-group {
       display: flex;
-      border-bottom: 1px solid ${e.colorInputBorder};
+      border-bottom: 1px solid ${a.colorInputBorder};
       margin-bottom: 24px;
     }
 
@@ -375,7 +375,7 @@
       font-size: 14px;
       font-weight: 500;
       font-family: inherit;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
       background: none;
       border: none;
       border-bottom: 2px solid transparent;
@@ -383,11 +383,11 @@
       transition: color 0.15s, border-color 0.15s;
     }
 
-    .ss-tab:hover { color: ${e.colorText}; }
+    .ss-tab:hover { color: ${a.colorText}; }
 
     .ss-tab-active {
-      color: ${e.colorPrimary};
-      border-bottom-color: ${e.colorPrimary};
+      color: ${a.colorPrimary};
+      border-bottom-color: ${a.colorPrimary};
     }
 
     .ss-tab-content .ss-card { box-shadow: none; border: none; padding: 0; }
@@ -406,30 +406,30 @@
       text-align: left;
       padding: 10px 12px;
       font-weight: 600;
-      color: ${e.colorTextSecondary};
-      border-bottom: 2px solid ${e.colorInputBorder};
+      color: ${a.colorTextSecondary};
+      border-bottom: 2px solid ${a.colorInputBorder};
       white-space: nowrap;
     }
 
     .ss-th-sortable { cursor: pointer; user-select: none; }
-    .ss-th-sortable:hover { color: ${e.colorText}; }
+    .ss-th-sortable:hover { color: ${a.colorText}; }
 
     .ss-sort-indicator { font-size: 10px; }
-    .ss-sorted-asc, .ss-sorted-desc { color: ${e.colorPrimary}; }
+    .ss-sorted-asc, .ss-sorted-desc { color: ${a.colorPrimary}; }
 
     .ss-td {
       padding: 10px 12px;
-      border-bottom: 1px solid ${e.colorInputBorder};
-      color: ${e.colorText};
+      border-bottom: 1px solid ${a.colorInputBorder};
+      color: ${a.colorText};
     }
 
-    .ss-tr:hover .ss-td { background: ${e.colorInputBackground}; }
+    .ss-tr:hover .ss-td { background: ${a.colorInputBackground}; }
 
     .ss-table-footer {
       text-align: center;
       padding: 8px;
       font-size: 12px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
     }
 
     /* Pricing */
@@ -441,15 +441,15 @@
     }
 
     .ss-pricing-card {
-      background: ${e.colorBackground};
-      border: 1px solid ${e.colorInputBorder};
-      border-radius: ${e.borderRadius};
+      background: ${a.colorBackground};
+      border: 1px solid ${a.colorInputBorder};
+      border-radius: ${a.borderRadius};
       padding: 24px;
       display: flex;
       flex-direction: column;
     }
 
-    .ss-pricing-card-current { border-color: ${e.colorPrimary}; }
+    .ss-pricing-card-current { border-color: ${a.colorPrimary}; }
 
     .ss-pricing-header {
       display: flex;
@@ -461,7 +461,7 @@
     .ss-pricing-name {
       font-size: 18px;
       font-weight: 600;
-      color: ${e.colorText};
+      color: ${a.colorText};
     }
 
     .ss-pricing-price { margin-bottom: 12px; }
@@ -469,17 +469,17 @@
     .ss-pricing-amount {
       font-size: 32px;
       font-weight: 700;
-      color: ${e.colorText};
+      color: ${a.colorText};
     }
 
     .ss-pricing-interval {
       font-size: 14px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
     }
 
     .ss-pricing-desc {
       font-size: 14px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
       margin-bottom: 16px;
     }
 
@@ -491,11 +491,11 @@
 
     .ss-pricing-feature {
       font-size: 14px;
-      color: ${e.colorText};
+      color: ${a.colorText};
       padding: 4px 0;
     }
 
-    .ss-check { color: ${e.colorSuccess}; margin-right: 6px; }
+    .ss-check { color: ${a.colorSuccess}; margin-right: 6px; }
 
     /* Usage / Progress */
 
@@ -510,30 +510,30 @@
     .ss-usage-metric {
       font-size: 14px;
       font-weight: 500;
-      color: ${e.colorText};
+      color: ${a.colorText};
     }
 
     .ss-usage-value {
       font-size: 14px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
     }
 
     .ss-progress-bar {
       width: 100%;
       height: 8px;
-      background: ${e.colorInputBackground};
+      background: ${a.colorInputBackground};
       border-radius: 4px;
       overflow: hidden;
     }
 
     .ss-progress-fill {
       height: 100%;
-      background: ${e.colorPrimary};
+      background: ${a.colorPrimary};
       border-radius: 4px;
       transition: width 0.3s;
     }
 
-    .ss-progress-danger { background: ${e.colorError}; }
+    .ss-progress-danger { background: ${a.colorError}; }
 
     /* Chart */
 
@@ -542,7 +542,7 @@
     .ss-chart-title {
       font-size: 16px;
       font-weight: 600;
-      color: ${e.colorText};
+      color: ${a.colorText};
       margin-bottom: 12px;
     }
 
@@ -555,16 +555,16 @@
     }
 
     .ss-widget {
-      background: ${e.colorBackground};
-      border: 1px solid ${e.colorInputBorder};
-      border-radius: ${e.borderRadius};
+      background: ${a.colorBackground};
+      border: 1px solid ${a.colorInputBorder};
+      border-radius: ${a.borderRadius};
       padding: 16px;
     }
 
     .ss-widget-header {
       font-size: 14px;
       font-weight: 600;
-      color: ${e.colorText};
+      color: ${a.colorText};
       margin-bottom: 12px;
     }
 
@@ -572,14 +572,14 @@
 
     .ss-saved-query-card {
       padding: 12px 16px;
-      border: 1px solid ${e.colorInputBorder};
-      border-radius: calc(${e.borderRadius} - 2px);
+      border: 1px solid ${a.colorInputBorder};
+      border-radius: calc(${a.borderRadius} - 2px);
       margin-bottom: 8px;
       cursor: pointer;
       transition: border-color 0.15s;
     }
 
-    .ss-saved-query-card:hover { border-color: ${e.colorPrimary}; }
+    .ss-saved-query-card:hover { border-color: ${a.colorPrimary}; }
 
     .ss-saved-query-header {
       display: flex;
@@ -591,12 +591,12 @@
     .ss-saved-query-name {
       font-size: 14px;
       font-weight: 600;
-      color: ${e.colorText};
+      color: ${a.colorText};
     }
 
     .ss-saved-query-desc {
       font-size: 13px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
       margin-bottom: 8px;
     }
 
@@ -608,7 +608,7 @@
 
     .ss-saved-query-date {
       font-size: 12px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
     }
 
     /* Modal Overlay */
@@ -633,15 +633,15 @@
     }
 
     .ss-modal {
-      background: ${e.colorBackground};
-      border-radius: ${e.borderRadius};
+      background: ${a.colorBackground};
+      border-radius: ${a.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 ${e.colorInputBorder};
+      border: 1px solid ${a.colorInputBorder};
       animation: ss-scale-in 0.15s ease-out;
     }
 
@@ -660,14 +660,14 @@
     .ss-modal-title {
       font-size: 18px;
       font-weight: 700;
-      color: ${e.colorText};
+      color: ${a.colorText};
     }
 
     .ss-modal-close {
       background: none;
       border: none;
       font-size: 20px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
       cursor: pointer;
       padding: 4px;
       line-height: 1;
@@ -677,20 +677,20 @@
     }
 
     .ss-modal-close:hover {
-      background: ${e.colorInputBackground};
-      color: ${e.colorText};
+      background: ${a.colorInputBackground};
+      color: ${a.colorText};
     }
 
     .ss-modal-section {
       padding-top: 20px;
       margin-top: 20px;
-      border-top: 1px solid ${e.colorInputBorder};
+      border-top: 1px solid ${a.colorInputBorder};
     }
 
     .ss-modal-section-title {
       font-size: 15px;
       font-weight: 600;
-      color: ${e.colorText};
+      color: ${a.colorText};
       margin-bottom: 16px;
     }
 
@@ -698,7 +698,7 @@
       width: 64px;
       height: 64px;
       border-radius: 50%;
-      background: ${e.colorPrimary};
+      background: ${a.colorPrimary};
       color: #fff;
       display: flex;
       align-items: center;
@@ -748,7 +748,7 @@
     }
 
     .ss-avatar-canvas {
-      border-radius: ${e.borderRadius};
+      border-radius: ${a.borderRadius};
       background: #111;
       touch-action: none;
       max-width: 100%;
@@ -763,7 +763,7 @@
 
     .ss-avatar-zoom-label {
       font-size: 13px;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
       flex-shrink: 0;
     }
 
@@ -772,7 +772,7 @@
       height: 4px;
       -webkit-appearance: none;
       appearance: none;
-      background: ${e.colorInputBorder};
+      background: ${a.colorInputBorder};
       border-radius: 2px;
       outline: none;
     }
@@ -782,7 +782,7 @@
       width: 16px;
       height: 16px;
       border-radius: 50%;
-      background: ${e.colorPrimary};
+      background: ${a.colorPrimary};
       cursor: pointer;
     }
 
@@ -790,20 +790,20 @@
       width: 16px;
       height: 16px;
       border-radius: 50%;
-      background: ${e.colorPrimary};
+      background: ${a.colorPrimary};
       cursor: pointer;
       border: none;
     }
 
     /* Dropzone */
     .ss-avatar-dropzone {
-      border: 2px dashed ${e.colorInputBorder};
-      border-radius: ${e.borderRadius};
+      border: 2px dashed ${a.colorInputBorder};
+      border-radius: ${a.borderRadius};
       padding: 40px 24px;
       text-align: center;
       cursor: pointer;
       transition: border-color 0.15s, background 0.15s;
-      color: ${e.colorTextSecondary};
+      color: ${a.colorTextSecondary};
       display: flex;
       flex-direction: column;
       align-items: center;
@@ -812,8 +812,8 @@
 
     .ss-avatar-dropzone:hover,
     .ss-avatar-dropzone-active {
-      border-color: ${e.colorPrimary};
-      background: ${e.colorPrimary}08;
+      border-color: ${a.colorPrimary};
+      background: ${a.colorPrimary}08;
     }
 
     .ss-avatar-dropzone svg {
@@ -829,7 +829,7 @@
 
     .ss-dropdown-divider {
       height: 1px;
-      background: ${e.colorInputBorder};
+      background: ${a.colorInputBorder};
       margin: 4px 0;
     }
 
@@ -874,12 +874,11 @@
 
     /* Auth Card */
     .ss-auth-card {
-      background: ${e.authSurfaceContainerLowest};
+      background: ${a.authSurfaceContainerLowest};
       border-radius: 12px;
-      border: 1px solid ${e.authOutlineVariant}26;
+      border: 1px solid ${a.authOutlineVariant}26;
       box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
-      width: 100%;
-      max-width: 520px;
+      width: min(520px, 90vw);
       overflow: hidden;
     }
 
@@ -900,12 +899,12 @@
       width: 48px;
       height: 48px;
       border-radius: 12px;
-      background: ${e.authPrimary}1a;
+      background: ${a.authPrimary}1a;
       margin-bottom: 16px;
     }
 
     .ss-auth-brand-icon .material-symbols-outlined {
-      color: ${e.authPrimary};
+      color: ${a.authPrimary};
       font-size: 28px;
     }
 
@@ -916,23 +915,23 @@
       width: 48px;
       height: 48px;
       border-radius: 12px;
-      background: linear-gradient(135deg, ${e.authPrimary}, ${e.authPrimaryContainer});
-      box-shadow: 0 8px 24px ${e.authPrimary}33;
+      background: linear-gradient(135deg, ${a.authPrimary}, ${a.authPrimaryContainer});
+      box-shadow: 0 8px 24px ${a.authPrimary}33;
       margin-bottom: 16px;
     }
 
     .ss-auth-brand-icon-gradient .material-symbols-outlined {
-      color: ${e.authOnPrimary};
+      color: ${a.authOnPrimary};
       font-size: 24px;
     }
 
     /* Auth Typography */
     .ss-auth-title {
-      font-family: ${e.authFontHeadline};
+      font-family: ${a.authFontHeadline};
       font-size: 24px;
       font-weight: 800;
       letter-spacing: -0.02em;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
       margin: 0;
       line-height: 1.2;
     }
@@ -940,20 +939,20 @@
     .ss-auth-title-lg { font-size: 28px; }
 
     .ss-auth-subtitle {
-      font-family: ${e.authFontBody};
+      font-family: ${a.authFontBody};
       font-size: 14px;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       margin-top: 8px;
     }
 
     .ss-auth-label {
       display: block;
-      font-family: ${e.authFontHeadline};
+      font-family: ${a.authFontHeadline};
       font-size: 11px;
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 0.1em;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       margin-bottom: 6px;
       padding-left: 2px;
     }
@@ -963,29 +962,29 @@
       width: 100%;
       padding: 12px 16px;
       font-size: 14px;
-      font-family: ${e.authFontBody};
-      background: ${e.authSurfaceContainerLow};
+      font-family: ${a.authFontBody};
+      background: ${a.authSurfaceContainerLow};
       border: none;
       border-radius: 8px;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
       outline: none;
-      box-shadow: 0 0 0 1px ${e.authOutlineVariant}4d;
+      box-shadow: 0 0 0 1px ${a.authOutlineVariant}4d;
       transition: box-shadow 0.15s, background 0.15s;
     }
 
-    .ss-auth-input::placeholder { color: ${e.authOnSurfaceVariant}80; }
+    .ss-auth-input::placeholder { color: ${a.authOnSurfaceVariant}80; }
 
     .ss-auth-input:focus {
-      box-shadow: 0 0 0 2px ${e.authPrimary};
+      box-shadow: 0 0 0 2px ${a.authPrimary};
     }
 
     .ss-auth-input-error {
-      box-shadow: 0 0 0 1px ${e.authError};
+      box-shadow: 0 0 0 1px ${a.authError};
     }
 
     .ss-auth-input-readonly {
-      background: ${e.authSurfaceContainer}80;
-      color: ${e.authOnSurfaceVariant};
+      background: ${a.authSurfaceContainer}80;
+      color: ${a.authOnSurfaceVariant};
       cursor: not-allowed;
     }
 
@@ -1004,7 +1003,7 @@
       left: 12px;
       top: 50%;
       transform: translateY(-50%);
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       font-size: 18px;
     }
 
@@ -1015,14 +1014,14 @@
       transform: translateY(-50%);
       background: none;
       border: none;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       cursor: pointer;
       padding: 0;
       display: flex;
       font-size: 20px;
     }
 
-    .ss-auth-visibility-toggle:hover { color: ${e.authOnSurface}; }
+    .ss-auth-visibility-toggle:hover { color: ${a.authOnSurface}; }
 
     /* Auth Buttons */
     .ss-auth-btn-primary {
@@ -1030,13 +1029,13 @@
       padding: 14px 24px;
       font-size: 14px;
       font-weight: 700;
-      font-family: ${e.authFontHeadline};
-      color: ${e.authOnPrimary};
-      background: linear-gradient(135deg, ${e.authPrimary}, ${e.authPrimaryContainer});
+      font-family: ${a.authFontHeadline};
+      color: ${a.authOnPrimary};
+      background: linear-gradient(135deg, ${a.authPrimary}, ${a.authPrimaryContainer});
       border: none;
       border-radius: 8px;
       cursor: pointer;
-      box-shadow: 0 4px 16px ${e.authPrimary}33;
+      box-shadow: 0 4px 16px ${a.authPrimary}33;
       transition: box-shadow 0.2s, transform 0.1s, opacity 0.15s;
       display: flex;
       align-items: center;
@@ -1045,7 +1044,7 @@
     }
 
     .ss-auth-btn-primary:hover:not(:disabled) {
-      box-shadow: 0 6px 24px ${e.authPrimary}4d;
+      box-shadow: 0 6px 24px ${a.authPrimary}4d;
       transform: translateY(-1px);
     }
 
@@ -1061,8 +1060,8 @@
       padding: 10px 24px;
       font-size: 14px;
       font-weight: 700;
-      font-family: ${e.authFontHeadline};
-      color: ${e.authOnSurfaceVariant};
+      font-family: ${a.authFontHeadline};
+      color: ${a.authOnSurfaceVariant};
       background: transparent;
       border: none;
       border-radius: 8px;
@@ -1070,14 +1069,14 @@
       transition: background 0.15s, color 0.15s;
     }
 
-    .ss-auth-btn-ghost:hover { background: ${e.authSurfaceContainer}; color: ${e.authOnSurface}; }
+    .ss-auth-btn-ghost:hover { background: ${a.authSurfaceContainer}; color: ${a.authOnSurface}; }
 
     .ss-auth-btn-danger {
       padding: 10px 24px;
       font-size: 14px;
       font-weight: 700;
-      font-family: ${e.authFontHeadline};
-      color: ${e.authError};
+      font-family: ${a.authFontHeadline};
+      color: ${a.authError};
       background: transparent;
       border: none;
       border-radius: 8px;
@@ -1089,22 +1088,22 @@
       width: 100%;
     }
 
-    .ss-auth-btn-danger:hover { background: ${e.authErrorContainer}33; }
+    .ss-auth-btn-danger:hover { background: ${a.authErrorContainer}33; }
 
     .ss-auth-btn-outline {
       padding: 10px 24px;
       font-size: 14px;
       font-weight: 700;
-      font-family: ${e.authFontHeadline};
-      color: ${e.authOnSurfaceVariant};
+      font-family: ${a.authFontHeadline};
+      color: ${a.authOnSurfaceVariant};
       background: transparent;
-      border: 1px solid ${e.authOutlineVariant}4d;
+      border: 1px solid ${a.authOutlineVariant}4d;
       border-radius: 8px;
       cursor: pointer;
       transition: background 0.15s, color 0.15s;
     }
 
-    .ss-auth-btn-outline:hover { background: ${e.authSurfaceContainer}; color: ${e.authOnSurface}; }
+    .ss-auth-btn-outline:hover { background: ${a.authSurfaceContainer}; color: ${a.authOnSurface}; }
 
     .ss-auth-btn-social {
       display: flex;
@@ -1114,19 +1113,19 @@
       padding: 10px 16px;
       font-size: 14px;
       font-weight: 600;
-      font-family: ${e.authFontBody};
-      color: ${e.authOnSurface};
-      background: ${e.authSurfaceContainerLow};
-      border: 1px solid ${e.authOutlineVariant}1a;
+      font-family: ${a.authFontBody};
+      color: ${a.authOnSurface};
+      background: ${a.authSurfaceContainerLow};
+      border: 1px solid ${a.authOutlineVariant}1a;
       border-radius: 8px;
       cursor: pointer;
       transition: background 0.15s;
     }
 
-    .ss-auth-btn-social:hover { background: ${e.authSurfaceContainerHigh}; }
+    .ss-auth-btn-social:hover { background: ${a.authSurfaceContainerHigh}; }
     .ss-auth-btn-social:disabled { opacity: 0.6; cursor: not-allowed; }
     .ss-auth-btn-social svg { width: 20px; height: 20px; flex-shrink: 0; }
-    .ss-auth-btn-social svg path[fill="currentColor"] { fill: ${e.authOnSurface}; }
+    .ss-auth-btn-social svg path[fill="currentColor"] { fill: ${a.authOnSurface}; }
 
     .ss-auth-btn-sm {
       width: auto;
@@ -1141,6 +1140,9 @@
       gap: 12px;
       margin-bottom: 24px;
     }
+    .ss-auth-oauth-grid > :only-child {
+      grid-column: 1 / -1;
+    }
 
     /* Auth Divider */
     .ss-auth-divider {
@@ -1152,7 +1154,7 @@
       font-weight: 600;
       text-transform: uppercase;
       letter-spacing: 0.05em;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
     }
 
     .ss-auth-divider::before,
@@ -1160,21 +1162,21 @@
       content: '';
       flex: 1;
       height: 1px;
-      background: ${e.authOutlineVariant}33;
+      background: ${a.authOutlineVariant}33;
     }
 
     /* Auth Error Message */
     .ss-auth-error {
       padding: 12px;
-      background: ${e.authError}1a;
-      border: 1px solid ${e.authError}33;
+      background: ${a.authError}1a;
+      border: 1px solid ${a.authError}33;
       border-radius: 8px;
       margin-bottom: 16px;
       display: flex;
       align-items: flex-start;
       gap: 8px;
       font-size: 13px;
-      color: ${e.authError};
+      color: ${a.authError};
     }
 
     .ss-auth-error .material-symbols-outlined { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
@@ -1192,23 +1194,23 @@
       text-align: center;
       font-size: 20px;
       font-weight: 700;
-      font-family: ${e.authFontBody};
-      background: ${e.authSurfaceContainerHigh};
+      font-family: ${a.authFontBody};
+      background: ${a.authSurfaceContainerHigh};
       border: none;
       border-radius: 8px;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
       outline: none;
-      box-shadow: 0 0 0 1px ${e.authOutlineVariant}1a;
+      box-shadow: 0 0 0 1px ${a.authOutlineVariant}1a;
       transition: box-shadow 0.15s;
     }
 
     .ss-auth-mfa-digit:focus {
-      box-shadow: 0 0 0 2px ${e.authPrimary};
+      box-shadow: 0 0 0 2px ${a.authPrimary};
     }
 
     .ss-auth-mfa-hint {
       font-size: 11px;
-      color: ${e.authOnSurfaceVariant}99;
+      color: ${a.authOnSurfaceVariant}99;
       text-align: center;
       margin-top: 12px;
     }
@@ -1225,7 +1227,7 @@
       content: '';
       flex: 1;
       height: 1px;
-      background: ${e.authOutlineVariant}33;
+      background: ${a.authOutlineVariant}33;
     }
 
     .ss-auth-mfa-divider span {
@@ -1233,7 +1235,7 @@
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 0.2em;
-      color: ${e.authOutline};
+      color: ${a.authOutline};
     }
 
     /* Footer Link */
@@ -1241,13 +1243,13 @@
       text-align: center;
       margin-top: 32px;
       font-size: 14px;
-      color: ${e.authOnSurfaceVariant};
-      font-family: ${e.authFontBody};
+      color: ${a.authOnSurfaceVariant};
+      font-family: ${a.authFontBody};
     }
 
     .ss-auth-footer a,
     .ss-auth-link {
-      color: ${e.authPrimary};
+      color: ${a.authPrimary};
       text-decoration: none;
       font-weight: 600;
       cursor: pointer;
@@ -1256,14 +1258,30 @@
     .ss-auth-footer a:hover,
     .ss-auth-link:hover { text-decoration: underline; }
 
+    .ss-auth-legal-links {
+      text-align: center;
+      margin-top: 24px;
+      font-size: 12px;
+      color: ${a.authOnSurfaceVariant};
+      font-family: ${a.authFontBody};
+    }
+    .ss-auth-legal-links a {
+      color: ${a.authOnSurfaceVariant};
+      text-decoration: none;
+    }
+    .ss-auth-legal-links a:hover {
+      text-decoration: underline;
+      color: ${a.authPrimary};
+    }
+
     /* Glass Panel (dropdown) */
     .ss-auth-glass-panel {
       backdrop-filter: blur(20px);
       -webkit-backdrop-filter: blur(20px);
-      background: ${e.authSurfaceContainerLowest}e6;
+      background: ${a.authSurfaceContainerLowest}e6;
       border-radius: 12px;
       box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
-      border: 1px solid ${e.authOutlineVariant}1a;
+      border: 1px solid ${a.authOutlineVariant}1a;
       overflow: hidden;
     }
 
@@ -1274,17 +1292,17 @@
       gap: 8px;
       padding: 4px 12px 4px 4px;
       border-radius: 999px;
-      border: 1px solid ${e.authOutlineVariant}33;
-      background: ${e.authSurfaceContainerLow};
+      border: 1px solid ${a.authOutlineVariant}33;
+      background: ${a.authSurfaceContainerLow};
       cursor: pointer;
       transition: background 0.15s, box-shadow 0.15s;
-      font-family: ${e.authFontBody};
+      font-family: ${a.authFontBody};
       max-width: 200px;
     }
 
     .ss-auth-user-trigger:hover {
-      background: ${e.authSurfaceContainer};
-      box-shadow: 0 0 0 2px ${e.authPrimary}33;
+      background: ${a.authSurfaceContainer};
+      box-shadow: 0 0 0 2px ${a.authPrimary}33;
     }
 
     .ss-auth-user-trigger:active { transform: scale(0.98); }
@@ -1292,7 +1310,7 @@
     .ss-auth-trigger-org-name {
       font-size: 13px;
       font-weight: 600;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
       max-width: 140px;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -1305,7 +1323,7 @@
       width: 40px;
       height: 40px;
       border-radius: 50%;
-      border: 2px solid ${e.authPrimary};
+      border: 2px solid ${a.authPrimary};
       overflow: visible;
       transition: transform 0.15s, box-shadow 0.15s;
       padding: 0;
@@ -1326,7 +1344,7 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      background: ${e.authError||"#ef4444"};
+      background: ${a.authError||"#ef4444"};
       color: #fff;
       padding: 0 4px;
       line-height: 1;
@@ -1346,7 +1364,7 @@
       height: 128px;
       border-radius: 16px;
       overflow: hidden;
-      border: 4px solid ${e.authSurfaceContainer};
+      border: 4px solid ${a.authSurfaceContainer};
       box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
       position: relative;
       cursor: pointer;
@@ -1365,7 +1383,7 @@
     .ss-auth-avatar-overlay {
       position: absolute;
       inset: 0;
-      background: ${e.authPrimary}99;
+      background: ${a.authPrimary}99;
       display: flex;
       flex-direction: column;
       align-items: center;
@@ -1389,21 +1407,21 @@
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 0.15em;
-      font-family: ${e.authFontHeadline};
+      font-family: ${a.authFontHeadline};
     }
 
     /* Auth Sections */
     .ss-auth-section {
       padding-top: 32px;
       margin-top: 32px;
-      border-top: 1px solid ${e.authOutlineVariant}1a;
+      border-top: 1px solid ${a.authOutlineVariant}1a;
     }
 
     .ss-auth-section-title {
-      font-family: ${e.authFontHeadline};
+      font-family: ${a.authFontHeadline};
       font-size: 16px;
       font-weight: 700;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
       letter-spacing: -0.01em;
       display: flex;
       align-items: center;
@@ -1411,13 +1429,13 @@
     }
 
     .ss-auth-section-title .material-symbols-outlined {
-      color: ${e.authPrimary};
+      color: ${a.authPrimary};
       font-size: 20px;
     }
 
     .ss-auth-section-desc {
       font-size: 12px;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       margin-top: 4px;
     }
 
@@ -1426,14 +1444,14 @@
       font-weight: 800;
       text-transform: uppercase;
       letter-spacing: 0.15em;
-      color: ${e.authOnSurfaceVariant}99;
+      color: ${a.authOnSurfaceVariant}99;
       padding: 8px 16px 4px;
     }
 
     /* Sign Out Section */
     .ss-auth-signout-section {
-      background: ${e.authError}0d;
-      border-top: 1px solid ${e.authOutlineVariant}1a;
+      background: ${a.authError}0d;
+      border-top: 1px solid ${a.authOutlineVariant}1a;
       padding: 8px;
     }
 
@@ -1449,25 +1467,25 @@
       background: none;
       border: none;
       width: 100%;
-      font-family: ${e.authFontBody};
+      font-family: ${a.authFontBody};
       font-size: 14px;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       text-align: left;
     }
 
     .ss-auth-org-item:hover {
-      background: ${e.authSurfaceContainerLow};
-      color: ${e.authOnSurface};
+      background: ${a.authSurfaceContainerLow};
+      color: ${a.authOnSurface};
     }
 
     .ss-auth-org-item-active {
-      background: ${e.authPrimaryFixed}4d;
-      color: ${e.authPrimary};
+      background: ${a.authPrimaryFixed}4d;
+      color: ${a.authPrimary};
       font-weight: 600;
     }
 
     .ss-auth-org-item-active:hover {
-      background: ${e.authPrimaryFixed}4d;
+      background: ${a.authPrimaryFixed}4d;
     }
 
     .ss-auth-org-item-inner {
@@ -1480,8 +1498,8 @@
       width: 32px;
       height: 32px;
       border-radius: 6px;
-      background: linear-gradient(135deg, ${e.authPrimary}, ${e.authPrimaryContainer});
-      color: ${e.authOnPrimary};
+      background: linear-gradient(135deg, ${a.authPrimary}, ${a.authPrimaryContainer});
+      color: ${a.authOnPrimary};
       display: flex;
       align-items: center;
       justify-content: center;
@@ -1491,12 +1509,12 @@
     }
 
     .ss-auth-org-avatar-inactive {
-      background: ${e.authSurfaceContainerHigh};
-      color: ${e.authOnSurfaceVariant};
+      background: ${a.authSurfaceContainerHigh};
+      color: ${a.authOnSurfaceVariant};
     }
 
     .ss-auth-org-check {
-      color: ${e.authPrimary};
+      color: ${a.authPrimary};
       font-variation-settings: 'FILL' 1;
     }
 
@@ -1509,13 +1527,13 @@
       letter-spacing: 0.05em;
       padding: 2px 8px;
       border-radius: 999px;
-      background: ${e.authPrimary}1a;
-      color: ${e.authPrimary};
-      border: 1px solid ${e.authPrimary}33;
+      background: ${a.authPrimary}1a;
+      color: ${a.authPrimary};
+      border: 1px solid ${a.authPrimary}33;
       margin-left: auto;
       white-space: nowrap;
       flex-shrink: 0;
-      font-family: ${e.authFontBody};
+      font-family: ${a.authFontBody};
     }
 
     /* Modal Overlay */
@@ -1542,7 +1560,7 @@
     }
 
     .ss-auth-modal {
-      background: ${e.authSurfaceContainer};
+      background: ${a.authSurfaceContainer};
       border-radius: 12px;
       width: 100%;
       max-width: 560px;
@@ -1562,22 +1580,22 @@
       align-items: center;
       justify-content: space-between;
       padding: 24px 32px;
-      background: ${e.authSurfaceContainerHigh}80;
+      background: ${a.authSurfaceContainerHigh}80;
     }
 
     .ss-auth-modal-header h2 {
-      font-family: ${e.authFontHeadline};
+      font-family: ${a.authFontHeadline};
       font-size: 20px;
       font-weight: 700;
       letter-spacing: -0.02em;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
       margin: 0;
     }
 
     .ss-auth-modal-close {
       background: none;
       border: none;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       cursor: pointer;
       padding: 4px;
       border-radius: 50%;
@@ -1585,7 +1603,7 @@
       display: flex;
     }
 
-    .ss-auth-modal-close:hover { color: ${e.authOnSurface}; background: ${e.authSurfaceContainerHigh}; }
+    .ss-auth-modal-close:hover { color: ${a.authOnSurface}; background: ${a.authSurfaceContainerHigh}; }
 
     .ss-auth-modal-body { padding: 32px; }
 
@@ -1595,7 +1613,7 @@
       justify-content: flex-end;
       gap: 12px;
       padding: 16px 32px;
-      border-top: 1px solid ${e.authOutlineVariant}4d;
+      border-top: 1px solid ${a.authOutlineVariant}4d;
     }
 
     /* Profile Header (gradient bg) */
@@ -1606,24 +1624,24 @@
       flex-direction: row;
       align-items: center;
       gap: 32px;
-      border-bottom: 1px solid ${e.authOutlineVariant}1a;
-      background: linear-gradient(135deg, ${e.authSurfaceContainerHigh}, ${e.authSurface});
+      border-bottom: 1px solid ${a.authOutlineVariant}1a;
+      background: linear-gradient(135deg, ${a.authSurfaceContainerHigh}, ${a.authSurface});
     }
 
     .ss-auth-profile-info { flex: 1; }
 
     .ss-auth-profile-name {
-      font-family: ${e.authFontHeadline};
+      font-family: ${a.authFontHeadline};
       font-size: 22px;
       font-weight: 800;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
       letter-spacing: -0.02em;
       margin: 0;
     }
 
     .ss-auth-profile-desc {
       font-size: 13px;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       margin-top: 4px;
       line-height: 1.5;
     }
@@ -1639,17 +1657,17 @@
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 0.1em;
-      background: ${e.authPrimary}33;
-      color: ${e.authPrimary};
-      border: 1px solid ${e.authPrimary}4d;
+      background: ${a.authPrimary}33;
+      color: ${a.authPrimary};
+      border: 1px solid ${a.authPrimary}4d;
       margin-left: 8px;
       vertical-align: middle;
     }
 
     .ss-auth-badge-success {
-      background: ${e.authSuccess}1a;
-      color: ${e.authSuccess};
-      border-color: ${e.authSuccess}4d;
+      background: ${a.authSuccess}1a;
+      color: ${a.authSuccess};
+      border-color: ${a.authSuccess}4d;
     }
 
     /* Profile Grid */
@@ -1670,21 +1688,21 @@
 
     /* Info Box */
     .ss-auth-info-box {
-      background: ${e.authSurfaceContainerLowest}66;
+      background: ${a.authSurfaceContainerLowest}66;
       border-radius: 8px;
       padding: 12px 16px;
-      border: 1px solid ${e.authOutlineVariant}33;
+      border: 1px solid ${a.authOutlineVariant}33;
       display: flex;
       align-items: flex-start;
       gap: 12px;
       font-size: 11px;
       line-height: 1.6;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
     }
 
     .ss-auth-info-box .material-symbols-outlined {
       font-size: 16px;
-      color: ${e.authPrimary};
+      color: ${a.authPrimary};
       flex-shrink: 0;
       margin-top: 1px;
     }
@@ -1699,7 +1717,7 @@
 
     /* Dropzone */
     .ss-auth-dropzone {
-      border: 2px dashed ${e.authOutlineVariant};
+      border: 2px dashed ${a.authOutlineVariant};
       border-radius: 12px;
       padding: 32px 24px;
       text-align: center;
@@ -1715,15 +1733,15 @@
 
     .ss-auth-dropzone:hover,
     .ss-auth-dropzone-active {
-      border-color: ${e.authPrimary};
-      background: ${e.authSurfaceContainerLow};
+      border-color: ${a.authPrimary};
+      background: ${a.authSurfaceContainerLow};
     }
 
     .ss-auth-dropzone-icon {
       width: 48px;
       height: 48px;
       border-radius: 50%;
-      background: ${e.authPrimaryContainer}33;
+      background: ${a.authPrimaryContainer}33;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -1734,20 +1752,20 @@
     .ss-auth-dropzone:hover .ss-auth-dropzone-icon { transform: scale(1.1); }
 
     .ss-auth-dropzone-icon .material-symbols-outlined {
-      color: ${e.authPrimary};
+      color: ${a.authPrimary};
       font-size: 24px;
     }
 
     .ss-auth-dropzone-title {
-      font-family: ${e.authFontHeadline};
+      font-family: ${a.authFontHeadline};
       font-size: 14px;
       font-weight: 700;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
     }
 
     .ss-auth-dropzone-desc {
       font-size: 12px;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       line-height: 1.5;
     }
 
@@ -1756,8 +1774,8 @@
       padding: 8px 16px;
       font-size: 12px;
       font-weight: 600;
-      background: ${e.authSurfaceContainerHighest};
-      color: ${e.authOnSurfaceVariant};
+      background: ${a.authSurfaceContainerHighest};
+      color: ${a.authOnSurfaceVariant};
       border: none;
       border-radius: 8px;
       cursor: pointer;
@@ -1765,8 +1783,8 @@
     }
 
     .ss-auth-dropzone-btn:hover {
-      background: ${e.authPrimary};
-      color: ${e.authOnPrimary};
+      background: ${a.authPrimary};
+      color: ${a.authOnPrimary};
     }
 
     /* Zoom Controls */
@@ -1775,12 +1793,12 @@
       align-items: center;
       gap: 16px;
       padding: 16px;
-      background: ${e.authSurfaceContainer};
+      background: ${a.authSurfaceContainer};
       border-radius: 8px;
     }
 
     .ss-auth-zoom-control .material-symbols-outlined {
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       font-size: 20px;
     }
 
@@ -1789,7 +1807,7 @@
       height: 6px;
       -webkit-appearance: none;
       appearance: none;
-      background: ${e.authOutlineVariant}4d;
+      background: ${a.authOutlineVariant}4d;
       border-radius: 3px;
       outline: none;
     }
@@ -1799,9 +1817,9 @@
       width: 18px;
       height: 18px;
       border-radius: 50%;
-      background: ${e.authPrimary};
+      background: ${a.authPrimary};
       cursor: pointer;
-      border: 2px solid ${e.authSurfaceContainerLowest};
+      border: 2px solid ${a.authSurfaceContainerLowest};
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
     }
 
@@ -1809,9 +1827,9 @@
       width: 18px;
       height: 18px;
       border-radius: 50%;
-      background: ${e.authPrimary};
+      background: ${a.authPrimary};
       cursor: pointer;
-      border: 2px solid ${e.authSurfaceContainerLowest};
+      border: 2px solid ${a.authSurfaceContainerLowest};
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
     }
 
@@ -1820,7 +1838,7 @@
       width: 320px;
       max-width: 100%;
       aspect-ratio: 1;
-      background: ${e.authSurfaceContainerLowest};
+      background: ${a.authSurfaceContainerLowest};
       border-radius: 8px;
       overflow: hidden;
       position: relative;
@@ -1831,14 +1849,14 @@
       position: absolute;
       bottom: 12px;
       left: 12px;
-      background: ${e.authSurfaceContainerHighest}cc;
+      background: ${a.authSurfaceContainerHighest}cc;
       backdrop-filter: blur(8px);
       padding: 4px 12px;
       border-radius: 999px;
-      border: 1px solid ${e.authOutlineVariant}4d;
+      border: 1px solid ${a.authOutlineVariant}4d;
       font-size: 11px;
       font-weight: 600;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
     }
 
     /* Dropdown for UserButton / OrgSwitcher */
@@ -1857,15 +1875,15 @@
       display: flex;
       align-items: center;
       gap: 16px;
-      border-bottom: 1px solid ${e.authOutlineVariant}1a;
-      background: ${e.authSurfaceContainerLow}80;
+      border-bottom: 1px solid ${a.authOutlineVariant}1a;
+      background: ${a.authSurfaceContainerLow}80;
     }
 
     .ss-auth-dropdown-avatar {
       width: 48px;
       height: 48px;
       border-radius: 50%;
-      border: 2px solid ${e.authPrimaryContainer};
+      border: 2px solid ${a.authPrimaryContainer};
       overflow: hidden;
       flex-shrink: 0;
     }
@@ -1877,16 +1895,16 @@
     }
 
     .ss-auth-dropdown-name {
-      font-family: ${e.authFontHeadline};
+      font-family: ${a.authFontHeadline};
       font-size: 14px;
       font-weight: 800;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
       letter-spacing: -0.01em;
     }
 
     .ss-auth-dropdown-email {
       font-size: 13px;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
     }
 
     .ss-auth-dropdown-action {
@@ -1900,18 +1918,18 @@
       background: none;
       border: none;
       width: 100%;
-      font-family: ${e.authFontBody};
+      font-family: ${a.authFontBody};
       font-size: 14px;
       font-weight: 600;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
       text-align: left;
       text-decoration: none;
     }
 
-    .ss-auth-dropdown-action:hover { background: ${e.authSurfaceContainer}; }
+    .ss-auth-dropdown-action:hover { background: ${a.authSurfaceContainer}; }
 
     .ss-auth-dropdown-action .material-symbols-outlined {
-      color: ${e.authPrimary};
+      color: ${a.authPrimary};
       font-size: 20px;
       transition: transform 0.15s;
     }
@@ -1924,17 +1942,17 @@
       align-items: center;
       justify-content: space-between;
       padding: 12px 16px;
-      background: ${e.authSurfaceContainerLowest};
+      background: ${a.authSurfaceContainerLowest};
       border: 1px solid transparent;
       border-radius: 8px;
       cursor: pointer;
       transition: border-color 0.15s, box-shadow 0.15s;
       width: 100%;
-      font-family: ${e.authFontBody};
+      font-family: ${a.authFontBody};
     }
 
     .ss-auth-org-trigger:hover {
-      border-color: ${e.authOutlineVariant}4d;
+      border-color: ${a.authOutlineVariant}4d;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
     }
 
@@ -1947,29 +1965,29 @@
     .ss-auth-org-trigger-label {
       font-size: 11px;
       font-weight: 700;
-      color: ${e.authPrimary};
+      color: ${a.authPrimary};
       text-transform: uppercase;
       letter-spacing: 0.05em;
       margin-bottom: 2px;
     }
 
     .ss-auth-org-trigger-name {
-      font-family: ${e.authFontHeadline};
+      font-family: ${a.authFontHeadline};
       font-size: 14px;
       font-weight: 700;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
     }
 
     .ss-auth-org-trigger .material-symbols-outlined {
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       transition: color 0.15s;
     }
 
-    .ss-auth-org-trigger:hover .material-symbols-outlined { color: ${e.authPrimary}; }
+    .ss-auth-org-trigger:hover .material-symbols-outlined { color: ${a.authPrimary}; }
 
     /* OrgSwitcher Create Section */
     .ss-auth-org-create {
-      background: ${e.authSurfaceContainerLow}80;
+      background: ${a.authSurfaceContainerLow}80;
       padding: 16px;
     }
 
@@ -1982,11 +2000,11 @@
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 0.05em;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
     }
 
     .ss-auth-org-create-header .material-symbols-outlined {
-      color: ${e.authPrimary};
+      color: ${a.authPrimary};
       font-size: 16px;
     }
 
@@ -2001,14 +2019,14 @@
       top: 50%;
       transform: translateY(-50%);
       font-size: 12px;
-      color: ${e.authOutline};
+      color: ${a.authOutline};
       font-weight: 500;
     }
 
     /* Inline Create (UserButton dropdown) */
     .ss-auth-inline-create {
       padding: 12px 16px;
-      border-top: 1px solid ${e.authOutlineVariant}1a;
+      border-top: 1px solid ${a.authOutlineVariant}1a;
     }
 
     .ss-auth-inline-create-input {
@@ -2027,7 +2045,7 @@
       transform: translateY(-50%);
       background: none;
       border: none;
-      color: ${e.authPrimary};
+      color: ${a.authPrimary};
       cursor: pointer;
       padding: 4px;
       border-radius: 6px;
@@ -2035,7 +2053,7 @@
       transition: background 0.15s;
     }
 
-    .ss-auth-inline-create-btn:hover { background: ${e.authPrimary}1a; }
+    .ss-auth-inline-create-btn:hover { background: ${a.authPrimary}1a; }
 
     /* Signout row in profile */
     .ss-auth-signout-row {
@@ -2055,27 +2073,27 @@
       width: 40px;
       height: 40px;
       border-radius: 50%;
-      background: ${e.authError}1a;
+      background: ${a.authError}1a;
       display: flex;
       align-items: center;
       justify-content: center;
     }
 
     .ss-auth-signout-icon .material-symbols-outlined {
-      color: ${e.authError};
+      color: ${a.authError};
       font-size: 20px;
     }
 
     .ss-auth-signout-title {
-      font-family: ${e.authFontHeadline};
+      font-family: ${a.authFontHeadline};
       font-size: 14px;
       font-weight: 700;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
     }
 
     .ss-auth-signout-desc {
       font-size: 12px;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
     }
 
     /* Auth Spinner */
@@ -2083,8 +2101,8 @@
       display: inline-block;
       width: 16px;
       height: 16px;
-      border: 2px solid ${e.authOnPrimary}4d;
-      border-top-color: ${e.authOnPrimary};
+      border: 2px solid ${a.authOnPrimary}4d;
+      border-top-color: ${a.authOnPrimary};
       border-radius: 50%;
       animation: ss-spin 0.6s linear infinite;
     }
@@ -2096,7 +2114,7 @@
       z-index: 99999;
       display: flex;
       flex-direction: column;
-      background: ${e.authSurface};
+      background: ${a.authSurface};
       animation: ss-auth-fade-in 0.2s ease-out;
     }
 
@@ -2105,17 +2123,17 @@
       align-items: center;
       justify-content: space-between;
       padding: 20px 32px;
-      border-bottom: 1px solid ${e.authOutlineVariant}1a;
-      background: ${e.authSurfaceContainerHigh}80;
+      border-bottom: 1px solid ${a.authOutlineVariant}1a;
+      background: ${a.authSurfaceContainerHigh}80;
       flex-shrink: 0;
     }
 
     .ss-auth-settings-header h2 {
-      font-family: ${e.authFontHeadline};
+      font-family: ${a.authFontHeadline};
       font-size: 20px;
       font-weight: 700;
       letter-spacing: -0.02em;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
       margin: 0;
     }
 
@@ -2129,12 +2147,12 @@
       border: none;
       background: none;
       cursor: pointer;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       transition: background 0.15s, color 0.15s;
     }
     .ss-auth-settings-back:hover {
-      background: ${e.authSurfaceContainer};
-      color: ${e.authOnSurface};
+      background: ${a.authSurfaceContainer};
+      color: ${a.authOnSurface};
     }
     .ss-auth-settings-back .material-symbols-outlined { font-size: 22px; }
 
@@ -2147,12 +2165,12 @@
     .ss-auth-settings-nav {
       width: 220px;
       padding: 16px;
-      border-right: 1px solid ${e.authOutlineVariant}1a;
+      border-right: 1px solid ${a.authOutlineVariant}1a;
       display: flex;
       flex-direction: column;
       gap: 4px;
       flex-shrink: 0;
-      background: ${e.authSurfaceContainerLow};
+      background: ${a.authSurfaceContainerLow};
     }
 
     .ss-auth-settings-nav-item {
@@ -2166,26 +2184,26 @@
       background: none;
       border: none;
       width: 100%;
-      font-family: ${e.authFontBody};
+      font-family: ${a.authFontBody};
       font-size: 14px;
       font-weight: 500;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       text-align: left;
     }
 
     .ss-auth-settings-nav-item:hover {
-      background: ${e.authSurfaceContainer};
-      color: ${e.authOnSurface};
+      background: ${a.authSurfaceContainer};
+      color: ${a.authOnSurface};
     }
 
     .ss-auth-settings-nav-item-active {
-      background: ${e.authPrimaryFixed}4d;
-      color: ${e.authPrimary};
+      background: ${a.authPrimaryFixed}4d;
+      color: ${a.authPrimary};
       font-weight: 600;
     }
 
     .ss-auth-settings-nav-item-active:hover {
-      background: ${e.authPrimaryFixed}4d;
+      background: ${a.authPrimaryFixed}4d;
     }
 
     .ss-auth-settings-nav-item .material-symbols-outlined {
@@ -2202,27 +2220,27 @@
     }
 
     .ss-auth-settings-content h3 {
-      font-family: ${e.authFontHeadline};
+      font-family: ${a.authFontHeadline};
       font-size: 18px;
       font-weight: 700;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
       letter-spacing: -0.01em;
       margin: 0 0 24px 0;
     }
 
     .ss-auth-settings-card {
-      background: ${e.authSurfaceContainer};
-      border: 1px solid ${e.authOutlineVariant}1a;
+      background: ${a.authSurfaceContainer};
+      border: 1px solid ${a.authOutlineVariant}1a;
       border-radius: 12px;
       padding: 24px;
       margin-bottom: 24px;
     }
 
     .ss-auth-settings-card h4 {
-      font-family: ${e.authFontHeadline};
+      font-family: ${a.authFontHeadline};
       font-size: 15px;
       font-weight: 700;
-      color: ${e.authOnSurface};
+      color: ${a.authOnSurface};
       margin: 0 0 16px 0;
       display: flex;
       align-items: center;
@@ -2230,7 +2248,7 @@
     }
 
     .ss-auth-settings-card h4 .material-symbols-outlined {
-      color: ${e.authPrimary};
+      color: ${a.authPrimary};
       font-size: 20px;
     }
 
@@ -2238,7 +2256,7 @@
     .ss-auth-settings-table {
       width: 100%;
       border-collapse: collapse;
-      font-family: ${e.authFontBody};
+      font-family: ${a.authFontBody};
       font-size: 14px;
     }
 
@@ -2249,14 +2267,14 @@
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 0.08em;
-      color: ${e.authOnSurfaceVariant};
-      border-bottom: 1px solid ${e.authOutlineVariant}33;
+      color: ${a.authOnSurfaceVariant};
+      border-bottom: 1px solid ${a.authOutlineVariant}33;
     }
 
     .ss-auth-settings-table td {
       padding: 10px 12px;
-      color: ${e.authOnSurface};
-      border-bottom: 1px solid ${e.authOutlineVariant}1a;
+      color: ${a.authOnSurface};
+      border-bottom: 1px solid ${a.authOutlineVariant}1a;
     }
 
     .ss-auth-settings-table tr:last-child td {
@@ -2264,7 +2282,7 @@
     }
 
     .ss-auth-settings-table tr:hover td {
-      background: ${e.authSurfaceContainerLow};
+      background: ${a.authSurfaceContainerLow};
     }
 
     /* Settings Role Badges */
@@ -2276,7 +2294,7 @@
       letter-spacing: 0.05em;
       padding: 2px 8px;
       border-radius: 999px;
-      font-family: ${e.authFontBody};
+      font-family: ${a.authFontBody};
     }
 
     .ss-auth-role-badge-owner {
@@ -2292,9 +2310,9 @@
     }
 
     .ss-auth-role-badge-member {
-      background: ${e.authOnSurfaceVariant}1a;
-      color: ${e.authOnSurfaceVariant};
-      border: 1px solid ${e.authOutlineVariant}33;
+      background: ${a.authOnSurfaceVariant}1a;
+      color: ${a.authOnSurfaceVariant};
+      border: 1px solid ${a.authOutlineVariant}33;
     }
 
     /* Settings icon buttons */
@@ -2304,7 +2322,7 @@
       cursor: pointer;
       padding: 4px;
       border-radius: 6px;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       display: inline-flex;
       align-items: center;
       justify-content: center;
@@ -2312,13 +2330,13 @@
     }
 
     .ss-auth-icon-btn:hover {
-      background: ${e.authSurfaceContainerHigh};
-      color: ${e.authOnSurface};
+      background: ${a.authSurfaceContainerHigh};
+      color: ${a.authOnSurface};
     }
 
     .ss-auth-icon-btn-danger:hover {
-      background: ${e.authError}1a;
-      color: ${e.authError};
+      background: ${a.authError}1a;
+      color: ${a.authError};
     }
 
     .ss-auth-icon-btn .material-symbols-outlined {
@@ -2329,7 +2347,7 @@
     .ss-auth-settings-empty {
       text-align: center;
       padding: 40px 20px;
-      color: ${e.authOnSurfaceVariant};
+      color: ${a.authOnSurfaceVariant};
       font-size: 14px;
     }
 
@@ -2348,11 +2366,11 @@
 
     /* Settings Danger Card */
     .ss-auth-settings-danger {
-      border-color: ${e.authError}33;
+      border-color: ${a.authError}33;
     }
 
     .ss-auth-settings-danger h4 {
-      color: ${e.authError};
+      color: ${a.authError};
     }
 
     /* Responsive overrides */
@@ -2374,4 +2392,4 @@
       .ss-auth-trigger-org-name { display: none; }
       .ss-auth-user-trigger { padding: 0; border: none; background: none; }
     }
-  `}function M({children:e,appearance:r}){const a=t.useRef(null),[i,n]=t.useState(null);t.useEffect(()=>{var x;if(!a.current||a.current.shadowRoot){n(((x=a.current)==null?void 0:x.shadowRoot)??null);return}const l=a.current.attachShadow({mode:"open"});if((r==null?void 0:r.fontUrl)!==null){const p=(r==null?void 0:r.fontUrl)??"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";if(!document.querySelector(`link[href="${p}"]`)){const b=document.createElement("link");b.rel="stylesheet",b.href=p,document.head.appendChild(b)}const h=document.createElement("link");h.rel="stylesheet",h.href=p,l.appendChild(h)}const d=J(r),c=document.createElement("style");c.textContent=Z(d),l.appendChild(c);const o=document.createElement("div");l.appendChild(o),n(l)},[]),t.useEffect(()=>{if(!i)return;const l=i.querySelector("style");if(l){const d=J(r);l.textContent=Z(d)}},[r,i]);const u=(i==null?void 0:i.querySelector("div"))??null;return s.jsx("div",{ref:a,style:{display:"contents"},children:u&&vs.createPortal(e,u)})}function W(){const{client:e,user:r,isLoaded:a}=A();return{isLoaded:a,isSignedIn:!!r,user:r,signOut:t.useCallback(()=>e.auth.signOut(),[e]),getToken:t.useCallback(()=>e.auth.getToken(),[e]),refreshUser:t.useCallback(()=>e.auth.refreshUser(),[e])}}function Cs(){const{user:e,isLoaded:r}=A();return{user:e,isLoaded:r}}function X(){const{client:e}=A(),[r,a]=t.useState(!1),[i,n]=t.useState(null),u=t.useCallback(async(c,o)=>{a(!0),n(null);try{return await e.auth.signIn(c,o)}catch(x){return n(x instanceof Error?x.message:"Sign in failed"),null}finally{a(!1)}},[e]),l=t.useCallback(async c=>{a(!0),n(null);try{return await e.auth.signInWithOAuth(c)}catch(o){return n(o instanceof Error?o.message:"OAuth sign in failed"),null}finally{a(!1)}},[e]),d=t.useCallback(async(c,o)=>{a(!0),n(null);try{return await e.auth.submitMfaCode(c,o)}catch(x){return n(x instanceof Error?x.message:"MFA verification failed"),null}finally{a(!1)}},[e]);return{signIn:u,signInWithOAuth:l,submitMfaCode:d,isLoading:r,error:i,setError:n}}function as(){const{client:e}=A(),[r,a]=t.useState(!1),[i,n]=t.useState(null);return{signUp:t.useCallback(async(l,d)=>{a(!0),n(null);try{return await e.auth.signUp(l,d)}catch(c){return n(c instanceof Error?c.message:"Sign up failed"),null}finally{a(!1)}},[e]),isLoading:r,error:i,setError:n}}function H(){const{client:e}=A(),[r,a]=t.useState([]),[i,n]=t.useState(null),[u,l]=t.useState([]),[d,c]=t.useState([]),[o,x]=t.useState(!1),[p,h]=t.useState(null),b=t.useRef(!1),f=t.useCallback(async()=>{x(!0),h(null);try{const m=await e.auth.listOrgs();if(a(m),n(j=>j&&(m.find(O=>O.id===j.id)??null)),!b.current&&m.length>0){const j=typeof window<"u"?localStorage.getItem("ss_selected_org"):null,O=(j?m.find(E=>E.id===j):null)??(m.length===1?m[0]:null);if(O){b.current=!0,n(O),typeof window<"u"&&localStorage.setItem("ss_selected_org",O.id);try{const E=await e.auth.listMembers(O.id);l(E)}catch{}}}}catch(m){h(m instanceof Error?m.message:"Failed to load organizations")}finally{x(!1)}},[e]);t.useEffect(()=>{f()},[f]);const y=t.useCallback(async m=>{try{const j=await e.auth.getOrg(m);n(j),typeof window<"u"&&localStorage.setItem("ss_selected_org",m);const z=await e.auth.listMembers(m);l(z)}catch(j){h(j instanceof Error?j.message:"Failed to load organization")}},[e]),k=t.useCallback(async(m,j)=>{try{const z=await e.auth.createOrg(m,j);return a(O=>[...O,z]),z}catch(z){return h(z instanceof Error?z.message:"Failed to create organization"),null}},[e]),v=t.useCallback(async(m,j)=>{try{const z=await e.auth.updateOrg(m,j);return a(O=>O.map(E=>E.id===m?z:E)),(i==null?void 0:i.id)===m&&n(z),z}catch(z){return h(z instanceof Error?z.message:"Failed to update organization"),null}},[e,i]),C=t.useCallback(async m=>{try{return await e.auth.deleteOrg(m),a(j=>j.filter(z=>z.id!==m)),(i==null?void 0:i.id)===m&&(n(null),l([]),c([]),typeof window<"u"&&localStorage.removeItem("ss_selected_org")),!0}catch(j){return h(j instanceof Error?j.message:"Failed to delete organization"),!1}},[e,i]),N=t.useCallback(async(m,j,z)=>{try{return await e.auth.sendInvite(m,j,z)}catch(O){return h(O instanceof Error?O.message:"Failed to send invite"),null}},[e]),g=t.useCallback(async m=>{try{const j=await e.auth.listInvites(m);c(j)}catch(j){h(j instanceof Error?j.message:"Failed to load invites")}},[e]),$=t.useCallback(async(m,j)=>{try{return await e.auth.revokeInvite(m,j),c(z=>z.filter(O=>O.id!==j)),!0}catch(z){return h(z instanceof Error?z.message:"Failed to revoke invite"),!1}},[e]),P=t.useCallback(async(m,j,z)=>{try{return await e.auth.updateMemberRole(m,j,z),l(O=>O.map(E=>E.userId===j?{...E,role:z}:E)),!0}catch(O){return h(O instanceof Error?O.message:"Failed to update member role"),!1}},[e]),I=t.useCallback(async(m,j)=>{try{return await e.auth.removeMember(m,j),l(z=>z.filter(O=>O.userId!==j)),!0}catch(z){return h(z instanceof Error?z.message:"Failed to remove member"),!1}},[e]),F=t.useCallback(async m=>{try{const j=await e.auth.listMembers(m);l(j)}catch(j){h(j instanceof Error?j.message:"Failed to load members")}},[e]);return{orgs:r,selectedOrg:i,members:u,invites:d,isLoading:o,error:p,setError:h,refresh:f,selectOrg:y,createOrg:k,updateOrg:v,deleteOrg:C,sendInvite:N,refreshInvites:g,revokeInvite:$,updateMemberRole:P,removeMember:I,refreshMembers:F}}function ts(){const{client:e}=A(),[r,a]=t.useState(!1),[i,n]=t.useState(null);return{deleteAccount:t.useCallback(async()=>{a(!0),n(null);try{return await e.auth.deleteAccount(),!0}catch(l){return n(l instanceof Error?l.message:"Failed to delete account"),!1}finally{a(!1)}},[e]),isLoading:r,error:i,setError:n}}function ss(){const{client:e,user:r}=A(),[a,i]=t.useState(!1),[n,u]=t.useState(null),[l,d]=t.useState(null),c=t.useCallback(async p=>{i(!0),u(null),d(null);try{const h=await e.auth.updateProfile(p);return d("Profile updated"),h}catch(h){return u(h instanceof Error?h.message:"Failed to update profile"),null}finally{i(!1)}},[e]),o=t.useCallback(async(p,h)=>{i(!0),u(null),d(null);try{return await e.auth.changePassword(p,h),d("Password changed successfully"),!0}catch(b){return u(b instanceof Error?b.message:"Failed to change password"),!1}finally{i(!1)}},[e]),x=t.useCallback(async p=>{i(!0),u(null),d(null);try{const h=await e.auth.uploadAvatar(p);return d("Avatar updated"),h}catch(h){return u(h instanceof Error?h.message:"Failed to upload avatar"),null}finally{i(!1)}},[e]);return{user:r,updateProfile:c,uploadAvatar:x,changePassword:o,isLoading:a,error:n,success:l,setError:u,setSuccess:d}}function _(){const{client:e}=A(),[r,a]=t.useState([]),[i,n]=t.useState(!1),[u,l]=t.useState(null),d=t.useCallback(async()=>{n(!0),l(null);try{const x=await e.auth.listMyInvites();a(x)}catch(x){l(x instanceof Error?x.message:"Failed to load invites")}finally{n(!1)}},[e]);t.useEffect(()=>{d()},[d]);const c=t.useCallback(async x=>{try{const p=await e.auth.acceptInviteById(x);return a(h=>h.filter(b=>b.id!==x)),p}catch(p){return l(p instanceof Error?p.message:"Failed to accept invite"),null}},[e]),o=t.useCallback(async x=>{try{return await e.auth.declineInvite(x),a(p=>p.filter(h=>h.id!==x)),!0}catch(p){return l(p instanceof Error?p.message:"Failed to decline invite"),!1}},[e]);return{invites:r,isLoading:i,error:u,setError:l,refresh:d,accept:c,decline:o}}const rs='<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>',ns='<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" fill="currentColor"/></svg>',w={close:"close",person:"person",logout:"logout",checkCircle:"check_circle",unfoldMore:"unfold_more",cloudUpload:"cloud_upload",zoomIn:"zoom_in",zoomOut:"zoom_out",lock:"lock",visibility:"visibility",visibilityOff:"visibility_off",add:"add",addCircle:"add_circle",camera:"photo_camera",security:"security",errorOutline:"error_outline",info:"info",arrowBack:"arrow_back",arrowForward:"arrow_forward",verified:"verified",token:"token",autoAwesome:"auto_awesome",corporateFare:"corporate_fare",mail:"mail",cloudDone:"cloud_done",check:"check",image:"image",settings:"settings",group:"group",creditCard:"credit_card",edit:"edit",send:"send",personRemove:"person_remove"};function zs({appearance:e,signUpUrl:r,onSignUp:a}){const{appearance:i,settings:n}=A(),{signIn:u,signInWithOAuth:l,submitMfaCode:d,isLoading:c,error:o,setError:x}=X(),p=e??i,[h,b]=t.useState(""),[f,y]=t.useState(""),[k,v]=t.useState(!1),[C,N]=t.useState(!1),[g,$]=t.useState(""),[P,I]=t.useState(["","","","","",""]),F=t.useRef([]),m=t.useCallback(async B=>{if(B.preventDefault(),C){await d(g,P.join(""));return}const S=await u(h,f);S&&R.isMfaRequired(S)&&($(S.mfaToken),N(!0),x(null))},[h,f,C,g,P,u,d,x]),j=t.useCallback(async B=>{await l(B)},[l]),z=t.useCallback((B,S)=>{var V;if(!/^\d*$/.test(S))return;const L=S.slice(-1);I(Y=>{const q=[...Y];return q[B]=L,q}),L&&B<5&&((V=F.current[B+1])==null||V.focus())},[]),O=t.useCallback((B,S)=>{var L;S.key==="Backspace"&&!P[B]&&B>0&&((L=F.current[B-1])==null||L.focus())},[P]),E=(n==null?void 0:n.googleEnabled)||(n==null?void 0:n.githubEnabled);return s.jsx(M,{appearance:p,children:s.jsx("div",{className:"ss-auth-card",children:s.jsxs("div",{className:"ss-auth-card-body",children:[s.jsxs("div",{className:"ss-auth-header",children:[s.jsx("div",{className:"ss-auth-brand-icon",children:s.jsx("span",{className:"material-symbols-outlined",children:w.token})}),s.jsx("h1",{className:"ss-auth-title",children:"Sign in to your account"}),s.jsx("p",{className:"ss-auth-subtitle",children:"Welcome back to your workspace"})]}),!C&&E&&s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"ss-auth-oauth-grid",children:[(n==null?void 0:n.googleEnabled)&&s.jsxs("button",{type:"button",className:"ss-auth-btn-social",onClick:()=>j("google"),disabled:c,children:[s.jsx("span",{dangerouslySetInnerHTML:{__html:rs}}),"Google"]}),(n==null?void 0:n.githubEnabled)&&s.jsxs("button",{type:"button",className:"ss-auth-btn-social",onClick:()=>j("github"),disabled:c,children:[s.jsx("span",{dangerouslySetInnerHTML:{__html:ns}}),"GitHub"]})]}),s.jsx("div",{className:"ss-auth-divider",children:"or continue with"})]}),o&&s.jsxs("div",{className:"ss-auth-error",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.errorOutline}),s.jsx("span",{children:o})]}),s.jsxs("form",{onSubmit:m,children:[C?s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"ss-auth-mfa-divider",children:s.jsx("span",{children:"Verification Required"})}),s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",children:"6-Digit Code"}),s.jsx("div",{className:"ss-auth-mfa-group",children:P.map((B,S)=>s.jsx("input",{ref:L=>{F.current[S]=L},className:"ss-auth-mfa-digit",type:"text",inputMode:"numeric",maxLength:1,value:B,onChange:L=>z(S,L.target.value),onKeyDown:L=>O(S,L),autoFocus:S===0},S))}),s.jsx("p",{className:"ss-auth-mfa-hint",children:"We sent a 6-digit code to your registered email."})]})]}):s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",htmlFor:"ss-email",children:"Email Address"}),s.jsx("input",{id:"ss-email",className:"ss-auth-input",type:"email",autoComplete:"email",placeholder:"name@company.com",value:h,onChange:B=>b(B.target.value),required:!0})]}),s.jsxs("div",{className:"ss-auth-field",children:[s.jsxs("div",{className:"ss-auth-field-row",children:[s.jsx("label",{className:"ss-auth-label",htmlFor:"ss-password",style:{marginBottom:0},children:"Password"}),s.jsx("span",{className:"ss-auth-link",style:{fontSize:"12px"},children:"Forgot?"})]}),s.jsxs("div",{style:{position:"relative"},children:[s.jsx("input",{id:"ss-password",className:"ss-auth-input",type:k?"text":"password",autoComplete:"current-password",placeholder:"••••••••",value:f,onChange:B=>y(B.target.value),required:!0}),s.jsx("button",{type:"button",className:"ss-auth-visibility-toggle",onClick:()=>v(!k),children:s.jsx("span",{className:"material-symbols-outlined",children:k?w.visibilityOff:w.visibility})})]})]})]}),s.jsxs("button",{type:"submit",className:"ss-auth-btn-primary",disabled:c,children:[c&&s.jsx("span",{className:"ss-auth-spinner"}),C?"Verify":"Sign in",!c&&s.jsx("span",{className:"material-symbols-outlined",children:w.arrowForward})]})]}),C?s.jsx("div",{className:"ss-auth-footer",children:s.jsx("span",{className:"ss-auth-link",onClick:()=>{N(!1),I(["","","","","",""]),x(null)},children:"Back to sign in"})}):s.jsxs("div",{className:"ss-auth-footer",children:["Don't have an account?"," ",a?s.jsx("span",{className:"ss-auth-link",onClick:a,children:"Sign up"}):r?s.jsx("a",{className:"ss-auth-link",href:r,children:"Sign up"}):s.jsx("span",{className:"ss-auth-link",children:"Sign up"})]})]})})})}function Ps({appearance:e,signInUrl:r,onSignIn:a}){const{appearance:i,settings:n}=A(),{signUp:u,isLoading:l,error:d,setError:c}=as(),{signInWithOAuth:o}=X(),x=e??i,[p,h]=t.useState(""),[b,f]=t.useState(""),[y,k]=t.useState(""),[v,C]=t.useState(!1),[N,g]=t.useState(null),$=t.useCallback(async m=>{if(m.preventDefault(),g(null),b!==y){g("Passwords do not match");return}const j=(n==null?void 0:n.passwordMinLength)??8;if(b.length<j){g(`Password must be at least ${j} characters`);return}await u(p,b)},[p,b,y,n,u]),P=t.useCallback(async m=>{await o(m)},[o]),I=(n==null?void 0:n.googleEnabled)||(n==null?void 0:n.githubEnabled),F=N||d;return s.jsx(M,{appearance:x,children:s.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",maxWidth:"520px"},children:[s.jsxs("div",{className:"ss-auth-header",children:[s.jsx("div",{className:"ss-auth-brand-icon-gradient",children:s.jsx("span",{className:"material-symbols-outlined",children:w.autoAwesome})}),s.jsx("h1",{className:"ss-auth-title ss-auth-title-lg",children:"Create your account"}),s.jsx("p",{className:"ss-auth-subtitle",children:"Join the ecosystem"})]}),s.jsx("div",{className:"ss-auth-card",children:s.jsxs("div",{className:"ss-auth-card-body",children:[I&&s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"ss-auth-oauth-grid",children:[(n==null?void 0:n.googleEnabled)&&s.jsxs("button",{type:"button",className:"ss-auth-btn-social",onClick:()=>P("google"),disabled:l,children:[s.jsx("span",{dangerouslySetInnerHTML:{__html:rs}}),"Google"]}),(n==null?void 0:n.githubEnabled)&&s.jsxs("button",{type:"button",className:"ss-auth-btn-social",onClick:()=>P("github"),disabled:l,children:[s.jsx("span",{dangerouslySetInnerHTML:{__html:ns}}),"GitHub"]})]}),s.jsx("div",{className:"ss-auth-divider",children:"or sign up with email"})]}),F&&s.jsxs("div",{className:"ss-auth-error",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.errorOutline}),s.jsx("span",{children:F})]}),s.jsxs("form",{onSubmit:$,children:[s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",htmlFor:"ss-signup-email",children:"Email"}),s.jsx("input",{id:"ss-signup-email",className:"ss-auth-input",type:"email",autoComplete:"email",placeholder:"name@company.com",value:p,onChange:m=>h(m.target.value),required:!0})]}),s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",htmlFor:"ss-signup-password",children:"Password"}),s.jsxs("div",{style:{position:"relative"},children:[s.jsx("input",{id:"ss-signup-password",className:"ss-auth-input",type:v?"text":"password",autoComplete:"new-password",placeholder:"••••••••",value:b,onChange:m=>{f(m.target.value),g(null)},required:!0}),s.jsx("button",{type:"button",className:"ss-auth-visibility-toggle",onClick:()=>C(!v),children:s.jsx("span",{className:"material-symbols-outlined",children:v?w.visibilityOff:w.visibility})})]})]}),s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",htmlFor:"ss-signup-confirm",children:"Confirm Password"}),s.jsx("input",{id:"ss-signup-confirm",className:"ss-auth-input",type:"password",autoComplete:"new-password",placeholder:"••••••••",value:y,onChange:m=>{k(m.target.value),g(null)},required:!0})]}),s.jsxs("button",{type:"submit",className:"ss-auth-btn-primary",disabled:l,children:[l&&s.jsx("span",{className:"ss-auth-spinner"}),"Sign up",!l&&s.jsx("span",{className:"material-symbols-outlined",children:w.arrowForward})]})]}),s.jsxs("div",{className:"ss-auth-footer",children:["Already have an account?"," ",a?s.jsx("span",{className:"ss-auth-link",onClick:a,children:"Sign in"}):r?s.jsx("a",{className:"ss-auth-link",href:r,children:"Sign in"}):s.jsx("span",{className:"ss-auth-link",children:"Sign in"})]})]})})]})})}const D=320,U=128,Os=t.forwardRef(function({file:r,onCrop:a,onCancel:i},n){const u=t.useRef(null),l=t.useRef(null),[d,c]=t.useState(1),[o,x]=t.useState({x:0,y:0}),[p,h]=t.useState(!1),b=t.useRef({x:0,y:0,ox:0,oy:0}),[f,y]=t.useState(!1);t.useEffect(()=>{const g=new Image,$=URL.createObjectURL(r);return g.onload=()=>{l.current=g,y(!0),x({x:0,y:0}),c(1)},g.src=$,()=>URL.revokeObjectURL($)},[r]),t.useEffect(()=>{if(!f||!l.current||!u.current)return;const g=u.current.getContext("2d");if(!g)return;const $=l.current;g.clearRect(0,0,D,D),g.fillStyle="#111",g.fillRect(0,0,D,D);const P=Math.max(D/$.width,D/$.height)*d,I=$.width*P,F=$.height*P,m=(D-I)/2+o.x,j=(D-F)/2+o.y;g.save(),g.beginPath(),g.arc(D/2,D/2,U,0,Math.PI*2),g.clip(),g.drawImage($,m,j,I,F),g.restore(),g.save(),g.fillStyle="rgba(0, 0, 0, 0.6)",g.fillRect(0,0,D,D),g.globalCompositeOperation="destination-out",g.beginPath(),g.arc(D/2,D/2,U,0,Math.PI*2),g.fill(),g.restore(),g.save(),g.beginPath(),g.arc(D/2,D/2,U,0,Math.PI*2),g.clip(),g.drawImage($,m,j,I,F),g.restore(),g.strokeStyle="rgba(255, 255, 255, 0.4)",g.lineWidth=2,g.beginPath(),g.arc(D/2,D/2,U,0,Math.PI*2),g.stroke()},[d,o,f]);const k=t.useCallback(g=>{h(!0),b.current={x:g.clientX,y:g.clientY,ox:o.x,oy:o.y},g.target.setPointerCapture(g.pointerId)},[o]),v=t.useCallback(g=>{p&&x({x:b.current.ox+(g.clientX-b.current.x),y:b.current.oy+(g.clientY-b.current.y)})},[p]),C=t.useCallback(()=>h(!1),[]),N=t.useCallback(()=>{if(!l.current)return;const g=document.createElement("canvas"),$=U*2;g.width=$,g.height=$;const P=g.getContext("2d");if(!P)return;const I=l.current,F=Math.max(D/I.width,D/I.height)*d,m=I.width*F,j=I.height*F,z=(D-m)/2+o.x-(D/2-U),O=(D-j)/2+o.y-(D/2-U);P.beginPath(),P.arc(U,U,U,0,Math.PI*2),P.clip(),P.drawImage(I,z,O,m,j),g.toBlob(E=>{E&&a(E)},"image/png")},[d,o,a]);return t.useImperativeHandle(n,()=>({triggerCrop:()=>N()}),[N]),s.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"24px"},children:[s.jsxs("div",{className:"ss-auth-crop-area",children:[s.jsx("canvas",{ref:u,width:D,height:D,style:{cursor:p?"grabbing":"grab",width:"100%",height:"100%"},onPointerDown:k,onPointerMove:v,onPointerUp:C}),s.jsx("div",{className:"ss-auth-crop-size-badge",children:"256 x 256 px"})]}),s.jsxs("div",{className:"ss-auth-zoom-control",style:{width:"100%",maxWidth:"280px"},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.zoomOut}),s.jsx("input",{type:"range",min:"1",max:"3",step:"0.01",value:d,onChange:g=>c(parseFloat(g.target.value)),className:"ss-auth-zoom-slider"}),s.jsx("span",{className:"material-symbols-outlined",children:w.zoomIn})]})]})});function os({onUpload:e,onClose:r,isLoading:a}){const[i,n]=t.useState(null),[u,l]=t.useState(!1),[d,c]=t.useState(null),o=t.useRef(null),x=t.useRef(null),p=t.useCallback(f=>{if(!f.type.startsWith("image/")){c("Please select an image file");return}if(f.size>5*1024*1024){c("Image must be smaller than 5 MB");return}c(null),n(f)},[]),h=t.useCallback(f=>{f.preventDefault(),l(!1);const y=f.dataTransfer.files[0];y&&p(y)},[p]),b=t.useCallback(async f=>{await e(f)},[e]);return s.jsx("div",{className:"ss-auth-modal-overlay",onClick:f=>{f.target===f.currentTarget&&r()},children:s.jsxs("div",{className:"ss-auth-modal",style:{maxWidth:"480px"},children:[s.jsxs("div",{className:"ss-auth-modal-header",children:[s.jsx("h2",{children:"Upload avatar"}),s.jsx("button",{type:"button",className:"ss-auth-modal-close",onClick:r,children:s.jsx("span",{className:"material-symbols-outlined",children:w.close})})]}),s.jsxs("div",{className:"ss-auth-modal-body",children:[d&&s.jsxs("div",{className:"ss-auth-error",style:{marginBottom:"16px"},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.errorOutline}),s.jsx("span",{children:d})]}),i?s.jsxs(s.Fragment,{children:[s.jsx(Os,{ref:x,file:i,onCrop:b,onCancel:()=>n(null)}),s.jsx("div",{style:{textAlign:"center",marginTop:"8px"},children:s.jsxs("button",{type:"button",className:"ss-auth-btn-ghost",style:{fontSize:"13px"},onClick:()=>{var f;return(f=o.current)==null?void 0:f.click()},children:[s.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"16px"},children:w.image}),"Change image"]})})]}):s.jsxs("div",{className:`ss-auth-dropzone${u?" ss-auth-dropzone-active":""}`,onDragOver:f=>{f.preventDefault(),l(!0)},onDragLeave:()=>l(!1),onDrop:h,onClick:()=>{var f;return(f=o.current)==null?void 0:f.click()},style:{minHeight:"240px"},children:[s.jsx("div",{className:"ss-auth-dropzone-icon",children:s.jsx("span",{className:"material-symbols-outlined",children:w.cloudUpload})}),s.jsx("span",{className:"ss-auth-dropzone-title",children:"Drag and drop"}),s.jsxs("span",{className:"ss-auth-dropzone-desc",children:["JPG, PNG or WEBP",s.jsx("br",{}),"Max file size 5 MB"]}),s.jsx("button",{type:"button",className:"ss-auth-dropzone-btn",children:"Choose File"})]}),s.jsx("input",{ref:o,type:"file",accept:"image/*",style:{display:"none"},onChange:f=>{var y;(y=f.target.files)!=null&&y[0]&&p(f.target.files[0])}}),s.jsxs("div",{className:"ss-auth-info-box",style:{marginTop:"16px"},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.info}),s.jsx("span",{children:"Your profile photo will be visible to all members of your organization."})]})]}),s.jsxs("div",{className:"ss-auth-modal-footer",children:[s.jsx("button",{type:"button",className:"ss-auth-btn-ghost",onClick:r,children:"Cancel"}),s.jsxs("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",onClick:()=>{var f;return(f=x.current)==null?void 0:f.triggerCrop()},disabled:!i||a,style:{width:"auto"},children:[a&&s.jsx("span",{className:"ss-auth-spinner"}),"Save Profile",!a&&s.jsx("span",{className:"material-symbols-outlined",children:w.check})]})]})]})})}function is({onClose:e,afterDeleteAccountUrl:r,defaultTab:a="profile",onOrgDeleted:i,onOrgUpdated:n}){const[u,l]=t.useState(a),{invites:d}=_(),c=[{key:"profile",label:"Profile",icon:w.person},{key:"organization",label:"Organization",icon:w.corporateFare},{key:"people",label:"People",icon:w.group},{key:"invites",label:"Invites",icon:w.mail,badge:d.length||void 0},{key:"billing",label:"Billing",icon:w.creditCard}];return s.jsxs("div",{className:"ss-auth-settings-page",children:[s.jsxs("div",{className:"ss-auth-settings-header",children:[s.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[s.jsx("button",{type:"button",className:"ss-auth-settings-back",onClick:e,children:s.jsx("span",{className:"material-symbols-outlined",children:w.arrowBack})}),s.jsx("h2",{children:"Settings"})]}),s.jsx("button",{type:"button",className:"ss-auth-modal-close",onClick:e,children:s.jsx("span",{className:"material-symbols-outlined",children:w.close})})]}),s.jsxs("div",{className:"ss-auth-settings-layout",children:[s.jsx("nav",{className:"ss-auth-settings-nav",children:c.map(o=>s.jsxs("button",{type:"button",className:`ss-auth-settings-nav-item${u===o.key?" ss-auth-settings-nav-item-active":""}`,onClick:()=>l(o.key),children:[s.jsx("span",{className:"material-symbols-outlined",children:o.icon}),o.label,o.badge!=null&&o.badge>0&&s.jsx("span",{className:"ss-auth-invite-badge",style:{position:"static",marginLeft:"6px"},children:o.badge})]},o.key))}),s.jsxs("div",{className:"ss-auth-settings-content",children:[u==="profile"&&s.jsx(Es,{afterDeleteAccountUrl:r}),u==="organization"&&s.jsx(Is,{onOrgDeleted:i,onOrgUpdated:n}),u==="people"&&s.jsx(Fs,{}),u==="invites"&&s.jsx(Bs,{}),u==="billing"&&s.jsx(Ls,{})]})]})]})}function Es({afterDeleteAccountUrl:e}){const{user:r,updateProfile:a,uploadAvatar:i,changePassword:n,isLoading:u,error:l,success:d,setError:c,setSuccess:o}=ss(),{signOut:x}=W(),{deleteAccount:p,isLoading:h,error:b,setError:f}=ts(),[y,k]=t.useState((r==null?void 0:r.name)??""),[v,C]=t.useState((r==null?void 0:r.avatarUrl)??""),[N,g]=t.useState(!1),[$,P]=t.useState(""),[I,F]=t.useState(""),[m,j]=t.useState(""),[z,O]=t.useState(null),[E,B]=t.useState(!1),[S,L]=t.useState(""),V=t.useCallback(async T=>{T.preventDefault(),c(null),o(null),await a({name:y,avatarUrl:v||void 0})},[y,v,a,c,o]),Y=t.useCallback(async T=>{const Q=await i(T);Q&&(C(Q.avatarUrl),g(!1))},[i]),q=t.useCallback(async T=>{if(T.preventDefault(),O(null),c(null),o(null),I!==m){O("Passwords do not match");return}if(I.length<8){O("Password must be at least 8 characters");return}await n($,I)&&(P(""),F(""),j(""))},[$,I,m,n,c,o]),fs=t.useCallback(async()=>{await p()&&(await x(),e&&(window.location.href=e))},[p,x,e]),bs=(r==null?void 0:r.provider)==="email",ys=S===(r==null?void 0:r.email),js=((r==null?void 0:r.name)||(r==null?void 0:r.email)||"?").charAt(0).toUpperCase();return s.jsxs(s.Fragment,{children:[s.jsx("h3",{children:"Profile"}),s.jsxs("div",{className:"ss-auth-settings-card",children:[s.jsxs("div",{className:"ss-auth-profile-header",style:{border:"none",background:"none",padding:0,marginBottom:16},children:[s.jsxs("div",{className:"ss-auth-avatar-lg",onClick:()=>g(!0),children:[v?s.jsx("img",{src:v,alt:""}):s.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"48px",fontWeight:800,opacity:.4},children:js}),s.jsxs("div",{className:"ss-auth-avatar-overlay",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.camera}),s.jsx("span",{children:"Edit"})]})]}),s.jsxs("div",{className:"ss-auth-profile-info",children:[s.jsxs("h2",{className:"ss-auth-profile-name",children:[(r==null?void 0:r.name)||"Unnamed User",(r==null?void 0:r.emailVerified)&&s.jsxs("span",{className:"ss-auth-badge ss-auth-badge-success",children:[s.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"12px",fontVariationSettings:"'FILL' 1"},children:w.verified}),"Verified"]})]}),s.jsx("p",{className:"ss-auth-profile-desc",children:r==null?void 0:r.email})]})]}),l&&s.jsxs("div",{className:"ss-auth-error",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.errorOutline}),s.jsx("span",{children:l})]}),d&&s.jsxs("div",{className:"ss-auth-info-box",style:{marginBottom:"16px"},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.check}),s.jsx("span",{children:d})]}),s.jsxs("form",{onSubmit:V,children:[s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",children:"Full Name"}),s.jsx("input",{className:"ss-auth-input",type:"text",placeholder:"Your name",value:y,onChange:T=>k(T.target.value)})]}),s.jsxs("div",{className:"ss-auth-profile-grid",style:{marginBottom:"16px"},children:[s.jsxs("div",{children:[s.jsx("label",{className:"ss-auth-label",children:"Email Address"}),s.jsxs("div",{style:{position:"relative"},children:[s.jsx("input",{className:"ss-auth-input ss-auth-input-readonly",type:"email",value:(r==null?void 0:r.email)??"",readOnly:!0}),s.jsx("span",{className:"ss-auth-visibility-toggle",style:{cursor:"default"},children:s.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"18px"},children:w.lock})})]})]}),s.jsxs("div",{children:[s.jsx("label",{className:"ss-auth-label",children:"Auth Provider"}),s.jsx("input",{className:"ss-auth-input ss-auth-input-readonly",type:"text",value:(r==null?void 0:r.provider)??"",readOnly:!0})]})]}),s.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:s.jsxs("button",{type:"submit",className:"ss-auth-btn-primary ss-auth-btn-sm",disabled:u,style:{width:"auto"},children:[u&&s.jsx("span",{className:"ss-auth-spinner"}),"Save changes"]})})]})]}),bs&&s.jsxs("div",{className:"ss-auth-settings-card",children:[s.jsxs("h4",{children:[s.jsx("span",{className:"material-symbols-outlined",children:w.security}),"Security Credentials"]}),z&&s.jsxs("div",{className:"ss-auth-error",style:{marginBottom:"16px"},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.errorOutline}),s.jsx("span",{children:z})]}),s.jsxs("form",{onSubmit:q,children:[s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",children:"Current Password"}),s.jsx("input",{className:"ss-auth-input",type:"password",placeholder:"••••••••••••",value:$,onChange:T=>P(T.target.value),required:!0})]}),s.jsxs("div",{className:"ss-auth-profile-grid",style:{marginBottom:"16px"},children:[s.jsxs("div",{children:[s.jsx("label",{className:"ss-auth-label",children:"New Password"}),s.jsx("input",{className:"ss-auth-input",type:"password",placeholder:"Min. 8 characters",value:I,onChange:T=>F(T.target.value),required:!0})]}),s.jsxs("div",{children:[s.jsx("label",{className:"ss-auth-label",children:"Confirm New Password"}),s.jsx("input",{className:"ss-auth-input",type:"password",placeholder:"Repeat new password",value:m,onChange:T=>j(T.target.value),required:!0})]})]}),s.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:s.jsx("button",{type:"submit",className:"ss-auth-btn-ghost",disabled:u,children:"Update Security"})})]})]}),s.jsxs("div",{className:"ss-auth-settings-card ss-auth-settings-danger",children:[s.jsx("h4",{children:"Danger Zone"}),s.jsx("p",{className:"ss-auth-section-desc",style:{marginBottom:"16px"},children:"Deleting your account is permanent. All organizations you own will also be deleted."}),b&&s.jsxs("div",{className:"ss-auth-error",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.errorOutline}),s.jsx("span",{children:b})]}),E?s.jsxs("div",{children:[s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",children:"Type your email to confirm"}),s.jsx("input",{className:"ss-auth-input",type:"email",placeholder:r==null?void 0:r.email,value:S,onChange:T=>L(T.target.value),autoFocus:!0})]}),s.jsxs("div",{style:{display:"flex",gap:"8px",justifyContent:"flex-end"},children:[s.jsx("button",{type:"button",className:"ss-auth-btn-ghost",onClick:()=>{B(!1),L(""),f(null)},children:"Cancel"}),s.jsxs("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",style:{width:"auto",background:"linear-gradient(135deg, #ef4444, #dc2626)"},disabled:!ys||h,onClick:fs,children:[h&&s.jsx("span",{className:"ss-auth-spinner"}),"Delete account"]})]})]}):s.jsx("button",{type:"button",className:"ss-auth-btn-outline",style:{borderColor:"currentColor",width:"auto"},onClick:()=>B(!0),children:"Delete my account"})]}),N&&s.jsx(os,{onUpload:Y,onClose:()=>g(!1),isLoading:u})]})}function Is({onOrgDeleted:e,onOrgUpdated:r}){const{selectedOrg:a,updateOrg:i,deleteOrg:n,isLoading:u,error:l,setError:d}=H(),[c,o]=t.useState((a==null?void 0:a.name)??""),[x,p]=t.useState(!1),[h,b]=t.useState(!1),[f,y]=t.useState(!1),[k,v]=t.useState(!1),[C,N]=t.useState("");if(t.useEffect(()=>{a&&(o(a.name),y(!1))},[a]),f)return s.jsxs(s.Fragment,{children:[s.jsx("h3",{children:"Organization"}),s.jsxs("div",{className:"ss-auth-settings-card",style:{textAlign:"center",padding:"48px 24px"},children:[s.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"48px",opacity:.4,marginBottom:"16px",display:"block"},children:w.check}),s.jsx("h4",{style:{margin:"0 0 8px"},children:"Organization deleted"}),s.jsx("p",{className:"ss-auth-section-desc",children:"The organization has been permanently deleted."})]})]});if(!a)return s.jsxs(s.Fragment,{children:[s.jsx("h3",{children:"Organization"}),s.jsxs("div",{className:"ss-auth-settings-empty",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.corporateFare}),s.jsx("div",{children:"Select an organization from the user menu to manage its settings."})]})]});const g=async P=>{if(P.preventDefault(),!c.trim())return;p(!0),b(!1);const I=await i(a.id,{name:c.trim()});p(!1),I&&(b(!0),r==null||r())},$=async()=>{await n(a.id)&&(v(!1),y(!0),e==null||e())};return s.jsxs(s.Fragment,{children:[s.jsx("h3",{children:"Organization"}),s.jsxs("div",{className:"ss-auth-settings-card",children:[s.jsxs("h4",{children:[s.jsx("span",{className:"material-symbols-outlined",children:w.corporateFare}),"General"]}),l&&s.jsxs("div",{className:"ss-auth-error",style:{marginBottom:"16px"},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.errorOutline}),s.jsx("span",{children:l})]}),h&&s.jsxs("div",{className:"ss-auth-info-box",style:{marginBottom:"16px"},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.check}),s.jsx("span",{children:"Organization updated"})]}),s.jsxs("form",{onSubmit:g,children:[s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",children:"Organization Name"}),s.jsx("input",{className:"ss-auth-input",type:"text",value:c,onChange:P=>{o(P.target.value),b(!1)}})]}),s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",children:"Slug"}),s.jsx("input",{className:"ss-auth-input ss-auth-input-readonly",type:"text",value:a.slug,readOnly:!0})]}),s.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:s.jsxs("button",{type:"submit",className:"ss-auth-btn-primary ss-auth-btn-sm",disabled:x,style:{width:"auto"},children:[x&&s.jsx("span",{className:"ss-auth-spinner"}),"Save"]})})]})]}),s.jsxs("div",{className:"ss-auth-settings-card ss-auth-settings-danger",children:[s.jsx("h4",{children:"Danger Zone"}),s.jsx("p",{className:"ss-auth-section-desc",style:{marginBottom:"16px"},children:"Deleting this organization is permanent and will remove all members."}),k?s.jsxs("div",{children:[s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",children:"Type the organization name to confirm"}),s.jsx("input",{className:"ss-auth-input",type:"text",placeholder:a.name,value:C,onChange:P=>N(P.target.value),autoFocus:!0})]}),s.jsxs("div",{style:{display:"flex",gap:"8px",justifyContent:"flex-end"},children:[s.jsx("button",{type:"button",className:"ss-auth-btn-ghost",onClick:()=>{v(!1),N("")},children:"Cancel"}),s.jsxs("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",style:{width:"auto",background:"linear-gradient(135deg, #ef4444, #dc2626)"},disabled:C!==a.name||u,onClick:$,children:[u&&s.jsx("span",{className:"ss-auth-spinner"}),"Delete organization"]})]})]}):s.jsx("button",{type:"button",className:"ss-auth-btn-outline",style:{borderColor:"currentColor",width:"auto"},onClick:()=>v(!0),children:"Delete this organization"})]})]})}function Fs(){const{selectedOrg:e,members:r,invites:a,isLoading:i,error:n,setError:u,sendInvite:l,refreshInvites:d,revokeInvite:c,updateMemberRole:o,removeMember:x,refreshMembers:p}=H(),[h,b]=t.useState(""),[f,y]=t.useState("member"),[k,v]=t.useState(!1),[C,N]=t.useState(!1),[g,$]=t.useState(null),[P,I]=t.useState(""),[F,m]=t.useState(null);if(t.useEffect(()=>{e&&(p(e.id),d(e.id))},[e,p,d]),!e)return s.jsxs(s.Fragment,{children:[s.jsx("h3",{children:"People"}),s.jsxs("div",{className:"ss-auth-settings-empty",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.group}),s.jsx("div",{children:"Select an organization from the user menu to manage members."})]})]});const j=async S=>{S.preventDefault(),N(!1),await l(e.id,h,f)&&(b(""),y("member"),N(!0),v(!1),d(e.id))},z=async()=>{if(!g)return;await o(e.id,g.userId,P)&&$(null)},O=async()=>{if(!F)return;await x(e.id,F.userId)&&m(null)},E=async S=>{await c(e.id,S)},B=S=>S==="owner"?"ss-auth-role-badge ss-auth-role-badge-owner":S==="admin"?"ss-auth-role-badge ss-auth-role-badge-admin":"ss-auth-role-badge ss-auth-role-badge-member";return s.jsxs(s.Fragment,{children:[s.jsx("h3",{children:"People"}),n&&s.jsxs("div",{className:"ss-auth-error",style:{marginBottom:"16px"},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.errorOutline}),s.jsx("span",{children:n})]}),C&&s.jsxs("div",{className:"ss-auth-info-box",style:{marginBottom:"16px"},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.check}),s.jsx("span",{children:"Invitation sent"})]}),s.jsxs("div",{className:"ss-auth-settings-card",children:[s.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"16px"},children:[s.jsxs("h4",{style:{margin:0},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.group}),"Members"]}),s.jsxs("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",style:{width:"auto"},onClick:()=>v(!k),children:[s.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"16px"},children:w.add}),"Invite"]})]}),k&&s.jsx("form",{onSubmit:j,style:{marginBottom:"16px",padding:"16px",background:"rgba(0,0,0,0.05)",borderRadius:"8px"},children:s.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"flex-end"},children:[s.jsxs("div",{style:{flex:1},children:[s.jsx("label",{className:"ss-auth-label",children:"Email"}),s.jsx("input",{className:"ss-auth-input",type:"email",placeholder:"member@example.com",value:h,onChange:S=>b(S.target.value),required:!0})]}),s.jsxs("div",{style:{width:"120px"},children:[s.jsx("label",{className:"ss-auth-label",children:"Role"}),s.jsxs("select",{className:"ss-auth-input",value:f,onChange:S=>y(S.target.value),style:{cursor:"pointer"},children:[s.jsx("option",{value:"admin",children:"Admin"}),s.jsx("option",{value:"member",children:"Member"})]})]}),s.jsx("button",{type:"submit",className:"ss-auth-btn-primary ss-auth-btn-sm",disabled:i,style:{width:"auto",marginBottom:"0"},children:"Send"})]})}),r.length===0?s.jsx("div",{className:"ss-auth-settings-empty",style:{padding:"20px"},children:s.jsx("div",{children:"No members yet."})}):s.jsxs("table",{className:"ss-auth-settings-table",children:[s.jsx("thead",{children:s.jsxs("tr",{children:[s.jsx("th",{children:"Email"}),s.jsx("th",{children:"Role"}),s.jsx("th",{style:{width:"80px"},children:"Actions"})]})}),s.jsx("tbody",{children:r.map(S=>s.jsxs("tr",{children:[s.jsx("td",{children:S.email}),s.jsx("td",{children:s.jsx("span",{className:B(S.role),children:S.role})}),s.jsx("td",{children:S.role==="owner"?s.jsx("span",{style:{fontSize:"12px",opacity:.4},children:"—"}):s.jsxs("div",{className:"ss-auth-settings-actions",children:[s.jsx("button",{type:"button",className:"ss-auth-icon-btn",title:"Edit role",onClick:()=>{$(S),I(S.role)},children:s.jsx("span",{className:"material-symbols-outlined",children:w.edit})}),s.jsx("button",{type:"button",className:"ss-auth-icon-btn ss-auth-icon-btn-danger",title:"Remove member",onClick:()=>m(S),children:s.jsx("span",{className:"material-symbols-outlined",children:w.personRemove})})]})})]},S.userId))})]})]}),a.length>0&&s.jsxs("div",{className:"ss-auth-settings-card",children:[s.jsxs("h4",{children:[s.jsx("span",{className:"material-symbols-outlined",children:w.send}),"Pending Invites"]}),s.jsxs("table",{className:"ss-auth-settings-table",children:[s.jsx("thead",{children:s.jsxs("tr",{children:[s.jsx("th",{children:"Email"}),s.jsx("th",{children:"Role"}),s.jsx("th",{style:{width:"80px"},children:"Actions"})]})}),s.jsx("tbody",{children:a.map(S=>s.jsxs("tr",{children:[s.jsx("td",{children:S.email}),s.jsx("td",{children:s.jsx("span",{className:B(S.role),children:S.role})}),s.jsx("td",{children:s.jsx("button",{type:"button",className:"ss-auth-icon-btn ss-auth-icon-btn-danger",title:"Revoke invite",onClick:()=>E(S.id),children:s.jsx("span",{className:"material-symbols-outlined",children:w.close})})})]},S.id))})]})]}),g&&s.jsx("div",{className:"ss-auth-modal-overlay",onClick:S=>{S.target===S.currentTarget&&$(null)},children:s.jsxs("div",{className:"ss-auth-modal",style:{maxWidth:"400px"},children:[s.jsxs("div",{className:"ss-auth-modal-header",children:[s.jsx("h2",{children:"Edit Role"}),s.jsx("button",{type:"button",className:"ss-auth-modal-close",onClick:()=>$(null),children:s.jsx("span",{className:"material-symbols-outlined",children:w.close})})]}),s.jsxs("div",{className:"ss-auth-modal-body",children:[s.jsxs("p",{style:{fontSize:"14px",marginBottom:"16px",margin:"0 0 16px 0"},children:["Change role for ",s.jsx("strong",{children:g.email})]}),s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",children:"Role"}),s.jsxs("select",{className:"ss-auth-input",value:P,onChange:S=>I(S.target.value),style:{cursor:"pointer"},children:[s.jsx("option",{value:"admin",children:"Admin"}),s.jsx("option",{value:"member",children:"Member"})]})]}),s.jsxs("div",{style:{display:"flex",gap:"8px",justifyContent:"flex-end"},children:[s.jsx("button",{type:"button",className:"ss-auth-btn-ghost",onClick:()=>$(null),children:"Cancel"}),s.jsx("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",style:{width:"auto"},onClick:z,children:"Save"})]})]})]})}),F&&s.jsx("div",{className:"ss-auth-modal-overlay",onClick:S=>{S.target===S.currentTarget&&m(null)},children:s.jsxs("div",{className:"ss-auth-modal",style:{maxWidth:"400px"},children:[s.jsxs("div",{className:"ss-auth-modal-header",children:[s.jsx("h2",{children:"Remove Member"}),s.jsx("button",{type:"button",className:"ss-auth-modal-close",onClick:()=>m(null),children:s.jsx("span",{className:"material-symbols-outlined",children:w.close})})]}),s.jsxs("div",{className:"ss-auth-modal-body",children:[s.jsxs("p",{style:{fontSize:"14px",margin:"0 0 16px 0"},children:["Are you sure you want to remove ",s.jsx("strong",{children:F.email})," from the organization?"]}),s.jsxs("div",{style:{display:"flex",gap:"8px",justifyContent:"flex-end"},children:[s.jsx("button",{type:"button",className:"ss-auth-btn-ghost",onClick:()=>m(null),children:"Cancel"}),s.jsx("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",style:{width:"auto",background:"linear-gradient(135deg, #ef4444, #dc2626)"},onClick:O,children:"Remove"})]})]})]})})]})}function Bs(){const{invites:e,isLoading:r,error:a,setError:i,accept:n,decline:u,refresh:l}=_(),{refresh:d}=H(),[c,o]=t.useState(null),x=async h=>{o(h),i(null);const b=await n(h);o(null),b&&d()},p=async h=>{o(h),i(null),await u(h),o(null)};return s.jsxs(s.Fragment,{children:[s.jsx("h3",{children:"Invites"}),a&&s.jsxs("div",{className:"ss-auth-error",style:{marginBottom:"16px"},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.errorOutline}),s.jsx("span",{children:a})]}),r?s.jsx("div",{className:"ss-auth-settings-empty",style:{padding:"40px"},children:s.jsx("span",{className:"ss-auth-spinner"})}):e.length===0?s.jsxs("div",{className:"ss-auth-settings-empty",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.mail}),s.jsx("div",{children:"No pending invitations"})]}):s.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:e.map(h=>s.jsx("div",{className:"ss-auth-settings-card",style:{marginBottom:0},children:s.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"16px",flexWrap:"wrap"},children:[s.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px",flex:1,minWidth:0},children:[s.jsx("div",{className:"ss-auth-org-avatar",style:{width:"40px",height:"40px",fontSize:"14px",flexShrink:0},children:h.orgName.split(" ").map(b=>b[0]).join("").slice(0,2).toUpperCase()}),s.jsxs("div",{style:{minWidth:0},children:[s.jsx("div",{style:{fontWeight:600,fontSize:"14px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:h.orgName}),s.jsxs("div",{style:{fontSize:"12px",opacity:.6,display:"flex",gap:"8px",alignItems:"center"},children:[s.jsx("span",{className:"ss-auth-role-badge ss-auth-role-badge-member",children:h.role}),s.jsxs("span",{children:["Expires ",new Date(h.expiresAt).toLocaleDateString()]})]})]})]}),s.jsxs("div",{style:{display:"flex",gap:"8px",flexShrink:0},children:[s.jsx("button",{type:"button",className:"ss-auth-btn-ghost",style:{padding:"6px 12px",fontSize:"13px"},onClick:()=>p(h.id),disabled:c===h.id,children:"Decline"}),s.jsxs("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",style:{width:"auto",padding:"6px 16px",fontSize:"13px"},onClick:()=>x(h.id),disabled:c===h.id,children:[c===h.id&&s.jsx("span",{className:"ss-auth-spinner"}),"Accept"]})]})]})},h.id))})]})}function Ls(){const{selectedOrg:e}=H();return e?s.jsxs(s.Fragment,{children:[s.jsx("h3",{children:"Billing"}),s.jsxs("div",{className:"ss-auth-settings-card",children:[s.jsxs("h4",{children:[s.jsx("span",{className:"material-symbols-outlined",children:w.creditCard}),"Plan & Billing"]}),s.jsx("div",{className:"ss-auth-settings-empty",style:{padding:"20px"},children:s.jsx("div",{children:"No billing plan configured for this organization."})})]})]}):s.jsxs(s.Fragment,{children:[s.jsx("h3",{children:"Billing"}),s.jsxs("div",{className:"ss-auth-settings-empty",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.creditCard}),s.jsx("div",{children:"Select an organization from the user menu to manage billing."})]})]})}function As({appearance:e,afterSignOutUrl:r,afterDeleteAccountUrl:a,showOrgSwitcher:i=!0,onOrgChange:n,onOrgSettingsClick:u}){const{appearance:l}=A(),{user:d,signOut:c}=W(),o=e??l,[x,p]=t.useState(!1),[h,b]=t.useState(!1),[f,y]=t.useState(""),[k,v]=t.useState(null),[C,N]=t.useState(!1),g=t.useRef(null),{orgs:$,selectedOrg:P,selectOrg:I,createOrg:F,refresh:m}=H(),{invites:j}=_(),z=t.useCallback(E=>{g.current&&!E.composedPath().includes(g.current)&&p(!1)},[]);t.useEffect(()=>{if(x){const E=setTimeout(()=>{document.addEventListener("click",z)},0);return()=>{clearTimeout(E),document.removeEventListener("click",z)}}},[x,z]);const O=t.useCallback(async E=>{E.preventDefault(),v(null),N(!0);const B=f.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"");try{const S=await F(f,B);S&&(await I(S.id),n==null||n(S),y(""),p(!1))}catch(S){v(S instanceof Error?S.message:"Failed to create organization")}finally{N(!1)}},[f,F,I,n]);return d?s.jsx(M,{appearance:o,children:s.jsxs("div",{style:{position:"relative",display:"inline-block"},ref:g,children:[s.jsxs("button",{type:"button",className:"ss-auth-user-trigger",onClick:()=>p(!x),"aria-label":"User menu",children:[s.jsxs("span",{className:"ss-auth-avatar-trigger",children:[d.avatarUrl?s.jsx("img",{src:d.avatarUrl,alt:""}):s.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"16px",fontWeight:700},children:(d.name||d.email).charAt(0).toUpperCase()}),j.length>0&&s.jsx("span",{className:"ss-auth-invite-badge",children:j.length})]}),P&&s.jsx("span",{className:"ss-auth-trigger-org-name",children:P.name})]}),x&&s.jsxs("div",{className:"ss-auth-dropdown ss-auth-glass-panel",style:{minWidth:"320px"},children:[s.jsxs("div",{className:"ss-auth-dropdown-header",children:[s.jsx("div",{className:"ss-auth-dropdown-avatar",children:d.avatarUrl?s.jsx("img",{src:d.avatarUrl,alt:""}):s.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"20px",fontWeight:800},children:(d.name||d.email).charAt(0).toUpperCase()})}),s.jsxs("div",{children:[d.name&&s.jsx("div",{className:"ss-auth-dropdown-name",children:d.name}),s.jsx("div",{className:"ss-auth-dropdown-email",children:d.email})]})]}),s.jsx("div",{style:{padding:"4px 8px"},children:s.jsxs("button",{type:"button",className:"ss-auth-dropdown-action",onClick:()=>{p(!1),b(!0)},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.settings}),"Settings"]})}),i&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"ss-auth-section-label",children:"Organizations"}),s.jsx("div",{style:{padding:"0 8px 4px"},children:$.map(E=>{const B=(P==null?void 0:P.id)===E.id,S=E.name.split(" ").map(L=>L[0]).join("").slice(0,2).toUpperCase();return s.jsxs("button",{type:"button",className:`ss-auth-org-item${B?" ss-auth-org-item-active":""}`,onClick:async()=>{p(!1),await I(E.id),n==null||n(E)},children:[s.jsxs("div",{className:"ss-auth-org-item-inner",children:[s.jsx("div",{className:`ss-auth-org-avatar${B?"":" ss-auth-org-avatar-inactive"}`,children:S}),s.jsx("span",{style:{fontFamily:"'Manrope', sans-serif",letterSpacing:"-0.01em"},children:E.name}),E.planName&&s.jsx("span",{className:"ss-auth-plan-badge",children:E.planName})]}),B&&s.jsx("span",{className:"material-symbols-outlined ss-auth-org-check",style:{fontSize:"18px"},children:w.checkCircle})]},E.id)})}),s.jsxs("div",{className:"ss-auth-inline-create",children:[k&&s.jsx("div",{className:"ss-auth-error",style:{marginBottom:"8px",fontSize:"12px"},children:s.jsx("span",{children:k})}),s.jsx("form",{onSubmit:O,children:s.jsxs("div",{className:"ss-auth-inline-create-input",children:[s.jsx("input",{className:"ss-auth-input",type:"text",placeholder:"New organization name",value:f,onChange:E=>y(E.target.value),required:!0,style:{fontSize:"13px",padding:"10px 40px 10px 12px"}}),s.jsx("button",{type:"submit",className:"ss-auth-inline-create-btn",disabled:C||!f.trim(),children:s.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"20px"},children:w.add})})]})})]}),P&&u&&s.jsx("div",{style:{padding:"0 8px 4px"},children:s.jsxs("button",{type:"button",className:"ss-auth-dropdown-action",onClick:()=>{p(!1),u(P)},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.corporateFare}),"Org settings"]})})]}),s.jsx("div",{className:"ss-auth-signout-section",style:{padding:"8px"},children:s.jsxs("button",{type:"button",className:"ss-auth-dropdown-action",onClick:async()=>{p(!1),await c(),r&&(window.location.href=r)},style:{color:"inherit"},children:[s.jsx("span",{className:"material-symbols-outlined",style:{color:"inherit"},children:w.logout}),"Sign out"]})})]}),h&&s.jsx(is,{onClose:()=>b(!1),afterDeleteAccountUrl:a,onOrgDeleted:m,onOrgUpdated:m})]})}):null}function Ds({appearance:e}){const{appearance:r}=A(),{user:a,signOut:i}=W(),{updateProfile:n,uploadAvatar:u,changePassword:l,isLoading:d,error:c,success:o,setError:x,setSuccess:p}=ss(),h=e??r,[b,f]=t.useState((a==null?void 0:a.name)??""),[y,k]=t.useState((a==null?void 0:a.avatarUrl)??""),[v,C]=t.useState(!1),[N,g]=t.useState(""),[$,P]=t.useState(""),[I,F]=t.useState(""),[m,j]=t.useState(null),z=t.useCallback(async L=>{L.preventDefault(),x(null),p(null),await n({name:b,avatarUrl:y||void 0})},[b,y,n,x,p]),O=t.useCallback(async L=>{const V=await u(L);V&&(k(V.avatarUrl),C(!1))},[u]),E=t.useCallback(async L=>{if(L.preventDefault(),j(null),x(null),p(null),$!==I){j("Passwords do not match");return}if($.length<8){j("Password must be at least 8 characters");return}await l(N,$)&&(g(""),P(""),F(""))},[N,$,I,l,x,p]);if(!a)return null;const B=a.provider==="email",S=(a.name||a.email).charAt(0).toUpperCase();return s.jsx(M,{appearance:h,children:s.jsxs("div",{className:"ss-auth-card",style:{maxWidth:"640px"},children:[s.jsxs("div",{className:"ss-auth-profile-header",children:[s.jsxs("div",{className:"ss-auth-avatar-lg",onClick:()=>C(!0),children:[y?s.jsx("img",{src:y,alt:""}):s.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"48px",fontWeight:800,opacity:.4},children:S}),s.jsxs("div",{className:"ss-auth-avatar-overlay",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.camera}),s.jsx("span",{children:"Edit"})]})]}),s.jsxs("div",{className:"ss-auth-profile-info",children:[s.jsxs("h2",{className:"ss-auth-profile-name",children:[a.name||"Unnamed User",a.emailVerified&&s.jsxs("span",{className:"ss-auth-badge ss-auth-badge-success",children:[s.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"12px",fontVariationSettings:"'FILL' 1"},children:w.verified}),"Verified"]})]}),s.jsx("p",{className:"ss-auth-profile-desc",children:a.email})]})]}),s.jsxs("div",{className:"ss-auth-card-body",children:[c&&s.jsxs("div",{className:"ss-auth-error",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.errorOutline}),s.jsx("span",{children:c})]}),o&&s.jsxs("div",{className:"ss-auth-info-box",style:{marginBottom:"16px"},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.check}),s.jsx("span",{children:o})]}),s.jsxs("form",{onSubmit:z,children:[s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",children:"Full Name"}),s.jsx("input",{className:"ss-auth-input",type:"text",placeholder:"Your name",value:b,onChange:L=>f(L.target.value)})]}),s.jsxs("div",{className:"ss-auth-profile-grid",style:{marginBottom:"16px"},children:[s.jsxs("div",{children:[s.jsx("label",{className:"ss-auth-label",children:"Email Address"}),s.jsxs("div",{style:{position:"relative"},children:[s.jsx("input",{className:"ss-auth-input ss-auth-input-readonly",type:"email",value:a.email,readOnly:!0}),s.jsx("span",{className:"ss-auth-visibility-toggle",style:{cursor:"default"},children:s.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"18px"},children:w.lock})})]})]}),s.jsxs("div",{children:[s.jsx("label",{className:"ss-auth-label",children:"Auth Provider"}),s.jsxs("div",{style:{position:"relative"},children:[s.jsx("input",{className:"ss-auth-input ss-auth-input-readonly",type:"text",value:a.provider,readOnly:!0}),s.jsx("span",{className:"ss-auth-visibility-toggle",style:{cursor:"default"},children:s.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"18px"},children:w.cloudDone})})]})]})]}),s.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:s.jsxs("button",{type:"submit",className:"ss-auth-btn-primary ss-auth-btn-sm",disabled:d,style:{width:"auto"},children:[d&&s.jsx("span",{className:"ss-auth-spinner"}),"Save changes"]})})]}),B&&s.jsxs("div",{className:"ss-auth-section",children:[s.jsxs("div",{className:"ss-auth-section-title",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.security}),"Security Credentials"]}),s.jsx("p",{className:"ss-auth-section-desc",style:{marginBottom:"24px"},children:"Update your password to keep your account secure."}),m&&s.jsxs("div",{className:"ss-auth-error",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.errorOutline}),s.jsx("span",{children:m})]}),s.jsxs("form",{onSubmit:E,children:[s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",children:"Current Password"}),s.jsx("input",{className:"ss-auth-input",type:"password",placeholder:"••••••••••••",value:N,onChange:L=>g(L.target.value),required:!0})]}),s.jsxs("div",{className:"ss-auth-profile-grid",style:{marginBottom:"16px"},children:[s.jsxs("div",{children:[s.jsx("label",{className:"ss-auth-label",children:"New Password"}),s.jsx("input",{className:"ss-auth-input",type:"password",placeholder:"Min. 8 characters",value:$,onChange:L=>P(L.target.value),required:!0})]}),s.jsxs("div",{children:[s.jsx("label",{className:"ss-auth-label",children:"Confirm New Password"}),s.jsx("input",{className:"ss-auth-input",type:"password",placeholder:"Repeat new password",value:I,onChange:L=>F(L.target.value),required:!0})]})]}),s.jsxs("div",{className:"ss-auth-info-box",style:{marginBottom:"16px"},children:[s.jsx("span",{className:"material-symbols-outlined",children:w.info}),s.jsx("span",{children:"Password must be at least 8 characters long."})]}),s.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:s.jsx("button",{type:"submit",className:"ss-auth-btn-ghost",disabled:d,children:"Update Security"})})]})]}),s.jsx("div",{className:"ss-auth-section",style:{borderTop:"none",paddingTop:0,marginTop:"24px"},children:s.jsx("div",{className:"ss-auth-signout-section",style:{borderRadius:"12px",padding:"16px 20px"},children:s.jsxs("div",{className:"ss-auth-signout-row",children:[s.jsxs("div",{className:"ss-auth-signout-info",children:[s.jsx("div",{className:"ss-auth-signout-icon",children:s.jsx("span",{className:"material-symbols-outlined",children:w.logout})}),s.jsxs("div",{children:[s.jsx("div",{className:"ss-auth-signout-title",children:"End Session"}),s.jsx("div",{className:"ss-auth-signout-desc",children:"Terminate your active session"})]})]}),s.jsx("button",{type:"button",className:"ss-auth-btn-outline",onClick:()=>i(),style:{width:"auto",flexShrink:0},children:"Sign out"})]})})})]}),v&&s.jsx(os,{onUpload:O,onClose:()=>C(!1),isLoading:d})]})})}function Ts({appearance:e,onOrgChange:r}){const{appearance:a}=A(),{orgs:i,selectedOrg:n,selectOrg:u,createOrg:l,isLoading:d}=H(),c=e??a,[o,x]=t.useState(!1),[p,h]=t.useState(""),[b,f]=t.useState(""),[y,k]=t.useState(null),[v,C]=t.useState(!1),N=t.useRef(null),g=t.useCallback(m=>{N.current&&!m.composedPath().includes(N.current)&&x(!1)},[]);t.useEffect(()=>{if(o){const m=setTimeout(()=>{document.addEventListener("click",g)},0);return()=>{clearTimeout(m),document.removeEventListener("click",g)}}},[o,g]);const $=t.useCallback(m=>{h(m),f(m.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,""))},[]),P=t.useCallback(async m=>{m.preventDefault(),k(null),C(!0);try{const j=await l(p,b);j&&(await u(j.id),r==null||r(j),h(""),f(""),x(!1))}catch(j){k(j instanceof Error?j.message:"Failed to create organization")}finally{C(!1)}},[p,b,l,u,r]);if(d)return null;const I=(n==null?void 0:n.name)??(i.length===0?"No organization":"Select organization"),F=n?n.name.split(" ").map(m=>m[0]).join("").slice(0,2).toUpperCase():"--";return s.jsx(M,{appearance:c,children:s.jsxs("div",{style:{position:"relative",display:"inline-block",width:"100%",maxWidth:"360px"},ref:N,children:[s.jsxs("button",{type:"button",className:"ss-auth-org-trigger",onClick:()=>x(!o),children:[s.jsxs("div",{className:"ss-auth-org-trigger-inner",children:[s.jsx("div",{className:"ss-auth-org-avatar",children:F}),s.jsxs("div",{style:{textAlign:"left"},children:[s.jsx("div",{className:"ss-auth-org-trigger-label",children:"Current Organization"}),s.jsx("div",{className:"ss-auth-org-trigger-name",children:I})]})]}),s.jsx("span",{className:"material-symbols-outlined",children:w.unfoldMore})]}),o&&s.jsxs("div",{className:"ss-auth-dropdown ss-auth-dropdown-left ss-auth-glass-panel",style:{width:"100%"},children:[s.jsx("div",{className:"ss-auth-section-label",children:"Your Organizations"}),s.jsx("div",{style:{padding:"0 8px 4px"},children:i.map(m=>{const j=(n==null?void 0:n.id)===m.id,z=m.name.split(" ").map(O=>O[0]).join("").slice(0,2).toUpperCase();return s.jsxs("button",{type:"button",className:`ss-auth-org-item${j?" ss-auth-org-item-active":""}`,onClick:async()=>{x(!1),await u(m.id),r==null||r(m)},children:[s.jsxs("div",{className:"ss-auth-org-item-inner",children:[s.jsx("div",{className:`ss-auth-org-avatar${j?"":" ss-auth-org-avatar-inactive"}`,children:z}),s.jsx("span",{style:{fontFamily:"'Manrope', sans-serif",letterSpacing:"-0.01em"},children:m.name})]}),j&&s.jsx("span",{className:"material-symbols-outlined ss-auth-org-check",style:{fontSize:"18px"},children:w.checkCircle})]},m.id)})}),s.jsxs("div",{className:"ss-auth-org-create",children:[s.jsxs("div",{className:"ss-auth-org-create-header",children:[s.jsx("span",{className:"material-symbols-outlined",children:w.addCircle}),s.jsx("span",{children:"Create organization"})]}),y&&s.jsx("div",{className:"ss-auth-error",style:{marginBottom:"12px",fontSize:"12px"},children:s.jsx("span",{children:y})}),s.jsxs("form",{onSubmit:P,children:[s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",style:{fontSize:"10px"},children:"Org Name"}),s.jsx("input",{className:"ss-auth-input",type:"text",placeholder:"e.g. Nexus Dynamics",value:p,onChange:m=>$(m.target.value),required:!0,style:{fontSize:"13px",padding:"10px 12px"}})]}),s.jsxs("div",{className:"ss-auth-field",children:[s.jsx("label",{className:"ss-auth-label",style:{fontSize:"10px"},children:"Workspace Slug"}),s.jsxs("div",{style:{position:"relative"},children:[s.jsx("span",{className:"ss-auth-org-slug-prefix",children:"/"}),s.jsx("input",{className:"ss-auth-input",type:"text",placeholder:"nexus-dynamics",value:b,onChange:m=>f(m.target.value),required:!0,style:{fontSize:"13px",padding:"10px 12px 10px 22px"}})]})]}),s.jsxs("button",{type:"submit",className:"ss-auth-btn-primary",disabled:v||!p.trim(),style:{marginTop:"8px"},children:[v&&s.jsx("span",{className:"ss-auth-spinner"}),"Initialize Organization"]})]})]})]})]})})}function Ms(e,r="USD"){return new Intl.NumberFormat("en-US",{style:"currency",currency:r,minimumFractionDigits:e%100===0?0:2}).format(e/100)}function Rs({plans:e,currentPlanId:r,onSelectPlan:a,interval:i,appearance:n}){const{appearance:u}=A(),l=n??u,d=i?e.filter(c=>c.interval===i||c.isFree):e;return s.jsx(M,{appearance:l,children:s.jsx("div",{className:"ss-pricing-grid",children:d.map(c=>{const o=c.id===r;return s.jsxs("div",{className:`ss-pricing-card ${o?"ss-pricing-card-current":""}`,children:[s.jsxs("div",{className:"ss-pricing-header",children:[s.jsx("h3",{className:"ss-pricing-name",children:c.name}),c.trialDays>0&&s.jsxs("span",{className:"ss-badge ss-badge-trialing",children:[c.trialDays,"-day trial"]}),c.isFree&&s.jsx("span",{className:"ss-badge ss-badge-active",children:"Free"})]}),s.jsx("div",{className:"ss-pricing-price",children:c.isFree?s.jsx("span",{className:"ss-pricing-amount",children:"Free"}):s.jsxs(s.Fragment,{children:[s.jsx("span",{className:"ss-pricing-amount",children:Ms(c.amountCents,c.currency)}),s.jsxs("span",{className:"ss-pricing-interval",children:["/",c.interval]})]})}),c.description&&s.jsx("p",{className:"ss-pricing-desc",children:c.description}),c.features.length>0&&s.jsx("ul",{className:"ss-pricing-features",children:c.features.map((x,p)=>s.jsxs("li",{className:"ss-pricing-feature",children:[s.jsx("span",{className:"ss-check",children:"✓"})," ",x]},p))}),s.jsx("button",{type:"button",className:`ss-btn ${o?"ss-btn-current":"ss-btn-primary"}`,disabled:o,onClick:()=>a(c.id),children:o?"Current plan":"Select plan"})]},c.id)})})})}function Us(){const{client:e}=A();return{billing:e.billing}}function G(e){const{client:r}=A();return t.useMemo(()=>{if(e){const a=new R.Transport("https://api.saas-support.com/v1",{type:"portalToken",token:e});return new R.BillingClient(a)}return r.billing},[r,e])}function ls(e,r){const a=G(r),[i,n]=t.useState(null),[u,l]=t.useState(!0),[d,c]=t.useState(null),o=t.useCallback(async()=>{l(!0),c(null);try{const x=await a.getCustomer(e);n(x)}catch(x){c(x instanceof Error?x.message:"Failed to load subscription")}finally{l(!1)}},[a,e]);return t.useEffect(()=>{o()},[o]),{customer:i,isLoading:u,error:d,refresh:o}}function cs(e,r){const a=G(r),[i,n]=t.useState([]),[u,l]=t.useState(!0),[d,c]=t.useState(null),o=t.useCallback(async()=>{l(!0),c(null);try{const x=await a.getInvoices(e);n(x)}catch(x){c(x instanceof Error?x.message:"Failed to load invoices")}finally{l(!1)}},[a,e]);return t.useEffect(()=>{o()},[o]),{invoices:i,isLoading:u,error:d,refresh:o}}function ds(e,r){const a=G(r),[i,n]=t.useState([]),[u,l]=t.useState(!0),[d,c]=t.useState(null),o=t.useCallback(async()=>{l(!0),c(null);try{const x=await a.getCurrentUsage(e);n(x)}catch(x){c(x instanceof Error?x.message:"Failed to load usage")}finally{l(!1)}},[a,e]);return t.useEffect(()=>{o()},[o]),{usage:i,isLoading:u,error:d,refresh:o}}const Vs={active:"ss-badge-active"};function us({customerId:e,portalToken:r,onChangePlan:a,onCancel:i,appearance:n}){const{appearance:u}=A(),{customer:l,isLoading:d,error:c}=ls(e,r),o=n??u;return s.jsx(M,{appearance:o,children:s.jsxs("div",{className:"ss-card",children:[s.jsx("h2",{className:"ss-title",children:"Subscription"}),d&&s.jsxs("div",{className:"ss-loading",children:[s.jsx("span",{className:"ss-spinner"})," Loading..."]}),c&&s.jsx("div",{className:"ss-global-error",children:c}),l&&!d&&s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"ss-field",children:[s.jsx("label",{className:"ss-label",children:"Customer"}),s.jsx("input",{className:"ss-input",value:l.name||l.email,disabled:!0,readOnly:!0})]}),s.jsxs("div",{className:"ss-field",children:[s.jsx("label",{className:"ss-label",children:"Status"}),s.jsx("div",{children:s.jsx("span",{className:`ss-badge ${Vs.active}`,children:"Active"})})]}),s.jsxs("div",{className:"ss-btn-group",children:[a&&s.jsx("button",{type:"button",className:"ss-btn ss-btn-primary",onClick:a,children:"Change plan"}),i&&s.jsx("button",{type:"button",className:"ss-btn ss-btn-danger",onClick:i,children:"Cancel subscription"})]})]})]})})}const Hs={paid:"ss-badge-active",open:"ss-badge-trialing",draft:"ss-badge-paused",void:"ss-badge-canceled",uncollectible:"ss-badge-past-due"};function qs(e){return new Date(e).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"})}function Ws(e){return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2}).format(e/100)}function ps({customerId:e,portalToken:r,appearance:a}){const{appearance:i}=A(),{invoices:n,isLoading:u,error:l}=cs(e,r),d=a??i,c=[...n].sort((o,x)=>new Date(x.createdAt).getTime()-new Date(o.createdAt).getTime());return s.jsx(M,{appearance:d,children:s.jsxs("div",{className:"ss-card ss-card-wide",children:[s.jsx("h2",{className:"ss-title",children:"Invoices"}),u&&s.jsxs("div",{className:"ss-loading",children:[s.jsx("span",{className:"ss-spinner"})," Loading..."]}),l&&s.jsx("div",{className:"ss-global-error",children:l}),!u&&c.length===0&&s.jsx("p",{className:"ss-empty",children:"No invoices yet."}),!u&&c.length>0&&s.jsxs("table",{className:"ss-table",children:[s.jsx("thead",{children:s.jsxs("tr",{children:[s.jsx("th",{className:"ss-th",children:"Date"}),s.jsx("th",{className:"ss-th",children:"Amount"}),s.jsx("th",{className:"ss-th",children:"Status"}),s.jsx("th",{className:"ss-th",children:"PDF"})]})}),s.jsx("tbody",{children:c.map(o=>s.jsxs("tr",{className:"ss-tr",children:[s.jsx("td",{className:"ss-td",children:qs(o.createdAt)}),s.jsx("td",{className:"ss-td",children:Ws(o.amountCents)}),s.jsx("td",{className:"ss-td",children:s.jsx("span",{className:`ss-badge ${Hs[o.status]||""}`,children:o.status})}),s.jsx("td",{className:"ss-td",children:o.pdfUrl?s.jsx("a",{className:"ss-link",href:o.pdfUrl,target:"_blank",rel:"noopener noreferrer",children:"Download"}):"—"})]},o.id))})]})]})})}function hs({customerId:e,limits:r,portalToken:a,appearance:i}){const{appearance:n}=A(),{usage:u,isLoading:l,error:d}=ds(e,a),c=i??n;return s.jsx(M,{appearance:c,children:s.jsxs("div",{className:"ss-card",children:[s.jsx("h2",{className:"ss-title",children:"Usage"}),l&&s.jsxs("div",{className:"ss-loading",children:[s.jsx("span",{className:"ss-spinner"})," Loading..."]}),d&&s.jsx("div",{className:"ss-global-error",children:d}),!l&&u.length===0&&s.jsx("p",{className:"ss-empty",children:"No usage data."}),!l&&u.map(o=>{const x=r==null?void 0:r[o.metric],p=x?Math.min(100,o.total/x*100):null;return s.jsxs("div",{className:"ss-usage-item",children:[s.jsxs("div",{className:"ss-usage-header",children:[s.jsx("span",{className:"ss-usage-metric",children:o.metric}),s.jsxs("span",{className:"ss-usage-value",children:[o.total.toLocaleString(),x?` / ${x.toLocaleString()}`:""]})]}),p!==null&&s.jsx("div",{className:"ss-progress-bar",children:s.jsx("div",{className:`ss-progress-fill ${p>90?"ss-progress-danger":""}`,style:{width:`${p}%`}})})]},o.metric)})]})})}function _s({customerId:e,portalToken:r,limits:a,onChangePlan:i,onCancel:n,appearance:u}){const{appearance:l}=A(),d=u??l,[c,o]=t.useState("subscription"),x=[{id:"subscription",label:"Subscription"},{id:"invoices",label:"Invoices"},{id:"usage",label:"Usage"}];return s.jsx(M,{appearance:d,children:s.jsxs("div",{className:"ss-card ss-card-wide",children:[s.jsx("h2",{className:"ss-title",children:"Billing"}),s.jsx("div",{className:"ss-tab-group",children:x.map(p=>s.jsx("button",{type:"button",className:`ss-tab ${c===p.id?"ss-tab-active":""}`,onClick:()=>o(p.id),children:p.label},p.id))}),s.jsxs("div",{className:"ss-tab-content",children:[c==="subscription"&&s.jsx(us,{customerId:e,portalToken:r,onChangePlan:i,onCancel:n}),c==="invoices"&&s.jsx(ps,{customerId:e,portalToken:r}),c==="usage"&&s.jsx(hs,{customerId:e,portalToken:r,limits:a})]})]})})}function Gs({customerId:e,portalToken:r,onApplied:a,appearance:i}){const{appearance:n}=A(),u=G(r),l=i??n,[d,c]=t.useState(""),[o,x]=t.useState(!1),[p,h]=t.useState(null),[b,f]=t.useState(null),y=t.useCallback(async k=>{if(k.preventDefault(),!!d.trim()){x(!0),h(null),f(null);try{const v=await u.applyCoupon(e,d.trim());f(`Coupon applied! ${v.discountType==="percent"?`${v.amount}% off`:`$${(v.amount/100).toFixed(2)} off`}`),c(""),a==null||a(v)}catch(v){h(v instanceof Error?v.message:"Invalid coupon code")}finally{x(!1)}}},[u,e,d,a]);return s.jsx(M,{appearance:l,children:s.jsxs("div",{className:"ss-card",children:[s.jsx("h2",{className:"ss-title",children:"Apply coupon"}),p&&s.jsx("div",{className:"ss-global-error",children:p}),b&&s.jsx("div",{className:"ss-success-msg",children:b}),s.jsxs("form",{onSubmit:y,children:[s.jsxs("div",{className:"ss-field",children:[s.jsx("label",{className:"ss-label",htmlFor:"ss-coupon-code",children:"Coupon code"}),s.jsx("input",{id:"ss-coupon-code",className:"ss-input",type:"text",placeholder:"Enter coupon code",value:d,onChange:k=>c(k.target.value),required:!0})]}),s.jsxs("button",{type:"submit",className:"ss-btn ss-btn-primary",disabled:o||!d.trim(),children:[o&&s.jsx("span",{className:"ss-spinner"}),"Apply"]})]})]})})}function Ys(){const{client:e}=A();return{report:e.report}}function es(){const{client:e}=A(),[r,a]=t.useState(null),[i,n]=t.useState(!1),[u,l]=t.useState(null),d=t.useCallback(async c=>{n(!0),l(null);try{const o=await e.report.executeQuery(c);return a(o),o}catch(o){return l(o instanceof Error?o.message:"Query failed"),null}finally{n(!1)}},[e]);return{result:r,execute:d,isLoading:i,error:u}}function xs(e){const{client:r}=A(),[a,i]=t.useState(null),[n,u]=t.useState(!0),[l,d]=t.useState(null),c=t.useCallback(async()=>{u(!0),d(null);try{const o=await r.report.listQueries(e);i(o)}catch(o){d(o instanceof Error?o.message:"Failed to load queries")}finally{u(!1)}},[r,e]);return t.useEffect(()=>{c()},[c]),{queries:(a==null?void 0:a.data)??[],meta:a==null?void 0:a.meta,isLoading:n,error:l,refresh:c}}function Qs(e){const{client:r}=A(),[a,i]=t.useState(null),[n,u]=t.useState(!0),[l,d]=t.useState(null),c=t.useCallback(async()=>{u(!0),d(null);try{const o=await r.report.getDashboard(e);i(o)}catch(o){d(o instanceof Error?o.message:"Failed to load dashboard")}finally{u(!1)}},[r,e]);return t.useEffect(()=>{c()},[c]),{dashboard:a,isLoading:n,error:l,refresh:c}}function Js(e,r,a="https://api.saas-support.com/v1"){const i=t.useMemo(()=>{const p=new R.Transport(a,{type:"embedToken",token:e});return new R.ReportClient(p)},[e,a]),[n,u]=t.useState(null),[l,d]=t.useState(!0),[c,o]=t.useState(null),x=t.useCallback(async()=>{d(!0),o(null);try{const p=await i.getDashboard(r);u(p)}catch(p){o(p instanceof Error?p.message:"Failed to load dashboard")}finally{d(!1)}},[i,r]);return t.useEffect(()=>{x()},[x]),{dashboard:n,reportClient:i,isLoading:l,error:c,refresh:x}}function Zs({onResult:e,mode:r="both",placeholder:a,appearance:i}){const{appearance:n}=A(),{execute:u,isLoading:l,error:d}=es(),c=i??n,[o,x]=t.useState(""),[p,h]=t.useState(r==="sql"?"sql":"nl"),b=t.useCallback(async f=>{if(f.preventDefault(),!o.trim())return;const k=await u(p==="sql"?{sql:o}:{naturalLanguage:o});k&&(e==null||e(k))},[o,p,u,e]);return s.jsx(M,{appearance:c,children:s.jsxs("div",{className:"ss-card ss-card-wide",children:[r==="both"&&s.jsxs("div",{className:"ss-tab-group ss-tab-group-sm",children:[s.jsx("button",{type:"button",className:`ss-tab ${p==="nl"?"ss-tab-active":""}`,onClick:()=>h("nl"),children:"Natural Language"}),s.jsx("button",{type:"button",className:`ss-tab ${p==="sql"?"ss-tab-active":""}`,onClick:()=>h("sql"),children:"SQL"})]}),d&&s.jsx("div",{className:"ss-global-error",children:d}),s.jsxs("form",{onSubmit:b,children:[s.jsx("div",{className:"ss-field",children:s.jsx("textarea",{className:"ss-input ss-query-textarea",placeholder:a??(p==="sql"?"SELECT ...":"Ask a question about your data..."),value:o,onChange:f=>x(f.target.value),rows:3})}),s.jsxs("button",{type:"submit",className:"ss-btn ss-btn-primary",disabled:l||!o.trim(),children:[l&&s.jsx("span",{className:"ss-spinner"}),"Run query"]})]})]})})}function gs({columns:e,rows:r,sortable:a=!0,maxRows:i,appearance:n}){const{appearance:u}=A(),l=n??u,[d,c]=t.useState(null),[o,x]=t.useState("asc"),p=t.useMemo(()=>d?[...r].sort((y,k)=>{const v=y[d],C=k[d];if(v==null&&C==null)return 0;if(v==null)return 1;if(C==null)return-1;if(typeof v=="number"&&typeof C=="number")return o==="asc"?v-C:C-v;const N=String(v),g=String(C);return o==="asc"?N.localeCompare(g):g.localeCompare(N)}):r,[r,d,o]),h=i?p.slice(0,i):p,b=y=>{a&&(d===y?x(k=>k==="asc"?"desc":"asc"):(c(y),x("asc")))};function f(y){return y==null?"":typeof y=="object"?JSON.stringify(y):String(y)}return s.jsx(M,{appearance:l,children:s.jsxs("div",{className:"ss-table-container",children:[s.jsxs("table",{className:"ss-table",children:[s.jsx("thead",{children:s.jsx("tr",{children:e.map(y=>s.jsxs("th",{className:`ss-th ${a?"ss-th-sortable":""} ${d===y?o==="asc"?"ss-sorted-asc":"ss-sorted-desc":""}`,onClick:()=>b(y),children:[y,d===y&&s.jsx("span",{className:"ss-sort-indicator",children:o==="asc"?" ▲":" ▼"})]},y))})}),s.jsx("tbody",{children:h.map((y,k)=>s.jsx("tr",{className:"ss-tr",children:e.map(v=>s.jsx("td",{className:"ss-td",children:f(y[v])},v))},k))})]}),i&&r.length>i&&s.jsxs("div",{className:"ss-table-footer",children:["Showing ",i," of ",r.length," rows"]})]})})}function Ks(e,r="#6366f1"){const a=parseInt(r.replace("#","").slice(0,2),16),i=[];for(let n=0;n<e;n++){const u=(a+n*Math.floor(360/Math.max(e,1)))%360;i.push(`hsl(${u}, 65%, 55%)`)}return i}function Xs({labels:e,values:r,w:a,h:i,colors:n}){const u=Math.max(...r,1),l=40,d=a-l*2,c=i-l*2,o=Math.max(1,d/e.length-4);return s.jsxs("g",{children:[s.jsx("line",{x1:l,y1:i-l,x2:a-l,y2:i-l,stroke:"#ccc",strokeWidth:1}),r.map((x,p)=>{const h=x/u*c,b=l+d/e.length*p+2,f=i-l-h;return s.jsxs("g",{children:[s.jsx("rect",{x:b,y:f,width:o,height:h,fill:n[p%n.length],rx:2}),s.jsx("text",{x:b+o/2,y:i-l+14,textAnchor:"middle",fontSize:10,fill:"#666",children:e[p].length>8?e[p].slice(0,8)+"...":e[p]})]},p)})]})}function se({labels:e,values:r,w:a,h:i,colors:n}){const u=Math.max(...r,1),l=40,d=a-l*2,c=i-l*2,o=e.length>1?d/(e.length-1):0,x=r.map((p,h)=>{const b=l+o*h,f=i-l-p/u*c;return`${b},${f}`});return s.jsxs("g",{children:[[.25,.5,.75,1].map(p=>{const h=i-l-p*c;return s.jsx("line",{x1:l,y1:h,x2:a-l,y2:h,stroke:"#eee",strokeWidth:1},p)}),s.jsx("polyline",{points:x.join(" "),fill:"none",stroke:n[0],strokeWidth:2}),r.map((p,h)=>{const b=l+o*h,f=i-l-p/u*c;return s.jsx("circle",{cx:b,cy:f,r:4,fill:n[0]},h)})]})}function ee({labels:e,values:r,w:a,h:i,colors:n}){const u=r.reduce((h,b)=>h+b,0)||1,l=a/2,d=i/2-20,c=Math.min(a,i)/2-40,o=2*Math.PI*c;let x=0;const p=r.map((h,b)=>{const f=h/u,y=f*o,k={dash:y,offset:x,color:n[b%n.length],label:e[b],pct:f};return x+=y,k});return s.jsxs("g",{children:[p.map((h,b)=>s.jsx("circle",{cx:l,cy:d,r:c,fill:"none",stroke:h.color,strokeWidth:c*.6,strokeDasharray:`${h.dash} ${o-h.dash}`,strokeDashoffset:-h.offset,transform:`rotate(-90 ${l} ${d})`},b)),s.jsx("g",{transform:`translate(${l-e.length*30}, ${i-20})`,children:p.slice(0,6).map((h,b)=>s.jsxs("g",{transform:`translate(${b*60}, 0)`,children:[s.jsx("rect",{width:10,height:10,fill:h.color,rx:2}),s.jsx("text",{x:14,y:9,fontSize:9,fill:"#666",children:h.label.length>6?h.label.slice(0,6)+"..":h.label})]},b))})]})}function ms({type:e,data:r,title:a,width:i=400,height:n=300,appearance:u}){const{appearance:l}=A(),d=u??l,c=t.useMemo(()=>Ks(r.labels.length),[r.labels.length]);return s.jsx(M,{appearance:d,children:s.jsxs("div",{className:"ss-chart-container",children:[a&&s.jsx("h3",{className:"ss-chart-title",children:a}),s.jsxs("svg",{viewBox:`0 0 ${i} ${n}`,width:"100%",style:{maxWidth:i},children:[e==="bar"&&s.jsx(Xs,{labels:r.labels,values:r.values,w:i,h:n,colors:c}),e==="line"&&s.jsx(se,{labels:r.labels,values:r.values,w:i,h:n,colors:c}),e==="pie"&&s.jsx(ee,{labels:r.labels,values:r.values,w:i,h:n,colors:c})]})]})})}function ae({dashboardId:e,embedToken:r,baseUrl:a,refreshInterval:i,appearance:n}){const u=A(),l=n??(u==null?void 0:u.appearance),d=t.useMemo(()=>{if(r){const v=a??"https://api.saas-support.com/v1",C=new R.Transport(v,{type:"embedToken",token:r});return new R.ReportClient(C)}return u.client.report},[r,a,u]),[c,o]=t.useState([]),[x,p]=t.useState({}),[h,b]=t.useState(!0),[f,y]=t.useState(null),k=t.useCallback(async()=>{b(!0),y(null);try{const v=await d.getDashboard(e),C=JSON.parse(v.layoutJson||"[]");o(C);const N={};for(const g of C)try{const $=await d.listQueries({search:g.queryId,perPage:1});if($.data.length>0&&$.data[0].generatedSql){const P=await d.executeQuery({sql:$.data[0].generatedSql});N[g.queryId]=P}}catch{}p(N)}catch(v){y(v instanceof Error?v.message:"Failed to load dashboard")}finally{b(!1)}},[d,e]);return t.useEffect(()=>{k()},[k]),t.useEffect(()=>{if(!i||i<=0)return;const v=setInterval(k,i*1e3);return()=>clearInterval(v)},[i,k]),s.jsx(M,{appearance:l,children:s.jsxs("div",{className:"ss-dashboard-grid",children:[h&&s.jsxs("div",{className:"ss-loading",children:[s.jsx("span",{className:"ss-spinner"})," Loading dashboard..."]}),f&&s.jsx("div",{className:"ss-global-error",children:f}),!h&&c.map((v,C)=>{const N=x[v.queryId];if(!N)return null;const g=N.columns.length>=2?{labels:N.rows.map($=>String($[N.columns[0]]??"")),values:N.rows.map($=>Number($[N.columns[1]]??0))}:{labels:[],values:[]};return s.jsxs("div",{className:"ss-widget",children:[v.title&&s.jsx("h4",{className:"ss-widget-header",children:v.title}),v.chartType==="table"?s.jsx(gs,{columns:N.columns,rows:N.rows,maxRows:50}):s.jsx(ms,{type:v.chartType||"bar",data:g,width:v.w,height:v.h})]},C)})]})})}function te(e){return new Date(e).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"})}function re({onSelectQuery:e,onRunQuery:r,appearance:a}){const{appearance:i}=A(),{queries:n,isLoading:u,error:l}=xs(),{execute:d,isLoading:c}=es(),o=a??i,x=t.useCallback(async p=>{if(!p.generatedSql)return;const h=await d({sql:p.generatedSql});h&&(r==null||r(h))},[d,r]);return s.jsx(M,{appearance:o,children:s.jsxs("div",{className:"ss-card ss-card-wide",children:[s.jsx("h2",{className:"ss-title",children:"Saved Queries"}),u&&s.jsxs("div",{className:"ss-loading",children:[s.jsx("span",{className:"ss-spinner"})," Loading..."]}),l&&s.jsx("div",{className:"ss-global-error",children:l}),!u&&n.length===0&&s.jsx("p",{className:"ss-empty",children:"No saved queries."}),!u&&n.map(p=>s.jsxs("div",{className:"ss-saved-query-card",onClick:()=>e==null?void 0:e(p),children:[s.jsxs("div",{className:"ss-saved-query-header",children:[s.jsx("span",{className:"ss-saved-query-name",children:p.name}),p.chartType&&s.jsx("span",{className:"ss-badge",children:p.chartType})]}),p.naturalLanguage&&s.jsx("p",{className:"ss-saved-query-desc",children:p.naturalLanguage}),s.jsxs("div",{className:"ss-saved-query-footer",children:[s.jsx("span",{className:"ss-saved-query-date",children:te(p.createdAt)}),s.jsx("button",{type:"button",className:"ss-btn ss-btn-sm ss-btn-primary",disabled:c||!p.generatedSql,onClick:h=>{h.stopPropagation(),x(p)},children:c?s.jsx("span",{className:"ss-spinner"}):"Run"})]})]},p.id))]})})}function ne({embedToken:e,dashboardId:r,baseUrl:a="https://api.saas-support.com/v1",refreshInterval:i,appearance:n}){const u=t.useMemo(()=>{const y=new R.Transport(a,{type:"embedToken",token:e});return new R.ReportClient(y)},[e,a]),[l,d]=t.useState([]),[c,o]=t.useState(!0),[x,p]=t.useState(null),h=t.useMemo(()=>J(n),[n]),b=t.useMemo(()=>Z(h),[h]),f=t.useCallback(async()=>{o(!0),p(null);try{const y=await u.getDashboard(r),k=JSON.parse(y.layoutJson||"[]"),v=await Promise.all(k.map(async C=>{try{const N=await u.listQueries({search:C.queryId,perPage:1});if(N.data.length>0&&N.data[0].generatedSql){const g=await u.executeQuery({sql:N.data[0].generatedSql});return{...C,result:g}}}catch{}return C}));d(v)}catch(y){p(y instanceof Error?y.message:"Failed to load dashboard")}finally{o(!1)}},[u,r]);return t.useEffect(()=>{f()},[f]),t.useEffect(()=>{if(!i||i<=0)return;const y=setInterval(f,i*1e3);return()=>clearInterval(y)},[i,f]),s.jsx("div",{ref:y=>{if(!y||y.shadowRoot)return;const k=y.attachShadow({mode:"open"}),v=document.createElement("style");v.textContent=b,k.appendChild(v);const C=document.createElement("div");k.appendChild(C)},style:{display:"contents"},children:s.jsxs("div",{className:"ss-dashboard-grid",children:[c&&s.jsx("div",{className:"ss-loading",children:"Loading dashboard..."}),x&&s.jsx("div",{className:"ss-global-error",children:x}),!c&&l.map((y,k)=>{if(!y.result)return null;const{columns:v,rows:C}=y.result;return s.jsxs("div",{className:"ss-widget",children:[y.title&&s.jsx("h4",{className:"ss-widget-header",children:y.title}),s.jsxs("table",{className:"ss-table",children:[s.jsx("thead",{children:s.jsx("tr",{children:v.map(N=>s.jsx("th",{className:"ss-th",children:N},N))})}),s.jsx("tbody",{children:C.slice(0,50).map((N,g)=>s.jsx("tr",{className:"ss-tr",children:v.map($=>s.jsx("td",{className:"ss-td",children:String(N[$]??"")},$))},g))})]})]},k)})]})})}exports.SaaSError=R.SaaSError;exports.SaaSSupport=R.SaaSSupport;exports.isMfaRequired=R.isMfaRequired;exports.Chart=ms;exports.CouponInput=Gs;exports.DashboardView=ae;exports.DataTable=gs;exports.InvoiceHistory=ps;exports.OrgSwitcher=Ts;exports.PaymentPortal=_s;exports.PricingTable=Rs;exports.QueryInput=Zs;exports.ReportEmbed=ne;exports.SaaSContext=K;exports.SaaSProvider=ws;exports.SavedQueryList=re;exports.SettingsPanel=is;exports.SignIn=zs;exports.SignUp=Ps;exports.SubscriptionStatus=us;exports.UsageDisplay=hs;exports.UserButton=As;exports.UserProfile=Ds;exports.useAuth=W;exports.useBilling=Us;exports.useDashboard=Qs;exports.useDeleteAccount=ts;exports.useEmbedDashboard=Js;exports.useInvites=_;exports.useInvoices=cs;exports.useOrg=H;exports.useProfile=ss;exports.useQuery=es;exports.useReport=Ys;exports.useSaaSContext=A;exports.useSavedQueries=xs;exports.useSignIn=X;exports.useSignUp=as;exports.useSubscription=ls;exports.useUsage=ds;exports.useUser=Cs;
+  `}function ca({children:a,appearance:r}){const s=e.useRef(null),[l,c]=e.useState(null);e.useEffect(()=>{var j;if(!s.current||s.current.shadowRoot){c(((j=s.current)==null?void 0:j.shadowRoot)??null);return}const p=s.current.attachShadow({mode:"open"});if((r==null?void 0:r.fontUrl)!==null){const x=(r==null?void 0:r.fontUrl)??"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block";if(!document.querySelector(`link[href="${x}"]`)){const S=document.createElement("link");S.rel="stylesheet",S.href=x,document.head.appendChild(S)}const o=document.createElement("link");o.rel="stylesheet",o.href=x,p.appendChild(o)}const d=ia(r),w=document.createElement("style");w.textContent=la(d),p.appendChild(w);const u=document.createElement("div");p.appendChild(u),c(p)},[]),e.useEffect(()=>{if(!l)return;const p=l.querySelector("style");if(p){const d=ia(r);p.textContent=la(d)}},[r,l]);const n=(l==null?void 0:l.querySelector("div"))??null;return t.jsx("div",{ref:s,style:{display:"contents"},children:n&&ya.createPortal(a,n)})}function sa(){const{client:a,user:r,isLoaded:s}=V();return{isLoaded:s,isSignedIn:!!r,user:r,signOut:e.useCallback(()=>a.auth.signOut(),[a]),getToken:e.useCallback(()=>a.auth.getToken(),[a]),refreshUser:e.useCallback(()=>a.auth.refreshUser(),[a])}}function $a(){const{user:a,isLoaded:r}=V();return{user:a,isLoaded:r}}function da(){const{client:a}=V(),[r,s]=e.useState(!1),[l,c]=e.useState(null),n=e.useCallback(async(w,u)=>{s(!0),c(null);try{return await a.auth.signIn(w,u)}catch(j){return c(j instanceof Error?j.message:"Sign in failed"),null}finally{s(!1)}},[a]),p=e.useCallback(async w=>{s(!0),c(null);try{return await a.auth.signInWithOAuth(w)}catch(u){return c(u instanceof Error?u.message:"OAuth sign in failed"),null}finally{s(!1)}},[a]),d=e.useCallback(async(w,u)=>{s(!0),c(null);try{return await a.auth.submitMfaCode(w,u)}catch(j){return c(j instanceof Error?j.message:"MFA verification failed"),null}finally{s(!1)}},[a]);return{signIn:n,signInWithOAuth:p,submitMfaCode:d,isLoading:r,error:l,setError:c}}function ua(){const{client:a}=V(),[r,s]=e.useState(!1),[l,c]=e.useState(null);return{signUp:e.useCallback(async(p,d)=>{s(!0),c(null);try{return await a.auth.signUp(p,d)}catch(w){return c(w instanceof Error?w.message:"Sign up failed"),null}finally{s(!1)}},[a]),isLoading:r,error:l,setError:c}}function W(){const{client:a}=V(),[r,s]=e.useState([]),[l,c]=e.useState(null),[n,p]=e.useState([]),[d,w]=e.useState([]),[u,j]=e.useState(!1),[x,o]=e.useState(null),S=e.useRef(!1),v=e.useCallback(async()=>{j(!0),o(null);try{const m=await a.auth.listOrgs();if(s(m),c(g=>g&&(m.find(f=>f.id===g.id)??null)),!S.current&&m.length>0){const g=typeof window<"u"?localStorage.getItem("ss_selected_org"):null,f=(g?m.find(C=>C.id===g):null)??(m.length===1?m[0]:null);if(f){S.current=!0,c(f),typeof window<"u"&&localStorage.setItem("ss_selected_org",f.id);try{const C=await a.auth.listMembers(f.id);p(C)}catch{}}}}catch(m){o(m instanceof Error?m.message:"Failed to load organizations")}finally{j(!1)}},[a]);e.useEffect(()=>{v()},[v]);const z=e.useCallback(async m=>{try{const g=await a.auth.getOrg(m);c(g),typeof window<"u"&&localStorage.setItem("ss_selected_org",m);const h=await a.auth.listMembers(m);p(h)}catch(g){o(g instanceof Error?g.message:"Failed to load organization")}},[a]),R=e.useCallback(async(m,g)=>{try{const h=await a.auth.createOrg(m,g);return s(f=>[...f,h]),h}catch(h){return o(h instanceof Error?h.message:"Failed to create organization"),null}},[a]),E=e.useCallback(async(m,g)=>{try{const h=await a.auth.updateOrg(m,g);return s(f=>f.map(C=>C.id===m?h:C)),(l==null?void 0:l.id)===m&&c(h),h}catch(h){return o(h instanceof Error?h.message:"Failed to update organization"),null}},[a,l]),L=e.useCallback(async m=>{try{return await a.auth.deleteOrg(m),s(g=>g.filter(h=>h.id!==m)),(l==null?void 0:l.id)===m&&(c(null),p([]),w([]),typeof window<"u"&&localStorage.removeItem("ss_selected_org")),!0}catch(g){return o(g instanceof Error?g.message:"Failed to delete organization"),!1}},[a,l]),F=e.useCallback(async(m,g,h)=>{try{return await a.auth.sendInvite(m,g,h)}catch(f){return o(f instanceof Error?f.message:"Failed to send invite"),null}},[a]),i=e.useCallback(async m=>{try{const g=await a.auth.listInvites(m);w(g)}catch(g){o(g instanceof Error?g.message:"Failed to load invites")}},[a]),k=e.useCallback(async(m,g)=>{try{return await a.auth.revokeInvite(m,g),w(h=>h.filter(f=>f.id!==g)),!0}catch(h){return o(h instanceof Error?h.message:"Failed to revoke invite"),!1}},[a]),$=e.useCallback(async(m,g,h)=>{try{return await a.auth.updateMemberRole(m,g,h),p(f=>f.map(C=>C.userId===g?{...C,role:h}:C)),!0}catch(f){return o(f instanceof Error?f.message:"Failed to update member role"),!1}},[a]),N=e.useCallback(async(m,g)=>{try{return await a.auth.removeMember(m,g),p(h=>h.filter(f=>f.userId!==g)),!0}catch(h){return o(h instanceof Error?h.message:"Failed to remove member"),!1}},[a]),B=e.useCallback(async m=>{try{const g=await a.auth.listMembers(m);p(g)}catch(g){o(g instanceof Error?g.message:"Failed to load members")}},[a]),I=e.useCallback(async(m,g)=>{try{const h=await a.auth.uploadOrgAvatar(m,g);return s(f=>f.map(C=>C.id===m?{...C,avatarUrl:h.avatarUrl}:C)),(l==null?void 0:l.id)===m&&c(f=>f&&{...f,avatarUrl:h.avatarUrl}),h}catch(h){return o(h instanceof Error?h.message:"Failed to upload org avatar"),null}},[a,l]);return{orgs:r,selectedOrg:l,members:n,invites:d,isLoading:u,error:x,setError:o,refresh:v,selectOrg:z,createOrg:R,updateOrg:E,deleteOrg:L,sendInvite:F,refreshInvites:i,revokeInvite:k,updateMemberRole:$,removeMember:N,refreshMembers:B,uploadOrgAvatar:I}}function pa(){const{client:a}=V(),[r,s]=e.useState(!1),[l,c]=e.useState(null);return{deleteAccount:e.useCallback(async()=>{s(!0),c(null);try{return await a.auth.deleteAccount(),!0}catch(p){return c(p instanceof Error?p.message:"Failed to delete account"),!1}finally{s(!1)}},[a]),isLoading:r,error:l,setError:c}}function ha(){const{client:a,user:r}=V(),[s,l]=e.useState(!1),[c,n]=e.useState(null),[p,d]=e.useState(null),w=e.useCallback(async x=>{l(!0),n(null),d(null);try{const o=await a.auth.updateProfile(x);return d("Profile updated"),o}catch(o){return n(o instanceof Error?o.message:"Failed to update profile"),null}finally{l(!1)}},[a]),u=e.useCallback(async(x,o)=>{l(!0),n(null),d(null);try{return await a.auth.changePassword(x,o),d("Password changed successfully"),!0}catch(S){return n(S instanceof Error?S.message:"Failed to change password"),!1}finally{l(!1)}},[a]),j=e.useCallback(async x=>{l(!0),n(null),d(null);try{const o=await a.auth.uploadAvatar(x);return d("Avatar updated"),o}catch(o){return n(o instanceof Error?o.message:"Failed to upload avatar"),null}finally{l(!1)}},[a]);return{user:r,updateProfile:w,uploadAvatar:j,changePassword:u,isLoading:s,error:c,success:p,setError:n,setSuccess:d}}function Q(){const{client:a}=V(),[r,s]=e.useState([]),[l,c]=e.useState(!1),[n,p]=e.useState(null),d=e.useCallback(async()=>{c(!0),p(null);try{const j=await a.auth.listMyInvites();s(j)}catch(j){p(j instanceof Error?j.message:"Failed to load invites")}finally{c(!1)}},[a]);e.useEffect(()=>{d()},[d]);const w=e.useCallback(async j=>{try{const x=await a.auth.acceptInviteById(j);return s(o=>o.filter(S=>S.id!==j)),x}catch(x){return p(x instanceof Error?x.message:"Failed to accept invite"),null}},[a]),u=e.useCallback(async j=>{try{return await a.auth.declineInvite(j),s(x=>x.filter(o=>o.id!==j)),!0}catch(x){return p(x instanceof Error?x.message:"Failed to decline invite"),!1}},[a]);return{invites:r,isLoading:l,error:n,setError:p,refresh:d,accept:w,decline:u}}const Na='<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/></svg>',Ca='<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" fill="currentColor"/></svg>',y={close:"close",person:"person",logout:"logout",checkCircle:"check_circle",cloudUpload:"cloud_upload",zoomIn:"zoom_in",zoomOut:"zoom_out",lock:"lock",visibility:"visibility",visibilityOff:"visibility_off",add:"add",camera:"photo_camera",security:"security",errorOutline:"error_outline",info:"info",arrowBack:"arrow_back",arrowForward:"arrow_forward",verified:"verified",corporateFare:"corporate_fare",mail:"mail",check:"check",image:"image",settings:"settings",group:"group",creditCard:"credit_card",edit:"edit",send:"send",personRemove:"person_remove"};function za({appearance:a,afterSignInUrl:r,afterSignUpUrl:s,initialMode:l="signIn"}){const{appearance:c,settings:n}=V(),{signIn:p,signInWithOAuth:d,submitMfaCode:w,isLoading:u,error:j,setError:x}=da(),{signUp:o,isLoading:S,error:v,setError:z}=ua(),R=a??c,[E,L]=e.useState(l),[F,i]=e.useState(""),[k,$]=e.useState(""),[N,B]=e.useState(!1),[I,m]=e.useState(""),[g,h]=e.useState(null),[f,C]=e.useState(!1),[b,H]=e.useState(!1),[K,aa]=e.useState(""),[q,G]=e.useState(["","","","","",""]),Y=e.useRef([]),U=E==="signIn"?u:S,X=E==="signIn"?j:g||v,T=e.useCallback(P=>{L(P),x(null),z(null),h(null),H(!1),G(["","","","","",""])},[x,z]),Z=e.useCallback(async P=>{if(P.preventDefault(),b){await w(K,q.join(""));return}const M=await p(F,k);M&&J.isMfaRequired(M)&&(aa(M.mfaToken),H(!0),x(null))},[F,k,b,K,q,p,w,x]),ga=e.useCallback(async P=>{if(P.preventDefault(),h(null),k!==I){h("Passwords do not match");return}const M=(n==null?void 0:n.passwordMinLength)??8;if(k.length<M){h(`Password must be at least ${M} characters`);return}await o(F,k)},[F,k,I,n,o]),ea=e.useCallback(async P=>{await d(P)},[d]),fa=e.useCallback((P,M)=>{var na;if(!/^\d*$/.test(M))return;const A=M.slice(-1);G(ba=>{const oa=[...ba];return oa[P]=A,oa}),A&&P<5&&((na=Y.current[P+1])==null||na.focus())},[]),ma=e.useCallback((P,M)=>{var A;M.key==="Backspace"&&!q[P]&&P>0&&((A=Y.current[P-1])==null||A.focus())},[q]),ra=(n==null?void 0:n.googleEnabled)||(n==null?void 0:n.githubEnabled),_=E==="signIn";return t.jsx(ca,{appearance:R,children:t.jsx("div",{className:"ss-auth-card",children:t.jsxs("div",{className:"ss-auth-card-body",children:[t.jsxs("div",{className:"ss-auth-header",children:[t.jsx("h1",{className:"ss-auth-title",children:_?"Sign in to your account":"Create your account"}),t.jsx("p",{className:"ss-auth-subtitle",children:_?"Welcome back to your workspace":"Join the ecosystem"})]}),!b&&ra&&t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"ss-auth-oauth-grid",children:[(n==null?void 0:n.googleEnabled)&&t.jsxs("button",{type:"button",className:"ss-auth-btn-social",onClick:()=>ea("google"),disabled:U,children:[t.jsx("span",{dangerouslySetInnerHTML:{__html:Na}}),"Google"]}),(n==null?void 0:n.githubEnabled)&&t.jsxs("button",{type:"button",className:"ss-auth-btn-social",onClick:()=>ea("github"),disabled:U,children:[t.jsx("span",{dangerouslySetInnerHTML:{__html:Ca}}),"GitHub"]})]}),f?t.jsx("div",{className:"ss-auth-divider",children:_?"or continue with":"or sign up with email"}):t.jsx("div",{className:"ss-auth-divider",children:t.jsx("span",{className:"ss-auth-link",onClick:()=>C(!0),children:_?"or sign in with email":"or sign up with email"})})]}),(!ra||f||b)&&t.jsxs(t.Fragment,{children:[X&&t.jsxs("div",{className:"ss-auth-error",children:[t.jsx("span",{className:"material-symbols-outlined",children:y.errorOutline}),t.jsx("span",{children:X})]}),_&&t.jsxs("form",{onSubmit:Z,children:[b?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"ss-auth-mfa-divider",children:t.jsx("span",{children:"Verification Required"})}),t.jsxs("div",{className:"ss-auth-field",children:[t.jsx("label",{className:"ss-auth-label",children:"6-Digit Code"}),t.jsx("div",{className:"ss-auth-mfa-group",children:q.map((P,M)=>t.jsx("input",{ref:A=>{Y.current[M]=A},className:"ss-auth-mfa-digit",type:"text",inputMode:"numeric",maxLength:1,value:P,onChange:A=>fa(M,A.target.value),onKeyDown:A=>ma(M,A),autoFocus:M===0},M))}),t.jsx("p",{className:"ss-auth-mfa-hint",children:"We sent a 6-digit code to your registered email."})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"ss-auth-field",children:[t.jsx("label",{className:"ss-auth-label",htmlFor:"ss-email",children:"Email Address"}),t.jsx("input",{id:"ss-email",className:"ss-auth-input",type:"email",autoComplete:"email",placeholder:"name@company.com",value:F,onChange:P=>i(P.target.value),required:!0})]}),t.jsxs("div",{className:"ss-auth-field",children:[t.jsxs("div",{className:"ss-auth-field-row",children:[t.jsx("label",{className:"ss-auth-label",htmlFor:"ss-password",style:{marginBottom:0},children:"Password"}),t.jsx("span",{className:"ss-auth-link",style:{fontSize:"12px"},children:"Forgot?"})]}),t.jsxs("div",{style:{position:"relative"},children:[t.jsx("input",{id:"ss-password",className:"ss-auth-input",type:N?"text":"password",autoComplete:"current-password",placeholder:"••••••••",value:k,onChange:P=>$(P.target.value),required:!0}),t.jsx("button",{type:"button",className:"ss-auth-visibility-toggle",onClick:()=>B(!N),children:t.jsx("span",{className:"material-symbols-outlined",children:N?y.visibilityOff:y.visibility})})]})]})]}),t.jsxs("button",{type:"submit",className:"ss-auth-btn-primary",disabled:U,children:[U&&t.jsx("span",{className:"ss-auth-spinner"}),b?"Verify":"Sign in",!U&&t.jsx("span",{className:"material-symbols-outlined",children:y.arrowForward})]})]}),!_&&t.jsxs("form",{onSubmit:ga,children:[t.jsxs("div",{className:"ss-auth-field",children:[t.jsx("label",{className:"ss-auth-label",htmlFor:"ss-signup-email",children:"Email"}),t.jsx("input",{id:"ss-signup-email",className:"ss-auth-input",type:"email",autoComplete:"email",placeholder:"name@company.com",value:F,onChange:P=>i(P.target.value),required:!0})]}),t.jsxs("div",{className:"ss-auth-field",children:[t.jsx("label",{className:"ss-auth-label",htmlFor:"ss-signup-password",children:"Password"}),t.jsxs("div",{style:{position:"relative"},children:[t.jsx("input",{id:"ss-signup-password",className:"ss-auth-input",type:N?"text":"password",autoComplete:"new-password",placeholder:"••••••••",value:k,onChange:P=>{$(P.target.value),h(null)},required:!0}),t.jsx("button",{type:"button",className:"ss-auth-visibility-toggle",onClick:()=>B(!N),children:t.jsx("span",{className:"material-symbols-outlined",children:N?y.visibilityOff:y.visibility})})]})]}),t.jsxs("div",{className:"ss-auth-field",children:[t.jsx("label",{className:"ss-auth-label",htmlFor:"ss-signup-confirm",children:"Confirm Password"}),t.jsx("input",{id:"ss-signup-confirm",className:"ss-auth-input",type:"password",autoComplete:"new-password",placeholder:"••••••••",value:I,onChange:P=>{m(P.target.value),h(null)},required:!0})]}),t.jsxs("button",{type:"submit",className:"ss-auth-btn-primary",disabled:U,children:[U&&t.jsx("span",{className:"ss-auth-spinner"}),"Sign up",!U&&t.jsx("span",{className:"material-symbols-outlined",children:y.arrowForward})]})]})]}),((n==null?void 0:n.privacyPolicyUrl)||(n==null?void 0:n.termsOfServiceUrl))&&t.jsxs("div",{className:"ss-auth-legal-links",children:[n.privacyPolicyUrl&&t.jsx("a",{href:n.privacyPolicyUrl,target:"_blank",rel:"noopener noreferrer",children:"Privacy Policy"}),n.privacyPolicyUrl&&n.termsOfServiceUrl&&t.jsx("span",{children:" · "}),n.termsOfServiceUrl&&t.jsx("a",{href:n.termsOfServiceUrl,target:"_blank",rel:"noopener noreferrer",children:"Terms of Service"})]}),b?t.jsx("div",{className:"ss-auth-footer",children:t.jsx("span",{className:"ss-auth-link",onClick:()=>{H(!1),G(["","","","","",""]),x(null)},children:"Back to sign in"})}):_?t.jsxs("div",{className:"ss-auth-footer",children:["Don't have an account?"," ",t.jsx("span",{className:"ss-auth-link",onClick:()=>T("signUp"),children:"Sign up"})]}):t.jsxs("div",{className:"ss-auth-footer",children:["Already have an account?"," ",t.jsx("span",{className:"ss-auth-link",onClick:()=>T("signIn"),children:"Sign in"})]})]})})})}const O=320,D=128,Pa=e.forwardRef(function({file:r,onCrop:s,onCancel:l},c){const n=e.useRef(null),p=e.useRef(null),[d,w]=e.useState(1),[u,j]=e.useState({x:0,y:0}),[x,o]=e.useState(!1),S=e.useRef({x:0,y:0,ox:0,oy:0}),[v,z]=e.useState(!1);e.useEffect(()=>{const i=new Image,k=URL.createObjectURL(r);return i.onload=()=>{p.current=i,z(!0),j({x:0,y:0}),w(1)},i.src=k,()=>URL.revokeObjectURL(k)},[r]),e.useEffect(()=>{if(!v||!p.current||!n.current)return;const i=n.current.getContext("2d");if(!i)return;const k=p.current;i.clearRect(0,0,O,O),i.fillStyle="#111",i.fillRect(0,0,O,O);const $=Math.max(O/k.width,O/k.height)*d,N=k.width*$,B=k.height*$,I=(O-N)/2+u.x,m=(O-B)/2+u.y;i.save(),i.beginPath(),i.arc(O/2,O/2,D,0,Math.PI*2),i.clip(),i.drawImage(k,I,m,N,B),i.restore(),i.save(),i.fillStyle="rgba(0, 0, 0, 0.6)",i.fillRect(0,0,O,O),i.globalCompositeOperation="destination-out",i.beginPath(),i.arc(O/2,O/2,D,0,Math.PI*2),i.fill(),i.restore(),i.save(),i.beginPath(),i.arc(O/2,O/2,D,0,Math.PI*2),i.clip(),i.drawImage(k,I,m,N,B),i.restore(),i.strokeStyle="rgba(255, 255, 255, 0.4)",i.lineWidth=2,i.beginPath(),i.arc(O/2,O/2,D,0,Math.PI*2),i.stroke()},[d,u,v]);const R=e.useCallback(i=>{o(!0),S.current={x:i.clientX,y:i.clientY,ox:u.x,oy:u.y},i.target.setPointerCapture(i.pointerId)},[u]),E=e.useCallback(i=>{x&&j({x:S.current.ox+(i.clientX-S.current.x),y:S.current.oy+(i.clientY-S.current.y)})},[x]),L=e.useCallback(()=>o(!1),[]),F=e.useCallback(()=>{if(!p.current)return;const i=document.createElement("canvas"),k=D*2;i.width=k,i.height=k;const $=i.getContext("2d");if(!$)return;const N=p.current,B=Math.max(O/N.width,O/N.height)*d,I=N.width*B,m=N.height*B,g=(O-I)/2+u.x-(O/2-D),h=(O-m)/2+u.y-(O/2-D);$.beginPath(),$.arc(D,D,D,0,Math.PI*2),$.clip(),$.drawImage(N,g,h,I,m),i.toBlob(f=>{f&&s(f)},"image/png")},[d,u,s]);return e.useImperativeHandle(c,()=>({triggerCrop:()=>F()}),[F]),t.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"24px"},children:[t.jsxs("div",{className:"ss-auth-crop-area",children:[t.jsx("canvas",{ref:n,width:O,height:O,style:{cursor:x?"grabbing":"grab",width:"100%",height:"100%"},onPointerDown:R,onPointerMove:E,onPointerUp:L}),t.jsx("div",{className:"ss-auth-crop-size-badge",children:"256 x 256 px"})]}),t.jsxs("div",{className:"ss-auth-zoom-control",style:{width:"100%",maxWidth:"280px"},children:[t.jsx("span",{className:"material-symbols-outlined",children:y.zoomOut}),t.jsx("input",{type:"range",min:"1",max:"3",step:"0.01",value:d,onChange:i=>w(parseFloat(i.target.value)),className:"ss-auth-zoom-slider"}),t.jsx("span",{className:"material-symbols-outlined",children:y.zoomIn})]})]})});function Oa({onUpload:a,onClose:r,isLoading:s}){const[l,c]=e.useState(null),[n,p]=e.useState(!1),[d,w]=e.useState(null),u=e.useRef(null),j=e.useRef(null),x=e.useCallback(v=>{if(!v.type.startsWith("image/")){w("Please select an image file");return}if(v.size>5*1024*1024){w("Image must be smaller than 5 MB");return}w(null),c(v)},[]),o=e.useCallback(v=>{v.preventDefault(),p(!1);const z=v.dataTransfer.files[0];z&&x(z)},[x]),S=e.useCallback(async v=>{await a(v)},[a]);return t.jsx("div",{className:"ss-auth-modal-overlay",onClick:v=>{v.target===v.currentTarget&&r()},children:t.jsxs("div",{className:"ss-auth-modal",style:{maxWidth:"480px"},children:[t.jsxs("div",{className:"ss-auth-modal-header",children:[t.jsx("h2",{children:"Upload avatar"}),t.jsx("button",{type:"button",className:"ss-auth-modal-close",onClick:r,children:t.jsx("span",{className:"material-symbols-outlined",children:y.close})})]}),t.jsxs("div",{className:"ss-auth-modal-body",children:[d&&t.jsxs("div",{className:"ss-auth-error",style:{marginBottom:"16px"},children:[t.jsx("span",{className:"material-symbols-outlined",children:y.errorOutline}),t.jsx("span",{children:d})]}),l?t.jsxs(t.Fragment,{children:[t.jsx(Pa,{ref:j,file:l,onCrop:S,onCancel:()=>c(null)}),t.jsx("div",{style:{textAlign:"center",marginTop:"8px"},children:t.jsxs("button",{type:"button",className:"ss-auth-btn-ghost",style:{fontSize:"13px"},onClick:()=>{var v;return(v=u.current)==null?void 0:v.click()},children:[t.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"16px"},children:y.image}),"Change image"]})})]}):t.jsxs("div",{className:`ss-auth-dropzone${n?" ss-auth-dropzone-active":""}`,onDragOver:v=>{v.preventDefault(),p(!0)},onDragLeave:()=>p(!1),onDrop:o,onClick:()=>{var v;return(v=u.current)==null?void 0:v.click()},style:{minHeight:"240px"},children:[t.jsx("div",{className:"ss-auth-dropzone-icon",children:t.jsx("span",{className:"material-symbols-outlined",children:y.cloudUpload})}),t.jsx("span",{className:"ss-auth-dropzone-title",children:"Drag and drop"}),t.jsxs("span",{className:"ss-auth-dropzone-desc",children:["JPG, PNG or WEBP",t.jsx("br",{}),"Max file size 5 MB"]}),t.jsx("button",{type:"button",className:"ss-auth-dropzone-btn",children:"Choose File"})]}),t.jsx("input",{ref:u,type:"file",accept:"image/*",style:{display:"none"},onChange:v=>{var z;(z=v.target.files)!=null&&z[0]&&x(v.target.files[0])}}),t.jsxs("div",{className:"ss-auth-info-box",style:{marginTop:"16px"},children:[t.jsx("span",{className:"material-symbols-outlined",children:y.info}),t.jsx("span",{children:"Your profile photo will be visible to all members of your organization."})]})]}),t.jsxs("div",{className:"ss-auth-modal-footer",children:[t.jsx("button",{type:"button",className:"ss-auth-btn-ghost",onClick:r,children:"Cancel"}),t.jsxs("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",onClick:()=>{var v;return(v=j.current)==null?void 0:v.triggerCrop()},disabled:!l||s,style:{width:"auto"},children:[s&&t.jsx("span",{className:"ss-auth-spinner"}),"Save Profile",!s&&t.jsx("span",{className:"material-symbols-outlined",children:y.check})]})]})]})})}function xa({onClose:a,afterDeleteAccountUrl:r,defaultTab:s="profile",onOrgDeleted:l,onOrgUpdated:c}){const[n,p]=e.useState(s),{invites:d}=Q(),w=[{key:"profile",label:"Profile",icon:y.person},{key:"organization",label:"Organization",icon:y.corporateFare},{key:"people",label:"People",icon:y.group},{key:"invites",label:"Invites",icon:y.mail,badge:d.length||void 0},{key:"billing",label:"Billing",icon:y.creditCard}];return t.jsxs("div",{className:"ss-auth-settings-page",children:[t.jsxs("div",{className:"ss-auth-settings-header",children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[t.jsx("button",{type:"button",className:"ss-auth-settings-back",onClick:a,children:t.jsx("span",{className:"material-symbols-outlined",children:y.arrowBack})}),t.jsx("h2",{children:"Settings"})]}),t.jsx("button",{type:"button",className:"ss-auth-modal-close",onClick:a,children:t.jsx("span",{className:"material-symbols-outlined",children:y.close})})]}),t.jsxs("div",{className:"ss-auth-settings-layout",children:[t.jsx("nav",{className:"ss-auth-settings-nav",children:w.map(u=>t.jsxs("button",{type:"button",className:`ss-auth-settings-nav-item${n===u.key?" ss-auth-settings-nav-item-active":""}`,onClick:()=>p(u.key),children:[t.jsx("span",{className:"material-symbols-outlined",children:u.icon}),u.label,u.badge!=null&&u.badge>0&&t.jsx("span",{className:"ss-auth-invite-badge",style:{position:"static",marginLeft:"6px"},children:u.badge})]},u.key))}),t.jsxs("div",{className:"ss-auth-settings-content",children:[n==="profile"&&t.jsx(Ia,{afterDeleteAccountUrl:r}),n==="organization"&&t.jsx(Ea,{onOrgDeleted:l,onOrgUpdated:c}),n==="people"&&t.jsx(Fa,{}),n==="invites"&&t.jsx(Ba,{}),n==="billing"&&t.jsx(Ta,{})]})]})]})}function Ia({afterDeleteAccountUrl:a}){const{user:r,updateProfile:s,uploadAvatar:l,changePassword:c,isLoading:n,error:p,success:d,setError:w,setSuccess:u}=ha(),{signOut:j}=sa(),{deleteAccount:x,isLoading:o,error:S,setError:v}=pa(),[z,R]=e.useState((r==null?void 0:r.name)??""),[E,L]=e.useState((r==null?void 0:r.avatarUrl)??""),[F,i]=e.useState(!1),[k,$]=e.useState(""),[N,B]=e.useState(""),[I,m]=e.useState(""),[g,h]=e.useState(null),[f,C]=e.useState(!1),[b,H]=e.useState(""),K=e.useCallback(async T=>{T.preventDefault(),w(null),u(null),await s({name:z,avatarUrl:E||void 0})},[z,E,s,w,u]),aa=e.useCallback(async T=>{const Z=await l(T);Z&&(L(Z.avatarUrl),i(!1))},[l]),q=e.useCallback(async T=>{if(T.preventDefault(),h(null),w(null),u(null),N!==I){h("Passwords do not match");return}if(N.length<8){h("Password must be at least 8 characters");return}await c(k,N)&&($(""),B(""),m(""))},[k,N,I,c,w,u]),G=e.useCallback(async()=>{await x()&&(await j(),a&&(window.location.href=a))},[x,j,a]),Y=(r==null?void 0:r.provider)==="email",U=b===(r==null?void 0:r.email),X=((r==null?void 0:r.name)||(r==null?void 0:r.email)||"?").charAt(0).toUpperCase();return t.jsxs(t.Fragment,{children:[t.jsx("h3",{children:"Profile"}),t.jsxs("div",{className:"ss-auth-settings-card",children:[t.jsxs("div",{className:"ss-auth-profile-header",style:{border:"none",background:"none",padding:0,marginBottom:16},children:[t.jsxs("div",{className:"ss-auth-avatar-lg",onClick:()=>i(!0),children:[E?t.jsx("img",{src:E,alt:""}):t.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"48px",fontWeight:800,opacity:.4},children:X}),t.jsxs("div",{className:"ss-auth-avatar-overlay",children:[t.jsx("span",{className:"material-symbols-outlined",children:y.camera}),t.jsx("span",{children:"Edit"})]})]}),t.jsxs("div",{className:"ss-auth-profile-info",children:[t.jsxs("h2",{className:"ss-auth-profile-name",children:[(r==null?void 0:r.name)||"Unnamed User",(r==null?void 0:r.emailVerified)&&t.jsxs("span",{className:"ss-auth-badge ss-auth-badge-success",children:[t.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"12px",fontVariationSettings:"'FILL' 1"},children:y.verified}),"Verified"]})]}),t.jsx("p",{className:"ss-auth-profile-desc",children:r==null?void 0:r.email})]})]}),p&&t.jsxs("div",{className:"ss-auth-error",children:[t.jsx("span",{className:"material-symbols-outlined",children:y.errorOutline}),t.jsx("span",{children:p})]}),d&&t.jsxs("div",{className:"ss-auth-info-box",style:{marginBottom:"16px"},children:[t.jsx("span",{className:"material-symbols-outlined",children:y.check}),t.jsx("span",{children:d})]}),t.jsxs("form",{onSubmit:K,children:[t.jsxs("div",{className:"ss-auth-field",children:[t.jsx("label",{className:"ss-auth-label",children:"Full Name"}),t.jsx("input",{className:"ss-auth-input",type:"text",placeholder:"Your name",value:z,onChange:T=>R(T.target.value)})]}),t.jsxs("div",{className:"ss-auth-profile-grid",style:{marginBottom:"16px"},children:[t.jsxs("div",{children:[t.jsx("label",{className:"ss-auth-label",children:"Email Address"}),t.jsxs("div",{style:{position:"relative"},children:[t.jsx("input",{className:"ss-auth-input ss-auth-input-readonly",type:"email",value:(r==null?void 0:r.email)??"",readOnly:!0}),t.jsx("span",{className:"ss-auth-visibility-toggle",style:{cursor:"default"},children:t.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"18px"},children:y.lock})})]})]}),t.jsxs("div",{children:[t.jsx("label",{className:"ss-auth-label",children:"Auth Provider"}),t.jsx("input",{className:"ss-auth-input ss-auth-input-readonly",type:"text",value:(r==null?void 0:r.provider)??"",readOnly:!0})]})]}),t.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:t.jsxs("button",{type:"submit",className:"ss-auth-btn-primary ss-auth-btn-sm",disabled:n,style:{width:"auto"},children:[n&&t.jsx("span",{className:"ss-auth-spinner"}),"Save changes"]})})]})]}),Y&&t.jsxs("div",{className:"ss-auth-settings-card",children:[t.jsxs("h4",{children:[t.jsx("span",{className:"material-symbols-outlined",children:y.security}),"Security Credentials"]}),g&&t.jsxs("div",{className:"ss-auth-error",style:{marginBottom:"16px"},children:[t.jsx("span",{className:"material-symbols-outlined",children:y.errorOutline}),t.jsx("span",{children:g})]}),t.jsxs("form",{onSubmit:q,children:[t.jsxs("div",{className:"ss-auth-field",children:[t.jsx("label",{className:"ss-auth-label",children:"Current Password"}),t.jsx("input",{className:"ss-auth-input",type:"password",placeholder:"••••••••••••",value:k,onChange:T=>$(T.target.value),required:!0})]}),t.jsxs("div",{className:"ss-auth-profile-grid",style:{marginBottom:"16px"},children:[t.jsxs("div",{children:[t.jsx("label",{className:"ss-auth-label",children:"New Password"}),t.jsx("input",{className:"ss-auth-input",type:"password",placeholder:"Min. 8 characters",value:N,onChange:T=>B(T.target.value),required:!0})]}),t.jsxs("div",{children:[t.jsx("label",{className:"ss-auth-label",children:"Confirm New Password"}),t.jsx("input",{className:"ss-auth-input",type:"password",placeholder:"Repeat new password",value:I,onChange:T=>m(T.target.value),required:!0})]})]}),t.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:t.jsx("button",{type:"submit",className:"ss-auth-btn-ghost",disabled:n,children:"Update Security"})})]})]}),t.jsxs("div",{className:"ss-auth-settings-card ss-auth-settings-danger",children:[t.jsx("h4",{children:"Danger Zone"}),t.jsx("p",{className:"ss-auth-section-desc",style:{marginBottom:"16px"},children:"Deleting your account is permanent. All organizations you own will also be deleted."}),S&&t.jsxs("div",{className:"ss-auth-error",children:[t.jsx("span",{className:"material-symbols-outlined",children:y.errorOutline}),t.jsx("span",{children:S})]}),f?t.jsxs("div",{children:[t.jsxs("div",{className:"ss-auth-field",children:[t.jsx("label",{className:"ss-auth-label",children:"Type your email to confirm"}),t.jsx("input",{className:"ss-auth-input",type:"email",placeholder:r==null?void 0:r.email,value:b,onChange:T=>H(T.target.value),autoFocus:!0})]}),t.jsxs("div",{style:{display:"flex",gap:"8px",justifyContent:"flex-end"},children:[t.jsx("button",{type:"button",className:"ss-auth-btn-ghost",onClick:()=>{C(!1),H(""),v(null)},children:"Cancel"}),t.jsxs("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",style:{width:"auto",background:"linear-gradient(135deg, #ef4444, #dc2626)"},disabled:!U||o,onClick:G,children:[o&&t.jsx("span",{className:"ss-auth-spinner"}),"Delete account"]})]})]}):t.jsx("button",{type:"button",className:"ss-auth-btn-outline",style:{borderColor:"currentColor",width:"auto"},onClick:()=>C(!0),children:"Delete my account"})]}),F&&t.jsx(Oa,{onUpload:aa,onClose:()=>i(!1),isLoading:n})]})}function Ea({onOrgDeleted:a,onOrgUpdated:r}){const{selectedOrg:s,updateOrg:l,deleteOrg:c,isLoading:n,error:p,setError:d}=W(),[w,u]=e.useState((s==null?void 0:s.name)??""),[j,x]=e.useState(!1),[o,S]=e.useState(!1),[v,z]=e.useState(!1),[R,E]=e.useState(!1),[L,F]=e.useState("");if(e.useEffect(()=>{s&&(u(s.name),z(!1))},[s]),v)return t.jsxs(t.Fragment,{children:[t.jsx("h3",{children:"Organization"}),t.jsxs("div",{className:"ss-auth-settings-card",style:{textAlign:"center",padding:"48px 24px"},children:[t.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"48px",opacity:.4,marginBottom:"16px",display:"block"},children:y.check}),t.jsx("h4",{style:{margin:"0 0 8px"},children:"Organization deleted"}),t.jsx("p",{className:"ss-auth-section-desc",children:"The organization has been permanently deleted."})]})]});if(!s)return t.jsxs(t.Fragment,{children:[t.jsx("h3",{children:"Organization"}),t.jsxs("div",{className:"ss-auth-settings-empty",children:[t.jsx("span",{className:"material-symbols-outlined",children:y.corporateFare}),t.jsx("div",{children:"Select an organization from the user menu to manage its settings."})]})]});const i=async $=>{if($.preventDefault(),!w.trim())return;x(!0),S(!1);const N=await l(s.id,{name:w.trim()});x(!1),N&&(S(!0),r==null||r())},k=async()=>{await c(s.id)&&(E(!1),z(!0),a==null||a())};return t.jsxs(t.Fragment,{children:[t.jsx("h3",{children:"Organization"}),t.jsxs("div",{className:"ss-auth-settings-card",children:[t.jsxs("h4",{children:[t.jsx("span",{className:"material-symbols-outlined",children:y.corporateFare}),"General"]}),p&&t.jsxs("div",{className:"ss-auth-error",style:{marginBottom:"16px"},children:[t.jsx("span",{className:"material-symbols-outlined",children:y.errorOutline}),t.jsx("span",{children:p})]}),o&&t.jsxs("div",{className:"ss-auth-info-box",style:{marginBottom:"16px"},children:[t.jsx("span",{className:"material-symbols-outlined",children:y.check}),t.jsx("span",{children:"Organization updated"})]}),t.jsxs("form",{onSubmit:i,children:[t.jsxs("div",{className:"ss-auth-field",children:[t.jsx("label",{className:"ss-auth-label",children:"Organization Name"}),t.jsx("input",{className:"ss-auth-input",type:"text",value:w,onChange:$=>{u($.target.value),S(!1)}})]}),t.jsxs("div",{className:"ss-auth-field",children:[t.jsx("label",{className:"ss-auth-label",children:"Slug"}),t.jsx("input",{className:"ss-auth-input ss-auth-input-readonly",type:"text",value:s.slug,readOnly:!0})]}),t.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:t.jsxs("button",{type:"submit",className:"ss-auth-btn-primary ss-auth-btn-sm",disabled:j,style:{width:"auto"},children:[j&&t.jsx("span",{className:"ss-auth-spinner"}),"Save"]})})]})]}),t.jsxs("div",{className:"ss-auth-settings-card ss-auth-settings-danger",children:[t.jsx("h4",{children:"Danger Zone"}),t.jsx("p",{className:"ss-auth-section-desc",style:{marginBottom:"16px"},children:"Deleting this organization is permanent and will remove all members."}),R?t.jsxs("div",{children:[t.jsxs("div",{className:"ss-auth-field",children:[t.jsx("label",{className:"ss-auth-label",children:"Type the organization name to confirm"}),t.jsx("input",{className:"ss-auth-input",type:"text",placeholder:s.name,value:L,onChange:$=>F($.target.value),autoFocus:!0})]}),t.jsxs("div",{style:{display:"flex",gap:"8px",justifyContent:"flex-end"},children:[t.jsx("button",{type:"button",className:"ss-auth-btn-ghost",onClick:()=>{E(!1),F("")},children:"Cancel"}),t.jsxs("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",style:{width:"auto",background:"linear-gradient(135deg, #ef4444, #dc2626)"},disabled:L!==s.name||n,onClick:k,children:[n&&t.jsx("span",{className:"ss-auth-spinner"}),"Delete organization"]})]})]}):t.jsx("button",{type:"button",className:"ss-auth-btn-outline",style:{borderColor:"currentColor",width:"auto"},onClick:()=>E(!0),children:"Delete this organization"})]})]})}function Fa(){const{selectedOrg:a,members:r,invites:s,isLoading:l,error:c,setError:n,sendInvite:p,refreshInvites:d,revokeInvite:w,updateMemberRole:u,removeMember:j,refreshMembers:x}=W(),[o,S]=e.useState(""),[v,z]=e.useState("member"),[R,E]=e.useState(!1),[L,F]=e.useState(!1),[i,k]=e.useState(null),[$,N]=e.useState(""),[B,I]=e.useState(null);if(e.useEffect(()=>{a&&(x(a.id),d(a.id))},[a,x,d]),!a)return t.jsxs(t.Fragment,{children:[t.jsx("h3",{children:"People"}),t.jsxs("div",{className:"ss-auth-settings-empty",children:[t.jsx("span",{className:"material-symbols-outlined",children:y.group}),t.jsx("div",{children:"Select an organization from the user menu to manage members."})]})]});const m=async b=>{b.preventDefault(),F(!1),await p(a.id,o,v)&&(S(""),z("member"),F(!0),E(!1),d(a.id))},g=async()=>{if(!i)return;await u(a.id,i.userId,$)&&k(null)},h=async()=>{if(!B)return;await j(a.id,B.userId)&&I(null)},f=async b=>{await w(a.id,b)},C=b=>b==="owner"?"ss-auth-role-badge ss-auth-role-badge-owner":b==="admin"?"ss-auth-role-badge ss-auth-role-badge-admin":"ss-auth-role-badge ss-auth-role-badge-member";return t.jsxs(t.Fragment,{children:[t.jsx("h3",{children:"People"}),c&&t.jsxs("div",{className:"ss-auth-error",style:{marginBottom:"16px"},children:[t.jsx("span",{className:"material-symbols-outlined",children:y.errorOutline}),t.jsx("span",{children:c})]}),L&&t.jsxs("div",{className:"ss-auth-info-box",style:{marginBottom:"16px"},children:[t.jsx("span",{className:"material-symbols-outlined",children:y.check}),t.jsx("span",{children:"Invitation sent"})]}),t.jsxs("div",{className:"ss-auth-settings-card",children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"16px"},children:[t.jsxs("h4",{style:{margin:0},children:[t.jsx("span",{className:"material-symbols-outlined",children:y.group}),"Members"]}),t.jsxs("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",style:{width:"auto"},onClick:()=>E(!R),children:[t.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"16px"},children:y.add}),"Invite"]})]}),R&&t.jsx("form",{onSubmit:m,style:{marginBottom:"16px",padding:"16px",background:"rgba(0,0,0,0.05)",borderRadius:"8px"},children:t.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"flex-end"},children:[t.jsxs("div",{style:{flex:1},children:[t.jsx("label",{className:"ss-auth-label",children:"Email"}),t.jsx("input",{className:"ss-auth-input",type:"email",placeholder:"member@example.com",value:o,onChange:b=>S(b.target.value),required:!0})]}),t.jsxs("div",{style:{width:"120px"},children:[t.jsx("label",{className:"ss-auth-label",children:"Role"}),t.jsxs("select",{className:"ss-auth-input",value:v,onChange:b=>z(b.target.value),style:{cursor:"pointer"},children:[t.jsx("option",{value:"admin",children:"Admin"}),t.jsx("option",{value:"member",children:"Member"})]})]}),t.jsx("button",{type:"submit",className:"ss-auth-btn-primary ss-auth-btn-sm",disabled:l,style:{width:"auto",marginBottom:"0"},children:"Send"})]})}),r.length===0?t.jsx("div",{className:"ss-auth-settings-empty",style:{padding:"20px"},children:t.jsx("div",{children:"No members yet."})}):t.jsxs("table",{className:"ss-auth-settings-table",children:[t.jsx("thead",{children:t.jsxs("tr",{children:[t.jsx("th",{children:"Email"}),t.jsx("th",{children:"Role"}),t.jsx("th",{style:{width:"80px"},children:"Actions"})]})}),t.jsx("tbody",{children:r.map(b=>t.jsxs("tr",{children:[t.jsx("td",{children:b.email}),t.jsx("td",{children:t.jsx("span",{className:C(b.role),children:b.role})}),t.jsx("td",{children:b.role==="owner"?t.jsx("span",{style:{fontSize:"12px",opacity:.4},children:"—"}):t.jsxs("div",{className:"ss-auth-settings-actions",children:[t.jsx("button",{type:"button",className:"ss-auth-icon-btn",title:"Edit role",onClick:()=>{k(b),N(b.role)},children:t.jsx("span",{className:"material-symbols-outlined",children:y.edit})}),t.jsx("button",{type:"button",className:"ss-auth-icon-btn ss-auth-icon-btn-danger",title:"Remove member",onClick:()=>I(b),children:t.jsx("span",{className:"material-symbols-outlined",children:y.personRemove})})]})})]},b.userId))})]})]}),s.length>0&&t.jsxs("div",{className:"ss-auth-settings-card",children:[t.jsxs("h4",{children:[t.jsx("span",{className:"material-symbols-outlined",children:y.send}),"Pending Invites"]}),t.jsxs("table",{className:"ss-auth-settings-table",children:[t.jsx("thead",{children:t.jsxs("tr",{children:[t.jsx("th",{children:"Email"}),t.jsx("th",{children:"Role"}),t.jsx("th",{style:{width:"80px"},children:"Actions"})]})}),t.jsx("tbody",{children:s.map(b=>t.jsxs("tr",{children:[t.jsx("td",{children:b.email}),t.jsx("td",{children:t.jsx("span",{className:C(b.role),children:b.role})}),t.jsx("td",{children:t.jsx("button",{type:"button",className:"ss-auth-icon-btn ss-auth-icon-btn-danger",title:"Revoke invite",onClick:()=>f(b.id),children:t.jsx("span",{className:"material-symbols-outlined",children:y.close})})})]},b.id))})]})]}),i&&t.jsx("div",{className:"ss-auth-modal-overlay",onClick:b=>{b.target===b.currentTarget&&k(null)},children:t.jsxs("div",{className:"ss-auth-modal",style:{maxWidth:"400px"},children:[t.jsxs("div",{className:"ss-auth-modal-header",children:[t.jsx("h2",{children:"Edit Role"}),t.jsx("button",{type:"button",className:"ss-auth-modal-close",onClick:()=>k(null),children:t.jsx("span",{className:"material-symbols-outlined",children:y.close})})]}),t.jsxs("div",{className:"ss-auth-modal-body",children:[t.jsxs("p",{style:{fontSize:"14px",marginBottom:"16px",margin:"0 0 16px 0"},children:["Change role for ",t.jsx("strong",{children:i.email})]}),t.jsxs("div",{className:"ss-auth-field",children:[t.jsx("label",{className:"ss-auth-label",children:"Role"}),t.jsxs("select",{className:"ss-auth-input",value:$,onChange:b=>N(b.target.value),style:{cursor:"pointer"},children:[t.jsx("option",{value:"admin",children:"Admin"}),t.jsx("option",{value:"member",children:"Member"})]})]}),t.jsxs("div",{style:{display:"flex",gap:"8px",justifyContent:"flex-end"},children:[t.jsx("button",{type:"button",className:"ss-auth-btn-ghost",onClick:()=>k(null),children:"Cancel"}),t.jsx("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",style:{width:"auto"},onClick:g,children:"Save"})]})]})]})}),B&&t.jsx("div",{className:"ss-auth-modal-overlay",onClick:b=>{b.target===b.currentTarget&&I(null)},children:t.jsxs("div",{className:"ss-auth-modal",style:{maxWidth:"400px"},children:[t.jsxs("div",{className:"ss-auth-modal-header",children:[t.jsx("h2",{children:"Remove Member"}),t.jsx("button",{type:"button",className:"ss-auth-modal-close",onClick:()=>I(null),children:t.jsx("span",{className:"material-symbols-outlined",children:y.close})})]}),t.jsxs("div",{className:"ss-auth-modal-body",children:[t.jsxs("p",{style:{fontSize:"14px",margin:"0 0 16px 0"},children:["Are you sure you want to remove ",t.jsx("strong",{children:B.email})," from the organization?"]}),t.jsxs("div",{style:{display:"flex",gap:"8px",justifyContent:"flex-end"},children:[t.jsx("button",{type:"button",className:"ss-auth-btn-ghost",onClick:()=>I(null),children:"Cancel"}),t.jsx("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",style:{width:"auto",background:"linear-gradient(135deg, #ef4444, #dc2626)"},onClick:h,children:"Remove"})]})]})]})})]})}function Ba(){const{invites:a,isLoading:r,error:s,setError:l,accept:c,decline:n,refresh:p}=Q(),{refresh:d}=W(),[w,u]=e.useState(null),j=async o=>{u(o),l(null);const S=await c(o);u(null),S&&d()},x=async o=>{u(o),l(null),await n(o),u(null)};return t.jsxs(t.Fragment,{children:[t.jsx("h3",{children:"Invites"}),s&&t.jsxs("div",{className:"ss-auth-error",style:{marginBottom:"16px"},children:[t.jsx("span",{className:"material-symbols-outlined",children:y.errorOutline}),t.jsx("span",{children:s})]}),r?t.jsx("div",{className:"ss-auth-settings-empty",style:{padding:"40px"},children:t.jsx("span",{className:"ss-auth-spinner"})}):a.length===0?t.jsxs("div",{className:"ss-auth-settings-empty",children:[t.jsx("span",{className:"material-symbols-outlined",children:y.mail}),t.jsx("div",{children:"No pending invitations"})]}):t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:a.map(o=>t.jsx("div",{className:"ss-auth-settings-card",style:{marginBottom:0},children:t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"16px",flexWrap:"wrap"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px",flex:1,minWidth:0},children:[t.jsx("div",{className:"ss-auth-org-avatar",style:{width:"40px",height:"40px",fontSize:"14px",flexShrink:0},children:o.orgName.split(" ").map(S=>S[0]).join("").slice(0,2).toUpperCase()}),t.jsxs("div",{style:{minWidth:0},children:[t.jsx("div",{style:{fontWeight:600,fontSize:"14px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:o.orgName}),t.jsxs("div",{style:{fontSize:"12px",opacity:.6,display:"flex",gap:"8px",alignItems:"center"},children:[t.jsx("span",{className:"ss-auth-role-badge ss-auth-role-badge-member",children:o.role}),t.jsxs("span",{children:["Expires ",new Date(o.expiresAt).toLocaleDateString()]})]})]})]}),t.jsxs("div",{style:{display:"flex",gap:"8px",flexShrink:0},children:[t.jsx("button",{type:"button",className:"ss-auth-btn-ghost",style:{padding:"6px 12px",fontSize:"13px"},onClick:()=>x(o.id),disabled:w===o.id,children:"Decline"}),t.jsxs("button",{type:"button",className:"ss-auth-btn-primary ss-auth-btn-sm",style:{width:"auto",padding:"6px 16px",fontSize:"13px"},onClick:()=>j(o.id),disabled:w===o.id,children:[w===o.id&&t.jsx("span",{className:"ss-auth-spinner"}),"Accept"]})]})]})},o.id))})]})}function Ta(){const{selectedOrg:a}=W();return a?t.jsxs(t.Fragment,{children:[t.jsx("h3",{children:"Billing"}),t.jsxs("div",{className:"ss-auth-settings-card",children:[t.jsxs("h4",{children:[t.jsx("span",{className:"material-symbols-outlined",children:y.creditCard}),"Plan & Billing"]}),t.jsx("div",{className:"ss-auth-settings-empty",style:{padding:"20px"},children:t.jsx("div",{children:"No billing plan configured for this organization."})})]})]}):t.jsxs(t.Fragment,{children:[t.jsx("h3",{children:"Billing"}),t.jsxs("div",{className:"ss-auth-settings-empty",children:[t.jsx("span",{className:"material-symbols-outlined",children:y.creditCard}),t.jsx("div",{children:"Select an organization from the user menu to manage billing."})]})]})}function Ma({appearance:a,afterSignOutUrl:r,afterDeleteAccountUrl:s,showOrgSwitcher:l=!0,onOrgChange:c,onOrgSettingsClick:n}){const{appearance:p}=V(),{user:d,signOut:w}=sa(),u=a??p,[j,x]=e.useState(!1),[o,S]=e.useState(!1),[v,z]=e.useState(""),[R,E]=e.useState(null),[L,F]=e.useState(!1),i=e.useRef(null),{orgs:k,selectedOrg:$,selectOrg:N,createOrg:B,refresh:I}=W(),{invites:m}=Q(),g=e.useCallback(f=>{i.current&&!f.composedPath().includes(i.current)&&x(!1)},[]);e.useEffect(()=>{if(j){const f=setTimeout(()=>{document.addEventListener("click",g)},0);return()=>{clearTimeout(f),document.removeEventListener("click",g)}}},[j,g]);const h=e.useCallback(async f=>{f.preventDefault(),E(null),F(!0);const C=v.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"");try{const b=await B(v,C);b&&(await N(b.id),c==null||c(b),z(""),x(!1))}catch(b){E(b instanceof Error?b.message:"Failed to create organization")}finally{F(!1)}},[v,B,N,c]);return d?t.jsx(ca,{appearance:u,children:t.jsxs("div",{style:{position:"relative",display:"inline-block"},ref:i,children:[t.jsxs("button",{type:"button",className:"ss-auth-user-trigger",onClick:()=>x(!j),"aria-label":"User menu",children:[t.jsxs("span",{className:"ss-auth-avatar-trigger",children:[d.avatarUrl?t.jsx("img",{src:d.avatarUrl,alt:""}):t.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"16px",fontWeight:700},children:(d.name||d.email).charAt(0).toUpperCase()}),m.length>0&&t.jsx("span",{className:"ss-auth-invite-badge",children:m.length})]}),$&&t.jsx("span",{className:"ss-auth-trigger-org-name",children:$.name})]}),j&&t.jsxs("div",{className:"ss-auth-dropdown ss-auth-glass-panel",style:{minWidth:"320px"},children:[t.jsxs("div",{className:"ss-auth-dropdown-header",children:[t.jsx("div",{className:"ss-auth-dropdown-avatar",children:d.avatarUrl?t.jsx("img",{src:d.avatarUrl,alt:""}):t.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"20px",fontWeight:800},children:(d.name||d.email).charAt(0).toUpperCase()})}),t.jsxs("div",{children:[d.name&&t.jsx("div",{className:"ss-auth-dropdown-name",children:d.name}),t.jsx("div",{className:"ss-auth-dropdown-email",children:d.email})]})]}),t.jsx("div",{style:{padding:"4px 8px"},children:t.jsxs("button",{type:"button",className:"ss-auth-dropdown-action",onClick:()=>{x(!1),S(!0)},children:[t.jsx("span",{className:"material-symbols-outlined",children:y.settings}),"Settings"]})}),l&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"ss-auth-section-label",children:"Organizations"}),t.jsx("div",{style:{padding:"0 8px 4px"},children:k.map(f=>{const C=($==null?void 0:$.id)===f.id,b=f.name.split(" ").map(H=>H[0]).join("").slice(0,2).toUpperCase();return t.jsxs("button",{type:"button",className:`ss-auth-org-item${C?" ss-auth-org-item-active":""}`,onClick:async()=>{x(!1),await N(f.id),c==null||c(f)},children:[t.jsxs("div",{className:"ss-auth-org-item-inner",children:[t.jsx("div",{className:`ss-auth-org-avatar${C?"":" ss-auth-org-avatar-inactive"}`,children:b}),t.jsx("span",{style:{fontFamily:"'Manrope', sans-serif",letterSpacing:"-0.01em"},children:f.name}),f.planName&&t.jsx("span",{className:"ss-auth-plan-badge",children:f.planName})]}),C&&t.jsx("span",{className:"material-symbols-outlined ss-auth-org-check",style:{fontSize:"18px"},children:y.checkCircle})]},f.id)})}),t.jsxs("div",{className:"ss-auth-inline-create",children:[R&&t.jsx("div",{className:"ss-auth-error",style:{marginBottom:"8px",fontSize:"12px"},children:t.jsx("span",{children:R})}),t.jsx("form",{onSubmit:h,children:t.jsxs("div",{className:"ss-auth-inline-create-input",children:[t.jsx("input",{className:"ss-auth-input",type:"text",placeholder:"New organization name",value:v,onChange:f=>z(f.target.value),required:!0,style:{fontSize:"13px",padding:"10px 40px 10px 12px"}}),t.jsx("button",{type:"submit",className:"ss-auth-inline-create-btn",disabled:L||!v.trim(),children:t.jsx("span",{className:"material-symbols-outlined",style:{fontSize:"20px"},children:y.add})})]})})]}),$&&n&&t.jsx("div",{style:{padding:"0 8px 4px"},children:t.jsxs("button",{type:"button",className:"ss-auth-dropdown-action",onClick:()=>{x(!1),n($)},children:[t.jsx("span",{className:"material-symbols-outlined",children:y.corporateFare}),"Org settings"]})})]}),t.jsx("div",{className:"ss-auth-signout-section",style:{padding:"8px"},children:t.jsxs("button",{type:"button",className:"ss-auth-dropdown-action",onClick:async()=>{x(!1),await w(),r&&(window.location.href=r)},style:{color:"inherit"},children:[t.jsx("span",{className:"material-symbols-outlined",style:{color:"inherit"},children:y.logout}),"Sign out"]})})]}),o&&t.jsx(xa,{onClose:()=>S(!1),afterDeleteAccountUrl:s,onOrgDeleted:I,onOrgUpdated:I})]})}):null}exports.SaaSError=J.SaaSError;exports.SaaSSupport=J.SaaSSupport;exports.isMfaRequired=J.isMfaRequired;exports.SaaSContext=ta;exports.SaaSProvider=va;exports.SettingsPanel=xa;exports.SignIn=za;exports.UserButton=Ma;exports.useAuth=sa;exports.useDeleteAccount=pa;exports.useInvites=Q;exports.useOrg=W;exports.useProfile=ha;exports.useSaaSContext=V;exports.useSignIn=da;exports.useSignUp=ua;exports.useUser=$a;