@centive/aria-sdk 0.8.7 → 0.8.9

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 j } from "react";
-import { Sparkles as Ne, Wrench as je, MicOff as De, Mic as He, Maximize2 as dr, Phone as We, X as Oe, RefreshCw as Be, 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 Be, Maximize2 as dr, Phone as De, 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);
@@ -90,6 +90,9 @@ class U {
   // Auto-reconnect on Anam disconnect (for inactivity timeout)
   isReconnecting = !1;
   autoReconnectOnAnamDisconnect = !0;
+  // Track if user has had a session before (to skip greeting on subsequent sessions)
+  // This persists across session restarts within the same app lifecycle
+  hasHadSessionBefore = !1;
   // ============================================================================
   // Singleton Pattern
   // ============================================================================
@@ -143,8 +146,8 @@ class U {
     t && t.forEach((o) => {
       try {
         o(e);
-      } catch (i) {
-        console.error("[AriaSessionManager] Error in event listener:", i);
+      } catch (a) {
+        console.error("[AriaSessionManager] Error in event listener:", a);
       }
     });
   }
@@ -369,8 +372,8 @@ class U {
           // Token is ready for use
         }), this.scheduleRefresh(), this.deferAnamInit ? t ? (console.log("[AriaSessionManager] Session token refreshed proactively"), this.config.onSessionRefresh?.(), this.emit({ type: "session_refresh", data: { token: o } }), this.anamClient ? this.setStatus("ready") : this.setStatus("connected")) : this.isReconnecting ? (console.log("[AriaSessionManager] Token received during reconnect, initializing Anam client"), this.initializeAnamClient(o).then(() => {
           console.log("[AriaSessionManager] Anam client initialized after reconnect"), this.isReconnecting = !1, this.emit({ type: "reconnecting", data: { isReconnecting: !1 } });
-        }).catch((i) => {
-          console.error("[AriaSessionManager] Failed to initialize Anam client during reconnect:", i), this.isReconnecting = !1, this.emit({ type: "reconnecting", data: { isReconnecting: !1 } }), this.setStatus("error"), this.updateSessionState({ lastError: "Failed to reconnect session" });
+        }).catch((a) => {
+          console.error("[AriaSessionManager] Failed to initialize Anam client during reconnect:", a), this.isReconnecting = !1, this.emit({ type: "reconnecting", data: { isReconnecting: !1 } }), this.setStatus("error"), this.updateSessionState({ lastError: "Failed to reconnect session" });
         })) : (console.log("[AriaSessionManager] Session token ready, waiting for user to open widget"), this.setStatus("connected"), this.emit({ type: "session_ready", data: { sessionId: null, tokenReady: !0, lazyInit: !0 } }), this.config.onSessionPreloaded?.()) : this.anamClient ? t && (console.log("[AriaSessionManager] Session refreshed, token updated"), this.config.onSessionRefresh?.(), this.emit({ type: "session_refresh", data: { token: o } })) : this.initializeAnamClient(o);
       } else
         console.log("[AriaSessionManager] Session response without data:", e.message), this.updateSessionState({
@@ -393,6 +396,9 @@ class U {
    * Request a session token from the backend with user_trigger=true
    * This is called automatically when WebSocket connects
    * The token is stored and used when user opens the widget for the first time
+   * 
+   * If user has had a session before (in this app lifecycle), skip_greeting is sent
+   * to prevent the greeting from playing again on subsequent sessions.
    */
   requestSessionToken() {
     if (this.sessionState.token && !this.isTokenExpired()) {
@@ -407,16 +413,22 @@ class U {
       console.warn("[AriaSessionManager] Cannot request session token: WebSocket not connected");
       return;
     }
-    console.log("[AriaSessionManager] Requesting session token with user_trigger=true for user:", this.config.userId), this.setStatus("preloading");
+    const e = this.hasHadSessionBefore;
+    console.log(
+      "[AriaSessionManager] Requesting session token with user_trigger=true for user:",
+      this.config.userId,
+      e ? "(skip_greeting: true)" : "(with greeting)"
+    ), this.setStatus("preloading");
     try {
-      const e = JSON.stringify({
+      const t = JSON.stringify({
         user_trigger: !0,
-        ...this.config.userId && { userId: this.config.userId }
+        ...this.config.userId && { userId: this.config.userId },
+        ...e && { skip_greeting: !0 }
       });
-      console.log("[AriaSessionManager] Sending message:", e), this.ws.send(e);
-    } catch (e) {
-      const t = e instanceof Error ? e.message : "Failed to request session token";
-      console.error("[AriaSessionManager] Session token request error:", t), this.handleSessionError(t);
+      console.log("[AriaSessionManager] Sending message:", t), this.ws.send(t);
+    } catch (t) {
+      const o = t instanceof Error ? t.message : "Failed to request session token";
+      console.error("[AriaSessionManager] Session token request error:", o), this.handleSessionError(o);
     }
   }
   /**
@@ -439,15 +451,21 @@ class U {
       console.error("[AriaSessionManager] Cannot trigger session: WebSocket not connected");
       return;
     }
+    const t = this.hasHadSessionBefore;
     try {
-      const t = JSON.stringify({
+      const o = JSON.stringify({
         user_trigger: !0,
-        userId: this.config.userId
+        userId: this.config.userId,
+        ...t && { skip_greeting: !0 }
       });
-      this.ws.send(t), console.log("[AriaSessionManager] Sent session request with user_trigger: true, userId:", this.config.userId), e && this.config.userId && this.config.onManualTrigger?.(this.config.userId);
-    } catch (t) {
-      const o = t instanceof Error ? t.message : "Failed to trigger session";
-      console.error("[AriaSessionManager] Trigger error:", o), this.config.onError?.(t instanceof Error ? t : new Error(o));
+      this.ws.send(o), console.log(
+        "[AriaSessionManager] Sent session request with user_trigger: true, userId:",
+        this.config.userId,
+        t ? "(skip_greeting: true)" : "(with greeting)"
+      ), e && this.config.userId && this.config.onManualTrigger?.(this.config.userId);
+    } catch (o) {
+      const a = o instanceof Error ? o.message : "Failed to trigger session";
+      console.error("[AriaSessionManager] Trigger error:", a), this.config.onError?.(o instanceof Error ? o : new Error(a));
     }
   }
   // ============================================================================
@@ -496,13 +514,17 @@ class U {
     this.isAnamInitializing = !0, console.log("[AriaSessionManager] Initializing Anam client"), this.setStatus("preloading");
     try {
       this.createHiddenVideoElement();
-      const { createClient: t, AnamEvent: o } = await import("@anam-ai/js-sdk"), i = t(e);
-      i.addListener(o.SESSION_READY, () => {
-        const m = i.getActiveSessionId();
+      const { createClient: t, AnamEvent: o } = await import("@anam-ai/js-sdk"), a = t(e);
+      a.addListener(o.SESSION_READY, () => {
+        const m = a.getActiveSessionId();
         m && (this.updateSessionState({ session_id: m }), console.log("[AriaSessionManager] Anam session ready with ID:", m));
-      }), i.addListener(o.CONNECTION_CLOSED, () => {
-        console.log("[AriaSessionManager] Anam connection closed"), this.emit({ type: "connection_change", data: { connected: !1 } }), this.autoReconnectOnAnamDisconnect && !this.isIntentionalDisconnect && !this.isPaused && !this.isReconnecting && (console.log("[AriaSessionManager] Anam disconnected unexpectedly, auto-reconnecting..."), this.autoReconnectSession());
-      }), i.addListener(o.MESSAGE_HISTORY_UPDATED, (m) => {
+      }), a.addListener(o.CONNECTION_CLOSED, () => {
+        if (console.log("[AriaSessionManager] Anam connection closed"), this.emit({ type: "connection_change", data: { connected: !1 } }), this.isPaused) {
+          console.log("[AriaSessionManager] Anam disconnected while paused, clearing stale session"), this.clearStaleSessionForResume();
+          return;
+        }
+        this.autoReconnectOnAnamDisconnect && !this.isIntentionalDisconnect && !this.isReconnecting && (console.log("[AriaSessionManager] Anam disconnected unexpectedly, auto-reconnecting..."), this.autoReconnectSession());
+      }), a.addListener(o.MESSAGE_HISTORY_UPDATED, (m) => {
         this.chatMessages = m.map((A) => ({
           role: A.role,
           content: A.content,
@@ -514,7 +536,7 @@ class U {
           timestamp: (/* @__PURE__ */ new Date()).toISOString()
         }));
         this.sendMessageHistory(f), this.emit({ type: "message_history", data: { messages: this.chatMessages } });
-      }), i.addListener(o.MESSAGE_STREAM_EVENT_RECEIVED, (m) => {
+      }), a.addListener(o.MESSAGE_STREAM_EVENT_RECEIVED, (m) => {
         m.role === "persona" ? this.liveTranscript += m.content : m.role === "user" && (this.liveTranscript = "");
         const f = {
           role: m.role,
@@ -522,7 +544,7 @@ class U {
           timestamp: (/* @__PURE__ */ new Date()).toISOString()
         };
         this.sendMessageStream(f, m.is_final ?? !1), this.emit({ type: "message_stream", data: { event: m, liveTranscript: this.liveTranscript } });
-      }), i.addListener(o.CLIENT_TOOL_EVENT_RECEIVED, (m) => {
+      }), a.addListener(o.CLIENT_TOOL_EVENT_RECEIVED, (m) => {
         console.log("[AriaSessionManager] Tool call event received:", m.eventName), this.isToolCallActive = !0, this.activeToolCall = m, this.emit({
           type: "tool_call",
           data: {
@@ -534,13 +556,13 @@ class U {
         }), setTimeout(() => {
           this.activeToolCall?.eventUid === m.eventUid && this.clearToolCallState();
         }, 3e4);
-      }), this.anamClient = i, this.audioInputStream = await navigator.mediaDevices.getUserMedia({ audio: !0 }), this.createHiddenAudioElement();
-      const l = await i.stream(this.audioInputStream), a = l[0], b = l[1];
-      this.videoStream = a, this.hiddenVideoElement && (this.hiddenVideoElement.srcObject = a, this.hiddenVideoElement.muted = !0), this.hiddenAudioElement && b ? (this.hiddenAudioElement.srcObject = b, this.hiddenAudioElement.muted = !1, this.hiddenAudioElement.play().catch((m) => {
+      }), this.anamClient = a, this.audioInputStream = await navigator.mediaDevices.getUserMedia({ audio: !0 }), this.createHiddenAudioElement();
+      const l = await a.stream(this.audioInputStream), i = l[0], b = l[1];
+      this.videoStream = i, this.hiddenVideoElement && (this.hiddenVideoElement.srcObject = i, this.hiddenVideoElement.muted = !0), this.hiddenAudioElement && b ? (this.hiddenAudioElement.srcObject = b, this.hiddenAudioElement.muted = !1, this.hiddenAudioElement.play().catch((m) => {
         console.warn("[AriaSessionManager] Initial audio play failed (may need user interaction):", m);
       }), console.log("[AriaSessionManager] Audio stream attached to audio element")) : console.log("[AriaSessionManager] No separate audio stream available, audio may come through video"), this.isAnamInitializing = !1, this.setStatus("ready");
-      const d = i.getActiveSessionId();
-      console.log("[AriaSessionManager] Session fully ready with video stream, ID:", d), this.emit({ type: "session_ready", data: { sessionId: d, streamReady: !0 } }), this.config.onSessionReady?.(), console.log("[AriaSessionManager] Anam client initialized and streaming");
+      const d = a.getActiveSessionId();
+      console.log("[AriaSessionManager] Session fully ready with video stream, ID:", d), this.emit({ type: "session_ready", data: { sessionId: d, streamReady: !0 } }), this.config.onSessionReady?.(), this.hasHadSessionBefore || (this.hasHadSessionBefore = !0, console.log("[AriaSessionManager] First session started - subsequent sessions will skip greeting")), console.log("[AriaSessionManager] Anam client initialized and streaming");
     } catch (t) {
       this.isAnamInitializing = !1;
       const o = t instanceof Error ? t.message : "Failed to initialize Anam client";
@@ -590,11 +612,11 @@ class U {
    */
   attachToVideoElement(e) {
     if (this.videoStream) {
-      const t = this.videoStream.getTracks(), o = t.filter((a) => a.readyState === "live"), i = t.filter((a) => a.kind === "audio");
-      console.log("[AriaSessionManager] Attaching video stream, tracks:", t.length, "active:", o.length, "audio:", i.length), e.srcObject = this.videoStream, this.hiddenAudioElement && this.hiddenAudioElement.srcObject ? (e.muted = !0, this.hiddenAudioElement.muted = !1, this.hiddenAudioElement.play().catch((a) => {
-        console.warn("[AriaSessionManager] Audio play failed:", a);
-      }), console.log("[AriaSessionManager] Audio playing through separate audio element")) : (e.muted = !1, console.log("[AriaSessionManager] Audio playing through video element")), e.play().catch((a) => {
-        console.warn("[AriaSessionManager] Video play failed:", a);
+      const t = this.videoStream.getTracks(), o = t.filter((i) => i.readyState === "live"), a = t.filter((i) => i.kind === "audio");
+      console.log("[AriaSessionManager] Attaching video stream, tracks:", t.length, "active:", o.length, "audio:", a.length), e.srcObject = this.videoStream, this.hiddenAudioElement && this.hiddenAudioElement.srcObject ? (e.muted = !0, this.hiddenAudioElement.muted = !1, this.hiddenAudioElement.play().catch((i) => {
+        console.warn("[AriaSessionManager] Audio play failed:", i);
+      }), console.log("[AriaSessionManager] Audio playing through separate audio element")) : (e.muted = !1, console.log("[AriaSessionManager] Audio playing through video element")), e.play().catch((i) => {
+        console.warn("[AriaSessionManager] Video play failed:", i);
       });
     } else
       console.log("[AriaSessionManager] No video stream available to attach (session may be initializing)");
@@ -632,8 +654,8 @@ class U {
     };
     try {
       this.ws.send(JSON.stringify(o)), console.log("[AriaSessionManager] Sent message history:", e.length, "messages");
-    } catch (i) {
-      console.error("[AriaSessionManager] Failed to send message history:", i);
+    } catch (a) {
+      console.error("[AriaSessionManager] Failed to send message history:", a);
     }
   }
   sendMessageStream(e, t) {
@@ -646,8 +668,8 @@ class U {
     };
     try {
       this.ws.send(JSON.stringify(o));
-    } catch (i) {
-      console.error("[AriaSessionManager] Failed to send message stream:", i);
+    } catch (a) {
+      console.error("[AriaSessionManager] Failed to send message stream:", a);
     }
   }
   sendSessionEnd() {
@@ -702,8 +724,8 @@ class U {
       console.log("[AriaSessionManager] No expiration time, skipping refresh scheduling");
       return;
     }
-    const e = new Date(this.sessionState.expires_at).getTime(), t = Date.now(), o = this.refreshConfig.bufferMinutes * 60 * 1e3, i = e - o, l = Math.max(0, i - t), a = e - t;
-    console.log(`[AriaSessionManager] Token expires at: ${new Date(e).toISOString()}`), console.log(`[AriaSessionManager] Time until expiry: ${Math.round(a / 1e3 / 60)} minutes`), console.log(`[AriaSessionManager] Refresh buffer: ${this.refreshConfig.bufferMinutes} minutes`), l <= 0 ? (console.log("[AriaSessionManager] Session expiring soon, refreshing immediately"), this.refreshSession()) : (console.log(`[AriaSessionManager] Scheduling proactive refresh in ${Math.round(l / 1e3 / 60)} minutes`), this.refreshTimer = setTimeout(() => {
+    const e = new Date(this.sessionState.expires_at).getTime(), t = Date.now(), o = this.refreshConfig.bufferMinutes * 60 * 1e3, a = e - o, l = Math.max(0, a - t), i = e - t;
+    console.log(`[AriaSessionManager] Token expires at: ${new Date(e).toISOString()}`), console.log(`[AriaSessionManager] Time until expiry: ${Math.round(i / 1e3 / 60)} minutes`), console.log(`[AriaSessionManager] Refresh buffer: ${this.refreshConfig.bufferMinutes} minutes`), l <= 0 ? (console.log("[AriaSessionManager] Session expiring soon, refreshing immediately"), this.refreshSession()) : (console.log(`[AriaSessionManager] Scheduling proactive refresh in ${Math.round(l / 1e3 / 60)} minutes`), this.refreshTimer = setTimeout(() => {
       console.log("[AriaSessionManager] Proactive refresh timer fired"), this.refreshSession();
     }, l));
   }
@@ -721,15 +743,17 @@ class U {
       return;
     }
     console.log("[AriaSessionManager] Refreshing session token (proactive refresh)"), this.updateSessionState({ isRefreshing: !0 }), this.setStatus("refreshing");
+    const e = this.hasHadSessionBefore;
     try {
-      const e = JSON.stringify({
+      const t = JSON.stringify({
         user_trigger: !0,
-        userId: this.config.userId
+        userId: this.config.userId,
+        ...e && { skip_greeting: !0 }
       });
-      this.ws.send(e);
-    } catch (e) {
-      const t = e instanceof Error ? e.message : "Failed to refresh session";
-      console.error("[AriaSessionManager] Refresh error:", t), this.updateSessionState({ isRefreshing: !1 }), this.config.onSessionRefreshError?.(e instanceof Error ? e : new Error(t)), this.scheduleRetry();
+      this.ws.send(t);
+    } catch (t) {
+      const o = t instanceof Error ? t.message : "Failed to refresh session";
+      console.error("[AriaSessionManager] Refresh error:", o), this.updateSessionState({ isRefreshing: !1 }), this.config.onSessionRefreshError?.(t instanceof Error ? t : new Error(o)), this.scheduleRetry();
     }
   }
   // ============================================================================
@@ -770,11 +794,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
@@ -783,78 +807,50 @@ 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
+   * 
+   * NEW BEHAVIOR: Since we end the session on pause, this now creates a new session
+   * with skip_greeting: true. The new session token should already be preloaded
+   * (requested in endCurrentSession), so initialization should be fast.
+   * 
+   * @returns true if session initialization started, false if already has active session
    */
   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 o = new Date(this.sessionState.expires_at).getTime();
-      if (Date.now() >= o)
-        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((o) => o.readyState === "live");
-    return console.log("[AriaSessionManager] Video stream tracks:", e.length, "active:", t.length), this.hiddenAudioElement && (this.hiddenAudioElement.muted = !1, this.hiddenAudioElement.play().catch((o) => {
-      console.warn("[AriaSessionManager] Audio play failed on resume:", o);
-    }), 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)
@@ -873,9 +869,24 @@ class U {
   /**
    * Force end the session (explicit user action or logout)
    * This always ends the session regardless of persistSession setting
+   * 
+   * @param resetGreeting - If true, resets the greeting state so next session shows greeting (useful for logout)
+   */
+  async forceEndSession(e = !1) {
+    console.log("[AriaSessionManager] Force ending session", e ? "(resetting greeting state)" : ""), this.sendSessionEnd(), await this.stopStreaming(), this.resetSessionState(), this.isPaused = !1, e && (this.hasHadSessionBefore = !1, console.log("[AriaSessionManager] Greeting state reset - next session will show greeting")), this.setStatus("idle");
+  }
+  /**
+   * Reset the greeting state so the next session will show the greeting
+   * Call this when user logs out or you want to show greeting again
+   */
+  resetGreetingState() {
+    this.hasHadSessionBefore = !1, console.log("[AriaSessionManager] Greeting state reset - next session will show greeting");
+  }
+  /**
+   * Check if greeting will be skipped on next session
    */
-  async forceEndSession() {
-    console.log("[AriaSessionManager] Force ending session"), this.sendSessionEnd(), await this.stopStreaming(), this.resetSessionState(), this.isPaused = !1, this.setStatus("idle");
+  willSkipGreeting() {
+    return this.hasHadSessionBefore;
   }
   // ============================================================================
   // Auto-Reconnect on Anam Disconnect (Inactivity Timeout)
@@ -934,6 +945,18 @@ class U {
       isRefreshing: !1
     }), this.isAnamInitializing = !1;
   }
+  /**
+   * Clear stale session data when Anam disconnects while paused
+   * This ensures a fresh session is created when the widget reopens
+   */
+  clearStaleSessionForResume() {
+    console.log("[AriaSessionManager] Clearing stale session for resume"), this.anamClient = null, this.videoStream = null, this.audioInputStream && (this.audioInputStream.getTracks().forEach((e) => e.stop()), this.audioInputStream = null), this.removeHiddenVideoElement(), this.removeHiddenAudioElement(), this.updateSessionState({
+      session_id: null,
+      token: null,
+      isSessionReady: !1,
+      isPreloaded: !1
+    }), this.isAnamInitializing = !1, console.log("[AriaSessionManager] Stale session cleared, ready for fresh session on resume");
+  }
   /**
    * End the current session but keep WebSocket connected for new session creation
    * This is called when widget closes without persistSession enabled
@@ -1206,16 +1229,16 @@ class xe {
    */
   static async renderReactUI(e, t, o) {
     try {
-      const i = await import("react"), l = await import("react-dom/client"), { AriaStandaloneUI: a } = await Promise.resolve().then(() => vt), b = l.createRoot(e);
+      const a = await import("react"), l = await import("react-dom/client"), { AriaStandaloneUI: i } = await Promise.resolve().then(() => vt), b = l.createRoot(e);
       S.reactRoot = b, b.render(
-        i.createElement(a, {
+        a.createElement(i, {
           theme: t,
           triggerLabel: o,
           container: e
         })
       ), console.log("[AriaCore] React UI mounted");
-    } catch (i) {
-      console.error("[AriaCore] Failed to mount React UI:", i), S.config?.onError?.(i instanceof Error ? i : new Error(String(i)));
+    } catch (a) {
+      console.error("[AriaCore] Failed to mount React UI:", a), S.config?.onError?.(a instanceof Error ? a : new Error(String(a)));
     }
   }
   /**
@@ -1232,7 +1255,7 @@ function Ie(r) {
   if (!Sr(r))
     return null;
   try {
-    const o = r.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = o.padEnd(o.length + (4 - o.length % 4) % 4, "="), l = atob(i);
+    const o = r.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), a = o.padEnd(o.length + (4 - o.length % 4) % 4, "="), l = atob(a);
     return JSON.parse(l);
   } catch (e) {
     return console.error("Failed to decode JWT:", e), null;
@@ -1265,12 +1288,12 @@ function St(r) {
       exp: null,
       iat: null
     };
-  const t = Er(r), o = typeof e.exp == "number" ? e.exp : null, i = typeof e.iat == "number" ? e.iat : null;
+  const t = Er(r), o = typeof e.exp == "number" ? e.exp : null, a = typeof e.iat == "number" ? e.iat : null;
   return {
     sessionId: t,
     payload: e,
     exp: o,
-    iat: i
+    iat: a
   };
 }
 function Et(r) {
@@ -1285,33 +1308,33 @@ const Ke = ({
   styles: e = "",
   className: t,
   style: o,
-  as: i = "div"
+  as: a = "div"
 }) => {
-  const l = me(null), [a, b] = I(null);
+  const l = me(null), [i, b] = I(null);
   ee(() => {
     const f = l.current;
     if (!f) return;
     let A = f.shadowRoot;
     A || (A = f.attachShadow({ mode: "open" })), b(A);
   }, []), ee(() => {
-    if (!a || !e) return;
-    const f = a.querySelector("style[data-aria-styles]");
+    if (!i || !e) return;
+    const f = i.querySelector("style[data-aria-styles]");
     if (f) {
       f.textContent = e;
       return;
     }
     const A = document.createElement("style");
-    return A.setAttribute("data-aria-styles", "true"), A.textContent = e, a.prepend(A), () => {
+    return A.setAttribute("data-aria-styles", "true"), A.textContent = e, i.prepend(A), () => {
       A.remove();
     };
-  }, [a, e]);
+  }, [i, e]);
   const [d, m] = I(null);
   return ee(() => {
-    if (!a) return;
-    let f = a.querySelector(".aria-shadow-content");
-    f || (f = document.createElement("div"), f.className = "aria-shadow-content", a.appendChild(f)), m(f);
-  }, [a]), /* @__PURE__ */ n(
-    i,
+    if (!i) return;
+    let f = i.querySelector(".aria-shadow-content");
+    f || (f = document.createElement("div"), f.className = "aria-shadow-content", i.appendChild(f)), m(f);
+  }, [i]), /* @__PURE__ */ n(
+    a,
     {
       ref: l,
       className: t,
@@ -1327,23 +1350,23 @@ function Xe(r) {
   var e, t, o = "";
   if (typeof r == "string" || typeof r == "number") o += r;
   else if (typeof r == "object") if (Array.isArray(r)) {
-    var i = r.length;
-    for (e = 0; e < i; e++) r[e] && (t = Xe(r[e])) && (o && (o += " "), o += t);
+    var a = r.length;
+    for (e = 0; e < a; e++) r[e] && (t = Xe(r[e])) && (o && (o += " "), o += t);
   } else for (t in r) r[t] && (o && (o += " "), o += t);
   return o;
 }
 function Cr() {
-  for (var r, e, t = 0, o = "", i = arguments.length; t < i; t++) (r = arguments[t]) && (e = Xe(r)) && (o && (o += " "), o += e);
+  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) => ({
@@ -1356,34 +1379,34 @@ const Nr = (r, e) => {
     conflictingClassGroupModifiers: o
   } = r;
   return {
-    getClassGroupId: (a) => {
-      if (a.startsWith("[") && a.endsWith("]"))
-        return zr(a);
-      const b = a.split(Ee), d = b[0] === "" && b.length > 1 ? 1 : 0;
+    getClassGroupId: (i) => {
+      if (i.startsWith("[") && i.endsWith("]"))
+        return zr(i);
+      const b = i.split(Ee), d = b[0] === "" && b.length > 1 ? 1 : 0;
       return Ye(b, d, e);
     },
-    getConflictingClassGroupIds: (a, b) => {
+    getConflictingClassGroupIds: (i, b) => {
       if (b) {
-        const d = o[a], m = t[a];
-        return d ? m ? Nr(m, d) : d : m || Le;
+        const d = o[i], m = t[i];
+        return d ? m ? Rr(m, d) : d : m || Le;
       }
-      return t[a] || Le;
+      return t[i] || Le;
     }
   };
 }, Ye = (r, e, t) => {
   if (r.length - e === 0)
     return t.classGroupId;
-  const i = r[e], l = t.nextPart.get(i);
+  const a = r[e], l = t.nextPart.get(a);
   if (l) {
     const m = Ye(r, e + 1, l);
     if (m) return m;
   }
-  const a = t.validators;
-  if (a === null)
+  const i = t.validators;
+  if (i === null)
     return;
-  const b = e === 0 ? r.join(Ee) : r.slice(e).join(Ee), d = a.length;
+  const b = e === 0 ? r.join(Ee) : r.slice(e).join(Ee), d = i.length;
   for (let m = 0; m < d; m++) {
-    const f = a[m];
+    const f = i[m];
     if (f.validator(b))
       return f.classGroupId;
   }
@@ -1395,55 +1418,55 @@ 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 i = r[o];
-    ze(i, t, o, e);
+    const a = r[o];
+    ze(a, t, o, e);
   }
   return t;
 }, ze = (r, e, t, o) => {
-  const i = r.length;
-  for (let l = 0; l < i; l++) {
-    const a = r[l];
-    jr(a, e, t, o);
+  const a = r.length;
+  for (let l = 0; l < a; l++) {
+    const i = r[l];
+    Vr(i, e, t, o);
   }
-}, jr = (r, e, t, o) => {
+}, Vr = (r, e, t, o) => {
   if (typeof r == "string") {
-    Dr(r, e, t);
+    jr(r, e, t);
     return;
   }
   if (typeof r == "function") {
-    Hr(r, e, t, o);
+    Br(r, e, t, o);
     return;
   }
-  Wr(r, e, t, o);
-}, Dr = (r, e, t) => {
+  Dr(r, e, t, o);
+}, jr = (r, e, t) => {
   const o = r === "" ? e : $e(e, r);
   o.classGroupId = t;
-}, Hr = (r, e, t, o) => {
+}, Br = (r, e, t, o) => {
   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) => {
-  const i = Object.entries(r), l = i.length;
-  for (let a = 0; a < l; a++) {
-    const [b, d] = i[a];
+  e.validators === null && (e.validators = []), e.validators.push(Nr(t, r));
+}, Dr = (r, e, t, o) => {
+  const a = Object.entries(r), l = a.length;
+  for (let i = 0; i < l; i++) {
+    const [b, d] = a[i];
     ze(d, $e(e, b), t, o);
   }
 }, $e = (r, e) => {
   let t = r;
-  const o = e.split(Ee), i = o.length;
-  for (let l = 0; l < i; l++) {
-    const a = o[l];
-    let b = t.nextPart.get(a);
-    b || (b = Ze(), t.nextPart.set(a, b)), t = b;
+  const o = e.split(Ee), a = o.length;
+  for (let l = 0; l < a; l++) {
+    const i = o[l];
+    let b = t.nextPart.get(i);
+    b || (b = Ze(), t.nextPart.set(i, b)), t = b;
   }
   return t;
-}, Or = (r) => "isThemeGetter" in r && r.isThemeGetter === !0, Br = (r) => {
+}, Or = (r) => "isThemeGetter" in r && r.isThemeGetter === !0, Wr = (r) => {
   if (r < 1)
     return {
       get: () => {
@@ -1452,71 +1475,71 @@ const Nr = (r, e) => {
       }
     };
   let e = 0, t = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  const i = (l, a) => {
-    t[l] = a, e++, e > r && (e = 0, o = t, t = /* @__PURE__ */ Object.create(null));
+  const a = (l, i) => {
+    t[l] = i, e++, e > r && (e = 0, o = t, t = /* @__PURE__ */ Object.create(null));
   };
   return {
     get(l) {
-      let a = t[l];
-      if (a !== void 0)
-        return a;
-      if ((a = o[l]) !== void 0)
-        return i(l, a), a;
+      let i = t[l];
+      if (i !== void 0)
+        return i;
+      if ((i = o[l]) !== void 0)
+        return a(l, i), i;
     },
-    set(l, a) {
-      l in t ? t[l] = a : i(l, a);
+    set(l, i) {
+      l in t ? t[l] = i : a(l, i);
     }
   };
-}, Re = "!", _e = ":", Fr = [], Ge = (r, e, t, o, i) => ({
+}, Ne = "!", _e = ":", Fr = [], Ge = (r, e, t, o, a) => ({
   modifiers: r,
   hasImportantModifier: e,
   baseClassName: t,
   maybePostfixModifierPosition: o,
-  isExternal: i
+  isExternal: a
 }), Ur = (r) => {
   const {
     prefix: e,
     experimentalParseClassName: t
   } = r;
-  let o = (i) => {
+  let o = (a) => {
     const l = [];
-    let a = 0, b = 0, d = 0, m;
-    const f = i.length;
-    for (let H = 0; H < f; H++) {
-      const P = i[H];
-      if (a === 0 && b === 0) {
+    let i = 0, b = 0, d = 0, m;
+    const f = a.length;
+    for (let B = 0; B < f; B++) {
+      const P = a[B];
+      if (i === 0 && b === 0) {
         if (P === _e) {
-          l.push(i.slice(d, H)), d = H + 1;
+          l.push(a.slice(d, B)), d = B + 1;
           continue;
         }
         if (P === "/") {
-          m = H;
+          m = B;
           continue;
         }
       }
-      P === "[" ? a++ : P === "]" ? a-- : P === "(" ? b++ : P === ")" && b--;
+      P === "[" ? i++ : P === "]" ? i-- : P === "(" ? b++ : P === ")" && b--;
     }
-    const A = l.length === 0 ? i : i.slice(d);
-    let N = A, z = !1;
-    A.endsWith(Re) ? (N = A.slice(0, -1), z = !0) : (
+    const A = l.length === 0 ? a : a.slice(d);
+    let R = A, z = !1;
+    A.endsWith(Ne) ? (R = A.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
        */
-      A.startsWith(Re) && (N = A.slice(1), z = !0)
+      A.startsWith(Ne) && (R = A.slice(1), z = !0)
     );
-    const D = m && m > d ? m - d : void 0;
-    return Ge(l, z, N, D);
+    const j = m && m > d ? m - d : void 0;
+    return Ge(l, z, R, j);
   };
   if (e) {
-    const i = e + _e, l = o;
-    o = (a) => a.startsWith(i) ? l(a.slice(i.length)) : Ge(Fr, !1, a, void 0, !0);
+    const a = e + _e, l = o;
+    o = (i) => i.startsWith(a) ? l(i.slice(a.length)) : Ge(Fr, !1, i, void 0, !0);
   }
   if (t) {
-    const i = o;
+    const a = o;
     o = (l) => t({
       className: l,
-      parseClassName: i
+      parseClassName: a
     });
   }
   return o;
@@ -1526,15 +1549,15 @@ const Nr = (r, e) => {
     e.set(t, 1e6 + o);
   }), (t) => {
     const o = [];
-    let i = [];
+    let a = [];
     for (let l = 0; l < t.length; l++) {
-      const a = t[l], b = a[0] === "[", d = e.has(a);
-      b || d ? (i.length > 0 && (i.sort(), o.push(...i), i = []), o.push(a)) : i.push(a);
+      const i = t[l], b = i[0] === "[", d = e.has(i);
+      b || d ? (a.length > 0 && (a.sort(), o.push(...a), a = []), o.push(i)) : a.push(i);
     }
-    return i.length > 0 && (i.sort(), o.push(...i)), o;
+    return a.length > 0 && (a.sort(), o.push(...a)), o;
   };
 }, _r = (r) => ({
-  cache: Br(r.cacheSize),
+  cache: Wr(r.cacheSize),
   parseClassName: Ur(r),
   sortModifiers: Lr(r),
   ...Ir(r)
@@ -1542,51 +1565,51 @@ const Nr = (r, e) => {
   const {
     parseClassName: t,
     getClassGroupId: o,
-    getConflictingClassGroupIds: i,
+    getConflictingClassGroupIds: a,
     sortModifiers: l
-  } = e, a = [], b = r.trim().split(Gr);
+  } = e, i = [], b = r.trim().split(Gr);
   let d = "";
   for (let m = b.length - 1; m >= 0; m -= 1) {
     const f = b[m], {
       isExternal: A,
-      modifiers: N,
+      modifiers: R,
       hasImportantModifier: z,
-      baseClassName: D,
-      maybePostfixModifierPosition: H
+      baseClassName: j,
+      maybePostfixModifierPosition: B
     } = t(f);
     if (A) {
       d = f + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let P = !!H, G = o(P ? D.substring(0, H) : D);
+    let P = !!B, G = o(P ? j.substring(0, B) : j);
     if (!G) {
       if (!P) {
         d = f + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (G = o(D), !G) {
+      if (G = o(j), !G) {
         d = f + (d.length > 0 ? " " + d : d);
         continue;
       }
       P = !1;
     }
-    const K = N.length === 0 ? "" : N.length === 1 ? N[0] : l(N).join(":"), Q = z ? K + Re : K, M = Q + G;
-    if (a.indexOf(M) > -1)
+    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;
-    a.push(M);
-    const L = i(G, P);
+    i.push(M);
+    const L = a(G, P);
     for (let _ = 0; _ < L.length; ++_) {
       const q = L[_];
-      a.push(Q + q);
+      i.push(Q + q);
     }
     d = f + (d.length > 0 ? " " + d : d);
   }
   return d;
 }, qr = (...r) => {
-  let e = 0, t, o, i = "";
+  let e = 0, t, o, a = "";
   for (; e < r.length; )
-    (t = r[e++]) && (o = er(t)) && (i && (i += " "), i += o);
-  return i;
+    (t = r[e++]) && (o = er(t)) && (a && (a += " "), a += o);
+  return a;
 }, er = (r) => {
   if (typeof r == "string")
     return r;
@@ -1595,18 +1618,18 @@ const Nr = (r, e) => {
     r[o] && (e = er(r[o])) && (t && (t += " "), t += e);
   return t;
 }, Kr = (r, ...e) => {
-  let t, o, i, l;
-  const a = (d) => {
+  let t, o, a, l;
+  const i = (d) => {
     const m = e.reduce((f, A) => A(f), r());
-    return t = _r(m), o = t.cache.get, i = t.cache.set, l = b, b(d);
+    return t = _r(m), o = t.cache.get, a = t.cache.set, l = b, b(d);
   }, b = (d) => {
     const m = o(d);
     if (m)
       return m;
     const f = Qr(d, t);
-    return i(d, f), f;
+    return a(d, f), f;
   };
-  return l = a, (...d) => l(qr(...d));
+  return l = i, (...d) => l(qr(...d));
 }, Jr = [], T = (r) => {
   const e = (t) => t[r] || Jr;
   return e.isThemeGetter = !0, e;
@@ -1622,7 +1645,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"), i = T("tracking"), l = T("leading"), a = T("breakpoint"), b = T("container"), d = T("spacing"), m = T("radius"), f = T("shadow"), A = T("inset-shadow"), N = T("text-shadow"), z = T("drop-shadow"), D = T("blur"), H = 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"), A = T("inset-shadow"), R = T("text-shadow"), z = T("drop-shadow"), j = T("blur"), B = 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",
@@ -1640,15 +1663,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], O = () => ["auto", {
+  ], L = () => [...M(), h, g], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], q = () => ["auto", "contain", "none"], y = () => [h, g, d], D = () => [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",
@@ -1656,11 +1679,11 @@ const Nr = (r, e) => {
     m,
     h,
     g
-  ], B = () => ["", x, 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 = () => [x, Me, qe, Qe], ge = () => [
+  ], W = () => ["", x, 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 = () => [x, Me, qe, Qe], ge = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    D,
+    j,
     h,
     g
   ], ie = () => ["none", x, h, g], he = () => ["none", x, h, g], be = () => [x, h, g], ue = () => [pe, "full", ...y()];
@@ -1841,63 +1864,63 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: W()
+        inset: D()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": W()
+        "inset-x": D()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": W()
+        "inset-y": D()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: W()
+        start: D()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: W()
+        end: D()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: W()
+        top: D()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: W()
+        right: D()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: W()
+        bottom: D()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: W()
+        left: D()
       }],
       /**
        * Visibility
@@ -2287,14 +2310,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
@@ -2306,7 +2329,7 @@ const Nr = (r, e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...V()
+          ...H()
         ]
       }],
       /**
@@ -2322,9 +2345,9 @@ const Nr = (r, e) => {
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [a]
+            screen: [i]
           },
-          ...V()
+          ...H()
         ]
       }],
       /**
@@ -2332,21 +2355,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 ---
@@ -2424,7 +2447,7 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [i, h, g]
+        tracking: [a, h, g]
       }],
       /**
        * Line Clamp
@@ -2701,175 +2724,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: B()
+        border: W()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": B()
+        "border-x": W()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": B()
+        "border-y": W()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": B()
+        "border-s": W()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": B()
+        "border-e": W()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": B()
+        "border-t": W()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": B()
+        "border-r": W()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": B()
+        "border-b": W()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": B()
+        "border-l": W()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": B()
+        "divide-x": W()
       }],
       /**
        * Divide Width X Reverse
@@ -2881,7 +2904,7 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": B()
+        "divide-y": W()
       }],
       /**
        * Divide Width Y Reverse
@@ -3043,7 +3066,7 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: B()
+        ring: W()
       }],
       /**
        * Ring Width Inset
@@ -3082,7 +3105,7 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": B()
+        "inset-ring": W()
       }],
       /**
        * Inset Ring Color
@@ -3096,7 +3119,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
@@ -3596,7 +3619,7 @@ const Nr = (r, e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [H, h, g]
+        perspective: [B, h, g]
       }],
       /**
        * Perspective Origin
@@ -4100,7 +4123,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
   triggerLabel: e,
   container: t
 }) => {
-  const [o, i] = I(!1), [l, a] = I(!1), [b, d] = I(!1), [m, f] = I(!1), [A, N] = I([]), [z, D] = I(""), [H, 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), [A, R] = I([]), [z, j] = I(""), [B, P] = I(!1), [G, K] = I(!1), [Q, M] = I(null), [, L] = I("user"), [_, q] = I("bottom-right"), [y, D] = I({
     isActive: !1,
     toolName: null,
     toolData: null
@@ -4112,10 +4135,10 @@ 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 = j((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 = j((u) => {
+  }, [o]), v = V((u) => {
     const k = u.data;
     if (console.log("[AriaStandaloneUI] Session ready event:", k), w.current) {
       const F = w.current.getSessionState();
@@ -4123,43 +4146,43 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
       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 = j((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();
       O(F);
     }
-  }, []), ce = j((u) => {
+  }, []), ce = V((u) => {
     const { connected: k } = u.data;
     if (d(k), !k && w.current) {
       const F = w.current.getSessionState();
       O(F);
     }
-  }, []), de = j((u) => {
+  }, []), de = V((u) => {
     const { messages: k } = u.data;
-    k && N(k);
-  }, []), oe = j((u) => {
+    k && R(k);
+  }, []), oe = V((u) => {
     const { liveTranscript: k } = u.data;
-    k !== void 0 && D(k);
-  }, []), R = j((u) => {
+    k !== void 0 && j(k);
+  }, []), N = V((u) => {
     const k = u.data;
-    W({
+    D({
       isActive: k.isActive,
       toolName: k.toolName,
       toolData: k.toolData
     });
-  }, []), B = j((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 = j((u = "user") => {
-    if (L(u), q(u === "websocket" ? "center" : "bottom-right"), i(!0), a(!1), M(null), !w.current) return;
+  }, []), X = V((u = "user") => {
+    if (L(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();
-          O(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);
@@ -4181,13 +4204,13 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
     }).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 = j(() => {
-    a(!0);
-  }, []), C = j(() => {
-    a(!1);
-  }, []), ge = j(() => {
-    i(!1), a(!1), w.current && (p.current && w.current.detachFromVideoElement(p.current), D(""), console.log("[AriaStandaloneUI] Pausing session (widget closed)"), w.current.pauseSession(), J(!0));
-  }, []), ie = j(() => {
+  }, []), ae = V(() => {
+    i(!0);
+  }, []), C = V(() => {
+    i(!1);
+  }, []), 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 = V(() => {
     console.log("[AriaStandaloneUI] WebSocket trigger event"), X("websocket");
   }, [X]);
   ee(() => {
@@ -4196,21 +4219,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(() => {
-      O(u.getSessionState()), re(u.getStatus()), d(u.isConnected()), N(u.getChatMessages()), D(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);
+      D(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) => {
@@ -4228,22 +4251,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 = j(() => {
+  const he = V(() => {
     P((u) => !u);
-  }, []), be = j(async (u) => {
+  }, []), be = V(async (u) => {
     if (!w.current || !b)
       throw new Error("Not connected to Aria");
     await w.current.sendMessage(u);
-  }, [b]), ue = j(() => {
+  }, [b]), ue = V(() => {
     if (!w.current) return;
     const u = w.current.toggleMute();
     K(u);
-  }, []), cr = j(() => {
+  }, []), 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,
       {
@@ -4254,7 +4277,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",
         {
@@ -4296,12 +4319,12 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               isLoading: m,
               chatMessages: A,
               liveTranscript: z,
-              isChatVisible: H,
+              isChatVisible: B,
               isMuted: G,
               error: Q,
               toolCallState: y,
               sessionState: s,
-              setVideoElement: B,
+              setVideoElement: W,
               toggleChat: he,
               sendMessage: be,
               toggleMute: ue,
@@ -4317,9 +4340,9 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
   label: e,
   theme: t,
   isReady: o = !1,
-  onClick: i
+  onClick: a
 }) => {
-  const l = t === "dark", a = e || "Talk to Aria";
+  const l = t === "dark", i = e || "Talk to Aria";
   return /* @__PURE__ */ n(
     Ke,
     {
@@ -4334,7 +4357,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
         "button",
         {
           onClick: (b) => {
-            b.preventDefault(), o && i();
+            b.preventDefault(), o && a();
           },
           disabled: !o,
           className: c(
@@ -4367,7 +4390,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                 "img",
                 {
                   src: Te,
-                  alt: a,
+                  alt: i,
                   className: "w-full h-full object-cover",
                   onError: (b) => {
                     b.currentTarget.style.display = "none";
@@ -4380,7 +4403,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(
@@ -4394,12 +4417,12 @@ 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",
                 l ? "text-white" : "text-gray-900"
-              ), children: a }),
+              ), children: i }),
               /* @__PURE__ */ n("span", { className: c(
                 "text-[10px] font-medium mt-1 leading-none",
                 l ? "text-gray-400" : "text-gray-500",
@@ -4416,38 +4439,38 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
   isMinimized: e,
   onMinimize: t,
   onMaximize: o,
-  theme: i,
+  theme: a,
   displayMode: l,
-  isConnected: a,
+  isConnected: i,
   isLoading: b,
   chatMessages: d,
   liveTranscript: m,
   isChatVisible: f,
   isMuted: A,
-  error: N,
+  error: R,
   toolCallState: z,
-  setVideoElement: D,
-  toggleChat: H,
+  setVideoElement: j,
+  toggleChat: B,
   sendMessage: P,
   toggleMute: G,
   refreshSession: K
 }) => {
-  const Q = me(null), M = me(null), [L, _] = I(""), [q, y] = I(!1), W = me(null), s = i === "dark", O = l === "bottom-right", Y = l === "center";
+  const Q = me(null), M = me(null), [L, _] = I(""), [q, y] = I(!1), D = 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), D(Q.current)), () => {
-    D(null);
-  }), [D, e]), ee(() => {
-    W.current?.scrollIntoView({ behavior: "smooth" });
+  }, [m]), ee(() => (Q.current && (console.log("[AriaWidgetStandalone] Registering video element, minimized:", e), j(Q.current)), () => {
+    j(null);
+  }), [j, e]), ee(() => {
+    D.current?.scrollIntoView({ behavior: "smooth" });
   }, [d]);
   const re = async () => {
-    if (!L.trim() || !a || q) return;
+    if (!L.trim() || !i || q) return;
     const p = L.trim();
     _(""), 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), _(p);
     } finally {
       y(!1);
     }
@@ -4487,7 +4510,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
             className: "w-full h-full object-cover"
           }
         ),
-        z.isActive && a && /* @__PURE__ */ E(
+        z.isActive && i && /* @__PURE__ */ E(
           "div",
           {
             className: c(
@@ -4501,7 +4524,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(je, { className: c(
+              ), children: /* @__PURE__ */ n(Ve, { className: c(
                 "w-3 h-3 animate-pulse",
                 s ? "text-amber-400" : "text-amber-600"
               ) }) }),
@@ -4512,7 +4535,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
             ]
           }
         ),
-        a && !N && /* @__PURE__ */ E(
+        i && !R && /* @__PURE__ */ E(
           "div",
           {
             className: c(
@@ -4533,7 +4556,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                     A ? "bg-red-500 hover:bg-red-600 text-white" : s ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
                   ),
                   title: A ? "Unmute" : "Mute",
-                  children: A ? /* @__PURE__ */ n(De, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(He, { className: "h-3.5 w-3.5" })
+                  children: A ? /* @__PURE__ */ n(je, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(Be, { className: "h-3.5 w-3.5" })
                 }
               ),
               /* @__PURE__ */ n(
@@ -4555,7 +4578,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(De, { className: "h-3.5 w-3.5 rotate-[135deg]" })
                 }
               )
             ]
@@ -4593,7 +4616,7 @@ 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: [
@@ -4612,7 +4635,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(Be, { className: "w-3 h-3" }),
+                /* @__PURE__ */ n(We, { className: "w-3 h-3" }),
                 "Retry"
               ]
             }
@@ -4715,7 +4738,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               ), children: "Get ready to chat" })
             ] })
           ] }),
-          N && /* @__PURE__ */ n(
+          R && /* @__PURE__ */ n(
             "div",
             {
               className: c(
@@ -4736,7 +4759,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",
                     {
@@ -4747,7 +4770,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(Be, { className: "w-4 h-4" }),
+                        /* @__PURE__ */ n(We, { className: "w-4 h-4" }),
                         "Try Again"
                       ]
                     }
@@ -4765,7 +4788,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               className: "w-full h-full object-contain"
             }
           ),
-          z.isActive && a && /* @__PURE__ */ E(
+          z.isActive && i && /* @__PURE__ */ E(
             "div",
             {
               className: c(
@@ -4779,7 +4802,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(je, { className: c(
+                ), children: /* @__PURE__ */ n(Ve, { className: c(
                   "w-3.5 h-3.5 animate-pulse",
                   s ? "text-amber-400" : "text-amber-600"
                 ) }) }),
@@ -4810,7 +4833,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               ]
             }
           ),
-          m && a && !z.isActive && /* @__PURE__ */ n(
+          m && i && !z.isActive && /* @__PURE__ */ n(
             "div",
             {
               className: c(
@@ -4825,7 +4848,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               ] })
             }
           ),
-          a && !N && /* @__PURE__ */ E(
+          i && !R && /* @__PURE__ */ E(
             "div",
             {
               className: c(
@@ -4839,7 +4862,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                 /* @__PURE__ */ n(
                   "button",
                   {
-                    onClick: H,
+                    onClick: B,
                     className: c(
                       "w-9 h-9 rounded-full flex items-center justify-center transition-all duration-200",
                       "border-0 outline-none focus:outline-none shadow-sm",
@@ -4859,7 +4882,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                       A ? "bg-red-500 hover:bg-red-600 text-white" : s ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
                     ),
                     title: A ? "Unmute" : "Mute",
-                    children: A ? /* @__PURE__ */ n(De, { className: "h-4 w-4" }) : /* @__PURE__ */ n(He, { className: "h-4 w-4" })
+                    children: A ? /* @__PURE__ */ n(je, { className: "h-4 w-4" }) : /* @__PURE__ */ n(Be, { className: "h-4 w-4" })
                   }
                 ),
                 /* @__PURE__ */ n(
@@ -4881,7 +4904,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(De, { className: "h-4 w-4 rotate-[135deg]" })
                   }
                 )
               ]
@@ -4917,7 +4940,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"
               ) }) }),
@@ -4929,14 +4952,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",
@@ -4978,9 +5001,9 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                   )
                 ]
               },
-              V
+              H
             )),
-            /* @__PURE__ */ n("div", { ref: W })
+            /* @__PURE__ */ n("div", { ref: D })
           ] }),
           /* @__PURE__ */ n("div", { className: c(
             "p-3 border-t",
@@ -4995,8 +5018,8 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                 value: L,
                 onChange: (p) => _(p.target.value),
                 onKeyDown: J,
-                placeholder: a ? "Message Aria..." : "Connecting...",
-                disabled: !a || q,
+                placeholder: i ? "Message Aria..." : "Connecting...",
+                disabled: !i || q,
                 className: c(
                   "flex-1 border-0 bg-transparent shadow-none focus:outline-none px-2 h-8 text-xs",
                   s ? "placeholder:text-gray-500 text-white" : "placeholder:text-gray-400 text-gray-900"
@@ -5007,7 +5030,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               "button",
               {
                 onClick: re,
-                disabled: !a || !L.trim() || q,
+                disabled: !i || !L.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"