@voxket-ai/voxket-live 1.1.38 → 1.1.40

package/dist/index.js

@@ -3207,21 +3207,21 @@ function Mx(e) {
         $ && ($.liveStyle = !1);
       };
       for (const te in L) {
-        const $ = M[te], z = O[te];
+        const $ = M[te], V = O[te];
         if (h.hasOwnProperty(te))
           continue;
         let x = !1;
-        Cs($) && Cs(z) ? x = !Zh($, z) : x = $ !== z, x ? $ != null ? B(te) : f.add(te) : $ !== void 0 && f.has(te) ? B(te) : E.protectedKeys[te] = !0;
+        Cs($) && Cs(V) ? x = !Zh($, V) : x = $ !== V, x ? $ != null ? B(te) : f.add(te) : $ !== void 0 && f.has(te) ? B(te) : E.protectedKeys[te] = !0;
       }
       E.prevProp = v, E.prevResolvedValues = M, E.isActive && (h = { ...h, ...M }), r && e.blockInitialAnimation && (A = !1);
       const W = T && R;
       A && (!W || I) && d.push(...b.map((te) => {
         const $ = { type: y };
         if (typeof te == "string" && r && !W && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: z } = e, x = Mr(z, te);
-          if (z.enteringChildren && x) {
+          const { parent: V } = e, x = Mr(V, te);
+          if (V.enteringChildren && x) {
             const { delayChildren: U } = x.transition || {};
-            $.delay = Yh(z.enteringChildren, e, U);
+            $.delay = Yh(V.enteringChildren, e, U);
           }
         }
         return {
@@ -5274,7 +5274,7 @@ const vt = (e) => {
     "left-bottom"
   ], _ = () => [...C(), fe, de], T = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", "contain", "none"], A = () => [fe, de, l], I = () => [dr, "full", "auto", ...A()], b = () => [Dn, "none", "subgrid", fe, de], M = () => ["auto", {
     span: ["full", Dn, fe, de]
-  }, Dn, fe, de], O = () => [Dn, "auto", fe, de], L = () => ["auto", "min", "max", "fr", fe, de], B = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], W = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], oe = () => ["auto", ...A()], te = () => [dr, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...A()], $ = () => [e, fe, de], z = () => [...C(), $u, Bu, {
+  }, Dn, fe, de], O = () => [Dn, "auto", fe, de], L = () => ["auto", "min", "max", "fr", fe, de], B = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], W = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], oe = () => ["auto", ...A()], te = () => [dr, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...A()], $ = () => [e, fe, de], V = () => [...C(), $u, Bu, {
     position: [fe, de]
   }], x = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -6247,7 +6247,7 @@ const vt = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: z()
+        bg: V()
       }],
       /**
        * Background Repeat
@@ -6924,7 +6924,7 @@ const vt = (e) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: z()
+        mask: V()
       }],
       /**
        * Mask Repeat
@@ -8531,7 +8531,7 @@ function $o({
   showEndCall: R = !0,
   onEndCall: A
 }) {
-  var z;
+  var V;
   const I = $t(t), [b, M] = Ae.useState(""), O = Ae.useRef(null), L = () => {
     const x = b.trim();
     x && C && (C(x), M(""));
@@ -8611,7 +8611,7 @@ function $o({
           disabled: n || !b.trim(),
           className: ze(
             "p-2 rounded-full transition-all duration-200",
-            b.trim() ? ((z = I.video) == null ? void 0 : z.controlEnabled) || "bg-blue-500 text-white hover:bg-blue-600" : t === "light" ? "bg-gray-200 text-gray-400" : "bg-gray-700 text-gray-500",
+            b.trim() ? ((V = I.video) == null ? void 0 : V.controlEnabled) || "bg-blue-500 text-white hover:bg-blue-600" : t === "light" ? "bg-gray-200 text-gray-400" : "bg-gray-700 text-gray-500",
             n && "opacity-50 cursor-not-allowed",
             b.trim() && !n && "hover:scale-105"
           ),
@@ -12046,7 +12046,7 @@ function qS(e, t, n) {
     return k === null || xe(k) ? O(k) : De(k) ? (e.consume(k), M) : n(k);
   }
   function O(k) {
-    return k === 45 && i === 2 ? (e.consume(k), oe) : k === 60 && i === 1 ? (e.consume(k), te) : k === 62 && i === 4 ? (e.consume(k), U) : k === 63 && i === 3 ? (e.consume(k), x) : k === 93 && i === 5 ? (e.consume(k), z) : xe(k) && (i === 6 || i === 7) ? (e.exit("htmlFlowData"), e.check(WS, G, L)(k)) : k === null || xe(k) ? (e.exit("htmlFlowData"), L(k)) : (e.consume(k), O);
+    return k === 45 && i === 2 ? (e.consume(k), oe) : k === 60 && i === 1 ? (e.consume(k), te) : k === 62 && i === 4 ? (e.consume(k), U) : k === 63 && i === 3 ? (e.consume(k), x) : k === 93 && i === 5 ? (e.consume(k), V) : xe(k) && (i === 6 || i === 7) ? (e.exit("htmlFlowData"), e.check(WS, G, L)(k)) : k === null || xe(k) ? (e.exit("htmlFlowData"), L(k)) : (e.consume(k), O);
   }
   function L(k) {
     return e.check(GS, B, G)(k);
@@ -12070,7 +12070,7 @@ function qS(e, t, n) {
     }
     return Ft(k) && a.length < 8 ? (e.consume(k), a += String.fromCharCode(k), $) : O(k);
   }
-  function z(k) {
+  function V(k) {
     return k === 93 ? (e.consume(k), x) : O(k);
   }
   function x(k) {
@@ -12190,9 +12190,9 @@ function QS(e, t, n) {
     return e.exit("htmlTextData"), e.enter("lineEnding"), e.consume(x), e.exit("lineEnding"), $;
   }
   function $(x) {
-    return De(x) ? Be(e, z, "linePrefix", r.parser.constructs.disable.null.includes("codeIndented") ? void 0 : 4)(x) : z(x);
+    return De(x) ? Be(e, V, "linePrefix", r.parser.constructs.disable.null.includes("codeIndented") ? void 0 : 4)(x) : V(x);
   }
-  function z(x) {
+  function V(x) {
     return e.enter("htmlTextData"), a(x);
   }
 }
@@ -12814,7 +12814,7 @@ function $k(e, t, n) {
   function R(M, O) {
     return L;
     function L(B, W, oe) {
-      let te, $, z, x;
+      let te, $, V, x;
       return Array.isArray(B) ? (
         /* c8 ignore next 1 */
         G(B)
