@centive/aria-sdk 0.7.2 → 0.7.3

package/dist/index.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as y, Fragment as Ie } from "react/jsx-runtime";
 import * as ce from "react";
 import { createContext as Ir, useContext as Pr, useState as T, useRef as le, useEffect as re, useCallback as M, useMemo as Oe } from "react";
-import { CheckCircle2 as $e, AlertCircle as Le, Zap as er, RefreshCw as We, Clock as Dr, MessageCircle as gr, Sparkles as Ge, User as Vr, Bot as Wr, Send as jr, Wrench as rr, MicOff as tr, Mic as or, Maximize2 as Fr, Phone as ar, X as Qe, Minimize2 as Br } from "lucide-react";
+import { CheckCircle2 as $e, AlertCircle as Le, Zap as er, RefreshCw as We, Clock as Dr, MessageCircle as gr, Sparkles as Ge, User as Vr, Bot as Wr, Send as jr, Wrench as rr, MicOff as tr, Mic as or, Maximize2 as Br, Phone as ar, X as Qe, Minimize2 as Fr } from "lucide-react";
 import { createPortal as Hr } from "react-dom";
 function Or(r) {
   return typeof r == "object" && r !== null && "status" in r && (r.status === "success" || r.status === "error") && !("type" in r);
@@ -571,7 +571,7 @@ class Q {
         console.warn("[AriaSessionManager] Video play failed:", i);
       });
     } else
