@centive/aria-sdk 0.7.8 → 0.7.9

package/dist/components/AriaStandaloneUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AriaStandaloneUI.d.ts","sourceRoot":"","sources":["../../src/components/AriaStandaloneUI.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAA4C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAgB1E,OAAO,KAAK,EAOV,KAAK,EACN,MAAM,SAAS,CAAC;AAOjB,UAAU,qBAAqB;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA2dtD,CAAC;AAk5BF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"AriaStandaloneUI.d.ts","sourceRoot":"","sources":["../../src/components/AriaStandaloneUI.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAA4C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAgB1E,OAAO,KAAK,EAOV,KAAK,EACN,MAAM,SAAS,CAAC;AAOjB,UAAU,qBAAqB;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA8etD,CAAC;AAk5BF,eAAe,gBAAgB,CAAC"}

package/dist/context/AriaProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AriaProvider.d.ts","sourceRoot":"","sources":["../../src/context/AriaProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAW1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAK7C,UAAU,iBAAiB;IACzB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA0jB9C,CAAC"}
+{"version":3,"file":"AriaProvider.d.ts","sourceRoot":"","sources":["../../src/context/AriaProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAW1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAK7C,UAAU,iBAAiB;IACzB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAMD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAmkB9C,CAAC"}

package/dist/index.js

@@ -1339,8 +1339,8 @@ const Jr = (r, e) => {
        */
       E.startsWith(er) && (R = E.slice(1), P = !0)
     );
-    const k = d && d > l ? d - l : void 0;
-    return dr(c, P, R, k);
+    const S = d && d > l ? d - l : void 0;
+    return dr(c, P, R, S);
   };
   if (e) {
     const n = e + cr, c = a;
@@ -1385,20 +1385,20 @@ const Jr = (r, e) => {
       isExternal: E,
       modifiers: R,
       hasImportantModifier: P,
-      baseClassName: k,
+      baseClassName: S,
       maybePostfixModifierPosition: j
     } = t(m);
     if (E) {
       l = m + (l.length > 0 ? " " + l : l);
       continue;
     }
-    let H = !!j, W = a(H ? k.substring(0, j) : k);
+    let H = !!j, W = a(H ? S.substring(0, j) : S);
     if (!W) {
       if (!H) {
         l = m + (l.length > 0 ? " " + l : l);
         continue;
       }
-      if (W = a(k), !W) {
+      if (W = a(S), !W) {
         l = m + (l.length > 0 ? " " + l : l);
         continue;
       }
@@ -1456,7 +1456,7 @@ const Jr = (r, e) => {
   const a = Nr.exec(r);
   return a ? a[1] ? e(a[1]) : t : !1;
 }, Mr = (r) => r === "position" || r === "percentage", Cr = (r) => r === "image" || r === "url", Tr = (r) => r === "length" || r === "size" || r === "bg-size", Rr = (r) => r === "length", Pt = (r) => r === "number", Dt = (r) => r === "family-name", zr = (r) => r === "shadow", jt = () => {
-  const r = Q("color"), e = Q("font"), t = Q("text"), a = Q("font-weight"), n = Q("tracking"), c = Q("leading"), s = Q("breakpoint"), u = Q("container"), l = Q("spacing"), d = Q("radius"), m = Q("shadow"), E = Q("inset-shadow"), R = Q("text-shadow"), P = Q("drop-shadow"), k = Q("blur"), j = Q("perspective"), H = Q("aspect"), W = Q("ease"), U = Q("animate"), V = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], h = () => [
+  const r = Q("color"), e = Q("font"), t = Q("text"), a = Q("font-weight"), n = Q("tracking"), c = Q("leading"), s = Q("breakpoint"), u = Q("container"), l = Q("spacing"), d = Q("radius"), m = Q("shadow"), E = Q("inset-shadow"), R = Q("text-shadow"), P = Q("drop-shadow"), S = Q("blur"), j = Q("perspective"), H = Q("aspect"), W = Q("ease"), U = Q("animate"), V = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], h = () => [
     "center",
     "top",
     "bottom",
@@ -1476,7 +1476,7 @@ const Jr = (r, e) => {
     "left-bottom"
   ], L = () => [...h(), y, v], q = () => ["auto", "hidden", "clip", "visible", "scroll"], O = () => ["auto", "contain", "none"], N = () => [y, v, l], K = () => [ke, "full", "auto", ...N()], p = () => [be, "none", "subgrid", y, v], B = () => ["auto", {
     span: ["full", be, y, v]
-  }, be, y, v], ae = () => [be, "auto", y, v], ie = () => ["auto", "min", "max", "fr", y, v], $ = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], A = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...N()], f = () => [ke, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...N()], x = () => [r, y, v], ge = () => [...h(), ur, gr, {
+  }, be, y, v], ae = () => [be, "auto", y, v], ie = () => ["auto", "min", "max", "fr", y, v], $ = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], A = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], k = () => ["auto", ...N()], f = () => [ke, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...N()], x = () => [r, y, v], ge = () => [...h(), ur, gr, {
     position: [y, v]
   }], ue = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -1494,7 +1494,7 @@ const Jr = (r, e) => {
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    k,
+    S,
     y,
     v
   ], he = () => ["none", T, y, v], pe = () => ["none", T, y, v], we = () => [T, y, v], fe = () => [ke, "full", ...N()];
