@centive/aria-sdk 0.8.8 → 0.9.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsx as n, jsxs as E, Fragment as Ve } from "react/jsx-runtime";
-import { useRef as me, useState as I, useEffect as ee, useCallback as H } from "react";
-import { Sparkles as Ne, Wrench as He, MicOff as je, Mic as De, Maximize2 as dr, Phone as We, X as Be, RefreshCw as Oe, MessageCircle as Fe, Minimize2 as gr, User as hr, Bot as ur, Send as pr } from "lucide-react";
+import { jsx as n, jsxs as E, Fragment as He } from "react/jsx-runtime";
+import { useRef as me, useState as I, useEffect as ee, useCallback as V } from "react";
+import { Sparkles as Re, Wrench as Ve, MicOff as je, Mic as De, Maximize2 as dr, Phone as Be, X as Oe, RefreshCw as We, MessageCircle as Fe, Minimize2 as gr, User as hr, Bot as ur, Send as pr } from "lucide-react";
 import { createPortal as mr } from "react-dom";
 function fr(r) {
   return typeof r == "object" && r !== null && "status" in r && (r.status === "success" || r.status === "error") && !("type" in r);
@@ -17,10 +17,10 @@ function vr(r) {
 function yr(r) {
   return typeof r == "object" && r !== null && "type" in r && r.type === "session_end_error" && "status" in r && r.status === "error";
 }
-function Ar(r) {
+function xr(r) {
   return typeof r == "object" && r !== null && "type" in r && r.type === "trigger_event";
 }
-function xr(r) {
+function Ar(r) {
   return typeof r == "object" && r !== null && "status" in r && r.status === "ok" && "message" in r && !("type" in r);
 }
 function kr(r) {
@@ -320,11 +320,11 @@ class U {
         console.error(`[AriaSessionManager] Missing fields error: ${t.message}`), this.config.onError?.(new Error(t.message));
         return;
       }
-      if (Ar(t)) {
+      if (xr(t)) {
         console.log("[AriaSessionManager] WebSocket trigger event received:", t.data), this.config.onWebSocketEvent?.(t), this.onWebSocketTrigger?.(t);
         return;
       }
-      if (xr(t)) {
+      if (Ar(t)) {
         console.log(`[AriaSessionManager] Generic acknowledgment: ${t.message}`);
         return;
       }
@@ -525,6 +525,10 @@ class U {
         }
         this.autoReconnectOnAnamDisconnect && !this.isIntentionalDisconnect && !this.isReconnecting && (console.log("[AriaSessionManager] Anam disconnected unexpectedly, auto-reconnecting..."), this.autoReconnectSession());
       }), a.addListener(o.MESSAGE_HISTORY_UPDATED, (m) => {
+        if (!this.sessionState.session_id) {
+          const x = a.getActiveSessionId();
+          x && (this.updateSessionState({ session_id: x }), console.log("[AriaSessionManager] Got session ID from message history event:", x));
+        }
         this.chatMessages = m.map((x) => ({
           role: x.role,
           content: x.content,
@@ -537,6 +541,10 @@ class U {
         }));
         this.sendMessageHistory(f), this.emit({ type: "message_history", data: { messages: this.chatMessages } });
       }), a.addListener(o.MESSAGE_STREAM_EVENT_RECEIVED, (m) => {
+        if (!this.sessionState.session_id) {
+          const x = a.getActiveSessionId();
+          x && (this.updateSessionState({ session_id: x }), console.log("[AriaSessionManager] Got session ID from message stream event:", x));
+        }
         m.role === "persona" ? this.liveTranscript += m.content : m.role === "user" && (this.liveTranscript = "");
         const f = {
           role: m.role,
@@ -643,7 +651,19 @@ class U {
   // Message Sending
   // ============================================================================
   sendMessageHistory(e, t = !1) {
-    if (!this.ws || this.ws.readyState !== WebSocket.OPEN || !this.sessionState.session_id || !this.config.userId || !t && JSON.stringify(e) === JSON.stringify(this.lastMessageHistory))
+    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) {
+      console.log("[AriaSessionManager] Cannot send message history: WebSocket not connected");
+      return;
+    }
+    if (!this.sessionState.session_id) {
+      console.log("[AriaSessionManager] Cannot send message history: no session_id");
+      return;
+    }
+    if (!this.config.userId) {
+      console.log("[AriaSessionManager] Cannot send message history: no userId");
+      return;
+    }
+    if (!t && JSON.stringify(e) === JSON.stringify(this.lastMessageHistory))
       return;
     this.lastMessageHistory = e;
     const o = {
@@ -653,13 +673,24 @@ class U {
       messages: e
     };
     try {
-      this.ws.send(JSON.stringify(o)), console.log("[AriaSessionManager] Sent message history:", e.length, "messages");
+      this.ws.send(JSON.stringify(o)), console.log("[AriaSessionManager] Sent message history:", e.length, "messages to session:", this.sessionState.session_id);
     } catch (a) {
       console.error("[AriaSessionManager] Failed to send message history:", a);
     }
   }
   sendMessageStream(e, t) {
-    if (!this.ws || this.ws.readyState !== WebSocket.OPEN || !this.sessionState.session_id || !this.config.userId) return;
+    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) {
+      console.log("[AriaSessionManager] Cannot send message stream: WebSocket not connected");
+      return;
+    }
+    if (!this.sessionState.session_id) {
+      console.log("[AriaSessionManager] Cannot send message stream: no session_id");
+      return;
+    }
+    if (!this.config.userId) {
+      console.log("[AriaSessionManager] Cannot send message stream: no userId");
+      return;
+    }
     const o = {
       type: "message_stream",
       session_id: this.sessionState.session_id,
@@ -667,21 +698,32 @@ class U {
       message: { ...e, is_final: t }
     };
     try {
-      this.ws.send(JSON.stringify(o));
+      this.ws.send(JSON.stringify(o)), t && console.log("[AriaSessionManager] Sent final message stream:", e.role, "to session:", this.sessionState.session_id);
     } catch (a) {
       console.error("[AriaSessionManager] Failed to send message stream:", a);
     }
   }
   sendSessionEnd() {
-    if (!this.ws || this.ws.readyState !== WebSocket.OPEN || !this.sessionState.session_id || !this.config.userId) return;
-    this.lastMessageHistory.length > 0 && this.sendMessageHistory(this.lastMessageHistory, !0);
+    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) {
+      console.log("[AriaSessionManager] Cannot send session end: WebSocket not connected");
+      return;
+    }
+    if (!this.sessionState.session_id) {
+      console.log("[AriaSessionManager] Cannot send session end: no session_id");
+      return;
+    }
+    if (!this.config.userId) {
+      console.log("[AriaSessionManager] Cannot send session end: no userId");
+      return;
+    }
+    this.lastMessageHistory.length > 0 && (console.log("[AriaSessionManager] Sending final message history before session end:", this.lastMessageHistory.length, "messages"), this.sendMessageHistory(this.lastMessageHistory, !0));
     const e = {
       type: "session_end",
       session_id: this.sessionState.session_id,
       user_id: this.config.userId
     };
     try {
-      this.ws.send(JSON.stringify(e)), console.log("[AriaSessionManager] Sent session end event");
+      this.ws.send(JSON.stringify(e)), console.log("[AriaSessionManager] Sent session end event for session:", this.sessionState.session_id);
     } catch (t) {
       console.error("[AriaSessionManager] Failed to send session end:", t);
     }
@@ -794,11 +836,11 @@ class U {
   // ============================================================================
   /**
    * Check if session persistence is enabled
-   * Always returns TRUE - sessions always persist when widget closes
-   * Session only ends on logout (forceEndSession) or component unmount
+   * Returns FALSE - sessions are ended when widget closes to save Anam resources
+   * A new session with skip_greeting is created when widget reopens
    */
   isPersistSessionEnabled() {
-    return !0;
+    return !1;
   }
   /**
    * Check if WebSocket should stay alive when paused
@@ -807,78 +849,49 @@ class U {
     return this.config.keepWebSocketAlive !== !1;
   }
   /**
-   * Check if session is currently paused
+   * Check if widget is closed (session was ended on close)
+   * Note: With the new behavior, sessions are ended when widget closes,
+   * not paused. This returns true if the widget was closed.
    */
   isSessionPaused() {
-    return this.isPaused;
+    return !this.anamClient && this.hasHadSessionBefore;
   }
   /**
-   * Pause the session (called when widget closes)
-   * - Does NOT end the session - keeps Anam client and video stream alive
-   * - Optionally disconnects WebSocket (based on keepWebSocketAlive)
-   * - Keeps session token and state in memory
-   * - Session can be resumed when widget reopens
+   * Pause the session (called when widget closes / user hangs up)
+   * 
+   * NEW BEHAVIOR: Ends the Anam session to save resources.
+   * When widget reopens, a new session is created with skip_greeting: true
+   * so the greeting doesn't play again.
+   * 
+   * This is more resource-efficient than keeping the session alive.
    */
-  pauseSession() {
-    if (this.isPaused) {
-      console.log("[AriaSessionManager] Session already paused");
-      return;
-    }
+  async pauseSession() {
     if (!this.anamClient) {
-      console.log("[AriaSessionManager] No active Anam client, nothing to pause");
+      console.log("[AriaSessionManager] No active Anam client, nothing to pause/end");
       return;
     }
-    console.log("[AriaSessionManager] Pausing session - keeping Anam client alive"), this.isPaused = !0, this.hiddenVideoElement && (this.hiddenVideoElement.muted = !0), this.hiddenAudioElement && (this.hiddenAudioElement.muted = !0, console.log("[AriaSessionManager] Audio element muted (session paused)")), this.shouldKeepWebSocketAlive() || (console.log("[AriaSessionManager] Disconnecting WebSocket (keepWebSocketAlive: false)"), this.ws && (this.ws.close(), this.ws = null)), this.config.onSessionPaused?.();
+    console.log("[AriaSessionManager] Widget closed - ending Anam session (will skip greeting on reopen)"), await this.endCurrentSession(), this.config.onSessionPaused?.();
   }
   /**
    * Resume the session (called when widget reopens)
-   * - Reconnects WebSocket if needed
-   * - Reuses existing Anam client and video stream
-   * - Does NOT create a new session
-   * @returns true if session was successfully resumed, false if a new session is needed
+   * 
+   * Since we end the session on pause (to free Anam resources), this requests a new
+   * session token with skip_greeting: true, then initializes the Anam client.
+   * 
+   * @returns true if session is ready or initialization started, false if waiting for token
    */
   async resumeSession() {
-    if (!this.isPaused)
-      return console.log("[AriaSessionManager] Session not paused, nothing to resume"), !1;
-    if (console.log("[AriaSessionManager] Resuming session"), this.isPaused = !1, !this.anamClient)
-      return console.log("[AriaSessionManager] No Anam client, cannot resume - will create new session"), !1;
-    if (this.sessionState.expires_at) {
-      const a = new Date(this.sessionState.expires_at).getTime();
-      if (Date.now() >= a)
-        return console.log("[AriaSessionManager] Session expired, will create new session"), await this.stopStreaming(), this.resetSessionState(), !1;
-    }
-    if (!this.videoStream)
-      return console.log("[AriaSessionManager] No video stream available, will create new session"), await this.stopStreaming(), this.resetSessionState(), !1;
-    const e = this.videoStream.getTracks(), t = e.filter((a) => a.kind === "video"), o = t.filter((a) => a.readyState === "live");
-    return console.log("[AriaSessionManager] Video stream tracks:", e.length, "video:", t.length, "active:", o.length), o.length === 0 ? (console.log("[AriaSessionManager] No active video tracks, Anam connection is dead - will create new session"), await this.stopStreaming(), this.resetSessionState(), !1) : (this.hiddenAudioElement && (this.hiddenAudioElement.muted = !1, this.hiddenAudioElement.play().catch((a) => {
-      console.warn("[AriaSessionManager] Audio play failed on resume:", a);
-    }), console.log("[AriaSessionManager] Audio element unmuted (session resumed)")), this.isConnected() || (console.log("[AriaSessionManager] Reconnecting WebSocket for resumed session"), this.reconnectForResume()), this.setStatus("ready"), this.config.onSessionResumed?.(), !0);
-  }
-  /**
-   * Reconnect WebSocket for session resume (without triggering new session)
-   */
-  reconnectForResume() {
-    if (this.ws?.readyState === WebSocket.OPEN) {
-      console.log("[AriaSessionManager] WebSocket already connected");
-      return;
-    }
-    if (this.ws?.readyState === WebSocket.CONNECTING) {
-      console.log("[AriaSessionManager] WebSocket already connecting");
-      return;
-    }
-    this.setStatus("connecting");
-    try {
-      this.ws = new WebSocket(this.config.websocketUrl), this.ws.onopen = () => {
-        console.log("[AriaSessionManager] WebSocket reconnected for resumed session"), this.setStatus("ready"), this.retryCount = 0, this.emit({ type: "connection_change", data: { connected: !0 } }), this.config.onConnectionStateChange?.(!0), console.log("[AriaSessionManager] Session resumed with existing token");
-      }, this.ws.onmessage = (e) => this.handleWebSocketMessage(e), this.ws.onerror = (e) => {
-        console.error("[AriaSessionManager] WebSocket error during resume:", e), this.setStatus("error"), this.updateSessionState({ lastError: "WebSocket connection error" }), this.config.onError?.(new Error("WebSocket connection failed"));
-      }, this.ws.onclose = () => {
-        console.log("[AriaSessionManager] WebSocket disconnected"), this.emit({ type: "connection_change", data: { connected: !1 } }), this.config.onConnectionStateChange?.(!1), !this.sessionState.isRefreshing && !this.isPaused && this.setStatus("idle");
-      };
-    } catch (e) {
-      const t = e instanceof Error ? e.message : "Failed to reconnect WebSocket";
-      console.error("[AriaSessionManager] Reconnection error:", t), this.setStatus("error"), this.updateSessionState({ lastError: t }), this.config.onError?.(e instanceof Error ? e : new Error(t));
+    if (console.log("[AriaSessionManager] Widget reopened - will create new session with skip_greeting"), this.anamClient && this.videoStream)
+      return console.log("[AriaSessionManager] Active session exists, no need to create new one"), this.setStatus("ready"), this.config.onSessionResumed?.(), !0;
+    if (this.sessionState.token && !this.isTokenExpired()) {
+      console.log("[AriaSessionManager] Session token ready, initializing Anam client (skip_greeting applied)");
+      try {
+        return await this.initializeAnamClient(this.sessionState.token), this.config.onSessionResumed?.(), !0;
+      } catch (e) {
+        console.error("[AriaSessionManager] Failed to initialize session on resume:", e), this.updateSessionState({ token: null, isSessionReady: !1 });
+      }
     }
+    return this.isConnected() ? (console.log("[AriaSessionManager] Requesting new session token for resume"), this.requestSessionToken()) : (console.log("[AriaSessionManager] WebSocket not connected, reconnecting..."), this.connect()), !1;
   }
   /**
    * Reset session state (used when session expires or needs to be recreated)
@@ -1007,7 +1020,7 @@ class U {
       lastError: null,
       isPreloaded: !1,
       isRefreshing: !1
-    }), this.isPaused = !1, this.isAnamInitializing = !1, this.isConnected() ? (this.setStatus("connected"), this.config.preloadSession !== !1 && this.config.userId && (console.log("[AriaSessionManager] Requesting new session token for next open"), this.requestSessionToken())) : this.setStatus("idle");
+    }), this.isPaused = !1, this.isAnamInitializing = !1, this.isConnected() ? (this.setStatus("connected"), console.log("[AriaSessionManager] Session ended, ready for new session when widget reopens")) : this.setStatus("idle");
   }
   // ============================================================================
   // Cleanup
@@ -1041,7 +1054,7 @@ const S = {
   uiContainer: null,
   reactRoot: null
 };
-class Ae {
+class xe {
   /**
    * Initialize the Aria SDK with the given configuration.
    * This sets up the WebSocket connection, session management, and UI components.
@@ -1070,8 +1083,8 @@ class Ae {
     if (!e.userId)
       throw new Error("[AriaCore] userId is required");
     console.log("[AriaCore] Initializing Aria SDK..."), S.config = e;
-    const t = Ae.buildFullConfig(e);
-    S.sessionManager = U.getInstance(t), S.sessionManager.connect(), Ae.mountUI(e.theme || "light", e.triggerLabel), S.initialized = !0, console.log("[AriaCore] Aria SDK initialized successfully");
+    const t = xe.buildFullConfig(e);
+    S.sessionManager = U.getInstance(t), S.sessionManager.connect(), xe.mountUI(e.theme || "light", e.triggerLabel), S.initialized = !0, console.log("[AriaCore] Aria SDK initialized successfully");
   }
   /**
    * Open the Aria assistant widget.
@@ -1202,7 +1215,7 @@ class Ae {
       console.log("[AriaCore] Not initialized, nothing to destroy.");
       return;
     }
-    console.log("[AriaCore] Destroying Aria SDK..."), Ae.unmountUI(), U.destroyInstance(), S.initialized = !1, S.config = null, S.sessionManager = null, S.uiContainer = null, S.reactRoot = null, console.log("[AriaCore] Aria SDK destroyed");
+    console.log("[AriaCore] Destroying Aria SDK..."), xe.unmountUI(), U.destroyInstance(), S.initialized = !1, S.config = null, S.sessionManager = null, S.uiContainer = null, S.reactRoot = null, console.log("[AriaCore] Aria SDK destroyed");
   }
   // ============================================================================
   // Private Methods
@@ -1250,7 +1263,7 @@ class Ae {
    */
   static mountUI(e, t) {
     const o = document.createElement("div");
-    o.id = "aria-sdk-root", o.setAttribute("data-aria-theme", e), o.setAttribute("data-aria-open", "false"), document.body.appendChild(o), S.uiContainer = o, Ae.renderReactUI(o, e, t);
+    o.id = "aria-sdk-root", o.setAttribute("data-aria-theme", e), o.setAttribute("data-aria-open", "false"), document.body.appendChild(o), S.uiContainer = o, xe.renderReactUI(o, e, t);
   }
   /**
    * Render React UI components
@@ -1387,21 +1400,21 @@ function Cr() {
   for (var r, e, t = 0, o = "", a = arguments.length; t < a; t++) (r = arguments[t]) && (e = Xe(r)) && (o && (o += " "), o += e);
   return o;
 }
-const Nr = (r, e) => {
+const Rr = (r, e) => {
   const t = new Array(r.length + e.length);
   for (let o = 0; o < r.length; o++)
     t[o] = r[o];
   for (let o = 0; o < e.length; o++)
     t[r.length + o] = e[o];
   return t;
-}, Rr = (r, e) => ({
+}, Nr = (r, e) => ({
   classGroupId: r,
   validator: e
 }), Ze = (r = /* @__PURE__ */ new Map(), e = null, t) => ({
   nextPart: r,
   validators: e,
   classGroupId: t
-}), Ee = "-", Le = [], Tr = "arbitrary..", Ir = (r) => {
+}), Ee = "-", _e = [], Tr = "arbitrary..", Ir = (r) => {
   const e = Pr(r), {
     conflictingClassGroups: t,
     conflictingClassGroupModifiers: o
@@ -1416,9 +1429,9 @@ const Nr = (r, e) => {
     getConflictingClassGroupIds: (i, b) => {
       if (b) {
         const d = o[i], m = t[i];
-        return d ? m ? Nr(m, d) : d : m || Le;
+        return d ? m ? Rr(m, d) : d : m || _e;
       }
-      return t[i] || Le;
+      return t[i] || _e;
     }
   };
 }, Ye = (r, e, t) => {
@@ -1446,8 +1459,8 @@ const Nr = (r, e) => {
     theme: e,
     classGroups: t
   } = r;
-  return Vr(t, e);
-}, Vr = (r, e) => {
+  return Hr(t, e);
+}, Hr = (r, e) => {
   const t = Ze();
   for (const o in r) {
     const a = r[o];
@@ -1458,9 +1471,9 @@ const Nr = (r, e) => {
   const a = r.length;
   for (let l = 0; l < a; l++) {
     const i = r[l];
-    Hr(i, e, t, o);
+    Vr(i, e, t, o);
   }
-}, Hr = (r, e, t, o) => {
+}, Vr = (r, e, t, o) => {
   if (typeof r == "string") {
     jr(r, e, t);
     return;
@@ -1469,17 +1482,17 @@ const Nr = (r, e) => {
     Dr(r, e, t, o);
     return;
   }
-  Wr(r, e, t, o);
+  Br(r, e, t, o);
 }, jr = (r, e, t) => {
   const o = r === "" ? e : $e(e, r);
   o.classGroupId = t;
 }, Dr = (r, e, t, o) => {
-  if (Br(r)) {
+  if (Or(r)) {
     ze(r(o), e, t, o);
     return;
   }
-  e.validators === null && (e.validators = []), e.validators.push(Rr(t, r));
-}, Wr = (r, e, t, o) => {
+  e.validators === null && (e.validators = []), e.validators.push(Nr(t, r));
+}, Br = (r, e, t, o) => {
   const a = Object.entries(r), l = a.length;
   for (let i = 0; i < l; i++) {
     const [b, d] = a[i];
@@ -1494,7 +1507,7 @@ const Nr = (r, e) => {
     b || (b = Ze(), t.nextPart.set(i, b)), t = b;
   }
   return t;
-}, Br = (r) => "isThemeGetter" in r && r.isThemeGetter === !0, Or = (r) => {
+}, Or = (r) => "isThemeGetter" in r && r.isThemeGetter === !0, Wr = (r) => {
   if (r < 1)
     return {
       get: () => {
@@ -1518,7 +1531,7 @@ const Nr = (r, e) => {
       l in t ? t[l] = i : a(l, i);
     }
   };
-}, Re = "!", _e = ":", Fr = [], Ge = (r, e, t, o, a) => ({
+}, Ne = "!", Le = ":", Fr = [], Ge = (r, e, t, o, a) => ({
   modifiers: r,
   hasImportantModifier: e,
   baseClassName: t,
@@ -1536,7 +1549,7 @@ const Nr = (r, e) => {
     for (let D = 0; D < f; D++) {
       const P = a[D];
       if (i === 0 && b === 0) {
-        if (P === _e) {
+        if (P === Le) {
           l.push(a.slice(d, D)), d = D + 1;
           continue;
         }
@@ -1548,19 +1561,19 @@ const Nr = (r, e) => {
       P === "[" ? i++ : P === "]" ? i-- : P === "(" ? b++ : P === ")" && b--;
     }
     const x = l.length === 0 ? a : a.slice(d);
-    let N = x, z = !1;
-    x.endsWith(Re) ? (N = x.slice(0, -1), z = !0) : (
+    let R = x, z = !1;
+    x.endsWith(Ne) ? (R = x.slice(0, -1), z = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      x.startsWith(Re) && (N = x.slice(1), z = !0)
+      x.startsWith(Ne) && (R = x.slice(1), z = !0)
     );
     const j = m && m > d ? m - d : void 0;
-    return Ge(l, z, N, j);
+    return Ge(l, z, R, j);
   };
   if (e) {
-    const a = e + _e, l = o;
+    const a = e + Le, l = o;
     o = (i) => i.startsWith(a) ? l(i.slice(a.length)) : Ge(Fr, !1, i, void 0, !0);
   }
   if (t) {
@@ -1571,7 +1584,7 @@ const Nr = (r, e) => {
     });
   }
   return o;
-}, Lr = (r) => {
+}, _r = (r) => {
   const e = /* @__PURE__ */ new Map();
   return r.orderSensitiveModifiers.forEach((t, o) => {
     e.set(t, 1e6 + o);
@@ -1584,10 +1597,10 @@ const Nr = (r, e) => {
     }
     return a.length > 0 && (a.sort(), o.push(...a)), o;
   };
-}, _r = (r) => ({
-  cache: Or(r.cacheSize),
+}, Lr = (r) => ({
+  cache: Wr(r.cacheSize),
   parseClassName: Ur(r),
-  sortModifiers: Lr(r),
+  sortModifiers: _r(r),
   ...Ir(r)
 }), Gr = /\s+/, Qr = (r, e) => {
   const {
@@ -1600,7 +1613,7 @@ const Nr = (r, e) => {
   for (let m = b.length - 1; m >= 0; m -= 1) {
     const f = b[m], {
       isExternal: x,
-      modifiers: N,
+      modifiers: R,
       hasImportantModifier: z,
       baseClassName: j,
       maybePostfixModifierPosition: D
@@ -1621,13 +1634,13 @@ const Nr = (r, e) => {
       }
       P = !1;
     }
-    const K = N.length === 0 ? "" : N.length === 1 ? N[0] : l(N).join(":"), Q = z ? K + Re : K, M = Q + G;
+    const K = R.length === 0 ? "" : R.length === 1 ? R[0] : l(R).join(":"), Q = z ? K + Ne : K, M = Q + G;
     if (i.indexOf(M) > -1)
       continue;
     i.push(M);
-    const L = a(G, P);
-    for (let _ = 0; _ < L.length; ++_) {
-      const q = L[_];
+    const _ = a(G, P);
+    for (let L = 0; L < _.length; ++L) {
+      const q = _[L];
       i.push(Q + q);
     }
     d = f + (d.length > 0 ? " " + d : d);
@@ -1649,7 +1662,7 @@ const Nr = (r, e) => {
   let t, o, a, l;
   const i = (d) => {
     const m = e.reduce((f, x) => x(f), r());
-    return t = _r(m), o = t.cache.get, a = t.cache.set, l = b, b(d);
+    return t = Lr(m), o = t.cache.get, a = t.cache.set, l = b, b(d);
   }, b = (d) => {
     const m = o(d);
     if (m)
@@ -1673,7 +1686,7 @@ const Nr = (r, e) => {
   const o = tr.exec(r);
   return o ? o[1] ? e(o[1]) : t : !1;
 }, ar = (r) => r === "position" || r === "percentage", ir = (r) => r === "image" || r === "url", nr = (r) => r === "length" || r === "size" || r === "bg-size", sr = (r) => r === "length", ht = (r) => r === "number", ut = (r) => r === "family-name", lr = (r) => r === "shadow", pt = () => {
-  const r = T("color"), e = T("font"), t = T("text"), o = T("font-weight"), a = T("tracking"), l = T("leading"), i = T("breakpoint"), b = T("container"), d = T("spacing"), m = T("radius"), f = T("shadow"), x = T("inset-shadow"), N = T("text-shadow"), z = T("drop-shadow"), j = T("blur"), D = T("perspective"), P = T("aspect"), G = T("ease"), K = T("animate"), Q = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], M = () => [
+  const r = T("color"), e = T("font"), t = T("text"), o = T("font-weight"), a = T("tracking"), l = T("leading"), i = T("breakpoint"), b = T("container"), d = T("spacing"), m = T("radius"), f = T("shadow"), x = T("inset-shadow"), R = T("text-shadow"), z = T("drop-shadow"), j = T("blur"), D = T("perspective"), P = T("aspect"), G = T("ease"), K = T("animate"), Q = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], M = () => [
     "center",
     "top",
     "bottom",
@@ -1691,15 +1704,15 @@ const Nr = (r, e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], L = () => [...M(), h, g], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], q = () => ["auto", "contain", "none"], y = () => [h, g, d], W = () => [pe, "full", "auto", ...y()], s = () => [te, "none", "subgrid", h, g], B = () => ["auto", {
+  ], _ = () => [...M(), h, g], L = () => ["auto", "hidden", "clip", "visible", "scroll"], q = () => ["auto", "contain", "none"], y = () => [h, g, d], B = () => [pe, "full", "auto", ...y()], s = () => [te, "none", "subgrid", h, g], O = () => ["auto", {
     span: ["full", te, h, g]
-  }, te, h, g], Y = () => [te, "auto", h, g], re = () => ["auto", "min", "max", "fr", h, g], J = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], w = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], p = () => ["auto", ...y()], V = () => [pe, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...y()], v = () => [r, h, g], le = () => [...M(), qe, Qe, {
+  }, te, h, g], Y = () => [te, "auto", h, g], re = () => ["auto", "min", "max", "fr", h, g], J = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], w = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], p = () => ["auto", ...y()], H = () => [pe, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...y()], v = () => [r, h, g], le = () => [...M(), qe, Qe, {
     position: [h, g]
   }], ce = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], de = () => ["auto", "cover", "contain", dt, st, {
     size: [h, g]
-  }], oe = () => [Me, ye, se], R = () => [
+  }], oe = () => [Me, ye, se], N = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1707,7 +1720,7 @@ const Nr = (r, e) => {
     m,
     h,
     g
-  ], O = () => ["", A, ye, se], X = () => ["solid", "dashed", "dotted", "double"], ae = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], C = () => [A, Me, qe, Qe], ge = () => [
+  ], W = () => ["", A, ye, se], X = () => ["solid", "dashed", "dotted", "double"], ae = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], C = () => [A, Me, qe, Qe], ge = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1838,28 +1851,28 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: L()
+        object: _()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: _()
+        overflow: L()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": _()
+        "overflow-x": L()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": _()
+        "overflow-y": L()
       }],
       /**
        * Overscroll Behavior
@@ -1892,63 +1905,63 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: W()
+        inset: B()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": W()
+        "inset-x": B()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": W()
+        "inset-y": B()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: W()
+        start: B()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: W()
+        end: B()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: W()
+        top: B()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: W()
+        right: B()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: W()
+        bottom: B()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: W()
+        left: B()
       }],
       /**
        * Visibility
@@ -2026,7 +2039,7 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: B()
+        col: O()
       }],
       /**
        * Grid Column Start
@@ -2054,7 +2067,7 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: B()
+        row: O()
       }],
       /**
        * Grid Row Start
@@ -2338,14 +2351,14 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: V()
+        size: H()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [b, "screen", ...V()]
+        w: [b, "screen", ...H()]
       }],
       /**
        * Min-Width
@@ -2357,7 +2370,7 @@ const Nr = (r, e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...V()
+          ...H()
         ]
       }],
       /**
@@ -2375,7 +2388,7 @@ const Nr = (r, e) => {
           {
             screen: [i]
           },
-          ...V()
+          ...H()
         ]
       }],
       /**
@@ -2383,21 +2396,21 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...V()]
+        h: ["screen", "lh", ...H()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...V()]
+        "min-h": ["screen", "lh", "none", ...H()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...V()]
+        "max-h": ["screen", "lh", ...H()]
       }],
       // ------------------
       // --- Typography ---
@@ -2752,175 +2765,175 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: R()
+        rounded: N()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": R()
+        "rounded-s": N()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": R()
+        "rounded-e": N()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": R()
+        "rounded-t": N()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": R()
+        "rounded-r": N()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": R()
+        "rounded-b": N()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": R()
+        "rounded-l": N()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": R()
+        "rounded-ss": N()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": R()
+        "rounded-se": N()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": R()
+        "rounded-ee": N()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": R()
+        "rounded-es": N()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": R()
+        "rounded-tl": N()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": R()
+        "rounded-tr": N()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": R()
+        "rounded-br": N()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": R()
+        "rounded-bl": N()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: O()
+        border: W()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": O()
+        "border-x": W()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": O()
+        "border-y": W()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": O()
+        "border-s": W()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": O()
+        "border-e": W()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": O()
+        "border-t": W()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": O()
+        "border-r": W()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": O()
+        "border-b": W()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": O()
+        "border-l": W()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": O()
+        "divide-x": W()
       }],
       /**
        * Divide Width X Reverse
@@ -2932,7 +2945,7 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": O()
+        "divide-y": W()
       }],
       /**
        * Divide Width Y Reverse
@@ -3094,7 +3107,7 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: O()
+        ring: W()
       }],
       /**
        * Ring Width Inset
@@ -3133,7 +3146,7 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": O()
+        "inset-ring": W()
       }],
       /**
        * Inset Ring Color
@@ -3147,7 +3160,7 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", N, Se, ke]
+        "text-shadow": ["none", R, Se, ke]
       }],
       /**
        * Text Shadow Color
@@ -3654,7 +3667,7 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": L()
+        "perspective-origin": _()
       }],
       /**
        * Rotate
@@ -3750,7 +3763,7 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: L()
+        origin: _()
       }],
       /**
        * Transform Style
@@ -4151,11 +4164,11 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
   triggerLabel: e,
   container: t
 }) => {
-  const [o, a] = I(!1), [l, i] = I(!1), [b, d] = I(!1), [m, f] = I(!1), [x, N] = I([]), [z, j] = I(""), [D, P] = I(!1), [G, K] = I(!1), [Q, M] = I(null), [, L] = I("user"), [_, q] = I("bottom-right"), [y, W] = I({
+  const [o, a] = I(!1), [l, i] = I(!1), [b, d] = I(!1), [m, f] = I(!1), [x, R] = I([]), [z, j] = I(""), [D, P] = I(!1), [G, K] = I(!1), [Q, M] = I(null), [, _] = I("user"), [L, q] = I("bottom-right"), [y, B] = I({
     isActive: !1,
     toolName: null,
     toolData: null
-  }), [s, B] = I({
+  }), [s, O] = I({
     session_id: null,
     token: null,
     expires_at: null,
@@ -4163,61 +4176,61 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
     lastError: null,
     isPreloaded: !1,
     isRefreshing: !1
-  }), [Y, re] = I("idle"), [, J] = I(!1), w = me(null), p = me(null), V = H((u) => {
+  }), [Y, re] = I("idle"), [, J] = I(!1), w = me(null), p = me(null), H = V((u) => {
     const { newStatus: k } = u.data;
     re(k), k === "preloading" || k === "connecting" ? o && f(!0) : k === "ready" ? (f(!1), d(!0)) : k === "error" && f(!1);
-  }, [o]), v = H((u) => {
+  }, [o]), v = V((u) => {
     const k = u.data;
     if (console.log("[AriaStandaloneUI] Session ready event:", k), w.current) {
       const F = w.current.getSessionState();
-      B(F);
+      O(F);
       const ne = k?.lazyInit === !0;
       k?.streamReady === !0 ? (p.current && (console.log("[AriaStandaloneUI] Attaching video stream after full session ready (streamReady=true)"), w.current.attachToVideoElement(p.current)), d(!0), f(!1), M(null)) : ne ? console.log("[AriaStandaloneUI] Token ready (lazy init), button enabled") : (p.current && (console.log("[AriaStandaloneUI] Attaching video stream (legacy event)"), w.current.attachToVideoElement(p.current)), d(!0), f(!1), M(null));
     }
-  }, []), le = H((u) => {
+  }, []), le = V((u) => {
     const k = u.error?.message || "Session error";
     if (console.error("[AriaStandaloneUI] Session error:", k), M(k), f(!1), w.current) {
       const F = w.current.getSessionState();
-      B(F);
+      O(F);
     }
-  }, []), ce = H((u) => {
+  }, []), ce = V((u) => {
     const { connected: k } = u.data;
     if (d(k), !k && w.current) {
       const F = w.current.getSessionState();
-      B(F);
+      O(F);
     }
-  }, []), de = H((u) => {
+  }, []), de = V((u) => {
     const { messages: k } = u.data;
-    k && N(k);
-  }, []), oe = H((u) => {
+    k && R(k);
+  }, []), oe = V((u) => {
     const { liveTranscript: k } = u.data;
     k !== void 0 && j(k);
-  }, []), R = H((u) => {
+  }, []), N = V((u) => {
     const k = u.data;
-    W({
+    B({
       isActive: k.isActive,
       toolName: k.toolName,
       toolData: k.toolData
     });
-  }, []), O = H((u) => {
+  }, []), W = V((u) => {
     const k = p.current;
     p.current = u, u && w.current ? w.current.getVideoStream() !== null ? (console.log("[AriaStandaloneUI] Attaching video stream to element"), w.current.attachToVideoElement(u)) : console.log("[AriaStandaloneUI] Video element registered, waiting for stream to be ready") : !u && k && w.current && (console.log("[AriaStandaloneUI] Detaching video stream from element"), w.current.detachFromVideoElement(k));
-  }, []), X = H((u = "user") => {
-    if (L(u), q(u === "websocket" ? "center" : "bottom-right"), a(!0), i(!1), M(null), !w.current) return;
+  }, []), X = V((u = "user") => {
+    if (_(u), q(u === "websocket" ? "center" : "bottom-right"), a(!0), i(!1), M(null), !w.current) return;
     const k = w.current.isSessionPaused();
     if (console.log("[AriaStandaloneUI] openAssistant called, isPaused:", k), k) {
       f(!0), w.current.resumeSession().then((Z) => {
         if (J(!1), Z) {
           f(!1), d(!0);
           const Pe = w.current.getSessionState();
-          B(Pe), N(w.current.getChatMessages()), p.current && w.current && (console.log("[AriaStandaloneUI] Attaching video stream after resume"), w.current.attachToVideoElement(p.current));
+          O(Pe), R(w.current.getChatMessages()), p.current && w.current && (console.log("[AriaStandaloneUI] Attaching video stream after resume"), w.current.attachToVideoElement(p.current));
         } else
           w.current.hasSessionToken() ? w.current.initializeSessionOnDemand().then(() => {
             f(!1), d(!0);
-            const xe = w.current.getSessionState();
-            B(xe), p.current && w.current && (console.log("[AriaStandaloneUI] Attaching video stream after initialization (from resume)"), w.current.attachToVideoElement(p.current));
-          }).catch((xe) => {
-            f(!1), M(xe instanceof Error ? xe.message : "Failed to start new session");
+            const Ae = w.current.getSessionState();
+            O(Ae), p.current && w.current && (console.log("[AriaStandaloneUI] Attaching video stream after initialization (from resume)"), w.current.attachToVideoElement(p.current));
+          }).catch((Ae) => {
+            f(!1), M(Ae instanceof Error ? Ae.message : "Failed to start new session");
           }) : w.current.isConnected() || w.current.connect();
       }).catch((Z) => {
         f(!1), J(!1), M(Z instanceof Error ? Z.message : "Failed to resume session");
@@ -4228,17 +4241,17 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
     console.log("[AriaStandaloneUI] openAssistant state check:", { isAnamReady: F, hasToken: ne, status: ve, isPaused: !1 }), F && ve === "ready" ? (console.log("[AriaStandaloneUI] Anam already ready, attaching video"), f(!1), d(!0), p.current && w.current.attachToVideoElement(p.current)) : ne ? (console.log("[AriaStandaloneUI] Has token, calling initializeSessionOnDemand"), f(!0), w.current.initializeSessionOnDemand().then(() => {
       f(!1), d(!0);
       const Z = w.current.getSessionState();
-      B(Z), p.current && w.current && (console.log("[AriaStandaloneUI] Attaching video stream after initialization"), w.current.attachToVideoElement(p.current));
+      O(Z), p.current && w.current && (console.log("[AriaStandaloneUI] Attaching video stream after initialization"), w.current.attachToVideoElement(p.current));
     }).catch((Z) => {
       f(!1), M(Z instanceof Error ? Z.message : "Failed to initialize session");
     })) : (console.warn("[AriaStandaloneUI] No token available, button should have been disabled"), M("Session not ready. Please wait and try again."));
-  }, []), ae = H(() => {
+  }, []), ae = V(() => {
     i(!0);
-  }, []), C = H(() => {
+  }, []), C = V(() => {
     i(!1);
-  }, []), ge = H(() => {
+  }, []), ge = V(() => {
     a(!1), i(!1), w.current && (p.current && w.current.detachFromVideoElement(p.current), j(""), console.log("[AriaStandaloneUI] Pausing session (widget closed)"), w.current.pauseSession(), J(!0));
-  }, []), ie = H(() => {
+  }, []), ie = V(() => {
     console.log("[AriaStandaloneUI] WebSocket trigger event"), X("websocket");
   }, [X]);
   ee(() => {
@@ -4247,21 +4260,21 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
       return;
     }
     const u = U.getInstance({});
-    return w.current = u, u.addEventListener("status_change", V), u.addEventListener("session_ready", v), u.addEventListener("session_error", le), u.addEventListener("connection_change", ce), u.addEventListener("message_history", de), u.addEventListener("message_stream", oe), u.addEventListener("tool_call", R), u.setWebSocketTriggerCallback(ie), queueMicrotask(() => {
-      B(u.getSessionState()), re(u.getStatus()), d(u.isConnected()), N(u.getChatMessages()), j(u.getLiveTranscript()), K(u.isMuted()), J(u.isSessionPaused());
+    return w.current = u, u.addEventListener("status_change", H), u.addEventListener("session_ready", v), u.addEventListener("session_error", le), u.addEventListener("connection_change", ce), u.addEventListener("message_history", de), u.addEventListener("message_stream", oe), u.addEventListener("tool_call", N), u.setWebSocketTriggerCallback(ie), queueMicrotask(() => {
+      O(u.getSessionState()), re(u.getStatus()), d(u.isConnected()), R(u.getChatMessages()), j(u.getLiveTranscript()), K(u.isMuted()), J(u.isSessionPaused());
       const F = u.getToolCallState();
-      W(F);
+      B(F);
     }), () => {
-      u.removeEventListener("status_change", V), u.removeEventListener("session_ready", v), u.removeEventListener("session_error", le), u.removeEventListener("connection_change", ce), u.removeEventListener("message_history", de), u.removeEventListener("message_stream", oe), u.removeEventListener("tool_call", R), u.setWebSocketTriggerCallback(null);
+      u.removeEventListener("status_change", H), u.removeEventListener("session_ready", v), u.removeEventListener("session_error", le), u.removeEventListener("connection_change", ce), u.removeEventListener("message_history", de), u.removeEventListener("message_stream", oe), u.removeEventListener("tool_call", N), u.setWebSocketTriggerCallback(null);
     };
   }, [
-    V,
+    H,
     v,
     le,
     ce,
     de,
     oe,
-    R,
+    N,
     ie
   ]), ee(() => {
     const u = (ve) => {
@@ -4279,22 +4292,22 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
   }, [X, ge, ae, C]), ee(() => {
     t.setAttribute("data-aria-open", String(o));
   }, [o, t]);
-  const he = H(() => {
+  const he = V(() => {
     P((u) => !u);
-  }, []), be = H(async (u) => {
+  }, []), be = V(async (u) => {
     if (!w.current || !b)
       throw new Error("Not connected to Aria");
     await w.current.sendMessage(u);
-  }, [b]), ue = H(() => {
+  }, [b]), ue = V(() => {
     if (!w.current) return;
     const u = w.current.toggleMute();
     K(u);
-  }, []), cr = H(() => {
+  }, []), cr = V(() => {
     w.current && (f(!0), M(null), w.current.refreshSession().catch((u) => {
       M(u instanceof Error ? u.message : "Failed to refresh session"), f(!1);
     }));
   }, []);
-  return /* @__PURE__ */ E(Ve, { children: [
+  return /* @__PURE__ */ E(He, { children: [
     !o && /* @__PURE__ */ n(
       wt,
       {
@@ -4305,7 +4318,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
         onClick: () => X("user")
       }
     ),
-    o && /* @__PURE__ */ E(Ve, { children: [
+    o && /* @__PURE__ */ E(He, { children: [
       !l && /* @__PURE__ */ n(
         "div",
         {
@@ -4342,7 +4355,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               onMinimize: ae,
               onMaximize: C,
               theme: r,
-              displayMode: _,
+              displayMode: L,
               isConnected: b,
               isLoading: m,
               chatMessages: x,
@@ -4352,7 +4365,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               error: Q,
               toolCallState: y,
               sessionState: s,
-              setVideoElement: O,
+              setVideoElement: W,
               toggleChat: he,
               sendMessage: be,
               toggleMute: ue,
@@ -4431,7 +4444,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                 "div",
                 {
                   className: "hidden w-full h-full items-center justify-center aria-gradient-bg text-white",
-                  children: /* @__PURE__ */ n(Ne, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ n(Re, { className: "w-4 h-4" })
                 }
               ),
               /* @__PURE__ */ n("span", { className: c(
@@ -4445,7 +4458,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               "transition-transform duration-200",
               o && "group-hover:scale-105",
               !o && "grayscale"
-            ), children: /* @__PURE__ */ n(Ne, { className: "w-4 h-4" }) }),
+            ), children: /* @__PURE__ */ n(Re, { className: "w-4 h-4" }) }),
             /* @__PURE__ */ E("div", { className: "relative flex flex-col items-start min-w-0 text-left", children: [
               /* @__PURE__ */ n("span", { className: c(
                 "font-bold text-[13px] tracking-tight leading-none",
@@ -4475,7 +4488,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
   liveTranscript: m,
   isChatVisible: f,
   isMuted: x,
-  error: N,
+  error: R,
   toolCallState: z,
   setVideoElement: j,
   toggleChat: D,
@@ -4483,22 +4496,22 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
   toggleMute: G,
   refreshSession: K
 }) => {
-  const Q = me(null), M = me(null), [L, _] = I(""), [q, y] = I(!1), W = me(null), s = a === "dark", B = l === "bottom-right", Y = l === "center";
+  const Q = me(null), M = me(null), [_, L] = I(""), [q, y] = I(!1), B = me(null), s = a === "dark", O = l === "bottom-right", Y = l === "center";
   ee(() => {
     M.current && (M.current.scrollTop = M.current.scrollHeight);
   }, [m]), ee(() => (Q.current && (console.log("[AriaWidgetStandalone] Registering video element, minimized:", e), j(Q.current)), () => {
     j(null);
   }), [j, e]), ee(() => {
-    W.current?.scrollIntoView({ behavior: "smooth" });
+    B.current?.scrollIntoView({ behavior: "smooth" });
   }, [d]);
   const re = async () => {
-    if (!L.trim() || !i || q) return;
-    const p = L.trim();
-    _(""), y(!0);
+    if (!_.trim() || !i || q) return;
+    const p = _.trim();
+    L(""), y(!0);
     try {
       await P(p);
-    } catch (V) {
-      console.error("Failed to send message:", V), _(p);
+    } catch (H) {
+      console.error("Failed to send message:", H), L(p);
     } finally {
       y(!1);
     }
@@ -4552,7 +4565,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               /* @__PURE__ */ n("div", { className: c(
                 "w-5 h-5 rounded-full flex items-center justify-center",
                 s ? "bg-amber-800/50" : "bg-amber-100"
-              ), children: /* @__PURE__ */ n(He, { className: c(
+              ), children: /* @__PURE__ */ n(Ve, { className: c(
                 "w-3 h-3 animate-pulse",
                 s ? "text-amber-400" : "text-amber-600"
               ) }) }),
@@ -4563,7 +4576,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
             ]
           }
         ),
-        i && !N && /* @__PURE__ */ E(
+        i && !R && /* @__PURE__ */ E(
           "div",
           {
             className: c(
@@ -4606,7 +4619,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                   onClick: r,
                   className: "w-8 h-8 rounded-full bg-red-500 hover:bg-red-600 flex items-center justify-center transition-all duration-200 text-white border-0 outline-none focus:outline-none shadow-sm",
                   title: "End Call",
-                  children: /* @__PURE__ */ n(We, { className: "h-3.5 w-3.5 rotate-[135deg]" })
+                  children: /* @__PURE__ */ n(Be, { className: "h-3.5 w-3.5 rotate-[135deg]" })
                 }
               )
             ]
@@ -4644,11 +4657,11 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
             s ? "text-gray-400" : "text-gray-600"
           ), children: "Connecting..." })
         ] }),
-        N && /* @__PURE__ */ E("div", { className: c(
+        R && /* @__PURE__ */ E("div", { className: c(
           "absolute inset-0 flex flex-col items-center justify-center z-10 p-4",
           s ? "bg-gray-950/90" : "bg-white/90"
         ), children: [
-          /* @__PURE__ */ n("div", { className: "w-10 h-10 rounded-full bg-red-500/10 flex items-center justify-center mb-2", children: /* @__PURE__ */ n(Be, { className: "w-5 h-5 text-red-500" }) }),
+          /* @__PURE__ */ n("div", { className: "w-10 h-10 rounded-full bg-red-500/10 flex items-center justify-center mb-2", children: /* @__PURE__ */ n(Oe, { className: "w-5 h-5 text-red-500" }) }),
           /* @__PURE__ */ n("p", { className: c(
             "text-xs font-medium text-center mb-2",
             s ? "text-red-300" : "text-red-700"
@@ -4663,7 +4676,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                 s ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white"
               ),
               children: [
-                /* @__PURE__ */ n(Oe, { className: "w-3 h-3" }),
+                /* @__PURE__ */ n(We, { className: "w-3 h-3" }),
                 "Retry"
               ]
             }
@@ -4680,9 +4693,9 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
         "shadow-2xl",
         !s && "bg-white/95 border border-gray-200/80",
         s && "bg-gray-950/95 border border-gray-800/50",
-        B && "fixed bottom-6 right-6 rounded-xl",
-        B && (f ? "w-[960px]" : "w-[640px]"),
-        B && "h-[500px]",
+        O && "fixed bottom-6 right-6 rounded-xl",
+        O && (f ? "w-[960px]" : "w-[640px]"),
+        O && "h-[500px]",
         Y && "fixed inset-8 md:inset-16 lg:inset-20 rounded-2xl"
       ),
       style: {
@@ -4766,7 +4779,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               ), children: "Get ready to chat" })
             ] })
           ] }),
-          N && /* @__PURE__ */ n(
+          R && /* @__PURE__ */ n(
             "div",
             {
               className: c(
@@ -4778,7 +4791,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                 "rounded-lg p-6 max-w-sm w-full shadow-lg border",
                 s ? "bg-gray-900 border-red-900/30" : "bg-white border-red-100"
               ), children: /* @__PURE__ */ E("div", { className: "flex flex-col items-center text-center gap-3", children: [
-                /* @__PURE__ */ n("div", { className: "w-12 h-12 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ n(Be, { className: "w-6 h-6 text-red-500" }) }),
+                /* @__PURE__ */ n("div", { className: "w-12 h-12 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ n(Oe, { className: "w-6 h-6 text-red-500" }) }),
                 /* @__PURE__ */ E("div", { children: [
                   /* @__PURE__ */ n("p", { className: c(
                     "text-base font-bold mb-2",
@@ -4787,7 +4800,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                   /* @__PURE__ */ n("p", { className: c(
                     "text-sm leading-relaxed mb-4",
                     s ? "text-red-400" : "text-red-600"
-                  ), children: N }),
+                  ), children: R }),
                   /* @__PURE__ */ E(
                     "button",
                     {
@@ -4798,7 +4811,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                         s ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white"
                       ),
                       children: [
-                        /* @__PURE__ */ n(Oe, { className: "w-4 h-4" }),
+                        /* @__PURE__ */ n(We, { className: "w-4 h-4" }),
                         "Try Again"
                       ]
                     }
@@ -4830,7 +4843,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                 /* @__PURE__ */ n("div", { className: c(
                   "w-6 h-6 rounded-full flex items-center justify-center",
                   s ? "bg-amber-800/50" : "bg-amber-100"
-                ), children: /* @__PURE__ */ n(He, { className: c(
+                ), children: /* @__PURE__ */ n(Ve, { className: c(
                   "w-3.5 h-3.5 animate-pulse",
                   s ? "text-amber-400" : "text-amber-600"
                 ) }) }),
@@ -4876,7 +4889,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               ] })
             }
           ),
-          i && !N && /* @__PURE__ */ E(
+          i && !R && /* @__PURE__ */ E(
             "div",
             {
               className: c(
@@ -4932,7 +4945,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                     onClick: r,
                     className: "w-10 h-9 rounded-full bg-red-500 hover:bg-red-600 flex items-center justify-center transition-all duration-200 text-white border-0 outline-none focus:outline-none shadow-sm",
                     title: "End Call",
-                    children: /* @__PURE__ */ n(We, { className: "h-4 w-4 rotate-[135deg]" })
+                    children: /* @__PURE__ */ n(Be, { className: "h-4 w-4 rotate-[135deg]" })
                   }
                 )
               ]
@@ -4941,7 +4954,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
         ] }),
         f && /* @__PURE__ */ E("div", { className: c(
           "flex flex-col shrink-0 border-l",
-          B ? "w-[320px]" : "w-[360px]",
+          O ? "w-[320px]" : "w-[360px]",
           s ? "bg-gray-900 border-gray-800" : "bg-white border-gray-100"
         ), children: [
           /* @__PURE__ */ n("div", { className: c(
@@ -4968,7 +4981,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               /* @__PURE__ */ n("div", { className: c(
                 "rounded-2xl p-6 mb-4",
                 s ? "bg-gradient-to-br from-indigo-900/20 to-purple-900/20" : "bg-gradient-to-br from-indigo-50 to-purple-50"
-              ), children: /* @__PURE__ */ n(Ne, { className: c(
+              ), children: /* @__PURE__ */ n(Re, { className: c(
                 "h-8 w-8",
                 s ? "text-indigo-400" : "text-indigo-500"
               ) }) }),
@@ -4980,14 +4993,14 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                 "text-xs",
                 s ? "text-gray-400" : "text-gray-500"
               ), children: "Aria is here to chat with you" })
-            ] }) : d.filter((p) => p.content && p.content.trim() !== "").map((p, V) => /* @__PURE__ */ E(
+            ] }) : d.filter((p) => p.content && p.content.trim() !== "").map((p, H) => /* @__PURE__ */ E(
               "div",
               {
                 className: c(
                   "flex gap-2 aria-animate-fade-in",
                   p.role === "user" ? "flex-row-reverse" : "flex-row"
                 ),
-                style: { animationDelay: `${V * 50}ms` },
+                style: { animationDelay: `${H * 50}ms` },
                 children: [
                   /* @__PURE__ */ n(
                     "div",
@@ -5029,9 +5042,9 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                   )
                 ]
               },
-              V
+              H
             )),
-            /* @__PURE__ */ n("div", { ref: W })
+            /* @__PURE__ */ n("div", { ref: B })
           ] }),
           /* @__PURE__ */ n("div", { className: c(
             "p-3 border-t",
@@ -5043,8 +5056,8 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
             /* @__PURE__ */ n(
               "input",
               {
-                value: L,
-                onChange: (p) => _(p.target.value),
+                value: _,
+                onChange: (p) => L(p.target.value),
                 onKeyDown: J,
                 placeholder: i ? "Message Aria..." : "Connecting...",
                 disabled: !i || q,
@@ -5058,7 +5071,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               "button",
               {
                 onClick: re,
-                disabled: !i || !L.trim() || q,
+                disabled: !i || !_.trim() || q,
                 className: c(
                   "h-7 w-7 rounded-md shrink-0 transition-all duration-200 flex items-center justify-center",
                   "bg-indigo-500 hover:bg-indigo-600 disabled:opacity-40 text-white"
@@ -5076,7 +5089,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
   AriaStandaloneUI: ft
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ae as Aria,
+  xe as Aria,
   Ie as decodeJWT,
   Er as extractSessionIdFromToken,
   St as getTokenInfo,