-      console.warn("[AriaSessionManager] No video stream available to attach");
+      console.log("[AriaSessionManager] No video stream available to attach (session may be initializing)");
   }
   /**
    * Detach video stream from visible element (when widget closes)
@@ -775,13 +775,7 @@ class Q {
       console.log("[AriaSessionManager] No active Anam client, nothing to pause");
       return;
     }
-    if (console.log("[AriaSessionManager] Pausing session - keeping Anam client alive"), this.isPaused = !0, this.hiddenVideoElement && (this.hiddenVideoElement.muted = !0), this.anamClient)
-      try {
-        this.anamClient.muteInputAudio();
-      } catch (e) {
-        console.warn("[AriaSessionManager] Failed to mute input audio:", e);
-      }
-    this.shouldKeepWebSocketAlive() || (console.log("[AriaSessionManager] Disconnecting WebSocket (keepWebSocketAlive: false)"), this.ws && (this.ws.close(), this.ws = null)), this.config.onSessionPaused?.();
+    console.log("[AriaSessionManager] Pausing session - keeping Anam client alive"), this.isPaused = !0, this.hiddenVideoElement && (this.hiddenVideoElement.muted = !0), this.shouldKeepWebSocketAlive() || (console.log("[AriaSessionManager] Disconnecting WebSocket (keepWebSocketAlive: false)"), this.ws && (this.ws.close(), this.ws = null)), this.config.onSessionPaused?.();
   }
   /**
    * Resume the session (called when widget reopens)
@@ -796,23 +790,14 @@ class Q {
     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 e = new Date(this.sessionState.expires_at).getTime();
-      if (Date.now() >= e)
+      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) {
-      if (!this.videoStream.getTracks().some((o) => o.readyState === "live"))
-        return console.log("[AriaSessionManager] Video stream tracks are dead, will create new session"), await this.stopStreaming(), this.resetSessionState(), !1;
-      console.log("[AriaSessionManager] Video stream is still active");
-    } else
+    if (!this.videoStream)
       return console.log("[AriaSessionManager] No video stream available, will create new session"), await this.stopStreaming(), this.resetSessionState(), !1;
-    if (this.hiddenVideoElement && (this.hiddenVideoElement.muted = !1, console.log("[AriaSessionManager] Unmuted hidden video element")), this.anamClient)
-      try {
-        this.anamClient.unmuteInputAudio(), console.log("[AriaSessionManager] Unmuted input audio");
-      } catch (e) {
-        console.warn("[AriaSessionManager] Failed to unmute input audio:", e);
-      }
-    return this.isConnected() || (console.log("[AriaSessionManager] Reconnecting WebSocket for resumed session"), this.reconnectForResume()), this.setStatus("ready"), this.config.onSessionResumed?.(), !0;
+    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.hiddenVideoElement && (this.hiddenVideoElement.muted = !1, console.log("[AriaSessionManager] Unmuted hidden video element")), 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)
@@ -1393,26 +1378,26 @@ const Xr = (r, e) => {
       d = f + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let j = !!I, F = o(j ? x.substring(0, I) : x);
-    if (!F) {
+    let j = !!I, B = o(j ? x.substring(0, I) : x);
+    if (!B) {
       if (!j) {
         d = f + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (F = o(x), !F) {
+      if (B = o(x), !B) {
         d = f + (d.length > 0 ? " " + d : d);
         continue;
       }
       j = !1;
     }
-    const L = R.length === 0 ? "" : R.length === 1 ? R[0] : l(R).join(":"), P = V ? L + qe : L, h = P + F;
+    const L = R.length === 0 ? "" : R.length === 1 ? R[0] : l(R).join(":"), P = V ? L + qe : L, h = P + B;
     if (n.indexOf(h) > -1)
       continue;
     n.push(h);
-    const _ = i(F, j);
+    const _ = i(B, j);
     for (let J = 0; J < _.length; ++J) {
-      const B = _[J];
-      n.push(P + B);
+      const F = _[J];
+      n.push(P + F);
     }
     d = f + (d.length > 0 ? " " + d : d);
   }
@@ -1457,7 +1442,7 @@ const Xr = (r, e) => {
   const o = vr.exec(r);
   return o ? o[1] ? e(o[1]) : t : !1;
 }, xr = (r) => r === "position" || r === "percentage", Ar = (r) => r === "image" || r === "url", kr = (r) => r === "length" || r === "size" || r === "bg-size", Sr = (r) => r === "length", Dt = (r) => r === "number", Vt = (r) => r === "family-name", Er = (r) => r === "shadow", Wt = () => {
-  const r = O("color"), e = O("font"), t = O("text"), o = O("font-weight"), i = O("tracking"), l = O("leading"), n = O("breakpoint"), c = O("container"), d = O("spacing"), g = O("radius"), f = O("shadow"), E = O("inset-shadow"), R = O("text-shadow"), V = O("drop-shadow"), x = O("blur"), I = O("perspective"), j = O("aspect"), F = O("ease"), L = O("animate"), P = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], h = () => [
+  const r = O("color"), e = O("font"), t = O("text"), o = O("font-weight"), i = O("tracking"), l = O("leading"), n = O("breakpoint"), c = O("container"), d = O("spacing"), g = O("radius"), f = O("shadow"), E = O("inset-shadow"), R = O("text-shadow"), V = O("drop-shadow"), x = O("blur"), I = O("perspective"), j = O("aspect"), B = O("ease"), L = O("animate"), P = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], h = () => [
     "center",
     "top",
     "bottom",
@@ -1475,7 +1460,7 @@ const Xr = (r, e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], _ = () => [...h(), m, p], J = () => ["auto", "hidden", "clip", "visible", "scroll"], B = () => ["auto", "contain", "none"], k = () => [m, p, d], q = () => [ke, "full", "auto", ...k()], oe = () => [we, "none", "subgrid", m, p], X = () => ["auto", {
+  ], _ = () => [...h(), m, p], J = () => ["auto", "hidden", "clip", "visible", "scroll"], F = () => ["auto", "contain", "none"], k = () => [m, p, d], q = () => [ke, "full", "auto", ...k()], oe = () => [we, "none", "subgrid", m, p], X = () => ["auto", {
     span: ["full", we, m, p]
   }, we, m, p], G = () => [we, "auto", m, p], pe = () => ["auto", "min", "max", "fr", m, p], ae = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], A = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], U = () => ["auto", ...k()], w = () => [ke, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], v = () => [r, m, p], de = () => [...h(), dr, cr, {
     position: [m, p]
@@ -1650,21 +1635,21 @@ const Xr = (r, e) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: B()
+        overscroll: F()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": B()
+        "overscroll-x": F()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": B()
+        "overscroll-y": F()
       }],
       /**
        * Position
@@ -3400,7 +3385,7 @@ const Xr = (r, e) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", F, m, p]
+        ease: ["linear", "initial", B, m, p]
       }],
       /**
        * Transition Delay
@@ -3930,7 +3915,7 @@ const Xr = (r, e) => {
 function s(...r) {
   return jt(Jr(r));
 }
-const Fe = ce.forwardRef(
+const Be = ce.forwardRef(
   ({ className: r, variant: e = "default", size: t = "default", ...o }, i) => {
     const l = s(
       "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-medium",
@@ -3982,7 +3967,7 @@ const Fe = ce.forwardRef(
     );
   }
 );
-Fe.displayName = "Button";
+Be.displayName = "Button";
 const Mr = ce.forwardRef(
   ({ className: r, type: e, ...t }, o) => /* @__PURE__ */ a(
     "input",
@@ -4052,7 +4037,7 @@ const Cr = ce.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
   }
 ));
 Cr.displayName = "Card";