@@ -2031,63 +2031,63 @@ const Jr = (r, e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: S()
+        m: k()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: S()
+        mx: k()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: S()
+        my: k()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: S()
+        ms: k()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: S()
+        me: k()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: S()
+        mt: k()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: S()
+        mr: k()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: S()
+        mb: k()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: S()
+        ml: k()
       }],
       /**
        * Space Between X
@@ -4224,18 +4224,18 @@ const _t = ({ compact: r = !1 }) => {
   }, [r]);
   const E = async () => {
     if (!n.trim() || !t || s) return;
-    const k = n.trim();
+    const S = n.trim();
     c(""), u(!0);
     try {
-      await e(k);
+      await e(S);
     } catch (j) {
-      console.error("Failed to send message:", j), c(k);
+      console.error("Failed to send message:", j), c(S);
     } finally {
       u(!1);
     }
-  }, R = (k) => {
-    k.key === "Enter" && !k.shiftKey && (k.preventDefault(), E());
-  }, P = (k) => new Date(k).toLocaleTimeString("en-US", {
+  }, R = (S) => {
+    S.key === "Enter" && !S.shiftKey && (S.preventDefault(), E());
+  }, P = (S) => new Date(S).toLocaleTimeString("en-US", {
     hour: "2-digit",
     minute: "2-digit"
   });
@@ -4282,12 +4282,12 @@ const _t = ({ compact: r = !1 }) => {
           "text-xs",
           d ? "text-gray-400" : "text-gray-500"
         ), children: "Aria is here to chat with you" })
-      ] }) : r.filter((k) => k.content && k.content.trim() !== "").map((k, j) => /* @__PURE__ */ g(
+      ] }) : r.filter((S) => S.content && S.content.trim() !== "").map((S, j) => /* @__PURE__ */ g(
         "div",
         {
           className: i(
             "flex gap-2 aria-animate-fade-in",
-            k.role === "user" ? "flex-row-reverse" : "flex-row"
+            S.role === "user" ? "flex-row-reverse" : "flex-row"
           ),
           style: { animationDelay: `${j * 50}ms` },
           children: [
@@ -4296,9 +4296,9 @@ const _t = ({ compact: r = !1 }) => {
               {
                 className: i(
                   "shrink-0 w-6 h-6 rounded-full flex items-center justify-center",
-                  k.role === "user" ? "bg-indigo-500 text-white" : d ? "bg-gray-700 text-gray-300" : "bg-gray-200 text-gray-600"
+                  S.role === "user" ? "bg-indigo-500 text-white" : d ? "bg-gray-700 text-gray-300" : "bg-gray-200 text-gray-600"
                 ),
-                children: k.role === "user" ? /* @__PURE__ */ o(hr, { className: "h-3 w-3" }) : /* @__PURE__ */ o(mr, { className: "h-3 w-3" })
+                children: S.role === "user" ? /* @__PURE__ */ o(hr, { className: "h-3 w-3" }) : /* @__PURE__ */ o(mr, { className: "h-3 w-3" })
               }
             ),
             /* @__PURE__ */ g(
@@ -4306,7 +4306,7 @@ const _t = ({ compact: r = !1 }) => {
               {
                 className: i(
                   "flex flex-col max-w-[80%]",
-                  k.role === "user" ? "items-end" : "items-start"
+                  S.role === "user" ? "items-end" : "items-start"
                 ),
                 children: [
                   /* @__PURE__ */ o(
@@ -4314,18 +4314,18 @@ const _t = ({ compact: r = !1 }) => {
                     {
                       className: i(
                         "px-3 py-2 rounded-2xl",
-                        k.role === "user" ? "bg-indigo-500 text-white rounded-br-md" : d ? "bg-gray-800 text-gray-100 rounded-bl-md" : "bg-white shadow-sm text-gray-800 rounded-bl-md"
+                        S.role === "user" ? "bg-indigo-500 text-white rounded-br-md" : d ? "bg-gray-800 text-gray-100 rounded-bl-md" : "bg-white shadow-sm text-gray-800 rounded-bl-md"
                       ),
                       children: /* @__PURE__ */ o("p", { className: i(
                         "text-xs leading-relaxed break-words",
-                        k.role === "user" && "text-white"
-                      ), children: k.content })
+                        S.role === "user" && "text-white"
+                      ), children: S.content })
                     }
                   ),
                   /* @__PURE__ */ o("span", { className: i(
                     "text-[9px] mt-1 px-1",
                     d ? "text-gray-500" : "text-gray-400"
-                  ), children: P(k.timestamp) })
+                  ), children: P(S.timestamp) })
                 ]
               }
             )