@@ -12843,7 +12843,7 @@ function $k(e, t, n) {
       function k(X) {
         return ie;
         function ie(Y) {
-          return x = I(), z = X, X.partial || (c.currentConstruct = X), X.name && c.parser.constructs.disable.null.includes(X.name) ? Z() : X.tokenize.call(
+          return x = I(), V = X, X.partial || (c.currentConstruct = X), X.name && c.parser.constructs.disable.null.includes(X.name) ? Z() : X.tokenize.call(
             // If we do have fields, create an object w/ `context` as its
             // prototype.
             // This allows a “live binding”, which is needed for `interrupt`.
@@ -12855,7 +12855,7 @@ function $k(e, t, n) {
         }
       }
       function K(X) {
-        return M(z, x), W;
+        return M(V, x), W;
       }
       function Z(X) {
         return x.restore(), ++$ < te.length ? k(te[$]) : oe;
@@ -13093,7 +13093,7 @@ function Yk(e) {
       htmlText: l(B),
       htmlTextData: b,
       image: l(te),
-      label: z,
+      label: V,
       labelText: $,
       lineEnding: M,
       link: l(oe),
@@ -13115,7 +13115,7 @@ function Yk(e) {
   Zp(t, (e || {}).mdastExtensions || []);
   const n = {};
   return r;
-  function r(V) {
+  function r(z) {
     let J = {
       type: "root",
       children: []
@@ -13131,31 +13131,31 @@ function Yk(e) {
       data: n
     }, Pe = [];
     let $e = -1;
-    for (; ++$e < V.length; )
-      if (V[$e][1].type === "listOrdered" || V[$e][1].type === "listUnordered")
-        if (V[$e][0] === "enter")
+    for (; ++$e < z.length; )
+      if (z[$e][1].type === "listOrdered" || z[$e][1].type === "listUnordered")
+        if (z[$e][0] === "enter")
           Pe.push($e);
         else {
           const Dt = Pe.pop();
-          $e = i(V, Dt, $e);
+          $e = i(z, Dt, $e);
         }
-    for ($e = -1; ++$e < V.length; ) {
-      const Dt = t[V[$e][0]];
-      Yp.call(Dt, V[$e][1].type) && Dt[V[$e][1].type].call(Object.assign({
-        sliceSerialize: V[$e][2].sliceSerialize
-      }, we), V[$e][1]);
+    for ($e = -1; ++$e < z.length; ) {
+      const Dt = t[z[$e][0]];
+      Yp.call(Dt, z[$e][1].type) && Dt[z[$e][1].type].call(Object.assign({
+        sliceSerialize: z[$e][2].sliceSerialize
+      }, we), z[$e][1]);
     }
     if (we.tokenStack.length > 0) {
       const Dt = we.tokenStack[we.tokenStack.length - 1];
       (Dt[1] || cd).call(we, void 0, Dt[0]);
     }
     for (J.position = {
-      start: Ln(V.length > 0 ? V[0][1].start : {
+      start: Ln(z.length > 0 ? z[0][1].start : {
         line: 1,
         column: 1,
         offset: 0
       }),
-      end: Ln(V.length > 0 ? V[V.length - 2][1].end : {
+      end: Ln(z.length > 0 ? z[z.length - 2][1].end : {
         line: 1,
         column: 1,
         offset: 0
@@ -13164,10 +13164,10 @@ function Yk(e) {
       J = t.transforms[$e](J) || J;
     return J;
   }
-  function i(V, J, we) {
+  function i(z, J, we) {
     let Pe = J - 1, $e = -1, Dt = !1, an, jt, Vt, Xt;
     for (; ++Pe <= we; ) {
-      const Tt = V[Pe];
+      const Tt = z[Pe];
       switch (Tt[1].type) {
         case "listUnordered":
         case "listOrdered":
@@ -13192,13 +13192,13 @@ function Yk(e) {
         if (an) {
           let dn = Pe;
           for (jt = void 0; dn--; ) {
-            const Nt = V[dn];
+            const Nt = z[dn];
             if (Nt[1].type === "lineEnding" || Nt[1].type === "lineEndingBlank") {
               if (Nt[0] === "exit") continue;
-              jt && (V[jt][1].type = "lineEndingBlank", Dt = !0), Nt[1].type = "lineEnding", jt = dn;
+              jt && (z[jt][1].type = "lineEndingBlank", Dt = !0), Nt[1].type = "lineEnding", jt = dn;
             } else if (!(Nt[1].type === "linePrefix" || Nt[1].type === "blockQuotePrefix" || Nt[1].type === "blockQuotePrefixWhitespace" || Nt[1].type === "blockQuoteMarker" || Nt[1].type === "listItemIndent")) break;
           }
-          Vt && (!jt || Vt < jt) && (an._spread = !0), an.end = Object.assign({}, jt ? V[jt][1].start : Tt[1].end), V.splice(jt || Pe, 0, ["exit", an, Tt[2]]), Pe++, we++;
+          Vt && (!jt || Vt < jt) && (an._spread = !0), an.end = Object.assign({}, jt ? z[jt][1].start : Tt[1].end), z.splice(jt || Pe, 0, ["exit", an, Tt[2]]), Pe++, we++;
         }
         if (Tt[1].type === "listItemPrefix") {
           const dn = {
@@ -13208,16 +13208,16 @@ function Yk(e) {
             // @ts-expect-error: we’ll add `end` in a second.
             end: void 0
           };
-          an = dn, V.splice(Pe, 0, ["enter", dn, Tt[2]]), Pe++, we++, Vt = void 0, Xt = !0;
+          an = dn, z.splice(Pe, 0, ["enter", dn, Tt[2]]), Pe++, we++, Vt = void 0, Xt = !0;
         }
       }
     }
-    return V[J][1]._spread = Dt, we;
+    return z[J][1]._spread = Dt, we;
   }
-  function o(V, J) {
+  function o(z, J) {
     return we;
     function we(Pe) {
-      s.call(this, V(Pe), Pe), J && J.call(this, Pe);
+      s.call(this, z(Pe), Pe), J && J.call(this, Pe);
     }
   }
   function a() {
@@ -13226,28 +13226,28 @@ function Yk(e) {
       children: []
     });
   }
-  function s(V, J, we) {
-    this.stack[this.stack.length - 1].children.push(V), this.stack.push(V), this.tokenStack.push([J, we || void 0]), V.position = {
+  function s(z, J, we) {
+    this.stack[this.stack.length - 1].children.push(z), this.stack.push(z), this.tokenStack.push([J, we || void 0]), z.position = {
       start: Ln(J.start),
       // @ts-expect-error: `end` will be patched later.
       end: void 0
     };
   }
-  function l(V) {
+  function l(z) {
     return J;
     function J(we) {
-      V && V.call(this, we), c.call(this, we);
+      z && z.call(this, we), c.call(this, we);
     }
   }
-  function c(V, J) {
+  function c(z, J) {
     const we = this.stack.pop(), Pe = this.tokenStack.pop();
     if (Pe)
-      Pe[0].type !== V.type && (J ? J.call(this, V, Pe[0]) : (Pe[1] || cd).call(this, V, Pe[0]));
-    else throw new Error("Cannot close `" + V.type + "` (" + di({
-      start: V.start,
-      end: V.end
+      Pe[0].type !== z.type && (J ? J.call(this, z, Pe[0]) : (Pe[1] || cd).call(this, z, Pe[0]));
+    else throw new Error("Cannot close `" + z.type + "` (" + di({
+      start: z.start,
+      end: z.end
     }) + "): it’s not open");
-    we.position.end = Ln(V.end);
+    we.position.end = Ln(z.end);
   }
   function u() {
     return Vl(this.stack.pop());
@@ -13255,134 +13255,134 @@ function Yk(e) {
   function d() {
     this.data.expectingFirstListItemValue = !0;
   }
-  function f(V) {
+  function f(z) {
     if (this.data.expectingFirstListItemValue) {
       const J = this.stack[this.stack.length - 2];
-      J.start = Number.parseInt(this.sliceSerialize(V), 10), this.data.expectingFirstListItemValue = void 0;
+      J.start = Number.parseInt(this.sliceSerialize(z), 10), this.data.expectingFirstListItemValue = void 0;
     }
   }
   function h() {
-    const V = this.resume(), J = this.stack[this.stack.length - 1];
-    J.lang = V;
+    const z = this.resume(), J = this.stack[this.stack.length - 1];
+    J.lang = z;
   }
   function m() {
-    const V = this.resume(), J = this.stack[this.stack.length - 1];
-    J.meta = V;
+    const z = this.resume(), J = this.stack[this.stack.length - 1];
+    J.meta = z;
   }
   function p() {
     this.data.flowCodeInside || (this.buffer(), this.data.flowCodeInside = !0);
   }
   function w() {
-    const V = this.resume(), J = this.stack[this.stack.length - 1];
-    J.value = V.replace(/^(\r?\n|\r)|(\r?\n|\r)$/g, ""), this.data.flowCodeInside = void 0;
+    const z = this.resume(), J = this.stack[this.stack.length - 1];
+    J.value = z.replace(/^(\r?\n|\r)|(\r?\n|\r)$/g, ""), this.data.flowCodeInside = void 0;
   }
   function y() {
-    const V = this.resume(), J = this.stack[this.stack.length - 1];
-    J.value = V.replace(/(\r?\n|\r)$/g, "");
+    const z = this.resume(), J = this.stack[this.stack.length - 1];
+    J.value = z.replace(/(\r?\n|\r)$/g, "");
   }
-  function E(V) {
+  function E(z) {
     const J = this.resume(), we = this.stack[this.stack.length - 1];
-    we.label = J, we.identifier = un(this.sliceSerialize(V)).toLowerCase();
+    we.label = J, we.identifier = un(this.sliceSerialize(z)).toLowerCase();
   }
   function v() {
-    const V = this.resume(), J = this.stack[this.stack.length - 1];
-    J.title = V;
+    const z = this.resume(), J = this.stack[this.stack.length - 1];
+    J.title = z;
   }
   function C() {
-    const V = this.resume(), J = this.stack[this.stack.length - 1];
-    J.url = V;
+    const z = this.resume(), J = this.stack[this.stack.length - 1];
+    J.url = z;
   }
-  function _(V) {
+  function _(z) {
     const J = this.stack[this.stack.length - 1];
     if (!J.depth) {
-      const we = this.sliceSerialize(V).length;
+      const we = this.sliceSerialize(z).length;
       J.depth = we;
     }
   }
   function T() {
     this.data.setextHeadingSlurpLineEnding = !0;
   }
-  function R(V) {
+  function R(z) {
     const J = this.stack[this.stack.length - 1];
-    J.depth = this.sliceSerialize(V).codePointAt(0) === 61 ? 1 : 2;
+    J.depth = this.sliceSerialize(z).codePointAt(0) === 61 ? 1 : 2;
   }
   function A() {
     this.data.setextHeadingSlurpLineEnding = void 0;
   }
-  function I(V) {
+  function I(z) {
     const we = this.stack[this.stack.length - 1].children;
     let Pe = we[we.length - 1];
     (!Pe || Pe.type !== "text") && (Pe = xt(), Pe.position = {
-      start: Ln(V.start),
+      start: Ln(z.start),
       // @ts-expect-error: we’ll add `end` later.
       end: void 0
     }, we.push(Pe)), this.stack.push(Pe);
   }
-  function b(V) {
+  function b(z) {
     const J = this.stack.pop();
-    J.value += this.sliceSerialize(V), J.position.end = Ln(V.end);
+    J.value += this.sliceSerialize(z), J.position.end = Ln(z.end);
   }
-  function M(V) {
+  function M(z) {
     const J = this.stack[this.stack.length - 1];
     if (this.data.atHardBreak) {
       const we = J.children[J.children.length - 1];
-      we.position.end = Ln(V.end), this.data.atHardBreak = void 0;
+      we.position.end = Ln(z.end), this.data.atHardBreak = void 0;
       return;
     }
-    !this.data.setextHeadingSlurpLineEnding && t.canContainEols.includes(J.type) && (I.call(this, V), b.call(this, V));
+    !this.data.setextHeadingSlurpLineEnding && t.canContainEols.includes(J.type) && (I.call(this, z), b.call(this, z));
   }
   function O() {
     this.data.atHardBreak = !0;
   }
   function L() {
-    const V = this.resume(), J = this.stack[this.stack.length - 1];
-    J.value = V;
+    const z = this.resume(), J = this.stack[this.stack.length - 1];
+    J.value = z;
   }
   function B() {
-    const V = this.resume(), J = this.stack[this.stack.length - 1];
-    J.value = V;
+    const z = this.resume(), J = this.stack[this.stack.length - 1];
+    J.value = z;
   }
   function W() {
-    const V = this.resume(), J = this.stack[this.stack.length - 1];
-    J.value = V;
+    const z = this.resume(), J = this.stack[this.stack.length - 1];
+    J.value = z;
   }
   function oe() {
-    const V = this.stack[this.stack.length - 1];
+    const z = this.stack[this.stack.length - 1];
     if (this.data.inReference) {
       const J = this.data.referenceType || "shortcut";
-      V.type += "Reference", V.referenceType = J, delete V.url, delete V.title;
+      z.type += "Reference", z.referenceType = J, delete z.url, delete z.title;
     } else
-      delete V.identifier, delete V.label;
+      delete z.identifier, delete z.label;
     this.data.referenceType = void 0;
   }
   function te() {
-    const V = this.stack[this.stack.length - 1];
+    const z = this.stack[this.stack.length - 1];
     if (this.data.inReference) {
       const J = this.data.referenceType || "shortcut";
-      V.type += "Reference", V.referenceType = J, delete V.url, delete V.title;
+      z.type += "Reference", z.referenceType = J, delete z.url, delete z.title;
     } else
-      delete V.identifier, delete V.label;
+      delete z.identifier, delete z.label;
     this.data.referenceType = void 0;
   }
-  function $(V) {
-    const J = this.sliceSerialize(V), we = this.stack[this.stack.length - 2];
+  function $(z) {
+    const J = this.sliceSerialize(z), we = this.stack[this.stack.length - 2];
     we.label = Gk(J), we.identifier = un(J).toLowerCase();
   }
-  function z() {
-    const V = this.stack[this.stack.length - 1], J = this.resume(), we = this.stack[this.stack.length - 1];
+  function V() {
+    const z = this.stack[this.stack.length - 1], J = this.resume(), we = this.stack[this.stack.length - 1];
     if (this.data.inReference = !0, we.type === "link") {
-      const Pe = V.children;
+      const Pe = z.children;
       we.children = Pe;
     } else
       we.alt = J;
   }
   function x() {
-    const V = this.resume(), J = this.stack[this.stack.length - 1];
-    J.url = V;
+    const z = this.resume(), J = this.stack[this.stack.length - 1];
+    J.url = z;
   }
   function U() {
-    const V = this.resume(), J = this.stack[this.stack.length - 1];
-    J.title = V;
+    const z = this.resume(), J = this.stack[this.stack.length - 1];
+    J.title = z;
   }
   function G() {
     this.data.inReference = void 0;
@@ -13390,33 +13390,33 @@ function Yk(e) {
   function k() {
     this.data.referenceType = "collapsed";
   }
-  function K(V) {
+  function K(z) {
     const J = this.resume(), we = this.stack[this.stack.length - 1];
-    we.label = J, we.identifier = un(this.sliceSerialize(V)).toLowerCase(), this.data.referenceType = "full";
+    we.label = J, we.identifier = un(this.sliceSerialize(z)).toLowerCase(), this.data.referenceType = "full";
   }
-  function Z(V) {
-    this.data.characterReferenceType = V.type;
+  function Z(z) {
+    this.data.characterReferenceType = z.type;
   }
-  function X(V) {
-    const J = this.sliceSerialize(V), we = this.data.characterReferenceType;
+  function X(z) {
+    const J = this.sliceSerialize(z), we = this.data.characterReferenceType;
     let Pe;
     we ? (Pe = $p(J, we === "characterReferenceMarkerNumeric" ? 10 : 16), this.data.characterReferenceType = void 0) : Pe = zl(J);
     const $e = this.stack[this.stack.length - 1];
     $e.value += Pe;
   }
-  function ie(V) {
+  function ie(z) {
     const J = this.stack.pop();
-    J.position.end = Ln(V.end);
+    J.position.end = Ln(z.end);
   }
-  function Y(V) {
-    b.call(this, V);
+  function Y(z) {
+    b.call(this, z);
     const J = this.stack[this.stack.length - 1];
-    J.url = this.sliceSerialize(V);
+    J.url = this.sliceSerialize(z);
   }
-  function re(V) {
-    b.call(this, V);
+  function re(z) {
+    b.call(this, z);
     const J = this.stack[this.stack.length - 1];
-    J.url = "mailto:" + this.sliceSerialize(V);
+    J.url = "mailto:" + this.sliceSerialize(z);
   }
   function j() {
     return {
@@ -13488,19 +13488,19 @@ function Yk(e) {
       children: []
     };
   }
-  function ft(V) {
+  function ft(z) {
     return {
       type: "list",
-      ordered: V.type === "listOrdered",
+      ordered: z.type === "listOrdered",
       start: null,
-      spread: V._spread,
+      spread: z._spread,
       children: []
     };
   }
-  function _t(V) {
+  function _t(z) {
     return {
       type: "listItem",
-      spread: V._spread,
+      spread: z._spread,
       checked: null,
       children: []
     };
@@ -22074,9 +22074,9 @@ const Bd = "[A-Za-z$_][0-9A-Za-z$_]*", cN = [
   Pg
 );
 function hN(e) {
-  const t = e.regex, n = ($, { after: z }) => {
+  const t = e.regex, n = ($, { after: V }) => {
     const x = "</" + $[0].slice(1);
-    return $.input.indexOf(x, z) !== -1;
+    return $.input.indexOf(x, V) !== -1;
   }, r = Bd, i = {
     begin: "<>",
     end: "</>"
@@ -22087,7 +22087,7 @@ function hN(e) {
      * @param {RegExpMatchArray} match
      * @param {CallbackResponse} response
      */
-    isTrulyOpeningTag: ($, z) => {
+    isTrulyOpeningTag: ($, V) => {
       const x = $[0].length + $.index, U = $.input[x];
       if (
         // HTML should not include another raw `<` inside a tag
@@ -22097,18 +22097,18 @@ function hN(e) {
         // `<T, A extends keyof T, V>`
         U === ","
       ) {
-        z.ignoreMatch();
+        V.ignoreMatch();
         return;
       }
-      U === ">" && (n($, { after: x }) || z.ignoreMatch());
+      U === ">" && (n($, { after: x }) || V.ignoreMatch());
       let G;
       const k = $.input.substring(x);
       if (G = k.match(/^\s*=/)) {
-        z.ignoreMatch();
+        V.ignoreMatch();
         return;
       }
       if ((G = k.match(/^\s+extends\s+/)) && G.index === 0) {
-        z.ignoreMatch();
+        V.ignoreMatch();
         return;
       }
     }
@@ -28857,7 +28857,7 @@ function nA(e) {
         ]
       }
     ] }
-  }, z = {
+  }, V = {
     scope: "keyword",
     match: qe(/@/, Lt(...eA), ni(Lt(/\(/, /\s+/)))
   }, x = {
@@ -28865,7 +28865,7 @@ function nA(e) {
     match: qe(/@/, gn)
   }, U = [
     $,
-    z,
+    V,
     x
   ], G = {
     match: ni(/\b[A-Z]/),
@@ -29287,9 +29287,9 @@ const Ao = "[A-Za-z$_][0-9A-Za-z$_]*", Ug = [
   Wg
 );
 function rA(e) {
-  const t = e.regex, n = ($, { after: z }) => {
+  const t = e.regex, n = ($, { after: V }) => {
     const x = "</" + $[0].slice(1);
-    return $.input.indexOf(x, z) !== -1;
+    return $.input.indexOf(x, V) !== -1;
   }, r = Ao, i = {
     begin: "<>",
     end: "</>"
@@ -29300,7 +29300,7 @@ function rA(e) {
      * @param {RegExpMatchArray} match
      * @param {CallbackResponse} response
      */
-    isTrulyOpeningTag: ($, z) => {
+    isTrulyOpeningTag: ($, V) => {
       const x = $[0].length + $.index, U = $.input[x];
       if (
         // HTML should not include another raw `<` inside a tag
@@ -29310,18 +29310,18 @@ function rA(e) {
         // `<T, A extends keyof T, V>`
         U === ","
       ) {
-        z.ignoreMatch();
+        V.ignoreMatch();
         return;
       }
-      U === ">" && (n($, { after: x }) || z.ignoreMatch());
+      U === ">" && (n($, { after: x }) || V.ignoreMatch());
       let G;
       const k = $.input.substring(x);
       if (G = k.match(/^\s*=/)) {
-        z.ignoreMatch();
+        V.ignoreMatch();
         return;
       }
       if ((G = k.match(/^\s+extends\s+/)) && G.index === 0) {
-        z.ignoreMatch();
+        V.ignoreMatch();
         return;
       }
     }
@@ -30894,7 +30894,7 @@ function uA() {
         // look for 3 words in a row
       }
     ), le;
-  }, z = $("//", "$"), x = $("/\\*", "\\*/"), U = $("#", "$"), G = {
+  }, V = $("//", "$"), x = $("/\\*", "\\*/"), U = $("#", "$"), G = {
     scope: "number",
     begin: I,
     relevance: 0
@@ -30940,7 +30940,7 @@ function uA() {
     BINARY_NUMBER_RE: M,
     COMMENT: $,
     C_BLOCK_COMMENT_MODE: x,
-    C_LINE_COMMENT_MODE: z,
+    C_LINE_COMMENT_MODE: V,
     C_NUMBER_MODE: k,
     C_NUMBER_RE: b,
     END_SAME_AS_BEGIN: function(S) {
@@ -31047,7 +31047,7 @@ function uA() {
     console.error(S);
   }, Xe = (S, ...F) => {
     console.log(`WARN: ${S}`, ...F);
-  }, V = (S, F) => {
+  }, z = (S, F) => {
     ce[`${S}/${F}`] || (console.log(`Deprecated as of ${S}. ${F}`), ce[`${S}/${F}`] = !0);
   }, J = new Error();
   function we(S, F, { key: q }) {
@@ -31234,7 +31234,7 @@ function uA() {
     }
     function mt(ee, ye, Fe) {
       let nt = "", wt = "";
-      typeof ye == "object" ? (nt = ee, Fe = ye.ignoreIllegals, wt = ye.language) : (V("10.7.0", "highlight(lang, code, ...args) has been deprecated."), V("10.7.0", `Please use highlight(code, options) instead.
+      typeof ye == "object" ? (nt = ee, Fe = ye.ignoreIllegals, wt = ye.language) : (z("10.7.0", "highlight(lang, code, ...args) has been deprecated."), z("10.7.0", `Please use highlight(code, options) instead.
 https://github.com/highlightjs/highlight.js/issues/2277`), wt = ee, nt = ye), Fe === void 0 && (Fe = !0);
       const sn = {
         code: nt,
@@ -31503,10 +31503,10 @@ https://github.com/highlightjs/highlight.js/issues/2277`), wt = ee, nt = ye), Fe
       ue = cr(ue, ee);
     }
     const Cm = () => {
-      Pi(), V("10.6.0", "initHighlighting() deprecated.  Use highlightAll() now.");
+      Pi(), z("10.6.0", "initHighlighting() deprecated.  Use highlightAll() now.");
     };
     function Tm() {
-      Pi(), V("10.6.0", "initHighlightingOnLoad() deprecated.  Use highlightAll() now.");
+      Pi(), z("10.6.0", "initHighlightingOnLoad() deprecated.  Use highlightAll() now.");
     }
     let dc = !1;
     function Pi() {
@@ -31577,7 +31577,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), wt = ee, nt = ye), Fe
       });
     }
     function Pm(ee) {
-      return V("10.7.0", "highlightBlock will be removed entirely in v12.0"), V("10.7.0", "Please use highlightElement now."), aa(ee);
+      return z("10.7.0", "highlightBlock will be removed entirely in v12.0"), z("10.7.0", "Please use highlightElement now."), aa(ee);
     }
     Object.assign(S, {
       highlight: mt,
@@ -31864,7 +31864,7 @@ function xA({ message: e, theme: t, isOwn: n, isStreaming: r = !1 }) {
     var d, f;
     return ((d = e == null ? void 0 : e.metadata) == null ? void 0 : d.format) === "markdown" || ((f = e == null ? void 0 : e.metadata) == null ? void 0 : f.markdown) === !0 || iE(e.content);
   }, [e.content, e.metadata]), s = D.useMemo(() => a ? oE(e.content) : e.content, [e.content, a]), l = D.useMemo(() => nE(t), [t]);
-  return /* @__PURE__ */ g("div", { className: `flex w-full ${n ? "justify-end" : "justify-start"} mb-4 px-1`, children: /* @__PURE__ */ N("div", { className: `relative group ${n ? "flex-row-reverse" : "flex-row"} flex items-end gap-3 max-w-[85%] min-w-0`, children: [
+  return /* @__PURE__ */ g("div", { className: `flex w-full ${n ? "justify-end" : "justify-start"} mb-4 px-3`, children: /* @__PURE__ */ N("div", { className: `relative group ${n ? "flex-row-reverse" : "flex-row"} flex items-end gap-3 w-full min-w-0`, children: [
     /* @__PURE__ */ g(
       "div",
       {
@@ -31876,14 +31876,14 @@ function xA({ message: e, theme: t, isOwn: n, isStreaming: r = !1 }) {
       "div",
       {
         className: `
-            relative px-3 py-2 rounded-2xl break-words shadow-lg backdrop-blur-sm message-bubble message-hover min-w-0 max-w-full overflow-hidden
+            relative px-3 py-2 rounded-2xl break-words shadow-lg backdrop-blur-sm message-bubble message-hover min-w-0 max-w-[85%] overflow-hidden
             ${n ? `${i.chatMessage.own} rounded-br-md` : `${i.chatMessage.other} rounded-bl-md`}
             ${r ? "shimmer" : ""}
             transition-all duration-200 group-hover:scale-[1.02]
           `,
         style: { wordWrap: "break-word", overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" },
         children: [
-          /* @__PURE__ */ g("div", { className: "leading-relaxed text-sm overflow-hidden", children: ((c = e.metadata) == null ? void 0 : c.type) === "attachment" ? /* @__PURE__ */ g(tE, { message: e, theme: t, isOwn: n }) : r && !n ? /* @__PURE__ */ g(
+          /* @__PURE__ */ g("div", { className: "leading-relaxed text-sm overflow-hidden min-w-0", children: ((c = e.metadata) == null ? void 0 : c.type) === "attachment" ? /* @__PURE__ */ g(tE, { message: e, theme: t, isOwn: n }) : r && !n ? /* @__PURE__ */ g(
             Qv,
             {
               text: e.content,
@@ -31899,7 +31899,7 @@ function xA({ message: e, theme: t, isOwn: n, isStreaming: r = !1 }) {
               components: l,
               children: s
             }
-          ) : /* @__PURE__ */ g("span", { className: "whitespace-pre-wrap break-words", children: rE(e.content, t) }) }),
+          ) : /* @__PURE__ */ g("span", { className: "whitespace-pre-wrap break-words", style: { overflowWrap: "anywhere", wordBreak: "break-word" }, children: rE(e.content, t) }) }),
           /* @__PURE__ */ g("div", { className: "text-xs", children: e.timestamp.toLocaleTimeString([], {
             hour: "2-digit",
             minute: "2-digit"
@@ -32095,7 +32095,7 @@ function Jl({
     smartScrollToBottom: I,
     handleScroll: b,
     scrollToBottom: M
-  } = TA(), { isMobile: O, isFullscreen: L, setIsFullscreen: B } = NA(), [W, oe] = D.useState(/* @__PURE__ */ new Set()), [te, $] = D.useState([]), z = $t(t);
+  } = TA(), { isMobile: O, isFullscreen: L, setIsFullscreen: B } = NA(), [W, oe] = D.useState(/* @__PURE__ */ new Set()), [te, $] = D.useState([]), V = $t(t);
   D.useEffect(() => (L && O && (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)), () => {
     L && O && (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));
   }), [L, O]);
@@ -32348,7 +32348,7 @@ function Jl({
       e.off("suggested.response", P);
     };
   }, [e]);
-  const X = L && O ? "fullscreen" : i, ie = X === "fullscreen" ? L && O ? "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", Y = X === "fullscreen" ? L && O ? "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 ${z.chatHeader.container}` : `flex items-center w-full justify-between px-4 h-12 border-b ${z.chatHeader.container}`, re = X === "fullscreen" ? L && O ? "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", j = "flex-shrink-0 !w-full", ve = () => {
+  const X = L && O ? "fullscreen" : i, ie = X === "fullscreen" ? L && O ? `fixed inset-0 z-[9999] flex flex-col h-[100svh] w-screen min-h-0 ${V.main}` : "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", Y = X === "fullscreen" ? L && O ? `flex items-center w-full justify-between px-3 h-11 ${V.chatHeader.container} border-b` : `flex items-center w-full justify-between px-5 h-12 border-b ${V.chatHeader.container}` : `flex items-center w-full justify-between px-4 h-12 border-b ${V.chatHeader.container}`, re = X === "fullscreen" ? L && O ? "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", j = "flex-shrink-0 !w-full", ve = () => {
     B(!1), n && n();
   };
   return /* @__PURE__ */ N("div", { className: `${ie} relative`, children: [
@@ -32357,8 +32357,8 @@ function Jl({
         /* @__PURE__ */ g(
           "h3",
           {
-            className: `!font-semibold !text-sm leading-tight ${L && O ? "text-white" : z.text.primary}`,
-            children: "Chat"
+            className: `!font-semibold !text-sm pl-3 leading-tight ${L && O ? "" : V.text.primary}`,
+            children: "Transcription"
           }
         ),
         E === "idle" && /* @__PURE__ */ g("span", { className: `px-2 py-1 text-xs rounded-full ${t === "light" ? "bg-gray-100 text-gray-600" : "bg-gray-700 text-gray-400"}`, children: "Idle" })
@@ -32408,7 +32408,7 @@ function Jl({
       "div",
       {
         ref: T,
-        className: `${re} flex flex-col`,
+        className: `${re}`,
         style: {
           scrollBehavior: "smooth",
           scrollbarWidth: "none",
@@ -32416,7 +32416,7 @@ function Jl({
           overscrollBehavior: "contain"
         },
         onScroll: b,
-        children: d.length === 0 ? /* @__PURE__ */ N("div", { className: "flex flex-col items-center justify-center flex-1 text-center py-12", children: [
+        children: d.length === 0 ? /* @__PURE__ */ N("div", { className: "flex flex-col items-center justify-center h-full text-center py-12", children: [
           /* @__PURE__ */ g(
             Re.div,
             {
@@ -32432,15 +32432,15 @@ function Jl({
               children: G
             }
           ),
-          /* @__PURE__ */ N("p", { className: `text-base mb-2 ${L && O ? "text-white" : z.text.secondary}`, children: [
+          /* @__PURE__ */ N("p", { className: `text-base mb-2 ${L && O ? "text-white" : V.text.secondary}`, children: [
             U,
             " is joining..."
           ] }),
-          /* @__PURE__ */ g("p", { className: `text-xs ${L && O ? "text-gray-300" : z.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: [
+          /* @__PURE__ */ g("p", { className: `text-xs ${L && O ? "text-gray-300" : V.text.muted}`, children: "Your conversation will begin shortly" })
+        ] }) : /* @__PURE__ */ g("div", { className: "w-full space-y-3 py-4 px-2", children: /* @__PURE__ */ N("div", { className: "space-y-3", children: [
           d.map((P, ne) => {
             var Ee, he, ae, me;
-            return /* @__PURE__ */ g("div", { children: ((Ee = P.metadata) == null ? void 0 : Ee.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: [
+            return /* @__PURE__ */ g("div", { children: ((Ee = P.metadata) == null ? void 0 : Ee.type) === "successView" ? /* @__PURE__ */ g("div", { className: "flex w-full justify-end mb-4 px-3", children: /* @__PURE__ */ N("div", { className: "relative group flex-row-reverse flex items-end gap-3 w-full min-w-0", children: [
               /* @__PURE__ */ g(
                 Re.div,
                 {
@@ -32451,36 +32451,36 @@ function Jl({
                   children: G
                 }
               ),
-              /* @__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-br-md message-hover border-gray-200 dark:border-gray-700 ${z.chatMessage.own} min-w-0 max-w-full break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
+              /* @__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-br-md message-hover border-gray-200 dark:border-gray-700 ${V.chatMessage.own} min-w-0 max-w-[85%] break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
                 P.metadata.view,
-                /* @__PURE__ */ g("div", { className: `text-xs ${z.text.muted} mt-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200`, children: P.timestamp.toLocaleTimeString([], {
+                /* @__PURE__ */ g("div", { className: `text-xs ${V.text.muted} mt-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200`, children: P.timestamp.toLocaleTimeString([], {
                   hour: "2-digit",
                   minute: "2-digit"
                 }) })
               ] })
-            ] }) }) : ((he = P.metadata) == null ? void 0 : he.type) === "timeoutView" ? /* @__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: [
+            ] }) }) : ((he = P.metadata) == null ? void 0 : he.type) === "timeoutView" ? /* @__PURE__ */ g("div", { className: "flex w-full justify-start mb-4 px-3", children: /* @__PURE__ */ N("div", { className: "relative group flex-row flex items-end gap-3 w-full 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: G }),
-              /* @__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 ${z.chatMessage.other} min-w-0 max-w-full break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
+              /* @__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 ${V.chatMessage.other} min-w-0 max-w-[85%] break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
                 P.metadata.view,
-                /* @__PURE__ */ g("div", { className: `text-xs ${z.text.muted} mt-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200`, children: P.timestamp.toLocaleTimeString([], {
+                /* @__PURE__ */ g("div", { className: `text-xs ${V.text.muted} mt-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200`, children: P.timestamp.toLocaleTimeString([], {
                   hour: "2-digit",
                   minute: "2-digit"
                 }) })
               ] })
-            ] }) }) : ((ae = P.metadata) == null ? void 0 : ae.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: [
+            ] }) }) : ((ae = P.metadata) == null ? void 0 : ae.type) === "visualization" ? /* @__PURE__ */ g("div", { className: "flex w-full justify-start mb-4 px-3", children: /* @__PURE__ */ N("div", { className: "relative group flex-row flex items-end gap-3 w-full 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: G }),
-              /* @__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 ${z.chatMessage.other} min-w-0 max-w-full break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
+              /* @__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 ${V.chatMessage.other} min-w-0 max-w-[85%] break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
                 P.metadata.view,
-                /* @__PURE__ */ g("div", { className: `text-xs ${z.text.muted} mt-1 opacity-70 transition-opacity duration-200`, children: P.timestamp.toLocaleTimeString([], {
+                /* @__PURE__ */ g("div", { className: `text-xs ${V.text.muted} mt-1 opacity-70 transition-opacity duration-200`, children: P.timestamp.toLocaleTimeString([], {
                   hour: "2-digit",
                   minute: "2-digit"
                 }) })
               ] })
-            ] }) }) : ((me = P.metadata) == null ? void 0 : me.type) === "toolExecution" ? /* @__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: [
+            ] }) }) : ((me = P.metadata) == null ? void 0 : me.type) === "toolExecution" ? /* @__PURE__ */ g("div", { className: "flex w-full justify-start mb-4 px-3", children: /* @__PURE__ */ N("div", { className: "relative group flex-row flex items-end gap-3 w-full 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: G }),
-              /* @__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 ${z.chatMessage.other} min-w-0 max-w-full break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
+              /* @__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 ${V.chatMessage.other} min-w-0 max-w-[85%] break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
                 P.metadata.view,
-                /* @__PURE__ */ g("div", { className: `text-xs ${z.text.muted} mt-1 opacity-70 transition-opacity duration-200`, children: P.timestamp.toLocaleTimeString([], {
+                /* @__PURE__ */ g("div", { className: `text-xs ${V.text.muted} mt-1 opacity-70 transition-opacity duration-200`, children: P.timestamp.toLocaleTimeString([], {
                   hour: "2-digit",
                   minute: "2-digit"
                 }) })
@@ -32516,7 +32516,7 @@ function Jl({
                 children: G
               }
             ),
-            /* @__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 ${z.chatMessage.other} min-w-0 max-w-full break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
+            /* @__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 ${V.chatMessage.other} min-w-0 max-w-full break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
               /* @__PURE__ */ g(
                 vo,
                 {
@@ -32534,7 +32534,7 @@ function Jl({
                   initial: { opacity: 0 },
                   animate: { opacity: 1 },
                   transition: { delay: 0.2 },
-                  className: `text-xs ${z.text.muted} mt-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200`,
+                  className: `text-xs ${V.text.muted} mt-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200`,
                   children: (/* @__PURE__ */ new Date()).toLocaleTimeString([], {
                     hour: "2-digit",
                     minute: "2-digit"
@@ -32560,13 +32560,13 @@ 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 && te.length > 0 && /* @__PURE__ */ g("div", { className: "w-full flex overflow-x-auto gap-2 px-4 py-2 mb-1 scrollbar-hide", children: te.map((P, ne) => {
+    l && te.length > 0 && /* @__PURE__ */ g("div", { className: "w-full flex overflow-x-auto gap-2 px-4 py-2 mb-1 scrollbar-hide flex-shrink-0", children: te.map((P, ne) => {
       var Ee;
       return /* @__PURE__ */ g(
         "button",
         {
           className: `whitespace-nowrap px-3 py-1 rounded-full border shadow-sm flex-shrink-0 transition-all duration-150 font-medium text-sm focus:outline-none focus:ring-2 focus:ring-blue-400/40
-                ${t === "light" ? "bg-white text-blue-700 border-blue-200 hover:bg-blue-50 hover:text-blue-900" : t === "dark" ? "bg-gray-800 text-blue-300 border-gray-700 hover:bg-gray-700 hover:text-white" : ((Ee = z.suggestedResponse) == null ? void 0 : Ee.container) || "bg-gradient-to-br from-blue-500 to-purple-600 text-white border-blue-400 hover:from-blue-600 hover:to-purple-700"}
+                ${t === "light" ? "bg-white text-blue-700 border-blue-200 hover:bg-blue-50 hover:text-blue-900" : t === "dark" ? "bg-gray-800 text-blue-300 border-gray-700 hover:bg-gray-700 hover:text-white" : ((Ee = V.suggestedResponse) == null ? void 0 : Ee.container) || "bg-gradient-to-br from-blue-500 to-purple-600 text-white border-blue-400 hover:from-blue-600 hover:to-purple-700"}
               `,
           style: {
             boxShadow: t === "vox" ? "0 2px 8px 0 rgba(80,60,200,0.10)" : void 0,
@@ -32718,7 +32718,7 @@ const Yg = Ae.forwardRef(({
     M.main,
     a === "fullscreen" ? "max-w-none" : "",
     "overflow-hidden h-full"
-  ), $ = s && (a === "popup" || a === "fullscreen"), z = Ae.useMemo(() => d ? "Agent is taking longer than expected..." : O ? "Room connected. Waiting for agent..." : r, [d, O, r]), x = Ae.useMemo(() => d ? "Please check your connection or try again." : O ? "The agent will join shortly." : "Agent is connecting... This may take a moment.", [d, O]), U = o.getCurrentAgentInfo();
+  ), $ = s && (a === "popup" || a === "fullscreen"), V = Ae.useMemo(() => d ? "Agent is taking longer than expected..." : O ? "Room connected. Waiting for agent..." : r, [d, O, r]), x = Ae.useMemo(() => d ? "Please check your connection or try again." : O ? "The agent will join shortly." : "Agent is connecting... This may take a moment.", [d, O]), U = o.getCurrentAgentInfo();
   return y ? /* @__PURE__ */ N("main", { ref: l, className: ze(te, "relative", e && "pointer-events-none opacity-50"), children: [
     ($ || _) && /* @__PURE__ */ N("div", { className: `flex items-center justify-between w-full p-4 border-b ${((G = M.chatHeader) == null ? void 0 : G.container) || "border-gray-200"}`, children: [
       /* @__PURE__ */ g("div", { children: /* @__PURE__ */ g("h3", { className: `font-semibold ${M.text.primary}`, children: (U == null ? void 0 : U.agentName) || "Voice Session" }) }),
@@ -32735,7 +32735,7 @@ const Yg = Ae.forwardRef(({
     ] }),
     /* @__PURE__ */ g("div", { className: "flex-1 flex items-center justify-center w-full", children: /* @__PURE__ */ N("div", { className: "flex flex-col items-center justify-center w-full h-full min-h-[180px]", children: [
       /* @__PURE__ */ g(Re.div, { animate: { rotate: 360, scale: [1, 1.1, 1] }, transition: { rotate: { duration: 2, repeat: 1 / 0, ease: "linear" }, scale: { duration: 1, repeat: 1 / 0, ease: "easeInOut" } }, className: "w-12 h-12 mb-4", children: /* @__PURE__ */ g(So, { className: M.spinner, weight: "bold" }) }),
-      /* @__PURE__ */ g(Re.span, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, className: `text-sm opacity-80 ${M.text.muted} text-center max-w-xs`, children: z }),
+      /* @__PURE__ */ g(Re.span, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, className: `text-sm opacity-80 ${M.text.muted} text-center max-w-xs`, children: V }),
       /* @__PURE__ */ g(Re.p, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 2 }, className: `text-xs ${M.text.muted} mt-2 text-center opacity-60`, children: x }),
       d && s && /* @__PURE__ */ g(Re.button, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, transition: { delay: 0.5 }, onClick: s, className: `mt-4 px-4 py-2 rounded-lg ${((k = M.chatHeader) == null ? void 0 : k.backButton) || "bg-gray-100 hover:bg-gray-200"} transition-colors`, children: "Go Back" })
     ] }) })
@@ -32753,24 +32753,29 @@ const Yg = Ae.forwardRef(({
         }
       )
     ] }),
-    /* @__PURE__ */ N("div", { className: "w-full flex-1 flex flex-col items-center px-0 min-h-0 overflow-hidden", children: [
+    /* @__PURE__ */ N("div", { className: "w-full flex-1 flex flex-col items-center px-0 min-h-0 overflow-hidden relative", children: [
       !B && /* @__PURE__ */ N("div", { className: "flex flex-col items-center justify-center w-full h-full min-h-[180px]", children: [
         /* @__PURE__ */ g(Re.div, { animate: { rotate: 360, scale: [1, 1.1, 1] }, transition: { rotate: { duration: 2, repeat: 1 / 0, ease: "linear" }, scale: { duration: 1, repeat: 1 / 0, ease: "easeInOut" } }, className: "w-12 h-12 mb-4", children: /* @__PURE__ */ g(So, { className: M.spinner, weight: "bold" }) }),
-        /* @__PURE__ */ g(Re.span, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, className: `text-sm opacity-80 ${M.text.muted} text-center max-w-xs`, children: z }),
+        /* @__PURE__ */ g(Re.span, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, className: `text-sm opacity-80 ${M.text.muted} text-center max-w-xs`, children: V }),
         /* @__PURE__ */ g(Re.p, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 2 }, className: `text-xs ${M.text.muted} mt-2 text-center opacity-60`, children: x }),
         d && s && /* @__PURE__ */ g(Re.button, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, transition: { delay: 0.5 }, onClick: s, className: `mt-4 px-4 py-2 rounded-lg ${((Z = M.chatHeader) == null ? void 0 : Z.backButton) || "bg-gray-100 hover:bg-gray-200"} transition-colors`, children: "Go Back" })
       ] }),
       B && /* @__PURE__ */ N(St, { children: [
-        c && // Chat overlay
+        c && // Chat overlay - fills the content area above controls
         /* @__PURE__ */ g(
           "div",
           {
             className: ze(
-              "h-full left-0 right-0 w-full top-0 flex flex-col transition-[opacity,translate] duration-300 ease-out z-10",
-              i === "light" ? "bg-white" : "bg-black backdrop-blur-sm",
-              "translate-y-0 opacity-100 delay-200"
+              // min-h-0 is critical so nested flex + overflow containers can scroll on mobile
+              "absolute inset-0 flex flex-col min-h-0 transition-[opacity,transform] duration-300 ease-out z-10",
+              M.main
             ),
-            style: { bottom: `${R}px` },
+            style: {
+              bottom: 0,
+              top: 0,
+              left: 0,
+              right: 0
+            },
             children: /* @__PURE__ */ g(Jl, { client: o, theme: i, displayType: a === "fullscreen" ? "fullscreen" : "widget", disabled: e, onBack: () => u(!1), showTimer: !1 })
           }
         ),
@@ -32888,9 +32893,9 @@ function AA({
       };
     }
   }, [A]);
-  const z = _ == null ? void 0 : _.localParticipant, x = D.useMemo(() => (e ? e.getCameraTrackRefs() : []).find((Z) => Z.participant === z), [e, z]), G = T.filter(
-    (Z) => Z.participant !== z
-  )[0], k = D.useMemo(() => (R || []).find((Z) => Z.participant === z), [R, z]);
+  const V = _ == null ? void 0 : _.localParticipant, x = D.useMemo(() => (e ? e.getCameraTrackRefs() : []).find((Z) => Z.participant === V), [e, V]), G = T.filter(
+    (Z) => Z.participant !== V
+  )[0], k = D.useMemo(() => (R || []).find((Z) => Z.participant === V), [R, V]);
   return /* @__PURE__ */ N("div", { className: `flex flex-col h-full ${a.video.container} relative`, children: [
     /* @__PURE__ */ N("div", { className: `flex items-center justify-between p-4 border-b ${a.video.header}`, children: [
       /* @__PURE__ */ N("div", { className: "flex items-center gap-3", children: [
@@ -33010,7 +33015,7 @@ function AA({
           jd,
           {
             trackRef: x,
-            participant: z || void 0,
+            participant: V || void 0,
             isLocal: !0,
             theme: t,
             className: "w-full h-full"
@@ -33218,7 +33223,7 @@ function OA() {
       }
     }
     var _ = l, T = c, R = s, A = a, I = t, b = u, M = r, O = m, L = h, B = n, W = o, oe = i, te = d, $ = !1;
-    function z(P) {
+    function V(P) {
       return $ || ($ = !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(P) || C(P) === l;
     }
     function x(P) {
@@ -33257,7 +33262,7 @@ function OA() {
     function ve(P) {
       return C(P) === d;
     }
-    He.AsyncMode = _, He.ConcurrentMode = T, He.ContextConsumer = R, He.ContextProvider = A, He.Element = I, He.ForwardRef = b, He.Fragment = M, He.Lazy = O, He.Memo = L, He.Portal = B, He.Profiler = W, He.StrictMode = oe, He.Suspense = te, He.isAsyncMode = z, He.isConcurrentMode = x, He.isContextConsumer = U, He.isContextProvider = G, He.isElement = k, He.isForwardRef = K, He.isFragment = Z, He.isLazy = X, He.isMemo = ie, He.isPortal = Y, He.isProfiler = re, He.isStrictMode = j, He.isSuspense = ve, He.isValidElementType = v, He.typeOf = C;
+    He.AsyncMode = _, He.ConcurrentMode = T, He.ContextConsumer = R, He.ContextProvider = A, He.Element = I, He.ForwardRef = b, He.Fragment = M, He.Lazy = O, He.Memo = L, He.Portal = B, He.Profiler = W, He.StrictMode = oe, He.Suspense = te, He.isAsyncMode = V, He.isConcurrentMode = x, He.isContextConsumer = U, He.isContextProvider = G, He.isElement = k, He.isForwardRef = K, He.isFragment = Z, He.isLazy = X, He.isMemo = ie, He.isPortal = Y, He.isProfiler = re, He.isStrictMode = j, He.isSuspense = ve, He.isValidElementType = v, He.typeOf = C;
   }()), He;
 }
 var qd;
@@ -33510,7 +33515,7 @@ function LA() {
     function T(x) {
       function U(G, k, K, Z, X) {
         if (!(G[k] instanceof x)) {
-          var ie = x.name || f, Y = z(G[k]);
+          var ie = x.name || f, Y = V(G[k]);
           return new p("Invalid " + Z + " `" + X + "` of type " + ("`" + Y + "` supplied to `" + K + "`, expected ") + ("instance of `" + ie + "`."));
         }
         return null;
@@ -33690,7 +33695,7 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
           return U;
       }
     }
-    function z(x) {
+    function V(x) {
       return !x.constructor || !x.constructor.name ? f : x.constructor.name;
     }
     return h.checkPropTypes = i, h.resetWarningCache = i.resetWarningCache, h.PropTypes = h, h;
@@ -35199,8 +35204,8 @@ function eR(e = {}) {
         if (!W)
           return null;
         const oe = {};
-        for (const z in W)
-          oe[z] = po(L, W[z], L.theme.modularCssLayers ? "theme" : void 0);
+        for (const V in W)
+          oe[V] = po(L, W[V], L.theme.modularCssLayers ? "theme" : void 0);
         return h(L, oe);
       }), c && !w && I.push(function(L) {
         var oe, te;
@@ -38799,14 +38804,14 @@ function os({
 }) {
   const [i, o] = Ce(null), [a, s] = Ce(!1), [l, c] = Ce(!1), [u, d] = Ce(null), [f, h] = Ce(null), [m, p] = Ce("idle"), [w, y] = Ce(null), [E, v] = Ce([]), [C, _] = Ce([]), [T, R] = Ce([]);
   kt(() => {
-    const z = r || new cc(e);
-    o(z);
-    const x = A(z);
-    return n && !r && I(z), () => {
-      x(), r || z.disconnect().catch(console.error);
+    const V = r || new cc(e);
+    o(V);
+    const x = A(V);
+    return n && !r && I(V), () => {
+      x(), r || V.disconnect().catch(console.error);
     };
   }, [e, n, r]);
-  const A = (z) => {
+  const A = (V) => {
     const x = () => {
       c(!0), d(null);
     }, U = () => {
@@ -38834,11 +38839,11 @@ function os({
     }, P = () => {
       console.log("🧹 VoxketProvider: Clearing chat messages and transcriptions"), _([]), R([]);
     };
-    return z.on("connection.connecting", x), z.on("connection.connected", U), z.on("connection.disconnected", G), z.on("connection.error", k), z.on("session.created", K), z.on("session.state.changed", Z), z.on("session.ended", X), z.on("participant.joined", ie), z.on("participant.left", Y), z.on("chat.message.received", re), z.on("chat.message.sent", j), z.on("transcription.received", ve), z.on("chat.history.cleared", P), () => {
-      console.log("📝 VoxketProvider: Cleaning up event listeners"), z.off("connection.connecting", x), z.off("connection.connected", U), z.off("connection.disconnected", G), z.off("connection.error", k), z.off("session.created", K), z.off("session.state.changed", Z), z.off("session.ended", X), z.off("participant.joined", ie), z.off("participant.left", Y), z.off("chat.message.received", re), z.off("chat.message.sent", j), z.off("chat.history.cleared", P), z.off("transcription.received", ve);
+    return V.on("connection.connecting", x), V.on("connection.connected", U), V.on("connection.disconnected", G), V.on("connection.error", k), V.on("session.created", K), V.on("session.state.changed", Z), V.on("session.ended", X), V.on("participant.joined", ie), V.on("participant.left", Y), V.on("chat.message.received", re), V.on("chat.message.sent", j), V.on("transcription.received", ve), V.on("chat.history.cleared", P), () => {
+      console.log("📝 VoxketProvider: Cleaning up event listeners"), V.off("connection.connecting", x), V.off("connection.connected", U), V.off("connection.disconnected", G), V.off("connection.error", k), V.off("session.created", K), V.off("session.state.changed", Z), V.off("session.ended", X), V.off("participant.joined", ie), V.off("participant.left", Y), V.off("chat.message.received", re), V.off("chat.message.sent", j), V.off("chat.history.cleared", P), V.off("transcription.received", ve);
     };
-  }, I = async (z) => {
-    const x = z || i;
+  }, I = async (V) => {
+    const x = V || i;
     if (x)
       try {
         await x.connect();
@@ -38861,15 +38866,15 @@ function os({
       if (i)
         try {
           await i.disconnect();
-        } catch (z) {
-          console.error("Failed to disconnect:", z);
+        } catch (V) {
+          console.error("Failed to disconnect:", V);
         }
     },
-    createSession: async (z, x = {}) => {
+    createSession: async (V, x = {}) => {
       if (!i)
         throw new Error("Client not initialized");
       const U = {
-        agentId: z,
+        agentId: V,
         participantName: x.participantName || "User",
         metadata: x.metadata,
         modalities: x.modalities || ["voice"]
@@ -38877,20 +38882,20 @@ function os({
       return await i.createSession(U);
     },
     endSession: async () => i ? await i.endSession() : null,
-    sendChatMessage: async (z) => {
+    sendChatMessage: async (V) => {
       if (!i)
         throw new Error("Client not initialized");
-      await i.sendChatMessage(z);
+      await i.sendChatMessage(V);
     },
-    setMicrophoneEnabled: async (z) => {
+    setMicrophoneEnabled: async (V) => {
       if (!i)
         throw new Error("Client not initialized");
-      await i.setMicrophoneEnabled(z);
+      await i.setMicrophoneEnabled(V);
     },
-    setCameraEnabled: async (z) => {
+    setCameraEnabled: async (V) => {
       if (!i)
         throw new Error("Client not initialized");
-      await i.setCameraEnabled(z);
+      await i.setCameraEnabled(V);
     },
     startScreenShare: async () => {
       if (!i)
@@ -39885,7 +39890,7 @@ function NI(e) {
     participantMetadata: W,
     popupModalityMode: oe = "all",
     popupTriggerLogoUrl: te
-  } = e, [$, z] = D.useState(!1), [x, U] = D.useState(null), [G, k] = D.useState(() => {
+  } = e, [$, V] = D.useState(!1), [x, U] = D.useState(null), [G, k] = D.useState(() => {
     try {
       if (L)
         return !!L.getCurrentSession();
@@ -39932,7 +39937,7 @@ function NI(e) {
         console.log("🔄 Using existing VoxketClient to preserve session state"), Ze.current = L;
       else if (!a && (!o || !i)) {
         const S = "Missing required props: Either provide 'authToken' or both 'appId' and 'appSecret'";
-        console.error("❌ VoxketClient creation failed:", S), U(new Error(S)), z(!0);
+        console.error("❌ VoxketClient creation failed:", S), U(new Error(S)), V(!0);
       } else if (r) {
         const S = {
           ...a ? { authToken: a } : { appId: o, appSecret: i },
@@ -39953,10 +39958,10 @@ function NI(e) {
         }), Ze.current = new cc(S);
       } else {
         const S = "Missing required prop: baseUrl";
-        console.error("❌ VoxketClient creation failed:", S), U(new Error(S)), z(!0);
+        console.error("❌ VoxketClient creation failed:", S), U(new Error(S)), V(!0);
       }
     } catch (S) {
-      console.error("❌ Failed to create VoxketClient:", S), U(S), z(!0);
+      console.error("❌ Failed to create VoxketClient:", S), U(S), V(!0);
     }
   const ce = Ze.current;
   D.useEffect(() => {
@@ -40009,7 +40014,7 @@ function NI(e) {
   }, [P, K, G]), D.useEffect(() => {
     (P === "voice" || P === "video" || P === "chat") && !j && !G && !K && ce && !ce.connected && (console.log("🔄 Auto-correcting: Found orphaned mode without session, returning to welcome"), ne("welcome"), Z(!1));
   }, [P, j, G, K, ce]);
-  const { sessionMetrics: V, sessionLogs: J, logEvent: we } = hI({
+  const { sessionMetrics: z, sessionLogs: J, logEvent: we } = hI({
     room: Xe,
     onSessionStart: v,
     onSessionEnd: C,
@@ -40020,8 +40025,8 @@ function NI(e) {
   D.useEffect(() => {
     T && T(J);
   }, [J, T]), D.useEffect(() => {
-    R && V && R(V);
-  }, [V, R]), D.useEffect(() => {
+    R && z && R(z);
+  }, [z, R]), D.useEffect(() => {
     if (!ce) return;
     const S = (F, q) => {
       console.log("📊 Widget: Session state changed:", {
@@ -40071,13 +40076,13 @@ function NI(e) {
   const Dt = async () => {
     try {
       if (!ce) {
-        console.error("❌ VoxketClient not available"), U(new Error("VoxketClient not initialized")), z(!0);
+        console.error("❌ VoxketClient not available"), U(new Error("VoxketClient not initialized")), V(!0);
         return;
       }
       Z(!0), ne("voice"), console.log("🎤 Starting voice session...", { agentId: X, participantName: Y }), console.log("🎤 Pre-start state:", { currentMode: "voice", sessionStarted: !1, loading: !0 }), we("USER_STARTED_VOICE_SESSION", { agentId: X, participantName: Y });
       const S = await ce.startSession(X, {
         participantName: Y || "User",
-        modalities: I === "popup" ? ["voice"] : ["voice", ...w ? ["video"] : []],
+        modalities: ["voice"],
         participantMetadata: ce.getParticipantMetadata() || W
         // Use client metadata first, then props
       });
@@ -40088,7 +40093,7 @@ function NI(e) {
   }, an = async () => {
     try {
       if (!ce) {
-        console.error("❌ VoxketClient not available"), U(new Error("VoxketClient not initialized")), z(!0);
+        console.error("❌ VoxketClient not available"), U(new Error("VoxketClient not initialized")), V(!0);
         return;
       }
       Z(!0), ne("chat"), console.log("💬 Starting chat session...", { agentId: X, participantName: Y }), we("USER_STARTED_CHAT_SESSION", { agentId: X, participantName: Y });
@@ -40105,7 +40110,7 @@ function NI(e) {
   }, jt = async () => {
     try {
       if (!ce) {
-        console.error("❌ VoxketClient not available"), U(new Error("VoxketClient not initialized")), z(!0);
+        console.error("❌ VoxketClient not available"), U(new Error("VoxketClient not initialized")), V(!0);
         return;
       }
       Z(!0), ne("video"), console.log("📺 Starting video session...", { agentId: X, participantName: Y }), console.log("📺 Pre-start state:", { currentMode: "video", sessionStarted: !1, loading: !0 }), we("USER_STARTED_VIDEO_SESSION", { agentId: X, participantName: Y });
@@ -40259,7 +40264,7 @@ function NI(e) {
         "button",
         {
           onClick: () => {
-            z(!1), U(null), window.location.reload();
+            V(!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"