-const Ft = ce.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
+const Bt = ce.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
@@ -4060,8 +4045,8 @@ const Ft = ce.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
     ...e
   }
 ));
-Ft.displayName = "CardHeader";
-const Bt = ce.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
+Bt.displayName = "CardHeader";
+const Ft = ce.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
   "h3",
   {
     ref: t,
@@ -4072,7 +4057,7 @@ const Bt = ce.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
     ...e
   }
 ));
-Bt.displayName = "CardTitle";
+Ft.displayName = "CardTitle";
 const Ht = ce.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
   "p",
   {
@@ -4117,7 +4102,7 @@ const _t = ({ compact: r = !1 }) => {
       "Ready"
     ] }),
     !e.isSessionReady && /* @__PURE__ */ y(
-      Fe,
+      Be,
       {
         variant: "outline",
         size: "sm",
@@ -4200,7 +4185,7 @@ const _t = ({ compact: r = !1 }) => {
       ] })
     ] }),
     !e.isSessionReady && /* @__PURE__ */ y(
-      Fe,
+      Be,
       {
         variant: "outline",
         size: "sm",
@@ -4358,7 +4343,7 @@ const _t = ({ compact: r = !1 }) => {
         }
       ),
       /* @__PURE__ */ a(
-        Fe,
+        Be,
         {
           onClick: E,
           disabled: !t || !i.trim() || n,
@@ -4389,7 +4374,7 @@ const _t = ({ compact: r = !1 }) => {
     refreshSession: x,
     minimizeAssistant: I,
     maximizeAssistant: j,
-    toolCallState: F
+    toolCallState: B
   } = Ee(), L = le(null), P = le(null);
   re(() => {
     P.current && (P.current.scrollTop = P.current.scrollHeight);
@@ -4427,7 +4412,7 @@ const _t = ({ compact: r = !1 }) => {
             className: "w-full h-full object-cover"
           }
         ),
-        F.isActive && t && /* @__PURE__ */ y(
+        B.isActive && t && /* @__PURE__ */ y(
           "div",
           {
             className: s(
@@ -4448,7 +4433,7 @@ const _t = ({ compact: r = !1 }) => {
               /* @__PURE__ */ a("span", { className: s(
                 "text-[10px] font-semibold",
                 h ? "text-amber-200" : "text-amber-800"
-              ), children: F.toolName ? F.toolName.replace(/_/g, " ") : "Processing..." })
+              ), children: B.toolName ? B.toolName.replace(/_/g, " ") : "Processing..." })
             ]
           }
         ),
@@ -4486,7 +4471,7 @@ const _t = ({ compact: r = !1 }) => {
                     h ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white"
                   ),
                   title: "Maximize",
-                  children: /* @__PURE__ */ a(Fr, { className: "h-3.5 w-3.5" })
+                  children: /* @__PURE__ */ a(Br, { className: "h-3.5 w-3.5" })
                 }
               ),
               /* @__PURE__ */ a(
@@ -4522,8 +4507,8 @@ const _t = ({ compact: r = !1 }) => {
                 src: Ke,
                 alt: "Aria",
                 className: "w-full h-full object-cover",
-                onError: (B) => {
-                  B.currentTarget.style.display = "none";
+                onError: (F) => {
+                  F.currentTarget.style.display = "none";
                 }
               }
             ) })
