@voxket-ai/voxket-live 1.1.5 → 1.1.7

package/dist/index.js

@@ -2,7 +2,7 @@ var Ug = Object.defineProperty;
 var Hg = (e, t, n) => t in e ? Ug(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var we = (e, t, n) => Hg(e, typeof t != "symbol" ? t + "" : t, n);
 import * as P from "react";
-import Me, { createContext as In, useRef as on, useLayoutEffect as jg, useEffect as Nt, useId as qa, useContext as Ct, useInsertionEffect as Tf, useMemo as Qt, useCallback as Xe, Children as Wg, isValidElement as Gg, useState as Se, Fragment as Nf, createElement as Kg, forwardRef as qg, Component as Yg } from "react";
+import Me, { createContext as In, useRef as on, useLayoutEffect as Wg, useEffect as Nt, useId as qa, useContext as Ct, useInsertionEffect as Tf, useMemo as Qt, useCallback as Xe, Children as jg, isValidElement as Gg, useState as Se, Fragment as Nf, createElement as Kg, forwardRef as qg, Component as Yg } from "react";
 import { jsx as m, Fragment as Tt, jsxs as N } from "react/jsx-runtime";
 import { Track as at, setLogLevel as Zg, RoomEvent as Be, ConnectionState as vr, Room as so } from "livekit-client";
 import { AudioTrack as Xg, BarVisualizer as Af, VideoTrack as Oo, useTracks as Qg, useRoomContext as Jg, RoomContext as xc, RoomAudioRenderer as vc, StartAudio as wc } from "@livekit/components-react";
@@ -16,7 +16,7 @@ function Za(e) {
   const t = on(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const Xa = typeof window < "u", Pf = Xa ? jg : Nt, Po = /* @__PURE__ */ In(null);
+const Xa = typeof window < "u", Pf = Xa ? Wg : Nt, Po = /* @__PURE__ */ In(null);
 function Qa(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
@@ -98,18 +98,18 @@ function _i(e, t, n, r) {
   const i = (o) => Sb(o, 0, 1, e, n);
   return (o) => o === 0 || o === 1 ? o : $f(i(o), t, r);
 }
-const Vf = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, zf = (e) => (t) => 1 - e(1 - t), Uf = /* @__PURE__ */ _i(0.33, 1.53, 0.69, 0.99), rl = /* @__PURE__ */ zf(Uf), Hf = /* @__PURE__ */ Vf(rl), jf = (e) => (e *= 2) < 1 ? 0.5 * rl(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), il = (e) => 1 - Math.sin(Math.acos(e)), Wf = zf(il), Gf = Vf(il), kb = /* @__PURE__ */ _i(0.42, 0, 1, 1), _b = /* @__PURE__ */ _i(0, 0, 0.58, 1), Kf = /* @__PURE__ */ _i(0.42, 0, 0.58, 1), Cb = (e) => Array.isArray(e) && typeof e[0] != "number", qf = (e) => Array.isArray(e) && typeof e[0] == "number", Sc = {
+const Vf = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, zf = (e) => (t) => 1 - e(1 - t), Uf = /* @__PURE__ */ _i(0.33, 1.53, 0.69, 0.99), rl = /* @__PURE__ */ zf(Uf), Hf = /* @__PURE__ */ Vf(rl), Wf = (e) => (e *= 2) < 1 ? 0.5 * rl(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), il = (e) => 1 - Math.sin(Math.acos(e)), jf = zf(il), Gf = Vf(il), kb = /* @__PURE__ */ _i(0.42, 0, 1, 1), _b = /* @__PURE__ */ _i(0, 0, 0.58, 1), Kf = /* @__PURE__ */ _i(0.42, 0, 0.58, 1), Cb = (e) => Array.isArray(e) && typeof e[0] != "number", qf = (e) => Array.isArray(e) && typeof e[0] == "number", Sc = {
   linear: sn,
   easeIn: kb,
   easeInOut: Kf,
   easeOut: _b,
   circIn: il,
   circInOut: Gf,
-  circOut: Wf,
+  circOut: jf,
   backIn: rl,
   backInOut: Hf,
   backOut: Uf,
-  anticipate: jf
+  anticipate: Wf
 }, Tb = (e) => typeof e == "string", kc = (e) => {
   if (qf(e)) {
     An(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
@@ -200,8 +200,8 @@ let ao;
 function Mb() {
   ao = void 0;
 }
-const jt = {
-  now: () => (ao === void 0 && jt.set(Ot.isProcessing || Mn.useManualTiming ? Ot.timestamp : performance.now()), ao),
+const Wt = {
+  now: () => (ao === void 0 && Wt.set(Ot.isProcessing || Mn.useManualTiming ? Ot.timestamp : performance.now()), ao),
   set: (e) => {
     ao = e, queueMicrotask(Mb);
   }
@@ -301,16 +301,16 @@ function th(e) {
     return o;
   };
 }
-const jb = (e) => typeof e == "number" ? 0 : wt.test(e) ? wt.getAnimatableNone(e) : e;
-function Wb(e) {
+const Wb = (e) => typeof e == "number" ? 0 : wt.test(e) ? wt.getAnimatableNone(e) : e;
+function jb(e) {
   const t = eh(e);
-  return th(e)(t.map(jb));
+  return th(e)(t.map(Wb));
 }
 const Hn = {
   test: Vb,
   parse: eh,
   createTransformer: th,
-  getAnimatableNone: Wb
+  getAnimatableNone: jb
 };
 function ds(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
@@ -403,7 +403,7 @@ const ey = (e) => {
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => Ot.isProcessing ? Ot.timestamp : jt.now()
+    now: () => Ot.isProcessing ? Ot.timestamp : Wt.now()
   };
 }, ih = (e, t, n = 10) => {
   let r = "";
@@ -735,7 +735,7 @@ class hl extends fl {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       var r, i;
       const { motionValue: n } = this.options;
-      n && n.updatedAt !== jt.now() && this.tick(jt.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (i = (r = this.options).onStop) == null || i.call(r));
+      n && n.updatedAt !== Wt.now() && this.tick(Wt.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (i = (r = this.options).onStop) == null || i.call(r));
     }, this.options = t, this.initAnimation(), this.play(), t.autoplay === !1 && this.pause();
   }
   initAnimation() {
@@ -801,7 +801,7 @@ class hl extends fl {
     return this.playbackSpeed;
   }
   set speed(t) {
-    this.updateTime(jt.now());
+    this.updateTime(Wt.now());
     const n = this.playbackSpeed !== t;
     this.playbackSpeed = t, n && (this.time = /* @__PURE__ */ vn(this.currentTime));
   }
@@ -815,7 +815,7 @@ class hl extends fl {
     this.state === "finished" ? (this.updateFinished(), this.startTime = r) : this.holdTime !== null ? this.startTime = r - this.holdTime : this.startTime || (this.startTime = n ?? r), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
   }
   pause() {
-    this.state = "paused", this.updateTime(jt.now()), this.holdTime = this.currentTime;
+    this.state = "paused", this.updateTime(Wt.now()), this.holdTime = this.currentTime;
   }
   complete() {
     this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
@@ -1161,7 +1161,7 @@ class Py extends fl {
   }
 }
 const fh = {
-  anticipate: jf,
+  anticipate: Wf,
   backInOut: Hf,
   circInOut: Gf
 };
@@ -1243,13 +1243,13 @@ function Uy(e) {
   !l && !r && i !== "mirror" && o !== 0 && s !== "inertia";
 }
 const Hy = 40;
-class jy extends fl {
+class Wy extends fl {
   constructor({ autoplay: t = !0, delay: n = 0, type: r = "keyframes", repeat: i = 0, repeatDelay: o = 0, repeatType: s = "loop", keyframes: a, name: l, motionValue: c, element: u, ...d }) {
     var g;
     super(), this.stop = () => {
       var p, v;
       this._animation && (this._animation.stop(), (p = this.stopTimeline) == null || p.call(this)), (v = this.keyframeResolver) == null || v.cancel();
-    }, this.createdAt = jt.now();
+    }, this.createdAt = Wt.now();
     const f = {
       autoplay: t,
       delay: n,
@@ -1267,7 +1267,7 @@ class jy extends fl {
   onKeyframesResolved(t, n, r, i) {
     this.keyframeResolver = void 0;
     const { name: o, type: s, velocity: a, delay: l, isHandoff: c, onUpdate: u } = r;
-    this.resolvedAt = jt.now(), $y(t, o, s, a) || ((Mn.instantAnimations || !l) && (u == null || u(dl(t, r, n))), t[0] = t[t.length - 1], va(r), r.repeat = 0);
+    this.resolvedAt = Wt.now(), $y(t, o, s, a) || ((Mn.instantAnimations || !l) && (u == null || u(dl(t, r, n))), t[0] = t[t.length - 1], va(r), r.repeat = 0);
     const f = {
       startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > Hy ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
@@ -1328,12 +1328,12 @@ class jy extends fl {
     this._animation && this.animation.cancel(), (t = this.keyframeResolver) == null || t.cancel();
   }
 }
-const Wy = (
+const jy = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
 function Gy(e) {
-  const t = Wy.exec(e);
+  const t = jy.exec(e);
   if (!t)
     return [,];
   const [, n, r, i] = t;
@@ -1569,14 +1569,14 @@ class s0 {
   constructor(t, n = {}) {
     this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (r) => {
       var o;
-      const i = jt.now();
+      const i = Wt.now();
       if (this.updatedAt !== i && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(r), this.current !== this.prev && ((o = this.events.change) == null || o.notify(this.current), this.dependents))
         for (const s of this.dependents)
           s.dirty();
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = jt.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = o0(this.current));
+    this.current = t, this.updatedAt = Wt.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = o0(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -1705,7 +1705,7 @@ class s0 {
    * @public
    */
   getVelocity() {
-    const t = jt.now();
+    const t = Wt.now();
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > $c)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, $c);
@@ -1960,7 +1960,7 @@ function _h(e = !0) {
 const zi = (e) => e.key || "";
 function Hc(e) {
   const t = [];
-  return Wg.forEach(e, (n) => {
+  return jg.forEach(e, (n) => {
     Gg(n) && t.push(n);
   }), t;
 }
@@ -1997,7 +1997,7 @@ const Dr = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presen
     };
     return m(y0, { isPresent: A, initial: !h.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: i, mode: o, root: l, onExitComplete: A ? void 0 : O, anchorX: a, children: C }, R);
   }) });
-}, Ch = In({ strict: !1 }), jc = {
+}, Ch = In({ strict: !1 }), Wc = {
   animation: [
     "animate",
     "variants",
@@ -2017,9 +2017,9 @@ const Dr = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presen
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, Lr = {};
-for (const e in jc)
+for (const e in Wc)
   Lr[e] = {
-    isEnabled: (t) => jc[e].some((n) => !!t[n])
+    isEnabled: (t) => Wc[e].some((n) => !!t[n])
   };
 function v0(e) {
   for (const t in e)
@@ -2112,9 +2112,9 @@ function k0(e, t) {
 }
 function _0(e) {
   const { initial: t, animate: n } = k0(e, Ct(Do));
-  return Qt(() => ({ initial: t, animate: n }), [Wc(t), Wc(n)]);
+  return Qt(() => ({ initial: t, animate: n }), [jc(t), jc(n)]);
 }
-function Wc(e) {
+function jc(e) {
   return Array.isArray(e) ? e.join(" ") : e;
 }
 const xi = {};
@@ -2387,7 +2387,7 @@ const U0 = /* @__PURE__ */ Ph({
 function Cr(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
-function j0(e, t, n) {
+function W0(e, t, n) {
   return Xe(
     (r) => {
       r && e.onMount && e.onMount(r), t && (r ? t.mount(r) : t.unmount()), n && (typeof n == "function" ? n(r) : Cr(n) && (n.current = r));
@@ -2400,7 +2400,7 @@ function j0(e, t, n) {
     [t]
   );
 }
-const Tl = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), W0 = "framerAppearId", Lh = "data-" + Tl(W0), Fh = In({});
+const Tl = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), j0 = "framerAppearId", Lh = "data-" + Tl(j0), Fh = In({});
 function G0(e, t, n, r, i) {
   var p, v;
   const { visualElement: o } = Ct(Do), s = Ct(Ch), a = Ct(Po), l = Ct(xl).reducedMotion, c = on(null);
@@ -2468,7 +2468,7 @@ function ms(e, { forwardMotionProps: t = !1 } = {}, n, r) {
       const g = Z0(u);
       c = g.MeasureLayout, f.visualElement = G0(e, h, u, r, g.ProjectionNode);
     }
-    return N(Do.Provider, { value: f, children: [c && f.visualElement ? m(c, { visualElement: f.visualElement, ...u }) : null, B0(e, a, j0(h, f.visualElement, l), h, d, t)] });
+    return N(Do.Provider, { value: f, children: [c && f.visualElement ? m(c, { visualElement: f.visualElement, ...u }) : null, B0(e, a, W0(h, f.visualElement, l), h, d, t)] });
   }
   o.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
   const s = qg(o);
@@ -2655,7 +2655,7 @@ class ox {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = pl, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const f = jt.now();
+      const f = Wt.now();
       this.renderScheduledAt < f && (this.renderScheduledAt = f, lt.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: c } = s;
@@ -2845,7 +2845,7 @@ class ox {
     bl.render(this.render);
   }
 }
-class jh extends ox {
+class Wh extends ox {
   constructor() {
     super(...arguments), this.KeyframeResolver = r0;
   }
@@ -2866,7 +2866,7 @@ class jh extends ox {
     }));
   }
 }
-function Wh(e, { style: t, vars: n }, r, i) {
+function jh(e, { style: t, vars: n }, r, i) {
   const o = e.style;
   let s;
   for (s in t)
@@ -2878,9 +2878,9 @@ function Wh(e, { style: t, vars: n }, r, i) {
 function sx(e) {
   return window.getComputedStyle(e);
 }
-class ax extends jh {
+class ax extends Wh {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Wh;
+    super(...arguments), this.type = "html", this.renderInstance = jh;
   }
   readValueFromInstance(t, n) {
     var r;
@@ -2927,11 +2927,11 @@ const Gh = /* @__PURE__ */ new Set([
   "lengthAdjust"
 ]);
 function lx(e, t, n, r) {
-  Wh(e, t, void 0, r);
+  jh(e, t, void 0, r);
   for (const i in t.attrs)
     e.setAttribute(Gh.has(i) ? i : Tl(i), t.attrs[i]);
 }
-class cx extends jh {
+class cx extends Wh {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = mt;
   }
@@ -3053,7 +3053,7 @@ const Nl = (e, t, n, r = {}, i, o) => (s) => {
       return;
     }
   }
-  return a.isSync ? new hl(u) : new jy(u);
+  return a.isSync ? new hl(u) : new Wy(u);
 };
 function Sx({ protectedKeys: e, needsAnimating: t }, n) {
   const r = e.hasOwnProperty(n) && t[n] !== !0;
@@ -3449,17 +3449,17 @@ function ys({ point: e }, t) {
   return {
     point: e,
     delta: su(e, np(t)),
-    offset: su(e, jx(t)),
-    velocity: Wx(t, 0.1)
+    offset: su(e, Wx(t)),
+    velocity: jx(t, 0.1)
   };
 }
-function jx(e) {
+function Wx(e) {
   return e[0];
 }
 function np(e) {
   return e[e.length - 1];
 }
-function Wx(e, t) {
+function jx(e, t) {
   if (e.length < 2)
     return { x: 0, y: 0 };
   let n = e.length - 1, r = null;
@@ -3935,7 +3935,7 @@ class lv {
   }
 }
 function cv(e, t) {
-  const n = jt.now(), r = ({ timestamp: i }) => {
+  const n = Wt.now(), r = ({ timestamp: i }) => {
     const o = i - n;
     o >= t && (Un(r), e(o - t));
   };
@@ -3956,7 +3956,7 @@ function dv(e, t, n, r, i, o) {
 function mu(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
 }
-const fv = /* @__PURE__ */ op(0, 0.5, Wf), hv = /* @__PURE__ */ op(0.5, 0.95, sn);
+const fv = /* @__PURE__ */ op(0, 0.5, jf), hv = /* @__PURE__ */ op(0.5, 0.95, sn);
 function op(e, t, n) {
   return (r) => r < e ? 0 : r > t ? 1 : n(/* @__PURE__ */ mi(e, t, r));
 }
@@ -4206,7 +4206,7 @@ function cp({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return;
       }
       this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Tv), this.nodes.forEach(Ev), this.nodes.forEach(Sv)) : this.nodes.forEach(Tu), this.clearAllSnapshots();
-      const a = jt.now();
+      const a = Wt.now();
       Ot.delta = Nn(0, 1e3 / 60, a - Ot.timestamp), Ot.timestamp = a, Ot.isProcessing = !0, cs.update.process(Ot), cs.preRender.process(Ot), cs.render.process(Ot), Ot.isProcessing = !1;
     }
     didUpdate() {
@@ -4752,14 +4752,14 @@ const Aa = /* @__PURE__ */ new WeakMap(), Ss = /* @__PURE__ */ new WeakMap(), Uv
 }, Hv = (e) => {
   e.forEach(Uv);
 };
-function jv({ root: e, ...t }) {
+function Wv({ root: e, ...t }) {
   const n = e || document;
   Ss.has(n) || Ss.set(n, {});
   const r = Ss.get(n), i = JSON.stringify(t);
   return r[i] || (r[i] = new IntersectionObserver(Hv, { root: e, ...t })), r[i];
 }
-function Wv(e, t, n) {
-  const r = jv(t);
+function jv(e, t, n) {
+  const r = Wv(t);
   return Aa.set(e, n), r.observe(e), () => {
     Aa.delete(e), r.unobserve(e);
   };
@@ -4786,7 +4786,7 @@ class Kv extends Gn {
       const { onViewportEnter: u, onViewportLeave: d } = this.node.getProps(), f = c ? u : d;
       f && f(l);
     };
-    return Wv(this.node.current, s, a);
+    return jv(this.node.current, s, a);
   }
   mount() {
     this.startObserver();
@@ -5247,10 +5247,10 @@ const _t = (e) => {
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   bw.test(e) && !yw.test(e)
-), gp = () => !1, Sw = (e) => xw.test(e), kw = (e) => vw.test(e), _w = (e) => !de(e) && !fe(e), Cw = (e) => Hr(e, xp, gp), de = (e) => pp.test(e), Qn = (e) => Hr(e, vp, Ew), _s = (e) => Hr(e, Rw, De), Bu = (e) => Hr(e, bp, gp), Tw = (e) => Hr(e, yp, kw), Hi = (e) => Hr(e, wp, Sw), fe = (e) => mp.test(e), Xr = (e) => jr(e, vp), Nw = (e) => jr(e, Iw), $u = (e) => jr(e, bp), Aw = (e) => jr(e, xp), Mw = (e) => jr(e, yp), ji = (e) => jr(e, wp, !0), Hr = (e, t, n) => {
+), gp = () => !1, Sw = (e) => xw.test(e), kw = (e) => vw.test(e), _w = (e) => !de(e) && !fe(e), Cw = (e) => Hr(e, xp, gp), de = (e) => pp.test(e), Qn = (e) => Hr(e, vp, Ew), _s = (e) => Hr(e, Rw, De), Bu = (e) => Hr(e, bp, gp), Tw = (e) => Hr(e, yp, kw), Hi = (e) => Hr(e, wp, Sw), fe = (e) => mp.test(e), Xr = (e) => Wr(e, vp), Nw = (e) => Wr(e, Iw), $u = (e) => Wr(e, bp), Aw = (e) => Wr(e, xp), Mw = (e) => Wr(e, yp), Wi = (e) => Wr(e, wp, !0), Hr = (e, t, n) => {
   const r = pp.exec(e);
   return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
-}, jr = (e, t, n = !1) => {
+}, Wr = (e, t, n = !1) => {
   const r = mp.exec(e);
   return r ? r[1] ? t(r[1]) : n : !1;
 }, bp = (e) => e === "position" || e === "percentage", yp = (e) => e === "image" || e === "url", xp = (e) => e === "length" || e === "size" || e === "bg-size", vp = (e) => e === "length", Rw = (e) => e === "number", Iw = (e) => e === "family-name", wp = (e) => e === "shadow", Ow = () => {
@@ -5288,7 +5288,7 @@ const _t = (e) => {
     c,
     fe,
     de
-  ], Y = () => ["", De, Xr, Qn], te = () => ["solid", "dashed", "dotted", "double"], B = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], q = () => [De, ks, $u, Bu], W = () => [
+  ], Y = () => ["", De, Xr, Qn], te = () => ["solid", "dashed", "dotted", "double"], B = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], q = () => [De, ks, $u, Bu], j = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -6645,7 +6645,7 @@ const _t = (e) => {
           "",
           "none",
           u,
-          ji,
+          Wi,
           Hi
         ]
       }],
@@ -6661,7 +6661,7 @@ const _t = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", d, ji, Hi]
+        "inset-shadow": ["none", d, Wi, Hi]
       }],
       /**
        * Inset Box Shadow Color
@@ -6728,7 +6728,7 @@ const _t = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", f, ji, Hi]
+        "text-shadow": ["none", f, Wi, Hi]
       }],
       /**
        * Text Shadow Color
@@ -6975,7 +6975,7 @@ const _t = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: W()
+        blur: j()
       }],
       /**
        * Brightness
@@ -7001,7 +7001,7 @@ const _t = (e) => {
           "",
           "none",
           h,
-          ji,
+          Wi,
           Hi
         ]
       }],
@@ -7065,7 +7065,7 @@ const _t = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": W()
+        "backdrop-blur": j()
       }],
       /**
        * Backdrop Brightness
@@ -7724,7 +7724,7 @@ const _t = (e) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, Pw = /* @__PURE__ */ pw(Ow);
-function je(...e) {
+function We(...e) {
   return Pw(eb(e));
 }
 function Rl(e) {
@@ -7816,7 +7816,7 @@ const Ep = Me.forwardRef(({
     highlighted: "bg-white",
     muted: "bg-white/30"
   }, [r]);
-  return /* @__PURE__ */ N("div", { ref: i, className: je("", n), children: [
+  return /* @__PURE__ */ N("div", { ref: i, className: We("", n), children: [
     t && /* @__PURE__ */ N(Tt, { children: [
       /* @__PURE__ */ m(Xg, { ref: o, trackRef: t, volume: 1 }),
       /* @__PURE__ */ m(
@@ -7826,11 +7826,11 @@ const Ep = Me.forwardRef(({
           state: e,
           options: { minHeight: 5 },
           trackRef: t,
-          className: je("flex aspect-video w-40 items-center justify-center gap-1.5"),
+          className: We("flex aspect-video w-40 items-center justify-center gap-1.5"),
           children: /* @__PURE__ */ m(
             "span",
             {
-              className: je([
+              className: We([
                 `${l.base} min-h-2 w-2 rounded-full`,
                 "origin-center transition-colors duration-250 ease-linear",
                 `data-[lk-highlighted=true]:${l.highlighted}`,
@@ -7842,10 +7842,10 @@ const Ep = Me.forwardRef(({
       )
     ] }),
     !t && // Fallback: Show default avatar when no audio track is available
-    /* @__PURE__ */ m("div", { className: je("flex aspect-video w-40 items-center justify-center"), children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ m("div", { className: "flex gap-1.5", children: Array.from({ length: 5 }).map((g, p) => /* @__PURE__ */ m(
+    /* @__PURE__ */ m("div", { className: We("flex aspect-video w-40 items-center justify-center"), children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ m("div", { className: "flex gap-1.5", children: Array.from({ length: 5 }).map((g, p) => /* @__PURE__ */ m(
       "span",
       {
-        className: je([
+        className: We([
           `${l.base} min-h-2 w-2 rounded-full`,
           "origin-center transition-colors duration-250 ease-linear",
           e === "speaking" && `animate-pulse ${l.highlighted}`,
@@ -7863,7 +7863,7 @@ const $w = ({
   ref: n
 }) => {
   var r, i;
-  return !e || !e.publication || !e.participant ? /* @__PURE__ */ m("div", { ref: n, className: je(t), children: /* @__PURE__ */ m("div", { className: "w-full h-full bg-gray-200 rounded-md flex items-center justify-center", children: /* @__PURE__ */ m("span", { className: "text-gray-500", children: "No video available" }) }) }) : /* @__PURE__ */ m("div", { ref: n, className: je(t), children: /* @__PURE__ */ m(
+  return !e || !e.publication || !e.participant ? /* @__PURE__ */ m("div", { ref: n, className: We(t), children: /* @__PURE__ */ m("div", { className: "w-full h-full bg-gray-200 rounded-md flex items-center justify-center", children: /* @__PURE__ */ m("span", { className: "text-gray-500", children: "No video available" }) }) }) : /* @__PURE__ */ m("div", { ref: n, className: We(t), children: /* @__PURE__ */ m(
     Oo,
     {
       trackRef: e,
@@ -7874,13 +7874,13 @@ const $w = ({
   ) });
 }, Vw = P.forwardRef(function({ trackRef: t, className: n, ...r }, i) {
   var o, s;
-  return /* @__PURE__ */ m("div", { ref: i, className: je("bg-muted overflow-hidden rounded-md", n), children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ m("div", { ref: i, className: We("bg-muted overflow-hidden rounded-md", n), children: /* @__PURE__ */ m(
     Oo,
     {
       trackRef: t,
       width: ((o = t == null ? void 0 : t.publication.dimensions) == null ? void 0 : o.width) ?? 0,
       height: ((s = t == null ? void 0 : t.publication.dimensions) == null ? void 0 : s.height) ?? 0,
-      className: je("h-full w-auto"),
+      className: We("h-full w-auto"),
       ...r
     }
   ) });
@@ -7948,7 +7948,7 @@ function Hw(e, t) {
     [e, r, n]
   );
 }
-function jw({ chatOpen: e, client: t, theme: n = "vox" }) {
+function Ww({ chatOpen: e, client: t, theme: n = "vox" }) {
   const {
     agent: { isActive: r = !1 } = {},
     session: i,
@@ -7983,11 +7983,11 @@ function jw({ chatOpen: e, client: t, theme: n = "vox" }) {
     ..._n.animate,
     transition: g
   }, y = g, E = g, w = a && a.publication && a.participant;
-  return /* @__PURE__ */ m("div", { className: "relative w-full h-full z-10 flex items-center justify-center", children: /* @__PURE__ */ m("div", { className: "relative w-full h-full max-w-2xl px-4 md:px-0", children: /* @__PURE__ */ N("div", { className: je(fr.grid), children: [
+  return /* @__PURE__ */ m("div", { className: "relative w-full h-full z-10 flex items-center justify-center", children: /* @__PURE__ */ m("div", { className: "relative w-full h-full max-w-2xl px-4 md:px-0", children: /* @__PURE__ */ N("div", { className: We(fr.grid), children: [
     h && /* @__PURE__ */ m(
       "div",
       {
-        className: je([
+        className: We([
           "grid",
           !e && fr.agentChatClosed,
           e && f && fr.agentChatOpenWithSecondTile,
@@ -8005,7 +8005,7 @@ function jw({ chatOpen: e, client: t, theme: n = "vox" }) {
               state: o,
               audioTrack: s || void 0,
               theme: n,
-              className: je(e ? "h-[90px]" : "h-auto w-full")
+              className: We(e ? "h-[90px]" : "h-auto w-full")
             },
             "agent"
           ),
@@ -8018,7 +8018,7 @@ function jw({ chatOpen: e, client: t, theme: n = "vox" }) {
               animate: v,
               transition: E,
               videoTrack: a,
-              className: je(
+              className: We(
                 e ? "h-[90px] [&>video]:h-[90px] [&>video]:w-auto" : "h-auto w-full"
               )
             },
@@ -8030,7 +8030,7 @@ function jw({ chatOpen: e, client: t, theme: n = "vox" }) {
     /* @__PURE__ */ m(
       "div",
       {
-        className: je([
+        className: We([
           "grid",
           e && fr.secondTileChatOpen,
           !e && fr.secondTileChatClosed
@@ -8071,7 +8071,7 @@ function jw({ chatOpen: e, client: t, theme: n = "vox" }) {
     )
   ] }) }) });
 }
-const Ww = {
+const jw = {
   card: "text-gray-100 bg-gradient-to-b from-[#0a0a0a] via-[#121212] to-[#0a0a0a] border border-gray-800/50 w-full h-full flex flex-col justify-between overflow-hidden relative shadow-2xl",
   cardTopGradient: "pointer-events-none absolute top-0 left-0 w-full h-40 z-10 bg-gradient-to-b from-black/90 via-black/40 to-transparent",
   cardRadial: "absolute inset-0 bg-[radial-gradient(circle_at_50%_-20%,_rgba(75,85,99,0.08),transparent_50%)] opacity-100",
@@ -8316,7 +8316,7 @@ const Ww = {
     mutedIndicator: "bg-red-600 text-white shadow-xl shadow-red-500/40 font-semibold"
   }
 }, zu = {
-  dark: Ww,
+  dark: jw,
   light: Gw,
   vox: Kw,
   midnight: qw
@@ -8478,17 +8478,17 @@ function Bo({
   }, G = (x) => {
     const $ = Array.from(x.target.files || []);
     $.length > 0 && k && k($), I.current && (I.current.value = "");
-  }, ie = je(
+  }, ie = 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"
   ), X = (x, $) => {
     var K, S, Y;
-    return $ === "end-call" ? je(
+    return $ === "end-call" ? We(
       "p-3 rounded-full transition-all duration-200",
       ((K = O.video) == null ? void 0 : K.endCall) || "bg-red-500 text-white hover:bg-red-600",
       n ? "opacity-50 cursor-not-allowed" : "hover:scale-105"
-    ) : je(
+    ) : We(
       "p-3 rounded-full transition-all duration-200",
       x ? ((S = O.video) == null ? void 0 : S.controlEnabled) || "bg-green-500 text-white" : ((Y = O.video) == null ? void 0 : Y.controlDisabled) || "bg-gray-500 text-white",
       n ? "opacity-50 cursor-not-allowed" : "hover:scale-105"
@@ -8505,7 +8505,7 @@ function Bo({
               return (x = I.current) == null ? void 0 : x.click();
             },
             disabled: n,
-            className: je(
+            className: We(
               "p-2 rounded-full transition-all duration-200",
               t === "light" ? "hover:bg-gray-100" : "hover:bg-gray-800",
               n && "opacity-50 cursor-not-allowed"
@@ -8535,7 +8535,7 @@ function Bo({
           onKeyDown: D,
           disabled: n,
           placeholder: w,
-          className: je(
+          className: We(
             "flex-1 px-4 py-2 rounded-full border outline-none transition-all",
             t === "light" ? "bg-gray-100 border-gray-300 focus:border-blue-500 text-gray-900" : "bg-gray-800 border-gray-700 focus:border-blue-400 text-white",
             n && "opacity-50 cursor-not-allowed"
@@ -8547,7 +8547,7 @@ function Bo({
         {
           onClick: F,
           disabled: n || !b.trim(),
-          className: je(
+          className: We(
             "p-2 rounded-full transition-all duration-200",
             b.trim() ? ((U = O.video) == null ? void 0 : U.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",
@@ -8933,9 +8933,9 @@ function Hu(e, t) {
 }
 const cE = /[ \t\n\f\r]/g;
 function uE(e) {
-  return typeof e == "object" ? e.type === "text" ? ju(e.value) : !1 : ju(e);
+  return typeof e == "object" ? e.type === "text" ? Wu(e.value) : !1 : Wu(e);
 }
-function ju(e) {
+function Wu(e) {
   return e.replace(cE, "") === "";
 }
 class Ni {
@@ -8965,7 +8965,7 @@ function kp(e, t) {
 function Oa(e) {
   return e.toLowerCase();
 }
-class Wt {
+class jt {
   /**
    * @param {string} property
    *   Property.
@@ -8978,18 +8978,18 @@ class Wt {
     this.attribute = n, this.property = t;
   }
 }
-Wt.prototype.attribute = "";
-Wt.prototype.booleanish = !1;
-Wt.prototype.boolean = !1;
-Wt.prototype.commaOrSpaceSeparated = !1;
-Wt.prototype.commaSeparated = !1;
-Wt.prototype.defined = !1;
-Wt.prototype.mustUseProperty = !1;
-Wt.prototype.number = !1;
-Wt.prototype.overloadedBoolean = !1;
-Wt.prototype.property = "";
-Wt.prototype.spaceSeparated = !1;
-Wt.prototype.space = void 0;
+jt.prototype.attribute = "";
+jt.prototype.booleanish = !1;
+jt.prototype.boolean = !1;
+jt.prototype.commaOrSpaceSeparated = !1;
+jt.prototype.commaSeparated = !1;
+jt.prototype.defined = !1;
+jt.prototype.mustUseProperty = !1;
+jt.prototype.number = !1;
+jt.prototype.overloadedBoolean = !1;
+jt.prototype.property = "";
+jt.prototype.spaceSeparated = !1;
+jt.prototype.space = void 0;
 let dE = 0;
 const Ie = cr(), vt = cr(), Pa = cr(), Z = cr(), it = cr(), Rr = cr(), qt = cr();
 function cr() {
@@ -9008,7 +9008,7 @@ const Da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   /** @type {ReadonlyArray<keyof typeof types>} */
   Object.keys(Da)
 );
-class Pl extends Wt {
+class Pl extends jt {
   /**
    * @constructor
    * @param {string} property
@@ -9024,18 +9024,18 @@ class Pl extends Wt {
    */
   constructor(t, n, r, i) {
     let o = -1;
-    if (super(t, n), Wu(this, "space", i), typeof r == "number")
+    if (super(t, n), ju(this, "space", i), typeof r == "number")
       for (; ++o < Cs.length; ) {
         const s = Cs[o];
-        Wu(this, Cs[o], (r & Da[s]) === Da[s]);
+        ju(this, Cs[o], (r & Da[s]) === Da[s]);
       }
   }
 }
 Pl.prototype.defined = !0;
-function Wu(e, t, n) {
+function ju(e, t, n) {
   n && (e[t] = n);
 }
-function Wr(e) {
+function jr(e) {
   const t = {}, n = {};
   for (const [r, i] of Object.entries(e.properties)) {
     const o = new Pl(
@@ -9048,7 +9048,7 @@ function Wr(e) {
   }
   return new Ni(t, n, e.space);
 }
-const _p = Wr({
+const _p = jr({
   properties: {
     ariaActiveDescendant: null,
     ariaAtomic: vt,
@@ -9110,7 +9110,7 @@ function Cp(e, t) {
 function Tp(e, t) {
   return Cp(e, t.toLowerCase());
 }
-const fE = Wr({
+const fE = jr({
   attributes: {
     acceptcharset: "accept-charset",
     classname: "class",
@@ -9471,7 +9471,7 @@ const fE = Wr({
   },
   space: "html",
   transform: Tp
-}), hE = Wr({
+}), hE = jr({
   attributes: {
     accentHeight: "accent-height",
     alignmentBaseline: "alignment-baseline",
@@ -10030,7 +10030,7 @@ const fE = Wr({
   },
   space: "svg",
   transform: Cp
-}), Np = Wr({
+}), Np = jr({
   properties: {
     xLinkActuate: null,
     xLinkArcRole: null,
@@ -10044,12 +10044,12 @@ const fE = Wr({
   transform(e, t) {
     return "xlink:" + t.slice(5).toLowerCase();
   }
-}), Ap = Wr({
+}), Ap = jr({
   attributes: { xmlnsxlink: "xmlns:xlink" },
   properties: { xmlnsXLink: null, xmlns: null },
   space: "xmlns",
   transform: Tp
-}), Mp = Wr({
+}), Mp = jr({
   properties: { xmlBase: null, xmlLang: null, xmlSpace: null },
   space: "xml",
   transform(e, t) {
@@ -10076,7 +10076,7 @@ const fE = Wr({
 }, mE = /[A-Z]/g, Gu = /-[a-z]/g, gE = /^data[-\w.:]+$/i;
 function bE(e, t) {
   const n = Oa(t);
-  let r = t, i = Wt;
+  let r = t, i = jt;
   if (n in e.normal)
     return e.property[e.normal[n]];
   if (n.length > 4 && n.slice(0, 4) === "data" && gE.test(t)) {
@@ -10502,7 +10502,7 @@ function UE(e, t) {
   let r, i;
   for (i in t.properties)
     if (i !== "children" && Fl.call(t.properties, i)) {
-      const o = jE(e, i, t.properties[i]);
+      const o = WE(e, i, t.properties[i]);
       if (o) {
         const [s, a] = o;
         e.tableCellAlignToStyle && s === "align" && typeof a == "string" && IE.has(t.tagName) ? r = a : n[s] = a;
@@ -10568,11 +10568,11 @@ function $l(e, t) {
   }
   return n;
 }
-function jE(e, t, n) {
+function WE(e, t, n) {
   const r = bE(e.schema, t);
   if (!(n == null || typeof n == "number" && Number.isNaN(n))) {
     if (Array.isArray(n) && (n = r.commaSeparated ? oE(n) : wE(n)), r.property === "style") {
-      let i = typeof n == "object" ? n : WE(e, String(n));
+      let i = typeof n == "object" ? n : jE(e, String(n));
       return e.stylePropertyNameCase === "css" && (i = GE(i)), ["style", i];
     }
     return [
@@ -10581,7 +10581,7 @@ function jE(e, t, n) {
     ];
   }
 }
-function WE(e, t) {
+function jE(e, t) {
   try {
     return TE(t, { reactCompat: !0 });
   } catch (n) {
@@ -11634,7 +11634,7 @@ function IS(e, t, n) {
     return !r.parser.constructs.disable.null.includes("codeIndented") && a && a[1].type === "linePrefix" && a[2].sliceSerialize(a[1], !0).length >= 4 ? t(s) : e.interrupt(r.parser.constructs.flow, n, t)(s);
   }
 }
-function jp(e, t, n, r, i, o, s, a, l) {
+function Wp(e, t, n, r, i, o, s, a, l) {
   const c = l || Number.POSITIVE_INFINITY;
   let u = 0;
   return d;
@@ -11661,7 +11661,7 @@ function jp(e, t, n, r, i, o, s, a, l) {
     return y === 40 || y === 41 || y === 92 ? (e.consume(y), p) : p(y);
   }
 }
-function Wp(e, t, n, r, i, o) {
+function jp(e, t, n, r, i, o) {
   const s = this;
   let a = 0, l;
   return c;
@@ -11728,7 +11728,7 @@ function DS(e, t, n) {
     return e.enter("definition"), s(h);
   }
   function s(h) {
-    return Wp.call(
+    return jp.call(
       r,
       e,
       a,
@@ -11746,7 +11746,7 @@ function DS(e, t, n) {
     return tt(h) ? fi(e, c)(h) : c(h);
   }
   function c(h) {
-    return jp(
+    return Wp(
       e,
       u,
       // Note: we don’t need to reset the way `markdown-rs` does.
@@ -11904,10 +11904,10 @@ const US = [
   name: "htmlFlow",
   resolveTo: GS,
   tokenize: KS
-}, jS = {
+}, WS = {
   partial: !0,
   tokenize: YS
-}, WS = {
+}, jS = {
   partial: !0,
   tokenize: qS
 };
@@ -11984,10 +11984,10 @@ 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), ie) : 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(jS, K, F)(S)) : S === null || ye(S) ? (e.exit("htmlFlowData"), F(S)) : (e.consume(S), I);
+    return S === 45 && i === 2 ? (e.consume(S), ie) : 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(WS, D, K)(S);
+    return e.check(jS, D, K)(S);
   }
   function D(S) {
     return e.enter("lineEnding"), e.consume(S), e.exit("lineEnding"), G;
@@ -12235,7 +12235,7 @@ function ik(e, t, n) {
     return tt(d) ? fi(e, o)(d) : o(d);
   }
   function o(d) {
-    return d === 41 ? u(d) : jp(e, s, a, "resourceDestination", "resourceDestinationLiteral", "resourceDestinationLiteralMarker", "resourceDestinationRaw", "resourceDestinationString", 32)(d);
+    return d === 41 ? u(d) : Wp(e, s, a, "resourceDestination", "resourceDestinationLiteral", "resourceDestinationLiteralMarker", "resourceDestinationRaw", "resourceDestinationString", 32)(d);
   }
   function s(d) {
     return tt(d) ? fi(e, l)(d) : u(d);
@@ -12257,7 +12257,7 @@ function ok(e, t, n) {
   const r = this;
   return i;
   function i(a) {
-    return Wp.call(r, e, o, s, "reference", "referenceMarker", "referenceString")(a);
+    return jp.call(r, e, o, s, "reference", "referenceMarker", "referenceString")(a);
   }
   function o(a) {
     return r.parser.defined.includes(hn(r.sliceSerialize(r.events[r.events.length - 1][1]).slice(1, -1))) ? t(a) : n(a);
@@ -12765,14 +12765,14 @@ function Bk(e, t, n) {
       ) : $(D);
       function $(B) {
         return q;
-        function q(W) {
-          const ce = W !== null && B[W], Q = W !== null && B.null, xe = [
+        function q(j) {
+          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(Q) ? Q : Q ? [Q] : []
           ];
-          return K(xe)(W);
+          return K(xe)(j);
         }
       }
       function K(B) {
@@ -12780,7 +12780,7 @@ function Bk(e, t, n) {
       }
       function S(B) {
         return q;
-        function q(W) {
+        function q(j) {
           return x = O(), U = B, B.partial || (c.currentConstruct = B), B.name && c.parser.constructs.disable.null.includes(B.name) ? te() : B.tokenize.call(
             // If we do have fields, create an object w/ `context` as its
             // prototype.
@@ -12789,7 +12789,7 @@ function Bk(e, t, n) {
             l,
             Y,
             te
-          )(W);
+          )(j);
         }
       }
       function Y(B) {
@@ -12934,9 +12934,9 @@ function Hk() {
     return a && (r && l.push(-5), t && l.push(t), l.push(null)), l;
   }
 }
-const jk = /\\([!-/:-@[-`{-~])|&(#(?:\d{1,7}|x[\da-f]{1,6})|[\da-z]{1,31});/gi;
-function Wk(e) {
-  return e.replace(jk, Gk);
+const Wk = /\\([!-/:-@[-`{-~])|&(#(?:\d{1,7}|x[\da-f]{1,6})|[\da-z]{1,31});/gi;
+function jk(e) {
+  return e.replace(Wk, Gk);
 }
 function Gk(e, t, n) {
   if (t)
@@ -13003,7 +13003,7 @@ function qk(e) {
       atxHeadingSequence: k,
       autolink: l(),
       autolinkEmail: ce,
-      autolinkProtocol: W,
+      autolinkProtocol: j,
       blockQuote: l(),
       characterEscapeValue: b,
       characterReferenceMarkerHexadecimal: te,
@@ -13304,7 +13304,7 @@ function qk(e) {
   }
   function V(H) {
     const J = this.sliceSerialize(H), ve = this.stack[this.stack.length - 2];
-    ve.label = Wk(J), ve.identifier = hn(J).toLowerCase();
+    ve.label = jk(J), ve.identifier = hn(J).toLowerCase();
   }
   function U() {
     const H = this.stack[this.stack.length - 1], J = this.resume(), ve = this.stack[this.stack.length - 1];
@@ -13346,7 +13346,7 @@ function qk(e) {
     const J = this.stack.pop();
     J.position.end = Bn(H.end);
   }
-  function W(H) {
+  function j(H) {
     b.call(this, H);
     const J = this.stack[this.stack.length - 1];
     J.url = this.sliceSerialize(H);
@@ -13874,14 +13874,14 @@ const E1 = {
   tableRow: b1,
   text: v1,
   thematicBreak: w1,
-  toml: Wi,
-  yaml: Wi,
-  definition: Wi,
-  footnoteDefinition: Wi
+  toml: ji,
+  yaml: ji,
+  definition: ji,
+  footnoteDefinition: ji
 };
-function Wi() {
+function ji() {
 }
-const Jp = -1, Uo = 0, hi = 1, ko = 2, Hl = 3, jl = 4, Wl = 5, Gl = 6, em = 7, tm = 8, hd = typeof self == "object" ? self : globalThis, S1 = (e, t) => {
+const Jp = -1, Uo = 0, hi = 1, ko = 2, Hl = 3, Wl = 4, jl = 5, Gl = 6, em = 7, tm = 8, hd = typeof self == "object" ? self : globalThis, S1 = (e, t) => {
   const n = (i, o) => (e.set(o, i), i), r = (i) => {
     if (e.has(i))
       return e.get(i);
@@ -13904,11 +13904,11 @@ const Jp = -1, Uo = 0, hi = 1, ko = 2, Hl = 3, jl = 4, Wl = 5, Gl = 6, em = 7, t
       }
       case Hl:
         return n(new Date(s), i);
-      case jl: {
+      case Wl: {
         const { source: a, flags: l } = s;
         return n(new RegExp(a, l), i);
       }
-      case Wl: {
+      case jl: {
         const a = n(/* @__PURE__ */ new Map(), i);
         for (const [l, c] of s)
           a.set(r(l), r(c));
@@ -13951,9 +13951,9 @@ const Jp = -1, Uo = 0, hi = 1, ko = 2, Hl = 3, jl = 4, Wl = 5, Gl = 6, em = 7, t
     case "Date":
       return [Hl, pr];
     case "RegExp":
-      return [jl, pr];
-    case "Map":
       return [Wl, pr];
+    case "Map":
+      return [jl, pr];
     case "Set":
       return [Gl, pr];
     case "DataView":
@@ -14015,11 +14015,11 @@ const Jp = -1, Uo = 0, hi = 1, ko = 2, Hl = 3, jl = 4, Wl = 5, Gl = 6, em = 7, t
       }
       case Hl:
         return i([a, s.toISOString()], s);
-      case jl: {
+      case Wl: {
         const { source: u, flags: d } = s;
         return i([a, { source: u, flags: d }], s);
       }
-      case Wl: {
+      case jl: {
         const u = [], d = i([a, u], s);
         for (const [f, h] of s)
           (e || !(Gi(ti(f)) || Gi(ti(h)))) && u.push([o(f), o(h)]);
@@ -14255,7 +14255,7 @@ function rm(e, t, n, r) {
 function F1(e) {
   return Array.isArray(e) ? e : typeof e == "number" ? [D1, e] : e == null ? nm : [e];
 }
-function jo(e, t, n, r) {
+function Wo(e, t, n, r) {
   let i, o, s;
   typeof t == "function" && typeof n != "function" ? (o = void 0, s = t, i = n) : (o = t, s = n, i = r), rm(e, o, a, i);
   function a(l, c) {
@@ -14278,7 +14278,7 @@ function $1(e, t) {
     patch: V1,
     wrap: H1
   };
-  return jo(e, function(u) {
+  return Wo(e, function(u) {
     if (u.type === "definition" || u.type === "footnoteDefinition") {
       const d = u.type === "definition" ? r : i, f = String(u.identifier).toUpperCase();
       d.has(f) || d.set(f, u);
@@ -14364,7 +14364,7 @@ function bd(e, t) {
   return i && o.children.push({ type: "text", value: `
 ` }, i), o;
 }
-function j1(e, t) {
+function W1(e, t) {
   return e && "run" in e ? async function(n, r) {
     const i = (
       /** @type {HastRoot} */
@@ -14383,7 +14383,7 @@ function yd(e) {
     throw e;
 }
 var Rs, xd;
-function W1() {
+function j1() {
   if (xd) return Rs;
   xd = 1;
   var e = Object.prototype.hasOwnProperty, t = Object.prototype.toString, n = Object.defineProperty, r = Object.getOwnPropertyDescriptor, i = function(c) {
@@ -14422,7 +14422,7 @@ function W1() {
     return p;
   }, Rs;
 }
-var G1 = W1();
+var G1 = j1();
 const Is = /* @__PURE__ */ $o(G1);
 function za(e) {
   if (typeof e != "object" || e === null)
@@ -15617,7 +15617,7 @@ function m_(e) {
 }
 function g_(e) {
   const t = e.rehypePlugins || Sd, n = e.remarkPlugins || Sd, r = e.remarkRehypeOptions ? { ...e.remarkRehypeOptions, ...kd } : kd;
-  return l_().use(Zk).use(n).use(j1, r).use(t);
+  return l_().use(Zk).use(n).use(W1, r).use(t);
 }
 function b_(e) {
   const t = e.children || "", n = new im();
@@ -15627,7 +15627,7 @@ function y_(e, t) {
   const n = t.allowedElements, r = t.allowElement, i = t.components, o = t.disallowedElements, s = t.skipHtml, a = t.unwrapDisallowed, l = t.urlTransform || x_;
   for (const u of p_)
     Object.hasOwn(t, u.from) && ("" + u.from + (u.to ? "use `" + u.to + "` instead" : "remove it") + f_ + u.id, void 0);
-  return jo(e, c), OE(e, {
+  return Wo(e, c), OE(e, {
     Fragment: Tt,
     components: i,
     ignoreInvalidStyle: !0,
@@ -15863,7 +15863,7 @@ function om(e, t) {
   return (e.index === 0 || ar(n) || Vo(n)) && // If it’s an email, the previous character should not be a slash.
   (!t || n !== 47);
 }
-sm.peek = W_;
+sm.peek = j_;
 function F_() {
   this.buffer();
 }
@@ -15894,10 +15894,10 @@ function H_(e) {
     this.sliceSerialize(e)
   ).toLowerCase(), n.label = t;
 }
-function j_(e) {
+function W_(e) {
   this.exit(e);
 }
-function W_() {
+function j_() {
   return "[";
 }
 function sm(e, t, n, r) {
@@ -15920,7 +15920,7 @@ function G_() {
       gfmFootnoteCallString: z_,
       gfmFootnoteCall: U_,
       gfmFootnoteDefinitionLabelString: H_,
-      gfmFootnoteDefinition: j_
+      gfmFootnoteDefinition: W_
     }
   };
 }
@@ -16275,7 +16275,7 @@ function pC(e, t, n) {
 }
 function mC(e, t) {
   let n = !1;
-  return jo(e, function(r) {
+  return Wo(e, function(r) {
     if ("value" in r && /\r?\n|\r/.test(r.value) || r.type === "break")
       return n = !0, $a;
   }), !!((!e.depth || e.depth < 3) && Vl(e) && (t.options.setext || n));
@@ -16799,11 +16799,11 @@ function HC() {
     exit: {
       taskListCheckValueChecked: Md,
       taskListCheckValueUnchecked: Md,
-      paragraph: WC
+      paragraph: jC
     }
   };
 }
-function jC() {
+function WC() {
   return {
     unsafe: [{ atBreak: !0, character: "-", after: "[:|-]" }],
     handlers: { listItem: GC }
@@ -16813,7 +16813,7 @@ function Md(e) {
   const t = this.stack[this.stack.length - 2];
   t.type, t.checked = e.type === "taskListCheckValueChecked";
 }
-function WC(e) {
+function jC(e) {
   const t = this.stack[this.stack.length - 2];
   if (t && t.type === "listItem" && typeof t.checked == "boolean") {
     const n = this.stack[this.stack.length - 1];
@@ -16862,7 +16862,7 @@ function qC(e) {
       K_(e),
       X_(),
       UC(e),
-      jC()
+      WC()
     ]
   };
 }
@@ -17673,7 +17673,7 @@ function RT(e) {
 function IT(e) {
   return e !== null && typeof e == "object" && "type" in e && "tagName" in e;
 }
-const Od = /\n/g, Pd = /[\t ]+/g, ja = ur("br"), Dd = ur(VT), OT = ur("p"), Ld = ur("tr"), PT = ur([
+const Od = /\n/g, Pd = /[\t ]+/g, Wa = ur("br"), Dd = ur(VT), OT = ur("p"), Ld = ur("tr"), PT = ur([
   // List from: <https://html.spec.whatwg.org/multipage/rendering.html#hidden-elements>
   "datalist",
   "head",
@@ -17792,7 +17792,7 @@ function DT(e, t) {
         {
           whitespace: o,
           breakBefore: a ? void 0 : i,
-          breakAfter: a < r.length - 1 ? ja(r[a + 1]) : i
+          breakAfter: a < r.length - 1 ? Wa(r[a + 1]) : i
         }
       )
     );
@@ -17814,14 +17814,14 @@ function LT(e, t, n) {
   if (PT(e))
     return s;
   let a, l;
-  for (ja(e) || Ld(e) && // @ts-expect-error: something up with types of parents.
+  for (Wa(e) || Ld(e) && // @ts-expect-error: something up with types of parents.
   Id(t, e, Ld) ? l = `
 ` : OT(e) ? (a = 2, l = 2) : Nm(e) && (a = 1, l = 1); ++o < i.length; )
     s = s.concat(
       Am(i[o], e, {
         whitespace: r,
         breakBefore: o ? void 0 : a,
-        breakAfter: o < i.length - 1 ? ja(i[o + 1]) : l
+        breakAfter: o < i.length - 1 ? Wa(i[o + 1]) : l
       })
     );
   return Dd(e) && // @ts-expect-error: something up with types of parents.
@@ -18793,7 +18793,7 @@ function HT(e) {
     ...t.built_in
   ], r._hints = t._hints, n.name = "Arduino", n.aliases = ["ino"], n.supersetOf = "cpp", n;
 }
-function jT(e) {
+function WT(e) {
   const t = e.regex, n = {}, r = {
     begin: /\$\{/,
     end: /\}/,
@@ -19167,7 +19167,7 @@ function jT(e) {
     ]
   };
 }
-function WT(e) {
+function jT(e) {
   const t = e.regex, n = e.COMMENT("//", "$", { contains: [{ begin: /\\\n/ }] }), r = "decltype\\(auto\\)", i = "[a-zA-Z_]\\w*::", s = "(" + r + "|" + t.optional(i) + "[a-zA-Z_]\\w*" + t.optional("<[^<>]+>") + ")", a = {
     className: "type",
     variants: [
@@ -27023,7 +27023,7 @@ const FN = (e) => ({
   "selection",
   "slotted",
   "spelling-error"
-].sort().reverse(), jN = [
+].sort().reverse(), WN = [
   "accent-color",
   "align-content",
   "align-items",
@@ -27540,7 +27540,7 @@ const FN = (e) => ({
   "z-index",
   "zoom"
 ].sort().reverse();
-function WN(e) {
+function jN(e) {
   const t = FN(e), n = HN, r = UN, i = "@[a-z-]+", o = "and or not only", a = {
     className: "variable",
     begin: "(\\$" + "[a-zA-Z-][a-zA-Z0-9_-]*" + ")\\b",
@@ -27591,7 +27591,7 @@ function WN(e) {
       t.CSS_VARIABLE,
       {
         className: "attribute",
-        begin: "\\b(" + jN.join("|") + ")\\b"
+        begin: "\\b(" + WN.join("|") + ")\\b"
       },
       { begin: "\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middle|medium|ltr|lr-tb|lowercase|lower-roman|lower-alpha|loose|list-item|line|line-through|line-edge|lighter|left|keep-all|justify|italic|inter-word|inter-ideograph|inside|inset|inline|inline-block|inherit|inactive|ideograph-space|ideograph-parenthesis|ideograph-numeric|ideograph-alpha|horizontal|hidden|help|hand|groove|fixed|ellipsis|e-resize|double|dotted|distribute|distribute-space|distribute-letter|distribute-all-lines|disc|disabled|default|decimal|dashed|crosshair|collapse|col-resize|circle|char|center|capitalize|break-word|break-all|bottom|both|bolder|bold|block|bidi-override|below|baseline|auto|always|all-scroll|absolute|table|table-cell)\\b" },
       {
@@ -28544,7 +28544,7 @@ const Ql = (e) => Ze(
   /[\uFE20-\uFE2F]/
   // TODO: The following characters are also allowed, but the regex isn't supported yet.
   // /[\u{E0100}-\u{E01EF}]/u
-), js = Ze($m, Vm, "*"), zm = Bt(
+), Ws = Ze($m, Vm, "*"), zm = Bt(
   /[a-zA-Z_]/,
   /[\u00A8\u00AA\u00AD\u00AF\u00B2-\u00B5\u00B7-\u00BA]/,
   /[\u00BC-\u00BE\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u00FF]/,
@@ -28671,7 +28671,7 @@ function tA(e) {
     className: "operator",
     relevance: 0,
     variants: [
-      { match: js },
+      { match: Ws },
       {
         // dot-operator: only operators that start with a dot are allowed to use dots as
         // characters (..., ...<, .*, etc). So there rule here is: a dot followed by one or more
@@ -28897,7 +28897,7 @@ function tA(e) {
         match: yn
       }
     ]
-  }, W = {
+  }, j = {
     begin: /\(/,
     end: /\)/,
     keywords: c,
@@ -28918,7 +28918,7 @@ function tA(e) {
     match: [
       /(func|macro)/,
       /\s+/,
-      Bt(D.match, yn, js)
+      Bt(D.match, yn, Ws)
     ],
     className: {
       1: "keyword",
@@ -28926,7 +28926,7 @@ function tA(e) {
     },
     contains: [
       B,
-      W,
+      j,
       t
     ],
     illegal: [
@@ -28941,7 +28941,7 @@ function tA(e) {
     className: { 1: "keyword" },
     contains: [
       B,
-      W,
+      j,
       t
     ],
     illegal: /\[|%/
@@ -28949,7 +28949,7 @@ function tA(e) {
     match: [
       /operator/,
       /\s+/,
-      js
+      Ws
     ],
     className: {
       1: "keyword",
@@ -29130,7 +29130,7 @@ const No = "[A-Za-z$_][0-9A-Za-z$_]*", Um = [
   "undefined",
   "NaN",
   "Infinity"
-], jm = [
+], Wm = [
   // Fundamental objects
   "Object",
   "Function",
@@ -29180,7 +29180,7 @@ const No = "[A-Za-z$_][0-9A-Za-z$_]*", Um = [
   "Intl",
   // WebAssembly
   "WebAssembly"
-], Wm = [
+], jm = [
   "Error",
   "EvalError",
   "InternalError",
@@ -29221,8 +29221,8 @@ const No = "[A-Za-z$_][0-9A-Za-z$_]*", Um = [
   // Node.js
 ], qm = [].concat(
   Gm,
-  jm,
-  Wm
+  Wm,
+  jm
 );
 function nA(e) {
   const t = e.regex, n = (V, { after: U }) => {
@@ -29477,8 +29477,8 @@ function nA(e) {
     keywords: {
       _: [
         // se we still get relevance credit for JS library classes
-        ...jm,
-        ...Wm
+        ...Wm,
+        ...jm
       ]
     }
   }, O = {
@@ -30456,8 +30456,8 @@ function aA(e) {
 }
 const lA = {
   arduino: HT,
-  bash: jT,
-  c: WT,
+  bash: WT,
+  c: jT,
   cpp: GT,
   csharp: KT,
   css: nN,
@@ -30483,7 +30483,7 @@ const lA = {
   r: PN,
   ruby: DN,
   rust: LN,
-  scss: WN,
+  scss: jN,
   shell: GN,
   sql: KN,
   swift: tA,
@@ -30493,17 +30493,17 @@ const lA = {
   xml: sA,
   yaml: aA
 };
-var Ws, Ud;
+var js, Ud;
 function cA() {
-  if (Ud) return Ws;
+  if (Ud) return js;
   Ud = 1;
   function e(T) {
     return T instanceof Map ? T.clear = T.delete = T.set = function() {
       throw new Error("map is read-only");
     } : T instanceof Set && (T.add = T.clear = T.delete = function() {
       throw new Error("set is read-only");
-    }), Object.freeze(T), Object.getOwnPropertyNames(T).forEach((j) => {
-      const re = T[j], Ne = typeof re;
+    }), Object.freeze(T), Object.getOwnPropertyNames(T).forEach((W) => {
+      const re = T[W], Ne = typeof re;
       (Ne === "object" || Ne === "function") && !Object.isFrozen(re) && e(re);
     }), T;
   }
@@ -30511,8 +30511,8 @@ function cA() {
     /**
      * @param {CompiledMode} mode
      */
-    constructor(j) {
-      j.data === void 0 && (j.data = {}), this.data = j.data, this.isMatchIgnored = !1;
+    constructor(W) {
+      W.data === void 0 && (W.data = {}), this.data = W.data, this.isMatchIgnored = !1;
     }
     ignoreMatch() {
       this.isMatchIgnored = !0;
@@ -30521,27 +30521,27 @@ function cA() {
   function n(T) {
     return T.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
   }
-  function r(T, ...j) {
+  function r(T, ...W) {
     const re = /* @__PURE__ */ Object.create(null);
     for (const Ne in T)
       re[Ne] = T[Ne];
-    return j.forEach(function(Ne) {
+    return W.forEach(function(Ne) {
       for (const ht in Ne)
         re[ht] = Ne[ht];
     }), /** @type {T} */
     re;
   }
-  const i = "</span>", o = (T) => !!T.scope, s = (T, { prefix: j }) => {
+  const i = "</span>", o = (T) => !!T.scope, s = (T, { prefix: W }) => {
     if (T.startsWith("language:"))
       return T.replace("language:", "language-");
     if (T.includes(".")) {
       const re = T.split(".");
       return [
-        `${j}${re.shift()}`,
+        `${W}${re.shift()}`,
         ...re.map((Ne, ht) => `${Ne}${"_".repeat(ht + 1)}`)
       ].join(" ");
     }
-    return `${j}${T}`;
+    return `${W}${T}`;
   };
   class a {
     /**
@@ -30550,24 +30550,24 @@ function cA() {
      * @param {Tree} parseTree - the parse tree (must support `walk` API)
      * @param {{classPrefix: string}} options
      */
-    constructor(j, re) {
-      this.buffer = "", this.classPrefix = re.classPrefix, j.walk(this);
+    constructor(W, re) {
+      this.buffer = "", this.classPrefix = re.classPrefix, W.walk(this);
     }
     /**
      * Adds texts to the output stream
      *
      * @param {string} text */
-    addText(j) {
-      this.buffer += n(j);
+    addText(W) {
+      this.buffer += n(W);
     }
     /**
      * Adds a node open to the output stream (if needed)
      *
      * @param {Node} node */
-    openNode(j) {
-      if (!o(j)) return;
+    openNode(W) {
+      if (!o(W)) return;
       const re = s(
-        j.scope,
+        W.scope,
         { prefix: this.classPrefix }
       );
       this.span(re);
@@ -30576,8 +30576,8 @@ function cA() {
      * Adds a node close to the output stream (if needed)
      *
      * @param {Node} node */
-    closeNode(j) {
-      o(j) && (this.buffer += i);
+    closeNode(W) {
+      o(W) && (this.buffer += i);
     }
     /**
      * returns the accumulated buffer
@@ -30590,13 +30590,13 @@ function cA() {
      * Builds a span element
      *
      * @param {string} className */
-    span(j) {
-      this.buffer += `<span class="${j}">`;
+    span(W) {
+      this.buffer += `<span class="${W}">`;
     }
   }
   const l = (T = {}) => {
-    const j = { children: [] };
-    return Object.assign(j, T), j;
+    const W = { children: [] };
+    return Object.assign(W, T), W;
   };
   class c {
     constructor() {
@@ -30609,12 +30609,12 @@ function cA() {
       return this.rootNode;
     }
     /** @param {Node} node */
-    add(j) {
-      this.top.children.push(j);
+    add(W) {
+      this.top.children.push(W);
     }
     /** @param {string} scope */
-    openNode(j) {
-      const re = l({ scope: j });
+    openNode(W) {
+      const re = l({ scope: W });
       this.add(re), this.stack.push(re);
     }
     closeNode() {
@@ -30631,21 +30631,21 @@ function cA() {
      * @typedef { import("./html_renderer").Renderer } Renderer
      * @param {Renderer} builder
      */
-    walk(j) {
-      return this.constructor._walk(j, this.rootNode);
+    walk(W) {
+      return this.constructor._walk(W, this.rootNode);
     }
     /**
      * @param {Renderer} builder
      * @param {Node} node
      */
-    static _walk(j, re) {
-      return typeof re == "string" ? j.addText(re) : re.children && (j.openNode(re), re.children.forEach((Ne) => this._walk(j, Ne)), j.closeNode(re)), j;
+    static _walk(W, re) {
+      return typeof re == "string" ? W.addText(re) : re.children && (W.openNode(re), re.children.forEach((Ne) => this._walk(W, Ne)), W.closeNode(re)), W;
     }
     /**
      * @param {Node} node
      */
-    static _collapse(j) {
-      typeof j != "string" && j.children && (j.children.every((re) => typeof re == "string") ? j.children = [j.children.join("")] : j.children.forEach((re) => {
+    static _collapse(W) {
+      typeof W != "string" && W.children && (W.children.every((re) => typeof re == "string") ? W.children = [W.children.join("")] : W.children.forEach((re) => {
         c._collapse(re);
       }));
     }
@@ -30654,18 +30654,18 @@ function cA() {
     /**
      * @param {*} options
      */
-    constructor(j) {
-      super(), this.options = j;
+    constructor(W) {
+      super(), this.options = W;
     }
     /**
      * @param {string} text
      */
-    addText(j) {
-      j !== "" && this.add(j);
+    addText(W) {
+      W !== "" && this.add(W);
     }
     /** @param {string} scope */
-    startScope(j) {
-      this.openNode(j);
+    startScope(W) {
+      this.openNode(W);
     }
     endScope() {
       this.closeNode();
@@ -30674,8 +30674,8 @@ function cA() {
      * @param {Emitter & {root: DataNode}} emitter
      * @param {string} name
      */
-    __addSublanguage(j, re) {
-      const Ne = j.root;
+    __addSublanguage(W, re) {
+      const Ne = W.root;
       re && (Ne.scope = `language:${re}`), this.add(Ne);
     }
     toHTML() {
@@ -30701,8 +30701,8 @@ function cA() {
     return T.map((re) => d(re)).join("");
   }
   function v(T) {
-    const j = T[T.length - 1];
-    return typeof j == "object" && j.constructor === Object ? (T.splice(T.length - 1, 1), j) : {};
+    const W = T[T.length - 1];
+    return typeof W == "object" && W.constructor === Object ? (T.splice(T.length - 1, 1), W) : {};
   }
   function y(...T) {
     return "(" + (v(T).capture ? "" : "?:") + T.map((Ne) => d(Ne)).join("|") + ")";
@@ -30710,12 +30710,12 @@ function cA() {
   function E(T) {
     return new RegExp(T.toString() + "|").exec("").length - 1;
   }
-  function w(T, j) {
-    const re = T && T.exec(j);
+  function w(T, W) {
+    const re = T && T.exec(W);
     return re && re.index === 0;
   }
   const _ = /\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;
-  function k(T, { joinWith: j }) {
+  function k(T, { joinWith: W }) {
     let re = 0;
     return T.map((Ne) => {
       re += 1;
@@ -30730,18 +30730,18 @@ function cA() {
         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] === "(" && re++);
       }
       return he;
-    }).map((Ne) => `(${Ne})`).join(j);
+    }).map((Ne) => `(${Ne})`).join(W);
   }
   const C = /\b\B/, R = "[a-zA-Z]\\w*", A = "[a-zA-Z_]\\w*", O = "\\b\\d+(\\.\\d+)?", b = "(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)", M = "\\b(0b[01]+)", I = "!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~", F = (T = {}) => {
-    const j = /^#![ ]*\//;
+    const W = /^#![ ]*\//;
     return T.binary && (T.begin = p(
-      j,
+      W,
       /.*\b/,
       T.binary,
       /\b.*/
     )), r({
       scope: "meta",
-      begin: j,
+      begin: W,
       end: /$/,
       relevance: 0,
       /** @type {ModeCallback} */
@@ -30766,12 +30766,12 @@ function cA() {
     contains: [D]
   }, 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, j, re = {}) {
+  }, V = function(T, W, re = {}) {
     const Ne = r(
       {
         scope: "comment",
         begin: T,
-        end: j,
+        end: W,
         contains: []
       },
       re
@@ -30865,7 +30865,7 @@ function cA() {
     scope: "title",
     begin: A,
     relevance: 0
-  }, W = {
+  }, j = {
     // excludes method names from keyword processing
     begin: "\\.\\s*" + A,
     relevance: 0
@@ -30886,12 +30886,12 @@ function cA() {
         T,
         {
           /** @type {ModeCallback} */
-          "on:begin": (j, re) => {
-            re.data._beginMatch = j[1];
+          "on:begin": (W, re) => {
+            re.data._beginMatch = W[1];
           },
           /** @type {ModeCallback} */
-          "on:end": (j, re) => {
-            re.data._beginMatch !== j[1] && re.ignoreMatch();
+          "on:end": (W, re) => {
+            re.data._beginMatch !== W[1] && re.ignoreMatch();
           }
         }
       );
@@ -30899,7 +30899,7 @@ function cA() {
     HASH_COMMENT_MODE: $,
     IDENT_RE: R,
     MATCH_NOTHING_RE: C,
-    METHOD_GUARD: W,
+    METHOD_GUARD: j,
     NUMBER_MODE: K,
     NUMBER_RE: O,
     PHRASAL_WORDS_MODE: X,
@@ -30911,28 +30911,28 @@ function cA() {
     UNDERSCORE_IDENT_RE: A,
     UNDERSCORE_TITLE_MODE: q
   });
-  function xe(T, j) {
-    T.input[T.index - 1] === "." && j.ignoreMatch();
+  function xe(T, W) {
+    T.input[T.index - 1] === "." && W.ignoreMatch();
   }
-  function L(T, j) {
+  function L(T, W) {
     T.className !== void 0 && (T.scope = T.className, delete T.className);
   }
-  function se(T, j) {
-    j && 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 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, j) {
+  function ke(T, W) {
     Array.isArray(T.illegal) && (T.illegal = y(...T.illegal));
   }
-  function pe(T, j) {
+  function pe(T, W) {
     if (T.match) {
       if (T.begin || T.end) throw new Error("begin & end are not supported with match");
       T.begin = T.match, delete T.match;
     }
   }
-  function ne(T, j) {
+  function ne(T, W) {
     T.relevance === void 0 && (T.relevance = 1);
   }
-  const ge = (T, j) => {
+  const ge = (T, W) => {
     if (!T.beforeMatch) return;
     if (T.starts) throw new Error("beforeMatch cannot be used with starts");
     const re = Object.assign({}, T);
@@ -30960,39 +30960,39 @@ function cA() {
     "value"
     // common variable name
   ], _e = "keyword";
-  function le(T, j, re = _e) {
+  function le(T, W, re = _e) {
     const Ne = /* @__PURE__ */ Object.create(null);
     return typeof T == "string" ? ht(re, T.split(" ")) : Array.isArray(T) ? ht(re, T) : Object.keys(T).forEach(function(pt) {
       Object.assign(
         Ne,
-        le(T[pt], j, pt)
+        le(T[pt], W, pt)
       );
     }), Ne;
     function ht(pt, he) {
-      j && (he = he.map((ue) => ue.toLowerCase())), he.forEach(function(ue) {
+      W && (he = he.map((ue) => ue.toLowerCase())), he.forEach(function(ue) {
         const Ce = ue.split("|");
         Ne[Ce[0]] = [pt, At(Ce[0], Ce[1])];
       });
     }
   }
-  function At(T, j) {
-    return j ? Number(j) : Re(T) ? 0 : 1;
+  function At(T, W) {
+    return W ? Number(W) : Re(T) ? 0 : 1;
   }
   function Re(T) {
     return Te.includes(T.toLowerCase());
   }
   const bt = {}, yt = (T) => {
     console.error(T);
-  }, ln = (T, ...j) => {
-    console.log(`WARN: ${T}`, ...j);
-  }, H = (T, j) => {
-    bt[`${T}/${j}`] || (console.log(`Deprecated as of ${T}. ${j}`), bt[`${T}/${j}`] = !0);
+  }, ln = (T, ...W) => {
+    console.log(`WARN: ${T}`, ...W);
+  }, H = (T, W) => {
+    bt[`${T}/${W}`] || (console.log(`Deprecated as of ${T}. ${W}`), bt[`${T}/${W}`] = !0);
   }, J = new Error();
-  function ve(T, j, { key: re }) {
+  function ve(T, W, { key: re }) {
     let Ne = 0;
     const ht = T[re], pt = {}, he = {};
-    for (let ue = 1; ue <= j.length; ue++)
-      he[ue + Ne] = ht[ue], pt[ue + Ne] = !0, Ne += E(j[ue - 1]);
+    for (let ue = 1; ue <= W.length; ue++)
+      he[ue + Ne] = ht[ue], pt[ue + Ne] = !0, Ne += E(W[ue - 1]);
     T[re] = he, T[re]._emit = pt, T[re]._multi = !0;
   }
   function Oe(T) {
@@ -31020,7 +31020,7 @@ function cA() {
     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 j(he, ue) {
+    function W(he, ue) {
       return new RegExp(
         d(he),
         "m" + (T.case_insensitive ? "i" : "") + (T.unicodeRegex ? "u" : "") + (ue ? "g" : "")
@@ -31037,7 +31037,7 @@ function cA() {
       compile() {
         this.regexes.length === 0 && (this.exec = () => null);
         const ue = this.regexes.map((Ce) => Ce[1]);
-        this.matcherRe = j(k(ue, { joinWith: "|" }), !0), this.lastIndex = 0;
+        this.matcherRe = W(k(ue, { joinWith: "|" }), !0), this.lastIndex = 0;
       }
       /** @param {string} s */
       exec(ue) {
@@ -31107,7 +31107,7 @@ function cA() {
         ne
       ].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 = j(Mt, !0), ue && (he.begin || (he.begin = /\B|\b/), Ce.beginRe = j(Ce.begin), !he.end && !he.endsWithParent && (he.end = /\B|\b/), he.end && (Ce.endRe = j(Ce.end)), Ce.terminatorEnd = d(Ce.end) || "", he.endsWithParent && ue.terminatorEnd && (Ce.terminatorEnd += (he.end ? "|" : "") + ue.terminatorEnd)), he.illegal && (Ce.illegalRe = j(
+      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(
         /** @type {RegExp | string} */
         he.illegal
       )), he.contains || (he.contains = []), he.contains = [].concat(...he.contains.map(function(xt) {
@@ -31131,18 +31131,18 @@ function cA() {
     return T ? T.endsWithParent || pn(T.starts) : !1;
   }
   function cn(T) {
-    return T.variants && !T.cachedVariants && (T.cachedVariants = T.variants.map(function(j) {
-      return r(T, { variants: null }, j);
+    return T.variants && !T.cachedVariants && (T.cachedVariants = T.variants.map(function(W) {
+      return r(T, { variants: null }, W);
     })), T.cachedVariants ? T.cachedVariants : pn(T) ? r(T, { starts: T.starts ? r(T.starts) : null }) : Object.isFrozen(T) ? r(T) : T;
   }
   var St = "11.11.1";
   class Jt extends Error {
-    constructor(j, re) {
-      super(j), this.name = "HTMLInjectionError", this.html = re;
+    constructor(W, re) {
+      super(W), this.name = "HTMLInjectionError", this.html = re;
     }
   }
   const Rt = n, Yn = r, qr = Symbol("nomatch"), ae = 7, ot = function(T) {
-    const j = /* @__PURE__ */ Object.create(null), re = /* @__PURE__ */ Object.create(null), Ne = [];
+    const W = /* @__PURE__ */ Object.create(null), re = /* @__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 = {
@@ -31216,7 +31216,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = ee, nt = be), Ve
         if (rt === "") return;
         let oe = null;
         if (typeof Ae.subLanguage == "string") {
-          if (!j[Ae.subLanguage]) {
+          if (!W[Ae.subLanguage]) {
             It.addText(rt);
             return;
           }
@@ -31388,7 +31388,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = ee, nt = be), Ve
       return be._emitter.addText(ee), be;
     }
     function is(ee, be) {
-      be = be || ue.languages || Object.keys(j);
+      be = be || ue.languages || Object.keys(W);
       const Ve = rs(ee), nt = be.filter(Dn).filter(hc).map(
         (Kt) => Yr(Kt, ee, !1)
       );
@@ -31468,18 +31468,18 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = ee, nt = be), Ve
           throw nt;
         Ve = he;
       }
-      Ve.name || (Ve.name = ee), j[ee] = Ve, Ve.rawDefinition = be.bind(null, T), Ve.aliases && fc(Ve.aliases, { languageName: ee });
+      Ve.name || (Ve.name = ee), W[ee] = Ve, Ve.rawDefinition = be.bind(null, T), Ve.aliases && fc(Ve.aliases, { languageName: ee });
     }
     function Ag(ee) {
-      delete j[ee];
+      delete W[ee];
       for (const be of Object.keys(re))
         re[be] === ee && delete re[be];
     }
     function Mg() {
-      return Object.keys(j);
+      return Object.keys(W);
     }
     function Dn(ee) {
-      return ee = (ee || "").toLowerCase(), j[ee] || j[re[ee]];
+      return ee = (ee || "").toLowerCase(), W[ee] || W[re[ee]];
     }
     function fc(ee, { languageName: be }) {
       typeof ee == "string" && (ee = [ee]), ee.forEach((Ve) => {
@@ -31551,7 +31551,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), kt = ee, nt = be), Ve
       typeof Q[ee] == "object" && e(Q[ee]);
     return Object.assign(T, Q), T;
   }, $e = ot({});
-  return $e.newInstance = () => ot({}), Ws = $e, $e.HighlightJS = $e, $e.default = $e, Ws;
+  return $e.newInstance = () => ot({}), js = $e, $e.HighlightJS = $e, $e.default = $e, js;
 }
 var uA = /* @__PURE__ */ cA();
 const dA = /* @__PURE__ */ $o(uA), Hd = {}, fA = "hljs-";
@@ -31746,7 +31746,7 @@ function gA(e) {
     l = u === -1 ? s : s.slice(0, u);
   }
   return function(u, d) {
-    jo(u, "element", function(f, h, g) {
+    Wo(u, "element", function(f, h, g) {
       if (f.tagName !== "code" || !g || g.type !== "element" || g.tagName !== "pre")
         return;
       const p = bA(f);
@@ -32286,11 +32286,11 @@ function Jl({
       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", W = 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 = () => {
+  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: [
-    /* @__PURE__ */ m("div", { className: W, children: /* @__PURE__ */ N("div", { className: "flex items-center justify-between w-full", children: [
+    /* @__PURE__ */ m("div", { className: j, children: /* @__PURE__ */ N("div", { className: "flex items-center justify-between w-full", children: [
       /* @__PURE__ */ N("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ m(
           "h3",
@@ -32587,9 +32587,9 @@ const Ym = Me.forwardRef(({
     if (!B) return;
     const q = () => A(B.offsetHeight || 64);
     q();
-    const W = new ResizeObserver(() => q());
-    return W.observe(B), window.addEventListener("resize", q), () => {
-      W.disconnect(), window.removeEventListener("resize", q);
+    const j = new ResizeObserver(() => q());
+    return j.observe(B), window.addEventListener("resize", q), () => {
+      j.disconnect(), window.removeEventListener("resize", q);
     };
   }, []), Yw();
   const { agent: { isActive: O = !1 } = {} } = o ? Al(o) : { agent: { isActive: !1 } }, b = fo(o, "microphone"), M = zt(i), I = Me.useMemo(() => o != null && o.getCurrentSession ? !!o.getCurrentSession() : !1, [o]), F = Me.useMemo(() => o != null && o.getIsAgentConnected && o.getIsAgentConnected() || h, [o, h]), D = O || F;
@@ -32616,13 +32616,13 @@ const Ym = Me.forwardRef(({
     if (!o) return;
     const B = () => {
       console.log("✅ SessionView: Agent connected event received"), g(!0), f(!1), E(!1);
-    }, q = B, W = B, ce = (xe) => {
+    }, q = B, j = B, ce = (xe) => {
       console.log("👤 SessionView: Participant joined:", xe), xe.isLocal || B();
     }, Q = () => {
       g(!1), t && E(!0);
     };
-    return o.on("agent.connected", B), o.on("agent.speaking", q), o.on("agent.thinking", W), o.on("participant.joined", ce), o.on("connection.disconnected", Q), () => {
-      o.off("agent.connected", B), o.off("agent.speaking", q), o.off("agent.thinking", W), o.off("participant.joined", ce), o.off("connection.disconnected", Q);
+    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;
@@ -32636,28 +32636,28 @@ const Ym = Me.forwardRef(({
     const B = (q = o.getCurrentInteraction) == null ? void 0 : q.call(o);
     v(B || null);
   }, [o]), Me.useEffect(() => {
-    var q, W;
-    const B = ((W = (q = o == null ? void 0 : o.getCurrentSession) == null ? void 0 : q.call(o)) == null ? void 0 : W.id) || null;
+    var q, j;
+    const B = ((j = (q = o == null ? void 0 : o.getCurrentSession) == null ? void 0 : q.call(o)) == null ? void 0 : j.id) || null;
     w.current, w.current = B;
   }, [o]), Me.useEffect(() => {
     p && c && u(!1);
   }, [p, c]);
   const G = Me.useCallback((B) => {
   }, []), ie = Me.useCallback(() => {
-    var B, q, W;
+    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), (W = o == null ? void 0 : o.disconnect) == null || W.call(o), a == null || a();
+      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]), X = je(
+  }, [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__ */ m("main", { ref: l, className: je(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: [
+  return y ? /* @__PURE__ */ m("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__ */ m("div", { children: /* @__PURE__ */ m("h3", { className: `font-semibold ${M.text.primary}`, children: "Voice Session" }) }),
     k && /* @__PURE__ */ m(
       Eo,
@@ -32669,7 +32669,7 @@ const Ym = Me.forwardRef(({
         }
       }
     )
-  ] }) }) : /* @__PURE__ */ N("main", { ref: l, className: je(X, "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__ */ m("div", { children: /* @__PURE__ */ m("h3", { className: `font-semibold ${M.text.primary}`, children: "Voice Session" }) }),
       k && /* @__PURE__ */ m(
@@ -32695,7 +32695,7 @@ const Ym = Me.forwardRef(({
         /* @__PURE__ */ m(
           "div",
           {
-            className: je(
+            className: We(
               "absolute left-0 right-0 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"
@@ -32704,16 +32704,16 @@ const Ym = Me.forwardRef(({
             children: /* @__PURE__ */ m(Jl, { client: o, theme: i, displayType: s === "fullscreen" ? "fullscreen" : "widget", disabled: e, onBack: () => u(!1), showTimer: !1 })
           }
         ),
-        !c && /* @__PURE__ */ N("div", { className: je("flex-1 flex flex-col items-center w-full h-full min-h-0", (p == null ? void 0 : p.presentationMode) === "embedded" ? "justify-end" : "justify-center"), children: [
-          /* @__PURE__ */ m(Le.div, { className: "w-full flex justify-center", animate: { y: (p == null ? void 0 : p.presentationMode) === "embedded" ? -8 : 0 }, transition: { duration: 0.3, ease: "easeOut" }, children: /* @__PURE__ */ m(jw, { chatOpen: c, client: o, theme: i }, `media-tiles-${((te = (Y = o == null ? void 0 : o.getCurrentSession) == null ? void 0 : Y.call(o)) == null ? void 0 : te.id) || "no-session"}`) }),
-          /* @__PURE__ */ m(Dr, { mode: "wait", children: p && p.presentationMode === "embedded" && /* @__PURE__ */ m(Le.div, { initial: { opacity: 0, y: 20, height: 0 }, animate: { opacity: 1, y: 0, height: "auto" }, exit: { opacity: 0, y: 20, height: 0 }, transition: { duration: 0.3, ease: "easeOut" }, className: je("w-full relative mt-4 flex justify-center", s === "fullscreen" ? "max-w-4xl" : "max-w-md"), children: /* @__PURE__ */ m("div", { className: "bg-white/10 backdrop-blur-sm rounded-xl border border-white/20 shadow-lg overflow-hidden", children: /* @__PURE__ */ m(wo, { interaction: p, theme: i, onDismiss: () => {
+        !c && /* @__PURE__ */ N("div", { className: We("flex-1 flex flex-col items-center w-full h-full min-h-0", (p == null ? void 0 : p.presentationMode) === "embedded" ? "justify-end" : "justify-center"), children: [
+          /* @__PURE__ */ m(Le.div, { className: "w-full flex justify-center", animate: { y: (p == null ? void 0 : p.presentationMode) === "embedded" ? -8 : 0 }, transition: { duration: 0.3, ease: "easeOut" }, children: /* @__PURE__ */ m(Ww, { chatOpen: c, client: o, theme: i }, `media-tiles-${((te = (Y = o == null ? void 0 : o.getCurrentSession) == null ? void 0 : Y.call(o)) == null ? void 0 : te.id) || "no-session"}`) }),
+          /* @__PURE__ */ m(Dr, { mode: "wait", children: p && p.presentationMode === "embedded" && /* @__PURE__ */ m(Le.div, { initial: { opacity: 0, y: 20, height: 0 }, animate: { opacity: 1, y: 0, height: "auto" }, exit: { opacity: 0, y: 20, height: 0 }, transition: { duration: 0.3, ease: "easeOut" }, className: We("w-full relative mt-4 flex justify-center", s === "fullscreen" ? "max-w-4xl" : "max-w-md"), children: /* @__PURE__ */ m("div", { className: "bg-white/10 backdrop-blur-sm rounded-xl border border-white/20 shadow-lg overflow-hidden", children: /* @__PURE__ */ m(wo, { interaction: p, theme: i, onDismiss: () => {
             var B;
             return (B = o == null ? void 0 : o.dismissCurrentInteraction) == null ? void 0 : B.call(o);
           }, client: o, addLocalMessage: G }) }) }, `embedded-${p.methodName}`) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ m(Dr, { mode: "wait", children: p && p.presentationMode !== "embedded" && !c && /* @__PURE__ */ m("div", { className: je("absolute inset-0 z-50 flex items-center justify-center backdrop-blur-sm", s === "fullscreen" ? "bg-black/70" : "bg-black/50"), children: /* @__PURE__ */ m(Le.div, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, transition: { duration: 0.2, ease: "easeOut" }, className: je("relative w-full overflow-hidden", s === "fullscreen" ? "max-w-2xl mx-8 max-h-[85vh]" : "max-w-lg mx-4 max-h-[80vh]", "bg-white dark:bg-gray-900 rounded-2xl shadow-2xl", "border border-gray-200 dark:border-gray-700"), children: /* @__PURE__ */ m(wo, { interaction: p, theme: i, onDismiss: () => {
+    /* @__PURE__ */ m(Dr, { mode: "wait", children: p && p.presentationMode !== "embedded" && !c && /* @__PURE__ */ m("div", { className: We("absolute inset-0 z-50 flex items-center justify-center backdrop-blur-sm", s === "fullscreen" ? "bg-black/70" : "bg-black/50"), children: /* @__PURE__ */ m(Le.div, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, transition: { duration: 0.2, ease: "easeOut" }, className: We("relative w-full overflow-hidden", s === "fullscreen" ? "max-w-2xl mx-8 max-h-[85vh]" : "max-w-lg mx-4 max-h-[80vh]", "bg-white dark:bg-gray-900 rounded-2xl shadow-2xl", "border border-gray-200 dark:border-gray-700"), children: /* @__PURE__ */ m(wo, { interaction: p, theme: i, onDismiss: () => {
       var B;
       return (B = o == null ? void 0 : o.dismissCurrentInteraction) == null ? void 0 : B.call(o);
     }, client: o, addLocalMessage: G }) }, `modal-${p.methodName}`) }) }),
@@ -32737,7 +32737,7 @@ const Ym = Me.forwardRef(({
   ] });
 });
 Ym.displayName = "SessionView";
-function jd({ trackRef: e, participant: t, isLocal: n = !1, className: r = "", theme: i }) {
+function Wd({ trackRef: e, participant: t, isLocal: n = !1, className: r = "", theme: i }) {
   var l;
   const o = zt(i), s = (t == null ? void 0 : t.name) || (t == null ? void 0 : t.identity) || (n ? "You" : "Participant"), a = (e == null ? void 0 : e.publication) && !e.publication.isMuted;
   return /* @__PURE__ */ N("div", { className: `relative rounded-lg overflow-hidden ${o.video.tile} ${r}`, children: [
@@ -32876,7 +32876,7 @@ function NA({
         h ? (
           // Show video when agent avatar is enabled
           K ? /* @__PURE__ */ m(
-            jd,
+            Wd,
             {
               trackRef: K,
               participant: K.participant,
@@ -32900,7 +32900,7 @@ function NA({
                 children: /* @__PURE__ */ m(
                   "span",
                   {
-                    className: je([
+                    className: We([
                       "bg-[#6721a4] min-h-2 w-2 rounded-full",
                       "origin-center transition-colors duration-250 ease-linear",
                       "data-[lk-highlighted=true]:bg-[#5c64f6]",
@@ -32912,7 +32912,7 @@ function NA({
             ) : /* @__PURE__ */ m("div", { className: "flex items-center justify-center gap-1", children: Array.from({ length: 5 }).map((te, B) => /* @__PURE__ */ m(
               "span",
               {
-                className: je([
+                className: We([
                   "bg-[#6721a4] min-h-2 w-2 rounded-full",
                   "origin-center transition-colors duration-250 ease-linear",
                   O === "speaking" && "bg-[#5c64f6]",
@@ -32937,7 +32937,7 @@ function NA({
           ] }) })
         ] }) }),
         x && f && /* @__PURE__ */ m("div", { className: "absolute bottom-4 right-0 w-32 sm:w-36 h-20 sm:h-24 rounded-lg overflow-hidden shadow-xl border border-white/20", children: /* @__PURE__ */ m(
-          jd,
+          Wd,
           {
             trackRef: x,
             participant: U || void 0,
@@ -32955,7 +32955,7 @@ function NA({
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: 20 },
         transition: { duration: 0.3, ease: "easeOut" },
-        className: je(
+        className: We(
           "absolute left-0 right-0 top-0 flex flex-col z-20",
           t === "light" ? "bg-white" : "bg-gray-900/95 backdrop-blur-sm"
         ),
@@ -33000,8 +33000,8 @@ function NA({
     ) })
   ] });
 }
-const Wd = (e) => e, AA = () => {
-  let e = Wd;
+const jd = (e) => e, AA = () => {
+  let e = jd;
   return {
     configure(t) {
       e = t;
@@ -33010,20 +33010,20 @@ const Wd = (e) => e, AA = () => {
       return e(t);
     },
     reset() {
-      e = Wd;
+      e = jd;
     }
   };
 }, MA = AA();
-function jn(e, ...t) {
+function Wn(e, ...t) {
   const n = new URL(`https://mui.com/production-error/?code=${e}`);
   return t.forEach((r) => n.searchParams.append("args[]", r)), `Minified MUI error #${e}; visit ${n} for the full message.`;
 }
 function lr(e) {
   if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : jn(7));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Wn(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-var eo = { exports: {} }, to = { exports: {} }, We = {};
+var eo = { exports: {} }, to = { exports: {} }, je = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -33034,7 +33034,7 @@ var eo = { exports: {} }, to = { exports: {} }, We = {};
  */
 var Gd;
 function RA() {
-  if (Gd) return We;
+  if (Gd) return je;
   Gd = 1;
   var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, d = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, h = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, p = e ? Symbol.for("react.block") : 60121, v = e ? Symbol.for("react.fundamental") : 60117, y = e ? Symbol.for("react.responder") : 60118, E = e ? Symbol.for("react.scope") : 60119;
   function w(k) {
@@ -33070,33 +33070,33 @@ function RA() {
   function _(k) {
     return w(k) === c;
   }
-  return We.AsyncMode = l, We.ConcurrentMode = c, We.ContextConsumer = a, We.ContextProvider = s, We.Element = t, We.ForwardRef = u, We.Fragment = r, We.Lazy = g, We.Memo = h, We.Portal = n, We.Profiler = o, We.StrictMode = i, We.Suspense = d, We.isAsyncMode = function(k) {
+  return je.AsyncMode = l, je.ConcurrentMode = c, je.ContextConsumer = a, je.ContextProvider = s, je.Element = t, je.ForwardRef = u, je.Fragment = r, je.Lazy = g, je.Memo = h, je.Portal = n, je.Profiler = o, je.StrictMode = i, je.Suspense = d, je.isAsyncMode = function(k) {
     return _(k) || w(k) === l;
-  }, We.isConcurrentMode = _, We.isContextConsumer = function(k) {
+  }, je.isConcurrentMode = _, je.isContextConsumer = function(k) {
     return w(k) === a;
-  }, We.isContextProvider = function(k) {
+  }, je.isContextProvider = function(k) {
     return w(k) === s;
-  }, We.isElement = function(k) {
+  }, je.isElement = function(k) {
     return typeof k == "object" && k !== null && k.$$typeof === t;
-  }, We.isForwardRef = function(k) {
+  }, je.isForwardRef = function(k) {
     return w(k) === u;
-  }, We.isFragment = function(k) {
+  }, je.isFragment = function(k) {
     return w(k) === r;
-  }, We.isLazy = function(k) {
+  }, je.isLazy = function(k) {
     return w(k) === g;
-  }, We.isMemo = function(k) {
+  }, je.isMemo = function(k) {
     return w(k) === h;
-  }, We.isPortal = function(k) {
+  }, je.isPortal = function(k) {
     return w(k) === n;
-  }, We.isProfiler = function(k) {
+  }, je.isProfiler = function(k) {
     return w(k) === o;
-  }, We.isStrictMode = function(k) {
+  }, je.isStrictMode = function(k) {
     return w(k) === i;
-  }, We.isSuspense = function(k) {
+  }, je.isSuspense = function(k) {
     return w(k) === d;
-  }, We.isValidElementType = function(k) {
+  }, je.isValidElementType = function(k) {
     return typeof k == "string" || typeof k == "function" || k === r || k === c || k === o || k === i || k === d || k === f || typeof k == "object" && k !== null && (k.$$typeof === g || k.$$typeof === h || k.$$typeof === s || k.$$typeof === a || k.$$typeof === u || k.$$typeof === v || k.$$typeof === y || k.$$typeof === E || k.$$typeof === p);
-  }, We.typeOf = w, We;
+  }, je.typeOf = w, je;
 }
 var Ge = {};
 /** @license React v16.13.1
@@ -33175,7 +33175,7 @@ function IA() {
     function q(L) {
       return _(L) === h;
     }
-    function W(L) {
+    function j(L) {
       return _(L) === n;
     }
     function ce(L) {
@@ -33187,7 +33187,7 @@ function IA() {
     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 = ie, 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 = W, Ge.isProfiler = ce, Ge.isStrictMode = Q, 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 = ie, 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,31 +33360,31 @@ function DA() {
     function v(x) {
       if (process.env.NODE_ENV !== "production")
         var $ = {}, K = 0;
-      function S(te, B, q, W, ce, Q, xe) {
-        if (W = W || f, Q = Q || 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 se = W + ":" + q;
+            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 `" + Q + "` prop on `" + W + "`. 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."
+              "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 + " `" + Q + "` is marked as required " + ("in `" + W + "`, but its value is `null`.")) : new p("The " + ce + " `" + Q + "` is marked as required in " + ("`" + W + "`, but its value is `undefined`.")) : null : x(B, q, W, ce, Q);
+        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 W = K[S], ce = ie(W);
+        var j = K[S], ce = ie(j);
         if (ce !== x) {
-          var Q = X(W);
+          var Q = X(j);
           return new p(
             "Invalid " + te + " `" + B + "` of type " + ("`" + Q + "` supplied to `" + Y + "`, expected ") + ("`" + x + "`."),
             { expectedType: x }
@@ -33403,8 +33403,8 @@ 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 W = ie(q);
-          return new p("Invalid " + te + " `" + B + "` of type " + ("`" + W + "` supplied to `" + Y + "`, expected an array."));
+          var j = ie(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 Q = x(q, ce, Y, te, B + "[" + ce + "]", n);
@@ -33440,8 +33440,8 @@ function DA() {
     function C(x) {
       function $(K, S, Y, te, B) {
         if (!(K[S] instanceof x)) {
-          var q = x.name || f, W = U(K[S]);
-          return new p("Invalid " + te + " `" + B + "` of type " + ("`" + W + "` supplied to `" + Y + "`, expected ") + ("instance of `" + q + "`."));
+          var q = x.name || f, j = U(K[S]);
+          return new p("Invalid " + te + " `" + B + "` of type " + ("`" + j + "` supplied to `" + Y + "`, expected ") + ("instance of `" + q + "`."));
         }
         return null;
       }
@@ -33453,8 +33453,8 @@ function DA() {
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), s;
       function $(K, S, Y, te, B) {
-        for (var q = K[S], W = 0; W < x.length; W++)
-          if (g(q, x[W]))
+        for (var q = K[S], j = 0; j < x.length; j++)
+          if (g(q, x[j]))
             return null;
         var ce = JSON.stringify(x, function(xe, L) {
           var se = X(L);
@@ -33468,9 +33468,9 @@ 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], W = ie(q);
-        if (W !== "object")
-          return new p("Invalid " + te + " `" + B + "` of type " + ("`" + W + "` supplied to `" + Y + "`, expected an object."));
+        var q = K[S], j = ie(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 Q = x(q, ce, Y, te, B + "." + ce, n);
@@ -33491,15 +33491,15 @@ function DA() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + V(K) + " at index " + $ + "."
           ), s;
       }
-      function S(Y, te, B, q, W) {
+      function S(Y, te, B, q, j) {
         for (var ce = [], Q = 0; Q < x.length; Q++) {
-          var xe = x[Q], L = xe(Y, te, B, q, W, n);
+          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 se = ce.length > 0 ? ", expected one of type [" + ce.join(", ") + "]" : "";
-        return new p("Invalid " + q + " `" + W + "` supplied to " + ("`" + B + "`" + se + "."));
+        return new p("Invalid " + q + " `" + j + "` supplied to " + ("`" + B + "`" + se + "."));
       }
       return v(S);
     }
@@ -33516,9 +33516,9 @@ function DA() {
     }
     function I(x) {
       function $(K, S, Y, te, B) {
-        var q = K[S], W = ie(q);
-        if (W !== "object")
-          return new p("Invalid " + te + " `" + B + "` of type `" + W + "` " + ("supplied to `" + Y + "`, expected `object`."));
+        var q = K[S], j = ie(q);
+        if (j !== "object")
+          return new p("Invalid " + te + " `" + B + "` of type `" + j + "` " + ("supplied to `" + Y + "`, expected `object`."));
         for (var ce in x) {
           var Q = x[ce];
           if (typeof Q != "function")
@@ -33533,9 +33533,9 @@ function DA() {
     }
     function F(x) {
       function $(K, S, Y, te, B) {
-        var q = K[S], W = ie(q);
-        if (W !== "object")
-          return new p("Invalid " + te + " `" + B + "` of type `" + W + "` " + ("supplied to `" + Y + "`, expected `object`."));
+        var q = K[S], j = ie(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 Q in ce) {
           var xe = x[Q];
@@ -33902,18 +33902,18 @@ function sf(e, t) {
 function HA(e, t) {
   return t === "@" || t.startsWith("@") && (e.some((n) => t.startsWith(`@${n}`)) || !!t.match(/^@\d/));
 }
-function jA(e, t) {
+function WA(e, t) {
   const n = t.match(/^@([^/]+)?\/?(.+)?$/);
   if (!n) {
     if (process.env.NODE_ENV !== "production")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
-For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : jn(18, `(${t})`));
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : Wn(18, `(${t})`));
     return null;
   }
   const [, r, i] = n, o = Number.isNaN(+r) ? r || 0 : +r;
   return e.containerQueries(i).up(o);
 }
-function WA(e) {
+function jA(e) {
   const t = (o, s) => o.replace("@media", s ? `@container ${s}` : "@container");
   function n(o, s) {
     o.up = (...a) => t(e.breakpoints.up(...a), s), o.down = (...a) => t(e.breakpoints.down(...a), s), o.between = (...a) => t(e.breakpoints.between(...a), s), o.only = (...a) => t(e.breakpoints.only(...a), s), o.not = (...a) => {
@@ -33927,7 +33927,7 @@ function WA(e) {
     containerQueries: i
   };
 }
-const Wo = {
+const jo = {
   xs: 0,
   // phone
   sm: 600,
@@ -33942,11 +33942,11 @@ const Wo = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
-  up: (e) => `@media (min-width:${Wo[e]}px)`
+  up: (e) => `@media (min-width:${jo[e]}px)`
 }, GA = {
   containerQueries: (e) => ({
     up: (t) => {
-      let n = typeof t == "number" ? t : Wo[t] || t;
+      let n = typeof t == "number" ? t : jo[t] || t;
       return typeof n == "number" && (n = `${n}px`), e ? `@container ${e} (min-width:${n})` : `@container (min-width:${n})`;
     }
   })
@@ -33961,9 +33961,9 @@ function Rn(e, t, n) {
     const o = r.breakpoints || af;
     return Object.keys(t).reduce((s, a) => {
       if (HA(o.keys, a)) {
-        const l = jA(r.containerQueries ? r : GA, a);
+        const l = WA(r.containerQueries ? r : GA, a);
         l && (s[l] = n(t[a], a));
-      } else if (Object.keys(o.values || Wo).includes(a)) {
+      } else if (Object.keys(o.values || jo).includes(a)) {
         const l = o.up(a);
         s[l] = n(t[a], a);
       } else {
@@ -34213,7 +34213,7 @@ const _M = gt({
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const t = (n) => {
       var i, o, s, a, l;
-      const r = ((s = (o = (i = e.theme) == null ? void 0 : i.breakpoints) == null ? void 0 : o.values) == null ? void 0 : s[n]) || Wo[n];
+      const r = ((s = (o = (i = e.theme) == null ? void 0 : i.breakpoints) == null ? void 0 : o.values) == null ? void 0 : s[n]) || jo[n];
       return r ? ((l = (a = e.theme) == null ? void 0 : a.breakpoints) == null ? void 0 : l.unit) !== "px" ? {
         maxWidth: `${r}${e.theme.breakpoints.unit}`
       } : {
@@ -34849,7 +34849,7 @@ const HM = (e) => {
     [r.key]: r.val
   }), {});
 };
-function jM(e) {
+function WM(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -34898,7 +34898,7 @@ function jM(e) {
     ...i
   };
 }
-const WM = {
+const jM = {
   borderRadius: 4
 };
 function tg(e = 8, t = tc({
@@ -34932,7 +34932,7 @@ function ng(e = {}, ...t) {
     spacing: i,
     shape: o = {},
     ...s
-  } = e, a = jM(n), l = tg(i);
+  } = e, a = WM(n), l = tg(i);
   let c = Xt({
     breakpoints: a,
     direction: "ltr",
@@ -34944,11 +34944,11 @@ function ng(e = {}, ...t) {
     },
     spacing: l,
     shape: {
-      ...WM,
+      ...jM,
       ...o
     }
   }, s);
-  return c = WA(c), c.applyStyles = GM, c = t.reduce((u, d) => Xt(u, d), c), c.unstable_sxConfig = {
+  return c = jA(c), c.applyStyles = GM, c = t.reduce((u, d) => Xt(u, d), c), c.unstable_sxConfig = {
     ...es,
     ...s == null ? void 0 : s.unstable_sxConfig
   }, c.unstable_sx = function(d) {
@@ -35168,7 +35168,7 @@ function rR(e) {
 function sg(e) {
   return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
-function Wa(e, t, n = !1) {
+function ja(e, t, n = !1) {
   const r = {
     ...t
   };
@@ -35193,7 +35193,7 @@ function Wa(e, t, n = !1) {
           for (const l in s)
             if (Object.prototype.hasOwnProperty.call(s, l)) {
               const c = l;
-              r[o][c] = Wa(s[c], a[c], n);
+              r[o][c] = ja(s[c], a[c], n);
             }
         }
       } else o === "className" && n && t.className ? r.className = Mf(e == null ? void 0 : e.className, t == null ? void 0 : t.className) : o === "style" && n && t.style ? r.style = {
@@ -35215,20 +35215,20 @@ function oR(e) {
   let n = e.match(t);
   return n && n[0].length === 1 && (n = n.map((r) => r + r)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((r, i) => i < 3 ? parseInt(r, 16) : Math.round(parseInt(r, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
 }
-function Wn(e) {
+function jn(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return Wn(oR(e));
+    return jn(oR(e));
   const t = e.indexOf("("), n = e.substring(0, t);
   if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(n))
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : jn(9, e));
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : Wn(9, e));
   let r = e.substring(t + 1, e.length - 1), i;
   if (n === "color") {
     if (r = r.split(" "), i = r.shift(), r.length === 4 && r[3].charAt(0) === "/" && (r[3] = r[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(i))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${i}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : jn(10, i));
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : Wn(10, i));
   } else
     r = r.split(",");
   return r = r.map((o) => parseFloat(o)), {
@@ -35238,7 +35238,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
   };
 }
 const sR = (e) => {
-  const t = Wn(e);
+  const t = jn(e);
   return t.values.slice(0, 3).map((n, r) => t.type.includes("hsl") && r !== 0 ? `${n}%` : n).join(" ");
 }, oi = (e, t) => {
   try {
@@ -35258,7 +35258,7 @@ function ts(e) {
   return t.includes("rgb") ? r = r.map((i, o) => o < 3 ? parseInt(i, 10) : i) : t.includes("hsl") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), t.includes("color") ? r = `${n} ${r.join(" ")}` : r = `${r.join(", ")}`, `${t}(${r})`;
 }
 function ag(e) {
-  e = Wn(e);
+  e = jn(e);
   const {
     values: t
   } = e, n = t[0], r = t[1] / 100, i = t[2] / 100, o = r * Math.min(i, 1 - i), s = (c, u = (c + n / 30) % 12) => i - o * Math.max(Math.min(u - 3, 9 - u, 1), -1);
@@ -35270,8 +35270,8 @@ function ag(e) {
   });
 }
 function Ga(e) {
-  e = Wn(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? Wn(ag(e)).values : e.values;
+  e = jn(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? jn(ag(e)).values : e.values;
   return t = t.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
 }
 function mf(e, t) {
@@ -35279,7 +35279,7 @@ function mf(e, t) {
   return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);
 }
 function aR(e, t) {
-  return e = Wn(e), t = ic(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, ts(e);
+  return e = jn(e), t = ic(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, ts(e);
 }
 function ro(e, t, n) {
   try {
@@ -35289,7 +35289,7 @@ function ro(e, t, n) {
   }
 }
 function oc(e, t) {
-  if (e = Wn(e), t = ic(t), e.type.includes("hsl"))
+  if (e = jn(e), t = ic(t), e.type.includes("hsl"))
     e.values[2] *= 1 - t;
   else if (e.type.includes("rgb") || e.type.includes("color"))
     for (let n = 0; n < 3; n += 1)
@@ -35304,7 +35304,7 @@ function Je(e, t, n) {
   }
 }
 function sc(e, t) {
-  if (e = Wn(e), t = ic(t), e.type.includes("hsl"))
+  if (e = jn(e), t = ic(t), e.type.includes("hsl"))
     e.values[2] += (100 - e.values[2]) * t;
   else if (e.type.includes("rgb"))
     for (let n = 0; n < 3; n += 1)
@@ -35342,7 +35342,7 @@ function uR(e) {
   if (!t || !t.components || !t.components[n])
     return r;
   const i = t.components[n];
-  return i.defaultProps ? Wa(i.defaultProps, r, t.components.mergeClassNameAndStyle) : !i.styleOverrides && !i.variants ? Wa(i, r, t.components.mergeClassNameAndStyle) : r;
+  return i.defaultProps ? ja(i.defaultProps, r, t.components.mergeClassNameAndStyle) : !i.styleOverrides && !i.variants ? ja(i, r, t.components.mergeClassNameAndStyle) : r;
 }
 function dR({
   props: e,
@@ -35757,7 +35757,7 @@ function ac(e) {
       ...p
     }, !p.main && p[y] && (p.main = p[y]), !p.hasOwnProperty("main"))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${v ? ` (${v})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${y}\` property.` : jn(11, v ? ` (${v})` : "", y));
+The color object needs to have a \`main\` property or a \`${y}\` property.` : Wn(11, v ? ` (${v})` : "", y));
     if (typeof p.main != "string")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${v ? ` (${v})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(p.main)}\` was provided instead.
@@ -35772,7 +35772,7 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : jn(12, v ? ` (${v})` : "", JSON.stringify(p.main)));
+} });` : Wn(12, v ? ` (${v})` : "", JSON.stringify(p.main)));
     return xf(p, "light", E, r), xf(p, "dark", w, r), p.contrastText || (p.contrastText = d(p.main)), p;
   };
   let h;
@@ -36047,7 +36047,7 @@ function Ka(e = {}, ...t) {
   if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : jn(20));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : Wn(20));
   const u = ac(o), d = ng(e);
   let f = Xt(d, {
     mixins: TR(d.breakpoints, r),
@@ -36140,13 +36140,13 @@ function HR(e) {
   return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
   e[0] === "palette" && !!((t = e[1]) != null && t.match(/(mode|contrastThreshold|tonalOffset)/));
 }
-const jR = (e) => [...[...Array(25)].map((t, n) => `--${e ? `${e}-` : ""}overlays-${n}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], WR = (e) => (t, n) => {
+const WR = (e) => [...[...Array(25)].map((t, n) => `--${e ? `${e}-` : ""}overlays-${n}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], jR = (e) => (t, n) => {
   const r = e.rootSelector || ":root", i = e.colorSchemeSelector;
   let o = i;
   if (i === "class" && (o = ".%s"), i === "data" && (o = "[data-%s]"), i != null && i.startsWith("data-") && !i.includes("%s") && (o = `[${i}="%s"]`), e.defaultColorScheme === t) {
     if (t === "dark") {
       const s = {};
-      return jR(e.cssVarPrefix).forEach((a) => {
+      return WR(e.cssVarPrefix).forEach((a) => {
         s[a] = n[a], delete n[a];
       }), o === "media" ? {
         [r]: n,
@@ -36258,7 +36258,7 @@ function YR(e = {}, ...t) {
   };
   let E = h;
   if ((d === "dark" && !("dark" in n) || d === "light" && !("light" in n)) && (E = !0), !E)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${d}\` option is either missing or invalid.` : jn(21, d));
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${d}\` option is either missing or invalid.` : Wn(21, d));
   const w = ta(y, E, c, d);
   g && !y.light && ta(y, g, void 0, "light"), p && !y.dark && ta(y, p, void 0, "dark");
   let _ = {
@@ -36299,7 +36299,7 @@ function YR(e = {}, ...t) {
     prefix: o,
     disableCssColorScheme: i,
     shouldSkipGeneratingVar: s,
-    getSelector: WR(_)
+    getSelector: jR(_)
   }, {
     vars: C,
     generateThemeVars: R,
@@ -38489,63 +38489,75 @@ class yI {
   registerFunctionToolsHandler() {
     try {
       this.room.registerTextStreamHandler("function_tools_executed", async (t, n) => {
+        var o, s, a, l;
         const r = await t.readAll();
-        console.log("StreamHandlerManager: Raw function_tools_executed data:", r);
+        console.log(
+          "StreamHandlerManager: Raw function_tools_executed data (type, length, first 200 chars):",
+          typeof r,
+          r == null ? void 0 : r.length,
+          (o = r == null ? void 0 : r.substring) == null ? void 0 : o.call(r, 0, 200)
+        );
         let i = {};
         try {
           if (typeof r == "string")
             try {
-              i = JSON.parse(r);
-            } catch (o) {
-              console.warn("StreamHandlerManager: Initial JSON parse failed:", o);
-              let s = r;
+              i = JSON.parse(r), console.log("StreamHandlerManager: Direct JSON parse succeeded!");
+            } catch (c) {
+              console.warn("StreamHandlerManager: Initial JSON parse failed:", c), console.warn("First 100 chars of raw data:", r.substring(0, 100));
+              let u = r;
               try {
-                s = s.replace(/\bTrue\b/g, "true"), s = s.replace(/\bFalse\b/g, "false"), s = s.replace(/\bNone\b/g, "null"), s = s.replace(/,(\s*[}\]])/g, "$1");
-                let a = "", l = !1, c = "", u = 0;
-                for (let d = 0; d < s.length; d++) {
-                  const f = s[d];
-                  if ((d > 0 ? s[d - 1] : "") === "\\") {
-                    a += f;
+                console.log("StreamHandlerManager: Starting enhanced parsing..."), u = u.replace(/\bTrue\b/g, "true"), u = u.replace(/\bFalse\b/g, "false"), u = u.replace(/\bNone\b/g, "null"), u = u.replace(/,(\s*[}\]])/g, "$1"), console.log("StreamHandlerManager: After replacements (first 200 chars):", u.substring(0, 200));
+                let d = "", f = !1, h = "";
+                for (let g = 0; g < u.length; g++) {
+                  const p = u[g];
+                  if ((g > 0 ? u[g - 1] : "") === "\\") {
+                    d += p;
                     continue;
                   }
-                  if ((f === '"' || f === "'") && !l) {
-                    l = !0, c = f, a += '"';
+                  if ((p === '"' || p === "'") && !f) {
+                    f = !0, h = p, d += '"';
                     continue;
                   }
-                  if (f === c && l) {
-                    const g = d < s.length - 1 ? s[d + 1] : "";
-                    if (g === ":" || g === "," || g === "}" || g === "]" || g === "" || /\s/.test(g)) {
-                      l = !1, a += '"';
+                  if (p === h && f) {
+                    const y = g < u.length - 1 ? u[g + 1] : "";
+                    if (y === ":" || y === "," || y === "}" || y === "]" || y === "" || /\s/.test(y)) {
+                      f = !1, d += '"';
                       continue;
                     }
                   }
-                  l && f === '"' ? a += '\\"' : a += f;
+                  f && p === '"' ? d += '\\"' : d += p;
                 }
-                s = a, console.log("StreamHandlerManager: After quote conversion (first 500 chars):", s.substring(0, 500)), i = JSON.parse(s), console.log("StreamHandlerManager: Successfully parsed with enhanced logic");
-              } catch (a) {
-                console.warn("StreamHandlerManager: Enhanced parsing also failed:", a), console.warn("Problematic JSON string (first 500 chars):", s == null ? void 0 : s.substring(0, 500)), console.warn("Full data:", r);
+                u = d, console.log("StreamHandlerManager: ✅ Quote conversion complete. Length:", u.length), console.log("StreamHandlerManager: After quote conversion (first 500 chars):", u.substring(0, 500)), i = JSON.parse(u), console.log("StreamHandlerManager: ✅ Successfully parsed with enhanced logic");
+              } catch (d) {
+                console.error("StreamHandlerManager: ❌ Enhanced parsing failed:", d == null ? void 0 : d.message), console.error("Error position:", (a = (s = d == null ? void 0 : d.message) == null ? void 0 : s.match(/position (\d+)/)) == null ? void 0 : a[1]), console.error("After conversion (first 600 chars):", u == null ? void 0 : u.substring(0, 600)), console.error(
+                  "Characters around error position:",
+                  (l = d == null ? void 0 : d.message) != null && l.match(/position (\d+)/) ? u == null ? void 0 : u.substring(
+                    Math.max(0, parseInt(d.message.match(/position (\d+)/)[1]) - 50),
+                    parseInt(d.message.match(/position (\d+)/)[1]) + 50
+                  ) : "N/A"
+                );
                 try {
-                  let l = r.replace(/\bTrue\b/g, "true").replace(/\bFalse\b/g, "false").replace(/\bNone\b/g, "null");
-                  i = new Function("return " + l)();
-                } catch (l) {
-                  throw console.error("StreamHandlerManager: All parsing methods failed:", l), o;
+                  let f = r.replace(/\bTrue\b/g, "true").replace(/\bFalse\b/g, "false").replace(/\bNone\b/g, "null");
+                  i = new Function("return " + f)();
+                } catch (f) {
+                  throw console.error("StreamHandlerManager: All parsing methods failed:", f), c;
                 }
               }
             }
           else
             i = r;
-        } catch (o) {
-          console.warn("StreamHandlerManager: Failed to parse function_tool_executed:", o, r);
-          let s = null;
+        } catch (c) {
+          console.warn("StreamHandlerManager: Failed to parse function_tool_executed:", c, r);
+          let u = null;
           if (typeof r == "string" && r.includes("visualization_data"))
             try {
-              const a = r.match(/"arguments":\s*"({.*?})"/);
-              if (a) {
-                const l = a[1].replace(/\\"/g, '"');
-                s = JSON.parse(l), console.log("🛠️ StreamHandlerManager: Extracted visualization data:", s);
+              const d = r.match(/"arguments":\s*"({.*?})"/);
+              if (d) {
+                const f = d[1].replace(/\\"/g, '"');
+                u = JSON.parse(f), console.log("🛠️ StreamHandlerManager: Extracted visualization data:", u);
               }
-            } catch (a) {
-              console.warn("StreamHandlerManager: Failed to extract visualization data:", a);
+            } catch (d) {
+              console.warn("StreamHandlerManager: Failed to extract visualization data:", d);
             }
           i = {
             type: "function_tools_executed",
@@ -38554,7 +38566,7 @@ class yI {
             created_at: Date.now() / 1e3,
             parseError: !0,
             rawData: r,
-            extractedVisualizationData: s
+            extractedVisualizationData: u
           };
         }
         this.eventEmitter.emit("tool.executed", i);
@@ -38757,7 +38769,7 @@ function ia({
       h(null), p("idle"), y(ke), w([]), k([]), R([]);
     }, q = (se) => {
       w((ke) => [...ke, se]);
-    }, W = (se) => {
+    }, j = (se) => {
       w((ke) => ke.filter((pe) => pe.id !== se.id));
     }, ce = (se) => {
       k((ke) => [...ke, se]);
@@ -38768,8 +38780,8 @@ function ia({
     }, 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", W), 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", W), U.off("chat.message.received", ce), U.off("chat.message.sent", Q), 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;
@@ -39800,7 +39812,7 @@ function TI(e) {
     return !1;
   }), [K, S] = P.useState(!1), [Y, te] = P.useState(t || ""), [B, q] = P.useState(
     n || "User"
-  ), [W, ce] = P.useState(() => {
+  ), [j, ce] = P.useState(() => {
     try {
       if (I)
         return I.getCurrentSession();
@@ -39828,7 +39840,7 @@ function TI(e) {
   P.useEffect(() => {
     A === "fullscreen" && console.log("🎯 Widget: Switched to fullscreen mode");
   }, [A]), P.useEffect(() => {
-    x && !K ? console.log("📊 Session started:", { currentMode: Q, sessionId: W == null ? void 0 : W.id }) : !x && !K && Q === "welcome" && console.log("📊 Returned to welcome screen");
+    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 {
@@ -39880,33 +39892,33 @@ function TI(e) {
           state: Re.state,
           numParticipants: Re.numParticipants,
           isConnected: Re.state === "connected",
-          sessionId: W == null ? void 0 : W.id
+          sessionId: j == null ? void 0 : j.id
         });
-      }, ot = ($e, T, j) => {
+      }, ot = ($e, T, W) => {
         console.log("🎵 Widget: Track subscribed:", {
           trackKind: $e.kind,
           trackSource: $e.source,
-          participantSid: j.sid,
-          participantIdentity: j.identity,
-          sessionId: W == null ? void 0 : W.id
+          participantSid: W.sid,
+          participantIdentity: W.identity,
+          sessionId: j == null ? void 0 : j.id
         });
       };
       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, W == null ? void 0 : W.id]), P.useEffect(() => {
+  }, [Re, j == null ? void 0 : j.id]), P.useEffect(() => {
     !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") && !W && !x && !K && le && !le.connected && (console.log("🔄 Auto-correcting: Found orphaned mode without session, returning to welcome"), xe("welcome"), S(!1));
-  }, [Q, W, x, K, le]);
+    (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,
     onSessionEnd: w,
     enableConsoleLogging: _,
     enableLocalStorage: _,
-    voxketSessionId: W == null ? void 0 : W.id
+    voxketSessionId: j == null ? void 0 : j.id
   });
   P.useEffect(() => {
     k && k(yt);
@@ -39931,13 +39943,13 @@ function TI(e) {
       });
     };
   }, [le, Q, K, x]);
-  const J = !!(!!(le != null && le.connected) && x && W);
+  const J = !!(!!(le != null && le.connected) && x && j);
   P.useEffect(() => {
     const ae = ($e) => {
       console.log("🔴 Widget: Room disconnected:", $e), console.log("🔍 Widget: Current state on disconnect:", {
         currentMode: Q,
         sessionStarted: x,
-        currentSessionId: W == null ? void 0 : W.id,
+        currentSessionId: j == null ? void 0 : j.id,
         loading: K
       }), S(!1), $(!1), ce(null), xe("welcome"), console.log("🏠 Widget: Automatically returning to welcome screen after disconnect");
     }, ot = ($e) => {
@@ -39946,7 +39958,7 @@ function TI(e) {
     return Re.on(Be.MediaDevicesError, ot), Re.on(Be.Disconnected, ae), () => {
       Re.off(Be.Disconnected, ae), Re.off(Be.MediaDevicesError, ot);
     };
-  }, [Re, Q, x, W == null ? void 0 : W.id, K]);
+  }, [Re, Q, x, j == null ? void 0 : j.id, K]);
   const ve = async () => {
     try {
       if (!le) {
@@ -39999,7 +40011,7 @@ function TI(e) {
       console.error("❌ Failed to start video session:", ae), S(!1), $(!1), xe("welcome");
     }
   }, Et = () => {
-    xe("welcome"), S(!1), F && F(e.displayType || "widget"), W && 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) => {
+    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);
@@ -40010,7 +40022,7 @@ function TI(e) {
     });
   }, Ut = () => {
     const ae = !L;
-    se(ae), M && M(ae), !ae && !(W && x) && (xe("welcome"), $(!1), ce(null));
+    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 = () => {
@@ -40041,7 +40053,7 @@ function TI(e) {
         {
           onClick: () => {
             if (J) {
-              !ne && (W != null && W.activeModalities) && (W.activeModalities.includes("chat") ? ge("chat") : W.activeModalities.includes("video") ? ge("video") : W.activeModalities.includes("voice") && ge("voice")), pe(!1), se(!0), M && M(!0);
+              !ne && (j != null && j.activeModalities) && (j.activeModalities.includes("chat") ? ge("chat") : j.activeModalities.includes("video") ? ge("video") : j.activeModalities.includes("voice") && ge("voice")), pe(!1), se(!0), M && M(!0);
               return;
             }
             if (G !== "all") {
@@ -40059,7 +40071,7 @@ function TI(e) {
       ke && G === "all" && (() => {
         const $e = {};
         O === "bottom-right" ? ($e.bottom = 88, $e.right = 16) : O === "bottom-left" ? ($e.bottom = 88, $e.left = 16) : O === "top-right" ? ($e.top = 88, $e.right = 16) : ($e.top = 88, $e.left = 16);
-        const T = "absolute w-0 h-0 border-8", j = O.startsWith("bottom") ? /* @__PURE__ */ m(
+        const T = "absolute w-0 h-0 border-8", W = O.startsWith("bottom") ? /* @__PURE__ */ m(
           "div",
           {
             className: `${T} border-transparent border-t-black`,
@@ -40073,7 +40085,7 @@ function TI(e) {
           }
         );
         return /* @__PURE__ */ m("div", { className: "fixed z-[51]", style: $e, children: /* @__PURE__ */ N("div", { className: "relative bg-black text-white rounded-xl shadow-2xl px-3 py-3", children: [
-          j,
+          W,
           /* @__PURE__ */ m("div", { className: "text-xs uppercase tracking-wide mb-2 opacity-70", children: "Choose modality" }),
           /* @__PURE__ */ N("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ m(
@@ -40186,8 +40198,8 @@ function TI(e) {
       `loading-${Q}`
     ),
     Q === "voice" && !K && x && le && /* @__PURE__ */ N(xc.Provider, { value: Re, children: [
-      /* @__PURE__ */ m(vc, {}, `audio-${(W == null ? void 0 : W.id) || "no-session"}`),
-      /* @__PURE__ */ m(wc, { label: "Start Audio" }, `start-audio-${(W == null ? void 0 : W.id) || "no-session"}`),
+      /* @__PURE__ */ m(vc, {}, `audio-${(j == null ? void 0 : j.id) || "no-session"}`),
+      /* @__PURE__ */ m(wc, { label: "Start Audio" }, `start-audio-${(j == null ? void 0 : j.id) || "no-session"}`),
       /* @__PURE__ */ m(
         wI,
         {
@@ -40230,8 +40242,8 @@ function TI(e) {
       "chat-view"
     ),
     Q === "video" && !K && x && le && /* @__PURE__ */ N(xc.Provider, { value: Re, children: [
-      /* @__PURE__ */ m(vc, {}, `audio-video-${(W == null ? void 0 : W.id) || "no-session"}`),
-      /* @__PURE__ */ m(wc, { label: "Start Audio" }, `start-audio-video-${(W == null ? void 0 : W.id) || "no-session"}`),
+      /* @__PURE__ */ m(vc, {}, `audio-video-${(j == null ? void 0 : j.id) || "no-session"}`),
+      /* @__PURE__ */ m(wc, { label: "Start Audio" }, `start-audio-video-${(j == null ? void 0 : j.id) || "no-session"}`),
       /* @__PURE__ */ m(
         SI,
         {
@@ -41228,7 +41240,7 @@ const CO = gg(
       console.log("Voice modality deactivated");
     },
     onMessage: async (e, t) => {
-      t.type === "audio" && jI(e, t);
+      t.type === "audio" && WI(e, t);
     }
   }
 );
@@ -41243,7 +41255,7 @@ function HI(e, t) {
   const n = t.silenceThreshold || -50;
   console.log("Voice activation setup with threshold:", n);
 }
-function jI(e, t) {
+function WI(e, t) {
   console.log("Playing audio response:", t.content);
 }
 const TO = gg(
@@ -41252,7 +41264,7 @@ const TO = gg(
   {
     onActivate: async (e) => {
       const t = e.config;
-      t.enableRichText && WI(), t.enableFileUpload && GI(e), t.enableCustomComponents && KI(), console.log("Chat modality activated", t);
+      t.enableRichText && jI(), t.enableFileUpload && GI(e), t.enableCustomComponents && KI(), console.log("Chat modality activated", t);
     },
     onDeactivate: async (e) => {
       console.log("Chat modality deactivated");
@@ -41263,7 +41275,7 @@ const TO = gg(
     }
   }
 );
-function WI(e) {
+function jI(e) {
   console.log("Rich text support enabled");
 }
 function GI(e) {