@voxket-ai/voxket-live 1.1.9 → 1.1.11

package/dist/index.js

@@ -3201,31 +3201,31 @@ function Mx(e) {
       const { prevResolvedValues: I = {} } = E, F = {
         ...I,
         ...M
-      }, D = (Q) => {
-        A = !0, f.has(Q) && (O = !0, f.delete(Q)), E.needsAnimating[Q] = !0;
-        const V = e.getValue(Q);
+      }, D = (X) => {
+        A = !0, f.has(X) && (O = !0, f.delete(X)), E.needsAnimating[X] = !0;
+        const V = e.getValue(X);
         V && (V.liveStyle = !1);
       };
-      for (const Q in F) {
-        const V = M[Q], U = I[Q];
-        if (h.hasOwnProperty(Q))
+      for (const X in F) {
+        const V = M[X], U = I[X];
+        if (h.hasOwnProperty(X))
           continue;
         let x = !1;
-        _a(V) && _a(U) ? x = !Zh(V, U) : x = V !== U, x ? V != null ? D(Q) : f.add(Q) : V !== void 0 && f.has(Q) ? D(Q) : E.protectedKeys[Q] = !0;
+        _a(V) && _a(U) ? x = !Zh(V, U) : x = V !== U, x ? V != null ? D(X) : f.add(X) : V !== void 0 && f.has(X) ? D(X) : E.protectedKeys[X] = !0;
       }
       E.prevProp = w, E.prevResolvedValues = M, E.isActive && (h = { ...h, ...M }), r && e.blockInitialAnimation && (A = !1);
       const G = C && R;
-      A && (!G || O) && d.push(...b.map((Q) => {
+      A && (!G || O) && d.push(...b.map((X) => {
         const V = { type: y };
-        if (typeof Q == "string" && r && !G && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: U } = e, x = Mr(U, Q);
+        if (typeof X == "string" && r && !G && e.manuallyAnimateOnMount && e.parent) {
+          const { parent: U } = e, x = Mr(U, X);
           if (U.enteringChildren && x) {
             const { delayChildren: $ } = x.transition || {};
             V.delay = Yh(U.enteringChildren, e, $);
           }
         }
         return {
-          animation: Q,
+          animation: X,
           options: V
         };
       }));
@@ -5274,7 +5274,7 @@ const _t = (e) => {
     "left-bottom"
   ], k = () => [..._(), fe, de], C = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", "contain", "none"], A = () => [fe, de, l], O = () => [dr, "full", "auto", ...A()], b = () => [Fn, "none", "subgrid", fe, de], M = () => ["auto", {
     span: ["full", Fn, fe, de]
-  }, Fn, fe, de], I = () => [Fn, "auto", fe, de], F = () => ["auto", "min", "max", "fr", fe, de], D = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], oe = () => ["auto", ...A()], Q = () => [dr, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...A()], V = () => [e, fe, de], U = () => [..._(), $u, Bu, {
+  }, Fn, fe, de], I = () => [Fn, "auto", fe, de], F = () => ["auto", "min", "max", "fr", fe, de], D = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], re = () => ["auto", ...A()], X = () => [dr, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...A()], V = () => [e, fe, de], U = () => [..._(), $u, Bu, {
     position: [fe, de]
   }], x = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -5295,7 +5295,7 @@ const _t = (e) => {
     m,
     fe,
     de
-  ], ce = () => ["none", De, fe, de], X = () => ["none", De, fe, de], xe = () => [De, fe, de], L = () => [dr, "full", ...A()];
+  ], ce = () => ["none", De, fe, de], Q = () => ["none", De, fe, de], xe = () => [De, fe, de], L = () => [dr, "full", ...A()];
   return {
     cacheSize: 500,
     theme: {
@@ -5829,63 +5829,63 @@ const _t = (e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: oe()
+        m: re()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: oe()
+        mx: re()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: oe()
+        my: re()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: oe()
+        ms: re()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: oe()
+        me: re()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: oe()
+        mt: re()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: oe()
+        mr: re()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: oe()
+        mb: re()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: oe()
+        ml: re()
       }],
       /**
        * Space Between X
@@ -5919,14 +5919,14 @@ const _t = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: Q()
+        size: X()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [a, "screen", ...Q()]
+        w: [a, "screen", ...X()]
       }],
       /**
        * Min-Width
@@ -5938,7 +5938,7 @@ const _t = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...Q()
+          ...X()
         ]
       }],
       /**
@@ -5956,7 +5956,7 @@ const _t = (e) => {
           {
             screen: [s]
           },
-          ...Q()
+          ...X()
         ]
       }],
       /**
@@ -5964,21 +5964,21 @@ const _t = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...Q()]
+        h: ["screen", "lh", ...X()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...Q()]
+        "min-h": ["screen", "lh", "none", ...X()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...Q()]
+        "max-h": ["screen", "lh", ...X()]
       }],
       // ------------------
       // --- Typography ---
@@ -7270,28 +7270,28 @@ const _t = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: X()
+        scale: Q()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": X()
+        "scale-x": Q()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": X()
+        "scale-y": Q()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": X()
+        "scale-z": Q()
       }],
       /**
        * Scale 3D
@@ -8478,11 +8478,11 @@ function Bo({
   }, G = (x) => {
     const $ = Array.from(x.target.files || []);
     $.length > 0 && k && k($), I.current && (I.current.value = "");
-  }, oe = We(
+  }, re = We(
     "flex items-center gap-3 px-3 py-2 w-full backdrop-blur-xl border-t",
     E ? "justify-between" : "justify-center",
     t === "light" ? "bg-white/95 border-gray-200" : "bg-black/90 border-gray-800"
-  ), Q = (x, $) => {
+  ), X = (x, $) => {
     var K, S, Y;
     return $ === "end-call" ? We(
       "p-3 rounded-full transition-all duration-200",
@@ -8494,7 +8494,7 @@ function Bo({
       n ? "opacity-50 cursor-not-allowed" : "hover:scale-105"
     );
   }, V = () => /* @__PURE__ */ g("div", { className: "w-5 h-5 animate-spin rounded-full border-2 border-current border-t-transparent" });
-  return /* @__PURE__ */ N("div", { className: oe, children: [
+  return /* @__PURE__ */ N("div", { className: re, children: [
     E && /* @__PURE__ */ N("div", { className: "flex items-center gap-2 flex-1", children: [
       C && k && /* @__PURE__ */ N(Tt, { children: [
         /* @__PURE__ */ g(
@@ -8564,7 +8564,7 @@ function Bo({
         {
           onClick: s,
           disabled: n || o,
-          className: Q(i),
+          className: X(i),
           title: i ? "Mute microphone" : "Unmute microphone",
           children: o ? /* @__PURE__ */ g(V, {}) : i ? /* @__PURE__ */ g(ob, { className: "w-5 h-5" }) : /* @__PURE__ */ g(sb, { className: "w-5 h-5" })
         }
@@ -8574,7 +8574,7 @@ function Bo({
         {
           onClick: u,
           disabled: n || c,
-          className: Q(l),
+          className: X(l),
           title: l ? "Turn off camera" : "Turn on camera",
           children: c ? /* @__PURE__ */ g(V, {}) : l ? /* @__PURE__ */ g(ab, { className: "w-5 h-5" }) : /* @__PURE__ */ g(Rf, { className: "w-5 h-5" })
         }
@@ -8584,7 +8584,7 @@ function Bo({
         {
           onClick: m,
           disabled: n || h,
-          className: Q(f),
+          className: X(f),
           title: f ? "Stop screen share" : "Share screen",
           children: h ? /* @__PURE__ */ g(V, {}) : /* @__PURE__ */ g(If, { className: "w-5 h-5" })
         }
@@ -8594,7 +8594,7 @@ function Bo({
         {
           onClick: y,
           disabled: n,
-          className: Q(v),
+          className: X(v),
           title: e === "voice" ? v ? "Hide transcription" : "Show transcription" : v ? "Hide chat" : "Show chat",
           children: /* @__PURE__ */ g(lb, { className: "w-5 h-5" })
         }
@@ -8605,7 +8605,7 @@ function Bo({
       {
         onClick: A,
         disabled: n,
-        className: Q(!1, "end-call"),
+        className: X(!1, "end-call"),
         title: "End call",
         children: /* @__PURE__ */ g(cb, { className: "w-5 h-5" })
       }
@@ -10175,12 +10175,12 @@ function EE() {
       var F = _(), D = R(r);
       if (D) {
         if (b(), !R(i)) return C("property missing ':'");
-        var G = R(o), oe = F({
+        var G = R(o), re = F({
           type: h,
           property: m(D[0].replace(e, d)),
           value: G ? m(G[0].replace(e, d)) : d
         });
-        return R(s), oe;
+        return R(s), re;
       }
     }
     function I() {
@@ -11984,7 +11984,7 @@ function KS(e, t, n) {
     return S === null || ye(S) ? I(S) : Fe(S) ? (e.consume(S), M) : n(S);
   }
   function I(S) {
-    return S === 45 && i === 2 ? (e.consume(S), oe) : S === 60 && i === 1 ? (e.consume(S), Q) : S === 62 && i === 4 ? (e.consume(S), $) : S === 63 && i === 3 ? (e.consume(S), x) : S === 93 && i === 5 ? (e.consume(S), U) : ye(S) && (i === 6 || i === 7) ? (e.exit("htmlFlowData"), e.check(WS, K, F)(S)) : S === null || ye(S) ? (e.exit("htmlFlowData"), F(S)) : (e.consume(S), I);
+    return S === 45 && i === 2 ? (e.consume(S), re) : S === 60 && i === 1 ? (e.consume(S), X) : S === 62 && i === 4 ? (e.consume(S), $) : S === 63 && i === 3 ? (e.consume(S), x) : S === 93 && i === 5 ? (e.consume(S), U) : ye(S) && (i === 6 || i === 7) ? (e.exit("htmlFlowData"), e.check(WS, K, F)(S)) : S === null || ye(S) ? (e.exit("htmlFlowData"), F(S)) : (e.consume(S), I);
   }
   function F(S) {
     return e.check(jS, D, K)(S);
@@ -11995,10 +11995,10 @@ function KS(e, t, n) {
   function G(S) {
     return S === null || ye(S) ? F(S) : (e.enter("htmlFlowData"), I(S));
   }
-  function oe(S) {
+  function re(S) {
     return S === 45 ? (e.consume(S), x) : I(S);
   }
-  function Q(S) {
+  function X(S) {
     return S === 47 ? (e.consume(S), s = "", V) : I(S);
   }
   function V(S) {
@@ -12058,35 +12058,35 @@ function XS(e, t, n) {
     return x === 45 ? (e.consume(x), h) : n(x);
   }
   function d(x) {
-    return x === null ? n(x) : x === 45 ? (e.consume(x), f) : ye(x) ? (s = d, Q(x)) : (e.consume(x), d);
+    return x === null ? n(x) : x === 45 ? (e.consume(x), f) : ye(x) ? (s = d, X(x)) : (e.consume(x), d);
   }
   function f(x) {
     return x === 45 ? (e.consume(x), h) : d(x);
   }
   function h(x) {
-    return x === 62 ? oe(x) : x === 45 ? f(x) : d(x);
+    return x === 62 ? re(x) : x === 45 ? f(x) : d(x);
   }
   function m(x) {
     const $ = "CDATA[";
     return x === $.charCodeAt(o++) ? (e.consume(x), o === $.length ? p : m) : n(x);
   }
   function p(x) {
-    return x === null ? n(x) : x === 93 ? (e.consume(x), v) : ye(x) ? (s = p, Q(x)) : (e.consume(x), p);
+    return x === null ? n(x) : x === 93 ? (e.consume(x), v) : ye(x) ? (s = p, X(x)) : (e.consume(x), p);
   }
   function v(x) {
     return x === 93 ? (e.consume(x), y) : p(x);
   }
   function y(x) {
-    return x === 62 ? oe(x) : x === 93 ? (e.consume(x), y) : p(x);
+    return x === 62 ? re(x) : x === 93 ? (e.consume(x), y) : p(x);
   }
   function E(x) {
-    return x === null || x === 62 ? oe(x) : ye(x) ? (s = E, Q(x)) : (e.consume(x), E);
+    return x === null || x === 62 ? re(x) : ye(x) ? (s = E, X(x)) : (e.consume(x), E);
   }
   function w(x) {
-    return x === null ? n(x) : x === 63 ? (e.consume(x), _) : ye(x) ? (s = w, Q(x)) : (e.consume(x), w);
+    return x === null ? n(x) : x === 63 ? (e.consume(x), _) : ye(x) ? (s = w, X(x)) : (e.consume(x), w);
   }
   function _(x) {
-    return x === 62 ? oe(x) : w(x);
+    return x === 62 ? re(x) : w(x);
   }
   function k(x) {
     return $t(x) ? (e.consume(x), C) : n(x);
@@ -12095,25 +12095,25 @@ function XS(e, t, n) {
     return x === 45 || Lt(x) ? (e.consume(x), C) : R(x);
   }
   function R(x) {
-    return ye(x) ? (s = R, Q(x)) : Fe(x) ? (e.consume(x), R) : oe(x);
+    return ye(x) ? (s = R, X(x)) : Fe(x) ? (e.consume(x), R) : re(x);
   }
   function A(x) {
     return x === 45 || Lt(x) ? (e.consume(x), A) : x === 47 || x === 62 || tt(x) ? O(x) : n(x);
   }
   function O(x) {
-    return x === 47 ? (e.consume(x), oe) : x === 58 || x === 95 || $t(x) ? (e.consume(x), b) : ye(x) ? (s = O, Q(x)) : Fe(x) ? (e.consume(x), O) : oe(x);
+    return x === 47 ? (e.consume(x), re) : x === 58 || x === 95 || $t(x) ? (e.consume(x), b) : ye(x) ? (s = O, X(x)) : Fe(x) ? (e.consume(x), O) : re(x);
   }
   function b(x) {
     return x === 45 || x === 46 || x === 58 || x === 95 || Lt(x) ? (e.consume(x), b) : M(x);
   }
   function M(x) {
-    return x === 61 ? (e.consume(x), I) : ye(x) ? (s = M, Q(x)) : Fe(x) ? (e.consume(x), M) : O(x);
+    return x === 61 ? (e.consume(x), I) : ye(x) ? (s = M, X(x)) : Fe(x) ? (e.consume(x), M) : O(x);
   }
   function I(x) {
-    return x === null || x === 60 || x === 61 || x === 62 || x === 96 ? n(x) : x === 34 || x === 39 ? (e.consume(x), i = x, F) : ye(x) ? (s = I, Q(x)) : Fe(x) ? (e.consume(x), I) : (e.consume(x), D);
+    return x === null || x === 60 || x === 61 || x === 62 || x === 96 ? n(x) : x === 34 || x === 39 ? (e.consume(x), i = x, F) : ye(x) ? (s = I, X(x)) : Fe(x) ? (e.consume(x), I) : (e.consume(x), D);
   }
   function F(x) {
-    return x === i ? (e.consume(x), i = void 0, G) : x === null ? n(x) : ye(x) ? (s = F, Q(x)) : (e.consume(x), F);
+    return x === i ? (e.consume(x), i = void 0, G) : x === null ? n(x) : ye(x) ? (s = F, X(x)) : (e.consume(x), F);
   }
   function D(x) {
     return x === null || x === 34 || x === 39 || x === 60 || x === 61 || x === 96 ? n(x) : x === 47 || x === 62 || tt(x) ? O(x) : (e.consume(x), D);
@@ -12121,10 +12121,10 @@ function XS(e, t, n) {
   function G(x) {
     return x === 47 || x === 62 || tt(x) ? O(x) : n(x);
   }
-  function oe(x) {
+  function re(x) {
     return x === 62 ? (e.consume(x), e.exit("htmlTextData"), e.exit("htmlText"), t) : n(x);
   }
-  function Q(x) {
+  function X(x) {
     return e.exit("htmlTextData"), e.enter("lineEnding"), e.consume(x), e.exit("lineEnding"), V;
   }
   function V(x) {
@@ -12751,8 +12751,8 @@ function Bk(e, t, n) {
   }
   function R(M, I) {
     return F;
-    function F(D, G, oe) {
-      let Q, V, U, x;
+    function F(D, G, re) {
+      let X, V, U, x;
       return Array.isArray(D) ? (
         /* c8 ignore next 1 */
         K(D)
@@ -12766,17 +12766,17 @@ function Bk(e, t, n) {
       function $(B) {
         return q;
         function q(j) {
-          const ce = j !== null && B[j], X = j !== null && B.null, xe = [
+          const ce = j !== null && B[j], Q = j !== null && B.null, xe = [
             // To do: add more extension tests.
             /* c8 ignore next 2 */
             ...Array.isArray(ce) ? ce : ce ? [ce] : [],
-            ...Array.isArray(X) ? X : X ? [X] : []
+            ...Array.isArray(Q) ? Q : Q ? [Q] : []
           ];
           return K(xe)(j);
         }
       }
       function K(B) {
-        return Q = B, V = 0, B.length === 0 ? oe : S(B[V]);
+        return X = B, V = 0, B.length === 0 ? re : S(B[V]);
       }
       function S(B) {
         return q;
@@ -12796,7 +12796,7 @@ function Bk(e, t, n) {
         return M(U, x), G;
       }
       function te(B) {
-        return x.restore(), ++V < Q.length ? S(Q[V]) : oe;
+        return x.restore(), ++V < X.length ? S(X[V]) : re;
       }
     }
   }
@@ -12807,9 +12807,9 @@ function Bk(e, t, n) {
     const M = m(), I = c.previous, F = c.currentConstruct, D = c.events.length, G = Array.from(a);
     return {
       from: D,
-      restore: oe
+      restore: re
     };
-    function oe() {
+    function re() {
       r = M, c.previous = I, c.currentConstruct = F, c.events.length = D, a = G, b();
     }
   }
@@ -12956,11 +12956,11 @@ function qk(e) {
     transforms: [],
     canContainEols: ["emphasis", "fragment", "heading", "paragraph", "strong"],
     enter: {
-      autolink: o(_e),
+      autolink: o(Ce),
       autolinkProtocol: O,
       autolinkEmail: O,
       atxHeading: o(pe),
-      blockQuote: o(X),
+      blockQuote: o(Q),
       characterEscape: O,
       characterReference: O,
       codeFenced: o(xe),
@@ -12971,20 +12971,20 @@ function qk(e) {
       codeTextData: O,
       data: O,
       codeFlowValue: O,
-      definition: o(ae),
+      definition: o(se),
       definitionDestinationString: s,
       definitionLabelString: s,
       definitionTitleString: s,
       emphasis: o(ke),
-      hardBreakEscape: o(ne),
-      hardBreakTrailing: o(ne),
+      hardBreakEscape: o(ie),
+      hardBreakTrailing: o(ie),
       htmlFlow: o(me, s),
       htmlFlowData: O,
       htmlText: o(me, s),
       htmlTextData: O,
       image: o(Te),
       label: s,
-      link: o(_e),
+      link: o(Ce),
       listItem: o(At),
       listItemValue: f,
       listOrdered: o(le, d),
@@ -13030,11 +13030,11 @@ function qk(e) {
       htmlFlowData: b,
       htmlText: l(D),
       htmlTextData: b,
-      image: l(Q),
+      image: l(X),
       label: U,
       labelText: V,
       lineEnding: M,
-      link: l(oe),
+      link: l(re),
       listItem: l(),
       listOrdered: l(),
       listUnordered: l(),
@@ -13068,20 +13068,20 @@ function qk(e) {
       resume: u,
       data: n
     }, Oe = [];
-    let Ue = -1;
-    for (; ++Ue < H.length; )
-      if (H[Ue][1].type === "listOrdered" || H[Ue][1].type === "listUnordered")
-        if (H[Ue][0] === "enter")
-          Oe.push(Ue);
+    let He = -1;
+    for (; ++He < H.length; )
+      if (H[He][1].type === "listOrdered" || H[He][1].type === "listUnordered")
+        if (H[He][0] === "enter")
+          Oe.push(He);
         else {
           const Et = Oe.pop();
-          Ue = i(H, Et, Ue);
+          He = i(H, Et, He);
         }
-    for (Ue = -1; ++Ue < H.length; ) {
-      const Et = t[H[Ue][0]];
-      Yp.call(Et, H[Ue][1].type) && Et[H[Ue][1].type].call(Object.assign({
-        sliceSerialize: H[Ue][2].sliceSerialize
-      }, ve), H[Ue][1]);
+    for (He = -1; ++He < H.length; ) {
+      const Et = t[H[He][0]];
+      Yp.call(Et, H[He][1].type) && Et[H[He][1].type].call(Object.assign({
+        sliceSerialize: H[He][2].sliceSerialize
+      }, ve), H[He][1]);
     }
     if (ve.tokenStack.length > 0) {
       const Et = ve.tokenStack[ve.tokenStack.length - 1];
@@ -13098,23 +13098,23 @@ function qk(e) {
         column: 1,
         offset: 0
       })
-    }, Ue = -1; ++Ue < t.transforms.length; )
-      J = t.transforms[Ue](J) || J;
+    }, He = -1; ++He < t.transforms.length; )
+      J = t.transforms[He](J) || J;
     return J;
   }
   function i(H, J, ve) {
-    let Oe = J - 1, Ue = -1, Et = !1, Ut, Gt, pn, cn;
+    let Oe = J - 1, He = -1, Et = !1, Ut, Gt, pn, cn;
     for (; ++Oe <= ve; ) {
       const St = H[Oe];
       switch (St[1].type) {
         case "listUnordered":
         case "listOrdered":
         case "blockQuote": {
-          St[0] === "enter" ? Ue++ : Ue--, cn = void 0;
+          St[0] === "enter" ? He++ : He--, cn = void 0;
           break;
         }
         case "lineEndingBlank": {
-          St[0] === "enter" && (Ut && !cn && !Ue && !pn && (pn = Oe), cn = void 0);
+          St[0] === "enter" && (Ut && !cn && !He && !pn && (pn = Oe), cn = void 0);
           break;
         }
         case "linePrefix":
@@ -13126,7 +13126,7 @@ function qk(e) {
         default:
           cn = void 0;
       }
-      if (!Ue && St[0] === "enter" && St[1].type === "listItemPrefix" || Ue === -1 && St[0] === "exit" && (St[1].type === "listUnordered" || St[1].type === "listOrdered")) {
+      if (!He && St[0] === "enter" && St[1].type === "listItemPrefix" || He === -1 && St[0] === "exit" && (St[1].type === "listUnordered" || St[1].type === "listOrdered")) {
         if (Ut) {
           let Jt = Oe;
           for (Gt = void 0; Jt--; ) {
@@ -13284,7 +13284,7 @@ function qk(e) {
     const H = this.resume(), J = this.stack[this.stack.length - 1];
     J.value = H;
   }
-  function oe() {
+  function re() {
     const H = this.stack[this.stack.length - 1];
     if (this.data.inReference) {
       const J = this.data.referenceType || "shortcut";
@@ -13293,7 +13293,7 @@ function qk(e) {
       delete H.identifier, delete H.label;
     this.data.referenceType = void 0;
   }
-  function Q() {
+  function X() {
     const H = this.stack[this.stack.length - 1];
     if (this.data.inReference) {
       const J = this.data.referenceType || "shortcut";
@@ -13339,8 +13339,8 @@ function qk(e) {
     const J = this.sliceSerialize(H), ve = this.data.characterReferenceType;
     let Oe;
     ve ? (Oe = $p(J, ve === "characterReferenceMarkerNumeric" ? 10 : 16), this.data.characterReferenceType = void 0) : Oe = zl(J);
-    const Ue = this.stack[this.stack.length - 1];
-    Ue.value += Oe;
+    const He = this.stack[this.stack.length - 1];
+    He.value += Oe;
   }
   function q(H) {
     const J = this.stack.pop();
@@ -13356,7 +13356,7 @@ function qk(e) {
     const J = this.stack[this.stack.length - 1];
     J.url = "mailto:" + this.sliceSerialize(H);
   }
-  function X() {
+  function Q() {
     return {
       type: "blockquote",
       children: []
@@ -13376,7 +13376,7 @@ function qk(e) {
       value: ""
     };
   }
-  function ae() {
+  function se() {
     return {
       type: "definition",
       identifier: "",
@@ -13399,7 +13399,7 @@ function qk(e) {
       children: []
     };
   }
-  function ne() {
+  function ie() {
     return {
       type: "break"
     };
@@ -13418,7 +13418,7 @@ function qk(e) {
       alt: null
     };
   }
-  function _e() {
+  function Ce() {
     return {
       type: "link",
       title: null,
@@ -22346,7 +22346,7 @@ function fN(e) {
       },
       C
     ]
-  }, oe = "(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|" + e.UNDERSCORE_IDENT_RE + ")\\s*=>", Q = {
+  }, re = "(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|" + e.UNDERSCORE_IDENT_RE + ")\\s*=>", X = {
     match: [
       /const|var|let/,
       /\s+/,
@@ -22355,7 +22355,7 @@ function fN(e) {
       /=\s*/,
       /(async\s*)?/,
       // async is optional
-      t.lookahead(oe)
+      t.lookahead(re)
     ],
     keywords: "async",
     className: {
@@ -22396,7 +22396,7 @@ function fN(e) {
         match: r + t.lookahead(":"),
         relevance: 0
       },
-      Q,
+      X,
       {
         // "value" container
         begin: "(" + e.RE_STARTERS_RE + "|\\b(case|return|throw)\\b)\\s*",
@@ -22410,7 +22410,7 @@ function fN(e) {
             // we have to count the parens to make sure we actually have the
             // correct bounding ( ) before the =>.  There could be any number of
             // sub-expressions inside also surrounded by parens.
-            begin: oe,
+            begin: re,
             returnBegin: !0,
             end: "\\s*=>",
             contains: [
@@ -25090,8 +25090,8 @@ function AN(e) {
     keyword: y,
     literal: ((D) => {
       const G = [];
-      return D.forEach((oe) => {
-        G.push(oe), oe.toLowerCase() === oe ? G.push(oe.toUpperCase()) : G.push(oe.toLowerCase());
+      return D.forEach((re) => {
+        G.push(re), re.toLowerCase() === re ? G.push(re.toUpperCase()) : G.push(re.toLowerCase());
       }), G;
     })(v),
     built_in: E
@@ -28635,7 +28635,7 @@ function tA(e) {
     // Consume .keyword to prevent highlighting properties and methods as keywords.
     match: Ze(/\./, Bt(...Hs)),
     relevance: 0
-  }, s = Hs.filter((ne) => typeof ne == "string").concat(["_|0"]), a = Hs.filter((ne) => typeof ne != "string").concat(ZN).map(Ql), l = { variants: [
+  }, s = Hs.filter((ie) => typeof ie == "string").concat(["_|0"]), a = Hs.filter((ie) => typeof ie != "string").concat(ZN).map(Ql), l = { variants: [
     {
       className: "keyword",
       match: Bt(...a, ...$d)
@@ -28695,34 +28695,34 @@ function tA(e) {
       // binary-literal
       { match: /\b0b([01]_*)+\b/ }
     ]
-  }, _ = (ne = "") => ({
+  }, _ = (ie = "") => ({
     className: "subst",
     variants: [
-      { match: Ze(/\\/, ne, /[0\\tnr"']/) },
-      { match: Ze(/\\/, ne, /u\{[0-9a-fA-F]{1,8}\}/) }
+      { match: Ze(/\\/, ie, /[0\\tnr"']/) },
+      { match: Ze(/\\/, ie, /u\{[0-9a-fA-F]{1,8}\}/) }
     ]
-  }), k = (ne = "") => ({
+  }), k = (ie = "") => ({
     className: "subst",
-    match: Ze(/\\/, ne, /[\t ]*(?:[\r\n]|\r\n)/)
-  }), C = (ne = "") => ({
+    match: Ze(/\\/, ie, /[\t ]*(?:[\r\n]|\r\n)/)
+  }), C = (ie = "") => ({
     className: "subst",
     label: "interpol",
-    begin: Ze(/\\/, ne, /\(/),
+    begin: Ze(/\\/, ie, /\(/),
     end: /\)/
-  }), R = (ne = "") => ({
-    begin: Ze(ne, /"""/),
-    end: Ze(/"""/, ne),
+  }), R = (ie = "") => ({
+    begin: Ze(ie, /"""/),
+    end: Ze(/"""/, ie),
     contains: [
-      _(ne),
-      k(ne),
-      C(ne)
+      _(ie),
+      k(ie),
+      C(ie)
     ]
-  }), A = (ne = "") => ({
-    begin: Ze(ne, /"/),
-    end: Ze(/"/, ne),
+  }), A = (ie = "") => ({
+    begin: Ze(ie, /"/),
+    end: Ze(/"/, ie),
     contains: [
-      _(ne),
-      C(ne)
+      _(ie),
+      C(ie)
     ]
   }), O = {
     className: "string",
@@ -28748,8 +28748,8 @@ function tA(e) {
     begin: /\/[^\s](?=[^/\n]*\/)/,
     end: /\//,
     contains: b
-  }, I = (ne) => {
-    const me = Ze(ne, /\//), Te = Ze(/\//, ne);
+  }, I = (ie) => {
+    const me = Ze(ie, /\//), Te = Ze(/\//, ie);
     return {
       begin: me,
       end: Te,
@@ -28773,13 +28773,13 @@ function tA(e) {
   }, D = { match: Ze(/`/, yn, /`/) }, G = {
     className: "variable",
     match: /\$\d+/
-  }, oe = {
+  }, re = {
     className: "variable",
     match: `\\$${To}+`
-  }, Q = [
+  }, X = [
     D,
     G,
-    oe
+    re
   ], V = {
     match: /(@|#(un)?)available/,
     scope: "keyword",
@@ -28868,7 +28868,7 @@ function tA(e) {
       ...v,
       w,
       O,
-      ...Q,
+      ...X,
       ...$,
       K
     ]
@@ -28933,7 +28933,7 @@ function tA(e) {
       /\[/,
       /%/
     ]
-  }, X = {
+  }, Q = {
     match: [
       /\b(?:subscript|init[?!]?)/,
       /\s*(?=[<(])/
@@ -28971,7 +28971,7 @@ function tA(e) {
       ...Vd
     ],
     end: /}/
-  }, ae = {
+  }, se = {
     match: [
       /class\b/,
       /\s+/,
@@ -29024,8 +29024,8 @@ function tA(e) {
       }
     ]
   };
-  for (const ne of O.variants) {
-    const me = ne.contains.find((_e) => _e.label === "interpol");
+  for (const ie of O.variants) {
+    const me = ie.contains.find((Ce) => Ce.label === "interpol");
     me.keywords = c;
     const Te = [
       ...u,
@@ -29033,7 +29033,7 @@ function tA(e) {
       ...v,
       w,
       O,
-      ...Q
+      ...X
     ];
     me.contains = [
       ...Te,
@@ -29053,8 +29053,8 @@ function tA(e) {
     contains: [
       ...r,
       ce,
-      X,
-      ae,
+      Q,
+      se,
       ke,
       pe,
       xe,
@@ -29071,7 +29071,7 @@ function tA(e) {
       ...v,
       w,
       O,
-      ...Q,
+      ...X,
       ...$,
       K,
       te
@@ -29559,7 +29559,7 @@ function nA(e) {
       },
       C
     ]
-  }, oe = "(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|" + e.UNDERSCORE_IDENT_RE + ")\\s*=>", Q = {
+  }, re = "(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|" + e.UNDERSCORE_IDENT_RE + ")\\s*=>", X = {
     match: [
       /const|var|let/,
       /\s+/,
@@ -29568,7 +29568,7 @@ function nA(e) {
       /=\s*/,
       /(async\s*)?/,
       // async is optional
-      t.lookahead(oe)
+      t.lookahead(re)
     ],
     keywords: "async",
     className: {
@@ -29609,7 +29609,7 @@ function nA(e) {
         match: r + t.lookahead(":"),
         relevance: 0
       },
-      Q,
+      X,
       {
         // "value" container
         begin: "(" + e.RE_STARTERS_RE + "|\\b(case|return|throw)\\b)\\s*",
@@ -29623,7 +29623,7 @@ function nA(e) {
             // we have to count the parens to make sure we actually have the
             // correct bounding ( ) before the =>.  There could be any number of
             // sub-expressions inside also surrounded by parens.
-            begin: oe,
+            begin: re,
             returnBegin: !0,
             end: "\\s*=>",
             contains: [
@@ -30503,8 +30503,8 @@ function cA() {
     } : T instanceof Set && (T.add = T.clear = T.delete = function() {
       throw new Error("set is read-only");
     }), Object.freeze(T), Object.getOwnPropertyNames(T).forEach((W) => {
-      const ie = T[W], Ne = typeof ie;
-      (Ne === "object" || Ne === "function") && !Object.isFrozen(ie) && e(ie);
+      const ne = T[W], Ne = typeof ne;
+      (Ne === "object" || Ne === "function") && !Object.isFrozen(ne) && e(ne);
     }), T;
   }
   class t {
@@ -30522,23 +30522,23 @@ function cA() {
     return T.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
   }
   function r(T, ...W) {
-    const ie = /* @__PURE__ */ Object.create(null);
+    const ne = /* @__PURE__ */ Object.create(null);
     for (const Ne in T)
-      ie[Ne] = T[Ne];
+      ne[Ne] = T[Ne];
     return W.forEach(function(Ne) {
       for (const ht in Ne)
-        ie[ht] = Ne[ht];
+        ne[ht] = Ne[ht];
     }), /** @type {T} */
-    ie;
+    ne;
   }
   const i = "</span>", o = (T) => !!T.scope, s = (T, { prefix: W }) => {
     if (T.startsWith("language:"))
       return T.replace("language:", "language-");
     if (T.includes(".")) {
-      const ie = T.split(".");
+      const ne = T.split(".");
       return [
-        `${W}${ie.shift()}`,
-        ...ie.map((Ne, ht) => `${Ne}${"_".repeat(ht + 1)}`)
+        `${W}${ne.shift()}`,
+        ...ne.map((Ne, ht) => `${Ne}${"_".repeat(ht + 1)}`)
       ].join(" ");
     }
     return `${W}${T}`;
@@ -30550,8 +30550,8 @@ function cA() {
      * @param {Tree} parseTree - the parse tree (must support `walk` API)
      * @param {{classPrefix: string}} options
      */
-    constructor(W, ie) {
-      this.buffer = "", this.classPrefix = ie.classPrefix, W.walk(this);
+    constructor(W, ne) {
+      this.buffer = "", this.classPrefix = ne.classPrefix, W.walk(this);
     }
     /**
      * Adds texts to the output stream
@@ -30566,11 +30566,11 @@ function cA() {
      * @param {Node} node */
     openNode(W) {
       if (!o(W)) return;
-      const ie = s(
+      const ne = s(
         W.scope,
         { prefix: this.classPrefix }
       );
-      this.span(ie);
+      this.span(ne);
     }
     /**
      * Adds a node close to the output stream (if needed)
@@ -30614,8 +30614,8 @@ function cA() {
     }
     /** @param {string} scope */
     openNode(W) {
-      const ie = l({ scope: W });
-      this.add(ie), this.stack.push(ie);
+      const ne = l({ scope: W });
+      this.add(ne), this.stack.push(ne);
     }
     closeNode() {
       if (this.stack.length > 1)
@@ -30638,15 +30638,15 @@ function cA() {
      * @param {Renderer} builder
      * @param {Node} node
      */
-    static _walk(W, ie) {
-      return typeof ie == "string" ? W.addText(ie) : ie.children && (W.openNode(ie), ie.children.forEach((Ne) => this._walk(W, Ne)), W.closeNode(ie)), W;
+    static _walk(W, ne) {
+      return typeof ne == "string" ? W.addText(ne) : ne.children && (W.openNode(ne), ne.children.forEach((Ne) => this._walk(W, Ne)), W.closeNode(ne)), W;
     }
     /**
      * @param {Node} node
      */
     static _collapse(W) {
-      typeof W != "string" && W.children && (W.children.every((ie) => typeof ie == "string") ? W.children = [W.children.join("")] : W.children.forEach((ie) => {
-        c._collapse(ie);
+      typeof W != "string" && W.children && (W.children.every((ne) => typeof ne == "string") ? W.children = [W.children.join("")] : W.children.forEach((ne) => {
+        c._collapse(ne);
       }));
     }
   }
@@ -30674,9 +30674,9 @@ function cA() {
      * @param {Emitter & {root: DataNode}} emitter
      * @param {string} name
      */
-    __addSublanguage(W, ie) {
+    __addSublanguage(W, ne) {
       const Ne = W.root;
-      ie && (Ne.scope = `language:${ie}`), this.add(Ne);
+      ne && (Ne.scope = `language:${ne}`), this.add(Ne);
     }
     toHTML() {
       return new a(this, this.options).value();
@@ -30698,7 +30698,7 @@ function cA() {
     return p("(?:", T, ")?");
   }
   function p(...T) {
-    return T.map((ie) => d(ie)).join("");
+    return T.map((ne) => d(ne)).join("");
   }
   function v(T) {
     const W = T[T.length - 1];
@@ -30711,15 +30711,15 @@ function cA() {
     return new RegExp(T.toString() + "|").exec("").length - 1;
   }
   function w(T, W) {
-    const ie = T && T.exec(W);
-    return ie && ie.index === 0;
+    const ne = T && T.exec(W);
+    return ne && ne.index === 0;
   }
   const _ = /\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;
   function k(T, { joinWith: W }) {
-    let ie = 0;
+    let ne = 0;
     return T.map((Ne) => {
-      ie += 1;
-      const ht = ie;
+      ne += 1;
+      const ht = ne;
       let pt = d(Ne), he = "";
       for (; pt.length > 0; ) {
         const ue = _.exec(pt);
@@ -30727,7 +30727,7 @@ function cA() {
           he += pt;
           break;
         }
-        he += pt.substring(0, ue.index), pt = pt.substring(ue.index + ue[0].length), ue[0][0] === "\\" && ue[1] ? he += "\\" + String(Number(ue[1]) + ht) : (he += ue[0], ue[0] === "(" && ie++);
+        he += pt.substring(0, ue.index), pt = pt.substring(ue.index + ue[0].length), ue[0][0] === "\\" && ue[1] ? he += "\\" + String(Number(ue[1]) + ht) : (he += ue[0], ue[0] === "(" && ne++);
       }
       return he;
     }).map((Ne) => `(${Ne})`).join(W);
@@ -30745,8 +30745,8 @@ function cA() {
       end: /$/,
       relevance: 0,
       /** @type {ModeCallback} */
-      "on:begin": (ie, Ne) => {
-        ie.index !== 0 && Ne.ignoreMatch();
+      "on:begin": (ne, Ne) => {
+        ne.index !== 0 && Ne.ignoreMatch();
       }
     }, T);
   }, D = {
@@ -30758,15 +30758,15 @@ function cA() {
     end: "'",
     illegal: "\\n",
     contains: [D]
-  }, oe = {
+  }, re = {
     scope: "string",
     begin: '"',
     end: '"',
     illegal: "\\n",
     contains: [D]
-  }, Q = {
+  }, X = {
     begin: /\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/
-  }, V = function(T, W, ie = {}) {
+  }, V = function(T, W, ne = {}) {
     const Ne = r(
       {
         scope: "comment",
@@ -30774,7 +30774,7 @@ function cA() {
         end: W,
         contains: []
       },
-      ie
+      ne
     );
     Ne.contains.push({
       scope: "doctag",
@@ -30870,7 +30870,7 @@ function cA() {
     begin: "\\.\\s*" + A,
     relevance: 0
   };
-  var X = /* @__PURE__ */ Object.freeze({
+  var Q = /* @__PURE__ */ Object.freeze({
     __proto__: null,
     APOS_STRING_MODE: G,
     BACKSLASH_ESCAPE: D,
@@ -30886,12 +30886,12 @@ function cA() {
         T,
         {
           /** @type {ModeCallback} */
-          "on:begin": (W, ie) => {
-            ie.data._beginMatch = W[1];
+          "on:begin": (W, ne) => {
+            ne.data._beginMatch = W[1];
           },
           /** @type {ModeCallback} */
-          "on:end": (W, ie) => {
-            ie.data._beginMatch !== W[1] && ie.ignoreMatch();
+          "on:end": (W, ne) => {
+            ne.data._beginMatch !== W[1] && ne.ignoreMatch();
           }
         }
       );
@@ -30902,8 +30902,8 @@ function cA() {
     METHOD_GUARD: j,
     NUMBER_MODE: K,
     NUMBER_RE: O,
-    PHRASAL_WORDS_MODE: Q,
-    QUOTE_STRING_MODE: oe,
+    PHRASAL_WORDS_MODE: X,
+    QUOTE_STRING_MODE: re,
     REGEXP_MODE: te,
     RE_STARTERS_RE: I,
     SHEBANG: F,
@@ -30917,7 +30917,7 @@ function cA() {
   function L(T, W) {
     T.className !== void 0 && (T.scope = T.className, delete T.className);
   }
-  function ae(T, W) {
+  function se(T, W) {
     W && T.beginKeywords && (T.begin = "\\b(" + T.beginKeywords.split(" ").join("|") + ")(?!\\.)(?=\\b|\\s)", T.__beforeBegin = xe, T.keywords = T.keywords || T.beginKeywords, delete T.beginKeywords, T.relevance === void 0 && (T.relevance = 0));
   }
   function ke(T, W) {
@@ -30929,21 +30929,21 @@ function cA() {
       T.begin = T.match, delete T.match;
     }
   }
-  function ne(T, W) {
+  function ie(T, W) {
     T.relevance === void 0 && (T.relevance = 1);
   }
   const me = (T, W) => {
     if (!T.beforeMatch) return;
     if (T.starts) throw new Error("beforeMatch cannot be used with starts");
-    const ie = Object.assign({}, T);
+    const ne = Object.assign({}, T);
     Object.keys(T).forEach((Ne) => {
       delete T[Ne];
-    }), T.keywords = ie.keywords, T.begin = p(ie.beforeMatch, f(ie.begin)), T.starts = {
+    }), T.keywords = ne.keywords, T.begin = p(ne.beforeMatch, f(ne.begin)), T.starts = {
       relevance: 0,
       contains: [
-        Object.assign(ie, { endsParent: !0 })
+        Object.assign(ne, { endsParent: !0 })
       ]
-    }, T.relevance = 0, delete ie.beforeMatch;
+    }, T.relevance = 0, delete ne.beforeMatch;
   }, Te = [
     "of",
     "and",
@@ -30959,10 +30959,10 @@ function cA() {
     // common variable name
     "value"
     // common variable name
-  ], _e = "keyword";
-  function le(T, W, ie = _e) {
+  ], Ce = "keyword";
+  function le(T, W, ne = Ce) {
     const Ne = /* @__PURE__ */ Object.create(null);
-    return typeof T == "string" ? ht(ie, T.split(" ")) : Array.isArray(T) ? ht(ie, T) : Object.keys(T).forEach(function(pt) {
+    return typeof T == "string" ? ht(ne, T.split(" ")) : Array.isArray(T) ? ht(ne, T) : Object.keys(T).forEach(function(pt) {
       Object.assign(
         Ne,
         le(T[pt], W, pt)
@@ -30970,8 +30970,8 @@ function cA() {
     }), Ne;
     function ht(pt, he) {
       W && (he = he.map((ue) => ue.toLowerCase())), he.forEach(function(ue) {
-        const Ce = ue.split("|");
-        Ne[Ce[0]] = [pt, At(Ce[0], Ce[1])];
+        const _e = ue.split("|");
+        Ne[_e[0]] = [pt, At(_e[0], _e[1])];
       });
     }
   }
@@ -30988,12 +30988,12 @@ function cA() {
   }, H = (T, W) => {
     bt[`${T}/${W}`] || (console.log(`Deprecated as of ${T}. ${W}`), bt[`${T}/${W}`] = !0);
   }, J = new Error();
-  function ve(T, W, { key: ie }) {
+  function ve(T, W, { key: ne }) {
     let Ne = 0;
-    const ht = T[ie], pt = {}, he = {};
+    const ht = T[ne], pt = {}, he = {};
     for (let ue = 1; ue <= W.length; ue++)
       he[ue + Ne] = ht[ue], pt[ue + Ne] = !0, Ne += E(W[ue - 1]);
-    T[ie] = he, T[ie]._emit = pt, T[ie]._multi = !0;
+    T[ne] = he, T[ne]._emit = pt, T[ne]._multi = !0;
   }
   function Oe(T) {
     if (Array.isArray(T.begin)) {
@@ -31004,7 +31004,7 @@ function cA() {
       ve(T, T.begin, { key: "beginScope" }), T.begin = k(T.begin, { joinWith: "" });
     }
   }
-  function Ue(T) {
+  function He(T) {
     if (Array.isArray(T.end)) {
       if (T.skip || T.excludeEnd || T.returnEnd)
         throw yt("skip, excludeEnd, returnEnd not compatible with endScope: {}"), J;
@@ -31017,7 +31017,7 @@ function cA() {
     T.scope && typeof T.scope == "object" && T.scope !== null && (T.beginScope = T.scope, delete T.scope);
   }
   function Ut(T) {
-    Et(T), typeof T.beginScope == "string" && (T.beginScope = { _wrap: T.beginScope }), typeof T.endScope == "string" && (T.endScope = { _wrap: T.endScope }), Oe(T), Ue(T);
+    Et(T), typeof T.beginScope == "string" && (T.beginScope = { _wrap: T.beginScope }), typeof T.endScope == "string" && (T.endScope = { _wrap: T.endScope }), Oe(T), He(T);
   }
   function Gt(T) {
     function W(he, ue) {
@@ -31026,27 +31026,27 @@ function cA() {
         "m" + (T.case_insensitive ? "i" : "") + (T.unicodeRegex ? "u" : "") + (ue ? "g" : "")
       );
     }
-    class ie {
+    class ne {
       constructor() {
         this.matchIndexes = {}, this.regexes = [], this.matchAt = 1, this.position = 0;
       }
       // @ts-ignore
-      addRule(ue, Ce) {
-        Ce.position = this.position++, this.matchIndexes[this.matchAt] = Ce, this.regexes.push([Ce, ue]), this.matchAt += E(ue) + 1;
+      addRule(ue, _e) {
+        _e.position = this.position++, this.matchIndexes[this.matchAt] = _e, this.regexes.push([_e, ue]), this.matchAt += E(ue) + 1;
       }
       compile() {
         this.regexes.length === 0 && (this.exec = () => null);
-        const ue = this.regexes.map((Ce) => Ce[1]);
+        const ue = this.regexes.map((_e) => _e[1]);
         this.matcherRe = W(k(ue, { joinWith: "|" }), !0), this.lastIndex = 0;
       }
       /** @param {string} s */
       exec(ue) {
         this.matcherRe.lastIndex = this.lastIndex;
-        const Ce = this.matcherRe.exec(ue);
-        if (!Ce)
+        const _e = this.matcherRe.exec(ue);
+        if (!_e)
           return null;
-        const Mt = Ce.findIndex((Yr, rs) => rs > 0 && Yr !== void 0), xt = this.matchIndexes[Mt];
-        return Ce.splice(0, Mt), Object.assign(Ce, xt);
+        const Mt = _e.findIndex((Yr, rs) => rs > 0 && Yr !== void 0), xt = this.matchIndexes[Mt];
+        return _e.splice(0, Mt), Object.assign(_e, xt);
       }
     }
     class Ne {
@@ -31056,8 +31056,8 @@ function cA() {
       // @ts-ignore
       getMatcher(ue) {
         if (this.multiRegexes[ue]) return this.multiRegexes[ue];
-        const Ce = new ie();
-        return this.rules.slice(ue).forEach(([Mt, xt]) => Ce.addRule(Mt, xt)), Ce.compile(), this.multiRegexes[ue] = Ce, Ce;
+        const _e = new ne();
+        return this.rules.slice(ue).forEach(([Mt, xt]) => _e.addRule(Mt, xt)), _e.compile(), this.multiRegexes[ue] = _e, _e;
       }
       resumingScanAtSamePosition() {
         return this.regexIndex !== 0;
@@ -31066,14 +31066,14 @@ function cA() {
         this.regexIndex = 0;
       }
       // @ts-ignore
-      addRule(ue, Ce) {
-        this.rules.push([ue, Ce]), Ce.type === "begin" && this.count++;
+      addRule(ue, _e) {
+        this.rules.push([ue, _e]), _e.type === "begin" && this.count++;
       }
       /** @param {string} s */
       exec(ue) {
-        const Ce = this.getMatcher(this.regexIndex);
-        Ce.lastIndex = this.lastIndex;
-        let Mt = Ce.exec(ue);
+        const _e = this.getMatcher(this.regexIndex);
+        _e.lastIndex = this.lastIndex;
+        let Mt = _e.exec(ue);
         if (this.resumingScanAtSamePosition() && !(Mt && Mt.index === this.lastIndex)) {
           const xt = this.getMatcher(0);
           xt.lastIndex = this.lastIndex + 1, Mt = xt.exec(ue);
@@ -31083,14 +31083,14 @@ function cA() {
     }
     function ht(he) {
       const ue = new Ne();
-      return he.contains.forEach((Ce) => ue.addRule(Ce.begin, { rule: Ce, type: "begin" })), he.terminatorEnd && ue.addRule(he.terminatorEnd, { type: "end" }), he.illegal && ue.addRule(he.illegal, { type: "illegal" }), ue;
+      return he.contains.forEach((_e) => ue.addRule(_e.begin, { rule: _e, type: "begin" })), he.terminatorEnd && ue.addRule(he.terminatorEnd, { type: "end" }), he.illegal && ue.addRule(he.illegal, { type: "illegal" }), ue;
     }
     function pt(he, ue) {
-      const Ce = (
+      const _e = (
         /** @type CompiledMode */
         he
       );
-      if (he.isCompiled) return Ce;
+      if (he.isCompiled) return _e;
       [
         L,
         // do this early so compiler extensions generally don't have to worry about
@@ -31099,15 +31099,15 @@ function cA() {
         Ut,
         me
       ].forEach((xt) => xt(he, ue)), T.compilerExtensions.forEach((xt) => xt(he, ue)), he.__beforeBegin = null, [
-        ae,
+        se,
         // do this later so compiler extensions that come earlier have access to the
         // raw array if they wanted to perhaps manipulate it, etc.
         ke,
         // default to 1 relevance if not specified
-        ne
+        ie
       ].forEach((xt) => xt(he, ue)), he.isCompiled = !0;
       let Mt = null;
-      return typeof he.keywords == "object" && he.keywords.$pattern && (he.keywords = Object.assign({}, he.keywords), Mt = he.keywords.$pattern, delete he.keywords.$pattern), Mt = Mt || /\w+/, he.keywords && (he.keywords = le(he.keywords, T.case_insensitive)), Ce.keywordPatternRe = W(Mt, !0), ue && (he.begin || (he.begin = /\B|\b/), Ce.beginRe = W(Ce.begin), !he.end && !he.endsWithParent && (he.end = /\B|\b/), he.end && (Ce.endRe = W(Ce.end)), Ce.terminatorEnd = d(Ce.end) || "", he.endsWithParent && ue.terminatorEnd && (Ce.terminatorEnd += (he.end ? "|" : "") + ue.terminatorEnd)), he.illegal && (Ce.illegalRe = W(
+      return typeof he.keywords == "object" && he.keywords.$pattern && (he.keywords = Object.assign({}, he.keywords), Mt = he.keywords.$pattern, delete he.keywords.$pattern), Mt = Mt || /\w+/, he.keywords && (he.keywords = le(he.keywords, T.case_insensitive)), _e.keywordPatternRe = W(Mt, !0), ue && (he.begin || (he.begin = /\B|\b/), _e.beginRe = W(_e.begin), !he.end && !he.endsWithParent && (he.end = /\B|\b/), he.end && (_e.endRe = W(_e.end)), _e.terminatorEnd = d(_e.end) || "", he.endsWithParent && ue.terminatorEnd && (_e.terminatorEnd += (he.end ? "|" : "") + ue.terminatorEnd)), he.illegal && (_e.illegalRe = W(
         /** @type {RegExp | string} */
         he.illegal
       )), he.contains || (he.contains = []), he.contains = [].concat(...he.contains.map(function(xt) {
@@ -31116,9 +31116,9 @@ function cA() {
         pt(
           /** @type Mode */
           xt,
-          Ce
+          _e
         );
-      }), he.starts && pt(he.starts, ue), Ce.matcher = ht(Ce), Ce;
+      }), he.starts && pt(he.starts, ue), _e.matcher = ht(_e), _e;
     }
     if (T.compilerExtensions || (T.compilerExtensions = []), T.contains && T.contains.includes("self"))
       throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");
@@ -31137,12 +31137,12 @@ function cA() {
   }
   var St = "11.11.1";
   class Jt extends Error {
-    constructor(W, ie) {
-      super(W), this.name = "HTMLInjectionError", this.html = ie;
+    constructor(W, ne) {
+      super(W), this.name = "HTMLInjectionError", this.html = ne;
     }
   }
-  const Rt = n, Yn = r, qr = Symbol("nomatch"), re = 7, ot = function(T) {
-    const W = /* @__PURE__ */ Object.create(null), ie = /* @__PURE__ */ Object.create(null), Ne = [];
+  const Rt = n, Yn = r, qr = Symbol("nomatch"), ae = 7, ot = function(T) {
+    const W = /* @__PURE__ */ Object.create(null), ne = /* @__PURE__ */ Object.create(null), Ne = [];
     let ht = !0;
     const pt = "Could not find the language '{}', did you forget to load/include a language module?", he = { disableAutodetect: !0, name: "Plain text", contains: [] };
     let ue = {
@@ -31157,7 +31157,7 @@ function cA() {
       // https://github.com/highlightjs/highlight.js/issues/1086
       __emitter: u
     };
-    function Ce(ee) {
+    function _e(ee) {
       return ue.noHighlightRe.test(ee);
     }
     function Mt(ee) {
@@ -31168,7 +31168,7 @@ function cA() {
         const nt = Dn(Ve[1]);
         return nt || (ln(pt.replace("{}", Ve[1])), ln("Falling back to no-highlight mode for this block.", ee)), nt ? Ve[1] : "no-highlight";
       }
-      return be.split(/\s+/).find((nt) => Ce(nt) || Dn(nt));
+      return be.split(/\s+/).find((nt) => _e(nt) || Dn(nt));
     }
     function xt(ee, be, Ve) {
       let nt = "", kt = "";
@@ -31184,23 +31184,23 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = ee, nt = be), Ve
     }
     function Yr(ee, be, Ve, nt) {
       const kt = /* @__PURE__ */ Object.create(null);
-      function un(se, ge) {
-        return se.keywords[ge];
+      function un(oe, ge) {
+        return oe.keywords[ge];
       }
       function Ln() {
         if (!Ae.keywords) {
           It.addText(rt);
           return;
         }
-        let se = 0;
+        let oe = 0;
         Ae.keywordPatternRe.lastIndex = 0;
         let ge = Ae.keywordPatternRe.exec(rt), Pe = "";
         for (; ge; ) {
-          Pe += rt.substring(se, ge.index);
+          Pe += rt.substring(oe, ge.index);
           const Ke = mn.case_insensitive ? ge[0].toLowerCase() : ge[0], Pt = un(Ae, Ke);
           if (Pt) {
             const [Sn, Vm] = Pt;
-            if (It.addText(Pe), Pe = "", kt[Ke] = (kt[Ke] || 0) + 1, kt[Ke] <= re && (Bi += Vm), Sn.startsWith("_"))
+            if (It.addText(Pe), Pe = "", kt[Ke] = (kt[Ke] || 0) + 1, kt[Ke] <= ae && (Bi += Vm), Sn.startsWith("_"))
               Pe += ge[0];
             else {
               const zm = mn.classNameAliases[Sn] || Sn;
@@ -31208,92 +31208,92 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = ee, nt = be), Ve
             }
           } else
             Pe += ge[0];
-          se = Ae.keywordPatternRe.lastIndex, ge = Ae.keywordPatternRe.exec(rt);
+          oe = Ae.keywordPatternRe.lastIndex, ge = Ae.keywordPatternRe.exec(rt);
         }
-        Pe += rt.substring(se), It.addText(Pe);
+        Pe += rt.substring(oe), It.addText(Pe);
       }
       function Li() {
         if (rt === "") return;
-        let se = null;
+        let oe = null;
         if (typeof Ae.subLanguage == "string") {
           if (!W[Ae.subLanguage]) {
             It.addText(rt);
             return;
           }
-          se = Yr(Ae.subLanguage, rt, !0, yc[Ae.subLanguage]), yc[Ae.subLanguage] = /** @type {CompiledMode} */
-          se._top;
+          oe = Yr(Ae.subLanguage, rt, !0, yc[Ae.subLanguage]), yc[Ae.subLanguage] = /** @type {CompiledMode} */
+          oe._top;
         } else
-          se = is(rt, Ae.subLanguage.length ? Ae.subLanguage : null);
-        Ae.relevance > 0 && (Bi += se.relevance), It.__addSublanguage(se._emitter, se.language);
+          oe = is(rt, Ae.subLanguage.length ? Ae.subLanguage : null);
+        Ae.relevance > 0 && (Bi += oe.relevance), It.__addSublanguage(oe._emitter, oe.language);
       }
       function Kt() {
         Ae.subLanguage != null ? Li() : Ln(), rt = "";
       }
-      function gn(se, ge) {
-        se !== "" && (It.startScope(ge), It.addText(se), It.endScope());
+      function gn(oe, ge) {
+        oe !== "" && (It.startScope(ge), It.addText(oe), It.endScope());
       }
-      function pc(se, ge) {
+      function pc(oe, ge) {
         let Pe = 1;
         const Ke = ge.length - 1;
         for (; Pe <= Ke; ) {
-          if (!se._emit[Pe]) {
+          if (!oe._emit[Pe]) {
             Pe++;
             continue;
           }
-          const Pt = mn.classNameAliases[se[Pe]] || se[Pe], Sn = ge[Pe];
+          const Pt = mn.classNameAliases[oe[Pe]] || oe[Pe], Sn = ge[Pe];
           Pt ? gn(Sn, Pt) : (rt = Sn, Ln(), rt = ""), Pe++;
         }
       }
-      function gc(se, ge) {
-        return se.scope && typeof se.scope == "string" && It.openNode(mn.classNameAliases[se.scope] || se.scope), se.beginScope && (se.beginScope._wrap ? (gn(rt, mn.classNameAliases[se.beginScope._wrap] || se.beginScope._wrap), rt = "") : se.beginScope._multi && (pc(se.beginScope, ge), rt = "")), Ae = Object.create(se, { parent: { value: Ae } }), Ae;
+      function gc(oe, ge) {
+        return oe.scope && typeof oe.scope == "string" && It.openNode(mn.classNameAliases[oe.scope] || oe.scope), oe.beginScope && (oe.beginScope._wrap ? (gn(rt, mn.classNameAliases[oe.beginScope._wrap] || oe.beginScope._wrap), rt = "") : oe.beginScope._multi && (pc(oe.beginScope, ge), rt = "")), Ae = Object.create(oe, { parent: { value: Ae } }), Ae;
       }
-      function mc(se, ge, Pe) {
-        let Ke = w(se.endRe, Pe);
+      function mc(oe, ge, Pe) {
+        let Ke = w(oe.endRe, Pe);
         if (Ke) {
-          if (se["on:end"]) {
-            const Pt = new t(se);
-            se["on:end"](ge, Pt), Pt.isMatchIgnored && (Ke = !1);
+          if (oe["on:end"]) {
+            const Pt = new t(oe);
+            oe["on:end"](ge, Pt), Pt.isMatchIgnored && (Ke = !1);
           }
           if (Ke) {
-            for (; se.endsParent && se.parent; )
-              se = se.parent;
-            return se;
+            for (; oe.endsParent && oe.parent; )
+              oe = oe.parent;
+            return oe;
           }
         }
-        if (se.endsWithParent)
-          return mc(se.parent, ge, Pe);
+        if (oe.endsWithParent)
+          return mc(oe.parent, ge, Pe);
       }
-      function Dm(se) {
-        return Ae.matcher.regexIndex === 0 ? (rt += se[0], 1) : (ls = !0, 0);
+      function Dm(oe) {
+        return Ae.matcher.regexIndex === 0 ? (rt += oe[0], 1) : (ls = !0, 0);
       }
-      function Lm(se) {
-        const ge = se[0], Pe = se.rule, Ke = new t(Pe), Pt = [Pe.__beforeBegin, Pe["on:begin"]];
+      function Lm(oe) {
+        const ge = oe[0], Pe = oe.rule, Ke = new t(Pe), Pt = [Pe.__beforeBegin, Pe["on:begin"]];
         for (const Sn of Pt)
-          if (Sn && (Sn(se, Ke), Ke.isMatchIgnored))
+          if (Sn && (Sn(oe, Ke), Ke.isMatchIgnored))
             return Dm(ge);
-        return Pe.skip ? rt += ge : (Pe.excludeBegin && (rt += ge), Kt(), !Pe.returnBegin && !Pe.excludeBegin && (rt = ge)), gc(Pe, se), Pe.returnBegin ? 0 : ge.length;
+        return Pe.skip ? rt += ge : (Pe.excludeBegin && (rt += ge), Kt(), !Pe.returnBegin && !Pe.excludeBegin && (rt = ge)), gc(Pe, oe), Pe.returnBegin ? 0 : ge.length;
       }
-      function Fm(se) {
-        const ge = se[0], Pe = be.substring(se.index), Ke = mc(Ae, se, Pe);
+      function Fm(oe) {
+        const ge = oe[0], Pe = be.substring(oe.index), Ke = mc(Ae, oe, Pe);
         if (!Ke)
           return qr;
         const Pt = Ae;
-        Ae.endScope && Ae.endScope._wrap ? (Kt(), gn(ge, Ae.endScope._wrap)) : Ae.endScope && Ae.endScope._multi ? (Kt(), pc(Ae.endScope, se)) : Pt.skip ? rt += ge : (Pt.returnEnd || Pt.excludeEnd || (rt += ge), Kt(), Pt.excludeEnd && (rt = ge));
+        Ae.endScope && Ae.endScope._wrap ? (Kt(), gn(ge, Ae.endScope._wrap)) : Ae.endScope && Ae.endScope._multi ? (Kt(), pc(Ae.endScope, oe)) : Pt.skip ? rt += ge : (Pt.returnEnd || Pt.excludeEnd || (rt += ge), Kt(), Pt.excludeEnd && (rt = ge));
         do
           Ae.scope && It.closeNode(), !Ae.skip && !Ae.subLanguage && (Bi += Ae.relevance), Ae = Ae.parent;
         while (Ae !== Ke.parent);
-        return Ke.starts && gc(Ke.starts, se), Pt.returnEnd ? 0 : ge.length;
+        return Ke.starts && gc(Ke.starts, oe), Pt.returnEnd ? 0 : ge.length;
       }
       function Bm() {
-        const se = [];
+        const oe = [];
         for (let ge = Ae; ge !== mn; ge = ge.parent)
-          ge.scope && se.unshift(ge.scope);
-        se.forEach((ge) => It.openNode(ge));
+          ge.scope && oe.unshift(ge.scope);
+        oe.forEach((ge) => It.openNode(ge));
       }
       let Fi = {};
-      function bc(se, ge) {
+      function bc(oe, ge) {
         const Pe = ge && ge[0];
-        if (rt += se, Pe == null)
+        if (rt += oe, Pe == null)
           return Kt(), 0;
         if (Fi.type === "begin" && ge.type === "end" && Fi.index === ge.index && Pe === "") {
           if (rt += be.slice(ge.index, ge.index + 1), !ht) {
@@ -31333,10 +31333,10 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = ee, nt = be), Ve
         else {
           for (Ae.matcher.considerAll(); ; ) {
             as++, ls ? ls = !1 : Ae.matcher.considerAll(), Ae.matcher.lastIndex = Zn;
-            const se = Ae.matcher.exec(be);
-            if (!se) break;
-            const ge = be.substring(Zn, se.index), Pe = bc(ge, se);
-            Zn = se.index + Pe;
+            const oe = Ae.matcher.exec(be);
+            if (!oe) break;
+            const ge = be.substring(Zn, oe.index), Pe = bc(ge, oe);
+            Zn = oe.index + Pe;
           }
           bc(be.substring(Zn));
         }
@@ -31348,18 +31348,18 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = ee, nt = be), Ve
           _emitter: It,
           _top: Ae
         };
-      } catch (se) {
-        if (se.message && se.message.includes("Illegal"))
+      } catch (oe) {
+        if (oe.message && oe.message.includes("Illegal"))
           return {
             language: ee,
             value: Rt(be),
             illegal: !0,
             relevance: 0,
             _illegalBy: {
-              message: se.message,
+              message: oe.message,
               index: Zn,
               context: be.slice(Zn - 100, Zn + 100),
-              mode: se.mode,
+              mode: oe.mode,
               resultSoFar: ss
             },
             _emitter: It
@@ -31370,11 +31370,11 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = ee, nt = be), Ve
             value: Rt(be),
             illegal: !1,
             relevance: 0,
-            errorRaised: se,
+            errorRaised: oe,
             _emitter: It,
             _top: Ae
           };
-        throw se;
+        throw oe;
       }
     }
     function rs(ee) {
@@ -31406,13 +31406,13 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = ee, nt = be), Ve
       return Li.secondBest = Ln, Li;
     }
     function km(ee, be, Ve) {
-      const nt = be && ie[be] || Ve;
+      const nt = be && ne[be] || Ve;
       ee.classList.add("hljs"), ee.classList.add(`language-${nt}`);
     }
     function os(ee) {
       let be = null;
       const Ve = Mt(ee);
-      if (Ce(Ve)) return;
+      if (_e(Ve)) return;
       if (Di(
         "before:highlightElement",
         { el: ee, language: Ve }
@@ -31472,18 +31472,18 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = ee, nt = be), Ve
     }
     function Am(ee) {
       delete W[ee];
-      for (const be of Object.keys(ie))
-        ie[be] === ee && delete ie[be];
+      for (const be of Object.keys(ne))
+        ne[be] === ee && delete ne[be];
     }
     function Mm() {
       return Object.keys(W);
     }
     function Dn(ee) {
-      return ee = (ee || "").toLowerCase(), W[ee] || W[ie[ee]];
+      return ee = (ee || "").toLowerCase(), W[ee] || W[ne[ee]];
     }
     function fc(ee, { languageName: be }) {
       typeof ee == "string" && (ee = [ee]), ee.forEach((Ve) => {
-        ie[Ve.toLowerCase()] = be;
+        ne[Ve.toLowerCase()] = be;
       });
     }
     function hc(ee) {
@@ -31547,9 +31547,9 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = ee, nt = be), Ve
       optional: m,
       anyNumberOfTimes: h
     };
-    for (const ee in X)
-      typeof X[ee] == "object" && e(X[ee]);
-    return Object.assign(T, X), T;
+    for (const ee in Q)
+      typeof Q[ee] == "object" && e(Q[ee]);
+    return Object.assign(T, Q), T;
   }, $e = ot({});
   return $e.newInstance = () => ot({}), js = $e, $e.HighlightJS = $e, $e.default = $e, js;
 }
@@ -32033,12 +32033,12 @@ function Jl({
     smartScrollToBottom: O,
     handleScroll: b,
     scrollToBottom: M
-  } = CA(), { isMobile: I, isFullscreen: F, setIsFullscreen: D } = TA(), [G, oe] = P.useState(/* @__PURE__ */ new Set()), [Q, V] = P.useState([]), U = zt(t);
+  } = CA(), { isMobile: I, isFullscreen: F, setIsFullscreen: D } = TA(), [G, re] = P.useState(/* @__PURE__ */ new Set()), [X, V] = P.useState([]), U = zt(t);
   P.useEffect(() => (F && I && (document.body.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.width = "100%", document.body.style.height = "100%", document.documentElement.requestFullscreen && document.documentElement.requestFullscreen().catch(console.log)), () => {
     F && I && (document.body.style.overflow = "unset", document.body.style.position = "unset", document.body.style.width = "unset", document.body.style.height = "unset", document.fullscreenElement && document.exitFullscreen().catch(console.log));
   }), [F, I]);
   const x = e.getCurrentAgentInfo(), $ = (x == null ? void 0 : x.name) || "AI Assistant", K = $.split(" ").map((L) => L[0]).join("").toUpperCase().slice(0, 2), S = P.useCallback((L) => {
-    const ae = {
+    const se = {
       id: `local_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
       content: L,
       timestamp: /* @__PURE__ */ new Date(),
@@ -32052,7 +32052,7 @@ function Jl({
         // Mark as local message
       }
     };
-    f((ke) => [...ke, ae]);
+    f((ke) => [...ke, se]);
   }, [f]);
   P.useEffect(() => {
     if (R && d.length > 0) {
@@ -32072,10 +32072,10 @@ function Jl({
     }
   }, [_, O, R]), P.useEffect(() => {
     w.forEach((L) => {
-      const ae = `${L.created_at}-${L.type}`;
-      G.has(ae) || (console.log("Processing tool execution:", ae), oe((ke) => new Set(ke).add(ae)), setTimeout(() => {
+      const se = `${L.created_at}-${L.type}`;
+      G.has(se) || (console.log("Processing tool execution:", se), re((ke) => new Set(ke).add(se)), setTimeout(() => {
         const ke = {
-          id: `tool_${ae}`,
+          id: `tool_${se}`,
           content: "",
           timestamp: /* @__PURE__ */ new Date(),
           // Use current time when actually adding
@@ -32103,34 +32103,34 @@ function Jl({
   }, [w, G, f, R, O]), P.useEffect(() => {
     const L = (pe) => {
       if (console.log("ChatView: Received message:", pe), h(!1), _ && pe.sender.type === "agent") {
-        console.log("ChatView: Queuing agent message due to active interaction:", _.methodName), y((ne) => [...ne, pe]);
+        console.log("ChatView: Queuing agent message due to active interaction:", _.methodName), y((ie) => [...ie, pe]);
         return;
       }
-      f((ne) => {
+      f((ie) => {
         var Te;
-        if (ne.some((_e) => _e.id === pe.id))
-          return console.log("ChatView: Message already exists, skipping:", pe.id), ne;
-        if (console.log("ChatView: Adding new message:", pe.id), pe.sender.type === "agent" && (p((_e) => new Set(_e).add(pe.id)), !((Te = pe.metadata) != null && Te.streaming))) {
-          const _e = pe.content.length * 35 + 1e3;
+        if (ie.some((Ce) => Ce.id === pe.id))
+          return console.log("ChatView: Message already exists, skipping:", pe.id), ie;
+        if (console.log("ChatView: Adding new message:", pe.id), pe.sender.type === "agent" && (p((Ce) => new Set(Ce).add(pe.id)), !((Te = pe.metadata) != null && Te.streaming))) {
+          const Ce = pe.content.length * 35 + 1e3;
           setTimeout(() => {
             p((le) => {
               const At = new Set(le);
               return At.delete(pe.id), At;
             });
-          }, _e);
+          }, Ce);
         }
-        return [...ne, pe];
+        return [...ie, pe];
       }), setTimeout(() => {
         R && O(!0);
       }, 0);
-    }, ae = (pe) => {
-      var ne;
+    }, se = (pe) => {
+      var ie;
       if (console.log("ChatView: Updated message:", pe), _ && pe.sender.type === "agent") {
         console.log("ChatView: Queuing agent message update due to active interaction:", _.methodName), y((me) => {
-          const Te = me.findIndex((_e) => _e.id === pe.id);
+          const Te = me.findIndex((Ce) => Ce.id === pe.id);
           if (Te >= 0) {
-            const _e = [...me];
-            return _e[Te] = pe, _e;
+            const Ce = [...me];
+            return Ce[Te] = pe, Ce;
           } else
             return [...me, pe];
         });
@@ -32138,48 +32138,48 @@ function Jl({
       }
       f((me) => me.map((Te) => Te.id === pe.id ? { ...pe } : Te)), setTimeout(() => {
         R && O(!0);
-      }, 0), (ne = pe.metadata) != null && ne.streaming || p((me) => {
+      }, 0), (ie = pe.metadata) != null && ie.streaming || p((me) => {
         const Te = new Set(me);
         return Te.delete(pe.id), Te;
       });
     }, ke = (pe) => {
-      console.log("ChatView: Sent message:", pe), h(!1), f((ne) => ne.some((Te) => Te.id === pe.id) ? (console.log("ChatView: Sent message already exists, skipping:", pe.id), ne) : (console.log("ChatView: Adding sent message:", pe.id), [...ne, pe])), setTimeout(() => {
+      console.log("ChatView: Sent message:", pe), h(!1), f((ie) => ie.some((Te) => Te.id === pe.id) ? (console.log("ChatView: Sent message already exists, skipping:", pe.id), ie) : (console.log("ChatView: Adding sent message:", pe.id), [...ie, pe])), setTimeout(() => {
         R && O(!0);
       }, 0);
     };
-    return e.on("chat.message.received", L), e.on("chat.message.updated", ae), e.on("chat.message.sent", ke), () => {
-      e.off("chat.message.received", L), e.off("chat.message.updated", ae), e.off("chat.message.sent", ke);
+    return e.on("chat.message.received", L), e.on("chat.message.updated", se), e.on("chat.message.sent", ke), () => {
+      e.off("chat.message.received", L), e.off("chat.message.updated", se), e.off("chat.message.sent", ke);
     };
   }, [e, _, R, O, h, f, p, y]), P.useEffect(() => {
-    const L = (ne) => {
-      console.log("ChatView: RPC interaction started:", ne);
+    const L = (ie) => {
+      console.log("ChatView: RPC interaction started:", ie);
       const me = e.getCurrentInteraction();
       console.log("ChatView: Got interaction from client:", me == null ? void 0 : me.methodName), k(me), R && (O(!0), setTimeout(() => {
         R && O(!1);
       }, 100));
-    }, ae = (ne) => {
-      if (console.log("ChatView: RPC interaction completed:", ne), k(null), v.length > 0 && (console.log("ChatView: Processing", v.length, "queued messages"), f((me) => {
+    }, se = (ie) => {
+      if (console.log("ChatView: RPC interaction completed:", ie), k(null), v.length > 0 && (console.log("ChatView: Processing", v.length, "queued messages"), f((me) => {
         const Te = [...me];
-        return v.forEach((_e) => {
+        return v.forEach((Ce) => {
           var At;
-          if (!Te.some((Re) => Re.id === _e.id) && (console.log("ChatView: Adding queued message:", _e.id), Te.push(_e), _e.sender.type === "agent" && (p((Re) => new Set(Re).add(_e.id)), !((At = _e.metadata) != null && At.streaming)))) {
-            const Re = _e.content.length * 35 + 1e3;
+          if (!Te.some((Re) => Re.id === Ce.id) && (console.log("ChatView: Adding queued message:", Ce.id), Te.push(Ce), Ce.sender.type === "agent" && (p((Re) => new Set(Re).add(Ce.id)), !((At = Ce.metadata) != null && At.streaming)))) {
+            const Re = Ce.content.length * 35 + 1e3;
             setTimeout(() => {
               p((bt) => {
                 const yt = new Set(bt);
-                return yt.delete(_e.id), yt;
+                return yt.delete(Ce.id), yt;
               });
             }, Re);
           }
         }), Te;
       }), y([]), setTimeout(() => {
         R && O(!0);
-      }, 0)), ne && ne.response && ne.response.success) {
+      }, 0)), ie && ie.response && ie.response.success) {
         let me = null;
-        ne.response.successView ? me = ne.response.successView : ne.successView && (me = ne.successView), f((Te) => {
-          const _e = [...Te].reverse().findIndex((bt) => bt.sender.type === "participant");
+        ie.response.successView ? me = ie.response.successView : ie.successView && (me = ie.successView), f((Te) => {
+          const Ce = [...Te].reverse().findIndex((bt) => bt.sender.type === "participant");
           let le = Te.length;
-          _e !== -1 && (le = Te.length - _e);
+          Ce !== -1 && (le = Te.length - Ce);
           const At = {
             id: `success_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
             content: "",
@@ -32199,12 +32199,12 @@ function Jl({
           return Re.splice(le, 0, At), Re;
         });
       }
-    }, ke = async (ne) => {
+    }, ke = async (ie) => {
       _ && (console.log("ChatView: Dismissing active interaction due to timeout"), e.dismissCurrentInteraction()), k(null), v.length > 0 && (console.log("ChatView: Processing", v.length, "queued messages after timeout"), f((Te) => {
-        const _e = [...Te];
+        const Ce = [...Te];
         return v.forEach((le) => {
           var Re;
-          if (!_e.some((bt) => bt.id === le.id) && (_e.push(le), le.sender.type === "agent" && (p((bt) => new Set(bt).add(le.id)), !((Re = le.metadata) != null && Re.streaming)))) {
+          if (!Ce.some((bt) => bt.id === le.id) && (Ce.push(le), le.sender.type === "agent" && (p((bt) => new Set(bt).add(le.id)), !((Re = le.metadata) != null && Re.streaming)))) {
             const bt = le.content.length * 35 + 1e3;
             setTimeout(() => {
               p((yt) => {
@@ -32213,13 +32213,13 @@ function Jl({
               });
             }, bt);
           }
-        }), _e;
+        }), Ce;
       }), y([]), setTimeout(() => {
         R && O(!0);
       }, 0));
       let me = null;
-      ne && ne.response && ne.response.timeoutView ? me = ne.response.timeoutView : ne && ne.timeoutView && (me = ne.timeoutView), f((Te) => {
-        const _e = {
+      ie && ie.response && ie.response.timeoutView ? me = ie.response.timeoutView : ie && ie.timeoutView && (me = ie.timeoutView), f((Te) => {
+        const Ce = {
           id: `timeout_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
           content: "",
           timestamp: /* @__PURE__ */ new Date(),
@@ -32233,21 +32233,21 @@ function Jl({
             view: me || /* @__PURE__ */ g(wA, {})
           }
         };
-        return e && typeof e.addChatMessage == "function" && e.addChatMessage(_e), [...Te, _e];
+        return e && typeof e.addChatMessage == "function" && e.addChatMessage(Ce), [...Te, Ce];
       }), setTimeout(() => {
         e.getCurrentInteraction() || k(null);
       }, 100);
-    }, pe = async (ne) => {
-      console.log("ChatView: RPC interaction dismissed:", ne), console.log("ChatView: Current interaction before dismiss:", _ == null ? void 0 : _.methodName), k(null), v.length > 0 && (console.log("ChatView: Processing", v.length, "queued messages after dismissal"), f((me) => {
+    }, pe = async (ie) => {
+      console.log("ChatView: RPC interaction dismissed:", ie), console.log("ChatView: Current interaction before dismiss:", _ == null ? void 0 : _.methodName), k(null), v.length > 0 && (console.log("ChatView: Processing", v.length, "queued messages after dismissal"), f((me) => {
         const Te = [...me];
-        return v.forEach((_e) => {
+        return v.forEach((Ce) => {
           var At;
-          if (!Te.some((Re) => Re.id === _e.id) && (Te.push(_e), _e.sender.type === "agent" && (p((Re) => new Set(Re).add(_e.id)), !((At = _e.metadata) != null && At.streaming)))) {
-            const Re = _e.content.length * 35 + 1e3;
+          if (!Te.some((Re) => Re.id === Ce.id) && (Te.push(Ce), Ce.sender.type === "agent" && (p((Re) => new Set(Re).add(Ce.id)), !((At = Ce.metadata) != null && At.streaming)))) {
+            const Re = Ce.content.length * 35 + 1e3;
             setTimeout(() => {
               p((bt) => {
                 const yt = new Set(bt);
-                return yt.delete(_e.id), yt;
+                return yt.delete(Ce.id), yt;
               });
             }, Re);
           }
@@ -32259,8 +32259,8 @@ function Jl({
         console.log("ChatView: Latest interaction from client after dismiss:", (me == null ? void 0 : me.methodName) || "null"), me === null && k(null);
       }, 50), console.log("ChatView: Set currentInteraction to null after dismiss");
     };
-    return e.on("rpc.interaction.started", L), e.on("rpc.interaction.completed", ae), e.on("rpc.interaction.timeout", ke), e.on("rpc.interaction.dismissed", pe), () => {
-      e.off("rpc.interaction.started", L), e.off("rpc.interaction.completed", ae), e.off("rpc.interaction.timeout", ke), e.off("rpc.interaction.dismissed", pe);
+    return e.on("rpc.interaction.started", L), e.on("rpc.interaction.completed", se), e.on("rpc.interaction.timeout", ke), e.on("rpc.interaction.dismissed", pe), () => {
+      e.off("rpc.interaction.started", L), e.off("rpc.interaction.completed", se), e.off("rpc.interaction.timeout", ke), e.off("rpc.interaction.dismissed", pe);
     };
   }, [e, R, O, $, v, _, k, f, p, y]), P.useEffect(() => {
     console.log("ChatView: Display type changed to:", i, "Current interaction:", (_ == null ? void 0 : _.methodName) || "none");
@@ -32268,25 +32268,25 @@ function Jl({
   const Y = async (L) => {
     try {
       _ && (console.log("ChatView: Dismissing active interaction due to user message send"), e.dismissCurrentInteraction(), k(null)), await e.sendChatMessage(L);
-    } catch (ae) {
-      console.error("Failed to send message:", ae);
+    } catch (se) {
+      console.error("Failed to send message:", se);
     }
   }, te = async (L) => {
     try {
-      _ && (console.log("ChatView: Dismissing active interaction due to user attachment send"), e.dismissCurrentInteraction(), k(null)), await e.sendAttachments(L), console.log("Attachments sent successfully:", L.map((ae) => ae.name));
-    } catch (ae) {
-      console.error("Failed to send attachments:", ae);
+      _ && (console.log("ChatView: Dismissing active interaction due to user attachment send"), e.dismissCurrentInteraction(), k(null)), await e.sendAttachments(L), console.log("Attachments sent successfully:", L.map((se) => se.name));
+    } catch (se) {
+      console.error("Failed to send attachments:", se);
     }
   };
   P.useEffect(() => {
-    const L = (ae) => {
-      V(Array.isArray(ae) ? ae : ["tes", "hello how are you", "algebra make me learn that ", "what is the meaning of life"]);
+    const L = (se) => {
+      V(Array.isArray(se) ? se : ["tes", "hello how are you", "algebra make me learn that ", "what is the meaning of life"]);
     };
     return e.on("suggested.response", L), () => {
       e.off("suggested.response", L);
     };
   }, [e]);
-  const B = F && I ? "fullscreen" : i, q = B === "fullscreen" ? F && I ? "fixed inset-0 z-[9999] flex flex-col h-screen w-screen bg-black" : "flex flex-col h-full w-full max-w-none" : "flex flex-col h-full w-full backdrop-blur-sm max-h-full overflow-hidden contain-layout", j = B === "fullscreen" ? F && I ? "flex items-center w-full justify-between px-3 h-11 bg-black/80 text-white border-b border-gray-700" : `flex items-center w-full justify-between px-5 h-12 border-b ${U.chatHeader.container}` : `flex items-center w-full justify-between px-4 h-12 border-b ${U.chatHeader.container}`, ce = B === "fullscreen" ? F && I ? "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide p-4 w-full max-w-none chat-scrollable min-h-0" : "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide p-6 w-full max-w-none chat-scrollable min-h-0" : "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide w-full p-4 chat-scrollable min-h-0", X = "flex-shrink-0 !w-full", xe = () => {
+  const B = F && I ? "fullscreen" : i, q = B === "fullscreen" ? F && I ? "fixed inset-0 z-[9999] flex flex-col h-screen w-screen bg-black" : "flex flex-col h-full w-full max-w-none" : "flex flex-col h-full w-full backdrop-blur-sm max-h-full overflow-hidden contain-layout", j = B === "fullscreen" ? F && I ? "flex items-center w-full justify-between px-3 h-11 bg-black/80 text-white border-b border-gray-700" : `flex items-center w-full justify-between px-5 h-12 border-b ${U.chatHeader.container}` : `flex items-center w-full justify-between px-4 h-12 border-b ${U.chatHeader.container}`, ce = B === "fullscreen" ? F && I ? "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide p-4 w-full max-w-none chat-scrollable min-h-0" : "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide p-6 w-full max-w-none chat-scrollable min-h-0" : "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide w-full p-4 chat-scrollable min-h-0", Q = "flex-shrink-0 !w-full", xe = () => {
     D(!1), n && n();
   };
   return /* @__PURE__ */ N("div", { className: `${q} relative`, children: [
@@ -32376,8 +32376,8 @@ function Jl({
           ] }),
           /* @__PURE__ */ g("p", { className: `text-xs ${F && I ? "text-gray-300" : U.text.muted}`, children: "Your conversation will begin shortly" })
         ] }) : /* @__PURE__ */ g("div", { className: "w-full space-y-3 py-4 flex-1 flex flex-col justify-end", children: /* @__PURE__ */ N("div", { className: "space-y-3", children: [
-          d.map((L, ae) => {
-            var ke, pe, ne, me;
+          d.map((L, se) => {
+            var ke, pe, ie, me;
             return /* @__PURE__ */ g("div", { children: ((ke = L.metadata) == null ? void 0 : ke.type) === "successView" ? /* @__PURE__ */ g("div", { className: "flex w-full justify-end mb-4 px-1", children: /* @__PURE__ */ N("div", { className: "relative group flex-row-reverse flex items-end gap-3 max-w-[85%] min-w-0", children: [
               /* @__PURE__ */ g(
                 Le.div,
@@ -32405,7 +32405,7 @@ function Jl({
                   minute: "2-digit"
                 }) })
               ] })
-            ] }) }) : ((ne = L.metadata) == null ? void 0 : ne.type) === "visualization" ? /* @__PURE__ */ g("div", { className: "flex w-full justify-start mb-4 px-1", children: /* @__PURE__ */ N("div", { className: "relative group flex-row flex items-end gap-3 max-w-[85%] min-w-0", children: [
+            ] }) }) : ((ie = L.metadata) == null ? void 0 : ie.type) === "visualization" ? /* @__PURE__ */ g("div", { className: "flex w-full justify-start mb-4 px-1", children: /* @__PURE__ */ N("div", { className: "relative group flex-row flex items-end gap-3 max-w-[85%] min-w-0", children: [
               /* @__PURE__ */ g("div", { className: `w-6 h-6 rounded-full flex items-center justify-center text-white text-xs font-semibold flex-shrink-0 shadow-lg ${t === "light" ? "bg-gradient-to-br from-blue-500 to-purple-600" : "bg-gradient-to-br from-gray-600 to_gray-700"}`, children: K }),
               /* @__PURE__ */ N("div", { className: `flex h-full flex-col justify-between border px-3 py-2 rounded-2xl shadow-lg backdrop-bl-sm message-bubble rounded-bl-md message-hover border-gray-200 dark:border-gray-700 ${U.chatMessage.other} min-w-0 max-w-full break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
                 L.metadata.view,
@@ -32498,7 +32498,7 @@ function Jl({
         children: /* @__PURE__ */ g("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ g("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 14l-7 7m0 0l-7-7m7 7V3" }) })
       }
     ),
-    l && Q.length > 0 && /* @__PURE__ */ g("div", { className: "w-full flex overflow-x-auto gap-2 px-4 py-2 mb-1 scrollbar-hide", children: Q.map((L, ae) => {
+    l && X.length > 0 && /* @__PURE__ */ g("div", { className: "w-full flex overflow-x-auto gap-2 px-4 py-2 mb-1 scrollbar-hide", children: X.map((L, se) => {
       var ke;
       return /* @__PURE__ */ g(
         "button",
@@ -32515,7 +32515,7 @@ function Jl({
           },
           children: L
         },
-        L + ae
+        L + se
       );
     }) }),
     _ && _.presentationMode !== "embedded" && /* @__PURE__ */ g(
@@ -32535,7 +32535,7 @@ function Jl({
         initial: { opacity: 0, y: 20 },
         animate: { opacity: 1, y: 0 },
         transition: { delay: 0.2 },
-        className: X,
+        className: Q,
         children: /* @__PURE__ */ g(
           Bo,
           {
@@ -32618,11 +32618,11 @@ const Yg = Me.forwardRef(({
       console.log("✅ SessionView: Agent connected event received"), m(!0), f(!1), E(!1);
     }, q = B, j = B, ce = (xe) => {
       console.log("👤 SessionView: Participant joined:", xe), xe.isLocal || B();
-    }, X = () => {
+    }, Q = () => {
       m(!1), t && E(!0);
     };
-    return o.on("agent.connected", B), o.on("agent.speaking", q), o.on("agent.thinking", j), o.on("participant.joined", ce), o.on("connection.disconnected", X), () => {
-      o.off("agent.connected", B), o.off("agent.speaking", q), o.off("agent.thinking", j), o.off("participant.joined", ce), o.off("connection.disconnected", X);
+    return o.on("agent.connected", B), o.on("agent.speaking", q), o.on("agent.thinking", j), o.on("participant.joined", ce), o.on("connection.disconnected", Q), () => {
+      o.off("agent.connected", B), o.off("agent.speaking", q), o.off("agent.thinking", j), o.off("participant.joined", ce), o.off("connection.disconnected", Q);
     };
   }, [o, t]), Me.useEffect(() => {
     if (!o) return;
@@ -32643,21 +32643,21 @@ const Yg = Me.forwardRef(({
     p && c && u(!1);
   }, [p, c]);
   const G = Me.useCallback((B) => {
-  }, []), oe = Me.useCallback(() => {
+  }, []), re = Me.useCallback(() => {
     var B, q, j;
     try {
       p && (v(null), (B = o == null ? void 0 : o.dismissCurrentInteraction) == null || B.call(o)), u(!1), f(!1), (q = o == null ? void 0 : o.endSession) == null || q.call(o), (j = o == null ? void 0 : o.disconnect) == null || j.call(o), a == null || a();
     } catch (ce) {
       console.error("Failed to end call:", ce), v(null), u(!1), f(!1), a == null || a();
     }
-  }, [o, p, a]), Q = We(
+  }, [o, p, a]), X = We(
     "w-full flex flex-col items-center justify-center",
     s === "fullscreen" ? "w-full max-w-none mx-0 h-full" : "w-full mx-auto",
     M.main,
     s === "fullscreen" ? "max-w-none" : "",
     "overflow-hidden h-full"
   ), V = a && (s === "popup" || s === "fullscreen"), U = Me.useMemo(() => d ? "Agent is taking longer than expected..." : I ? "Room connected. Waiting for agent..." : r, [d, I, r]), x = Me.useMemo(() => d ? "Please check your connection or try again." : I ? "The agent will join shortly." : "Agent is connecting... This may take a moment.", [d, I]);
-  return y ? /* @__PURE__ */ g("main", { ref: l, className: We(Q, "relative", e && "pointer-events-none opacity-50"), children: (V || k) && /* @__PURE__ */ N("div", { className: `flex items-center justify-between w-full p-4 border-b ${(($ = M.chatHeader) == null ? void 0 : $.container) || "border-gray-200"}`, children: [
+  return y ? /* @__PURE__ */ g("main", { ref: l, className: We(X, "relative", e && "pointer-events-none opacity-50"), children: (V || k) && /* @__PURE__ */ N("div", { className: `flex items-center justify-between w-full p-4 border-b ${(($ = M.chatHeader) == null ? void 0 : $.container) || "border-gray-200"}`, children: [
     /* @__PURE__ */ g("div", { children: /* @__PURE__ */ g("h3", { className: `font-semibold ${M.text.primary}`, children: "Voice Session" }) }),
     k && /* @__PURE__ */ g(
       Eo,
@@ -32669,7 +32669,7 @@ const Yg = Me.forwardRef(({
         }
       }
     )
-  ] }) }) : /* @__PURE__ */ N("main", { ref: l, className: We(Q, "relative", e && "pointer-events-none opacity-50"), style: { minHeight: 0 }, children: [
+  ] }) }) : /* @__PURE__ */ N("main", { ref: l, className: We(X, "relative", e && "pointer-events-none opacity-50"), style: { minHeight: 0 }, children: [
     (V || k) && /* @__PURE__ */ N("div", { className: `flex items-center justify-between w-full p-4 border-b ${((K = M.chatHeader) == null ? void 0 : K.container) || "border-gray-200"}`, children: [
       /* @__PURE__ */ g("div", { children: /* @__PURE__ */ g("h3", { className: `font-semibold ${M.text.primary}`, children: "Voice Session" }) }),
       k && /* @__PURE__ */ g(
@@ -32731,7 +32731,7 @@ const Yg = Me.forwardRef(({
         chatOpen: c,
         onToggleChat: () => u(!c),
         showEndCall: !0,
-        onEndCall: oe
+        onEndCall: re
       }
     ) })
   ] });
@@ -32791,9 +32791,9 @@ function NA({
     audioTrack: null
   }, M = P.useMemo(() => e.getRemoteParticipants(), [e, k]), I = fo(e, "microphone"), F = fo(e, "camera"), D = fo(e, "screenShare"), G = P.useCallback(async () => {
     F.pending || await F.toggle();
-  }, [F]), oe = P.useCallback(async () => {
+  }, [F]), re = P.useCallback(async () => {
     D.pending || await D.toggle();
-  }, [D]), Q = P.useCallback(() => {
+  }, [D]), X = P.useCallback(() => {
     l((te) => !te);
   }, []), V = P.useCallback(() => {
     o ? o() : n && n();
@@ -32990,10 +32990,10 @@ function NA({
         showScreenShare: m,
         screenShareEnabled: D.enabled,
         screenShareLoading: D.pending,
-        onToggleScreenShare: oe,
+        onToggleScreenShare: re,
         showChatToggle: !0,
         chatOpen: a,
-        onToggleChat: Q,
+        onToggleChat: X,
         showEndCall: !0,
         onEndCall: V
       }
@@ -33117,8 +33117,8 @@ function IA() {
     }
     function _(L) {
       if (typeof L == "object" && L !== null) {
-        var ae = L.$$typeof;
-        switch (ae) {
+        var se = L.$$typeof;
+        switch (se) {
           case t:
             var ke = L.type;
             switch (ke) {
@@ -33139,15 +33139,15 @@ function IA() {
                   case s:
                     return pe;
                   default:
-                    return ae;
+                    return se;
                 }
             }
           case n:
-            return ae;
+            return se;
         }
       }
     }
-    var k = l, C = c, R = a, A = s, O = t, b = u, M = r, I = m, F = h, D = n, G = o, oe = i, Q = d, V = !1;
+    var k = l, C = c, R = a, A = s, O = t, b = u, M = r, I = m, F = h, D = n, G = o, re = i, X = d, V = !1;
     function U(L) {
       return V || (V = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), x(L) || _(L) === l;
     }
@@ -33181,13 +33181,13 @@ function IA() {
     function ce(L) {
       return _(L) === o;
     }
-    function X(L) {
+    function Q(L) {
       return _(L) === i;
     }
     function xe(L) {
       return _(L) === d;
     }
-    Ge.AsyncMode = k, Ge.ConcurrentMode = C, Ge.ContextConsumer = R, Ge.ContextProvider = A, Ge.Element = O, Ge.ForwardRef = b, Ge.Fragment = M, Ge.Lazy = I, Ge.Memo = F, Ge.Portal = D, Ge.Profiler = G, Ge.StrictMode = oe, Ge.Suspense = Q, Ge.isAsyncMode = U, Ge.isConcurrentMode = x, Ge.isContextConsumer = $, Ge.isContextProvider = K, Ge.isElement = S, Ge.isForwardRef = Y, Ge.isFragment = te, Ge.isLazy = B, Ge.isMemo = q, Ge.isPortal = j, Ge.isProfiler = ce, Ge.isStrictMode = X, Ge.isSuspense = xe, Ge.isValidElementType = w, Ge.typeOf = _;
+    Ge.AsyncMode = k, Ge.ConcurrentMode = C, Ge.ContextConsumer = R, Ge.ContextProvider = A, Ge.Element = O, Ge.ForwardRef = b, Ge.Fragment = M, Ge.Lazy = I, Ge.Memo = F, Ge.Portal = D, Ge.Profiler = G, Ge.StrictMode = re, Ge.Suspense = X, Ge.isAsyncMode = U, Ge.isConcurrentMode = x, Ge.isContextConsumer = $, Ge.isContextProvider = K, Ge.isElement = S, Ge.isForwardRef = Y, Ge.isFragment = te, Ge.isLazy = B, Ge.isMemo = q, Ge.isPortal = j, Ge.isProfiler = ce, Ge.isStrictMode = Q, Ge.isSuspense = xe, Ge.isValidElementType = w, Ge.typeOf = _;
   }()), Ge;
 }
 var qd;
@@ -33360,33 +33360,33 @@ function DA() {
     function v(x) {
       if (process.env.NODE_ENV !== "production")
         var $ = {}, K = 0;
-      function S(te, B, q, j, ce, X, xe) {
-        if (j = j || f, X = X || q, xe !== n) {
+      function S(te, B, q, j, ce, Q, xe) {
+        if (j = j || f, Q = Q || q, xe !== n) {
           if (l) {
             var L = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw L.name = "Invariant Violation", L;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ae = j + ":" + q;
-            !$[ae] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var se = j + ":" + q;
+            !$[se] && // Avoid spamming the console because they are often not actionable except for lib authors
             K < 3 && (o(
-              "You are manually calling a React.PropTypes validation function for the `" + X + "` prop on `" + j + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), $[ae] = !0, K++);
+              "You are manually calling a React.PropTypes validation function for the `" + Q + "` prop on `" + j + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), $[se] = !0, K++);
           }
         }
-        return B[q] == null ? te ? B[q] === null ? new p("The " + ce + " `" + X + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new p("The " + ce + " `" + X + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : x(B, q, j, ce, X);
+        return B[q] == null ? te ? B[q] === null ? new p("The " + ce + " `" + Q + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new p("The " + ce + " `" + Q + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : x(B, q, j, ce, Q);
       }
       var Y = S.bind(null, !1);
       return Y.isRequired = S.bind(null, !0), Y;
     }
     function y(x) {
       function $(K, S, Y, te, B, q) {
-        var j = K[S], ce = oe(j);
+        var j = K[S], ce = re(j);
         if (ce !== x) {
-          var X = Q(j);
+          var Q = X(j);
           return new p(
-            "Invalid " + te + " `" + B + "` of type " + ("`" + X + "` supplied to `" + Y + "`, expected ") + ("`" + x + "`."),
+            "Invalid " + te + " `" + B + "` of type " + ("`" + Q + "` supplied to `" + Y + "`, expected ") + ("`" + x + "`."),
             { expectedType: x }
           );
         }
@@ -33403,13 +33403,13 @@ function DA() {
           return new p("Property `" + B + "` of component `" + Y + "` has invalid PropType notation inside arrayOf.");
         var q = K[S];
         if (!Array.isArray(q)) {
-          var j = oe(q);
+          var j = re(q);
           return new p("Invalid " + te + " `" + B + "` of type " + ("`" + j + "` supplied to `" + Y + "`, expected an array."));
         }
         for (var ce = 0; ce < q.length; ce++) {
-          var X = x(q, ce, Y, te, B + "[" + ce + "]", n);
-          if (X instanceof Error)
-            return X;
+          var Q = x(q, ce, Y, te, B + "[" + ce + "]", n);
+          if (Q instanceof Error)
+            return Q;
         }
         return null;
       }
@@ -33419,7 +33419,7 @@ function DA() {
       function x($, K, S, Y, te) {
         var B = $[K];
         if (!a(B)) {
-          var q = oe(B);
+          var q = re(B);
           return new p("Invalid " + Y + " `" + te + "` of type " + ("`" + q + "` supplied to `" + S + "`, expected a single ReactElement."));
         }
         return null;
@@ -33430,7 +33430,7 @@ function DA() {
       function x($, K, S, Y, te) {
         var B = $[K];
         if (!e.isValidElementType(B)) {
-          var q = oe(B);
+          var q = re(B);
           return new p("Invalid " + Y + " `" + te + "` of type " + ("`" + q + "` supplied to `" + S + "`, expected a single ReactElement type."));
         }
         return null;
@@ -33457,8 +33457,8 @@ function DA() {
           if (m(q, x[j]))
             return null;
         var ce = JSON.stringify(x, function(xe, L) {
-          var ae = Q(L);
-          return ae === "symbol" ? String(L) : L;
+          var se = X(L);
+          return se === "symbol" ? String(L) : L;
         });
         return new p("Invalid " + te + " `" + B + "` of value `" + String(q) + "` " + ("supplied to `" + Y + "`, expected one of " + ce + "."));
       }
@@ -33468,14 +33468,14 @@ function DA() {
       function $(K, S, Y, te, B) {
         if (typeof x != "function")
           return new p("Property `" + B + "` of component `" + Y + "` has invalid PropType notation inside objectOf.");
-        var q = K[S], j = oe(q);
+        var q = K[S], j = re(q);
         if (j !== "object")
           return new p("Invalid " + te + " `" + B + "` of type " + ("`" + j + "` supplied to `" + Y + "`, expected an object."));
         for (var ce in q)
           if (r(q, ce)) {
-            var X = x(q, ce, Y, te, B + "." + ce, n);
-            if (X instanceof Error)
-              return X;
+            var Q = x(q, ce, Y, te, B + "." + ce, n);
+            if (Q instanceof Error)
+              return Q;
           }
         return null;
       }
@@ -33492,14 +33492,14 @@ function DA() {
           ), s;
       }
       function S(Y, te, B, q, j) {
-        for (var ce = [], X = 0; X < x.length; X++) {
-          var xe = x[X], L = xe(Y, te, B, q, j, n);
+        for (var ce = [], Q = 0; Q < x.length; Q++) {
+          var xe = x[Q], L = xe(Y, te, B, q, j, n);
           if (L == null)
             return null;
           L.data && r(L.data, "expectedType") && ce.push(L.data.expectedType);
         }
-        var ae = ce.length > 0 ? ", expected one of type [" + ce.join(", ") + "]" : "";
-        return new p("Invalid " + q + " `" + j + "` supplied to " + ("`" + B + "`" + ae + "."));
+        var se = ce.length > 0 ? ", expected one of type [" + ce.join(", ") + "]" : "";
+        return new p("Invalid " + q + " `" + j + "` supplied to " + ("`" + B + "`" + se + "."));
       }
       return v(S);
     }
@@ -33516,14 +33516,14 @@ function DA() {
     }
     function I(x) {
       function $(K, S, Y, te, B) {
-        var q = K[S], j = oe(q);
+        var q = K[S], j = re(q);
         if (j !== "object")
           return new p("Invalid " + te + " `" + B + "` of type `" + j + "` " + ("supplied to `" + Y + "`, expected `object`."));
         for (var ce in x) {
-          var X = x[ce];
-          if (typeof X != "function")
-            return M(Y, te, B, ce, Q(X));
-          var xe = X(q, ce, Y, te, B + "." + ce, n);
+          var Q = x[ce];
+          if (typeof Q != "function")
+            return M(Y, te, B, ce, X(Q));
+          var xe = Q(q, ce, Y, te, B + "." + ce, n);
           if (xe)
             return xe;
         }
@@ -33533,20 +33533,20 @@ function DA() {
     }
     function F(x) {
       function $(K, S, Y, te, B) {
-        var q = K[S], j = oe(q);
+        var q = K[S], j = re(q);
         if (j !== "object")
           return new p("Invalid " + te + " `" + B + "` of type `" + j + "` " + ("supplied to `" + Y + "`, expected `object`."));
         var ce = t({}, K[S], x);
-        for (var X in ce) {
-          var xe = x[X];
-          if (r(x, X) && typeof xe != "function")
-            return M(Y, te, B, X, Q(xe));
+        for (var Q in ce) {
+          var xe = x[Q];
+          if (r(x, Q) && typeof xe != "function")
+            return M(Y, te, B, Q, X(xe));
           if (!xe)
             return new p(
-              "Invalid " + te + " `" + B + "` key `" + X + "` supplied to `" + Y + "`.\nBad object: " + JSON.stringify(K[S], null, "  ") + `
+              "Invalid " + te + " `" + B + "` key `" + Q + "` supplied to `" + Y + "`.\nBad object: " + JSON.stringify(K[S], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             );
-          var L = xe(q, X, Y, te, B + "." + X, n);
+          var L = xe(q, Q, Y, te, B + "." + Q, n);
           if (L)
             return L;
         }
@@ -33590,14 +33590,14 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
     function G(x, $) {
       return x === "symbol" ? !0 : $ ? $["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && $ instanceof Symbol : !1;
     }
-    function oe(x) {
+    function re(x) {
       var $ = typeof x;
       return Array.isArray(x) ? "array" : x instanceof RegExp ? "object" : G($, x) ? "symbol" : $;
     }
-    function Q(x) {
+    function X(x) {
       if (typeof x > "u" || x === null)
         return "" + x;
-      var $ = oe(x);
+      var $ = re(x);
       if ($ === "object") {
         if (x instanceof Date)
           return "date";
@@ -33607,7 +33607,7 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
       return $;
     }
     function V(x) {
-      var $ = Q(x);
+      var $ = X(x);
       switch ($) {
         case "array":
         case "object":
@@ -33685,7 +33685,7 @@ function FA() {
   return eo.exports;
 }
 var BA = /* @__PURE__ */ FA();
-const He = /* @__PURE__ */ $o(BA);
+const Ue = /* @__PURE__ */ $o(BA);
 function $A(e, t, n = void 0) {
   const r = {};
   for (const i in e) {
@@ -33883,7 +33883,7 @@ function pi(e, t) {
     // No need to clone deep, it's way faster.
   }) : e;
 }
-const qn = process.env.NODE_ENV !== "production" ? He.oneOfType([He.number, He.string, He.object, He.array]) : {};
+const qn = process.env.NODE_ENV !== "production" ? Ue.oneOfType([Ue.number, Ue.string, Ue.object, Ue.array]) : {};
 function sf(e, t) {
   if (!e.containerQueries)
     return t;
@@ -35124,17 +35124,17 @@ function JM(e = {}) {
     }, k = (...C) => {
       const R = [], A = C.map(_), O = [];
       if (R.push(o), c && h && O.push(function(F) {
-        var Q, V;
-        const G = (V = (Q = F.theme.components) == null ? void 0 : Q[c]) == null ? void 0 : V.styleOverrides;
+        var X, V;
+        const G = (V = (X = F.theme.components) == null ? void 0 : X[c]) == null ? void 0 : V.styleOverrides;
         if (!G)
           return null;
-        const oe = {};
+        const re = {};
         for (const U in G)
-          oe[U] = po(F, G[U], F.theme.modularCssLayers ? "theme" : void 0);
-        return h(F, oe);
+          re[U] = po(F, G[U], F.theme.modularCssLayers ? "theme" : void 0);
+        return h(F, re);
       }), c && !v && O.push(function(F) {
-        var oe, Q;
-        const D = F.theme, G = (Q = (oe = D == null ? void 0 : D.components) == null ? void 0 : oe[c]) == null ? void 0 : Q.variants;
+        var re, X;
+        const D = F.theme, G = (X = (re = D == null ? void 0 : D.components) == null ? void 0 : re[c]) == null ? void 0 : X.variants;
         return G ? om(F, G, [], F.theme.modularCssLayers ? "theme" : void 0) : null;
       }), y || O.push(Br), Array.isArray(A[0])) {
         const I = A.shift(), F = new Array(R.length).fill(""), D = new Array(O.length).fill("");
@@ -35332,7 +35332,7 @@ function io(e, t, n) {
   }
 }
 const cR = /* @__PURE__ */ P.createContext(void 0);
-process.env.NODE_ENV !== "production" && (He.node, He.object);
+process.env.NODE_ENV !== "production" && (Ue.node, Ue.object);
 function uR(e) {
   const {
     theme: t,
@@ -36382,7 +36382,7 @@ const eI = (e) => JR(e) && e !== "classes", tI = JM({
   defaultTheme: XR,
   rootShouldForwardProp: eI
 }), nI = fR;
-process.env.NODE_ENV !== "production" && (He.node, He.object.isRequired);
+process.env.NODE_ENV !== "production" && (Ue.node, Ue.object.isRequired);
 function rI(e) {
   return dR(e);
 }
@@ -36552,15 +36552,15 @@ process.env.NODE_ENV !== "production" && (Io.propTypes = {
   /**
    * Node passed into the SVG element.
    */
-  children: He.node,
+  children: Ue.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: He.object,
+  classes: Ue.object,
   /**
    * @ignore
    */
-  className: He.string,
+  className: Ue.string,
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
@@ -36568,21 +36568,21 @@ process.env.NODE_ENV !== "production" && (Io.propTypes = {
    * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
    * @default 'inherit'
    */
-  color: He.oneOfType([He.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), He.string]),
+  color: Ue.oneOfType([Ue.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), Ue.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: He.elementType,
+  component: Ue.elementType,
   /**
    * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
    * @default 'medium'
    */
-  fontSize: He.oneOfType([He.oneOf(["inherit", "large", "medium", "small"]), He.string]),
+  fontSize: Ue.oneOfType([Ue.oneOf(["inherit", "large", "medium", "small"]), Ue.string]),
   /**
    * Applies a color attribute to the SVG element.
    */
-  htmlColor: He.string,
+  htmlColor: Ue.string,
   /**
    * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
    * prop will be ignored.
@@ -36590,22 +36590,22 @@ process.env.NODE_ENV !== "production" && (Io.propTypes = {
    * `component`'s viewBox to the root node.
    * @default false
    */
-  inheritViewBox: He.bool,
+  inheritViewBox: Ue.bool,
   /**
    * The shape-rendering attribute. The behavior of the different options is described on the
    * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
    * If you are having issues with blurry icons you should investigate this prop.
    */
-  shapeRendering: He.string,
+  shapeRendering: Ue.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: He.oneOfType([He.arrayOf(He.oneOfType([He.func, He.object, He.bool])), He.func, He.object]),
+  sx: Ue.oneOfType([Ue.arrayOf(Ue.oneOfType([Ue.func, Ue.object, Ue.bool])), Ue.func, Ue.object]),
   /**
    * Provides a human-readable title for the element that contains it.
    * https://www.w3.org/TR/SVG-access/#Equivalent
    */
-  titleAccess: He.string,
+  titleAccess: Ue.string,
   /**
    * Allows you to redefine what the coordinates without units mean inside an SVG element.
    * For example, if the SVG element is 500 (width) by 200 (height),
@@ -36614,7 +36614,7 @@ process.env.NODE_ENV !== "production" && (Io.propTypes = {
    * to bottom right (50,20) and each unit will be worth 10px.
    * @default '0 0 24 24'
    */
-  viewBox: He.string
+  viewBox: Ue.string
 });
 Io.muiName = "SvgIcon";
 function lc(e, t) {
@@ -36817,18 +36817,19 @@ const dI = ({
   style: i,
   ariaLabel: o = "Open Voxket",
   logoScale: s = 0.7,
-  isRunning: a = !1
+  isRunning: a = !1,
+  theme: l = "vox"
 }) => {
-  const l = {
+  const c = {
     "top-left": "top-4 left-4",
     "top-right": "top-4 right-4",
     "bottom-left": "bottom-4 left-4",
     "bottom-right": "bottom-4 right-4"
-  }, c = {
+  }, u = l === "light" ? "#3b82f6" : "#000000", d = {
     width: n,
     height: n,
     ...i
-  }, u = P.useMemo(() => {
+  }, f = P.useMemo(() => {
     if (typeof window > "u" || !window.matchMedia) return !1;
     try {
       return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
@@ -36850,11 +36851,11 @@ const dI = ({
             background: "linear-gradient(45deg, rgba(6,182,212,0.3), rgba(34,211,238,0.3), rgba(6,182,212,0.3))",
             filter: "blur(8px)"
           },
-          animate: u ? void 0 : {
+          animate: f ? void 0 : {
             scale: [1, 1.1, 1],
             opacity: [0.6, 0.9, 0.6]
           },
-          transition: u ? void 0 : {
+          transition: f ? void 0 : {
             duration: 2,
             repeat: 1 / 0,
             ease: "easeInOut"
@@ -36873,11 +36874,11 @@ const dI = ({
             background: "linear-gradient(135deg, rgba(6,182,212,0.4), rgba(34,211,238,0.4))",
             filter: "blur(4px)"
           },
-          animate: u ? void 0 : {
+          animate: f ? void 0 : {
             scale: [1, 1.05, 1],
             opacity: [0.7, 1, 0.7]
           },
-          transition: u ? void 0 : {
+          transition: f ? void 0 : {
             duration: 1.5,
             repeat: 1 / 0,
             ease: "easeInOut",
@@ -36892,17 +36893,18 @@ const dI = ({
         type: "button",
         onClick: e,
         "aria-label": o,
-        className: `fixed z-50 rounded-full bg-black flex items-center justify-center overflow-hidden focus:outline-none focus:ring-2 focus:ring-cyan-400/60 ${l[t]} ${r}`,
+        className: `fixed z-50 rounded-full flex items-center justify-center overflow-hidden focus:outline-none focus:ring-2 focus:ring-cyan-400/60 ${c[t]} ${r}`,
         style: {
-          ...c,
-          boxShadow: a ? "0 0 0 2px rgba(6,182,212,0.5), 0 0 20px rgba(6,182,212,0.4), 0 8px 32px rgba(0,0,0,0.3)" : "0 8px 32px rgba(0,0,0,0.3)",
+          ...d,
+          backgroundColor: u,
+          boxShadow: a ? "0 0 0 2px rgba(6,182,212,0.5), 0 0 20px rgba(6,182,212,0.4), 0 8px 32px rgba(0,0,0,0.3)" : l === "light" ? "0 8px 32px rgba(59, 130, 246, 0.3)" : "0 8px 32px rgba(0,0,0,0.3)",
           border: a ? "2px solid rgba(6,182,212,0.6)" : "none"
         },
         initial: { scale: 0.9, opacity: 0 },
         animate: {
           scale: 1,
           opacity: 1,
-          ...a && !u ? {
+          ...a && !f ? {
             boxShadow: [
               "0 0 0 2px rgba(6,182,212,0.5), 0 0 20px rgba(6,182,212,0.4), 0 8px 32px rgba(0,0,0,0.3)",
               "0 0 0 2px rgba(6,182,212,0.8), 0 0 30px rgba(6,182,212,0.6), 0 8px 32px rgba(0,0,0,0.3)",
@@ -36915,7 +36917,7 @@ const dI = ({
         whileTap: { scale: 0.95 },
         "data-position": t,
         transition: {
-          ...!u && a ? {
+          ...!f && a ? {
             boxShadow: {
               duration: 2,
               repeat: 1 / 0,
@@ -36935,8 +36937,8 @@ const dI = ({
                   WebkitMask: "radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px))",
                   mask: "radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px))"
                 },
-                animate: u ? void 0 : { rotate: 360 },
-                transition: u ? void 0 : {
+                animate: f ? void 0 : { rotate: 360 },
+                transition: f ? void 0 : {
                   duration: 3,
                   repeat: 1 / 0,
                   ease: "linear"
@@ -38764,29 +38766,29 @@ function ia({
       a(!0), c(!1), d(null);
     }, K = () => {
       a(!1), c(!1), h(null), p("idle"), w([]), k([]), R([]);
-    }, S = (ae) => {
-      d(ae), c(!1);
-    }, Y = (ae) => {
-      h(ae), p(ae.state);
-    }, te = (ae) => {
-      p(ae), f && h({ ...f, state: ae });
-    }, B = (ae, ke) => {
+    }, S = (se) => {
+      d(se), c(!1);
+    }, Y = (se) => {
+      h(se), p(se.state);
+    }, te = (se) => {
+      p(se), f && h({ ...f, state: se });
+    }, B = (se, ke) => {
       h(null), p("idle"), y(ke), w([]), k([]), R([]);
-    }, q = (ae) => {
-      w((ke) => [...ke, ae]);
-    }, j = (ae) => {
-      w((ke) => ke.filter((pe) => pe.id !== ae.id));
-    }, ce = (ae) => {
-      k((ke) => [...ke, ae]);
-    }, X = (ae) => {
-      k((ke) => [...ke, ae]);
-    }, xe = (ae) => {
-      console.log("📝 VoxketProvider: Received transcription:", ae), R((ke) => ke.find((ne) => ne.id === ae.id) ? (console.log("📝 VoxketProvider: Duplicate transcription detected, skipping:", ae.id), ke) : (console.log("📝 VoxketProvider: Adding new transcription:", ae.id), [...ke, ae]));
+    }, q = (se) => {
+      w((ke) => [...ke, se]);
+    }, j = (se) => {
+      w((ke) => ke.filter((pe) => pe.id !== se.id));
+    }, ce = (se) => {
+      k((ke) => [...ke, se]);
+    }, Q = (se) => {
+      k((ke) => [...ke, se]);
+    }, xe = (se) => {
+      console.log("📝 VoxketProvider: Received transcription:", se), R((ke) => ke.find((ie) => ie.id === se.id) ? (console.log("📝 VoxketProvider: Duplicate transcription detected, skipping:", se.id), ke) : (console.log("📝 VoxketProvider: Adding new transcription:", se.id), [...ke, se]));
     }, L = () => {
       console.log("🧹 VoxketProvider: Clearing chat messages and transcriptions"), k([]), R([]);
     };
-    return U.on("connection.connecting", x), U.on("connection.connected", $), U.on("connection.disconnected", K), U.on("connection.error", S), U.on("session.created", Y), U.on("session.state.changed", te), U.on("session.ended", B), U.on("participant.joined", q), U.on("participant.left", j), U.on("chat.message.received", ce), U.on("chat.message.sent", X), U.on("transcription.received", xe), U.on("chat.history.cleared", L), () => {
-      console.log("📝 VoxketProvider: Cleaning up event listeners"), U.off("connection.connecting", x), U.off("connection.connected", $), U.off("connection.disconnected", K), U.off("connection.error", S), U.off("session.created", Y), U.off("session.state.changed", te), U.off("session.ended", B), U.off("participant.joined", q), U.off("participant.left", j), U.off("chat.message.received", ce), U.off("chat.message.sent", X), U.off("chat.history.cleared", L), U.off("transcription.received", xe);
+    return U.on("connection.connecting", x), U.on("connection.connected", $), U.on("connection.disconnected", K), U.on("connection.error", S), U.on("session.created", Y), U.on("session.state.changed", te), U.on("session.ended", B), U.on("participant.joined", q), U.on("participant.left", j), U.on("chat.message.received", ce), U.on("chat.message.sent", Q), U.on("transcription.received", xe), U.on("chat.history.cleared", L), () => {
+      console.log("📝 VoxketProvider: Cleaning up event listeners"), U.off("connection.connecting", x), U.off("connection.connected", $), U.off("connection.disconnected", K), U.off("connection.error", S), U.off("session.created", Y), U.off("session.state.changed", te), U.off("session.ended", B), U.off("participant.joined", q), U.off("participant.left", j), U.off("chat.message.received", ce), U.off("chat.message.sent", Q), U.off("chat.history.cleared", L), U.off("transcription.received", xe);
     };
   }, O = async (U) => {
     const x = U || i;
@@ -39807,12 +39809,12 @@ function TI(e) {
     onDisplayTypeChange: F,
     participantMetadata: D,
     popupModalityMode: G = "all"
-  } = e, [oe, Q] = P.useState(!1), [V, U] = P.useState(null), [x, $] = P.useState(() => {
+  } = e, [re, X] = P.useState(!1), [V, U] = P.useState(null), [x, $] = P.useState(() => {
     try {
       if (I)
         return !!I.getCurrentSession();
-    } catch (re) {
-      console.error("Error checking existing session:", re);
+    } catch (ae) {
+      console.error("Error checking existing session:", ae);
     }
     return !1;
   }), [K, S] = P.useState(!1), [Y, te] = P.useState(t || ""), [B, q] = P.useState(
@@ -39821,16 +39823,16 @@ function TI(e) {
     try {
       if (I)
         return I.getCurrentSession();
-    } catch (re) {
-      console.error("Error getting current session:", re);
+    } catch (ae) {
+      console.error("Error getting current session:", ae);
     }
     return null;
-  }), [X, xe] = P.useState(() => {
-    var re, ot, $e;
+  }), [Q, xe] = P.useState(() => {
+    var ae, ot, $e;
     try {
       if (I) {
         const T = I.getCurrentSession();
-        if ((re = T == null ? void 0 : T.activeModalities) != null && re.includes("chat"))
+        if ((ae = T == null ? void 0 : T.activeModalities) != null && ae.includes("chat"))
           return "chat";
         if ((ot = T == null ? void 0 : T.activeModalities) != null && ot.includes("voice"))
           return "voice";
@@ -39841,21 +39843,21 @@ function TI(e) {
       console.error("Error determining current mode:", T);
     }
     return "welcome";
-  }), [L, ae] = P.useState(!1), [ke, pe] = P.useState(!1), [ne, me] = P.useState(null), [Te, _e] = P.useState(!1);
+  }), [L, se] = P.useState(!1), [ke, pe] = P.useState(!1), [ie, me] = P.useState(null), [Te, Ce] = P.useState(!1);
   P.useEffect(() => {
     A === "fullscreen" && console.log("🎯 Widget: Switched to fullscreen mode");
   }, [A]), P.useEffect(() => {
-    x && !K ? console.log("📊 Session started:", { currentMode: X, sessionId: j == null ? void 0 : j.id }) : !x && !K && X === "welcome" && console.log("📊 Returned to welcome screen");
-  }, [x, X, K]);
+    x && !K ? console.log("📊 Session started:", { currentMode: Q, sessionId: j == null ? void 0 : j.id }) : !x && !K && Q === "welcome" && console.log("📊 Returned to welcome screen");
+  }, [x, Q, K]);
   const le = P.useMemo(() => {
     try {
       if (I)
         return console.log("🔄 Using existing VoxketClient to preserve session state"), I;
       if (!o || !i || !r) {
         const ot = `Missing required props: ${o ? "" : "appId "}${i ? "" : "appSecret "}${r ? "" : "baseUrl"}`;
-        return console.error("❌ VoxketClient creation failed:", ot), U(new Error(ot)), Q(!0), null;
+        return console.error("❌ VoxketClient creation failed:", ot), U(new Error(ot)), X(!0), null;
       }
-      const re = {
+      const ae = {
         appId: o,
         appSecret: i,
         baseUrl: r,
@@ -39871,28 +39873,28 @@ function TI(e) {
         agentId: Y,
         participantName: B || "User",
         modalities: R
-      }), new cc(re);
-    } catch (re) {
-      return console.error("❌ Failed to create VoxketClient:", re), U(re), Q(!0), null;
+      }), new cc(ae);
+    } catch (ae) {
+      return console.error("❌ Failed to create VoxketClient:", ae), U(ae), X(!0), null;
     }
-  }, [I, o, i, r, Y, B, R]), At = P.useMemo(() => A === "popup" ? ne ? [ne] : ["voice", "chat", "video"] : R, [A, ne, R]), Re = P.useMemo(() => {
+  }, [I, o, i, r, Y, B, R]), At = P.useMemo(() => R, [R]), Re = P.useMemo(() => {
     try {
       if (!le)
         return console.warn("⚠️ No VoxketClient available, creating fallback room"), new so();
-      const re = le.getRoom();
+      const ae = le.getRoom();
       return console.log("🏠 Widget: Room reference updated:", {
-        roomExists: !!re,
-        roomState: re == null ? void 0 : re.state,
+        roomExists: !!ae,
+        roomState: ae == null ? void 0 : ae.state,
         sessionStarted: x,
-        currentMode: X
-      }), re || new so();
-    } catch (re) {
-      return console.error("❌ Error getting room from client:", re), new so();
+        currentMode: Q
+      }), ae || new so();
+    } catch (ae) {
+      return console.error("❌ Error getting room from client:", ae), new so();
     }
-  }, [le, x, X]);
+  }, [le, x, Q]);
   P.useEffect(() => {
     if (Re) {
-      const re = () => {
+      const ae = () => {
         console.log("🏠 Widget: Room state changed:", {
           state: Re.state,
           numParticipants: Re.numParticipants,
@@ -39908,20 +39910,15 @@ function TI(e) {
           sessionId: j == null ? void 0 : j.id
         });
       };
-      return Re.on(Be.Connected, re), Re.on(Be.Disconnected, re), Re.on(Be.TrackSubscribed, ot), () => {
-        Re.off(Be.Connected, re), Re.off(Be.Disconnected, re), Re.off(Be.TrackSubscribed, ot);
+      return Re.on(Be.Connected, ae), Re.on(Be.Disconnected, ae), Re.on(Be.TrackSubscribed, ot), () => {
+        Re.off(Be.Connected, ae), Re.off(Be.Disconnected, ae), Re.off(Be.TrackSubscribed, ot);
       };
     }
   }, [Re, j == null ? void 0 : j.id]), P.useEffect(() => {
-    !K && X === "welcome" ? console.log("🎬 Widget: Welcome screen ready") : x && X !== "welcome" && console.log("🎬 Widget: Session mode active:", X);
-  }, [X, K, x]), P.useEffect(() => {
-    (X === "voice" || X === "video" || X === "chat") && !j && !x && !K && le && !le.connected && (console.log("🔄 Auto-correcting: Found orphaned mode without session, returning to welcome"), xe("welcome"), S(!1));
-  }, [X, j, x, K, le]), P.useEffect(() => {
-    if (X === "welcome" && !x && !K && R && R.length === 1) {
-      const re = R[0];
-      console.log(`🚀 Auto-starting single modality: ${re}`), re === "chat" ? Oe() : re === "voice" ? ve() : re === "video" && Ue();
-    }
-  }, [X, x, K, R]);
+    !K && Q === "welcome" ? console.log("🎬 Widget: Welcome screen ready") : x && Q !== "welcome" && console.log("🎬 Widget: Session mode active:", Q);
+  }, [Q, K, x]), P.useEffect(() => {
+    (Q === "voice" || Q === "video" || Q === "chat") && !j && !x && !K && le && !le.connected && (console.log("🔄 Auto-correcting: Found orphaned mode without session, returning to welcome"), xe("welcome"), S(!1));
+  }, [Q, j, x, K, le]);
   const { sessionMetrics: bt, sessionLogs: yt, logEvent: ln } = fI({
     room: Re,
     onSessionStart: E,
@@ -39936,28 +39933,28 @@ function TI(e) {
     C && bt && C(bt);
   }, [bt, C]), P.useEffect(() => {
     if (!le) return;
-    const re = () => {
+    const ae = () => {
       const ot = le.connected, $e = le.getCurrentSession();
       console.log("🔗 Connection state changed:", {
         isConnected: ot,
         currentSessionId: $e == null ? void 0 : $e.id,
-        currentMode: X,
+        currentMode: Q,
         loading: K,
         sessionStarted: x
       }), !ot && x && !K && (console.log("🔴 Connection lost during active session - returning to welcome"), S(!1), $(!1), ce(null), xe("welcome")), ot && $e && K && (console.log("🟢 Connected with active session - removing loader"), S(!1), $(!0), ce($e));
     };
-    return le.on("connectionStateChanged", re), le.on("sessionEnded", () => {
+    return le.on("connectionStateChanged", ae), le.on("sessionEnded", () => {
       console.log("📞 Session ended - returning to welcome"), S(!1), $(!1), ce(null), xe("welcome");
     }), () => {
-      le.off("connectionStateChanged", re), le.off("sessionEnded", () => {
+      le.off("connectionStateChanged", ae), le.off("sessionEnded", () => {
       });
     };
-  }, [le, X, K, x]);
+  }, [le, Q, K, x]);
   const J = !!(!!(le != null && le.connected) && x && j);
   P.useEffect(() => {
-    const re = ($e) => {
+    const ae = ($e) => {
       console.log("🔴 Widget: Room disconnected:", $e), console.log("🔍 Widget: Current state on disconnect:", {
-        currentMode: X,
+        currentMode: Q,
         sessionStarted: x,
         currentSessionId: j == null ? void 0 : j.id,
         loading: K
@@ -39965,74 +39962,74 @@ function TI(e) {
     }, ot = ($e) => {
       console.log("📹 Media devices error:", $e);
     };
-    return Re.on(Be.MediaDevicesError, ot), Re.on(Be.Disconnected, re), () => {
-      Re.off(Be.Disconnected, re), Re.off(Be.MediaDevicesError, ot);
+    return Re.on(Be.MediaDevicesError, ot), Re.on(Be.Disconnected, ae), () => {
+      Re.off(Be.Disconnected, ae), Re.off(Be.MediaDevicesError, ot);
     };
-  }, [Re, X, x, j == null ? void 0 : j.id, K]);
+  }, [Re, Q, x, j == null ? void 0 : j.id, K]);
   const ve = async () => {
     try {
       if (!le) {
-        console.error("❌ VoxketClient not available"), U(new Error("VoxketClient not initialized")), Q(!0);
+        console.error("❌ VoxketClient not available"), U(new Error("VoxketClient not initialized")), X(!0);
         return;
       }
       S(!0), xe("voice"), console.log("🎤 Starting voice session...", { agentId: Y, participantName: B }), console.log("🎤 Pre-start state:", { currentMode: "voice", sessionStarted: !1, loading: !0 }), ln("USER_STARTED_VOICE_SESSION", { agentId: Y, participantName: B });
-      const re = await le.startSession(Y, {
+      const ae = await le.startSession(Y, {
         participantName: B || "User",
         modalities: A === "popup" ? ["voice"] : ["voice", ...p ? ["video"] : []],
         participantMetadata: le.getParticipantMetadata() || D
         // Use client metadata first, then props
       });
-      console.log("✅ Voice session started successfully:", re.id), ce(re), $(!0), S(!1), E && E(re.id);
-    } catch (re) {
-      console.error("❌ Failed to start voice session:", re), S(!1), $(!1), xe("welcome");
+      console.log("✅ Voice session started successfully:", ae.id), ce(ae), $(!0), S(!1), E && E(ae.id);
+    } catch (ae) {
+      console.error("❌ Failed to start voice session:", ae), S(!1), $(!1), xe("welcome");
     }
   }, Oe = async () => {
     try {
       if (!le) {
-        console.error("❌ VoxketClient not available"), U(new Error("VoxketClient not initialized")), Q(!0);
+        console.error("❌ VoxketClient not available"), U(new Error("VoxketClient not initialized")), X(!0);
         return;
       }
       S(!0), xe("chat"), console.log("💬 Starting chat session...", { agentId: Y, participantName: B }), ln("USER_STARTED_CHAT_SESSION", { agentId: Y, participantName: B });
-      const re = await le.startSession(Y, {
+      const ae = await le.startSession(Y, {
         participantName: B || "User",
         modalities: ["chat"],
         participantMetadata: le.getParticipantMetadata() || D
         // Use client metadata first, then props
       });
-      console.log("✅ Chat session started successfully:", re.id), ce(re), $(!0), S(!1), E && E(re.id);
-    } catch (re) {
-      console.error("❌ Failed to start chat session:", re), S(!1), $(!1), xe("welcome");
+      console.log("✅ Chat session started successfully:", ae.id), ce(ae), $(!0), S(!1), E && E(ae.id);
+    } catch (ae) {
+      console.error("❌ Failed to start chat session:", ae), S(!1), $(!1), xe("welcome");
     }
-  }, Ue = async () => {
+  }, He = async () => {
     try {
       if (!le) {
-        console.error("❌ VoxketClient not available"), U(new Error("VoxketClient not initialized")), Q(!0);
+        console.error("❌ VoxketClient not available"), U(new Error("VoxketClient not initialized")), X(!0);
         return;
       }
       S(!0), xe("video"), console.log("📺 Starting video session...", { agentId: Y, participantName: B }), console.log("📺 Pre-start state:", { currentMode: "video", sessionStarted: !1, loading: !0 }), ln("USER_STARTED_VIDEO_SESSION", { agentId: Y, participantName: B });
-      const re = await le.startSession(Y, {
+      const ae = await le.startSession(Y, {
         participantName: B || "User",
         modalities: ["video", "voice"],
         participantMetadata: le.getParticipantMetadata() || D
         // Use client metadata first, then props
       });
-      console.log("✅ Video session started successfully:", re.id), ce(re), $(!0), S(!1), E && E(re.id);
-    } catch (re) {
-      console.error("❌ Failed to start video session:", re), S(!1), $(!1), xe("welcome");
+      console.log("✅ Video session started successfully:", ae.id), ce(ae), $(!0), S(!1), E && E(ae.id);
+    } catch (ae) {
+      console.error("❌ Failed to start video session:", ae), S(!1), $(!1), xe("welcome");
     }
   }, Et = () => {
-    xe("welcome"), S(!1), F && F(e.displayType || "widget"), j && x ? (console.log("🧹 Widget: Cleaning up active session"), $(!1), ce(null), le && (console.log("🔌 Widget: Disconnecting client and cleaning up room"), le.disconnect().catch((re) => {
-      console.error("❌ Widget: Error during disconnect:", re);
-    }))) : (console.log("📝 Widget: No active session to clean up"), le && le.connected && (console.log("🔌 Widget: Force disconnecting client for fresh state"), le.disconnect().catch((re) => {
-      console.error("❌ Widget: Error during force disconnect:", re);
-    }))), A === "popup" && !L && ae(!0), console.log("✅ Widget: handleBackToWelcome completed", {
+    xe("welcome"), S(!1), F && F(e.displayType || "widget"), j && x ? (console.log("🧹 Widget: Cleaning up active session"), $(!1), ce(null), le && (console.log("🔌 Widget: Disconnecting client and cleaning up room"), le.disconnect().catch((ae) => {
+      console.error("❌ Widget: Error during disconnect:", ae);
+    }))) : (console.log("📝 Widget: No active session to clean up"), le && le.connected && (console.log("🔌 Widget: Force disconnecting client for fresh state"), le.disconnect().catch((ae) => {
+      console.error("❌ Widget: Error during force disconnect:", ae);
+    }))), A === "popup" && !L && se(!0), console.log("✅ Widget: handleBackToWelcome completed", {
       newCurrentMode: "welcome",
       newLoading: !1,
       newSessionStarted: !1
     });
   }, Ut = () => {
-    const re = !L;
-    ae(re), M && M(re), !re && !(j && x) && (xe("welcome"), $(!1), ce(null));
+    const ae = !L;
+    se(ae), M && M(ae), !ae && !(j && x) && (xe("welcome"), $(!1), ce(null));
   }, Gt = () => {
     console.log("🔄 Closing fullscreen, switching to widget display type"), e.onDisplayTypeChange ? e.onDisplayTypeChange("widget") : console.warn("⚠️ No onDisplayTypeChange callback provided");
   }, pn = () => {
@@ -40040,22 +40037,22 @@ function TI(e) {
       e.onDisplayTypeChange("fullscreen");
     else {
       console.warn("⚠️ No onDisplayTypeChange callback provided for expand functionality");
-      const re = document.getElementById("voice-card") || document.querySelector(".voxket-widget-container");
-      re && re.requestFullscreen && re.requestFullscreen().catch((ot) => {
+      const ae = document.getElementById("voice-card") || document.querySelector(".voxket-widget-container");
+      ae && ae.requestFullscreen && ae.requestFullscreen().catch((ot) => {
         console.warn("⚠️ Fullscreen API not supported or failed:", ot);
       });
     }
   };
   P.useEffect(() => {
-    var re, ot, $e;
+    var ae, ot, $e;
     if (I && le) {
       const T = le.getCurrentSession();
-      le.connected, T && (console.log("✅ Restoring session state:", T.id), ce(T), $(!0), S(!1), (re = T.activeModalities) != null && re.includes("chat") ? xe("chat") : (ot = T.activeModalities) != null && ot.includes("voice") ? xe("voice") : ($e = T.activeModalities) != null && $e.includes("video") && xe("video"));
+      le.connected, T && (console.log("✅ Restoring session state:", T.id), ce(T), $(!0), S(!1), (ae = T.activeModalities) != null && ae.includes("chat") ? xe("chat") : (ot = T.activeModalities) != null && ot.includes("voice") ? xe("voice") : ($e = T.activeModalities) != null && $e.includes("video") && xe("video"));
     }
   }, [I, le]), P.useEffect(() => () => {
     !I && le && le.disconnect();
   }, [le, I]);
-  let cn = X === "video" ? "w-[32rem]" : "w-96", St = X === "video" ? "h-[30rem]" : "h-[25rem]", Jt = {};
+  let cn = Q === "video" ? "w-[32rem]" : "w-96", St = Q === "video" ? "h-[30rem]" : "h-[25rem]", Jt = {};
   if (d && (d.startsWith("w-") ? cn = d : (Jt.width = d, cn = "")), f && (f.startsWith("h-") ? St = f : (Jt.height = f, St = "")), A === "popup" && !L)
     return console.log("🟡 Showing popup trigger button"), /* @__PURE__ */ N(Tt, { children: [
       /* @__PURE__ */ g(
@@ -40063,19 +40060,16 @@ function TI(e) {
         {
           onClick: () => {
             if (J) {
-              !ne && (j != null && j.activeModalities) && (j.activeModalities.includes("chat") ? me("chat") : j.activeModalities.includes("video") ? me("video") : j.activeModalities.includes("voice") && me("voice")), pe(!1), ae(!0), M && M(!0);
-              return;
-            }
-            if (G !== "all") {
-              me(G), pe(!1), ae(!0), M && M(!0);
+              !ie && (j != null && j.activeModalities) && (j.activeModalities.includes("chat") ? me("chat") : j.activeModalities.includes("video") ? me("video") : j.activeModalities.includes("voice") && me("voice")), pe(!1), se(!0), M && M(!0);
               return;
             }
-            pe((re) => !re), me(null), _e(!1);
+            pe(!1), se(!0), M && M(!0);
           },
           position: O,
           ariaLabel: b,
           size: 64,
-          isRunning: J
+          isRunning: J,
+          theme: y
         }
       ),
       ke && G === "all" && (() => {
@@ -40103,7 +40097,7 @@ function TI(e) {
               {
                 type: "button",
                 onClick: () => {
-                  me("voice"), pe(!1), ae(!0), M && M(!0);
+                  me("voice"), pe(!1), se(!0), M && M(!0);
                 },
                 className: "px-3 py-2 rounded-md bg-white/10 hover:bg-white/20 text-white text-sm",
                 title: "Voice",
@@ -40115,7 +40109,7 @@ function TI(e) {
               {
                 type: "button",
                 onClick: () => {
-                  me("chat"), pe(!1), ae(!0), M && M(!0);
+                  me("chat"), pe(!1), se(!0), M && M(!0);
                 },
                 className: "px-3 py-2 rounded-md bg-white/10 hover:bg-white/20 text-white text-sm",
                 title: "Chat",
@@ -40127,7 +40121,7 @@ function TI(e) {
               {
                 type: "button",
                 onClick: () => {
-                  me("video"), pe(!1), ae(!0), M && M(!0);
+                  me("video"), pe(!1), se(!0), M && M(!0);
                 },
                 className: "px-3 py-2 rounded-md bg-white/10 hover:bg-white/20 text-white text-sm",
                 title: "Video",
@@ -40138,8 +40132,8 @@ function TI(e) {
         ] }) });
       })()
     ] });
-  if (oe || !le) {
-    const re = (V == null ? void 0 : V.message) || "VoxketWidget encountered an error. Please check your configuration.";
+  if (re || !le) {
+    const ae = (V == null ? void 0 : V.message) || "VoxketWidget encountered an error. Please check your configuration.";
     return /* @__PURE__ */ g("div", { className: `voxket-widget-root theme-${y} flex items-center justify-center p-8 ${u || ""}`, style: {
       width: d || "400px",
       height: f || "500px",
@@ -40150,12 +40144,12 @@ function TI(e) {
     }, children: /* @__PURE__ */ N("div", { className: "text-center", children: [
       /* @__PURE__ */ g("div", { className: "text-4xl mb-4", children: "⚠️" }),
       /* @__PURE__ */ g("h3", { className: "text-lg font-semibold mb-2", children: "Widget Error" }),
-      /* @__PURE__ */ g("p", { className: "text-sm mb-4", children: re }),
+      /* @__PURE__ */ g("p", { className: "text-sm mb-4", children: ae }),
       /* @__PURE__ */ g(
         "button",
         {
           onClick: () => {
-            Q(!1), U(null), window.location.reload();
+            X(!1), U(null), window.location.reload();
           },
           className: "px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors",
           children: "Retry"
@@ -40170,7 +40164,7 @@ function TI(e) {
   };
   A === "widget" ? (Rt += ` flex min-h-fit ${cn} ${St} ${u}`, Yn = { ...Yn, ...Jt }) : (Rt = `${u || ""}`, Yn = {});
   const qr = /* @__PURE__ */ g("div", { className: "h-full w-full flex flex-col overflow-hidden relative z-10", children: /* @__PURE__ */ N(Dr, { mode: "wait", children: [
-    X === "welcome" && !K && /* @__PURE__ */ g(
+    Q === "welcome" && !K && /* @__PURE__ */ g(
       kI,
       {
         agentId: Y,
@@ -40179,7 +40173,7 @@ function TI(e) {
         onParticipantNameChange: q,
         onStartCall: ve,
         onStartChat: Oe,
-        onStartVideo: Ue,
+        onStartVideo: He,
         disabled: x || K,
         prompts: s,
         statusMessage: a,
@@ -40194,20 +40188,20 @@ function TI(e) {
       },
       "welcome"
     ),
-    K && (X === "voice" || X === "chat" || X === "video") && /* @__PURE__ */ g(
+    K && (Q === "voice" || Q === "chat" || Q === "video") && /* @__PURE__ */ g(
       CI,
       {
         theme: y,
-        mode: X,
+        mode: Q,
         loadingText: h,
         initial: { opacity: 0, scale: 0.9 },
         animate: { opacity: 1, scale: 1 },
         exit: { opacity: 0, scale: 0.9 },
         transition: { duration: 0.3, ease: "easeInOut" }
       },
-      `loading-${X}`
+      `loading-${Q}`
     ),
-    X === "voice" && !K && x && le && /* @__PURE__ */ N(xc.Provider, { value: Re, children: [
+    Q === "voice" && !K && x && le && /* @__PURE__ */ N(xc.Provider, { value: Re, children: [
       /* @__PURE__ */ g(vc, {}, `audio-${(j == null ? void 0 : j.id) || "no-session"}`),
       /* @__PURE__ */ g(wc, { label: "Start Audio" }, `start-audio-${(j == null ? void 0 : j.id) || "no-session"}`),
       /* @__PURE__ */ g(
@@ -40232,7 +40226,7 @@ function TI(e) {
         "voice-session"
       )
     ] }),
-    X === "chat" && !K && x && le && /* @__PURE__ */ g(
+    Q === "chat" && !K && x && le && /* @__PURE__ */ g(
       EI,
       {
         client: le,
@@ -40251,7 +40245,7 @@ function TI(e) {
       },
       "chat-view"
     ),
-    X === "video" && !K && x && le && /* @__PURE__ */ N(xc.Provider, { value: Re, children: [
+    Q === "video" && !K && x && le && /* @__PURE__ */ N(xc.Provider, { value: Re, children: [
       /* @__PURE__ */ g(vc, {}, `audio-video-${(j == null ? void 0 : j.id) || "no-session"}`),
       /* @__PURE__ */ g(wc, { label: "Start Audio" }, `start-audio-video-${(j == null ? void 0 : j.id) || "no-session"}`),
       /* @__PURE__ */ g(