@@ -4634,8 +4619,8 @@ const _t = ({ compact: r = !1 }) => {
                         src: Ke,
                         alt: "Aria",
                         className: "w-full h-full object-cover",
-                        onError: (B) => {
-                          B.currentTarget.style.display = "none";
+                        onError: (F) => {
+                          F.currentTarget.style.display = "none";
                         }
                       }
                     ) })
@@ -4644,7 +4629,7 @@ const _t = ({ compact: r = !1 }) => {
                     "text-2xl font-bold tracking-tight mb-2",
                     h ? "text-white" : "text-gray-900"
                   ), children: "Aria is joining..." }),
-                  /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 mb-6", children: [0, 1, 2].map((B) => /* @__PURE__ */ a(
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 mb-6", children: [0, 1, 2].map((F) => /* @__PURE__ */ a(
                     "div",
                     {
                       className: s(
@@ -4653,10 +4638,10 @@ const _t = ({ compact: r = !1 }) => {
                       ),
                       style: {
                         animation: "aria-loading-bounce 1.4s ease-in-out infinite",
-                        animationDelay: `${B * 0.15}s`
+                        animationDelay: `${F * 0.15}s`
                       }
                     },
-                    B
+                    F
                   )) }),
                   /* @__PURE__ */ a("p", { className: s(
                     "text-sm font-medium px-4 py-2 rounded-full",
@@ -4716,7 +4701,7 @@ const _t = ({ compact: r = !1 }) => {
               className: "w-full h-full object-contain"
             }
           ),
-          F.isActive && t && /* @__PURE__ */ y(
+          B.isActive && t && /* @__PURE__ */ y(
             "div",
             {
               className: s(
@@ -4738,13 +4723,13 @@ const _t = ({ compact: r = !1 }) => {
                   /* @__PURE__ */ a("span", { className: s(
                     "text-xs font-semibold",
                     h ? "text-amber-200" : "text-amber-800"
-                  ), children: F.toolName ? `Running: ${F.toolName.replace(/_/g, " ")}` : "Processing..." }),
+                  ), children: B.toolName ? `Running: ${B.toolName.replace(/_/g, " ")}` : "Processing..." }),
                   /* @__PURE__ */ a("span", { className: s(
                     "text-[10px]",
                     h ? "text-amber-400" : "text-amber-600"
                   ), children: "Please wait..." })
                 ] }),
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-0.5 ml-1", children: [0, 1, 2].map((B) => /* @__PURE__ */ a(
+                /* @__PURE__ */ a("div", { className: "flex items-center gap-0.5 ml-1", children: [0, 1, 2].map((F) => /* @__PURE__ */ a(
                   "div",
                   {
                     className: s(
@@ -4753,15 +4738,15 @@ const _t = ({ compact: r = !1 }) => {
                     ),
                     style: {
                       animation: "aria-loading-bounce 1.4s ease-in-out infinite",
-                      animationDelay: `${B * 0.15}s`
+                      animationDelay: `${F * 0.15}s`
                     }
                   },
-                  B
+                  F
                 )) })
               ]
             }
           ),
-          n && t && !F.isActive && /* @__PURE__ */ a(
+          n && t && !B.isActive && /* @__PURE__ */ a(
             "div",
             {
               className: s(
@@ -4823,7 +4808,7 @@ const _t = ({ compact: r = !1 }) => {
                       h ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
                     ),
                     title: "Minimize",
-                    children: /* @__PURE__ */ a(Br, { className: "h-4 w-4" })
+                    children: /* @__PURE__ */ a(Fr, { className: "h-4 w-4" })
                   }
                 ),
                 /* @__PURE__ */ a(
@@ -4847,7 +4832,7 @@ const _t = ({ compact: r = !1 }) => {
       ] })
     }
   );