@@ -4346,7 +4346,7 @@ const _t = ({ compact: r = !1 }) => {
         Ir,
         {
           value: n,
-          onChange: (k) => c(k.target.value),
+          onChange: (S) => c(S.target.value),
           onKeyDown: R,
           placeholder: t ? "Message Aria..." : "Connecting...",
           disabled: !t || s,
@@ -4385,7 +4385,7 @@ const _t = ({ compact: r = !1 }) => {
     theme: E,
     setVideoElement: R,
     isSessionPreloaded: P,
-    refreshSession: k,
+    refreshSession: S,
     minimizeAssistant: j,
     maximizeAssistant: H,
     toolCallState: W
@@ -4544,7 +4544,7 @@ const _t = ({ compact: r = !1 }) => {
           /* @__PURE__ */ g(
             "button",
             {
-              onClick: () => k(),
+              onClick: () => S(),
               className: i(
                 "inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium",
                 "transition-all duration-200",
@@ -4690,7 +4690,7 @@ const _t = ({ compact: r = !1 }) => {
                   /* @__PURE__ */ g(
                     "button",
                     {
-                      onClick: () => k(),
+                      onClick: () => S(),
                       className: i(
                         "inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium",
                         "transition-all duration-200",
@@ -4910,8 +4910,8 @@ const so = Dr, Gt = ({
       children: /* @__PURE__ */ o("div", { className: i("aria-assistant-container", R && "aria-dark"), children: /* @__PURE__ */ g(
         "button",
         {
-          onClick: (k) => {
-            k.preventDefault(), c("user"), t?.();
+          onClick: (S) => {
+            S.preventDefault(), c("user"), t?.();
           },
           className: i(
             "group relative flex items-center gap-3 px-3.5 py-2.5 rounded-xl",
@@ -4943,9 +4943,9 @@ const so = Dr, Gt = ({
                   src: Me,
                   alt: E,
                   className: "w-full h-full object-cover",
-                  onError: (k) => {
-                    k.currentTarget.style.display = "none";
-                    const j = k.currentTarget.nextElementSibling;
+                  onError: (S) => {
+                    S.currentTarget.style.display = "none";
+                    const j = S.currentTarget.nextElementSibling;
                     j && (j.style.display = "flex");
                   }
                 }
@@ -5026,7 +5026,7 @@ const so = Dr, Gt = ({
     ] })
   ] });
 }, lo = ({ config: r, children: e }) => {
-  const [t, a] = z(!1), [n, c] = z(!1), [s, u] = z(!1), [l, d] = z(!1), [m, E] = z([]), [R, P] = z(""), [k, j] = z(!1), [H, W] = z(!1), [U, V] = z(null), [h, L] = z("user"), [q, O] = z("bottom-right"), [N, K] = z({
+  const [t, a] = z(!1), [n, c] = z(!1), [s, u] = z(!1), [l, d] = z(!1), [m, E] = z([]), [R, P] = z(""), [S, j] = z(!1), [H, W] = z(!1), [U, V] = z(null), [h, L] = z("user"), [q, O] = z("bottom-right"), [N, K] = z({
     isActive: !1,
     toolName: null,
     toolData: null
@@ -5038,7 +5038,7 @@ const so = Dr, Gt = ({
     lastError: null,
     isPreloaded: !1,
     isRefreshing: !1
-  }), [ae, ie] = z("idle"), [$, A] = z(!1), S = r.theme || "light", f = Y(null), x = Y(null), ge = Y(null), ue = Y(!0), le = C((b) => {
+  }), [ae, ie] = z("idle"), [$, A] = z(!1), k = r.theme || "light", f = Y(null), x = Y(null), ge = Y(null), ue = Y(!0), le = C((b) => {
     const { newStatus: M } = b.data;
     ie(M), M === "preloading" || M === "connecting" ? t && d(!0) : M === "ready" ? (d(!1), u(!0)) : M === "error" && d(!1);
   }, [t]), ne = C((b) => {
@@ -5151,10 +5151,10 @@ const so = Dr, Gt = ({
       return;
     }
     const te = f.current.isAnamClientInitialized(), Ae = f.current.hasSessionToken(), or = f.current.getStatus();
-    console.log("[AriaProvider] openAssistant - isAnamReady:", te, "hasToken:", Ae, "status:", or), te && or === "ready" ? (d(!1), u(!0), console.log("[AriaProvider] Opening with already initialized session")) : Ae ? (d(!0), console.log("[AriaProvider] Initializing Anam client on demand (lazy init)"), f.current.initializeSessionOnDemand().then(() => {
+    console.log("[AriaProvider] openAssistant - isAnamReady:", te, "hasToken:", Ae, "status:", or), te && or === "ready" ? (d(!1), u(!0), console.log("[AriaProvider] Opening with already initialized session"), x.current && f.current && f.current.attachToVideoElement(x.current)) : Ae ? (d(!0), console.log("[AriaProvider] Initializing Anam client on demand (lazy init)"), f.current.initializeSessionOnDemand().then(() => {
       console.log("[AriaProvider] Anam client initialized successfully"), d(!1), u(!0);
       const oe = f.current.getSessionState();
-      B(oe);
+      B(oe), x.current && f.current && (console.log("[AriaProvider] Attaching video stream after initialization"), f.current.attachToVideoElement(x.current));
     }).catch((oe) => {
       console.error("[AriaProvider] Failed to initialize Anam client:", oe), d(!1), oe.message?.includes("expired") ? V("Session expired, getting a new session...") : V(oe instanceof Error ? oe.message : "Failed to initialize session");
     })) : (d(!0), console.log("[AriaProvider] Opening, waiting for session token..."), f.current.isConnected() ? console.log("[AriaProvider] WebSocket connected, waiting for token response...") : (console.log("[AriaProvider] WebSocket not connected, connecting..."), f.current.connect()));
@@ -5191,7 +5191,7 @@ const so = Dr, Gt = ({
     isLoading: l,
     chatMessages: m,
     liveTranscript: R,
-    isChatVisible: k,
+    isChatVisible: S,
     isMuted: H,
     error: U,
     // Tool Call State
@@ -5217,7 +5217,7 @@ const so = Dr, Gt = ({
     // Display State
     displayMode: q,
     triggerMode: h,
-    theme: S,
+    theme: k,
     // Config
     config: r,
     // Utilities
@@ -5280,7 +5280,7 @@ const so = Dr, Gt = ({
     E
   ]), P = C(async () => {
     await s();
-  }, [s]), k = C(async () => {
+  }, [s]), S = C(async () => {
     await u();
   }, [u]), j = C(async () => {
     await l();
@@ -5288,10 +5288,10 @@ const so = Dr, Gt = ({
     d({ userTrigger: U });
   }, [d]), W = Xe(() => ({
     endSession: P,
-    refreshSession: k,
+    refreshSession: S,
     startSession: j,
     triggerSession: H
-  }), [P, k, j, H]);
+  }), [P, S, j, H]);
   return { session: R, actions: W };
 }, go = ({ open: r, onOpenChange: e, children: t }) => /* @__PURE__ */ o(je, { children: r && /* @__PURE__ */ g("div", { className: "fixed inset-0 z-50 flex items-center justify-center aria-animate-fade-in", children: [
   /* @__PURE__ */ o(
@@ -5428,7 +5428,7 @@ const $t = ({
   triggerLabel: e,
   container: t
 }) => {
-  const [a, n] = z(!1), [c, s] = z(!1), [u, l] = z(!1), [d, m] = z(!1), [E, R] = z([]), [P, k] = z(""), [j, H] = z(!1), [W, U] = z(!1), [V, h] = z(null), [, L] = z("user"), [q, O] = z("bottom-right"), [N, K] = z({
+  const [a, n] = z(!1), [c, s] = z(!1), [u, l] = z(!1), [d, m] = z(!1), [E, R] = z([]), [P, S] = z(""), [j, H] = z(!1), [W, U] = z(!1), [V, h] = z(null), [, L] = z("user"), [q, O] = z("bottom-right"), [N, K] = z({
     isActive: !1,
     toolName: null,
     toolData: null
@@ -5440,13 +5440,13 @@ const $t = ({
     lastError: null,
     isPreloaded: !1,
     isRefreshing: !1
-  }), [ae, ie] = z("idle"), [, $] = z(!1), A = Y(null), S = Y(null), f = C((w) => {
+  }), [ae, ie] = z("idle"), [, $] = z(!1), A = Y(null), k = Y(null), f = C((w) => {
     const { newStatus: I } = w.data;
     ie(I), I === "preloading" || I === "connecting" ? a && m(!0) : I === "ready" ? (m(!1), l(!0)) : I === "error" && m(!1);
   }, [a]), x = C((w) => {
     if (console.log("[AriaStandaloneUI] Session ready event:", w.data), A.current) {
       const I = A.current.getSessionState();
-      B(I), S.current && (console.log("[AriaStandaloneUI] Re-attaching video stream after session ready"), A.current.attachToVideoElement(S.current));
+      B(I), k.current && (console.log("[AriaStandaloneUI] Re-attaching video stream after session ready"), A.current.attachToVideoElement(k.current));
     }
     l(!0), m(!1), h(null);
   }, []), ge = C((w) => {
@@ -5466,7 +5466,7 @@ const $t = ({
     I && R(I);
   }, []), ne = C((w) => {
     const { liveTranscript: I } = w.data;
-    I !== void 0 && k(I);
+    I !== void 0 && S(I);
   }, []), _ = C((w) => {
     const I = w.data;
     K({
@@ -5475,8 +5475,8 @@ const $t = ({
       toolData: I.toolData
     });
   }, []), G = C((w) => {
-    const I = S.current;
-    S.current = w, w && A.current ? (console.log("[AriaStandaloneUI] Attaching video stream to element"), A.current.attachToVideoElement(w)) : !w && I && A.current && (console.log("[AriaStandaloneUI] Detaching video stream from element"), A.current.detachFromVideoElement(I));
+    const I = k.current;
+    k.current = w, w && A.current ? (console.log("[AriaStandaloneUI] Attaching video stream to element"), A.current.attachToVideoElement(w)) : !w && I && A.current && (console.log("[AriaStandaloneUI] Detaching video stream from element"), A.current.detachFromVideoElement(I));
   }, []), Z = C((w = "user") => {
     if (L(w), O(w === "websocket" ? "center" : "bottom-right"), n(!0), s(!1), h(null), !A.current) return;
     if (A.current.isSessionPaused()) {
@@ -5484,12 +5484,12 @@ const $t = ({
         if ($(!1), re) {
           m(!1), l(!0);
           const We = A.current.getSessionState();
-          B(We), R(A.current.getChatMessages());
+          B(We), R(A.current.getChatMessages()), k.current && A.current && (console.log("[AriaStandaloneUI] Attaching video stream after resume"), A.current.attachToVideoElement(k.current));
         } else
           A.current.hasSessionToken() ? A.current.initializeSessionOnDemand().then(() => {
             m(!1), l(!0);
             const xe = A.current.getSessionState();
-            B(xe);
+            B(xe), k.current && A.current && (console.log("[AriaStandaloneUI] Attaching video stream after initialization (from resume)"), A.current.attachToVideoElement(k.current));
           }).catch((xe) => {
             m(!1), h(xe instanceof Error ? xe.message : "Failed to start new session");
           }) : A.current.isConnected() || A.current.connect();
@@ -5499,10 +5499,10 @@ const $t = ({
       return;
     }
     const ee = A.current.isAnamClientInitialized(), ye = A.current.hasSessionToken(), ze = A.current.getStatus();
-    ee && ze === "ready" ? (m(!1), l(!0)) : ye ? (m(!0), A.current.initializeSessionOnDemand().then(() => {
+    ee && ze === "ready" ? (m(!1), l(!0), k.current && A.current.attachToVideoElement(k.current)) : ye ? (m(!0), A.current.initializeSessionOnDemand().then(() => {
       m(!1), l(!0);
       const re = A.current.getSessionState();
-      B(re);
+      B(re), k.current && A.current && (console.log("[AriaStandaloneUI] Attaching video stream after initialization"), A.current.attachToVideoElement(k.current));
     }).catch((re) => {
       m(!1), h(re instanceof Error ? re.message : "Failed to initialize session");
     })) : (m(!0), A.current.isConnected() || A.current.connect());
@@ -5511,7 +5511,7 @@ const $t = ({
   }, []), F = C(() => {
     s(!1);
   }, []), ce = C(() => {
-    n(!1), s(!1), A.current && (S.current && A.current.detachFromVideoElement(S.current), k(""), console.log("[AriaStandaloneUI] Pausing session (widget closed)"), A.current.pauseSession(), $(!0));
+    n(!1), s(!1), A.current && (k.current && A.current.detachFromVideoElement(k.current), S(""), console.log("[AriaStandaloneUI] Pausing session (widget closed)"), A.current.pauseSession(), $(!0));
   }, []), he = C(() => {
     console.log("[AriaStandaloneUI] WebSocket trigger event"), Z("websocket");
   }, [Z]);
@@ -5522,7 +5522,7 @@ const $t = ({
     }
     const w = J.getInstance({});
     return A.current = w, w.addEventListener("status_change", f), w.addEventListener("session_ready", x), w.addEventListener("session_error", ge), w.addEventListener("connection_change", ue), w.addEventListener("message_history", le), w.addEventListener("message_stream", ne), w.addEventListener("tool_call", _), w.setWebSocketTriggerCallback(he), queueMicrotask(() => {
-      B(w.getSessionState()), ie(w.getStatus()), l(w.isConnected()), R(w.getChatMessages()), k(w.getLiveTranscript()), U(w.isMuted()), $(w.isSessionPaused());
+      B(w.getSessionState()), ie(w.getStatus()), l(w.isConnected()), R(w.getChatMessages()), S(w.getLiveTranscript()), U(w.isMuted()), $(w.isSessionPaused());
       const ee = w.getToolCallState();
       K(ee);
     }), () => {
@@ -5743,7 +5743,7 @@ const $t = ({
   isMuted: E,
   error: R,
   toolCallState: P,
-  setVideoElement: k,
+  setVideoElement: S,
   toggleChat: j,
   sendMessage: H,
   toggleMute: W,
@@ -5752,25 +5752,25 @@ const $t = ({
   const V = Y(null), h = Y(null), [L, q] = z(""), [O, N] = z(!1), K = Y(null), p = n === "dark", B = c === "bottom-right", ae = c === "center";
   X(() => {
     h.current && (h.current.scrollTop = h.current.scrollHeight);
-  }, [d]), X(() => (V.current && (console.log("[AriaWidgetStandalone] Registering video element, minimized:", e), k(V.current)), () => {
-    k(null);
-  }), [k, e]), X(() => {
+  }, [d]), X(() => (V.current && (console.log("[AriaWidgetStandalone] Registering video element, minimized:", e), S(V.current)), () => {
+    S(null);
+  }), [S, e]), X(() => {
     K.current?.scrollIntoView({ behavior: "smooth" });
   }, [l]);
   const ie = async () => {
     if (!L.trim() || !s || O) return;
-    const S = L.trim();
+    const k = L.trim();
     q(""), N(!0);
     try {
-      await H(S);
+      await H(k);
     } catch (f) {
-      console.error("Failed to send message:", f), q(S);
+      console.error("Failed to send message:", f), q(k);
     } finally {
       N(!1);
     }
-  }, $ = (S) => {
-    S.key === "Enter" && !S.shiftKey && (S.preventDefault(), ie());
-  }, A = (S) => new Date(S).toLocaleTimeString("en-US", {
+  }, $ = (k) => {
+    k.key === "Enter" && !k.shiftKey && (k.preventDefault(), ie());
+  }, A = (k) => new Date(k).toLocaleTimeString("en-US", {
     hour: "2-digit",
     minute: "2-digit"
   });
@@ -5899,8 +5899,8 @@ const $t = ({
                 src: Me,
                 alt: "Aria",
                 className: "w-full h-full object-cover",
-                onError: (S) => {
-                  S.currentTarget.style.display = "none";
+                onError: (k) => {
+                  k.currentTarget.style.display = "none";
                 }
               }
             ) })
@@ -6002,8 +6002,8 @@ const $t = ({
                     src: Me,
                     alt: "Aria",
                     className: "w-full h-full object-cover",
-                    onError: (S) => {
-                      S.currentTarget.style.display = "none";
+                    onError: (k) => {
+                      k.currentTarget.style.display = "none";
                     }
                   }
                 ) })
@@ -6012,7 +6012,7 @@ const $t = ({
                 "text-2xl font-bold tracking-tight mb-2",
                 p ? "text-white" : "text-gray-900"
               ), children: "Aria is joining..." }),
-              /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5 mb-6", children: [0, 1, 2].map((S) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5 mb-6", children: [0, 1, 2].map((k) => /* @__PURE__ */ o(
                 "div",
                 {
                   className: i(
@@ -6021,10 +6021,10 @@ const $t = ({
                   ),
                   style: {
                     animation: "aria-loading-bounce 1.4s ease-in-out infinite",
-                    animationDelay: `${S * 0.15}s`
+                    animationDelay: `${k * 0.15}s`
                   }
                 },
-                S
+                k
               )) }),
               /* @__PURE__ */ o("p", { className: i(
                 "text-sm font-medium px-4 py-2 rounded-full",
@@ -6110,7 +6110,7 @@ const $t = ({
                     p ? "text-amber-400" : "text-amber-600"
                   ), children: "Please wait..." })
                 ] }),
-                /* @__PURE__ */ o("div", { className: "flex items-center gap-0.5 ml-1", children: [0, 1, 2].map((S) => /* @__PURE__ */ o(
+                /* @__PURE__ */ o("div", { className: "flex items-center gap-0.5 ml-1", children: [0, 1, 2].map((k) => /* @__PURE__ */ o(
                   "div",
                   {
                     className: i(
@@ -6119,10 +6119,10 @@ const $t = ({
                     ),
                     style: {
                       animation: "aria-loading-bounce 1.4s ease-in-out infinite",
-                      animationDelay: `${S * 0.15}s`
+                      animationDelay: `${k * 0.15}s`
                     }
                   },
-                  S
+                  k
                 )) })
               ]
             }
@@ -6246,12 +6246,12 @@ const $t = ({
                 "text-xs",
                 p ? "text-gray-400" : "text-gray-500"
               ), children: "Aria is here to chat with you" })
-            ] }) : l.filter((S) => S.content && S.content.trim() !== "").map((S, f) => /* @__PURE__ */ g(
+            ] }) : l.filter((k) => k.content && k.content.trim() !== "").map((k, f) => /* @__PURE__ */ g(
               "div",
               {
                 className: i(
                   "flex gap-2 aria-animate-fade-in",
-                  S.role === "user" ? "flex-row-reverse" : "flex-row"
+                  k.role === "user" ? "flex-row-reverse" : "flex-row"
                 ),
                 style: { animationDelay: `${f * 50}ms` },
                 children: [
@@ -6260,9 +6260,9 @@ const $t = ({
                     {
                       className: i(
                         "shrink-0 w-6 h-6 rounded-full flex items-center justify-center",
-                        S.role === "user" ? "bg-indigo-500 text-white" : p ? "bg-gray-700 text-gray-300" : "bg-gray-200 text-gray-600"
+                        k.role === "user" ? "bg-indigo-500 text-white" : p ? "bg-gray-700 text-gray-300" : "bg-gray-200 text-gray-600"
                       ),
-                      children: S.role === "user" ? /* @__PURE__ */ o(hr, { className: "h-3 w-3" }) : /* @__PURE__ */ o(mr, { className: "h-3 w-3" })
+                      children: k.role === "user" ? /* @__PURE__ */ o(hr, { className: "h-3 w-3" }) : /* @__PURE__ */ o(mr, { className: "h-3 w-3" })
                     }
                   ),
                   /* @__PURE__ */ g(
@@ -6270,7 +6270,7 @@ const $t = ({
                     {
                       className: i(
                         "flex flex-col max-w-[80%]",
-                        S.role === "user" ? "items-end" : "items-start"
+                        k.role === "user" ? "items-end" : "items-start"
                       ),
                       children: [
                         /* @__PURE__ */ o(
@@ -6278,18 +6278,18 @@ const $t = ({
                           {
                             className: i(
                               "px-3 py-2 rounded-2xl",
-                              S.role === "user" ? "bg-indigo-500 text-white rounded-br-md" : p ? "bg-gray-800 text-gray-100 rounded-bl-md" : "bg-white shadow-sm text-gray-800 rounded-bl-md"
+                              k.role === "user" ? "bg-indigo-500 text-white rounded-br-md" : p ? "bg-gray-800 text-gray-100 rounded-bl-md" : "bg-white shadow-sm text-gray-800 rounded-bl-md"
                             ),
                             children: /* @__PURE__ */ o("p", { className: i(
                               "text-xs leading-relaxed break-words",
-                              S.role === "user" && "text-white"
-                            ), children: S.content })
+                              k.role === "user" && "text-white"
+                            ), children: k.content })
                           }
                         ),
                         /* @__PURE__ */ o("span", { className: i(
                           "text-[9px] mt-1 px-1",
                           p ? "text-gray-500" : "text-gray-400"
-                        ), children: A(S.timestamp) })
+                        ), children: A(k.timestamp) })
                       ]
                     }
                   )
@@ -6310,7 +6310,7 @@ const $t = ({
               "input",
               {
                 value: L,
-                onChange: (S) => q(S.target.value),
+                onChange: (k) => q(k.target.value),
                 onKeyDown: $,
                 placeholder: s ? "Message Aria..." : "Connecting...",
                 disabled: !s || O,