@centive/aria-sdk 0.8.9 → 0.9.0

package/dist/index.js

@@ -1,6 +1,6 @@
 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 { 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);
@@ -525,18 +525,26 @@ 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) => {
-        this.chatMessages = m.map((A) => ({
-          role: A.role,
-          content: A.content,
+        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,
           timestamp: Date.now()
         }));
-        const f = m.map((A) => ({
-          role: A.role,
-          content: A.content,
+        const f = m.map((x) => ({
+          role: x.role,
+          content: x.content,
           timestamp: (/* @__PURE__ */ new Date()).toISOString()
         }));
         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);
     }
@@ -833,11 +875,10 @@ class U {
   /**
    * Resume the session (called when widget reopens)
    * 
-   * 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.
+   * 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 initialization started, false if already has active session
+   * @returns true if session is ready or initialization started, false if waiting for token
    */
   async resumeSession() {
     if (console.log("[AriaSessionManager] Widget reopened - will create new session with skip_greeting"), this.anamClient && this.videoStream)
@@ -979,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
@@ -1314,8 +1355,8 @@ const Ke = ({
   ee(() => {
     const f = l.current;
     if (!f) return;
-    let A = f.shadowRoot;
-    A || (A = f.attachShadow({ mode: "open" })), b(A);
+    let x = f.shadowRoot;
+    x || (x = f.attachShadow({ mode: "open" })), b(x);
   }, []), ee(() => {
     if (!i || !e) return;
     const f = i.querySelector("style[data-aria-styles]");
@@ -1323,9 +1364,9 @@ const Ke = ({
       f.textContent = e;
       return;
     }
-    const A = document.createElement("style");
-    return A.setAttribute("data-aria-styles", "true"), A.textContent = e, i.prepend(A), () => {
-      A.remove();
+    const x = document.createElement("style");
+    return x.setAttribute("data-aria-styles", "true"), x.textContent = e, i.prepend(x), () => {
+      x.remove();
     };
   }, [i, e]);
   const [d, m] = I(null);
@@ -1373,7 +1414,7 @@ const Rr = (r, e) => {
   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
@@ -1388,9 +1429,9 @@ const Rr = (r, e) => {
     getConflictingClassGroupIds: (i, b) => {
       if (b) {
         const d = o[i], m = t[i];
-        return d ? m ? Rr(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) => {
@@ -1438,20 +1479,20 @@ const Rr = (r, e) => {
     return;
   }
   if (typeof r == "function") {
-    Br(r, e, t, o);
+    Dr(r, e, t, o);
     return;
   }
-  Dr(r, e, t, o);
+  Br(r, e, t, o);
 }, jr = (r, e, t) => {
   const o = r === "" ? e : $e(e, r);
   o.classGroupId = t;
-}, Br = (r, e, t, o) => {
+}, Dr = (r, e, t, o) => {
   if (Or(r)) {
     ze(r(o), e, t, o);
     return;
   }
   e.validators === null && (e.validators = []), e.validators.push(Nr(t, r));
-}, Dr = (r, e, t, o) => {
+}, 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];
@@ -1490,7 +1531,7 @@ const Rr = (r, e) => {
       l in t ? t[l] = i : a(l, i);
     }
   };
-}, Ne = "!", _e = ":", Fr = [], Ge = (r, e, t, o, a) => ({
+}, Ne = "!", Le = ":", Fr = [], Ge = (r, e, t, o, a) => ({
   modifiers: r,
   hasImportantModifier: e,
   baseClassName: t,
@@ -1505,34 +1546,34 @@ const Rr = (r, e) => {
     const l = [];
     let i = 0, b = 0, d = 0, m;
     const f = a.length;
-    for (let B = 0; B < f; B++) {
-      const P = a[B];
+    for (let D = 0; D < f; D++) {
+      const P = a[D];
       if (i === 0 && b === 0) {
-        if (P === _e) {
-          l.push(a.slice(d, B)), d = B + 1;
+        if (P === Le) {
+          l.push(a.slice(d, D)), d = D + 1;
           continue;
         }
         if (P === "/") {
-          m = B;
+          m = D;
           continue;
         }
       }
       P === "[" ? i++ : P === "]" ? i-- : P === "(" ? b++ : P === ")" && b--;
     }
-    const A = l.length === 0 ? a : a.slice(d);
-    let R = A, z = !1;
-    A.endsWith(Ne) ? (R = A.slice(0, -1), z = !0) : (
+    const x = l.length === 0 ? a : a.slice(d);
+    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
        */
-      A.startsWith(Ne) && (R = A.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, 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) {
@@ -1543,7 +1584,7 @@ const Rr = (r, e) => {
     });
   }
   return o;
-}, Lr = (r) => {
+}, _r = (r) => {
   const e = /* @__PURE__ */ new Map();
   return r.orderSensitiveModifiers.forEach((t, o) => {
     e.set(t, 1e6 + o);
@@ -1556,10 +1597,10 @@ const Rr = (r, e) => {
     }
     return a.length > 0 && (a.sort(), o.push(...a)), o;
   };
-}, _r = (r) => ({
+}, Lr = (r) => ({
   cache: Wr(r.cacheSize),
   parseClassName: Ur(r),
-  sortModifiers: Lr(r),
+  sortModifiers: _r(r),
   ...Ir(r)
 }), Gr = /\s+/, Qr = (r, e) => {
   const {
@@ -1571,17 +1612,17 @@ const Rr = (r, e) => {
   let d = "";
   for (let m = b.length - 1; m >= 0; m -= 1) {
     const f = b[m], {
-      isExternal: A,
+      isExternal: x,
       modifiers: R,
       hasImportantModifier: z,
       baseClassName: j,
-      maybePostfixModifierPosition: B
+      maybePostfixModifierPosition: D
     } = t(f);
-    if (A) {
+    if (x) {
       d = f + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let P = !!B, G = o(P ? j.substring(0, B) : j);
+    let P = !!D, G = o(P ? j.substring(0, D) : j);
     if (!G) {
       if (!P) {
         d = f + (d.length > 0 ? " " + d : d);
@@ -1597,9 +1638,9 @@ const Rr = (r, e) => {
     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);
@@ -1620,8 +1661,8 @@ const Rr = (r, e) => {
 }, Kr = (r, ...e) => {
   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, a = t.cache.set, l = b, b(d);
+    const m = e.reduce((f, x) => x(f), r());
+    return t = Lr(m), o = t.cache.get, a = t.cache.set, l = b, b(d);
   }, b = (d) => {
     const m = o(d);
     if (m)
@@ -1633,19 +1674,19 @@ const Rr = (r, e) => {
 }, Jr = [], T = (r) => {
   const e = (t) => t[r] || Jr;
   return e.isThemeGetter = !0, e;
-}, rr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, tr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Xr = /^\d+\/\d+$/, Zr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Yr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, $r = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, et = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, rt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, pe = (r) => Xr.test(r), x = (r) => !!r && !Number.isNaN(Number(r)), te = (r) => !!r && Number.isInteger(Number(r)), Me = (r) => r.endsWith("%") && x(r.slice(0, -1)), $ = (r) => Zr.test(r), tt = () => !0, ot = (r) => (
+}, rr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, tr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Xr = /^\d+\/\d+$/, Zr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Yr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, $r = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, et = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, rt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, pe = (r) => Xr.test(r), A = (r) => !!r && !Number.isNaN(Number(r)), te = (r) => !!r && Number.isInteger(Number(r)), Me = (r) => r.endsWith("%") && A(r.slice(0, -1)), $ = (r) => Zr.test(r), tt = () => !0, ot = (r) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Yr.test(r) && !$r.test(r)
-), or = () => !1, at = (r) => et.test(r), it = (r) => rt.test(r), nt = (r) => !g(r) && !h(r), st = (r) => fe(r, nr, or), g = (r) => rr.test(r), se = (r) => fe(r, sr, ot), Ce = (r) => fe(r, ht, x), Qe = (r) => fe(r, ar, or), lt = (r) => fe(r, ir, it), ke = (r) => fe(r, lr, at), h = (r) => tr.test(r), ye = (r) => we(r, sr), ct = (r) => we(r, ut), qe = (r) => we(r, ar), dt = (r) => we(r, nr), gt = (r) => we(r, ir), Se = (r) => we(r, lr, !0), fe = (r, e, t) => {
+), or = () => !1, at = (r) => et.test(r), it = (r) => rt.test(r), nt = (r) => !g(r) && !h(r), st = (r) => fe(r, nr, or), g = (r) => rr.test(r), se = (r) => fe(r, sr, ot), Ce = (r) => fe(r, ht, A), Qe = (r) => fe(r, ar, or), lt = (r) => fe(r, ir, it), ke = (r) => fe(r, lr, at), h = (r) => tr.test(r), ye = (r) => we(r, sr), ct = (r) => we(r, ut), qe = (r) => we(r, ar), dt = (r) => we(r, nr), gt = (r) => we(r, ir), Se = (r) => we(r, lr, !0), fe = (r, e, t) => {
   const o = rr.exec(r);
   return o ? o[1] ? e(o[1]) : t(o[2]) : !1;
 }, we = (r, e, t = !1) => {
   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"), 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 = () => [
+  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",
@@ -1663,7 +1704,7 @@ const Rr = (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], D = () => [pe, "full", "auto", ...y()], s = () => [te, "none", "subgrid", h, g], O = () => ["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()], 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]
@@ -1679,14 +1720,14 @@ const Rr = (r, e) => {
     m,
     h,
     g
-  ], 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 = () => [
+  ], 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",
     j,
     h,
     g
-  ], ie = () => ["none", x, h, g], he = () => ["none", x, h, g], be = () => [x, h, g], ue = () => [pe, "full", ...y()];
+  ], ie = () => ["none", A, h, g], he = () => ["none", A, h, g], be = () => [A, h, g], ue = () => [pe, "full", ...y()];
   return {
     cacheSize: 500,
     theme: {
@@ -1705,7 +1746,7 @@ const Rr = (r, e) => {
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [$],
       shadow: [$],
-      spacing: ["px", x],
+      spacing: ["px", A],
       text: [$],
       "text-shadow": [$],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -1732,7 +1773,7 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [x, g, h, b]
+        columns: [A, g, h, b]
       }],
       /**
        * Break After
@@ -1810,28 +1851,28 @@ const Rr = (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
@@ -1864,63 +1905,63 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: D()
+        inset: B()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": D()
+        "inset-x": B()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": D()
+        "inset-y": B()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: D()
+        start: B()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: D()
+        end: B()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: D()
+        top: B()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: D()
+        right: B()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: D()
+        bottom: B()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: D()
+        left: B()
       }],
       /**
        * Visibility
@@ -1963,21 +2004,21 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [x, pe, "auto", "initial", "none", g]
+        flex: [A, pe, "auto", "initial", "none", g]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", x, h, g]
+        grow: ["", A, h, g]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", x, h, g]
+        shrink: ["", A, h, g]
       }],
       /**
        * Order
@@ -2454,7 +2495,7 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [x, "none", h, Ce]
+        "line-clamp": [A, "none", h, Ce]
       }],
       /**
        * Line Height
@@ -2527,7 +2568,7 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [x, "from-font", "auto", h, se]
+        decoration: [A, "from-font", "auto", h, se]
       }],
       /**
        * Text Decoration Color
@@ -2541,7 +2582,7 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [x, "auto", h, g]
+        "underline-offset": [A, "auto", h, g]
       }],
       /**
        * Text Transform
@@ -3007,14 +3048,14 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [x, h, g]
+        "outline-offset": [A, h, g]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", x, ye, se]
+        outline: ["", A, ye, se]
       }],
       /**
        * Outline Color
@@ -3052,7 +3093,7 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", A, Se, ke]
+        "inset-shadow": ["none", x, Se, ke]
       }],
       /**
        * Inset Box Shadow Color
@@ -3089,7 +3130,7 @@ const Rr = (r, e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [x, se]
+        "ring-offset": [A, se]
       }],
       /**
        * Ring Offset Color
@@ -3133,7 +3174,7 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [x, h, g]
+        opacity: [A, h, g]
       }],
       /**
        * Mix Blend Mode
@@ -3168,7 +3209,7 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [x]
+        "mask-linear": [A]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": C()
@@ -3282,7 +3323,7 @@ const Rr = (r, e) => {
         "mask-radial-at": M()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [x]
+        "mask-conic": [A]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": C()
@@ -3373,14 +3414,14 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [x, h, g]
+        brightness: [A, h, g]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [x, h, g]
+        contrast: [A, h, g]
       }],
       /**
        * Drop Shadow
@@ -3408,35 +3449,35 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", x, h, g]
+        grayscale: ["", A, h, g]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [x, h, g]
+        "hue-rotate": [A, h, g]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", x, h, g]
+        invert: ["", A, h, g]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [x, h, g]
+        saturate: [A, h, g]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", x, h, g]
+        sepia: ["", A, h, g]
       }],
       /**
        * Backdrop Filter
@@ -3463,56 +3504,56 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [x, h, g]
+        "backdrop-brightness": [A, h, g]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [x, h, g]
+        "backdrop-contrast": [A, h, g]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", x, h, g]
+        "backdrop-grayscale": ["", A, h, g]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [x, h, g]
+        "backdrop-hue-rotate": [A, h, g]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", x, h, g]
+        "backdrop-invert": ["", A, h, g]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [x, h, g]
+        "backdrop-opacity": [A, h, g]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [x, h, g]
+        "backdrop-saturate": [A, h, g]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", x, h, g]
+        "backdrop-sepia": ["", A, h, g]
       }],
       // --------------
       // --- Tables ---
@@ -3581,7 +3622,7 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [x, "initial", h, g]
+        duration: [A, "initial", h, g]
       }],
       /**
        * Transition Timing Function
@@ -3595,7 +3636,7 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [x, h, g]
+        delay: [A, h, g]
       }],
       /**
        * Animation
@@ -3619,14 +3660,14 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [B, h, g]
+        perspective: [D, h, g]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": L()
+        "perspective-origin": _()
       }],
       /**
        * Rotate
@@ -3722,7 +3763,7 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: L()
+        origin: _()
       }],
       /**
        * Transform Style
@@ -4039,7 +4080,7 @@ const Rr = (r, e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [x, ye, se, Ce]
+        stroke: [A, ye, se, Ce]
       }],
       /**
        * Stroke
@@ -4123,7 +4164,7 @@ 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), [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({
+  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
@@ -4166,7 +4207,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
     k !== void 0 && j(k);
   }, []), N = V((u) => {
     const k = u.data;
-    D({
+    B({
       isActive: k.isActive,
       toolName: k.toolName,
       toolData: k.toolData
@@ -4175,7 +4216,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
     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 = V((u = "user") => {
-    if (L(u), q(u === "websocket" ? "center" : "bottom-right"), a(!0), i(!1), M(null), !w.current) return;
+    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) => {
@@ -4222,7 +4263,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
     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();
-      D(F);
+      B(F);
     }), () => {
       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);
     };
@@ -4314,12 +4355,12 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               onMinimize: ae,
               onMaximize: C,
               theme: r,
-              displayMode: _,
+              displayMode: L,
               isConnected: b,
               isLoading: m,
-              chatMessages: A,
+              chatMessages: x,
               liveTranscript: z,
-              isChatVisible: B,
+              isChatVisible: D,
               isMuted: G,
               error: Q,
               toolCallState: y,
@@ -4446,31 +4487,31 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
   chatMessages: d,
   liveTranscript: m,
   isChatVisible: f,
-  isMuted: A,
+  isMuted: x,
   error: R,
   toolCallState: z,
   setVideoElement: j,
-  toggleChat: B,
+  toggleChat: D,
   sendMessage: P,
   toggleMute: G,
   refreshSession: K
 }) => {
-  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";
+  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(() => {
-    D.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 (H) {
-      console.error("Failed to send message:", H), _(p);
+      console.error("Failed to send message:", H), L(p);
     } finally {
       y(!1);
     }
@@ -4553,10 +4594,10 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                   className: c(
                     "w-8 h-8 rounded-full flex items-center justify-center transition-all duration-200",
                     "border-0 outline-none focus:outline-none shadow-sm",
-                    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"
+                    x ? "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(je, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(Be, { className: "h-3.5 w-3.5" })
+                  title: x ? "Unmute" : "Mute",
+                  children: x ? /* @__PURE__ */ n(je, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ n(De, { className: "h-3.5 w-3.5" })
                 }
               ),
               /* @__PURE__ */ n(
@@ -4578,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(De, { className: "h-3.5 w-3.5 rotate-[135deg]" })
+                  children: /* @__PURE__ */ n(Be, { className: "h-3.5 w-3.5 rotate-[135deg]" })
                 }
               )
             ]
@@ -4862,7 +4903,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                 /* @__PURE__ */ n(
                   "button",
                   {
-                    onClick: B,
+                    onClick: D,
                     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",
@@ -4879,10 +4920,10 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
                     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",
-                      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"
+                      x ? "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(je, { className: "h-4 w-4" }) : /* @__PURE__ */ n(Be, { className: "h-4 w-4" })
+                    title: x ? "Unmute" : "Mute",
+                    children: x ? /* @__PURE__ */ n(je, { className: "h-4 w-4" }) : /* @__PURE__ */ n(De, { className: "h-4 w-4" })
                   }
                 ),
                 /* @__PURE__ */ n(
@@ -4904,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(De, { className: "h-4 w-4 rotate-[135deg]" })
+                    children: /* @__PURE__ */ n(Be, { className: "h-4 w-4 rotate-[135deg]" })
                   }
                 )
               ]
@@ -5003,7 +5044,7 @@ const Te = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QCSRXhpZgAATU0AK
               },
               H
             )),
-            /* @__PURE__ */ n("div", { ref: D })
+            /* @__PURE__ */ n("div", { ref: B })
           ] }),
           /* @__PURE__ */ n("div", { className: c(
             "p-3 border-t",
@@ -5015,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,
@@ -5030,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"