-}, Be = ({
+}, Fe = ({
   children: r,
   styles: e = "",
   className: t,
@@ -4899,7 +4884,7 @@ const so = Tr, Gt = ({
 }) => {
   const { openAssistant: l, isSessionPreloaded: n, sessionManagerStatus: c, config: d, isOpen: g, theme: f } = Ee(), E = r || d.triggerLabel || "Talk to Aria", R = f === "dark", V = n || c === "ready";
   return g ? null : /* @__PURE__ */ a(
-    Be,
+    Fe,
     {
       styles: He(),
       style: {
@@ -5011,7 +4996,7 @@ const so = Tr, Gt = ({
         }
       ),
       /* @__PURE__ */ a(
-        Be,
+        Fe,
         {
           styles: He(),
           style: {
@@ -5027,7 +5012,7 @@ const so = Tr, Gt = ({
     ] })
   ] });
 }, lo = ({ config: r, children: e }) => {
-  const [t, o] = T(!1), [i, l] = T(!1), [n, c] = T(!1), [d, g] = T(!1), [f, E] = T([]), [R, V] = T(""), [x, I] = T(!1), [j, F] = T(!1), [L, P] = T(null), [h, _] = T("user"), [J, B] = T("bottom-right"), [k, q] = T({
+  const [t, o] = T(!1), [i, l] = T(!1), [n, c] = T(!1), [d, g] = T(!1), [f, E] = T([]), [R, V] = T(""), [x, I] = T(!1), [j, B] = T(!1), [L, P] = T(null), [h, _] = T("user"), [J, F] = T("bottom-right"), [k, q] = T({
     isActive: !1,
     toolName: null,
     toolData: null
@@ -5087,7 +5072,7 @@ const so = Tr, Gt = ({
   }, []);
   re(() => {
     const u = Q.getInstance(r);
-    w.current = u, u.addEventListener("status_change", ie), u.addEventListener("session_ready", te), u.addEventListener("session_error", W), u.addEventListener("connection_change", H), u.addEventListener("message_history", K), u.addEventListener("message_stream", ne), u.addEventListener("tool_call", se), u.setWebSocketTriggerCallback(D), X(u.getSessionState()), pe(u.getStatus()), c(u.isConnected()), E(u.getChatMessages()), V(u.getLiveTranscript()), F(u.isMuted()), A(u.isSessionPaused());
+    w.current = u, u.addEventListener("status_change", ie), u.addEventListener("session_ready", te), u.addEventListener("session_error", W), u.addEventListener("connection_change", H), u.addEventListener("message_history", K), u.addEventListener("message_stream", ne), u.addEventListener("tool_call", se), u.setWebSocketTriggerCallback(D), X(u.getSessionState()), pe(u.getStatus()), c(u.isConnected()), E(u.getChatMessages()), V(u.getLiveTranscript()), B(u.isMuted()), A(u.isSessionPaused());
     const S = u.getToolCallState();
     return q(S), !u.isConnected() && u.getStatus() === "idle" && u.connect(), () => {
       u.removeEventListener("status_change", ie), u.removeEventListener("session_ready", te), u.removeEventListener("session_error", W), u.removeEventListener("connection_change", H), u.removeEventListener("message_history", K), u.removeEventListener("message_stream", ne), u.removeEventListener("tool_call", se), u.setWebSocketTriggerCallback(null);
@@ -5130,7 +5115,7 @@ const so = Tr, Gt = ({
   }, [r]), b = M(async () => {
     w.current && await w.current.refreshSession();
   }, []), N = M((u = "user") => {
-    if (_(u), B(u === "websocket" ? "center" : "bottom-right"), o(!0), l(!1), P(null), !w.current) return;
+    if (_(u), F(u === "websocket" ? "center" : "bottom-right"), o(!0), l(!1), P(null), !w.current) return;
     const S = w.current.isSessionPaused();
     if (console.log("[AriaProvider] openAssistant - isSessionPaused:", S, "persistSession:", r.persistSession), S) {
       console.log("[AriaProvider] Resuming paused session"), g(!0), w.current.resumeSession().then((ee) => {
@@ -5183,7 +5168,7 @@ const so = Tr, Gt = ({
   }, [n, r]), xe = M(() => {
     if (!w.current) return;
     const u = w.current.toggleMute();
-    F(u);
+    B(u);
   }, []), Rr = M(() => oe.session_id, [oe.session_id]), zr = {
     // UI State
     isOpen: t,
@@ -5287,13 +5272,13 @@ const so = Tr, Gt = ({
     await d();
   }, [d]), j = M((L = !0) => {
     g({ userTrigger: L });
-  }, [g]), F = Oe(() => ({
+  }, [g]), B = Oe(() => ({
     endSession: V,
     refreshSession: x,
     startSession: I,
     triggerSession: j
   }), [V, x, I, j]);
-  return { session: R, actions: F };
+  return { session: R, actions: B };
 }, go = ({ open: r, onOpenChange: e, children: t }) => /* @__PURE__ */ a(Ie, { children: r && /* @__PURE__ */ y("div", { className: "fixed inset-0 z-50 flex items-center justify-center aria-animate-fade-in", children: [
   /* @__PURE__ */ a(
     "div",
@@ -5429,7 +5414,7 @@ const $t = ({
   triggerLabel: e,
   container: t
 }) => {
-  const [o, i] = T(!1), [l, n] = T(!1), [c, d] = T(!1), [g, f] = T(!1), [E, R] = T([]), [V, x] = T(""), [I, j] = T(!1), [F, L] = T(!1), [P, h] = T(null), [_, J] = T("user"), [B, k] = T("bottom-right"), [q, oe] = T({
+  const [o, i] = T(!1), [l, n] = T(!1), [c, d] = T(!1), [g, f] = T(!1), [E, R] = T([]), [V, x] = T(""), [I, j] = T(!1), [B, L] = T(!1), [P, h] = T(null), [_, J] = T("user"), [F, k] = T("bottom-right"), [q, oe] = T({
     isActive: !1,
     toolName: null,
     toolData: null
@@ -5595,7 +5580,7 @@ const $t = ({
         }
       ),
       /* @__PURE__ */ a(
-        Be,
+        Fe,
         {
           styles: He(),
           style: {
@@ -5611,14 +5596,14 @@ const $t = ({
               isMinimized: l,
               onMaximize: D,
               theme: r,
-              displayMode: B,
+              displayMode: F,
               triggerMode: _,
               isConnected: c,
               isLoading: g,
               chatMessages: E,
               liveTranscript: V,
               isChatVisible: I,
-              isMuted: F,
+              isMuted: B,
               error: P,
               toolCallState: q,
               sessionState: X,
@@ -5638,7 +5623,7 @@ const $t = ({
   theme: t,
   onClick: o
 }) => /* @__PURE__ */ a(
-  Be,
+  Fe,
   {
     styles: He(),
     style: {
@@ -5682,13 +5667,13 @@ export {
   Gt as AriaTriggerButton,
   Nr as AriaWidget,
   Se as Badge,
-  Fe as Button,
+  Be as Button,
   Cr as Card,
   Ot as CardContent,
   Ht as CardDescription,
   Lt as CardFooter,
-  Ft as CardHeader,
-  Bt as CardTitle,
+  Bt as CardHeader,
+  Ft as CardTitle,
   Ut as ChatPanel,
   go as Dialog,
   Xt as DialogClose,
@@ -5697,7 +5682,7 @@ export {
   Jt as DialogTitle,
   Mr as Input,
   _t as SessionInfo,
-  Be as ShadowContainer,
+  Fe as ShadowContainer,
   so as ariaStyles,
   s as cn,
   Xe as decodeJWT,