@voxket-ai/voxket-live 1.1.46 → 1.1.48

package/dist/index.js

@@ -1,9 +1,9 @@
 var zx = Object.defineProperty;
 var jx = (e, t, n) => t in e ? zx(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Oe = (e, t, n) => jx(e, typeof t != "symbol" ? t + "" : t, n);
-import * as D from "react";
-import Be, { createContext as Mi, useRef as Xt, useLayoutEffect as Gx, useEffect as kt, useId as Vd, useContext as Ht, useInsertionEffect as t0, useMemo as wn, useCallback as at, Children as Hx, isValidElement as Kx, useState as Ae, Fragment as n0, createElement as Qx, forwardRef as Wx, Component as qx } from "react";
-import { jsx as b, Fragment as Kt, jsxs as _ } from "react/jsx-runtime";
+import * as _ from "react";
+import Be, { createContext as Mi, useRef as Jt, useLayoutEffect as Gx, useEffect as kt, useId as Vd, useContext as Ht, useInsertionEffect as t0, useMemo as wn, useCallback as at, Children as Hx, isValidElement as Kx, useState as Ae, Fragment as n0, createElement as Qx, forwardRef as Wx, Component as qx } from "react";
+import { jsx as b, Fragment as tn, jsxs as D } from "react/jsx-runtime";
 import i0, { clsx as Yx } from "clsx";
 import { X as Jx, Clock as Xx, Paperclip as Zx, SendHorizontal as $x, Mic as eE, MicOff as tE, Camera as nE, CameraOff as r0, Monitor as s0, MessageCircle as iE, PhoneOff as rE, Download as sE, Image as oE, Video as aE, Music as cE, Archive as lE, FileText as uE, LayoutGrid as dE, Users as hE, User as o0 } from "lucide-react";
 import fE from "@emotion/styled";
@@ -2335,7 +2335,7 @@ const aC = /* @__PURE__ */ z.makeMessageType("livekit.MetricsBatch", () => [{
 }, {
   no: 2,
   name: "SE_TRACK_NOTFOUND"
-}]), Yt = /* @__PURE__ */ z.makeEnum("livekit.AudioTrackFeature", [{
+}]), qt = /* @__PURE__ */ z.makeEnum("livekit.AudioTrackFeature", [{
   no: 0,
   name: "TF_STEREO"
 }, {
@@ -2775,7 +2775,7 @@ const aC = /* @__PURE__ */ z.makeMessageType("livekit.MetricsBatch", () => [{
   no: 19,
   name: "audio_features",
   kind: "enum",
-  T: z.getEnumType(Yt),
+  T: z.getEnumType(qt),
   repeated: !0
 }, {
   no: 20,
@@ -2815,7 +2815,7 @@ const aC = /* @__PURE__ */ z.makeMessageType("livekit.MetricsBatch", () => [{
   no: 1,
   name: "kind",
   kind: "enum",
-  T: z.getEnumType(je)
+  T: z.getEnumType(ze)
 }, {
   no: 4,
   name: "participant_identity",
@@ -2912,7 +2912,7 @@ const aC = /* @__PURE__ */ z.makeMessageType("livekit.MetricsBatch", () => [{
   kind: "scalar",
   T: 9
   /* ScalarType.STRING */
-}]), je = /* @__PURE__ */ z.makeEnum("livekit.DataPacket.Kind", [{
+}]), ze = /* @__PURE__ */ z.makeEnum("livekit.DataPacket.Kind", [{
   no: 0,
   name: "RELIABLE"
 }, {
@@ -3931,7 +3931,7 @@ const aC = /* @__PURE__ */ z.makeMessageType("livekit.MetricsBatch", () => [{
   no: 17,
   name: "audio_features",
   kind: "enum",
-  T: z.getEnumType(Yt),
+  T: z.getEnumType(qt),
   repeated: !0
 }]), Hd = /* @__PURE__ */ z.makeMessageType("livekit.TrickleRequest", () => [{
   no: 1,
@@ -4180,7 +4180,7 @@ const aC = /* @__PURE__ */ z.makeMessageType("livekit.MetricsBatch", () => [{
   no: 2,
   name: "features",
   kind: "enum",
-  T: z.getEnumType(Yt),
+  T: z.getEnumType(qt),
   repeated: !0
 }]), TC = /* @__PURE__ */ z.makeMessageType("livekit.UpdateLocalVideoTrack", () => [{
   no: 1,
@@ -7955,12 +7955,12 @@ class qT extends ui.EventEmitter {
   }
 }
 const al = "default";
-class Jt {
+class Yt {
   constructor() {
     this._previousDevices = [];
   }
   static getInstance() {
-    return this.instance === void 0 && (this.instance = new Jt()), this.instance;
+    return this.instance === void 0 && (this.instance = new Yt()), this.instance;
   }
   get previousDevices() {
     return this._previousDevices;
@@ -7971,10 +7971,10 @@ class Jt {
       let r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
       return function* () {
         var s;
-        if (((s = Jt.userMediaPromiseMap) === null || s === void 0 ? void 0 : s.size) > 0) {
+        if (((s = Yt.userMediaPromiseMap) === null || s === void 0 ? void 0 : s.size) > 0) {
           qe.debug("awaiting getUserMedia promise");
           try {
-            n ? yield Jt.userMediaPromiseMap.get(n) : yield Promise.all(Jt.userMediaPromiseMap.values());
+            n ? yield Yt.userMediaPromiseMap.get(n) : yield Promise.all(Yt.userMediaPromiseMap.values());
           } catch {
             qe.warn("error waiting for media permissons");
           }
@@ -8019,11 +8019,11 @@ class Jt {
     });
   }
   hasDeviceInUse(t) {
-    return t ? Jt.userMediaPromiseMap.has(t) : Jt.userMediaPromiseMap.size > 0;
+    return t ? Yt.userMediaPromiseMap.has(t) : Yt.userMediaPromiseMap.size > 0;
   }
 }
-Jt.mediaDeviceKinds = ["audioinput", "audiooutput", "videoinput"];
-Jt.userMediaPromiseMap = /* @__PURE__ */ new Map();
+Yt.mediaDeviceKinds = ["audioinput", "audiooutput", "videoinput"];
+Yt.userMediaPromiseMap = /* @__PURE__ */ new Map();
 var eo;
 (function(e) {
   e[e.WAITING = 0] = "WAITING", e[e.RUNNING = 1] = "RUNNING", e[e.COMPLETED = 2] = "COMPLETED";
@@ -10003,7 +10003,7 @@ class Vy extends V {
           deviceId: i,
           groupId: r
         } = t._mediaStreamTrack.getSettings(), s = t.kind === V.Kind.Audio ? "audioinput" : "videoinput";
-        return n ? Jt.getInstance().normalizeDeviceId(s, i, r) : i;
+        return n ? Yt.getInstance().normalizeDeviceId(s, i, r) : i;
       }();
     });
   }
@@ -10254,9 +10254,9 @@ class Va extends Vy {
       }
       o && this.prevStats && (this._currentBitrate = yc(o, this.prevStats)), this.prevStats = o;
     }), this.handleKrispNoiseFilterEnable = () => {
-      this.isKrispNoiseFilterEnabled = !0, this.log.debug("Krisp noise filter enabled", this.logContext), this.emit(he.AudioTrackFeatureUpdate, this, Yt.TF_ENHANCED_NOISE_CANCELLATION, !0);
+      this.isKrispNoiseFilterEnabled = !0, this.log.debug("Krisp noise filter enabled", this.logContext), this.emit(he.AudioTrackFeatureUpdate, this, qt.TF_ENHANCED_NOISE_CANCELLATION, !0);
     }, this.handleKrispNoiseFilterDisable = () => {
-      this.isKrispNoiseFilterEnabled = !1, this.log.debug("Krisp noise filter disabled", this.logContext), this.emit(he.AudioTrackFeatureUpdate, this, Yt.TF_ENHANCED_NOISE_CANCELLATION, !1);
+      this.isKrispNoiseFilterEnabled = !1, this.log.debug("Krisp noise filter disabled", this.logContext), this.emit(he.AudioTrackFeatureUpdate, this, qt.TF_ENHANCED_NOISE_CANCELLATION, !1);
     }, this.audioContext = r, this.checkForSilence();
   }
   mute() {
@@ -11061,7 +11061,7 @@ class NA extends ui.EventEmitter {
           event: i
         }));
     }, this.handleBufferedAmountLow = (i) => {
-      const s = i.currentTarget.maxRetransmits === 0 ? je.LOSSY : je.RELIABLE;
+      const s = i.currentTarget.maxRetransmits === 0 ? ze.LOSSY : ze.RELIABLE;
       this.updateAndEmitDCBufferStatus(s);
     }, this.handleDisconnect = (i, r) => {
       if (this._isClosed)
@@ -11093,13 +11093,13 @@ class NA extends ui.EventEmitter {
     }, this.isBufferStatusLow = (i) => {
       const r = this.dataChannelForKind(i);
       if (r)
-        return i === je.RELIABLE && this.reliableMessageBuffer.alignBufferedAmount(r.bufferedAmount), r.bufferedAmount <= r.bufferedAmountLowThreshold;
+        return i === ze.RELIABLE && this.reliableMessageBuffer.alignBufferedAmount(r.bufferedAmount), r.bufferedAmount <= r.bufferedAmountLowThreshold;
     }, this.handleBrowserOnLine = () => {
       this.client.currentState === vt.RECONNECTING && (this.clearReconnectTimeout(), this.attemptReconnect(Or.RR_SIGNAL_DISCONNECTED));
     }, this.log = Ti((n = t.loggerName) !== null && n !== void 0 ? n : Xn.Engine), this.loggerOptions = {
       loggerName: t.loggerName,
       loggerContextCb: () => this.logContext
-    }, this.client = new eh(void 0, this.loggerOptions), this.client.signalLatency = this.options.expSignalLatency, this.reconnectPolicy = this.options.reconnectPolicy, this.registerOnLineListener(), this.closingLock = new bn(), this.dataProcessLock = new bn(), this.dcBufferStatus = /* @__PURE__ */ new Map([[je.LOSSY, !0], [je.RELIABLE, !0]]), this.client.onParticipantUpdate = (i) => this.emit(fe.ParticipantUpdate, i), this.client.onConnectionQuality = (i) => this.emit(fe.ConnectionQualityUpdate, i), this.client.onRoomUpdate = (i) => this.emit(fe.RoomUpdate, i), this.client.onSubscriptionError = (i) => this.emit(fe.SubscriptionError, i), this.client.onSubscriptionPermissionUpdate = (i) => this.emit(fe.SubscriptionPermissionUpdate, i), this.client.onSpeakersChanged = (i) => this.emit(fe.SpeakersChanged, i), this.client.onStreamStateUpdate = (i) => this.emit(fe.StreamStateChanged, i), this.client.onRequestResponse = (i) => this.emit(fe.SignalRequestResponse, i);
+    }, this.client = new eh(void 0, this.loggerOptions), this.client.signalLatency = this.options.expSignalLatency, this.reconnectPolicy = this.options.reconnectPolicy, this.registerOnLineListener(), this.closingLock = new bn(), this.dataProcessLock = new bn(), this.dcBufferStatus = /* @__PURE__ */ new Map([[ze.LOSSY, !0], [ze.RELIABLE, !0]]), this.client.onParticipantUpdate = (i) => this.emit(fe.ParticipantUpdate, i), this.client.onConnectionQuality = (i) => this.emit(fe.ConnectionQualityUpdate, i), this.client.onRoomUpdate = (i) => this.emit(fe.RoomUpdate, i), this.client.onSubscriptionError = (i) => this.emit(fe.SubscriptionError, i), this.client.onSubscriptionPermissionUpdate = (i) => this.emit(fe.SubscriptionPermissionUpdate, i), this.client.onSpeakersChanged = (i) => this.emit(fe.SpeakersChanged, i), this.client.onStreamStateUpdate = (i) => this.emit(fe.StreamStateChanged, i), this.client.onRequestResponse = (i) => this.emit(fe.SignalRequestResponse, i);
   }
   /** @internal */
   get logContext() {
@@ -11484,7 +11484,7 @@ class NA extends ui.EventEmitter {
     return O(this, void 0, void 0, function* () {
       const s = new mn({
         destinationIdentities: [t],
-        kind: je.RELIABLE,
+        kind: ze.RELIABLE,
         value: {
           case: "rpcResponse",
           value: new M0({
@@ -11499,7 +11499,7 @@ class NA extends ui.EventEmitter {
           })
         }
       });
-      yield this.sendDataPacket(s, je.RELIABLE);
+      yield this.sendDataPacket(s, ze.RELIABLE);
     });
   }
   /** @internal */
@@ -11507,7 +11507,7 @@ class NA extends ui.EventEmitter {
     return O(this, void 0, void 0, function* () {
       const i = new mn({
         destinationIdentities: [t],
-        kind: je.RELIABLE,
+        kind: ze.RELIABLE,
         value: {
           case: "rpcAck",
           value: new P0({
@@ -11515,16 +11515,16 @@ class NA extends ui.EventEmitter {
           })
         }
       });
-      yield this.sendDataPacket(i, je.RELIABLE);
+      yield this.sendDataPacket(i, ze.RELIABLE);
     });
   }
   /* @internal */
   sendDataPacket(t, n) {
     return O(this, void 0, void 0, function* () {
-      yield this.ensurePublisherConnected(n), n === je.RELIABLE && (t.sequence = this.reliableDataSequence, this.reliableDataSequence += 1);
+      yield this.ensurePublisherConnected(n), n === ze.RELIABLE && (t.sequence = this.reliableDataSequence, this.reliableDataSequence += 1);
       const i = t.toBinary(), r = this.dataChannelForKind(n);
       if (r) {
-        if (n === je.RELIABLE && this.reliableMessageBuffer.push({
+        if (n === ze.RELIABLE && this.reliableMessageBuffer.push({
           data: i,
           sequence: t.sequence
         }), this.attemptingReconnect)
@@ -11536,11 +11536,11 @@ class NA extends ui.EventEmitter {
   }
   resendReliableMessagesForResume(t) {
     return O(this, void 0, void 0, function* () {
-      yield this.ensurePublisherConnected(je.RELIABLE);
-      const n = this.dataChannelForKind(je.RELIABLE);
+      yield this.ensurePublisherConnected(ze.RELIABLE);
+      const n = this.dataChannelForKind(ze.RELIABLE);
       n && (this.reliableMessageBuffer.popToSequence(t), this.reliableMessageBuffer.getAll().forEach((i) => {
         n.send(i.data);
-      })), this.updateAndEmitDCBufferStatus(je.RELIABLE);
+      })), this.updateAndEmitDCBufferStatus(ze.RELIABLE);
     });
   }
   waitForBufferStatusLow(t) {
@@ -11624,14 +11624,14 @@ class NA extends ui.EventEmitter {
   }
   dataChannelForKind(t, n) {
     if (n) {
-      if (t === je.LOSSY)
+      if (t === ze.LOSSY)
         return this.lossyDCSub;
-      if (t === je.RELIABLE)
+      if (t === ze.RELIABLE)
         return this.reliableDCSub;
     } else {
-      if (t === je.LOSSY)
+      if (t === ze.LOSSY)
         return this.lossyDC;
-      if (t === je.RELIABLE)
+      if (t === ze.RELIABLE)
         return this.reliableDC;
     }
   }
@@ -11680,7 +11680,7 @@ class NA extends ui.EventEmitter {
         target: r
       }));
     };
-    return n(this.dataChannelForKind(je.LOSSY), Wn.PUBLISHER), n(this.dataChannelForKind(je.RELIABLE), Wn.PUBLISHER), n(this.dataChannelForKind(je.LOSSY, !0), Wn.SUBSCRIBER), n(this.dataChannelForKind(je.RELIABLE, !0), Wn.SUBSCRIBER), t;
+    return n(this.dataChannelForKind(ze.LOSSY), Wn.PUBLISHER), n(this.dataChannelForKind(ze.RELIABLE), Wn.PUBLISHER), n(this.dataChannelForKind(ze.LOSSY, !0), Wn.SUBSCRIBER), n(this.dataChannelForKind(ze.RELIABLE, !0), Wn.SUBSCRIBER), t;
   }
   clearReconnectTimeout() {
     this.reconnectTimeout && nn.clearTimeout(this.reconnectTimeout);
@@ -12452,7 +12452,7 @@ class Yu extends yi {
     var t;
     if (oi(this.track)) {
       const n = this.track.getSourceTrackSettings(), i = /* @__PURE__ */ new Set();
-      return n.autoGainControl && i.add(Yt.TF_AUTO_GAIN_CONTROL), n.echoCancellation && i.add(Yt.TF_ECHO_CANCELLATION), n.noiseSuppression && i.add(Yt.TF_NOISE_SUPPRESSION), n.channelCount && n.channelCount > 1 && i.add(Yt.TF_STEREO), !((t = this.options) === null || t === void 0) && t.dtx || i.add(Yt.TF_NO_DTX), this.track.enhancedNoiseCancellation && i.add(Yt.TF_ENHANCED_NOISE_CANCELLATION), Array.from(i.values());
+      return n.autoGainControl && i.add(qt.TF_AUTO_GAIN_CONTROL), n.echoCancellation && i.add(qt.TF_ECHO_CANCELLATION), n.noiseSuppression && i.add(qt.TF_NOISE_SUPPRESSION), n.channelCount && n.channelCount > 1 && i.add(qt.TF_STEREO), !((t = this.options) === null || t === void 0) && t.dtx || i.add(qt.TF_NO_DTX), this.track.enhancedNoiseCancellation && i.add(qt.TF_ENHANCED_NOISE_CANCELLATION), Array.from(i.values());
     } else return [];
   }
 }
@@ -12492,7 +12492,7 @@ function vc(e, t) {
       deviceId: "default"
     } : typeof s.video == "object" && !s.video.deviceId && (s.video.deviceId = "default");
     const c = Oy(s, By, Fy), l = Zd(c), u = navigator.mediaDevices.getUserMedia(l);
-    s.audio && (Jt.userMediaPromiseMap.set("audioinput", u), u.catch(() => Jt.userMediaPromiseMap.delete("audioinput"))), s.video && (Jt.userMediaPromiseMap.set("videoinput", u), u.catch(() => Jt.userMediaPromiseMap.delete("videoinput")));
+    s.audio && (Yt.userMediaPromiseMap.set("audioinput", u), u.catch(() => Yt.userMediaPromiseMap.delete("audioinput"))), s.video && (Yt.userMediaPromiseMap.set("videoinput", u), u.catch(() => Yt.userMediaPromiseMap.delete("videoinput")));
     try {
       const d = yield u;
       return yield Promise.all(d.getTracks().map((h) => O(this, void 0, void 0, function* () {
@@ -13251,7 +13251,7 @@ class QA extends Wy {
       const p = n.videoCodec;
       t.on(he.Muted, this.onTrackMuted), t.on(he.Unmuted, this.onTrackUnmuted), t.on(he.Ended, this.handleTrackEnded), t.on(he.UpstreamPaused, this.onTrackUpstreamPaused), t.on(he.UpstreamResumed, this.onTrackUpstreamResumed), t.on(he.AudioTrackFeatureUpdate, this.onTrackFeatureUpdate);
       const v = [], g = !(!((r = n.dtx) !== null && r !== void 0) || r), x = t.getSourceTrackSettings();
-      x.autoGainControl && v.push(Yt.TF_AUTO_GAIN_CONTROL), x.echoCancellation && v.push(Yt.TF_ECHO_CANCELLATION), x.noiseSuppression && v.push(Yt.TF_NOISE_SUPPRESSION), x.channelCount && x.channelCount > 1 && v.push(Yt.TF_STEREO), g && v.push(Yt.TF_NO_DTX), bi(t) && t.hasPreConnectBuffer && v.push(Yt.TF_PRECONNECT_BUFFER);
+      x.autoGainControl && v.push(qt.TF_AUTO_GAIN_CONTROL), x.echoCancellation && v.push(qt.TF_ECHO_CANCELLATION), x.noiseSuppression && v.push(qt.TF_NOISE_SUPPRESSION), x.channelCount && x.channelCount > 1 && v.push(qt.TF_STEREO), g && v.push(qt.TF_NO_DTX), bi(t) && t.hasPreConnectBuffer && v.push(qt.TF_PRECONNECT_BUFFER);
       const S = new Eu({
         // get local track id for use during publishing
         cid: t.mediaStreamTrack.id,
@@ -13360,7 +13360,7 @@ class QA extends Wy {
       if (R.options = n, t.sid = E.sid, this.log.debug("publishing ".concat(t.kind, " with encodings"), Object.assign(Object.assign({}, this.logContext), {
         encodings: w,
         trackInfo: E
-      })), Fi(t) ? t.startMonitor(this.engine.client) : bi(t) && t.startMonitor(), this.addTrackPublication(R), this.emit($.LocalTrackPublished, R), bi(t) && E.audioFeatures.includes(Yt.TF_PRECONNECT_BUFFER)) {
+      })), Fi(t) ? t.startMonitor(this.engine.client) : bi(t) && t.startMonitor(), this.addTrackPublication(R), this.emit($.LocalTrackPublished, R), bi(t) && E.audioFeatures.includes(qt.TF_PRECONNECT_BUFFER)) {
         const M = t.getPreConnectBuffer();
         this.on($.LocalTrackSubscribed, (y) => {
           if (y.trackSid === E.sid) {
@@ -13551,7 +13551,7 @@ class QA extends Wy {
       var i = this;
       let r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
       return function* () {
-        const s = r.reliable ? je.RELIABLE : je.LOSSY, o = r.destinationIdentities, a = r.topic, c = new mn({
+        const s = r.reliable ? ze.RELIABLE : ze.LOSSY, o = r.destinationIdentities, a = r.topic, c = new mn({
           kind: s,
           value: {
             case: "user",
@@ -13576,7 +13576,7 @@ class QA extends Wy {
   publishDtmf(t, n) {
     return O(this, void 0, void 0, function* () {
       const i = new mn({
-        kind: je.RELIABLE,
+        kind: ze.RELIABLE,
         value: {
           case: "sipDtmf",
           value: new I0({
@@ -13585,7 +13585,7 @@ class QA extends Wy {
           })
         }
       });
-      yield this.engine.sendDataPacket(i, je.RELIABLE);
+      yield this.engine.sendDataPacket(i, ze.RELIABLE);
     });
   }
   sendChatMessage(t, n) {
@@ -13603,7 +13603,7 @@ class QA extends Wy {
           }))
         }
       });
-      return yield this.engine.sendDataPacket(r, je.RELIABLE), this.emit($.ChatMessage, i), i;
+      return yield this.engine.sendDataPacket(r, ze.RELIABLE), this.emit($.ChatMessage, i), i;
     });
   }
   editChatMessage(t, n) {
@@ -13620,7 +13620,7 @@ class QA extends Wy {
           }))
         }
       });
-      return yield this.engine.sendDataPacket(r, je.RELIABLE), this.emit($.ChatMessage, i), i;
+      return yield this.engine.sendDataPacket(r, ze.RELIABLE), this.emit($.ChatMessage, i), i;
     });
   }
   sendText(t, n) {
@@ -13687,14 +13687,14 @@ class QA extends Wy {
           value: o
         }
       });
-      yield this.engine.sendDataPacket(c, je.RELIABLE);
+      yield this.engine.sendDataPacket(c, ze.RELIABLE);
       let l = 0;
       const u = this, d = new WritableStream({
         // Implement the sink
         write(m) {
           return O(this, void 0, void 0, function* () {
             for (const p of zT(m, Lp)) {
-              yield u.engine.waitForBufferStatusLow(je.RELIABLE);
+              yield u.engine.waitForBufferStatusLow(ze.RELIABLE);
               const v = new ku({
                 content: p,
                 streamId: r,
@@ -13706,7 +13706,7 @@ class QA extends Wy {
                   value: v
                 }
               });
-              yield u.engine.sendDataPacket(g, je.RELIABLE), l += 1;
+              yield u.engine.sendDataPacket(g, ze.RELIABLE), l += 1;
             }
           });
         },
@@ -13721,7 +13721,7 @@ class QA extends Wy {
                 value: m
               }
             });
-            yield u.engine.sendDataPacket(p, je.RELIABLE);
+            yield u.engine.sendDataPacket(p, ze.RELIABLE);
           });
         },
         abort(m) {
@@ -13798,7 +13798,7 @@ class QA extends Wy {
           value: u
         }
       });
-      yield this.engine.sendDataPacket(d, je.RELIABLE);
+      yield this.engine.sendDataPacket(d, ze.RELIABLE);
       let h = 0;
       const f = new bn(), m = this.engine, p = this.log, v = new WritableStream({
         write(x) {
@@ -13808,7 +13808,7 @@ class QA extends Wy {
             try {
               for (; w < x.byteLength; ) {
                 const k = x.slice(w, w + Lp);
-                yield m.waitForBufferStatusLow(je.RELIABLE);
+                yield m.waitForBufferStatusLow(ze.RELIABLE);
                 const E = new mn({
                   destinationIdentities: c,
                   value: {
@@ -13820,7 +13820,7 @@ class QA extends Wy {
                     })
                   }
                 });
-                yield m.sendDataPacket(E, je.RELIABLE), h += 1, w += k.byteLength;
+                yield m.sendDataPacket(E, ze.RELIABLE), h += 1, w += k.byteLength;
               }
             } finally {
               S();
@@ -13838,7 +13838,7 @@ class QA extends Wy {
                 value: x
               }
             });
-            yield m.sendDataPacket(S, je.RELIABLE);
+            yield m.sendDataPacket(S, ze.RELIABLE);
           });
         },
         abort(x) {
@@ -13944,7 +13944,7 @@ class QA extends Wy {
     return O(this, void 0, void 0, function* () {
       const o = new mn({
         destinationIdentities: [t],
-        kind: je.RELIABLE,
+        kind: ze.RELIABLE,
         value: {
           case: "rpcRequest",
           value: new R0({
@@ -13956,7 +13956,7 @@ class QA extends Wy {
           })
         }
       });
-      yield this.engine.sendDataPacket(o, je.RELIABLE);
+      yield this.engine.sendDataPacket(o, ze.RELIABLE);
     });
   }
   /** @internal */
@@ -14864,7 +14864,7 @@ class Ci extends ui.EventEmitter {
    */
   static getLocalDevices(t) {
     let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-    return Jt.getInstance().getDevices(t, n);
+    return Yt.getInstance().getDevices(t, n);
   }
   /**
    * prepareConnection should be called as soon as the page is loaded, in order
@@ -15083,7 +15083,7 @@ class Ci extends ui.EventEmitter {
         } else if (i === "audiooutput") {
           if (p = !0, !Fu() && !s.options.webAudioMix || s.options.webAudioMix && s.audioContext && !("setSinkId" in s.audioContext))
             throw new Error("cannot switch audio output, setSinkId not supported");
-          s.options.webAudioMix && (r = (l = yield Jt.getInstance().normalizeDeviceId("audiooutput", r)) !== null && l !== void 0 ? l : ""), (u = (f = s.options).audioOutput) !== null && u !== void 0 || (f.audioOutput = {});
+          s.options.webAudioMix && (r = (l = yield Yt.getInstance().normalizeDeviceId("audiooutput", r)) !== null && l !== void 0 ? l : ""), (u = (f = s.options).audioOutput) !== null && u !== void 0 || (f.audioOutput = {});
           const g = (d = s.getActiveDevice(i)) !== null && d !== void 0 ? d : s.options.audioOutput.deviceId;
           s.options.audioOutput.deviceId = r;
           try {
@@ -15239,7 +15239,7 @@ class Ci extends ui.EventEmitter {
   selectDefaultDevices() {
     return O(this, void 0, void 0, function* () {
       var t, n, i;
-      const r = Jt.getInstance().previousDevices, s = yield Jt.getInstance().getDevices(void 0, !1), o = In();
+      const r = Yt.getInstance().previousDevices, s = yield Yt.getInstance().getDevices(void 0, !1), o = In();
       if ((o == null ? void 0 : o.name) === "Chrome" && o.os !== "iOS")
         for (let c of s) {
           const l = r.find((u) => u.deviceId === c.deviceId);
@@ -15961,7 +15961,7 @@ class kz extends ui.EventEmitter {
 }
 const ah = Mi({});
 function ch(e) {
-  const t = Xt(null);
+  const t = Jt(null);
   return t.current === null && (t.current = e()), t.current;
 }
 const lh = typeof window < "u", Yy = lh ? Gx : kt, kc = /* @__PURE__ */ Mi(null);
@@ -16143,13 +16143,13 @@ function uv(e, t) {
       o[Go[w]].cancel(S);
   }, state: r, steps: o };
 }
-const { schedule: xt, cancel: Ji, state: tn, steps: ml } = /* @__PURE__ */ uv(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Fn, !0);
+const { schedule: xt, cancel: Ji, state: en, steps: ml } = /* @__PURE__ */ uv(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Fn, !0);
 let Ta;
 function f1() {
   Ta = void 0;
 }
 const vn = {
-  now: () => (Ta === void 0 && vn.set(tn.isProcessing || Ri.useManualTiming ? tn.timestamp : performance.now()), Ta),
+  now: () => (Ta === void 0 && vn.set(en.isProcessing || Ri.useManualTiming ? en.timestamp : performance.now()), Ta),
   set: (e) => {
     Ta = e, queueMicrotask(f1);
   }
@@ -16351,7 +16351,7 @@ const B1 = (e) => {
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => tn.isProcessing ? tn.timestamp : vn.now()
+    now: () => en.isProcessing ? en.timestamp : vn.now()
   };
 }, vv = (e, t, n = 10) => {
   let i = "";
@@ -17820,7 +17820,7 @@ const sn = (e) => !!(e && e.getVelocity), XI = [...Mv, Ft, Xi], ZI = (e) => XI.f
   isStatic: !1,
   reducedMotion: "never"
 });
-class $I extends D.Component {
+class $I extends _.Component {
   getSnapshotBeforeUpdate(t) {
     const n = this.props.childRef.current;
     if (n && t.isPresent && !this.props.isPresent) {
@@ -17839,7 +17839,7 @@ class $I extends D.Component {
   }
 }
 function eR({ children: e, isPresent: t, anchorX: n, root: i }) {
-  const r = Vd(), s = Xt(null), o = Xt({
+  const r = Vd(), s = Jt(null), o = Jt({
     width: 0,
     height: 0,
     top: 0,
@@ -17866,7 +17866,7 @@ function eR({ children: e, isPresent: t, anchorX: n, root: i }) {
         `), () => {
       p.contains(m) && p.removeChild(m);
     };
-  }, [t]), b($I, { isPresent: t, childRef: s, sizeRef: o, children: D.cloneElement(e, { ref: s }) });
+  }, [t]), b($I, { isPresent: t, childRef: s, sizeRef: o, children: _.cloneElement(e, { ref: s }) });
 }
 const tR = ({ children: e, initial: t, isPresent: n, onExitComplete: i, custom: r, presenceAffectsLayout: s, mode: o, anchorX: a, root: c }) => {
   const l = ch(nR), u = Vd();
@@ -17886,7 +17886,7 @@ const tR = ({ children: e, initial: t, isPresent: n, onExitComplete: i, custom:
   }), [n, l, i]);
   return s && d && (h = { ...h }), wn(() => {
     l.forEach((f, m) => l.set(m, !1));
-  }, [n]), D.useEffect(() => {
+  }, [n]), _.useEffect(() => {
     !n && !l.size && i && i();
   }, [n]), o === "popLayout" && (e = b(eR, { isPresent: n, anchorX: a, root: c, children: e })), b(kc.Provider, { value: h, children: e });
 };
@@ -17913,7 +17913,7 @@ function rm(e) {
   }), t;
 }
 const gs = ({ children: e, custom: t, initial: n = !0, onExitComplete: i, presenceAffectsLayout: r = !0, mode: s = "sync", propagate: o = !1, anchorX: a = "left", root: c }) => {
-  const [l, u] = Vv(o), d = wn(() => rm(e), [e]), h = o && !l ? [] : d.map(Ko), f = Xt(!0), m = Xt(d), p = ch(() => /* @__PURE__ */ new Map()), [v, g] = Ae(d), [x, S] = Ae(d);
+  const [l, u] = Vv(o), d = wn(() => rm(e), [e]), h = o && !l ? [] : d.map(Ko), f = Jt(!0), m = Jt(d), p = ch(() => /* @__PURE__ */ new Map()), [v, g] = Ae(d), [x, S] = Ae(d);
   Yy(() => {
     f.current = !1, m.current = d;
     for (let E = 0; E < x.length; E++) {
@@ -17932,7 +17932,7 @@ const gs = ({ children: e, custom: t, initial: n = !0, onExitComplete: i, presen
   }
   process.env.NODE_ENV !== "production" && s === "wait" && x.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
   const { forceRender: k } = Ht(ah);
-  return b(Kt, { children: x.map((E) => {
+  return b(tn, { children: x.map((E) => {
     const P = Ko(E), R = o && !l ? !1 : d === x || h.includes(P), M = () => {
       if (p.has(P))
         p.set(P, !0);
@@ -18351,7 +18351,7 @@ function AR(e, t, n) {
 const Uh = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), IR = "framerAppearId", Xv = "data-" + Uh(IR), Zv = Mi({});
 function RR(e, t, n, i, r) {
   var p, v;
-  const { visualElement: s } = Ht(wc), o = Ht(zv), a = Ht(kc), c = Ht(Mh).reducedMotion, l = Xt(null);
+  const { visualElement: s } = Ht(wc), o = Ht(zv), a = Ht(kc), c = Ht(Mh).reducedMotion, l = Jt(null);
   i = i || o.renderer, !l.current && i && (l.current = i(e, {
     visualState: t,
     parent: s,
@@ -18362,11 +18362,11 @@ function RR(e, t, n, i, r) {
   }));
   const u = l.current, d = Ht(Zv);
   u && !u.projection && r && (u.type === "html" || u.type === "svg") && PR(l.current, n, r, d);
-  const h = Xt(!1);
+  const h = Jt(!1);
   t0(() => {
     u && h.current && u.update(n, a);
   });
-  const f = n[Xv], m = Xt(!!f && !((p = window.MotionHandoffIsComplete) != null && p.call(window, f)) && ((v = window.MotionHasOptimisedAnimation) == null ? void 0 : v.call(window, f)));
+  const f = n[Xv], m = Jt(!!f && !((p = window.MotionHandoffIsComplete) != null && p.call(window, f)) && ((v = window.MotionHasOptimisedAnimation) == null ? void 0 : v.call(window, f)));
   return Yy(() => {
     u && (h.current = !0, window.MotionIsMounted = !0, u.updateFeatures(), u.scheduleRenderMicrotask(), m.current && u.animationState && u.animationState.animateChanges());
   }), kt(() => {
@@ -18416,7 +18416,7 @@ function wl(e, { forwardMotionProps: t = !1 } = {}, n, i) {
       const m = OR(u);
       l = m.MeasureLayout, h.visualElement = RR(e, f, u, i, m.ProjectionNode);
     }
-    return _(wc.Provider, { value: h, children: [l && h.visualElement ? b(l, { visualElement: h.visualElement, ...u }) : null, wR(e, a, AR(f, h.visualElement, c), f, d, t)] });
+    return D(wc.Provider, { value: h, children: [l && h.visualElement ? b(l, { visualElement: h.visualElement, ...u }) : null, wR(e, a, AR(f, h.visualElement, c), f, d, t)] });
   }
   s.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
   const o = Wx(s);
@@ -19359,7 +19359,7 @@ class gk {
       const h = El(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, m = TP(h.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!f && !m)
         return;
-      const { point: p } = h, { timestamp: v } = tn;
+      const { point: p } = h, { timestamp: v } = en;
       this.history.push({ ...p, timestamp: v });
       const { onStart: g, onMove: x } = this.handlers;
       f || (g && g(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), x && x(this.lastMoveEvent, h);
@@ -19375,7 +19375,7 @@ class gk {
     }, !Ph(t))
       return;
     this.dragSnapToOrigin = s, this.handlers = n, this.transformPagePoint = i, this.distanceThreshold = o, this.contextWindow = r || window;
-    const a = Co(t), c = xl(a, this.transformPagePoint), { point: l } = c, { timestamp: u } = tn;
+    const a = Co(t), c = xl(a, this.transformPagePoint), { point: l } = c, { timestamp: u } = en;
     this.history = [{ ...l, timestamp: u }];
     const { onSessionStart: d } = n;
     d && d(t, El(c, this.history)), this.removeListeners = So(no(this.contextWindow, "pointermove", this.handlePointerMove), no(this.contextWindow, "pointerup", this.handlePointerUp), no(this.contextWindow, "pointercancel", this.handlePointerUp));
@@ -20155,7 +20155,7 @@ function Ek({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       }
       this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(uM), this.nodes.forEach(sM), this.nodes.forEach(oM)) : this.nodes.forEach(jm), this.clearAllSnapshots();
       const a = vn.now();
-      tn.delta = Ai(0, 1e3 / 60, a - tn.timestamp), tn.timestamp = a, tn.isProcessing = !0, ml.update.process(tn), ml.preRender.process(tn), ml.render.process(tn), tn.isProcessing = !1;
+      en.delta = Ai(0, 1e3 / 60, a - en.timestamp), en.timestamp = a, en.isProcessing = !0, ml.update.process(en), ml.preRender.process(en), ml.render.process(en), en.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, Rh.read(this.scheduleUpdate));
@@ -20280,7 +20280,7 @@ function Ek({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
     }
     forceRelativeParentToResolveTarget() {
-      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== tn.timestamp && this.relativeParent.resolveTargetDelta(!0);
+      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== en.timestamp && this.relativeParent.resolveTargetDelta(!0);
     }
     resolveTargetDelta(o = !1) {
       var h;
@@ -20291,7 +20291,7 @@ function Ek({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return;
       const { layout: u, layoutId: d } = this.options;
       if (!(!this.layout || !(u || d))) {
-        if (this.resolvedRelativeTargetAt = tn.timestamp, !this.targetDelta && !this.relativeTarget) {
+        if (this.resolvedRelativeTargetAt = en.timestamp, !this.targetDelta && !this.relativeTarget) {
           const f = this.getClosestProjectingParent();
           f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = Ot(), this.relativeTargetOrigin = Ot(), ro(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), On(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
@@ -20313,7 +20313,7 @@ function Ek({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       var m;
       const o = this.getLead(), a = !!this.resumingFrom || this !== o;
       let c = !0;
-      if ((this.isProjectionDirty || (m = this.parent) != null && m.isProjectionDirty) && (c = !1), a && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === tn.timestamp && (c = !1), c)
+      if ((this.isProjectionDirty || (m = this.parent) != null && m.isProjectionDirty) && (c = !1), a && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === en.timestamp && (c = !1), c)
         return;
       const { layout: l, layoutId: u } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(l || u))
@@ -20774,7 +20774,7 @@ const NM = {
   ...NM,
   ...wM,
   ...OM
-}, Ue = /* @__PURE__ */ _R(_M, WR);
+}, je = /* @__PURE__ */ _R(_M, WR);
 var Wo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Ak(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -21124,7 +21124,7 @@ function zM(e) {
     }, o);
   }
 }
-function Qt(e) {
+function Kt(e) {
   return typeof e == "function";
 }
 function zh(e) {
@@ -21176,7 +21176,7 @@ var To = function() {
         else
           o.remove(this);
       var u = this.initialTeardown;
-      if (Qt(u))
+      if (Kt(u))
         try {
           u();
         } catch (p) {
@@ -21238,10 +21238,10 @@ var To = function() {
   }(), e;
 }(), Rk = To.EMPTY;
 function Pk(e) {
-  return e instanceof To || e && "closed" in e && Qt(e.remove) && Qt(e.add) && Qt(e.unsubscribe);
+  return e instanceof To || e && "closed" in e && Kt(e.remove) && Kt(e.add) && Kt(e.unsubscribe);
 }
 function Zm(e) {
-  Qt(e) ? e() : e.unsubscribe();
+  Kt(e) ? e() : e.unsubscribe();
 }
 var jM = {
   Promise: void 0
@@ -21332,7 +21332,7 @@ var jh = function(e) {
   Ni(t, e);
   function t(n, i, r) {
     var s = e.call(this) || this, o;
-    return Qt(n) || !n ? o = {
+    return Kt(n) || !n ? o = {
       next: n ?? void 0,
       error: i ?? void 0,
       complete: r ?? void 0
@@ -21429,13 +21429,13 @@ function eg(e) {
   return (t = e ?? jM.Promise) !== null && t !== void 0 ? t : Promise;
 }
 function qM(e) {
-  return e && Qt(e.next) && Qt(e.error) && Qt(e.complete);
+  return e && Kt(e.next) && Kt(e.error) && Kt(e.complete);
 }
 function YM(e) {
   return e && e instanceof jh || qM(e) && Pk(e);
 }
 function JM(e) {
-  return Qt(e == null ? void 0 : e.lift);
+  return Kt(e == null ? void 0 : e.lift);
 }
 function Ao(e) {
   return function(t) {
@@ -21714,7 +21714,7 @@ var $M = {
 }(ig);
 new nN(tN);
 function iN(e) {
-  return e && Qt(e.schedule);
+  return e && Kt(e.schedule);
 }
 function rN(e) {
   return e[e.length - 1];
@@ -21726,13 +21726,13 @@ var Dk = function(e) {
   return e && typeof e.length == "number" && typeof e != "function";
 };
 function Lk(e) {
-  return Qt(e == null ? void 0 : e.then);
+  return Kt(e == null ? void 0 : e.then);
 }
 function Bk(e) {
-  return Qt(e[Gh]);
+  return Kt(e[Gh]);
 }
 function Fk(e) {
-  return Symbol.asyncIterator && Qt(e == null ? void 0 : e[Symbol.asyncIterator]);
+  return Symbol.asyncIterator && Kt(e == null ? void 0 : e[Symbol.asyncIterator]);
 }
 function Uk(e) {
   return new TypeError("You provided " + (e !== null && typeof e == "object" ? "an invalid object" : "'" + e + "'") + " where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.");
@@ -21742,7 +21742,7 @@ function sN() {
 }
 var Vk = sN();
 function zk(e) {
-  return Qt(e == null ? void 0 : e[Vk]);
+  return Kt(e == null ? void 0 : e[Vk]);
 }
 function jk(e) {
   return VM(this, arguments, function() {
@@ -21776,7 +21776,7 @@ function jk(e) {
   });
 }
 function Gk(e) {
-  return Qt(e == null ? void 0 : e.getReader);
+  return Kt(e == null ? void 0 : e.getReader);
 }
 function Io(e) {
   if (e instanceof Mn)
@@ -21800,7 +21800,7 @@ function Io(e) {
 function oN(e) {
   return new Mn(function(t) {
     var n = e[Gh]();
-    if (Qt(n.subscribe))
+    if (Kt(n.subscribe))
       return n.subscribe(t);
     throw new TypeError("Provided object does not correctly implement Symbol.observable");
   });
@@ -21951,7 +21951,7 @@ function mN(e, t) {
         o ? n.complete() : n.next(s);
       }, 0, !0);
     }), function() {
-      return Qt(i == null ? void 0 : i.return) && i.return();
+      return Kt(i == null ? void 0 : i.return) && i.return();
     };
   });
 }
@@ -22038,7 +22038,7 @@ function vN(e, t, n, i, r, s, o, a) {
   };
 }
 function qk(e, t, n) {
-  return n === void 0 && (n = 1 / 0), Qt(t) ? qk(function(i, r) {
+  return n === void 0 && (n = 1 / 0), Kt(t) ? qk(function(i, r) {
     return Ro(function(s, o) {
       return t(i, s, r, o);
     })(Io(e(i, r)));
@@ -22289,12 +22289,12 @@ function LN(e, t, n) {
     Ec(sg(e, t, o))
   );
 }
-D.createContext(void 0);
-const BN = D.createContext(
+_.createContext(void 0);
+const BN = _.createContext(
   void 0
 );
 function $k() {
-  return D.useContext(BN);
+  return _.useContext(BN);
 }
 function ew(e) {
   const t = $k(), n = e ?? t;
@@ -22304,16 +22304,16 @@ function ew(e) {
     );
   return n;
 }
-D.createContext(void 0);
-const $a = D.createContext(void 0);
+_.createContext(void 0);
+const $a = _.createContext(void 0);
 function tw() {
-  const e = D.useContext($a);
+  const e = _.useContext($a);
   if (!e)
     throw Error("tried to access room context outside of livekit room component");
   return e;
 }
 function FN() {
-  return D.useContext($a);
+  return _.useContext($a);
 }
 function nw(e) {
   const t = FN(), n = e ?? t;
@@ -22323,7 +22323,7 @@ function nw(e) {
     );
   return n;
 }
-D.createContext(void 0);
+_.createContext(void 0);
 function iw(e) {
   var t, n, i = "";
   if (typeof e == "string" || typeof e == "number") i += e;
@@ -22369,27 +22369,27 @@ function ow(...e) {
   return sw(...e.filter(VN));
 }
 function zN(e, t, n) {
-  return D.Children.map(e, (i) => D.isValidElement(i) && D.Children.only(e) ? (i.props.className && (t ?? (t = {}), t.className = rw(i.props.className, t.className), t.style = { ...i.props.style, ...t.style }), D.cloneElement(i, { ...t, key: n })) : i);
+  return _.Children.map(e, (i) => _.isValidElement(i) && _.Children.only(e) ? (i.props.className && (t ?? (t = {}), t.className = rw(i.props.className, t.className), t.style = { ...i.props.style, ...t.style }), _.cloneElement(i, { ...t, key: n })) : i);
 }
 function jN(e, t, n = !0) {
-  const [i, r] = D.useState(t);
-  return D.useEffect(() => {
+  const [i, r] = _.useState(t);
+  return _.useEffect(() => {
     if (n && r(t), typeof window > "u" || !e) return;
     const s = e.subscribe(r);
     return () => s.unsubscribe();
   }, [e, n]), i;
 }
 function GN({ room: e, props: t }) {
-  const n = nw(e), { className: i, roomAudioPlaybackAllowedObservable: r, handleStartAudioPlayback: s } = D.useMemo(
+  const n = nw(e), { className: i, roomAudioPlaybackAllowedObservable: r, handleStartAudioPlayback: s } = _.useMemo(
     () => DN(),
     []
-  ), o = D.useMemo(
+  ), o = _.useMemo(
     () => r(n),
     [n, r]
   ), { canPlayAudio: a } = jN(o, {
     canPlayAudio: n.canPlaybackAudio
   });
-  return { mergedProps: D.useMemo(
+  return { mergedProps: _.useMemo(
     () => sw(t, {
       className: i,
       onClick: () => {
@@ -22407,8 +22407,8 @@ function aw(e = [
   V.Source.ScreenShareAudio,
   V.Source.Unknown
 ], t = {}) {
-  const n = nw(t.room), [i, r] = D.useState([]), [s, o] = D.useState([]), a = D.useMemo(() => e.map((c) => Yk(c) ? c.source : c), [JSON.stringify(e)]);
-  return D.useEffect(() => {
+  const n = nw(t.room), [i, r] = _.useState([]), [s, o] = _.useState([]), a = _.useMemo(() => e.map((c) => Yk(c) ? c.source : c), [JSON.stringify(e)]);
+  return _.useEffect(() => {
     const c = LN(n, a, {
       additionalRoomEvents: t.updateOnlyOn,
       onlySubscribed: t.onlySubscribed
@@ -22421,7 +22421,7 @@ function aw(e = [
     JSON.stringify(t.onlySubscribed),
     JSON.stringify(t.updateOnlyOn),
     JSON.stringify(e)
-  ]), D.useMemo(() => {
+  ]), _.useMemo(() => {
     if (Jk(e)) {
       const c = KN(e, s), l = Array.from(i);
       return s.forEach((u) => {
@@ -22481,10 +22481,10 @@ const QN = (e) => {
 };
 function qN(e, t = {}) {
   var n;
-  const i = e instanceof V ? e : (n = e == null ? void 0 : e.publication) == null ? void 0 : n.track, r = { ...WN, ...t }, [s, o] = D.useState(
+  const i = e instanceof V ? e : (n = e == null ? void 0 : e.publication) == null ? void 0 : n.track, r = { ...WN, ...t }, [s, o] = _.useState(
     new Array(r.bands).fill(0)
   );
-  return D.useEffect(() => {
+  return _.useEffect(() => {
     if (!i || !(i != null && i.mediaStream))
       return;
     const { analyser: a, cleanup: c } = _T(i, r.analyserOptions), l = a.frequencyBinCount, u = new Float32Array(l), d = setInterval(() => {
@@ -22505,29 +22505,29 @@ function qN(e, t = {}) {
     };
   }, [i, i == null ? void 0 : i.mediaStream, JSON.stringify(t)]), s;
 }
-const og = /* @__PURE__ */ D.forwardRef(
+const og = /* @__PURE__ */ _.forwardRef(
   function({ label: e = "Allow Audio", ...t }, n) {
     const i = tw(), { mergedProps: r } = GN({ room: i, props: t });
-    return /* @__PURE__ */ D.createElement("button", { ref: n, ...r }, e);
+    return /* @__PURE__ */ _.createElement("button", { ref: n, ...r }, e);
   }
 );
 function cw(e, t = {}) {
-  const [n, i] = D.useState(wd(e)), [r, s] = D.useState(n == null ? void 0 : n.isMuted), [o, a] = D.useState(n == null ? void 0 : n.isSubscribed), [c, l] = D.useState(n == null ? void 0 : n.track), [u, d] = D.useState("landscape"), h = D.useRef(), { className: f, trackObserver: m } = D.useMemo(() => MN(e), [
+  const [n, i] = _.useState(wd(e)), [r, s] = _.useState(n == null ? void 0 : n.isMuted), [o, a] = _.useState(n == null ? void 0 : n.isSubscribed), [c, l] = _.useState(n == null ? void 0 : n.track), [u, d] = _.useState("landscape"), h = _.useRef(), { className: f, trackObserver: m } = _.useMemo(() => MN(e), [
     e.participant.sid ?? e.participant.identity,
     e.source,
     Hh(e) && e.publication.trackSid
   ]);
-  return D.useEffect(() => {
+  return _.useEffect(() => {
     const p = m.subscribe((v) => {
       Zi.debug("update track", v), i(v), s(v == null ? void 0 : v.isMuted), a(v == null ? void 0 : v.isSubscribed), l(v == null ? void 0 : v.track);
     });
     return () => p == null ? void 0 : p.unsubscribe();
-  }, [m]), D.useEffect(() => {
+  }, [m]), _.useEffect(() => {
     var p, v;
     return c && (h.current && c.detach(h.current), (p = t.element) != null && p.current && !(e.participant.isLocal && (c == null ? void 0 : c.kind) === "audio") && c.attach(t.element.current)), h.current = (v = t.element) == null ? void 0 : v.current, () => {
       h.current && (c == null || c.detach(h.current));
     };
-  }, [c, t.element]), D.useEffect(() => {
+  }, [c, t.element]), _.useEffect(() => {
     var p, v;
     if (typeof ((p = n == null ? void 0 : n.dimensions) == null ? void 0 : p.width) == "number" && typeof ((v = n == null ? void 0 : n.dimensions) == null ? void 0 : v.height) == "number") {
       const g = n.dimensions.width > n.dimensions.height ? "landscape" : "portrait";
@@ -22630,7 +22630,7 @@ function YN() {
 var JN = YN();
 const cg = /* @__PURE__ */ Ak(JN);
 function XN(e) {
-  const t = Xt(e);
+  const t = Jt(e);
   t.current = e, kt(
     () => () => {
       t.current();
@@ -22639,7 +22639,7 @@ function XN(e) {
   );
 }
 function ZN(e, t = 500, n) {
-  const i = Xt();
+  const i = Jt();
   XN(() => {
     i.current && i.current.cancel();
   });
@@ -22654,7 +22654,7 @@ function ZN(e, t = 500, n) {
   }, [e, t, n]), r;
 }
 function $N(e, t, n) {
-  const i = (l, u) => l === u, r = e instanceof Function ? e() : e, [s, o] = Ae(r), a = Xt(r), c = ZN(
+  const i = (l, u) => l === u, r = e instanceof Function ? e() : e, [s, o] = Ae(r), a = Jt(r), c = ZN(
     o,
     t,
     n
@@ -22673,7 +22673,7 @@ function eO({
   const [a, c] = Ae(null), [l, u] = Ae(() => ({
     isIntersecting: r,
     entry: void 0
-  })), d = Xt();
+  })), d = Jt();
   d.current = s;
   const h = ((o = l.entry) == null ? void 0 : o.isIntersecting) && i;
   kt(() => {
@@ -22701,7 +22701,7 @@ function eO({
     h,
     i
   ]);
-  const f = Xt(null);
+  const f = Jt(null);
   kt(() => {
     var p;
     !a && (p = l.entry) != null && p.target && !i && !h && f.current !== l.entry.target && (f.current = l.entry.target, u({ isIntersecting: r, entry: void 0 }));
@@ -22713,7 +22713,7 @@ function eO({
   ];
   return m.ref = m[0], m.isIntersecting = m[1], m.entry = m[2], m;
 }
-const Cc = /* @__PURE__ */ D.forwardRef(
+const Cc = /* @__PURE__ */ _.forwardRef(
   function({
     onTrackClick: e,
     onClick: t,
@@ -22722,12 +22722,12 @@ const Cc = /* @__PURE__ */ D.forwardRef(
     manageSubscription: r,
     ...s
   }, o) {
-    const a = ew(i), c = D.useRef(null);
-    D.useImperativeHandle(o, () => c.current);
+    const a = ew(i), c = _.useRef(null);
+    _.useImperativeHandle(o, () => c.current);
     const l = eO({ root: c.current }), [u] = $N(l, 3e3);
-    D.useEffect(() => {
+    _.useEffect(() => {
       r && a.publication instanceof ja && (u == null ? void 0 : u.isIntersecting) === !1 && (l == null ? void 0 : l.isIntersecting) === !1 && a.publication.setSubscribed(!1);
-    }, [u, a, r]), D.useEffect(() => {
+    }, [u, a, r]), _.useEffect(() => {
       r && a.publication instanceof ja && (l == null ? void 0 : l.isIntersecting) === !0 && a.publication.setSubscribed(!0);
     }, [l, a, r]);
     const {
@@ -22738,18 +22738,18 @@ const Cc = /* @__PURE__ */ D.forwardRef(
       element: c,
       props: s
     });
-    D.useEffect(() => {
+    _.useEffect(() => {
       n == null || n(!!f);
     }, [f, n]);
     const m = (p) => {
       t == null || t(p), e == null || e({ participant: a == null ? void 0 : a.participant, track: h });
     };
-    return /* @__PURE__ */ D.createElement("video", { ref: c, ...d, muted: !0, onClick: m });
+    return /* @__PURE__ */ _.createElement("video", { ref: c, ...d, muted: !0, onClick: m });
   }
-), lw = /* @__PURE__ */ D.forwardRef(
+), lw = /* @__PURE__ */ _.forwardRef(
   function({ trackRef: e, onSubscriptionStatusChanged: t, volume: n, ...i }, r) {
-    const s = ew(e), o = D.useRef(null);
-    D.useImperativeHandle(r, () => o.current);
+    const s = ew(e), o = _.useRef(null);
+    _.useImperativeHandle(r, () => o.current);
     const {
       elementProps: a,
       isSubscribed: c,
@@ -22759,13 +22759,13 @@ const Cc = /* @__PURE__ */ D.forwardRef(
       element: o,
       props: i
     });
-    return D.useEffect(() => {
+    return _.useEffect(() => {
       t == null || t(!!c);
-    }, [c, t]), D.useEffect(() => {
+    }, [c, t]), _.useEffect(() => {
       l === void 0 || n === void 0 || (l instanceof Qy ? l.setVolume(n) : Zi.warn("Volume can only be set on remote audio tracks."));
-    }, [n, l]), D.useEffect(() => {
+    }, [n, l]), _.useEffect(() => {
       u === void 0 || i.muted === void 0 || (u instanceof ja ? u.setEnabled(!i.muted) : Zi.warn("Can only call setEnabled on remote track publications."));
-    }, [i.muted, u, l]), /* @__PURE__ */ D.createElement("audio", { ref: o, ...a });
+    }, [i.muted, u, l]), /* @__PURE__ */ _.createElement("audio", { ref: o, ...a });
   }
 );
 function lg({ volume: e, muted: t }) {
@@ -22776,7 +22776,7 @@ function lg({ volume: e, muted: t }) {
       onlySubscribed: !0
     }
   ).filter((i) => !i.participant.isLocal && i.publication.kind === V.Kind.Audio);
-  return /* @__PURE__ */ D.createElement("div", { style: { display: "none" } }, n.map((i) => /* @__PURE__ */ D.createElement(
+  return /* @__PURE__ */ _.createElement("div", { style: { display: "none" } }, n.map((i) => /* @__PURE__ */ _.createElement(
     lw,
     {
       key: AN(i),
@@ -22802,7 +22802,7 @@ const tO = (e) => {
     } else o(e === "listening" ? ug(t) : e === void 0 || e === "speaking" ? [new Array(t).fill(0).map((c, l) => l)] : [[]]);
     r(0);
   }, [e, t]);
-  const a = Xt(null);
+  const a = Jt(null);
   return kt(() => {
     let c = performance.now();
     const l = (u) => {
@@ -22828,7 +22828,7 @@ const tO = (e) => {
         break;
     }
   return n;
-}, uw = /* @__PURE__ */ D.forwardRef(
+}, uw = /* @__PURE__ */ _.forwardRef(
   function({ state: e, options: t, barCount: n = 15, trackRef: i, children: r, ...s }, o) {
     const a = ow(s, { className: "lk-audio-bar-visualizer" });
     let c = $k();
@@ -22842,13 +22842,13 @@ const tO = (e) => {
       n,
       rO(e, n) ?? 100
     );
-    return /* @__PURE__ */ D.createElement("div", { ref: o, ...a, "data-lk-va-state": e }, l.map(
+    return /* @__PURE__ */ _.createElement("div", { ref: o, ...a, "data-lk-va-state": e }, l.map(
       (f, m) => r ? zN(r, {
         "data-lk-highlighted": h.includes(m),
         "data-lk-bar-index": m,
         className: "lk-audio-bar",
         style: { height: `${Math.min(d, Math.max(u, f * 100 + 5))}%` }
-      }) : /* @__PURE__ */ D.createElement(
+      }) : /* @__PURE__ */ _.createElement(
         "span",
         {
           key: m,
@@ -23280,12 +23280,12 @@ function wO(e, ...t) {
 const jt = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, fw = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, pw = /^\((?:(\w[\w-]*):)?(.+)\)$/i, SO = /^\d+\/\d+$/, xO = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, EO = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, CO = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, TO = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, AO = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Dr = (e) => SO.test(e), ze = (e) => !!e && !Number.isNaN(Number(e)), Ui = (e) => !!e && Number.isInteger(Number(e)), Nl = (e) => e.endsWith("%") && ze(e.slice(0, -1)), pi = (e) => xO.test(e), IO = () => !0, RO = (e) => (
+}, fw = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, pw = /^\((?:(\w[\w-]*):)?(.+)\)$/i, SO = /^\d+\/\d+$/, xO = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, EO = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, CO = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, TO = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, AO = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Dr = (e) => SO.test(e), Ve = (e) => !!e && !Number.isNaN(Number(e)), Ui = (e) => !!e && Number.isInteger(Number(e)), Nl = (e) => e.endsWith("%") && Ve(e.slice(0, -1)), pi = (e) => xO.test(e), IO = () => !0, RO = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // 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.
   EO.test(e) && !CO.test(e)
-), mw = () => !1, PO = (e) => TO.test(e), MO = (e) => AO.test(e), NO = (e) => !ve(e) && !ke(e), OO = (e) => Ts(e, yw, mw), ve = (e) => fw.test(e), lr = (e) => Ts(e, vw, RO), Ol = (e) => Ts(e, FO, ze), fg = (e) => Ts(e, gw, mw), _O = (e) => Ts(e, bw, MO), Yo = (e) => Ts(e, kw, PO), ke = (e) => pw.test(e), Vs = (e) => As(e, vw), DO = (e) => As(e, UO), pg = (e) => As(e, gw), LO = (e) => As(e, yw), BO = (e) => As(e, bw), Jo = (e) => As(e, kw, !0), Ts = (e, t, n) => {
+), mw = () => !1, PO = (e) => TO.test(e), MO = (e) => AO.test(e), NO = (e) => !ve(e) && !ke(e), OO = (e) => Ts(e, yw, mw), ve = (e) => fw.test(e), lr = (e) => Ts(e, vw, RO), Ol = (e) => Ts(e, FO, Ve), fg = (e) => Ts(e, gw, mw), _O = (e) => Ts(e, bw, MO), Yo = (e) => Ts(e, kw, PO), ke = (e) => pw.test(e), Vs = (e) => As(e, vw), DO = (e) => As(e, UO), pg = (e) => As(e, gw), LO = (e) => As(e, yw), BO = (e) => As(e, bw), Jo = (e) => As(e, kw, !0), Ts = (e, t, n) => {
   const i = fw.exec(e);
   return i ? i[1] ? t(i[1]) : n(i[2]) : !1;
 }, As = (e, t, n = !1) => {
@@ -23326,14 +23326,14 @@ const jt = (e) => {
     l,
     ke,
     ve
-  ], Z = () => ["", ze, Vs, lr], ne = () => ["solid", "dashed", "dotted", "double"], ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], re = () => [ze, Nl, pg, fg], X = () => [
+  ], Z = () => ["", Ve, Vs, lr], ne = () => ["solid", "dashed", "dotted", "double"], ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], re = () => [Ve, Nl, pg, fg], X = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     m,
     ke,
     ve
-  ], le = () => ["none", ze, ke, ve], J = () => ["none", ze, ke, ve], Pe = () => [ze, ke, ve], B = () => [Dr, "full", ...R()];
+  ], le = () => ["none", Ve, ke, ve], J = () => ["none", Ve, ke, ve], Pe = () => [Ve, ke, ve], B = () => [Dr, "full", ...R()];
   return {
     cacheSize: 500,
     theme: {
@@ -23352,7 +23352,7 @@ const jt = (e) => {
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [pi],
       shadow: [pi],
-      spacing: ["px", ze],
+      spacing: ["px", Ve],
       text: [pi],
       "text-shadow": [pi],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -23379,7 +23379,7 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [ze, ve, ke, a]
+        columns: [Ve, ve, ke, a]
       }],
       /**
        * Break After
@@ -23610,21 +23610,21 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [ze, Dr, "auto", "initial", "none", ve]
+        flex: [Ve, Dr, "auto", "initial", "none", ve]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", ze, ke, ve]
+        grow: ["", Ve, ke, ve]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", ze, ke, ve]
+        shrink: ["", Ve, ke, ve]
       }],
       /**
        * Order
@@ -24101,7 +24101,7 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [ze, "none", ke, Ol]
+        "line-clamp": [Ve, "none", ke, Ol]
       }],
       /**
        * Line Height
@@ -24174,7 +24174,7 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [ze, "from-font", "auto", ke, lr]
+        decoration: [Ve, "from-font", "auto", ke, lr]
       }],
       /**
        * Text Decoration Color
@@ -24188,7 +24188,7 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [ze, "auto", ke, ve]
+        "underline-offset": [Ve, "auto", ke, ve]
       }],
       /**
        * Text Transform
@@ -24654,14 +24654,14 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [ze, ke, ve]
+        "outline-offset": [Ve, ke, ve]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", ze, Vs, lr]
+        outline: ["", Ve, Vs, lr]
       }],
       /**
        * Outline Color
@@ -24736,7 +24736,7 @@ const jt = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [ze, lr]
+        "ring-offset": [Ve, lr]
       }],
       /**
        * Ring Offset Color
@@ -24780,7 +24780,7 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [ze, ke, ve]
+        opacity: [Ve, ke, ve]
       }],
       /**
        * Mix Blend Mode
@@ -24815,7 +24815,7 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [ze]
+        "mask-linear": [Ve]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": re()
@@ -24929,7 +24929,7 @@ const jt = (e) => {
         "mask-radial-at": w()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [ze]
+        "mask-conic": [Ve]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": re()
@@ -25020,14 +25020,14 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [ze, ke, ve]
+        brightness: [Ve, ke, ve]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [ze, ke, ve]
+        contrast: [Ve, ke, ve]
       }],
       /**
        * Drop Shadow
@@ -25055,35 +25055,35 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", ze, ke, ve]
+        grayscale: ["", Ve, ke, ve]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [ze, ke, ve]
+        "hue-rotate": [Ve, ke, ve]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", ze, ke, ve]
+        invert: ["", Ve, ke, ve]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [ze, ke, ve]
+        saturate: [Ve, ke, ve]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", ze, ke, ve]
+        sepia: ["", Ve, ke, ve]
       }],
       /**
        * Backdrop Filter
@@ -25110,56 +25110,56 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [ze, ke, ve]
+        "backdrop-brightness": [Ve, ke, ve]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [ze, ke, ve]
+        "backdrop-contrast": [Ve, ke, ve]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", ze, ke, ve]
+        "backdrop-grayscale": ["", Ve, ke, ve]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [ze, ke, ve]
+        "backdrop-hue-rotate": [Ve, ke, ve]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", ze, ke, ve]
+        "backdrop-invert": ["", Ve, ke, ve]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [ze, ke, ve]
+        "backdrop-opacity": [Ve, ke, ve]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [ze, ke, ve]
+        "backdrop-saturate": [Ve, ke, ve]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", ze, ke, ve]
+        "backdrop-sepia": ["", Ve, ke, ve]
       }],
       // --------------
       // --- Tables ---
@@ -25228,7 +25228,7 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [ze, "initial", ke, ve]
+        duration: [Ve, "initial", ke, ve]
       }],
       /**
        * Transition Timing Function
@@ -25242,7 +25242,7 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [ze, ke, ve]
+        delay: [Ve, ke, ve]
       }],
       /**
        * Animation
@@ -25686,7 +25686,7 @@ const jt = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [ze, Vs, lr, Ol]
+        stroke: [Ve, Vs, lr, Ol]
       }],
       /**
        * Stroke
@@ -25854,8 +25854,8 @@ const ww = Be.forwardRef(({
     highlighted: "bg-white",
     muted: "bg-white/30"
   }, [i]);
-  return /* @__PURE__ */ _("div", { ref: r, className: $e("", n), children: [
-    t && /* @__PURE__ */ _(Kt, { children: [
+  return /* @__PURE__ */ D("div", { ref: r, className: $e("", n), children: [
+    t && /* @__PURE__ */ D(tn, { children: [
       /* @__PURE__ */ b(lw, { ref: s, trackRef: t, volume: 1 }),
       /* @__PURE__ */ b(
         uw,
@@ -25910,7 +25910,7 @@ const QO = ({
       className: "rounded-md"
     }
   ) });
-}, WO = D.forwardRef(function({ trackRef: t, className: n, ...i }, r) {
+}, WO = _.forwardRef(function({ trackRef: t, className: n, ...i }, r) {
   var s, o;
   return /* @__PURE__ */ b("div", { ref: r, className: $e("bg-muted overflow-hidden rounded-md", n), children: /* @__PURE__ */ b(
     Cc,
@@ -25922,7 +25922,7 @@ const QO = ({
       ...i
     }
   ) });
-}), mg = Ue.create(WO), qO = Ue.create(ww), YO = Ue.create(QO), mi = {
+}), mg = je.create(WO), qO = je.create(ww), YO = je.create(QO), mi = {
   initial: {
     opacity: 0,
     scale: 0
@@ -26021,7 +26021,7 @@ function XO({ chatOpen: e, client: t, theme: n = "vox" }) {
     ...mi.animate,
     transition: m
   }, g = m, x = m, S = a && a.publication && a.participant;
-  return /* @__PURE__ */ b("div", { className: "relative w-full h-full z-10 flex items-center justify-center", children: /* @__PURE__ */ b("div", { className: "relative w-full h-full max-w-2xl px-4 md:px-0", children: /* @__PURE__ */ _("div", { className: $e(Lr.grid), children: [
+  return /* @__PURE__ */ b("div", { className: "relative w-full h-full z-10 flex items-center justify-center", children: /* @__PURE__ */ b("div", { className: "relative w-full h-full max-w-2xl px-4 md:px-0", children: /* @__PURE__ */ D("div", { className: $e(Lr.grid), children: [
     f && /* @__PURE__ */ b(
       "div",
       {
@@ -26031,7 +26031,7 @@ function XO({ chatOpen: e, client: t, theme: n = "vox" }) {
           e && h && Lr.agentChatOpenWithSecondTile,
           e && !h && Lr.agentChatOpenWithoutSecondTile
         ]),
-        children: /* @__PURE__ */ _("div", { className: "h-full flex items-center justify-center", children: [
+        children: /* @__PURE__ */ D("div", { className: "h-full flex items-center justify-center", children: [
           !S && // audio-only agent or default avatar when no video
           /* @__PURE__ */ b(
             qO,
@@ -26073,7 +26073,7 @@ function XO({ chatOpen: e, client: t, theme: n = "vox" }) {
           e && Lr.secondTileChatOpen,
           !e && Lr.secondTileChatClosed
         ]),
-        children: /* @__PURE__ */ _("div", { className: "w-full px-10 flex items-center shadow-2xl justify-between", children: [
+        children: /* @__PURE__ */ D("div", { className: "w-full px-10 flex items-center shadow-2xl justify-between", children: [
           l && u && /* @__PURE__ */ b(
             mg,
             {
@@ -26425,7 +26425,7 @@ function hn(e) {
   return gg[e] || gg.vox;
 }
 function bg({ timeout: e }) {
-  const [t, n] = Ae(100), i = Xt(null), r = Xt(null);
+  const [t, n] = Ae(100), i = Jt(null), r = Jt(null);
   return kt(() => {
     if (!e || e <= 0) return;
     n(100), r.current = Date.now();
@@ -26438,7 +26438,7 @@ function bg({ timeout: e }) {
       i.current && cancelAnimationFrame(i.current);
     };
   }, [e]), !e || e <= 0 ? null : /* @__PURE__ */ b("div", { className: "w-full h-1 relative top-1 rounded-t-4xl bg-gray-700 overflow-hidden", children: /* @__PURE__ */ b(
-    Ue.div,
+    je.div,
     {
       className: "h-1 rounded-t-4xl dark:bg-white bg-blue-200 ",
       initial: { width: "100%" },
@@ -26452,7 +26452,7 @@ function ec({ interaction: e, theme: t, onDismiss: n, client: i, addLocalMessage
   var a;
   if (!e || !e.isVisible || !e.component)
     return null;
-  const [s] = D.useState(() => Date.now()), o = () => e.component ? D.createElement(e.component, {
+  const [s] = _.useState(() => Date.now()), o = () => e.component ? _.createElement(e.component, {
     handler: e.handler || void 0,
     timeout: e.timeout,
     loadData: async (l) => {
@@ -26465,17 +26465,17 @@ function ec({ interaction: e, theme: t, onDismiss: n, client: i, addLocalMessage
   }) : /* @__PURE__ */ b("div", { className: "p-4 text-red-500", children: "Component not found" });
   switch (e.presentationMode) {
     case "fullscreen":
-      return /* @__PURE__ */ b(gs, { children: /* @__PURE__ */ _(
-        Ue.div,
+      return /* @__PURE__ */ b(gs, { children: /* @__PURE__ */ D(
+        je.div,
         {
           initial: { opacity: 0 },
           animate: { opacity: 1 },
           exit: { opacity: 0 },
           className: "fixed inset-0 z-[9999] bg-black",
           children: [
-            /* @__PURE__ */ _("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ D("div", { className: "flex flex-col", children: [
               /* @__PURE__ */ b(bg, { timeout: e.timeout }),
-              /* @__PURE__ */ _("div", { className: "flex items-center justify-between p-4 bg-black/80 text-white border-b border-gray-700", children: [
+              /* @__PURE__ */ D("div", { className: "flex items-center justify-between p-4 bg-black/80 text-white border-b border-gray-700", children: [
                 /* @__PURE__ */ b("h3", { className: "text-lg font-semibold", children: e.methodName.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()) }),
                 /* @__PURE__ */ b(
                   "button",
@@ -26494,13 +26494,13 @@ function ec({ interaction: e, theme: t, onDismiss: n, client: i, addLocalMessage
     case "embedded":
     default:
       return /* @__PURE__ */ b(gs, { children: /* @__PURE__ */ b(
-        Ue.div,
+        je.div,
         {
           initial: { opacity: 0, y: 20 },
           animate: { opacity: 1, y: 0 },
           exit: { opacity: 0, y: -20 },
           className: "w-fit rounded-lg ",
-          children: /* @__PURE__ */ _("div", { children: [
+          children: /* @__PURE__ */ D("div", { children: [
             /* @__PURE__ */ b(bg, { timeout: e.timeout }),
             o()
           ] })
@@ -26530,7 +26530,7 @@ function tc({
     return () => clearInterval(u);
   }, [s, n]), kt(() => {
     o(e), c(!1);
-  }, [e]), /* @__PURE__ */ _("div", { className: `flex items-center gap-1 text-sm ${a ? "text-red-500" : s <= 60 ? "text-orange-500" : s <= 300 ? "text-yellow-500" : t === "dark" ? "text-gray-300" : "text-gray-600"} ${i}`, children: [
+  }, [e]), /* @__PURE__ */ D("div", { className: `flex items-center gap-1 text-sm ${a ? "text-red-500" : s <= 60 ? "text-orange-500" : s <= 300 ? "text-yellow-500" : t === "dark" ? "text-gray-300" : "text-gray-600"} ${i}`, children: [
     r && /* @__PURE__ */ b(Xx, { className: "w-4 h-4" }),
     /* @__PURE__ */ b("span", { className: "font-mono", children: KO(s) }),
     a && /* @__PURE__ */ b("span", { className: "text-xs ml-1 text-red-500", children: "(Expired)" })
@@ -26595,9 +26595,9 @@ function Tc({
       n ? "opacity-50 cursor-not-allowed" : "hover:scale-105"
     );
   }, G = () => /* @__PURE__ */ b("div", { className: "w-5 h-5 animate-spin rounded-full border-2 border-current border-t-transparent" });
-  return /* @__PURE__ */ _("div", { className: ue, children: [
-    x && /* @__PURE__ */ _("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-      E && k && /* @__PURE__ */ _(Kt, { children: [
+  return /* @__PURE__ */ D("div", { className: ue, children: [
+    x && /* @__PURE__ */ D("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+      E && k && /* @__PURE__ */ D(tn, { children: [
         /* @__PURE__ */ b(
           "button",
           {
@@ -26659,7 +26659,7 @@ function Tc({
         }
       )
     ] }),
-    !x && /* @__PURE__ */ _(Kt, { children: [
+    !x && /* @__PURE__ */ D(tn, { children: [
       i && o && /* @__PURE__ */ b(
         "button",
         {
@@ -26716,10 +26716,10 @@ function Tc({
 Tc.displayName = "UnifiedControlBar";
 const i_ = ({ logLevel: e } = {}) => {
   const t = tw();
-  D.useEffect(() => (WC(e ?? "debug"), window.__lk_room = t, () => {
+  _.useEffect(() => (WC(e ?? "debug"), window.__lk_room = t, () => {
     window.__lk_room = void 0;
   }), [t, e]);
-}, Sw = D.forwardRef((e, t) => {
+}, Sw = _.forwardRef((e, t) => {
   const {
     alt: n,
     color: i = "currentColor",
@@ -26730,7 +26730,7 @@ const i_ = ({ logLevel: e } = {}) => {
     weights: c,
     ...l
   } = e;
-  return /* @__PURE__ */ D.createElement(
+  return /* @__PURE__ */ _.createElement(
     "svg",
     {
       ref: t,
@@ -26742,7 +26742,7 @@ const i_ = ({ logLevel: e } = {}) => {
       transform: o ? "scale(-1, 1)" : void 0,
       ...l
     },
-    !!n && /* @__PURE__ */ D.createElement("title", null, n),
+    !!n && /* @__PURE__ */ _.createElement("title", null, n),
     a,
     c.get(s)
   );
@@ -26751,29 +26751,29 @@ Sw.displayName = "SSRBase";
 const r_ = /* @__PURE__ */ new Map([
   [
     "bold",
-    /* @__PURE__ */ D.createElement(D.Fragment, null, /* @__PURE__ */ D.createElement("path", { d: "M140,32V64a12,12,0,0,1-24,0V32a12,12,0,0,1,24,0Zm33.25,62.75a12,12,0,0,0,8.49-3.52L204.37,68.6a12,12,0,0,0-17-17L164.77,74.26a12,12,0,0,0,8.48,20.49ZM224,116H192a12,12,0,0,0,0,24h32a12,12,0,0,0,0-24Zm-42.26,48.77a12,12,0,1,0-17,17l22.63,22.63a12,12,0,0,0,17-17ZM128,180a12,12,0,0,0-12,12v32a12,12,0,0,0,24,0V192A12,12,0,0,0,128,180ZM74.26,164.77,51.63,187.4a12,12,0,0,0,17,17l22.63-22.63a12,12,0,1,0-17-17ZM76,128a12,12,0,0,0-12-12H32a12,12,0,0,0,0,24H64A12,12,0,0,0,76,128ZM68.6,51.63a12,12,0,1,0-17,17L74.26,91.23a12,12,0,0,0,17-17Z" }))
+    /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement("path", { d: "M140,32V64a12,12,0,0,1-24,0V32a12,12,0,0,1,24,0Zm33.25,62.75a12,12,0,0,0,8.49-3.52L204.37,68.6a12,12,0,0,0-17-17L164.77,74.26a12,12,0,0,0,8.48,20.49ZM224,116H192a12,12,0,0,0,0,24h32a12,12,0,0,0,0-24Zm-42.26,48.77a12,12,0,1,0-17,17l22.63,22.63a12,12,0,0,0,17-17ZM128,180a12,12,0,0,0-12,12v32a12,12,0,0,0,24,0V192A12,12,0,0,0,128,180ZM74.26,164.77,51.63,187.4a12,12,0,0,0,17,17l22.63-22.63a12,12,0,1,0-17-17ZM76,128a12,12,0,0,0-12-12H32a12,12,0,0,0,0,24H64A12,12,0,0,0,76,128ZM68.6,51.63a12,12,0,1,0-17,17L74.26,91.23a12,12,0,0,0,17-17Z" }))
   ],
   [
     "duotone",
-    /* @__PURE__ */ D.createElement(D.Fragment, null, /* @__PURE__ */ D.createElement("path", { d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z", opacity: "0.2" }), /* @__PURE__ */ D.createElement("path", { d: "M136,32V64a8,8,0,0,1-16,0V32a8,8,0,0,1,16,0Zm37.25,58.75a8,8,0,0,0,5.66-2.35l22.63-22.62a8,8,0,0,0-11.32-11.32L167.6,77.09a8,8,0,0,0,5.65,13.66ZM224,120H192a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16Zm-45.09,47.6a8,8,0,0,0-11.31,11.31l22.62,22.63a8,8,0,0,0,11.32-11.32ZM128,184a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V192A8,8,0,0,0,128,184ZM77.09,167.6,54.46,190.22a8,8,0,0,0,11.32,11.32L88.4,178.91A8,8,0,0,0,77.09,167.6ZM72,128a8,8,0,0,0-8-8H32a8,8,0,0,0,0,16H64A8,8,0,0,0,72,128ZM65.78,54.46A8,8,0,0,0,54.46,65.78L77.09,88.4A8,8,0,0,0,88.4,77.09Z" }))
+    /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement("path", { d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z", opacity: "0.2" }), /* @__PURE__ */ _.createElement("path", { d: "M136,32V64a8,8,0,0,1-16,0V32a8,8,0,0,1,16,0Zm37.25,58.75a8,8,0,0,0,5.66-2.35l22.63-22.62a8,8,0,0,0-11.32-11.32L167.6,77.09a8,8,0,0,0,5.65,13.66ZM224,120H192a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16Zm-45.09,47.6a8,8,0,0,0-11.31,11.31l22.62,22.63a8,8,0,0,0,11.32-11.32ZM128,184a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V192A8,8,0,0,0,128,184ZM77.09,167.6,54.46,190.22a8,8,0,0,0,11.32,11.32L88.4,178.91A8,8,0,0,0,77.09,167.6ZM72,128a8,8,0,0,0-8-8H32a8,8,0,0,0,0,16H64A8,8,0,0,0,72,128ZM65.78,54.46A8,8,0,0,0,54.46,65.78L77.09,88.4A8,8,0,0,0,88.4,77.09Z" }))
   ],
   [
     "fill",
-    /* @__PURE__ */ D.createElement(D.Fragment, null, /* @__PURE__ */ D.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm33.94,58.75,17-17a8,8,0,0,1,11.32,11.32l-17,17a8,8,0,0,1-11.31-11.31ZM48,136a8,8,0,0,1,0-16H72a8,8,0,0,1,0,16Zm46.06,37.25-17,17a8,8,0,0,1-11.32-11.32l17-17a8,8,0,0,1,11.31,11.31Zm0-79.19a8,8,0,0,1-11.31,0l-17-17A8,8,0,0,1,77.09,65.77l17,17A8,8,0,0,1,94.06,94.06ZM136,208a8,8,0,0,1-16,0V184a8,8,0,0,1,16,0Zm0-136a8,8,0,0,1-16,0V48a8,8,0,0,1,16,0Zm54.23,118.23a8,8,0,0,1-11.32,0l-17-17a8,8,0,0,1,11.31-11.31l17,17A8,8,0,0,1,190.23,190.23ZM208,136H184a8,8,0,0,1,0-16h24a8,8,0,0,1,0,16Z" }))
+    /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm33.94,58.75,17-17a8,8,0,0,1,11.32,11.32l-17,17a8,8,0,0,1-11.31-11.31ZM48,136a8,8,0,0,1,0-16H72a8,8,0,0,1,0,16Zm46.06,37.25-17,17a8,8,0,0,1-11.32-11.32l17-17a8,8,0,0,1,11.31,11.31Zm0-79.19a8,8,0,0,1-11.31,0l-17-17A8,8,0,0,1,77.09,65.77l17,17A8,8,0,0,1,94.06,94.06ZM136,208a8,8,0,0,1-16,0V184a8,8,0,0,1,16,0Zm0-136a8,8,0,0,1-16,0V48a8,8,0,0,1,16,0Zm54.23,118.23a8,8,0,0,1-11.32,0l-17-17a8,8,0,0,1,11.31-11.31l17,17A8,8,0,0,1,190.23,190.23ZM208,136H184a8,8,0,0,1,0-16h24a8,8,0,0,1,0,16Z" }))
   ],
   [
     "light",
-    /* @__PURE__ */ D.createElement(D.Fragment, null, /* @__PURE__ */ D.createElement("path", { d: "M134,32V64a6,6,0,0,1-12,0V32a6,6,0,0,1,12,0Zm39.25,56.75A6,6,0,0,0,177.5,87l22.62-22.63a6,6,0,0,0-8.48-8.48L169,78.5a6,6,0,0,0,4.24,10.25ZM224,122H192a6,6,0,0,0,0,12h32a6,6,0,0,0,0-12Zm-46.5,47A6,6,0,0,0,169,177.5l22.63,22.62a6,6,0,0,0,8.48-8.48ZM128,186a6,6,0,0,0-6,6v32a6,6,0,0,0,12,0V192A6,6,0,0,0,128,186ZM78.5,169,55.88,191.64a6,6,0,1,0,8.48,8.48L87,177.5A6,6,0,1,0,78.5,169ZM70,128a6,6,0,0,0-6-6H32a6,6,0,0,0,0,12H64A6,6,0,0,0,70,128ZM64.36,55.88a6,6,0,0,0-8.48,8.48L78.5,87A6,6,0,1,0,87,78.5Z" }))
+    /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement("path", { d: "M134,32V64a6,6,0,0,1-12,0V32a6,6,0,0,1,12,0Zm39.25,56.75A6,6,0,0,0,177.5,87l22.62-22.63a6,6,0,0,0-8.48-8.48L169,78.5a6,6,0,0,0,4.24,10.25ZM224,122H192a6,6,0,0,0,0,12h32a6,6,0,0,0,0-12Zm-46.5,47A6,6,0,0,0,169,177.5l22.63,22.62a6,6,0,0,0,8.48-8.48ZM128,186a6,6,0,0,0-6,6v32a6,6,0,0,0,12,0V192A6,6,0,0,0,128,186ZM78.5,169,55.88,191.64a6,6,0,1,0,8.48,8.48L87,177.5A6,6,0,1,0,78.5,169ZM70,128a6,6,0,0,0-6-6H32a6,6,0,0,0,0,12H64A6,6,0,0,0,70,128ZM64.36,55.88a6,6,0,0,0-8.48,8.48L78.5,87A6,6,0,1,0,87,78.5Z" }))
   ],
   [
     "regular",
-    /* @__PURE__ */ D.createElement(D.Fragment, null, /* @__PURE__ */ D.createElement("path", { d: "M136,32V64a8,8,0,0,1-16,0V32a8,8,0,0,1,16,0Zm37.25,58.75a8,8,0,0,0,5.66-2.35l22.63-22.62a8,8,0,0,0-11.32-11.32L167.6,77.09a8,8,0,0,0,5.65,13.66ZM224,120H192a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16Zm-45.09,47.6a8,8,0,0,0-11.31,11.31l22.62,22.63a8,8,0,0,0,11.32-11.32ZM128,184a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V192A8,8,0,0,0,128,184ZM77.09,167.6,54.46,190.22a8,8,0,0,0,11.32,11.32L88.4,178.91A8,8,0,0,0,77.09,167.6ZM72,128a8,8,0,0,0-8-8H32a8,8,0,0,0,0,16H64A8,8,0,0,0,72,128ZM65.78,54.46A8,8,0,0,0,54.46,65.78L77.09,88.4A8,8,0,0,0,88.4,77.09Z" }))
+    /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement("path", { d: "M136,32V64a8,8,0,0,1-16,0V32a8,8,0,0,1,16,0Zm37.25,58.75a8,8,0,0,0,5.66-2.35l22.63-22.62a8,8,0,0,0-11.32-11.32L167.6,77.09a8,8,0,0,0,5.65,13.66ZM224,120H192a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16Zm-45.09,47.6a8,8,0,0,0-11.31,11.31l22.62,22.63a8,8,0,0,0,11.32-11.32ZM128,184a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V192A8,8,0,0,0,128,184ZM77.09,167.6,54.46,190.22a8,8,0,0,0,11.32,11.32L88.4,178.91A8,8,0,0,0,77.09,167.6ZM72,128a8,8,0,0,0-8-8H32a8,8,0,0,0,0,16H64A8,8,0,0,0,72,128ZM65.78,54.46A8,8,0,0,0,54.46,65.78L77.09,88.4A8,8,0,0,0,88.4,77.09Z" }))
   ],
   [
     "thin",
-    /* @__PURE__ */ D.createElement(D.Fragment, null, /* @__PURE__ */ D.createElement("path", { d: "M132,32V64a4,4,0,0,1-8,0V32a4,4,0,0,1,8,0Zm41.25,54.75a4,4,0,0,0,2.83-1.18L198.71,63a4,4,0,0,0-5.66-5.66L170.43,79.92a4,4,0,0,0,2.82,6.83ZM224,124H192a4,4,0,0,0,0,8h32a4,4,0,0,0,0-8Zm-47.92,46.43a4,4,0,1,0-5.65,5.65l22.62,22.63a4,4,0,0,0,5.66-5.66ZM128,188a4,4,0,0,0-4,4v32a4,4,0,0,0,8,0V192A4,4,0,0,0,128,188ZM79.92,170.43,57.29,193.05A4,4,0,0,0,63,198.71l22.62-22.63a4,4,0,1,0-5.65-5.65ZM68,128a4,4,0,0,0-4-4H32a4,4,0,0,0,0,8H64A4,4,0,0,0,68,128ZM63,57.29A4,4,0,0,0,57.29,63L79.92,85.57a4,4,0,1,0,5.65-5.65Z" }))
+    /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement("path", { d: "M132,32V64a4,4,0,0,1-8,0V32a4,4,0,0,1,8,0Zm41.25,54.75a4,4,0,0,0,2.83-1.18L198.71,63a4,4,0,0,0-5.66-5.66L170.43,79.92a4,4,0,0,0,2.82,6.83ZM224,124H192a4,4,0,0,0,0,8h32a4,4,0,0,0,0-8Zm-47.92,46.43a4,4,0,1,0-5.65,5.65l22.62,22.63a4,4,0,0,0,5.66-5.66ZM128,188a4,4,0,0,0-4,4v32a4,4,0,0,0,8,0V192A4,4,0,0,0,128,188ZM79.92,170.43,57.29,193.05A4,4,0,0,0,63,198.71l22.62-22.63a4,4,0,1,0-5.65-5.65ZM68,128a4,4,0,0,0-4-4H32a4,4,0,0,0,0,8H64A4,4,0,0,0,68,128ZM63,57.29A4,4,0,0,0,57.29,63L79.92,85.57a4,4,0,1,0,5.65-5.65Z" }))
   ]
-]), nc = D.forwardRef((e, t) => /* @__PURE__ */ D.createElement(Sw, { ref: t, ...e, weights: r_ }));
+]), nc = _.forwardRef((e, t) => /* @__PURE__ */ _.createElement(Sw, { ref: t, ...e, weights: r_ }));
 nc.displayName = "SpinnerIcon";
 function s_({
   text: e,
@@ -26781,8 +26781,8 @@ function s_({
   isRealTimeStream: n = !1,
   speed: i = 50
 }) {
-  const [r, s] = D.useState(""), [o, a] = D.useState(0);
-  return D.useEffect(() => {
+  const [r, s] = _.useState(""), [o, a] = _.useState(0);
+  return _.useEffect(() => {
     if (n) {
       s(e);
       return;
@@ -26797,12 +26797,12 @@ function s_({
       }, i);
       return () => clearTimeout(c);
     }
-  }, [e, o, t, i, n]), D.useEffect(() => {
+  }, [e, o, t, i, n]), _.useEffect(() => {
     n || (a(0), s(""));
-  }, [e, n]), /* @__PURE__ */ _("span", { className: "relative", children: [
+  }, [e, n]), /* @__PURE__ */ D("span", { className: "relative", children: [
     /* @__PURE__ */ b("span", { className: "inline-block", children: r }),
     !t && /* @__PURE__ */ b("span", { className: "inline-flex items-center ml-1", children: [0, 1, 2].map((c) => /* @__PURE__ */ b(
-      Ue.span,
+      je.span,
       {
         className: "w-1.5 h-1.5 bg-current rounded-full mx-0.5",
         animate: {
@@ -26831,8 +26831,8 @@ function a_(e) {
   return parseFloat((e / Math.pow(t, i)).toFixed(2)) + " " + n[i];
 }
 function c_({ message: e, theme: t, isOwn: n }) {
-  const i = hn(t), r = e.metadata, s = (r == null ? void 0 : r.fileName) || "Unknown file", o = (r == null ? void 0 : r.fileSize) || 0, a = (r == null ? void 0 : r.mimeType) || "application/octet-stream", c = r == null ? void 0 : r.downloading, l = r == null ? void 0 : r.uploading, u = (r == null ? void 0 : r.downloadProgress) || 0, d = (r == null ? void 0 : r.uploadProgress) || 0, h = r == null ? void 0 : r.downloadUrl, f = r == null ? void 0 : r.file, m = o_(a), p = c || l, v = c ? u : d, g = c ? "Downloading..." : l ? "Uploading..." : "Complete", [x, S] = D.useState(null);
-  D.useEffect(() => {
+  const i = hn(t), r = e.metadata, s = (r == null ? void 0 : r.fileName) || "Unknown file", o = (r == null ? void 0 : r.fileSize) || 0, a = (r == null ? void 0 : r.mimeType) || "application/octet-stream", c = r == null ? void 0 : r.downloading, l = r == null ? void 0 : r.uploading, u = (r == null ? void 0 : r.downloadProgress) || 0, d = (r == null ? void 0 : r.uploadProgress) || 0, h = r == null ? void 0 : r.downloadUrl, f = r == null ? void 0 : r.file, m = o_(a), p = c || l, v = c ? u : d, g = c ? "Downloading..." : l ? "Uploading..." : "Complete", [x, S] = _.useState(null);
+  _.useEffect(() => {
     if (h)
       S(h);
     else if (f && a.startsWith("image/")) {
@@ -26847,8 +26847,8 @@ function c_({ message: e, theme: t, isOwn: n }) {
       P.href = h, P.download = s, P.click();
     }
   }, E = a.startsWith("image/") && x;
-  return /* @__PURE__ */ _("div", { className: "flex flex-col gap-2 max-w-full sm:max-w-sm", children: [
-    E && /* @__PURE__ */ _("div", { className: "relative rounded-lg overflow-hidden", children: [
+  return /* @__PURE__ */ D("div", { className: "flex flex-col gap-2 max-w-full sm:max-w-sm", children: [
+    E && /* @__PURE__ */ D("div", { className: "relative rounded-lg overflow-hidden", children: [
       /* @__PURE__ */ b(
         "img",
         {
@@ -26860,7 +26860,7 @@ function c_({ message: e, theme: t, isOwn: n }) {
       ),
       /* @__PURE__ */ b("div", { className: "absolute inset-0 bg-black/0 hover:bg-black/10 transition-colors duration-200 cursor-pointer" })
     ] }),
-    /* @__PURE__ */ _("div", { className: `
+    /* @__PURE__ */ D("div", { className: `
         flex items-center gap-3 p-3 rounded-lg border transition-all duration-200
         ${t === "light" ? "bg-gray-50 border-gray-200 hover:bg-gray-100" : "bg-gray-800/50 border-gray-700 hover:bg-gray-700/50"}
       `, children: [
@@ -26868,11 +26868,11 @@ function c_({ message: e, theme: t, isOwn: n }) {
           p-2 rounded-lg flex-shrink-0
           ${t === "light" ? "bg-blue-100 text-blue-600" : "bg-blue-900/50 text-blue-400"}
         `, children: /* @__PURE__ */ b(m, { className: "w-5 h-5" }) }),
-      /* @__PURE__ */ _("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ D("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ b("div", { className: `font-medium text-sm truncate ${i.text.primary}`, children: s }),
-        /* @__PURE__ */ _("div", { className: `text-xs ${i.text.muted}`, children: [
+        /* @__PURE__ */ D("div", { className: `text-xs ${i.text.muted}`, children: [
           o > 0 && a_(o),
-          p && /* @__PURE__ */ _(Kt, { children: [
+          p && /* @__PURE__ */ D(tn, { children: [
             o > 0 && " • ",
             g,
             " ",
@@ -26884,7 +26884,7 @@ function c_({ message: e, theme: t, isOwn: n }) {
               w-full h-1 rounded-full mt-1 overflow-hidden
               ${t === "light" ? "bg-gray-200" : "bg-gray-700"}
             `, children: /* @__PURE__ */ b(
-          Ue.div,
+          je.div,
           {
             className: `h-full ${t === "light" ? "bg-blue-500" : "bg-blue-400"}`,
             initial: { width: 0 },
@@ -26894,7 +26894,7 @@ function c_({ message: e, theme: t, isOwn: n }) {
         ) })
       ] }),
       h && !p && /* @__PURE__ */ b(
-        Ue.button,
+        je.button,
         {
           onClick: w,
           whileHover: { scale: 1.05 },
@@ -26945,7 +26945,7 @@ function l_(e) {
           ...r,
           children: i
         }
-      ) : /* @__PURE__ */ _("div", { className: "my-3", children: [
+      ) : /* @__PURE__ */ D("div", { className: "my-3", children: [
         o && /* @__PURE__ */ b("div", { className: `px-3 py-1 text-xs font-medium rounded-t-md ${e === "dark" ? "bg-gray-900 text-gray-300 border-b border-gray-700" : "bg-gray-50 text-gray-600 border-b border-gray-200"}`, children: o }),
         /* @__PURE__ */ b(
           "pre",
@@ -26957,7 +26957,7 @@ function l_(e) {
         )
       ] });
     },
-    pre: ({ children: t, ...n }) => /* @__PURE__ */ b(Kt, { children: t }),
+    pre: ({ children: t, ...n }) => /* @__PURE__ */ b(tn, { children: t }),
     ul: (t) => /* @__PURE__ */ b("ul", { className: "list-disc pl-5 my-2 space-y-1", ...t }),
     ol: (t) => /* @__PURE__ */ b("ol", { className: "list-decimal pl-5 my-2 space-y-1", ...t }),
     li: (t) => /* @__PURE__ */ b("li", { className: "leading-relaxed", ...t }),
@@ -31086,7 +31086,7 @@ function nL(e) {
       image: s(Ne),
       label: o,
       link: s(Ce),
-      listItem: s(Wt),
+      listItem: s(Qt),
       listItemValue: h,
       listOrdered: s(Mt, d),
       listUnordered: s(Mt),
@@ -31206,16 +31206,16 @@ function nL(e) {
   function r(Q, ae, Re) {
     let Ge = ae - 1, Xe = -1, cn = !1, Vn, xn, fn, Nn;
     for (; ++Ge <= Re; ) {
-      const Zt = Q[Ge];
-      switch (Zt[1].type) {
+      const Xt = Q[Ge];
+      switch (Xt[1].type) {
         case "listUnordered":
         case "listOrdered":
         case "blockQuote": {
-          Zt[0] === "enter" ? Xe++ : Xe--, Nn = void 0;
+          Xt[0] === "enter" ? Xe++ : Xe--, Nn = void 0;
           break;
         }
         case "lineEndingBlank": {
-          Zt[0] === "enter" && (Vn && !Nn && !Xe && !fn && (fn = Ge), Nn = void 0);
+          Xt[0] === "enter" && (Vn && !Nn && !Xe && !fn && (fn = Ge), Nn = void 0);
           break;
         }
         case "linePrefix":
@@ -31227,27 +31227,27 @@ function nL(e) {
         default:
           Nn = void 0;
       }
-      if (!Xe && Zt[0] === "enter" && Zt[1].type === "listItemPrefix" || Xe === -1 && Zt[0] === "exit" && (Zt[1].type === "listUnordered" || Zt[1].type === "listOrdered")) {
+      if (!Xe && Xt[0] === "enter" && Xt[1].type === "listItemPrefix" || Xe === -1 && Xt[0] === "exit" && (Xt[1].type === "listUnordered" || Xt[1].type === "listOrdered")) {
         if (Vn) {
           let Zn = Ge;
           for (xn = void 0; Zn--; ) {
-            const $t = Q[Zn];
-            if ($t[1].type === "lineEnding" || $t[1].type === "lineEndingBlank") {
-              if ($t[0] === "exit") continue;
-              xn && (Q[xn][1].type = "lineEndingBlank", cn = !0), $t[1].type = "lineEnding", xn = Zn;
-            } else if (!($t[1].type === "linePrefix" || $t[1].type === "blockQuotePrefix" || $t[1].type === "blockQuotePrefixWhitespace" || $t[1].type === "blockQuoteMarker" || $t[1].type === "listItemIndent")) break;
+            const Zt = Q[Zn];
+            if (Zt[1].type === "lineEnding" || Zt[1].type === "lineEndingBlank") {
+              if (Zt[0] === "exit") continue;
+              xn && (Q[xn][1].type = "lineEndingBlank", cn = !0), Zt[1].type = "lineEnding", xn = Zn;
+            } else if (!(Zt[1].type === "linePrefix" || Zt[1].type === "blockQuotePrefix" || Zt[1].type === "blockQuotePrefixWhitespace" || Zt[1].type === "blockQuoteMarker" || Zt[1].type === "listItemIndent")) break;
           }
-          fn && (!xn || fn < xn) && (Vn._spread = !0), Vn.end = Object.assign({}, xn ? Q[xn][1].start : Zt[1].end), Q.splice(xn || Ge, 0, ["exit", Vn, Zt[2]]), Ge++, Re++;
+          fn && (!xn || fn < xn) && (Vn._spread = !0), Vn.end = Object.assign({}, xn ? Q[xn][1].start : Xt[1].end), Q.splice(xn || Ge, 0, ["exit", Vn, Xt[2]]), Ge++, Re++;
         }
-        if (Zt[1].type === "listItemPrefix") {
+        if (Xt[1].type === "listItemPrefix") {
           const Zn = {
             type: "listItem",
             _spread: !1,
-            start: Object.assign({}, Zt[1].start),
+            start: Object.assign({}, Xt[1].start),
             // @ts-expect-error: we’ll add `end` in a second.
             end: void 0
           };
-          Vn = Zn, Q.splice(Ge, 0, ["enter", Zn, Zt[2]]), Ge++, Re++, fn = void 0, Nn = !0;
+          Vn = Zn, Q.splice(Ge, 0, ["enter", Zn, Xt[2]]), Ge++, Re++, fn = void 0, Nn = !0;
         }
       }
     }
@@ -31536,7 +31536,7 @@ function nL(e) {
       children: []
     };
   }
-  function Wt(Q) {
+  function Qt(Q) {
     return {
       type: "listItem",
       spread: Q._spread,
@@ -33729,11 +33729,11 @@ function TB(e, t) {
   for (const u of SB)
     Object.hasOwn(t, u.from) && ("" + u.from + (u.to ? "use `" + u.to + "` instead" : "remove it") + kB + u.id, void 0);
   return Nc(e, l), z_(e, {
-    Fragment: Kt,
+    Fragment: tn,
     components: r,
     ignoreInvalidStyle: !0,
     jsx: b,
-    jsxs: _,
+    jsxs: D,
     passKeys: !0,
     passNode: !0
   });
@@ -49072,11 +49072,11 @@ function b4() {
     function mt(Nt, Se) {
       j && (Se = Se.map((ye) => ye.toLowerCase())), Se.forEach(function(ye) {
         const De = ye.split("|");
-        ge[De[0]] = [Nt, Wt(De[0], De[1])];
+        ge[De[0]] = [Nt, Qt(De[0], De[1])];
       });
     }
   }
-  function Wt(A, j) {
+  function Qt(A, j) {
     return j ? Number(j) : lt(A) ? 0 : 1;
   }
   function lt(A) {
@@ -49146,8 +49146,8 @@ function b4() {
         const De = this.matcherRe.exec(ye);
         if (!De)
           return null;
-        const qt = De.findIndex((Ns, Kc) => Kc > 0 && Ns !== void 0), Lt = this.matchIndexes[qt];
-        return De.splice(0, qt), Object.assign(De, Lt);
+        const Wt = De.findIndex((Ns, Kc) => Kc > 0 && Ns !== void 0), Lt = this.matchIndexes[Wt];
+        return De.splice(0, Wt), Object.assign(De, Lt);
       }
     }
     class ge {
@@ -49158,7 +49158,7 @@ function b4() {
       getMatcher(ye) {
         if (this.multiRegexes[ye]) return this.multiRegexes[ye];
         const De = new te();
-        return this.rules.slice(ye).forEach(([qt, Lt]) => De.addRule(qt, Lt)), De.compile(), this.multiRegexes[ye] = De, De;
+        return this.rules.slice(ye).forEach(([Wt, Lt]) => De.addRule(Wt, Lt)), De.compile(), this.multiRegexes[ye] = De, De;
       }
       resumingScanAtSamePosition() {
         return this.regexIndex !== 0;
@@ -49174,12 +49174,12 @@ function b4() {
       exec(ye) {
         const De = this.getMatcher(this.regexIndex);
         De.lastIndex = this.lastIndex;
-        let qt = De.exec(ye);
-        if (this.resumingScanAtSamePosition() && !(qt && qt.index === this.lastIndex)) {
+        let Wt = De.exec(ye);
+        if (this.resumingScanAtSamePosition() && !(Wt && Wt.index === this.lastIndex)) {
           const Lt = this.getMatcher(0);
-          Lt.lastIndex = this.lastIndex + 1, qt = Lt.exec(ye);
+          Lt.lastIndex = this.lastIndex + 1, Wt = Lt.exec(ye);
         }
-        return qt && (this.regexIndex += qt.position + 1, this.regexIndex === this.count && this.considerAll()), qt;
+        return Wt && (this.regexIndex += Wt.position + 1, this.regexIndex === this.count && this.considerAll()), Wt;
       }
     }
     function mt(Se) {
@@ -49207,8 +49207,8 @@ function b4() {
         // default to 1 relevance if not specified
         pe
       ].forEach((Lt) => Lt(Se, ye)), Se.isCompiled = !0;
-      let qt = null;
-      return typeof Se.keywords == "object" && Se.keywords.$pattern && (Se.keywords = Object.assign({}, Se.keywords), qt = Se.keywords.$pattern, delete Se.keywords.$pattern), qt = qt || /\w+/, Se.keywords && (Se.keywords = Mt(Se.keywords, A.case_insensitive)), De.keywordPatternRe = j(qt, !0), ye && (Se.begin || (Se.begin = /\B|\b/), De.beginRe = j(De.begin), !Se.end && !Se.endsWithParent && (Se.end = /\B|\b/), Se.end && (De.endRe = j(De.end)), De.terminatorEnd = d(De.end) || "", Se.endsWithParent && ye.terminatorEnd && (De.terminatorEnd += (Se.end ? "|" : "") + ye.terminatorEnd)), Se.illegal && (De.illegalRe = j(
+      let Wt = null;
+      return typeof Se.keywords == "object" && Se.keywords.$pattern && (Se.keywords = Object.assign({}, Se.keywords), Wt = Se.keywords.$pattern, delete Se.keywords.$pattern), Wt = Wt || /\w+/, Se.keywords && (Se.keywords = Mt(Se.keywords, A.case_insensitive)), De.keywordPatternRe = j(Wt, !0), ye && (Se.begin || (Se.begin = /\B|\b/), De.beginRe = j(De.begin), !Se.end && !Se.endsWithParent && (Se.end = /\B|\b/), Se.end && (De.endRe = j(De.end)), De.terminatorEnd = d(De.end) || "", Se.endsWithParent && ye.terminatorEnd && (De.terminatorEnd += (Se.end ? "|" : "") + ye.terminatorEnd)), Se.illegal && (De.illegalRe = j(
         /** @type {RegExp | string} */
         Se.illegal
       )), Se.contains || (Se.contains = []), Se.contains = [].concat(...Se.contains.map(function(Lt) {
@@ -49236,13 +49236,13 @@ function b4() {
       return i(A, { variants: null }, j);
     })), A.cachedVariants ? A.cachedVariants : fn(A) ? i(A, { starts: A.starts ? i(A.starts) : null }) : Object.isFrozen(A) ? i(A) : A;
   }
-  var Zt = "11.11.1";
+  var Xt = "11.11.1";
   class Zn extends Error {
     constructor(j, te) {
       super(j), this.name = "HTMLInjectionError", this.html = te;
     }
   }
-  const $t = n, Pr = i, Mr = Symbol("nomatch"), Ms = 7, or = function(A) {
+  const Zt = n, Pr = i, Mr = Symbol("nomatch"), Ms = 7, or = function(A) {
     const j = /* @__PURE__ */ Object.create(null), te = /* @__PURE__ */ Object.create(null), ge = [];
     let mt = !0;
     const Nt = "Could not find the language '{}', did you forget to load/include a language module?", Se = { disableAutodetect: !0, name: "Plain text", contains: [] };
@@ -49261,7 +49261,7 @@ function b4() {
     function De(ce) {
       return ye.noHighlightRe.test(ce);
     }
-    function qt(ce) {
+    function Wt(ce) {
       let Te = ce.className + " ";
       Te += ce.parentNode ? ce.parentNode.className : "";
       const We = ye.languageDetectRe.exec(Te);
@@ -49290,66 +49290,66 @@ https://github.com/highlightjs/highlight.js/issues/2277`), zt = ce, gt = Te), We
       }
       function Li() {
         if (!Le.keywords) {
-          en.addText(bt);
+          $t.addText(bt);
           return;
         }
         let me = 0;
         Le.keywordPatternRe.lastIndex = 0;
-        let xe = Le.keywordPatternRe.exec(bt), Ve = "";
+        let xe = Le.keywordPatternRe.exec(bt), Ue = "";
         for (; xe; ) {
-          Ve += bt.substring(me, xe.index);
+          Ue += bt.substring(me, xe.index);
           const nt = ei.case_insensitive ? xe[0].toLowerCase() : xe[0], rn = zn(Le, nt);
           if (rn) {
             const [fi, Ux] = rn;
-            if (en.addText(Ve), Ve = "", zt[nt] = (zt[nt] || 0) + 1, zt[nt] <= Ms && (Vo += Ux), fi.startsWith("_"))
-              Ve += xe[0];
+            if ($t.addText(Ue), Ue = "", zt[nt] = (zt[nt] || 0) + 1, zt[nt] <= Ms && (Vo += Ux), fi.startsWith("_"))
+              Ue += xe[0];
             else {
               const Vx = ei.classNameAliases[fi] || fi;
               $n(xe[0], Vx);
             }
           } else
-            Ve += xe[0];
+            Ue += xe[0];
           me = Le.keywordPatternRe.lastIndex, xe = Le.keywordPatternRe.exec(bt);
         }
-        Ve += bt.substring(me), en.addText(Ve);
+        Ue += bt.substring(me), $t.addText(Ue);
       }
       function Fo() {
         if (bt === "") return;
         let me = null;
         if (typeof Le.subLanguage == "string") {
           if (!j[Le.subLanguage]) {
-            en.addText(bt);
+            $t.addText(bt);
             return;
           }
           me = Ns(Le.subLanguage, bt, !0, _f[Le.subLanguage]), _f[Le.subLanguage] = /** @type {CompiledMode} */
           me._top;
         } else
           me = Qc(bt, Le.subLanguage.length ? Le.subLanguage : null);
-        Le.relevance > 0 && (Vo += me.relevance), en.__addSublanguage(me._emitter, me.language);
+        Le.relevance > 0 && (Vo += me.relevance), $t.__addSublanguage(me._emitter, me.language);
       }
       function En() {
         Le.subLanguage != null ? Fo() : Li(), bt = "";
       }
       function $n(me, xe) {
-        me !== "" && (en.startScope(xe), en.addText(me), en.endScope());
+        me !== "" && ($t.startScope(xe), $t.addText(me), $t.endScope());
       }
       function Pf(me, xe) {
-        let Ve = 1;
+        let Ue = 1;
         const nt = xe.length - 1;
-        for (; Ve <= nt; ) {
-          if (!me._emit[Ve]) {
-            Ve++;
+        for (; Ue <= nt; ) {
+          if (!me._emit[Ue]) {
+            Ue++;
             continue;
           }
-          const rn = ei.classNameAliases[me[Ve]] || me[Ve], fi = xe[Ve];
-          rn ? $n(fi, rn) : (bt = fi, Li(), bt = ""), Ve++;
+          const rn = ei.classNameAliases[me[Ue]] || me[Ue], fi = xe[Ue];
+          rn ? $n(fi, rn) : (bt = fi, Li(), bt = ""), Ue++;
         }
       }
       function Mf(me, xe) {
-        return me.scope && typeof me.scope == "string" && en.openNode(ei.classNameAliases[me.scope] || me.scope), me.beginScope && (me.beginScope._wrap ? ($n(bt, ei.classNameAliases[me.beginScope._wrap] || me.beginScope._wrap), bt = "") : me.beginScope._multi && (Pf(me.beginScope, xe), bt = "")), Le = Object.create(me, { parent: { value: Le } }), Le;
+        return me.scope && typeof me.scope == "string" && $t.openNode(ei.classNameAliases[me.scope] || me.scope), me.beginScope && (me.beginScope._wrap ? ($n(bt, ei.classNameAliases[me.beginScope._wrap] || me.beginScope._wrap), bt = "") : me.beginScope._multi && (Pf(me.beginScope, xe), bt = "")), Le = Object.create(me, { parent: { value: Le } }), Le;
       }
-      function Nf(me, xe, Ve) {
-        let nt = S(me.endRe, Ve);
+      function Nf(me, xe, Ue) {
+        let nt = S(me.endRe, Ue);
         if (nt) {
           if (me["on:end"]) {
             const rn = new t(me);
@@ -49362,26 +49362,26 @@ https://github.com/highlightjs/highlight.js/issues/2277`), zt = ce, gt = Te), We
           }
         }
         if (me.endsWithParent)
-          return Nf(me.parent, xe, Ve);
+          return Nf(me.parent, xe, Ue);
       }
       function _x(me) {
         return Le.matcher.regexIndex === 0 ? (bt += me[0], 1) : (Jc = !0, 0);
       }
       function Dx(me) {
-        const xe = me[0], Ve = me.rule, nt = new t(Ve), rn = [Ve.__beforeBegin, Ve["on:begin"]];
+        const xe = me[0], Ue = me.rule, nt = new t(Ue), rn = [Ue.__beforeBegin, Ue["on:begin"]];
         for (const fi of rn)
           if (fi && (fi(me, nt), nt.isMatchIgnored))
             return _x(xe);
-        return Ve.skip ? bt += xe : (Ve.excludeBegin && (bt += xe), En(), !Ve.returnBegin && !Ve.excludeBegin && (bt = xe)), Mf(Ve, me), Ve.returnBegin ? 0 : xe.length;
+        return Ue.skip ? bt += xe : (Ue.excludeBegin && (bt += xe), En(), !Ue.returnBegin && !Ue.excludeBegin && (bt = xe)), Mf(Ue, me), Ue.returnBegin ? 0 : xe.length;
       }
       function Lx(me) {
-        const xe = me[0], Ve = Te.substring(me.index), nt = Nf(Le, me, Ve);
+        const xe = me[0], Ue = Te.substring(me.index), nt = Nf(Le, me, Ue);
         if (!nt)
           return Mr;
         const rn = Le;
         Le.endScope && Le.endScope._wrap ? (En(), $n(xe, Le.endScope._wrap)) : Le.endScope && Le.endScope._multi ? (En(), Pf(Le.endScope, me)) : rn.skip ? bt += xe : (rn.returnEnd || rn.excludeEnd || (bt += xe), En(), rn.excludeEnd && (bt = xe));
         do
-          Le.scope && en.closeNode(), !Le.skip && !Le.subLanguage && (Vo += Le.relevance), Le = Le.parent;
+          Le.scope && $t.closeNode(), !Le.skip && !Le.subLanguage && (Vo += Le.relevance), Le = Le.parent;
         while (Le !== nt.parent);
         return nt.starts && Mf(nt.starts, me), rn.returnEnd ? 0 : xe.length;
       }
@@ -49389,14 +49389,14 @@ https://github.com/highlightjs/highlight.js/issues/2277`), zt = ce, gt = Te), We
         const me = [];
         for (let xe = Le; xe !== ei; xe = xe.parent)
           xe.scope && me.unshift(xe.scope);
-        me.forEach((xe) => en.openNode(xe));
+        me.forEach((xe) => $t.openNode(xe));
       }
       let Uo = {};
       function Of(me, xe) {
-        const Ve = xe && xe[0];
-        if (bt += me, Ve == null)
+        const Ue = xe && xe[0];
+        if (bt += me, Ue == null)
           return En(), 0;
-        if (Uo.type === "begin" && xe.type === "end" && Uo.index === xe.index && Ve === "") {
+        if (Uo.type === "begin" && xe.type === "end" && Uo.index === xe.index && Ue === "") {
           if (bt += Te.slice(xe.index, xe.index + 1), !mt) {
             const nt = new Error(`0 width match regex (${ce})`);
             throw nt.languageName = ce, nt.badRule = Uo.rule, nt;
@@ -49406,54 +49406,54 @@ https://github.com/highlightjs/highlight.js/issues/2277`), zt = ce, gt = Te), We
         if (Uo = xe, xe.type === "begin")
           return Dx(xe);
         if (xe.type === "illegal" && !We) {
-          const nt = new Error('Illegal lexeme "' + Ve + '" for mode "' + (Le.scope || "<unnamed>") + '"');
+          const nt = new Error('Illegal lexeme "' + Ue + '" for mode "' + (Le.scope || "<unnamed>") + '"');
           throw nt.mode = Le, nt;
         } else if (xe.type === "end") {
           const nt = Lx(xe);
           if (nt !== Mr)
             return nt;
         }
-        if (xe.type === "illegal" && Ve === "")
+        if (xe.type === "illegal" && Ue === "")
           return bt += `
 `, 1;
         if (Yc > 1e5 && Yc > xe.index * 3)
           throw new Error("potential infinite loop, way more iterations than matches");
-        return bt += Ve, Ve.length;
+        return bt += Ue, Ue.length;
       }
       const ei = Di(ce);
       if (!ei)
         throw Vt(Nt.replace("{}", ce)), new Error('Unknown language: "' + ce + '"');
       const Fx = xn(ei);
       let qc = "", Le = gt || Fx;
-      const _f = {}, en = new ye.__emitter(ye);
+      const _f = {}, $t = new ye.__emitter(ye);
       Bx();
       let bt = "", Vo = 0, ar = 0, Yc = 0, Jc = !1;
       try {
         if (ei.__emitTokens)
-          ei.__emitTokens(Te, en);
+          ei.__emitTokens(Te, $t);
         else {
           for (Le.matcher.considerAll(); ; ) {
             Yc++, Jc ? Jc = !1 : Le.matcher.considerAll(), Le.matcher.lastIndex = ar;
             const me = Le.matcher.exec(Te);
             if (!me) break;
-            const xe = Te.substring(ar, me.index), Ve = Of(xe, me);
-            ar = me.index + Ve;
+            const xe = Te.substring(ar, me.index), Ue = Of(xe, me);
+            ar = me.index + Ue;
           }
           Of(Te.substring(ar));
         }
-        return en.finalize(), qc = en.toHTML(), {
+        return $t.finalize(), qc = $t.toHTML(), {
           language: ce,
           value: qc,
           relevance: Vo,
           illegal: !1,
-          _emitter: en,
+          _emitter: $t,
           _top: Le
         };
       } catch (me) {
         if (me.message && me.message.includes("Illegal"))
           return {
             language: ce,
-            value: $t(Te),
+            value: Zt(Te),
             illegal: !0,
             relevance: 0,
             _illegalBy: {
@@ -49463,16 +49463,16 @@ https://github.com/highlightjs/highlight.js/issues/2277`), zt = ce, gt = Te), We
               mode: me.mode,
               resultSoFar: qc
             },
-            _emitter: en
+            _emitter: $t
           };
         if (mt)
           return {
             language: ce,
-            value: $t(Te),
+            value: Zt(Te),
             illegal: !1,
             relevance: 0,
             errorRaised: me,
-            _emitter: en,
+            _emitter: $t,
             _top: Le
           };
         throw me;
@@ -49480,7 +49480,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), zt = ce, gt = Te), We
     }
     function Kc(ce) {
       const Te = {
-        value: $t(ce),
+        value: Zt(ce),
         illegal: !1,
         relevance: 0,
         _top: Se,
@@ -49512,7 +49512,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), zt = ce, gt = Te), We
     }
     function Wc(ce) {
       let Te = null;
-      const We = qt(ce);
+      const We = Wt(ce);
       if (De(We)) return;
       if (Bo(
         "before:highlightElement",
@@ -49641,7 +49641,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), zt = ce, gt = Te), We
       mt = !1;
     }, A.safeMode = function() {
       mt = !0;
-    }, A.versionString = Zt, A.regex = {
+    }, A.versionString = Xt, A.regex = {
       concat: p,
       lookahead: h,
       either: g,
@@ -49899,11 +49899,11 @@ function C4(e) {
 }
 function T4({ message: e, theme: t, isOwn: n, isStreaming: i = !1 }) {
   var l, u;
-  const r = hn(t), s = e.sender.name ? e.sender.name.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2) : "U", o = D.useMemo(() => {
+  const r = hn(t), s = e.sender.name ? e.sender.name.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2) : "U", o = _.useMemo(() => {
     var d, h;
     return ((d = e == null ? void 0 : e.metadata) == null ? void 0 : d.format) === "markdown" || ((h = e == null ? void 0 : e.metadata) == null ? void 0 : h.markdown) === !0 || d_(e.content);
-  }, [e.content, e.metadata]), a = D.useMemo(() => o ? h_(e.content) : e.content, [e.content, o]), c = D.useMemo(() => l_(t), [t]);
-  return /* @__PURE__ */ b("div", { className: `flex w-full ${n ? "justify-end" : "justify-start"} mb-4 px-3`, children: /* @__PURE__ */ _("div", { className: `relative group ${n ? "flex-row-reverse" : "flex-row"} flex items-end gap-3 w-full min-w-0`, children: [
+  }, [e.content, e.metadata]), a = _.useMemo(() => o ? h_(e.content) : e.content, [e.content, o]), c = _.useMemo(() => l_(t), [t]);
+  return /* @__PURE__ */ b("div", { className: `flex w-full ${n ? "justify-end" : "justify-start"} mb-4 px-3`, children: /* @__PURE__ */ D("div", { className: `relative group ${n ? "flex-row-reverse" : "flex-row"} flex items-end gap-3 w-full min-w-0`, children: [
     /* @__PURE__ */ b(
       "div",
       {
@@ -49911,7 +49911,7 @@ function T4({ message: e, theme: t, isOwn: n, isStreaming: i = !1 }) {
         children: s
       }
     ),
-    /* @__PURE__ */ _(
+    /* @__PURE__ */ D(
       "div",
       {
         className: `
@@ -49950,7 +49950,7 @@ function T4({ message: e, theme: t, isOwn: n, isStreaming: i = !1 }) {
 }
 function A4({ theme: e }) {
   const t = hn(e);
-  return /* @__PURE__ */ b("div", { className: "flex w-full justify-start mb-4 px-1", children: /* @__PURE__ */ _("div", { className: "relative group flex-row flex items-end gap-3 max-w-[85%] min-w-0", children: [
+  return /* @__PURE__ */ b("div", { className: "flex w-full justify-start mb-4 px-1", children: /* @__PURE__ */ D("div", { className: "relative group flex-row flex items-end gap-3 max-w-[85%] min-w-0", children: [
     /* @__PURE__ */ b(
       "div",
       {
@@ -49966,10 +49966,10 @@ function A4({ theme: e }) {
             ${t.chatMessage.other}
             transition-all duration-200
           `,
-        children: /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ _("div", { className: "flex items-center space-x-1", children: [
+        children: /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ D("div", { className: "flex items-center space-x-1", children: [
           /* @__PURE__ */ b("span", { className: `text-sm ${e === "light" ? "text-gray-600" : "text-gray-400"}`, children: "Thinking" }),
           [0, 1, 2].map((n) => /* @__PURE__ */ b(
-            Ue.div,
+            je.div,
             {
               className: `w-1 h-1 rounded-full ${e === "light" ? "bg-gray-400" : "bg-gray-500"}`,
               animate: {
@@ -49993,29 +49993,29 @@ function A4({ theme: e }) {
   ] }) });
 }
 function I4() {
-  return /* @__PURE__ */ _("div", { className: "max-w-xs mx-auto bg-green-50 border border-green-200 rounded-lg shadow p-3 flex flex-col items-center", children: [
+  return /* @__PURE__ */ D("div", { className: "max-w-xs mx-auto bg-green-50 border border-green-200 rounded-lg shadow p-3 flex flex-col items-center", children: [
     /* @__PURE__ */ b("div", { className: "text-2xl mb-2", children: "✅" }),
     /* @__PURE__ */ b("div", { className: "text-green-700 font-semibold text-sm mb-1", children: "Success!" }),
     /* @__PURE__ */ b("div", { className: "text-xs text-gray-600 text-center mb-1", children: "Your action was completed successfully." })
   ] });
 }
 function R4() {
-  return /* @__PURE__ */ _("div", { className: "flex items-center gap-2 text-orange-600 dark:text-orange-400", children: [
+  return /* @__PURE__ */ D("div", { className: "flex items-center gap-2 text-orange-600 dark:text-orange-400", children: [
     /* @__PURE__ */ b("span", { className: "text-lg", children: "⏰" }),
     /* @__PURE__ */ b("span", { className: "text-sm font-medium", children: "Request timed out" })
   ] });
 }
 function P4({ toolData: e }) {
-  return /* @__PURE__ */ _("div", { className: "flex items-center text-blue-600 dark:text-blue-400", children: [
+  return /* @__PURE__ */ D("div", { className: "flex items-center text-blue-600 dark:text-blue-400", children: [
     /* @__PURE__ */ b("span", { className: "text-lg", children: "🛠️" }),
     /* @__PURE__ */ b("span", { className: "text-sm font-medium", children: "Tool executed" })
   ] });
 }
 function M4(e) {
-  const [t, n] = D.useState(() => e && typeof e.getChatMessages == "function" ? e.getChatMessages() : []), [i, r] = D.useState(() => {
+  const [t, n] = _.useState(() => e && typeof e.getChatMessages == "function" ? e.getChatMessages() : []), [i, r] = _.useState(() => {
     const l = e && typeof e.getCurrentSession == "function" && !!e.getCurrentSession(), u = e && typeof e.getChatMessages == "function" && e.getChatMessages().length > 0;
     return !l && !u;
-  }), [s, o] = D.useState(/* @__PURE__ */ new Set()), [a, c] = D.useState([]);
+  }), [s, o] = _.useState(/* @__PURE__ */ new Set()), [a, c] = _.useState([]);
   return {
     messages: t,
     setMessages: n,
@@ -50028,8 +50028,8 @@ function M4(e) {
   };
 }
 function N4(e) {
-  const [t, n] = D.useState("idle"), [i, r] = D.useState([]);
-  return D.useEffect(() => {
+  const [t, n] = _.useState("idle"), [i, r] = _.useState([]);
+  return _.useEffect(() => {
     (() => {
       const u = e.getAgentState();
       n(u || "idle");
@@ -50048,8 +50048,8 @@ function N4(e) {
   };
 }
 function O4(e) {
-  const [t, n] = D.useState(() => e.getCurrentInteraction());
-  return D.useEffect(() => {
+  const [t, n] = _.useState(() => e.getCurrentInteraction());
+  return _.useEffect(() => {
     const i = e.getCurrentInteraction();
     i ? (console.log("ChatView: Restoring interaction state on mount/client change:", i.methodName), n(i)) : n(null);
   }, [e]), {
@@ -50058,7 +50058,7 @@ function O4(e) {
   };
 }
 function _4() {
-  const e = D.useRef(null), [t, n] = D.useState(!0), i = D.useCallback((a = !1) => {
+  const e = _.useRef(null), [t, n] = _.useState(!0), i = _.useCallback((a = !1) => {
     if (e.current) {
       const c = e.current;
       a ? c.scrollTop = c.scrollHeight : c.scrollTo({
@@ -50066,16 +50066,16 @@ function _4() {
         behavior: "smooth"
       });
     }
-  }, []), r = D.useCallback(() => {
+  }, []), r = _.useCallback(() => {
     if (e.current) {
       const { scrollTop: a, scrollHeight: c, clientHeight: l } = e.current;
       return c - a - l < 100;
     }
     return !0;
-  }, []), s = D.useCallback(() => {
+  }, []), s = _.useCallback(() => {
     const a = r();
     n(a);
-  }, [r]), o = D.useCallback((a = !1) => {
+  }, [r]), o = _.useCallback((a = !1) => {
     t && i(a);
   }, [t, i]);
   return {
@@ -50088,8 +50088,8 @@ function _4() {
   };
 }
 function D4() {
-  const [e, t] = D.useState(!1), [n, i] = D.useState(!1);
-  return D.useEffect(() => {
+  const [e, t] = _.useState(!1), [n, i] = _.useState(!1);
+  return _.useEffect(() => {
     const r = () => {
       const s = navigator.userAgent.toLowerCase(), a = ["android", "iphone", "ipad", "mobile", "tablet"].some((d) => s.includes(d)), c = "ontouchstart" in window || navigator.maxTouchPoints > 0, l = window.innerWidth <= 768, u = a || c && l;
       t(u), u && i(!0);
@@ -50110,13 +50110,13 @@ function mf({
   onEndChat: s,
   showTimer: o = !0
 }) {
-  const a = D.useMemo(() => {
+  const a = _.useMemo(() => {
     const B = e.getCurrentAgentInfo();
     return Wh(B);
-  }, [e]), { suggestedReplyEnabled: c, attachmentsEnabled: l } = D.useMemo(
+  }, [e]), { suggestedReplyEnabled: c, attachmentsEnabled: l } = _.useMemo(
     () => GO(a),
     [a]
-  ), u = D.useMemo(
+  ), u = _.useMemo(
     () => qh(a),
     [a]
   ), {
@@ -50134,11 +50134,11 @@ function mf({
     smartScrollToBottom: M,
     handleScroll: y,
     scrollToBottom: I
-  } = _4(), { isMobile: N, isFullscreen: L, setIsFullscreen: U } = D4(), [q, ue] = D.useState(/* @__PURE__ */ new Set()), [se, G] = D.useState([]), H = hn(t);
-  D.useEffect(() => (L && N && (document.body.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.width = "100%", document.body.style.height = "100%", document.documentElement.requestFullscreen && document.documentElement.requestFullscreen().catch(console.log)), () => {
+  } = _4(), { isMobile: N, isFullscreen: L, setIsFullscreen: U } = D4(), [q, ue] = _.useState(/* @__PURE__ */ new Set()), [se, G] = _.useState([]), H = hn(t);
+  _.useEffect(() => (L && N && (document.body.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.width = "100%", document.body.style.height = "100%", document.documentElement.requestFullscreen && document.documentElement.requestFullscreen().catch(console.log)), () => {
     L && N && (document.body.style.overflow = "unset", document.body.style.position = "unset", document.body.style.width = "unset", document.body.style.height = "unset", document.fullscreenElement && document.exitFullscreen().catch(console.log));
   }), [L, N]);
-  const C = e.getCurrentAgentInfo(), K = (C == null ? void 0 : C.name) || "AI Assistant", Y = K.split(" ").map((B) => B[0]).join("").toUpperCase().slice(0, 2), T = D.useCallback((B) => {
+  const C = e.getCurrentAgentInfo(), K = (C == null ? void 0 : C.name) || "AI Assistant", Y = K.split(" ").map((B) => B[0]).join("").toUpperCase().slice(0, 2), T = _.useCallback((B) => {
     const de = {
       id: `local_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
       content: B,
@@ -50155,7 +50155,7 @@ function mf({
     };
     h((Me) => [...Me, de]);
   }, [h]);
-  D.useEffect(() => {
+  _.useEffect(() => {
     if (P && d.length > 0) {
       M(!0);
       const B = setTimeout(() => {
@@ -50163,7 +50163,7 @@ function mf({
       }, 10);
       return () => clearTimeout(B);
     }
-  }, [d.length, M, P]), D.useEffect(() => {
+  }, [d.length, M, P]), _.useEffect(() => {
     if (w && P) {
       M(!0);
       const B = setTimeout(() => {
@@ -50171,7 +50171,7 @@ function mf({
       }, 50);
       return () => clearTimeout(B);
     }
-  }, [w, M, P]), D.useEffect(() => {
+  }, [w, M, P]), _.useEffect(() => {
     S.forEach((B) => {
       const de = `${B.created_at}-${B.type}`;
       q.has(de) || (console.log("Processing tool execution:", de), ue((Me) => new Set(Me).add(de)), setTimeout(() => {
@@ -50201,7 +50201,7 @@ function mf({
         }, 0);
       }, 100));
     });
-  }, [S, q, h, P, M]), D.useEffect(() => {
+  }, [S, q, h, P, M]), _.useEffect(() => {
     const B = (we) => {
       if (console.log("ChatView: Received message:", we), f(!1), w && we.sender.type === "agent") {
         console.log("ChatView: Queuing agent message due to active interaction:", w.methodName), g((pe) => [...pe, we]);
@@ -50215,8 +50215,8 @@ function mf({
           const Ce = we.content.length * 35 + 1e3;
           setTimeout(() => {
             p((Mt) => {
-              const Wt = new Set(Mt);
-              return Wt.delete(we.id), Wt;
+              const Qt = new Set(Mt);
+              return Qt.delete(we.id), Qt;
             });
           }, Ce);
         }
@@ -50251,7 +50251,7 @@ function mf({
     return e.on("chat.message.received", B), e.on("chat.message.updated", de), e.on("chat.message.sent", Me), () => {
       e.off("chat.message.received", B), e.off("chat.message.updated", de), e.off("chat.message.sent", Me);
     };
-  }, [e, w, P, M, f, h, p, g]), D.useEffect(() => {
+  }, [e, w, P, M, f, h, p, g]), _.useEffect(() => {
     const B = (pe) => {
       console.log("ChatView: RPC interaction started:", pe);
       const Ee = e.getCurrentInteraction();
@@ -50262,8 +50262,8 @@ function mf({
       if (console.log("ChatView: RPC interaction completed:", pe), k(null), v.length > 0 && (console.log("ChatView: Processing", v.length, "queued messages"), h((Ee) => {
         const Ne = [...Ee];
         return v.forEach((Ce) => {
-          var Wt;
-          if (!Ne.some((lt) => lt.id === Ce.id) && (console.log("ChatView: Adding queued message:", Ce.id), Ne.push(Ce), Ce.sender.type === "agent" && (p((lt) => new Set(lt).add(Ce.id)), !((Wt = Ce.metadata) != null && Wt.streaming)))) {
+          var Qt;
+          if (!Ne.some((lt) => lt.id === Ce.id) && (console.log("ChatView: Adding queued message:", Ce.id), Ne.push(Ce), Ce.sender.type === "agent" && (p((lt) => new Set(lt).add(Ce.id)), !((Qt = Ce.metadata) != null && Qt.streaming)))) {
             const lt = Ce.content.length * 35 + 1e3;
             setTimeout(() => {
               p((be) => {
@@ -50281,7 +50281,7 @@ function mf({
           const Ce = [...Ne].reverse().findIndex((be) => be.sender.type === "participant");
           let Mt = Ne.length;
           Ce !== -1 && (Mt = Ne.length - Ce);
-          const Wt = {
+          const Qt = {
             id: `success_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
             content: "",
             timestamp: /* @__PURE__ */ new Date(),
@@ -50295,9 +50295,9 @@ function mf({
               view: Ee || /* @__PURE__ */ b(I4, {})
             }
           };
-          e && typeof e.addChatMessage == "function" && e.addChatMessage(Wt);
+          e && typeof e.addChatMessage == "function" && e.addChatMessage(Qt);
           const lt = [...Ne];
-          return lt.splice(Mt, 0, Wt), lt;
+          return lt.splice(Mt, 0, Qt), lt;
         });
       }
     }, Me = async (pe) => {
@@ -50342,8 +50342,8 @@ function mf({
       console.log("ChatView: RPC interaction dismissed:", pe), console.log("ChatView: Current interaction before dismiss:", w == null ? void 0 : w.methodName), k(null), v.length > 0 && (console.log("ChatView: Processing", v.length, "queued messages after dismissal"), h((Ee) => {
         const Ne = [...Ee];
         return v.forEach((Ce) => {
-          var Wt;
-          if (!Ne.some((lt) => lt.id === Ce.id) && (Ne.push(Ce), Ce.sender.type === "agent" && (p((lt) => new Set(lt).add(Ce.id)), !((Wt = Ce.metadata) != null && Wt.streaming)))) {
+          var Qt;
+          if (!Ne.some((lt) => lt.id === Ce.id) && (Ne.push(Ce), Ce.sender.type === "agent" && (p((lt) => new Set(lt).add(Ce.id)), !((Qt = Ce.metadata) != null && Qt.streaming)))) {
             const lt = Ce.content.length * 35 + 1e3;
             setTimeout(() => {
               p((be) => {
@@ -50363,7 +50363,7 @@ function mf({
     return e.on("rpc.interaction.started", B), e.on("rpc.interaction.completed", de), e.on("rpc.interaction.timeout", Me), e.on("rpc.interaction.dismissed", we), () => {
       e.off("rpc.interaction.started", B), e.off("rpc.interaction.completed", de), e.off("rpc.interaction.timeout", Me), e.off("rpc.interaction.dismissed", we);
     };
-  }, [e, P, M, K, v, w, k, h, p, g]), D.useEffect(() => {
+  }, [e, P, M, K, v, w, k, h, p, g]), _.useEffect(() => {
     console.log("ChatView: Display type changed to:", r, "Current interaction:", (w == null ? void 0 : w.methodName) || "none");
   }, [r, w]);
   const Z = async (B) => {
@@ -50379,7 +50379,7 @@ function mf({
       console.error("Failed to send attachments:", de);
     }
   };
-  D.useEffect(() => {
+  _.useEffect(() => {
     const B = (de) => {
       G(Array.isArray(de) ? de : ["tes", "hello how are you", "algebra make me learn that ", "what is the meaning of life"]);
     };
@@ -50390,9 +50390,9 @@ function mf({
   const ie = L && N ? "fullscreen" : r, re = ie === "fullscreen" ? L && N ? `fixed inset-0 z-[9999] flex flex-col h-[100svh] min-h-0 ${H.main}` : "flex flex-col h-full w-full max-w-none" : "flex flex-col h-full w-full backdrop-blur-sm max-h-full overflow-hidden contain-layout", X = ie === "fullscreen" ? L && N ? `flex items-center w-full justify-between px-3 h-11 ${H.chatHeader.container} border-b` : `flex items-center w-full justify-between px-5 h-12 border-b ${H.chatHeader.container}` : `flex items-center w-full justify-between px-4 h-12 border-b ${H.chatHeader.container}`, le = ie === "fullscreen" ? L && N ? "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide p-4 w-full max-w-none chat-scrollable min-h-0" : "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide p-6 w-full max-w-none chat-scrollable min-h-0" : "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide w-full p-4 chat-scrollable min-h-0", J = "flex-shrink-0 !w-full", Pe = () => {
     U(!1), n && n();
   };
-  return /* @__PURE__ */ _("div", { className: `${re} relative`, children: [
-    /* @__PURE__ */ b("div", { className: X, children: /* @__PURE__ */ _("div", { className: "flex items-center justify-between w-full", children: [
-      /* @__PURE__ */ _("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ D("div", { className: `${re} relative`, children: [
+    /* @__PURE__ */ b("div", { className: X, children: /* @__PURE__ */ D("div", { className: "flex items-center justify-between w-full", children: [
+      /* @__PURE__ */ D("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ b(
           "h3",
           {
@@ -50415,14 +50415,14 @@ function mf({
         }
       ) }),
       n && /* @__PURE__ */ b(
-        Ue.button,
+        je.button,
         {
           onClick: Pe,
           whileHover: { scale: 1.05 },
           whileTap: { scale: 0.95 },
           className: `p-1.5 rounded-md transition-all duration-200 ${L && N ? "hover:bg-white/10 text-white/70 hover:text-white" : t === "light" ? "hover:bg-gray-100 text-gray-400 hover:text-gray-600" : "hover:bg-gray-700/40 text-gray-400 hover:text-gray-200"}`,
           "aria-label": "Close chat",
-          children: /* @__PURE__ */ _(
+          children: /* @__PURE__ */ D(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -50455,9 +50455,9 @@ function mf({
           overscrollBehavior: "contain"
         },
         onScroll: y,
-        children: d.length === 0 ? /* @__PURE__ */ _("div", { className: "flex flex-col items-center justify-center h-full text-center py-12", children: [
+        children: d.length === 0 ? /* @__PURE__ */ D("div", { className: "flex flex-col items-center justify-center h-full text-center py-12", children: [
           /* @__PURE__ */ b(
-            Ue.div,
+            je.div,
             {
               animate: {
                 scale: [1, 1.05, 1]
@@ -50471,17 +50471,17 @@ function mf({
               children: Y
             }
           ),
-          /* @__PURE__ */ _("p", { className: `text-base mb-2 ${L && N ? "text-white" : H.text.secondary}`, children: [
+          /* @__PURE__ */ D("p", { className: `text-base mb-2 ${L && N ? "text-white" : H.text.secondary}`, children: [
             K,
             " is joining..."
           ] }),
           /* @__PURE__ */ b("p", { className: `text-xs ${L && N ? "text-gray-300" : H.text.muted}`, children: "Your conversation will begin shortly" })
-        ] }) : /* @__PURE__ */ b("div", { className: "w-full space-y-3 py-4 px-3", children: /* @__PURE__ */ _("div", { className: "space-y-3", children: [
+        ] }) : /* @__PURE__ */ b("div", { className: "w-full space-y-3 py-4 px-3", children: /* @__PURE__ */ D("div", { className: "space-y-3", children: [
           d.map((B, de) => {
             var Me, we, pe, Ee;
-            return /* @__PURE__ */ b("div", { children: ((Me = B.metadata) == null ? void 0 : Me.type) === "successView" ? /* @__PURE__ */ b("div", { className: "flex w-full justify-end mb-4 px-3", children: /* @__PURE__ */ _("div", { className: "relative group flex-row-reverse flex items-end gap-3 w-full min-w-0", children: [
+            return /* @__PURE__ */ b("div", { children: ((Me = B.metadata) == null ? void 0 : Me.type) === "successView" ? /* @__PURE__ */ b("div", { className: "flex w-full justify-end mb-4 px-3", children: /* @__PURE__ */ D("div", { className: "relative group flex-row-reverse flex items-end gap-3 w-full min-w-0", children: [
               /* @__PURE__ */ b(
-                Ue.div,
+                je.div,
                 {
                   initial: { scale: 0 },
                   animate: { scale: 1 },
@@ -50490,34 +50490,34 @@ function mf({
                   children: Y
                 }
               ),
-              /* @__PURE__ */ _("div", { className: `flex h-full flex-col justify-between border px-3 py-2 rounded-2xl shadow-lg backdrop-bl-sm message-bubble rounded-br-md message-hover border-gray-200 dark:border-gray-700 ${H.chatMessage.own} min-w-0 max-w-[85%] break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
+              /* @__PURE__ */ D("div", { className: `flex h-full flex-col justify-between border px-3 py-2 rounded-2xl shadow-lg backdrop-bl-sm message-bubble rounded-br-md message-hover border-gray-200 dark:border-gray-700 ${H.chatMessage.own} min-w-0 max-w-[85%] break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
                 B.metadata.view,
                 /* @__PURE__ */ b("div", { className: `text-xs ${H.text.muted} mt-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200`, children: B.timestamp.toLocaleTimeString([], {
                   hour: "2-digit",
                   minute: "2-digit"
                 }) })
               ] })
-            ] }) }) : ((we = B.metadata) == null ? void 0 : we.type) === "timeoutView" ? /* @__PURE__ */ b("div", { className: "flex w-full justify-start mb-4 px-3", children: /* @__PURE__ */ _("div", { className: "relative group flex-row flex items-end gap-3 w-full min-w-0", children: [
+            ] }) }) : ((we = B.metadata) == null ? void 0 : we.type) === "timeoutView" ? /* @__PURE__ */ b("div", { className: "flex w-full justify-start mb-4 px-3", children: /* @__PURE__ */ D("div", { className: "relative group flex-row flex items-end gap-3 w-full min-w-0", children: [
               /* @__PURE__ */ b("div", { className: `w-6 h-6 rounded-full flex items-center justify-center text-white text-xs font-semibold flex-shrink-0 shadow-lg ${t === "light" ? "bg-gradient-to-br from-blue-500 to-purple-600" : "bg-gradient-to-br from-gray-600 to_gray-700"}`, children: Y }),
-              /* @__PURE__ */ _("div", { className: `flex h-full flex-col justify-between border px-3 py-2 rounded-2xl shadow-lg backdrop-bl-sm message-bubble rounded-bl-md message-hover border-gray-200 dark:border-gray-700 ${H.chatMessage.other} min-w-0 max-w-[85%] break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
+              /* @__PURE__ */ D("div", { className: `flex h-full flex-col justify-between border px-3 py-2 rounded-2xl shadow-lg backdrop-bl-sm message-bubble rounded-bl-md message-hover border-gray-200 dark:border-gray-700 ${H.chatMessage.other} min-w-0 max-w-[85%] break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
                 B.metadata.view,
                 /* @__PURE__ */ b("div", { className: `text-xs ${H.text.muted} mt-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200`, children: B.timestamp.toLocaleTimeString([], {
                   hour: "2-digit",
                   minute: "2-digit"
                 }) })
               ] })
-            ] }) }) : ((pe = B.metadata) == null ? void 0 : pe.type) === "visualization" ? /* @__PURE__ */ b("div", { className: "flex w-full justify-start mb-4 px-3", children: /* @__PURE__ */ _("div", { className: "relative group flex-row flex items-end gap-3 w-full min-w-0", children: [
+            ] }) }) : ((pe = B.metadata) == null ? void 0 : pe.type) === "visualization" ? /* @__PURE__ */ b("div", { className: "flex w-full justify-start mb-4 px-3", children: /* @__PURE__ */ D("div", { className: "relative group flex-row flex items-end gap-3 w-full min-w-0", children: [
               /* @__PURE__ */ b("div", { className: `w-6 h-6 rounded-full flex items-center justify-center text-white text-xs font-semibold flex-shrink-0 shadow-lg ${t === "light" ? "bg-gradient-to-br from-blue-500 to-purple-600" : "bg-gradient-to-br from-gray-600 to_gray-700"}`, children: Y }),
-              /* @__PURE__ */ _("div", { className: `flex h-full flex-col justify-between border px-3 py-2 rounded-2xl shadow-lg backdrop-bl-sm message-bubble rounded-bl-md message-hover border-gray-200 dark:border-gray-700 ${H.chatMessage.other} min-w-0 max-w-[85%] break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
+              /* @__PURE__ */ D("div", { className: `flex h-full flex-col justify-between border px-3 py-2 rounded-2xl shadow-lg backdrop-bl-sm message-bubble rounded-bl-md message-hover border-gray-200 dark:border-gray-700 ${H.chatMessage.other} min-w-0 max-w-[85%] break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
                 B.metadata.view,
                 /* @__PURE__ */ b("div", { className: `text-xs ${H.text.muted} mt-1 opacity-70 transition-opacity duration-200`, children: B.timestamp.toLocaleTimeString([], {
                   hour: "2-digit",
                   minute: "2-digit"
                 }) })
               ] })
-            ] }) }) : ((Ee = B.metadata) == null ? void 0 : Ee.type) === "toolExecution" ? /* @__PURE__ */ b("div", { className: "flex w-full justify-start mb-4 px-3", children: /* @__PURE__ */ _("div", { className: "relative group flex-row flex items-end gap-3 w-full min-w-0", children: [
+            ] }) }) : ((Ee = B.metadata) == null ? void 0 : Ee.type) === "toolExecution" ? /* @__PURE__ */ b("div", { className: "flex w-full justify-start mb-4 px-3", children: /* @__PURE__ */ D("div", { className: "relative group flex-row flex items-end gap-3 w-full min-w-0", children: [
               /* @__PURE__ */ b("div", { className: `w-6 h-6 rounded-full flex items-center justify-center text-white text-xs font-semibold flex-shrink-0 shadow-lg ${t === "light" ? "bg-gradient-to-br from-blue-500 to-purple-600" : "bg-gradient-to-br from-gray-600 to_gray-700"}`, children: Y }),
-              /* @__PURE__ */ _("div", { className: `flex h-full flex-col justify-between border px-3 py-2 rounded-2xl shadow-lg backdrop-bl-sm message-bubble rounded-bl-md message-hover border-gray-200 dark:border-gray-700 ${H.chatMessage.other} min-w-0 max-w-[85%] break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
+              /* @__PURE__ */ D("div", { className: `flex h-full flex-col justify-between border px-3 py-2 rounded-2xl shadow-lg backdrop-bl-sm message-bubble rounded-bl-md message-hover border-gray-200 dark:border-gray-700 ${H.chatMessage.other} min-w-0 max-w-[85%] break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
                 B.metadata.view,
                 /* @__PURE__ */ b("div", { className: `text-xs ${H.text.muted} mt-1 opacity-70 transition-opacity duration-200`, children: B.timestamp.toLocaleTimeString([], {
                   hour: "2-digit",
@@ -50535,7 +50535,7 @@ function mf({
             ) }, B.id);
           }),
           x === "thinking" && !w && /* @__PURE__ */ b(
-            Ue.div,
+            je.div,
             {
               initial: { opacity: 0, y: 20 },
               animate: { opacity: 1, y: 0 },
@@ -50544,9 +50544,9 @@ function mf({
               children: /* @__PURE__ */ b(A4, { theme: t })
             }
           ),
-          w && w.presentationMode === "embedded" && /* @__PURE__ */ _("div", { className: "relative group flex-row flex items-end gap-3 max-w-[85%] min-w-0", children: [
+          w && w.presentationMode === "embedded" && /* @__PURE__ */ D("div", { className: "relative group flex-row flex items-end gap-3 max-w-[85%] min-w-0", children: [
             /* @__PURE__ */ b(
-              Ue.div,
+              je.div,
               {
                 initial: { scale: 0 },
                 animate: { scale: 1 },
@@ -50555,7 +50555,7 @@ function mf({
                 children: Y
               }
             ),
-            /* @__PURE__ */ _("div", { className: `flex h-full flex-col justify-between border px-3 py-2 rounded-2xl shadow-lg backdrop-bl-sm message-bubble rounded-bl-md message-hover border-gray-200 dark:border-gray-700 ${H.chatMessage.other} min-w-0 max-w-full break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
+            /* @__PURE__ */ D("div", { className: `flex h-full flex-col justify-between border px-3 py-2 rounded-2xl shadow-lg backdrop-bl-sm message-bubble rounded-bl-md message-hover border-gray-200 dark:border-gray-700 ${H.chatMessage.other} min-w-0 max-w-full break-words overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word", hyphens: "auto" }, children: [
               /* @__PURE__ */ b(
                 ec,
                 {
@@ -50568,7 +50568,7 @@ function mf({
                 w.methodName
               ),
               /* @__PURE__ */ b(
-                Ue.div,
+                je.div,
                 {
                   initial: { opacity: 0 },
                   animate: { opacity: 1 },
@@ -50586,7 +50586,7 @@ function mf({
       }
     ),
     !P && /* @__PURE__ */ b(
-      Ue.button,
+      je.button,
       {
         initial: { opacity: 0, scale: 0.8 },
         animate: { opacity: 1, scale: 1 },
@@ -50631,7 +50631,7 @@ function mf({
       w.methodName
     ),
     /* @__PURE__ */ b(
-      Ue.div,
+      je.div,
       {
         initial: { opacity: 0, y: 20 },
         animate: { opacity: 1, y: 0 },
@@ -50670,7 +50670,7 @@ const qS = Be.forwardRef(({
   const [l, u] = Ae(!1), [d, h] = Ae(!1), [f, m] = Ae(!1), [p, v] = Ae(() => {
     var X;
     return ((X = s == null ? void 0 : s.getCurrentInteraction) == null ? void 0 : X.call(s)) || null;
-  }), [g, x] = Ae(() => t), S = Xt(null), w = Be.useMemo(() => {
+  }), [g, x] = Ae(() => t), S = Jt(null), w = Be.useMemo(() => {
     var le;
     const X = (le = s == null ? void 0 : s.getCurrentAgentInfo) == null ? void 0 : le.call(s);
     return Wh(X);
@@ -50758,8 +50758,8 @@ const qS = Be.forwardRef(({
     o === "fullscreen" ? "max-w-none" : "",
     "overflow-hidden h-full"
   ), G = a && (o === "popup" || o === "fullscreen"), H = Be.useMemo(() => d ? "Agent is taking longer than expected..." : N ? "Room connected. Waiting for agent..." : i, [d, N, i]), C = Be.useMemo(() => d ? "Please check your connection or try again." : N ? "The agent will join shortly." : "Agent is connecting... This may take a moment.", [d, N]), K = s.getCurrentAgentInfo();
-  return g ? /* @__PURE__ */ _("main", { ref: c, className: $e(se, "relative", e && "pointer-events-none opacity-50"), children: [
-    (G || k) && /* @__PURE__ */ _("div", { className: `flex items-center justify-between w-full p-4 border-b ${((Y = I.chatHeader) == null ? void 0 : Y.container) || "border-gray-200"}`, children: [
+  return g ? /* @__PURE__ */ D("main", { ref: c, className: $e(se, "relative", e && "pointer-events-none opacity-50"), children: [
+    (G || k) && /* @__PURE__ */ D("div", { className: `flex items-center justify-between w-full p-4 border-b ${((Y = I.chatHeader) == null ? void 0 : Y.container) || "border-gray-200"}`, children: [
       /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b("h3", { className: `font-semibold ${I.text.primary}`, children: (K == null ? void 0 : K.agentName) || "Voice Session" }) }),
       k && /* @__PURE__ */ b(
         tc,
@@ -50772,14 +50772,14 @@ const qS = Be.forwardRef(({
         }
       )
     ] }),
-    /* @__PURE__ */ b("div", { className: "flex-1 flex items-center justify-center w-full", children: /* @__PURE__ */ _("div", { className: "flex flex-col items-center justify-center w-full h-full min-h-[180px]", children: [
-      /* @__PURE__ */ b(Ue.div, { animate: { rotate: 360, scale: [1, 1.1, 1] }, transition: { rotate: { duration: 2, repeat: 1 / 0, ease: "linear" }, scale: { duration: 1, repeat: 1 / 0, ease: "easeInOut" } }, className: "w-12 h-12 mb-4", children: /* @__PURE__ */ b(nc, { className: I.spinner, weight: "bold" }) }),
-      /* @__PURE__ */ b(Ue.span, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, className: `text-sm opacity-80 ${I.text.muted} text-center max-w-xs`, children: H }),
-      /* @__PURE__ */ b(Ue.p, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 2 }, className: `text-xs ${I.text.muted} mt-2 text-center opacity-60`, children: C }),
-      d && a && /* @__PURE__ */ b(Ue.button, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, transition: { delay: 0.5 }, onClick: a, className: `mt-4 px-4 py-2 rounded-lg ${((T = I.chatHeader) == null ? void 0 : T.backButton) || "bg-gray-100 hover:bg-gray-200"} transition-colors`, children: "Go Back" })
+    /* @__PURE__ */ b("div", { className: "flex-1 flex items-center justify-center w-full", children: /* @__PURE__ */ D("div", { className: "flex flex-col items-center justify-center w-full h-full min-h-[180px]", children: [
+      /* @__PURE__ */ b(je.div, { animate: { rotate: 360, scale: [1, 1.1, 1] }, transition: { rotate: { duration: 2, repeat: 1 / 0, ease: "linear" }, scale: { duration: 1, repeat: 1 / 0, ease: "easeInOut" } }, className: "w-12 h-12 mb-4", children: /* @__PURE__ */ b(nc, { className: I.spinner, weight: "bold" }) }),
+      /* @__PURE__ */ b(je.span, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, className: `text-sm opacity-80 ${I.text.muted} text-center max-w-xs`, children: H }),
+      /* @__PURE__ */ b(je.p, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 2 }, className: `text-xs ${I.text.muted} mt-2 text-center opacity-60`, children: C }),
+      d && a && /* @__PURE__ */ b(je.button, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, transition: { delay: 0.5 }, onClick: a, className: `mt-4 px-4 py-2 rounded-lg ${((T = I.chatHeader) == null ? void 0 : T.backButton) || "bg-gray-100 hover:bg-gray-200"} transition-colors`, children: "Go Back" })
     ] }) })
-  ] }) : /* @__PURE__ */ _("main", { ref: c, className: $e(se, "relative", e && "pointer-events-none opacity-50"), style: { minHeight: 0 }, children: [
-    (G || k) && /* @__PURE__ */ _("div", { className: `flex items-center justify-between w-full p-4 border-b ${((Z = I.chatHeader) == null ? void 0 : Z.container) || "border-gray-200"}`, children: [
+  ] }) : /* @__PURE__ */ D("main", { ref: c, className: $e(se, "relative", e && "pointer-events-none opacity-50"), style: { minHeight: 0 }, children: [
+    (G || k) && /* @__PURE__ */ D("div", { className: `flex items-center justify-between w-full p-4 border-b ${((Z = I.chatHeader) == null ? void 0 : Z.container) || "border-gray-200"}`, children: [
       /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b("h3", { className: `font-semibold ${I.text.primary}`, children: "Voice Session" }) }),
       k && /* @__PURE__ */ b(
         tc,
@@ -50792,14 +50792,14 @@ const qS = Be.forwardRef(({
         }
       )
     ] }),
-    /* @__PURE__ */ _("div", { className: "w-full flex-1 flex flex-col items-center px-0 min-h-0 overflow-hidden relative", children: [
-      !U && /* @__PURE__ */ _("div", { className: "flex flex-col items-center justify-center w-full h-full min-h-[180px]", children: [
-        /* @__PURE__ */ b(Ue.div, { animate: { rotate: 360, scale: [1, 1.1, 1] }, transition: { rotate: { duration: 2, repeat: 1 / 0, ease: "linear" }, scale: { duration: 1, repeat: 1 / 0, ease: "easeInOut" } }, className: "w-12 h-12 mb-4", children: /* @__PURE__ */ b(nc, { className: I.spinner, weight: "bold" }) }),
-        /* @__PURE__ */ b(Ue.span, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, className: `text-sm opacity-80 ${I.text.muted} text-center max-w-xs`, children: H }),
-        /* @__PURE__ */ b(Ue.p, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 2 }, className: `text-xs ${I.text.muted} mt-2 text-center opacity-60`, children: C }),
-        d && a && /* @__PURE__ */ b(Ue.button, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, transition: { delay: 0.5 }, onClick: a, className: `mt-4 px-4 py-2 rounded-lg ${((ne = I.chatHeader) == null ? void 0 : ne.backButton) || "bg-gray-100 hover:bg-gray-200"} transition-colors`, children: "Go Back" })
+    /* @__PURE__ */ D("div", { className: "w-full flex-1 flex flex-col items-center px-0 min-h-0 overflow-hidden relative", children: [
+      !U && /* @__PURE__ */ D("div", { className: "flex flex-col items-center justify-center w-full h-full min-h-[180px]", children: [
+        /* @__PURE__ */ b(je.div, { animate: { rotate: 360, scale: [1, 1.1, 1] }, transition: { rotate: { duration: 2, repeat: 1 / 0, ease: "linear" }, scale: { duration: 1, repeat: 1 / 0, ease: "easeInOut" } }, className: "w-12 h-12 mb-4", children: /* @__PURE__ */ b(nc, { className: I.spinner, weight: "bold" }) }),
+        /* @__PURE__ */ b(je.span, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, className: `text-sm opacity-80 ${I.text.muted} text-center max-w-xs`, children: H }),
+        /* @__PURE__ */ b(je.p, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 2 }, className: `text-xs ${I.text.muted} mt-2 text-center opacity-60`, children: C }),
+        d && a && /* @__PURE__ */ b(je.button, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, transition: { delay: 0.5 }, onClick: a, className: `mt-4 px-4 py-2 rounded-lg ${((ne = I.chatHeader) == null ? void 0 : ne.backButton) || "bg-gray-100 hover:bg-gray-200"} transition-colors`, children: "Go Back" })
       ] }),
-      U && /* @__PURE__ */ _(Kt, { children: [
+      U && /* @__PURE__ */ D(tn, { children: [
         l && // Chat overlay - fills the content area above controls
         /* @__PURE__ */ b(
           "div",
@@ -50818,16 +50818,16 @@ const qS = Be.forwardRef(({
             children: /* @__PURE__ */ b(mf, { client: s, theme: r, displayType: o === "fullscreen" ? "fullscreen" : "widget", disabled: e, onBack: () => u(!1), showTimer: !1 })
           }
         ),
-        !l && /* @__PURE__ */ _("div", { className: $e("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__ */ b(Ue.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__ */ b(XO, { chatOpen: l, client: s, theme: r }, `media-tiles-${((re = (ie = s == null ? void 0 : s.getCurrentSession) == null ? void 0 : ie.call(s)) == null ? void 0 : re.id) || "no-session"}`) }),
-          /* @__PURE__ */ b(gs, { mode: "wait", children: p && p.presentationMode === "embedded" && /* @__PURE__ */ b(Ue.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: $e("w-full relative mt-4 flex justify-center", o === "fullscreen" ? "max-w-4xl" : "max-w-md"), children: /* @__PURE__ */ b("div", { className: "bg-white/10 backdrop-blur-sm rounded-xl border border-white/20 shadow-lg overflow-hidden", children: /* @__PURE__ */ b(ec, { interaction: p, theme: r, onDismiss: () => {
+        !l && /* @__PURE__ */ D("div", { className: $e("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__ */ b(je.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__ */ b(XO, { chatOpen: l, client: s, theme: r }, `media-tiles-${((re = (ie = s == null ? void 0 : s.getCurrentSession) == null ? void 0 : ie.call(s)) == null ? void 0 : re.id) || "no-session"}`) }),
+          /* @__PURE__ */ b(gs, { mode: "wait", children: p && p.presentationMode === "embedded" && /* @__PURE__ */ b(je.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: $e("w-full relative mt-4 flex justify-center", o === "fullscreen" ? "max-w-4xl" : "max-w-md"), children: /* @__PURE__ */ b("div", { className: "bg-white/10 backdrop-blur-sm rounded-xl border border-white/20 shadow-lg overflow-hidden", children: /* @__PURE__ */ b(ec, { interaction: p, theme: r, onDismiss: () => {
             var X;
             return (X = s == null ? void 0 : s.dismissCurrentInteraction) == null ? void 0 : X.call(s);
           }, client: s, addLocalMessage: q }) }) }, `embedded-${p.methodName}`) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ b(gs, { mode: "wait", children: p && p.presentationMode !== "embedded" && !l && /* @__PURE__ */ b("div", { className: $e("absolute inset-0 z-50 flex items-center justify-center backdrop-blur-sm", o === "fullscreen" ? "bg-black/70" : "bg-black/50"), children: /* @__PURE__ */ b(Ue.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: $e("relative w-full overflow-hidden", o === "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__ */ b(ec, { interaction: p, theme: r, onDismiss: () => {
+    /* @__PURE__ */ b(gs, { mode: "wait", children: p && p.presentationMode !== "embedded" && !l && /* @__PURE__ */ b("div", { className: $e("absolute inset-0 z-50 flex items-center justify-center backdrop-blur-sm", o === "fullscreen" ? "bg-black/70" : "bg-black/50"), children: /* @__PURE__ */ b(je.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: $e("relative w-full overflow-hidden", o === "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__ */ b(ec, { interaction: p, theme: r, onDismiss: () => {
       var X;
       return (X = s == null ? void 0 : s.dismissCurrentInteraction) == null ? void 0 : X.call(s);
     }, client: s, addLocalMessage: q }) }, `modal-${p.methodName}`) }) }),
@@ -50854,7 +50854,7 @@ qS.displayName = "SessionView";
 function vb({ trackRef: e, participant: t, isLocal: n = !1, className: i = "", theme: r }) {
   var c;
   const s = hn(r), o = (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__ */ _("div", { className: `relative rounded-lg overflow-hidden ${s.video.tile} ${i}`, children: [
+  return /* @__PURE__ */ D("div", { className: `relative rounded-lg overflow-hidden ${s.video.tile} ${i}`, children: [
     a ? /* @__PURE__ */ b(
       Cc,
       {
@@ -50875,17 +50875,17 @@ function L4({
   onEndCall: s
 }) {
   var Z;
-  const o = hn(t), [a, c] = D.useState(!1), [l, u] = D.useState(!1), d = D.useMemo(() => {
+  const o = hn(t), [a, c] = _.useState(!1), [l, u] = _.useState(!1), d = _.useMemo(() => {
     const ne = e.getCurrentAgentInfo();
     return Wh(ne);
-  }, [e]), { userVideoEnabled: h, agentAvatarEnabled: f, screenshareEnabled: m } = D.useMemo(
+  }, [e]), { userVideoEnabled: h, agentAvatarEnabled: f, screenshareEnabled: m } = _.useMemo(
     () => jO(d),
     [d]
-  ), p = D.useMemo(
+  ), p = _.useMemo(
     () => qh(d),
     [d]
-  ), v = D.useRef(null), [g, x] = D.useState(64);
-  D.useLayoutEffect(() => {
+  ), v = _.useRef(null), [g, x] = _.useState(64);
+  _.useLayoutEffect(() => {
     const ne = v.current;
     if (!ne) return;
     const ie = () => x(ne.offsetHeight || 64);
@@ -50895,7 +50895,7 @@ function L4({
       re.disconnect(), window.removeEventListener("resize", ie);
     };
   }, []);
-  const [S, w] = D.useState(null), k = oO(e), { videoTrackRefs: E, screenShareTrackRefs: P } = aO(e), {
+  const [S, w] = _.useState(null), k = oO(e), { videoTrackRefs: E, screenShareTrackRefs: P } = aO(e), {
     agent: { isActive: R = !1 } = {},
     state: M = "idle",
     audioTrack: y
@@ -50903,16 +50903,16 @@ function L4({
     agent: { isActive: !1 },
     state: "idle",
     audioTrack: null
-  }, I = D.useMemo(() => e.getRemoteParticipants(), [e, k]), N = Ma(e, "microphone"), L = Ma(e, "camera"), U = Ma(e, "screenShare"), q = D.useCallback(async () => {
+  }, I = _.useMemo(() => e.getRemoteParticipants(), [e, k]), N = Ma(e, "microphone"), L = Ma(e, "camera"), U = Ma(e, "screenShare"), q = _.useCallback(async () => {
     L.pending || await L.toggle();
-  }, [L]), ue = D.useCallback(async () => {
+  }, [L]), ue = _.useCallback(async () => {
     U.pending || await U.toggle();
-  }, [U]), se = D.useCallback(() => {
+  }, [U]), se = _.useCallback(() => {
     c((ne) => !ne);
-  }, []), G = D.useCallback(() => {
+  }, []), G = _.useCallback(() => {
     s ? s() : n && n();
   }, [s, n]);
-  D.useEffect(() => {
+  _.useEffect(() => {
     if (!e) return;
     const ne = (ie) => {
       console.log("📺 Video: Interactive UI state updated:", ie), w(ie);
@@ -50920,7 +50920,7 @@ function L4({
     return e.on("interactive.ui.update", ne), e.on("interactive.ui.show", ne), () => {
       e.off("interactive.ui.update", ne), e.off("interactive.ui.show", ne);
     };
-  }, [e]), D.useEffect(() => {
+  }, [e]), _.useEffect(() => {
     if (R)
       u(!1);
     else {
@@ -50932,21 +50932,21 @@ function L4({
       };
     }
   }, [R]);
-  const H = k == null ? void 0 : k.localParticipant, C = D.useMemo(() => (e ? e.getCameraTrackRefs() : []).find((ne) => ne.participant === H), [e, H]), Y = E.filter(
+  const H = k == null ? void 0 : k.localParticipant, C = _.useMemo(() => (e ? e.getCameraTrackRefs() : []).find((ne) => ne.participant === H), [e, H]), Y = E.filter(
     (ne) => ne.participant !== H
-  )[0], T = D.useMemo(() => (P || []).find((ne) => ne.participant === H), [P, H]);
-  return /* @__PURE__ */ _("div", { className: `flex flex-col h-full ${o.video.container} relative`, children: [
-    /* @__PURE__ */ _("div", { className: `flex items-center justify-between p-4 border-b ${o.video.header}`, children: [
-      /* @__PURE__ */ _("div", { className: "flex items-center gap-3", children: [
+  )[0], T = _.useMemo(() => (P || []).find((ne) => ne.participant === H), [P, H]);
+  return /* @__PURE__ */ D("div", { className: `flex flex-col h-full ${o.video.container} relative`, children: [
+    /* @__PURE__ */ D("div", { className: `flex items-center justify-between p-4 border-b ${o.video.header}`, children: [
+      /* @__PURE__ */ D("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ b("div", { className: `w-3 h-3 rounded-full ${o.video.statusDot}` }),
         /* @__PURE__ */ b("span", { className: "font-medium", children: "Video Call" }),
-        /* @__PURE__ */ _("span", { className: "text-sm opacity-70", children: [
+        /* @__PURE__ */ D("span", { className: "text-sm opacity-70", children: [
           I.length + 1,
           " participant",
           I.length !== 0 ? "s" : ""
         ] })
       ] }),
-      /* @__PURE__ */ _("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ D("div", { className: "flex items-center gap-2", children: [
         p && /* @__PURE__ */ b(
           tc,
           {
@@ -50960,10 +50960,10 @@ function L4({
         /* @__PURE__ */ b("button", { className: `p-2 rounded-lg transition-colors ${o.video.headerButton}`, title: "Layout options", children: /* @__PURE__ */ b(dE, { className: "w-4 h-4" }) })
       ] })
     ] }),
-    /* @__PURE__ */ _("div", { className: "relative flex-1 min-h-0", children: [
-      !R && /* @__PURE__ */ b("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ _("div", { className: "text-center", children: [
+    /* @__PURE__ */ D("div", { className: "relative flex-1 min-h-0", children: [
+      !R && /* @__PURE__ */ b("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ D("div", { className: "text-center", children: [
         /* @__PURE__ */ b(
-          Ue.div,
+          je.div,
           {
             animate: { rotate: 360, scale: [1, 1.1, 1] },
             transition: {
@@ -50975,7 +50975,7 @@ function L4({
           }
         ),
         l && n && /* @__PURE__ */ b(
-          Ue.button,
+          je.button,
           {
             initial: { opacity: 0, scale: 0.9 },
             animate: { opacity: 1, scale: 1 },
@@ -50986,7 +50986,7 @@ function L4({
           }
         )
       ] }) }),
-      R && !a && /* @__PURE__ */ b("div", { className: "p-4 min-h-0 h-full", children: /* @__PURE__ */ _("div", { className: "relative w-full h-full overflow-hidden", children: [
+      R && !a && /* @__PURE__ */ b("div", { className: "p-4 min-h-0 h-full", children: /* @__PURE__ */ D("div", { className: "relative w-full h-full overflow-hidden", children: [
         f ? (
           // Show video when agent avatar is enabled
           Y ? /* @__PURE__ */ b(
@@ -51001,7 +51001,7 @@ function L4({
           ) : /* @__PURE__ */ b("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ b("div", { className: "text-center", children: /* @__PURE__ */ b(hE, { className: "w-12 h-12 mx-auto mb-4 opacity-50" }) }) })
         ) : (
           // Show bar visualizer when agent avatar is disabled (voice-only mode)
-          /* @__PURE__ */ b("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ b("div", { className: "text-center", children: /* @__PURE__ */ _("div", { className: "mb-4", children: [
+          /* @__PURE__ */ b("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ b("div", { className: "text-center", children: /* @__PURE__ */ D("div", { className: "mb-4", children: [
             /* @__PURE__ */ b("div", { className: "w-16 h-16 mx-auto mb-4 rounded-full bg-gradient-to-br from-[#6721a4] to-[#5c64f6] flex items-center justify-center", children: /* @__PURE__ */ b(o0, { className: "w-8 h-8 text-white" }) }),
             R && (y ? /* @__PURE__ */ b(
               uw,
@@ -51037,7 +51037,7 @@ function L4({
             )) }))
           ] }) }) })
         ),
-        T && /* @__PURE__ */ b("div", { className: "absolute bottom-4 left-0 sm:left-0 z-10 w-32 sm:w-36 h-20 sm:h-24 rounded-lg overflow-hidden shadow-xl border border-white/20", children: /* @__PURE__ */ _("div", { className: "relative w-full h-full bg-black/40", children: [
+        T && /* @__PURE__ */ b("div", { className: "absolute bottom-4 left-0 sm:left-0 z-10 w-32 sm:w-36 h-20 sm:h-24 rounded-lg overflow-hidden shadow-xl border border-white/20", children: /* @__PURE__ */ D("div", { className: "relative w-full h-full bg-black/40", children: [
           /* @__PURE__ */ b(
             Cc,
             {
@@ -51045,7 +51045,7 @@ function L4({
               className: "w-full h-full object-contain"
             }
           ),
-          /* @__PURE__ */ b("div", { className: `absolute top-1 left-1 px-1.5 py-0.5 rounded text-xs ${o.video.nameOverlay}`, children: /* @__PURE__ */ _("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ b("div", { className: `absolute top-1 left-1 px-1.5 py-0.5 rounded text-xs ${o.video.nameOverlay}`, children: /* @__PURE__ */ D("span", { className: "inline-flex items-center gap-1", children: [
             /* @__PURE__ */ b(s0, { className: "w-3 h-3" }),
             /* @__PURE__ */ b("span", { className: "text-xs", children: "Sharing" })
           ] }) })
@@ -51063,7 +51063,7 @@ function L4({
       ] }) })
     ] }),
     /* @__PURE__ */ b(gs, { mode: "wait", children: a && /* @__PURE__ */ b(
-      Ue.div,
+      je.div,
       {
         initial: { opacity: 0, y: 20 },
         animate: { opacity: 1, y: 0 },
@@ -51973,7 +51973,7 @@ function xi(e) {
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
 function XS(e) {
-  if (/* @__PURE__ */ D.isValidElement(e) || lc.isValidElementType(e) || !xi(e))
+  if (/* @__PURE__ */ _.isValidElement(e) || lc.isValidElementType(e) || !xi(e))
     return e;
   const t = {};
   return Object.keys(e).forEach((n) => {
@@ -51987,7 +51987,7 @@ function Pn(e, t, n = {
     ...e
   } : e;
   return xi(e) && xi(t) && Object.keys(t).forEach((r) => {
-    /* @__PURE__ */ D.isValidElement(t[r]) || lc.isValidElementType(t[r]) ? i[r] = t[r] : xi(t[r]) && // Avoid prototype pollution
+    /* @__PURE__ */ _.isValidElement(t[r]) || lc.isValidElementType(t[r]) ? i[r] = t[r] : xi(t[r]) && // Avoid prototype pollution
     Object.prototype.hasOwnProperty.call(e, r) && xi(e[r]) ? i[r] = Pn(e[r], t[r], n) : n.clone ? i[r] = xi(t[r]) ? XS(t[r]) : t[r] : i[r] = t[r];
   }), i;
 }
@@ -53445,7 +53445,7 @@ function ua(e, t, n) {
     return e;
   }
 }
-const b6 = /* @__PURE__ */ D.createContext(void 0);
+const b6 = /* @__PURE__ */ _.createContext(void 0);
 process.env.NODE_ENV !== "production" && (Ze.node, Ze.object);
 function y6(e) {
   const {
@@ -53462,7 +53462,7 @@ function v6({
   props: e,
   name: t
 }) {
-  const n = D.useContext(b6);
+  const n = _.useContext(b6);
   return y6({
     props: e,
     name: t,
@@ -54614,7 +54614,7 @@ const fV = (e) => {
       }
     ]
   };
-})), hc = /* @__PURE__ */ D.forwardRef(function(t, n) {
+})), hc = /* @__PURE__ */ _.forwardRef(function(t, n) {
   const i = dV({
     props: t,
     name: "MuiSvgIcon"
@@ -54629,7 +54629,7 @@ const fV = (e) => {
     titleAccess: d,
     viewBox: h = "0 0 24 24",
     ...f
-  } = i, m = /* @__PURE__ */ D.isValidElement(r) && r.type === "svg", p = {
+  } = i, m = /* @__PURE__ */ _.isValidElement(r) && r.type === "svg", p = {
     ...i,
     color: o,
     component: a,
@@ -54641,7 +54641,7 @@ const fV = (e) => {
   }, v = {};
   u || (v.viewBox = h);
   const g = fV(p);
-  return /* @__PURE__ */ _(pV, {
+  return /* @__PURE__ */ D(pV, {
     as: a,
     className: i0(g.root, s),
     focusable: "false",
@@ -54740,7 +54740,7 @@ function Ef(e, t) {
       children: e
     });
   }
-  return process.env.NODE_ENV !== "production" && (n.displayName = `${t}Icon`), n.muiName = hc.muiName, /* @__PURE__ */ D.memo(/* @__PURE__ */ D.forwardRef(n));
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${t}Icon`), n.muiName = hc.muiName, /* @__PURE__ */ _.memo(/* @__PURE__ */ _.forwardRef(n));
 }
 const mV = Ef(/* @__PURE__ */ b("path", {
   d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2M6 9h12v2H6zm8 5H6v-2h8zm4-6H6V6h12z"
@@ -54833,7 +54833,7 @@ const hx = Be.forwardRef(({
   modalities: l = ["voice", "chat", "video"]
 }, u) => {
   const d = hn(c), h = l.includes("voice"), f = l.includes("chat"), m = l.includes("video"), p = [h, f, m].filter(Boolean).length;
-  return /* @__PURE__ */ _("div", { className: "flex flex-col items-center h-full justify-center w-full relative px-8 py-16", "aria-disabled": e, style: { background: "transparent" }, children: [
+  return /* @__PURE__ */ D("div", { className: "flex flex-col items-center h-full justify-center w-full relative px-8 py-16", "aria-disabled": e, style: { background: "transparent" }, children: [
     /* @__PURE__ */ b(
       "div",
       {
@@ -54845,44 +54845,44 @@ const hx = Be.forwardRef(({
       }
     ),
     /* @__PURE__ */ b("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[500px] h-[500px] bg-gradient-radial from-white/[0.02] to-transparent blur-3xl pointer-events-none" }),
-    /* @__PURE__ */ _("div", { className: "flex flex-col items-center justify-center w-full max-w-2xl space-y-12 z-10", children: [
+    /* @__PURE__ */ D("div", { className: "flex flex-col items-center justify-center w-full max-w-2xl space-y-12 z-10", children: [
       /* @__PURE__ */ b("div", { className: "text-center space-y-2 max-w-md", children: /* @__PURE__ */ b("p", { className: `text-base leading-relaxed tracking-wide ${d.text.secondary}`, children: a }) }),
-      /* @__PURE__ */ b("div", { className: "flex items-center justify-center w-full", children: h && f && m ? /* @__PURE__ */ _("div", { className: "flex gap-5 items-center justify-center", children: [
-        /* @__PURE__ */ _("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", onClick: t, children: [
+      /* @__PURE__ */ b("div", { className: "flex items-center justify-center w-full", children: h && f && m ? /* @__PURE__ */ D("div", { className: "flex gap-5 items-center justify-center", children: [
+        /* @__PURE__ */ D("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", onClick: t, children: [
           /* @__PURE__ */ b(da, { onClick: t, disabled: e, theme: c }),
           /* @__PURE__ */ b("span", { className: `text-xs font-medium tracking-wider uppercase ${d.text.muted} group-hover:text-white transition-colors duration-300`, children: "Voice" })
         ] }),
-        /* @__PURE__ */ _("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", onClick: n, children: [
+        /* @__PURE__ */ D("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", onClick: n, children: [
           /* @__PURE__ */ b(uu, { onClick: n, disabled: e, theme: c }),
           /* @__PURE__ */ b("span", { className: `text-xs font-medium tracking-wider uppercase ${d.text.muted} group-hover:text-white transition-colors duration-300`, children: "Chat" })
         ] }),
-        /* @__PURE__ */ _("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", onClick: i || t, children: [
+        /* @__PURE__ */ D("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", onClick: i || t, children: [
           /* @__PURE__ */ b(du, { onClick: i || t, disabled: e, theme: c }),
           /* @__PURE__ */ b("span", { className: `text-xs font-medium tracking-wider uppercase ${d.text.muted} group-hover:text-white transition-colors duration-300`, children: "Video" })
         ] })
-      ] }) : p > 1 ? /* @__PURE__ */ _("div", { className: "flex gap-6 items-center justify-center", children: [
-        h && /* @__PURE__ */ _("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", onClick: t, children: [
+      ] }) : p > 1 ? /* @__PURE__ */ D("div", { className: "flex gap-6 items-center justify-center", children: [
+        h && /* @__PURE__ */ D("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", onClick: t, children: [
           /* @__PURE__ */ b(da, { onClick: t, disabled: e, theme: c }),
           /* @__PURE__ */ b("span", { className: `text-xs font-medium tracking-wider uppercase ${d.text.muted} group-hover:text-white transition-colors duration-300`, children: "Voice" })
         ] }),
-        f && /* @__PURE__ */ _("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", onClick: n, children: [
+        f && /* @__PURE__ */ D("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", onClick: n, children: [
           /* @__PURE__ */ b(uu, { onClick: n, disabled: e, theme: c }),
           /* @__PURE__ */ b("span", { className: `text-xs font-medium tracking-wider uppercase ${d.text.muted} group-hover:text-white transition-colors duration-300`, children: "Chat" })
         ] }),
-        m && i && /* @__PURE__ */ _("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", onClick: i, children: [
+        m && i && /* @__PURE__ */ D("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", onClick: i, children: [
           /* @__PURE__ */ b(du, { onClick: i, disabled: e, theme: c }),
           /* @__PURE__ */ b("span", { className: `text-xs font-medium tracking-wider uppercase ${d.text.muted} group-hover:text-white transition-colors duration-300`, children: "Video" })
         ] })
-      ] }) : /* @__PURE__ */ b("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", children: h ? /* @__PURE__ */ _(Kt, { children: [
+      ] }) : /* @__PURE__ */ b("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", children: h ? /* @__PURE__ */ D(tn, { children: [
         /* @__PURE__ */ b(da, { onClick: t, disabled: e, theme: c }),
         /* @__PURE__ */ b("span", { className: `text-xs font-medium tracking-wider uppercase ${d.text.muted} group-hover:text-white transition-colors duration-300`, children: "Voice" })
-      ] }) : f ? /* @__PURE__ */ _(Kt, { children: [
+      ] }) : f ? /* @__PURE__ */ D(tn, { children: [
         /* @__PURE__ */ b(uu, { onClick: n, disabled: e, theme: c }),
         /* @__PURE__ */ b("span", { className: `text-xs font-medium tracking-wider uppercase ${d.text.muted} group-hover:text-white transition-colors duration-300`, children: "Chat" })
-      ] }) : m && i ? /* @__PURE__ */ _(Kt, { children: [
+      ] }) : m && i ? /* @__PURE__ */ D(tn, { children: [
         /* @__PURE__ */ b(du, { onClick: i, disabled: e, theme: c }),
         /* @__PURE__ */ b("span", { className: `text-xs font-medium tracking-wider uppercase ${d.text.muted} group-hover:text-white transition-colors duration-300`, children: "Video" })
-      ] }) : /* @__PURE__ */ _(Kt, { children: [
+      ] }) : /* @__PURE__ */ D(tn, { children: [
         /* @__PURE__ */ b(da, { onClick: t, disabled: e, theme: c }),
         /* @__PURE__ */ b("span", { className: `text-xs font-medium tracking-wider uppercase ${d.text.muted} group-hover:text-white transition-colors duration-300`, children: "Voice" })
       ] }) }) }),
@@ -54891,7 +54891,7 @@ const hx = Be.forwardRef(({
   ] });
 });
 hx.displayName = "Welcome";
-class fx extends D.Component {
+class fx extends _.Component {
   constructor(t) {
     super(t), this.state = { hasError: !1 };
   }
@@ -54905,9 +54905,9 @@ class fx extends D.Component {
     if (this.state.hasError) {
       if (this.props.fallback) {
         const t = this.props.fallback;
-        return D.createElement(t, { error: this.state.error });
+        return _.createElement(t, { error: this.state.error });
       }
-      return D.createElement("div", {
+      return _.createElement("div", {
         style: {
           padding: "20px",
           border: "1px solid #ff4444",
@@ -54940,151 +54940,81 @@ const vV = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZgAAAJkCAYAAAAsgzeqAA
     width: n,
     height: n,
     ...r
-  }, d = D.useMemo(() => {
+  }, d = _.useMemo(() => {
     if (typeof window > "u" || !window.matchMedia) return !1;
     try {
       return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
     } catch {
       return !1;
     }
-  }, []);
-  return /* @__PURE__ */ _("div", { className: "relative pointer-events-auto", children: [
-    a && /* @__PURE__ */ _(Kt, { children: [
-      /* @__PURE__ */ b(
-        Ue.div,
-        {
-          className: "absolute inset-0 rounded-full pointer-events-none",
-          style: {
-            width: n + 24,
-            height: n + 24,
-            left: -12,
-            top: -12,
-            background: "linear-gradient(45deg, rgba(6,182,212,0.3), rgba(34,211,238,0.3), rgba(6,182,212,0.3))",
-            filter: "blur(8px)"
-          },
-          animate: d ? void 0 : {
-            scale: [1, 1.1, 1],
-            opacity: [0.6, 0.9, 0.6]
-          },
-          transition: d ? void 0 : {
-            duration: 2,
-            repeat: 1 / 0,
-            ease: "easeInOut"
-          }
-        }
-      ),
-      /* @__PURE__ */ b(
-        Ue.div,
-        {
-          className: "absolute inset-0 rounded-full pointer-events-none",
-          style: {
-            width: n + 16,
-            height: n + 16,
-            left: -8,
-            top: -8,
-            background: "linear-gradient(135deg, rgba(6,182,212,0.4), rgba(34,211,238,0.4))",
-            filter: "blur(4px)"
-          },
-          animate: d ? void 0 : {
-            scale: [1, 1.05, 1],
-            opacity: [0.7, 1, 0.7]
-          },
-          transition: d ? void 0 : {
-            duration: 1.5,
-            repeat: 1 / 0,
-            ease: "easeInOut",
-            delay: 0.2
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ _(
-      Ue.button,
-      {
-        type: "button",
-        onClick: e,
-        "aria-label": s,
-        className: `fixed z-50 rounded-full bg-black flex items-center justify-center overflow-hidden focus:outline-none focus:ring-2 focus:ring-cyan-400/60 ${l[t]} ${i}`,
-        style: {
-          ...u,
-          boxShadow: a ? "0 0 0 2px rgba(6,182,212,0.5), 0 0 20px rgba(6,182,212,0.4), 0 8px 32px rgba(0,0,0,0.3)" : "0 8px 32px rgba(0,0,0,0.3)",
-          border: a ? "2px solid rgba(6,182,212,0.6)" : "none"
-        },
-        initial: { scale: 0.9, opacity: 0 },
-        animate: {
-          scale: 1,
-          opacity: 1,
-          ...a && !d ? {
-            boxShadow: [
-              "0 0 0 2px rgba(6,182,212,0.5), 0 0 20px rgba(6,182,212,0.4), 0 8px 32px rgba(0,0,0,0.3)",
-              "0 0 0 2px rgba(6,182,212,0.8), 0 0 30px rgba(6,182,212,0.6), 0 8px 32px rgba(0,0,0,0.3)",
-              "0 0 0 2px rgba(6,182,212,0.5), 0 0 20px rgba(6,182,212,0.4), 0 8px 32px rgba(0,0,0,0.3)"
-            ]
-          } : {}
-        },
-        exit: { scale: 0.9, opacity: 0 },
-        whileHover: { scale: 1.05 },
-        whileTap: { scale: 0.95 },
-        "data-position": t,
-        "data-voxket-trigger": "true",
-        transition: {
-          ...!d && a ? {
-            boxShadow: {
-              duration: 2,
+  }, []), h = "0 8px 32px rgba(0,0,0,0.3)", f = "0 0 0 3px rgba(34,211,238,0.6), 0 0 20px rgba(6,182,212,0.5), 0 8px 32px rgba(0,0,0,0.3)";
+  return /* @__PURE__ */ D(
+    je.button,
+    {
+      type: "button",
+      onClick: e,
+      "aria-label": s,
+      className: `fixed z-50 rounded-full bg-black flex items-center justify-center overflow-visible focus:outline-none focus:ring-2 focus:ring-cyan-400/60 ${l[t]} ${i}`,
+      style: u,
+      initial: { scale: 0.9, opacity: 0, boxShadow: h },
+      animate: {
+        scale: 1,
+        opacity: 1,
+        boxShadow: a && !d ? [f, "0 0 0 3px rgba(34,211,238,0.9), 0 0 30px rgba(6,182,212,0.7), 0 8px 32px rgba(0,0,0,0.3)", f] : a ? f : h
+      },
+      exit: { scale: 0.9, opacity: 0 },
+      whileHover: { scale: 1.05 },
+      whileTap: { scale: 0.95 },
+      "data-position": t,
+      "data-voxket-trigger": "true",
+      transition: {
+        scale: { type: "spring", stiffness: 400, damping: 25 },
+        opacity: { duration: 0.2 },
+        boxShadow: a && !d ? { duration: 1.5, repeat: 1 / 0, ease: "easeInOut" } : { duration: 0.3 }
+      },
+      children: [
+        a && /* @__PURE__ */ b(
+          je.span,
+          {
+            "aria-hidden": !0,
+            className: "absolute inset-[-3px] rounded-full pointer-events-none",
+            style: {
+              background: "conic-gradient(from 0deg, rgba(6,182,212,0.8) 0deg, rgba(34,211,238,1) 120deg, rgba(6,182,212,0.8) 240deg, rgba(34,211,238,1) 360deg)",
+              WebkitMask: "radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px))",
+              mask: "radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px))"
+            },
+            animate: d ? void 0 : { rotate: 360 },
+            transition: d ? void 0 : {
+              duration: 3,
               repeat: 1 / 0,
-              ease: "easeInOut"
+              ease: "linear"
             }
-          } : {}
-        },
-        children: [
-          a && /* @__PURE__ */ _(Kt, { children: [
-            /* @__PURE__ */ b(
-              Ue.span,
-              {
-                "aria-hidden": !0,
-                className: "absolute inset-0 rounded-full pointer-events-none",
-                style: {
-                  background: "conic-gradient(from 0deg, rgba(6,182,212,0.0) 0deg, rgba(6,182,212,1) 90deg, rgba(34,211,238,1) 180deg, rgba(6,182,212,0.0) 270deg)",
-                  WebkitMask: "radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px))",
-                  mask: "radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px))"
-                },
-                animate: d ? void 0 : { rotate: 360 },
-                transition: d ? void 0 : {
-                  duration: 3,
-                  repeat: 1 / 0,
-                  ease: "linear"
-                }
-              }
-            ),
-            /* @__PURE__ */ b(
-              "span",
-              {
-                "aria-hidden": !0,
-                className: "absolute inset-1 rounded-full pointer-events-none",
-                style: {
-                  background: "radial-gradient(circle, rgba(6,182,212,0.1) 0%, transparent 70%)"
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ b(
-            "img",
-            {
-              src: c,
-              alt: "Voxket",
-              className: "object-contain select-none pointer-events-none relative z-10",
-              style: {
-                width: `${Math.max(0, Math.min(1, o)) * 100}%`,
-                height: `${Math.max(0, Math.min(1, o)) * 100}%`,
-                filter: a ? "brightness(1.1) contrast(1.1)" : "none"
-              },
-              draggable: !1
-            }
-          )
-        ]
-      }
-    )
-  ] });
+          }
+        ),
+        /* @__PURE__ */ b(
+          "span",
+          {
+            className: "absolute inset-0 rounded-full bg-black",
+            "aria-hidden": !0
+          }
+        ),
+        /* @__PURE__ */ b(
+          "img",
+          {
+            src: c,
+            alt: "Voxket",
+            className: "object-contain select-none pointer-events-none relative z-10",
+            style: {
+              width: `${Math.max(0, Math.min(1, o)) * 100}%`,
+              height: `${Math.max(0, Math.min(1, o)) * 100}%`,
+              filter: a ? "brightness(1.1) contrast(1.05)" : "none"
+            },
+            draggable: !1
+          }
+        )
+      ]
+    }
+  );
 };
 function wV({
   room: e,
@@ -55094,7 +55024,7 @@ function wV({
   enableLocalStorage: r = !0,
   voxketSessionId: s
 } = {}) {
-  const [o, a] = D.useState(null), [c, l] = D.useState([]), [u, d] = D.useState(null), [h, f] = D.useState([]), m = D.useCallback((x, S) => {
+  const [o, a] = _.useState(null), [c, l] = _.useState([]), [u, d] = _.useState(null), [h, f] = _.useState([]), m = _.useCallback((x, S) => {
     const w = {
       timestamp: /* @__PURE__ */ new Date(),
       event: x,
@@ -55108,7 +55038,7 @@ function wV({
     }
     return w;
   }, [o == null ? void 0 : o.sessionId, u == null ? void 0 : u.identity, i, r]);
-  D.useEffect(() => {
+  _.useEffect(() => {
     if (!e) return;
     const x = () => {
       const y = s || `session-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`, I = /* @__PURE__ */ new Date(), N = {
@@ -55167,9 +55097,9 @@ function wV({
       e.off(F.Connected, x), e.off(F.Disconnected, S), e.off(F.ConnectionStateChanged, w), e.off(F.TrackPublished, k), e.off(F.TrackUnpublished, E), e.off(F.DataReceived, P), e.off(F.ParticipantConnected, R), e.off(F.ParticipantDisconnected, M);
     };
   }, [e, o, c, h.length, m, t, n]);
-  const p = D.useCallback(() => r ? JSON.parse(localStorage.getItem("voxket-session-logs") || "[]") : c, [c, r]), v = D.useCallback(() => {
+  const p = _.useCallback(() => r ? JSON.parse(localStorage.getItem("voxket-session-logs") || "[]") : c, [c, r]), v = _.useCallback(() => {
     r && localStorage.removeItem("voxket-session-logs"), l([]);
-  }, [r]), g = D.useCallback(() => {
+  }, [r]), g = _.useCallback(() => {
     const x = p(), S = JSON.stringify(x, null, 2), w = "data:application/json;charset=utf-8," + encodeURIComponent(S), k = `voxket-session-logs-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.json`, E = document.createElement("a");
     E.setAttribute("href", w), E.setAttribute("download", k), E.click();
   }, [p]);
@@ -57726,7 +57656,7 @@ class Cf extends px {
     }
   }
 }
-const PV = Ue.create(qS), MV = Ue.create(mf), NV = Ue.create(L4), OV = Ue.create(hx);
+const PV = je.create(qS), MV = je.create(mf), NV = je.create(L4), OV = je.create(hx);
 function _V({
   theme: e,
   mode: t,
@@ -57749,19 +57679,19 @@ function _V({
         return "Connecting...";
     }
   };
-  return /* @__PURE__ */ _("div", { className: "flex flex-col items-center justify-center h-full w-full p-8", children: [
-    /* @__PURE__ */ _("div", { className: "text-center", children: [
+  return /* @__PURE__ */ D("div", { className: "flex flex-col items-center justify-center h-full w-full p-8", children: [
+    /* @__PURE__ */ D("div", { className: "text-center", children: [
       /* @__PURE__ */ b("h3", { className: `text-lg font-semibold mb-2 ${r.text.accent}`, children: s() }),
       /* @__PURE__ */ b("p", { className: `text-sm ${r.text.muted}`, children: "Please wait a moment..." })
     ] }),
-    /* @__PURE__ */ _("div", { className: "flex space-x-1 mt-4", children: [
+    /* @__PURE__ */ D("div", { className: "flex space-x-1 mt-4", children: [
       /* @__PURE__ */ b("div", { className: "w-2 h-2 rounded-full animate-bounce bg-blue-500", style: { animationDelay: "0ms" } }),
       /* @__PURE__ */ b("div", { className: "w-2 h-2 rounded-full animate-bounce bg-blue-500", style: { animationDelay: "150ms" } }),
       /* @__PURE__ */ b("div", { className: "w-2 h-2 rounded-full animate-bounce bg-blue-500", style: { animationDelay: "300ms" } })
     ] })
   ] });
 }
-const DV = Ue.create(_V);
+const DV = je.create(_V);
 function Zb({
   children: e,
   theme: t,
@@ -57778,7 +57708,7 @@ function Zb({
       onClick: (a) => {
         a.target === a.currentTarget && i && i();
       },
-      children: /* @__PURE__ */ _(
+      children: /* @__PURE__ */ D(
         "div",
         {
           className: "w-full h-full max-w-7xl max-h-[95vh] rounded-2xl relative bg-transparent flex flex-col",
@@ -57792,13 +57722,13 @@ function Zb({
                 onClick: (a) => {
                   a.preventDefault(), a.stopPropagation(), i();
                 },
-                className: "absolute top-4 cursor-pointer right-4 z-[10000] w-12 h-12 rounded-full bg-gray-900 bg-opacity-90 text-white flex items-center justify-center hover:bg-gray-800 transition-all duration-200 shadow-lg border border-gray-700 backdrop-blur-sm",
+                className: `absolute top-4 cursor-pointer right-4 z-[10000] w-12 h-12 rounded-full flex items-center justify-center transition-all duration-200 shadow-lg border backdrop-blur-sm ${t === "light" ? "bg-white bg-opacity-90 text-gray-900 hover:bg-gray-100 border-gray-300" : "bg-gray-900 bg-opacity-90 text-white hover:bg-gray-800 border-gray-700"}`,
                 title: "Exit Fullscreen",
                 type: "button",
                 children: /* @__PURE__ */ b("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ b("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }) })
               }
             ),
-            /* @__PURE__ */ _(
+            /* @__PURE__ */ D(
               "div",
               {
                 id: "voice-card",
@@ -57829,7 +57759,7 @@ function Zb({
     "div",
     {
       className: "fixed rounded-2xl inset-0 z-[9999] pointer-events-none",
-      children: /* @__PURE__ */ _("div", { className: `fixed rounded-2xl ${{
+      children: /* @__PURE__ */ D("div", { className: `fixed rounded-2xl ${{
         "top-left": "top-4 left-4",
         "top-right": "top-4 right-4",
         "bottom-left": "bottom-4 left-4",
@@ -57839,11 +57769,11 @@ function Zb({
           "button",
           {
             onClick: i,
-            className: "absolute -top-2 -right-2 z-10 w-8 h-8 rounded-full bg-gray-900 bg-opacity-90 text-white flex items-center justify-center hover:bg-gray-800 transition-all duration-200 text-sm shadow-lg border border-gray-700",
+            className: `absolute -top-2 -right-2 z-10 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-200 text-sm shadow-lg border ${t === "light" ? "bg-white bg-opacity-90 text-gray-900 hover:bg-gray-100 border-gray-300" : "bg-gray-900 bg-opacity-90 text-white hover:bg-gray-800 border-gray-700"}`,
             children: "×"
           }
         ),
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ D(
           "div",
           {
             id: "voice-card",
@@ -57868,7 +57798,7 @@ function Zb({
         )
       ] })
     }
-  ) : /* @__PURE__ */ _(
+  ) : /* @__PURE__ */ D(
     "div",
     {
       id: "voice-card",
@@ -57929,7 +57859,7 @@ function LV(e) {
     participantMetadata: q,
     popupModalityMode: ue = "all",
     popupTriggerLogoUrl: se
-  } = e, [G, H] = D.useState(!1), [C, K] = D.useState(null), [Y, T] = D.useState(() => {
+  } = e, [G, H] = _.useState(!1), [C, K] = _.useState(null), [Y, T] = _.useState(() => {
     try {
       if (L)
         return !!L.getCurrentSession();
@@ -57937,9 +57867,9 @@ function LV(e) {
       console.error("Error checking existing session:", A);
     }
     return !1;
-  }), [Z, ne] = D.useState(!1), [ie, re] = D.useState(t || ""), [X, le] = D.useState(
+  }), [Z, ne] = _.useState(!1), [ie, re] = _.useState(t || ""), [X, le] = _.useState(
     n || "User"
-  ), [J, Pe] = D.useState(() => {
+  ), [J, Pe] = _.useState(() => {
     try {
       if (L)
         return L.getCurrentSession();
@@ -57947,7 +57877,7 @@ function LV(e) {
       console.error("Error getting current session:", A);
     }
     return null;
-  }), [B, de] = D.useState(() => {
+  }), [B, de] = _.useState(() => {
     var A, j, te;
     try {
       if (L) {
@@ -57963,13 +57893,13 @@ function LV(e) {
       console.error("Error determining current mode:", ge);
     }
     return "welcome";
-  }), [Me, we] = D.useState(!1), [pe, Ee] = D.useState(!1), [Ne, Ce] = D.useState(() => R.length === 1 ? R[0] : null), [Mt, Wt] = D.useState(!1);
-  D.useEffect(() => {
+  }), [Me, we] = _.useState(!1), [pe, Ee] = _.useState(!1), [Ne, Ce] = _.useState(() => R.length === 1 ? R[0] : null), [Mt, Qt] = _.useState(!1);
+  _.useEffect(() => {
     M === "fullscreen" && console.log("🎯 Widget: Switched to fullscreen mode");
-  }, [M]), D.useEffect(() => {
+  }, [M]), _.useEffect(() => {
     Y && !Z ? console.log("📊 Session started:", { currentMode: B, sessionId: J == null ? void 0 : J.id }) : !Y && !Z && B === "welcome" && console.log("📊 Returned to welcome screen");
   }, [Y, B, Z]);
-  const lt = D.useRef(null);
+  const lt = _.useRef(null);
   if (!lt.current)
     try {
       if (L)
@@ -58003,7 +57933,7 @@ function LV(e) {
       console.error("❌ Failed to create VoxketClient:", A), K(A), H(!0);
     }
   const be = lt.current;
-  D.useEffect(() => {
+  _.useEffect(() => {
     const A = lt.current;
     return () => {
       A && !L && (console.log("🧹 Widget unmounting: disconnecting VoxketClient"), A.disconnect().catch((j) => {
@@ -58011,7 +57941,7 @@ function LV(e) {
       }));
     };
   }, [L]);
-  const Vt = D.useMemo(() => M === "popup" && Ne ? [Ne] : R, [M, Ne, R]), ut = D.useMemo(() => {
+  const Vt = _.useMemo(() => M === "popup" && Ne ? [Ne] : R, [M, Ne, R]), ut = _.useMemo(() => {
     try {
       if (!be)
         return console.warn("⚠️ No VoxketClient available, creating fallback room"), new Ci();
@@ -58026,7 +57956,7 @@ function LV(e) {
       return console.error("❌ Error getting room from client:", A), new Ci();
     }
   }, [be, Y, B]);
-  D.useEffect(() => {
+  _.useEffect(() => {
     if (ut) {
       const A = () => {
         console.log("🏠 Widget: Room state changed:", {
@@ -58048,9 +57978,9 @@ function LV(e) {
         ut.off(F.Connected, A), ut.off(F.Disconnected, A), ut.off(F.TrackSubscribed, j);
       };
     }
-  }, [ut, J == null ? void 0 : J.id]), D.useEffect(() => {
+  }, [ut, J == null ? void 0 : J.id]), _.useEffect(() => {
     !Z && B === "welcome" ? console.log("🎬 Widget: Welcome screen ready") : Y && B !== "welcome" && console.log("🎬 Widget: Session mode active:", B);
-  }, [B, Z, Y]), D.useEffect(() => {
+  }, [B, Z, Y]), _.useEffect(() => {
     (B === "voice" || B === "video" || B === "chat") && !J && !Y && !Z && be && !be.connected && (console.log("🔄 Auto-correcting: Found orphaned mode without session, returning to welcome"), de("welcome"), ne(!1));
   }, [B, J, Y, Z, be]);
   const { sessionMetrics: Q, sessionLogs: ae, logEvent: Re } = wV({
@@ -58061,11 +57991,11 @@ function LV(e) {
     enableLocalStorage: k,
     voxketSessionId: J == null ? void 0 : J.id
   });
-  D.useEffect(() => {
+  _.useEffect(() => {
     E && E(ae);
-  }, [ae, E]), D.useEffect(() => {
+  }, [ae, E]), _.useEffect(() => {
     P && Q && P(Q);
-  }, [Q, P]), D.useEffect(() => {
+  }, [Q, P]), _.useEffect(() => {
     if (!be) return;
     const A = (j, te) => {
       console.log("📊 Widget: Session state changed:", {
@@ -58077,7 +58007,7 @@ function LV(e) {
     return be.on("session.state.changed", A), () => {
       be.off("session.state.changed", A);
     };
-  }, [be, Z]), D.useEffect(() => {
+  }, [be, Z]), _.useEffect(() => {
     if (!be) return;
     const A = () => {
       const j = be.connected, te = be.getCurrentSession();
@@ -58097,7 +58027,7 @@ function LV(e) {
     };
   }, [be, B, Z, Y]);
   const Xe = !!(!!(be != null && be.connected) && Y && J);
-  D.useEffect(() => {
+  _.useEffect(() => {
     const A = (te) => {
       console.log("🔴 Widget: Room disconnected:", te), console.log("🔍 Widget: Current state on disconnect:", {
         currentMode: B,
@@ -58176,7 +58106,7 @@ function LV(e) {
   }, Nn = () => {
     const A = !Me;
     we(A), N && N(A), !A && !(J && Y) && (de("welcome"), T(!1), Pe(null));
-  }, Zt = () => {
+  }, Xt = () => {
     console.log("🔄 Closing fullscreen, switching to widget display type"), e.onDisplayTypeChange ? e.onDisplayTypeChange("widget") : console.warn("⚠️ No onDisplayTypeChange callback provided");
   }, Zn = () => {
     if (console.log("🔄 Expand to fullscreen requested"), e.onDisplayTypeChange)
@@ -58189,18 +58119,18 @@ function LV(e) {
       });
     }
   };
-  D.useEffect(() => {
+  _.useEffect(() => {
     var A, j, te;
     if (L && be) {
       const ge = be.getCurrentSession();
       be.connected, ge && (console.log("✅ Restoring session state:", ge.id), Pe(ge), T(!0), ne(!1), (A = ge.activeModalities) != null && A.includes("chat") ? de("chat") : (j = ge.activeModalities) != null && j.includes("voice") ? de("voice") : (te = ge.activeModalities) != null && te.includes("video") && de("video"));
     }
-  }, [L, be]), D.useEffect(() => () => {
+  }, [L, be]), _.useEffect(() => () => {
     !L && be && be.disconnect();
   }, [be, L]);
-  let $t = B === "video" ? "w-[32rem]" : "w-96", Pr = B === "video" ? "h-[30rem]" : "h-[25rem]", Mr = {};
-  if (h && (h.startsWith("w-") ? $t = h : (Mr.width = h, $t = "")), f && (f.startsWith("h-") ? Pr = f : (Mr.height = f, Pr = "")), M === "popup" && !Me)
-    return console.log("🟡 Showing popup trigger button"), /* @__PURE__ */ _(Kt, { children: [
+  let Zt = B === "video" ? "w-[32rem]" : "w-96", Pr = B === "video" ? "h-[30rem]" : "h-[25rem]", Mr = {};
+  if (h && (h.startsWith("w-") ? Zt = h : (Mr.width = h, Zt = "")), f && (f.startsWith("h-") ? Pr = f : (Mr.height = f, Pr = "")), M === "popup" && !Me)
+    return console.log("🟡 Showing popup trigger button"), /* @__PURE__ */ D(tn, { children: [
       /* @__PURE__ */ b(
         kV,
         {
@@ -58217,7 +58147,7 @@ function LV(e) {
               Ce(R[0]), Ee(!1), we(!0), N && N(!0);
               return;
             }
-            Ee((A) => !A), Ce(null), Wt(!1);
+            Ee((A) => !A), Ce(null), Qt(!1);
           },
           position: y,
           ariaLabel: I,
@@ -58242,10 +58172,10 @@ function LV(e) {
             style: { top: -16, right: y.endsWith("right") ? 16 : void 0, left: y.endsWith("left") ? 16 : void 0 }
           }
         );
-        return /* @__PURE__ */ b("div", { className: "fixed z-[51]", style: te, children: /* @__PURE__ */ _("div", { className: "relative bg-black text-white rounded-xl shadow-2xl px-3 py-3", children: [
+        return /* @__PURE__ */ b("div", { className: "fixed z-[51]", style: te, children: /* @__PURE__ */ D("div", { className: "relative bg-black text-white rounded-xl shadow-2xl p-5", children: [
           mt,
           /* @__PURE__ */ b("div", { className: "text-xs uppercase tracking-wide mb-2 opacity-70", children: "Choose modality" }),
-          /* @__PURE__ */ _("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ D("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ b(
               "button",
               {
@@ -58295,7 +58225,7 @@ function LV(e) {
       borderRadius: "8px",
       background: "#fff5f5",
       color: "#cc0000"
-    }, children: /* @__PURE__ */ _("div", { className: "text-center", children: [
+    }, children: /* @__PURE__ */ D("div", { className: "text-center", children: [
       /* @__PURE__ */ b("div", { className: "text-4xl mb-4", children: "⚠️" }),
       /* @__PURE__ */ b("h3", { className: "text-lg font-semibold mb-2", children: "Widget Error" }),
       /* @__PURE__ */ b("p", { className: "text-sm mb-4", children: A }),
@@ -58316,8 +58246,8 @@ function LV(e) {
     scrollPadding: 0,
     contain: "layout style paint"
   };
-  M === "widget" ? (Ms += ` flex min-h-fit ${$t} ${Pr} ${d}`, or = { ...or, ...Mr }) : (Ms = `${d || ""}`, or = {});
-  const hi = /* @__PURE__ */ b("div", { className: "h-full w-full flex flex-col overflow-hidden relative z-10", children: /* @__PURE__ */ _(gs, { mode: "wait", children: [
+  M === "widget" ? (Ms += ` flex min-h-fit ${Zt} ${Pr} ${d}`, or = { ...or, ...Mr }) : (Ms = `${d || ""}`, or = {});
+  const hi = /* @__PURE__ */ b("div", { className: "h-full w-full flex flex-col overflow-hidden relative z-10", children: /* @__PURE__ */ D(gs, { mode: "wait", children: [
     B === "welcome" && !Z && /* @__PURE__ */ b(
       OV,
       {
@@ -58356,7 +58286,7 @@ function LV(e) {
       },
       `loading-${B}`
     ),
-    B === "voice" && !Z && Y && be && /* @__PURE__ */ _($a.Provider, { value: ut, children: [
+    B === "voice" && !Z && Y && be && /* @__PURE__ */ D($a.Provider, { value: ut, children: [
       /* @__PURE__ */ b(lg, {}, `audio-${(J == null ? void 0 : J.id) || "no-session"}`),
       /* @__PURE__ */ b(og, { label: "Start Audio" }, `start-audio-${(J == null ? void 0 : J.id) || "no-session"}`),
       /* @__PURE__ */ b(
@@ -58400,7 +58330,7 @@ function LV(e) {
       },
       "chat-view"
     ),
-    B === "video" && !Z && Y && be && /* @__PURE__ */ _($a.Provider, { value: ut, children: [
+    B === "video" && !Z && Y && be && /* @__PURE__ */ D($a.Provider, { value: ut, children: [
       /* @__PURE__ */ b(lg, {}, `audio-video-${(J == null ? void 0 : J.id) || "no-session"}`),
       /* @__PURE__ */ b(og, { label: "Start Audio" }, `start-audio-video-${(J == null ? void 0 : J.id) || "no-session"}`),
       /* @__PURE__ */ b(
@@ -58430,7 +58360,7 @@ function LV(e) {
       theme: x,
       displayType: M,
       popupPosition: y,
-      onClose: M === "fullscreen" ? Zt : Nn,
+      onClose: M === "fullscreen" ? Xt : Nn,
       children: hi
     }
   ) : /* @__PURE__ */ b("div", { className: Ms, style: or, children: /* @__PURE__ */ b(
@@ -58451,14 +58381,14 @@ function Az({ logs: e, onClear: t, onExport: n }) {
   const [i, r] = Be.useState(!1), [s, o] = Be.useState(""), a = e.filter(
     (c) => !s || c.event.toLowerCase().includes(s.toLowerCase())
   );
-  return i ? /* @__PURE__ */ b("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ _("div", { className: "bg-white rounded-lg shadow-xl max-w-4xl w-full max-h-[80vh] flex flex-col m-4", children: [
-    /* @__PURE__ */ _("div", { className: "flex items-center justify-between p-4 border-b", children: [
-      /* @__PURE__ */ _("h2", { className: "text-lg font-semibold", children: [
+  return i ? /* @__PURE__ */ b("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ D("div", { className: "bg-white rounded-lg shadow-xl max-w-4xl w-full max-h-[80vh] flex flex-col m-4", children: [
+    /* @__PURE__ */ D("div", { className: "flex items-center justify-between p-4 border-b", children: [
+      /* @__PURE__ */ D("h2", { className: "text-lg font-semibold", children: [
         "Session Logs (",
         e.length,
         ")"
       ] }),
-      /* @__PURE__ */ _("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ D("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ b(
           "input",
           {
@@ -58495,18 +58425,18 @@ function Az({ logs: e, onClear: t, onExport: n }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ b("div", { className: "flex-1 overflow-auto p-4", children: a.length === 0 ? /* @__PURE__ */ b("p", { className: "text-gray-500 text-center py-8", children: "No logs found" }) : /* @__PURE__ */ b("div", { className: "space-y-2", children: a.map((c, l) => /* @__PURE__ */ _("div", { className: "border rounded p-3 text-sm", children: [
-      /* @__PURE__ */ _("div", { className: "flex items-center justify-between mb-1", children: [
+    /* @__PURE__ */ b("div", { className: "flex-1 overflow-auto p-4", children: a.length === 0 ? /* @__PURE__ */ b("p", { className: "text-gray-500 text-center py-8", children: "No logs found" }) : /* @__PURE__ */ b("div", { className: "space-y-2", children: a.map((c, l) => /* @__PURE__ */ D("div", { className: "border rounded p-3 text-sm", children: [
+      /* @__PURE__ */ D("div", { className: "flex items-center justify-between mb-1", children: [
         /* @__PURE__ */ b("span", { className: "font-semibold text-blue-600", children: c.event }),
         /* @__PURE__ */ b("span", { className: "text-gray-500 text-xs", children: new Date(c.timestamp).toLocaleTimeString() })
       ] }),
-      c.sessionId && /* @__PURE__ */ _("div", { className: "text-xs text-gray-600 mb-1", children: [
+      c.sessionId && /* @__PURE__ */ D("div", { className: "text-xs text-gray-600 mb-1", children: [
         "Session: ",
         c.sessionId
       ] }),
       c.data && /* @__PURE__ */ b("div", { className: "bg-gray-50 p-2 rounded text-xs", children: /* @__PURE__ */ b("pre", { className: "whitespace-pre-wrap overflow-auto", children: JSON.stringify(c.data, null, 2) }) })
     ] }, l)) }) })
-  ] }) }) : /* @__PURE__ */ _(
+  ] }) }) : /* @__PURE__ */ D(
     "button",
     {
       onClick: () => r(!0),
@@ -58520,32 +58450,32 @@ function Az({ logs: e, onClear: t, onExport: n }) {
   );
 }
 function Iz({ metrics: e }) {
-  return e ? /* @__PURE__ */ _("div", { className: "bg-gray-100 p-4 rounded-lg", children: [
+  return e ? /* @__PURE__ */ D("div", { className: "bg-gray-100 p-4 rounded-lg", children: [
     /* @__PURE__ */ b("h3", { className: "font-semibold mb-2", children: "Current Session" }),
-    /* @__PURE__ */ _("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
-      /* @__PURE__ */ _("div", { children: [
+    /* @__PURE__ */ D("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
+      /* @__PURE__ */ D("div", { children: [
         /* @__PURE__ */ b("span", { className: "text-gray-600", children: "Session ID:" }),
         /* @__PURE__ */ b("div", { className: "font-mono text-xs", children: e.sessionId })
       ] }),
-      /* @__PURE__ */ _("div", { children: [
+      /* @__PURE__ */ D("div", { children: [
         /* @__PURE__ */ b("span", { className: "text-gray-600", children: "Start Time:" }),
         /* @__PURE__ */ b("div", { children: new Date(e.startTime).toLocaleString() })
       ] }),
-      /* @__PURE__ */ _("div", { children: [
+      /* @__PURE__ */ D("div", { children: [
         /* @__PURE__ */ b("span", { className: "text-gray-600", children: "Messages:" }),
         /* @__PURE__ */ b("div", { children: e.totalMessages })
       ] }),
-      /* @__PURE__ */ _("div", { children: [
+      /* @__PURE__ */ D("div", { children: [
         /* @__PURE__ */ b("span", { className: "text-gray-600", children: "Participants:" }),
         /* @__PURE__ */ b("div", { children: e.participantCount })
       ] }),
-      /* @__PURE__ */ _("div", { children: [
+      /* @__PURE__ */ D("div", { children: [
         /* @__PURE__ */ b("span", { className: "text-gray-600", children: "Connection Issues:" }),
         /* @__PURE__ */ b("div", { children: e.connectionIssues })
       ] }),
-      /* @__PURE__ */ _("div", { children: [
+      /* @__PURE__ */ D("div", { children: [
         /* @__PURE__ */ b("span", { className: "text-gray-600", children: "Duration:" }),
-        /* @__PURE__ */ _("div", { children: [
+        /* @__PURE__ */ D("div", { children: [
           Math.round((Date.now() - new Date(e.startTime).getTime()) / 1e3),
           "s"
         ] })
@@ -58921,7 +58851,7 @@ function HV({
     o.isActive ? "voxket-session-controls--active" : "voxket-session-controls--inactive",
     s
   ].filter(Boolean).join(" ");
-  return !o.isActive && !i ? /* @__PURE__ */ b("div", { className: d, children: /* @__PURE__ */ b("div", { className: "voxket-controls-inactive", children: /* @__PURE__ */ b("p", { children: "Controls available during active session" }) }) }) : /* @__PURE__ */ _("div", { className: d, children: [
+  return !o.isActive && !i ? /* @__PURE__ */ b("div", { className: d, children: /* @__PURE__ */ b("div", { className: "voxket-controls-inactive", children: /* @__PURE__ */ b("p", { children: "Controls available during active session" }) }) }) : /* @__PURE__ */ D("div", { className: d, children: [
     i && /* @__PURE__ */ b("div", { className: "voxket-session-actions", children: o.isActive ? /* @__PURE__ */ b(
       "button",
       {
@@ -58930,8 +58860,8 @@ function HV({
         children: "End Session"
       }
     ) : /* @__PURE__ */ b(KV, {}) }),
-    o.isActive && /* @__PURE__ */ _("div", { className: "voxket-media-controls", children: [
-      e && /* @__PURE__ */ _(
+    o.isActive && /* @__PURE__ */ D("div", { className: "voxket-media-controls", children: [
+      e && /* @__PURE__ */ D(
         "button",
         {
           onClick: a.toggle,
@@ -58944,7 +58874,7 @@ function HV({
           ]
         }
       ),
-      t && /* @__PURE__ */ _(
+      t && /* @__PURE__ */ D(
         "button",
         {
           onClick: c.toggle,
@@ -58957,7 +58887,7 @@ function HV({
           ]
         }
       ),
-      n && /* @__PURE__ */ _(
+      n && /* @__PURE__ */ D(
         "button",
         {
           onClick: l.toggle,
@@ -59008,32 +58938,32 @@ function vx({
     `voxket-session-header--${o.size || "md"}`,
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("div", { className: a, children: [
-    e && /* @__PURE__ */ _("div", { className: "voxket-connection-status", children: [
+  return /* @__PURE__ */ D("div", { className: a, children: [
+    e && /* @__PURE__ */ D("div", { className: "voxket-connection-status", children: [
       /* @__PURE__ */ b("div", { className: `voxket-status-indicator ${s.isConnected ? "connected" : "disconnected"}` }),
       /* @__PURE__ */ b("span", { className: "voxket-status-text", children: s.isConnecting ? "Connecting..." : s.isConnected ? "Connected" : "Disconnected" })
     ] }),
-    t && r.session && /* @__PURE__ */ _("div", { className: "voxket-session-info", children: [
-      /* @__PURE__ */ _("div", { className: "voxket-session-id", children: [
+    t && r.session && /* @__PURE__ */ D("div", { className: "voxket-session-info", children: [
+      /* @__PURE__ */ D("div", { className: "voxket-session-id", children: [
         "Session: ",
         r.session.id.slice(-8)
       ] }),
-      /* @__PURE__ */ _("div", { className: "voxket-session-state", children: [
+      /* @__PURE__ */ D("div", { className: "voxket-session-state", children: [
         "State: ",
         r.state
       ] })
     ] }),
-    n && r.session && /* @__PURE__ */ _("div", { className: "voxket-agent-info", children: [
-      /* @__PURE__ */ _("div", { className: "voxket-agent-id", children: [
+    n && r.session && /* @__PURE__ */ D("div", { className: "voxket-agent-info", children: [
+      /* @__PURE__ */ D("div", { className: "voxket-agent-id", children: [
         "Agent: ",
         r.session.agentId
       ] }),
-      /* @__PURE__ */ _("div", { className: "voxket-modalities", children: [
+      /* @__PURE__ */ D("div", { className: "voxket-modalities", children: [
         "Modalities: ",
         r.session.activeModalities.join(", ")
       ] })
     ] }),
-    s.error && /* @__PURE__ */ _("div", { className: "voxket-error-message", children: [
+    s.error && /* @__PURE__ */ D("div", { className: "voxket-error-message", children: [
       "Error: ",
       s.error.message
     ] })
@@ -59051,15 +58981,15 @@ function kx({
     `voxket-session-content--${o.size || "md"}`,
     i
   ].filter(Boolean).join(" ");
-  return r.isActive ? /* @__PURE__ */ b("div", { className: a, children: n || /* @__PURE__ */ _(Kt, { children: [
-    e && /* @__PURE__ */ _("div", { className: "voxket-chat-container", children: [
-      /* @__PURE__ */ _("div", { className: "voxket-chat-messages", children: [
-        s.messages.map((c) => /* @__PURE__ */ _(
+  return r.isActive ? /* @__PURE__ */ b("div", { className: a, children: n || /* @__PURE__ */ D(tn, { children: [
+    e && /* @__PURE__ */ D("div", { className: "voxket-chat-container", children: [
+      /* @__PURE__ */ D("div", { className: "voxket-chat-messages", children: [
+        s.messages.map((c) => /* @__PURE__ */ D(
           "div",
           {
             className: `voxket-message voxket-message--${c.sender.type}`,
             children: [
-              /* @__PURE__ */ _("div", { className: "voxket-message-header", children: [
+              /* @__PURE__ */ D("div", { className: "voxket-message-header", children: [
                 /* @__PURE__ */ b("span", { className: "voxket-message-sender", children: c.sender.name }),
                 /* @__PURE__ */ b("span", { className: "voxket-message-time", children: c.timestamp.toLocaleTimeString() })
               ] }),
@@ -59073,7 +59003,7 @@ function kx({
       /* @__PURE__ */ b(QV, {})
     ] }),
     t && /* @__PURE__ */ b("div", { className: "voxket-transcriptions", children: /* @__PURE__ */ b("div", { className: "voxket-transcription-placeholder", children: /* @__PURE__ */ b("p", { children: "Voice transcriptions will appear here" }) }) })
-  ] }) }) : /* @__PURE__ */ b("div", { className: a, children: /* @__PURE__ */ b("div", { className: "voxket-inactive-state", children: /* @__PURE__ */ _("div", { className: "voxket-inactive-message", children: [
+  ] }) }) : /* @__PURE__ */ b("div", { className: a, children: /* @__PURE__ */ b("div", { className: "voxket-inactive-state", children: /* @__PURE__ */ D("div", { className: "voxket-inactive-message", children: [
     /* @__PURE__ */ b("h3", { children: "Start a conversation" }),
     /* @__PURE__ */ b("p", { children: "Begin a session to start chatting with the AI agent" })
   ] }) }) });
@@ -59087,7 +59017,7 @@ function QV() {
         console.error("Failed to send message:", s);
       }
   };
-  return /* @__PURE__ */ _("div", { className: "voxket-chat-input", children: [
+  return /* @__PURE__ */ D("div", { className: "voxket-chat-input", children: [
     /* @__PURE__ */ b(
       "input",
       {
@@ -59126,23 +59056,23 @@ function wx({
     `voxket-session-footer--${c.size || "md"}`,
     r
   ].filter(Boolean).join(" ");
-  return s.isActive ? /* @__PURE__ */ b("div", { className: l, children: i || /* @__PURE__ */ _(Kt, { children: [
-    n && /* @__PURE__ */ _("div", { className: "voxket-session-status", children: [
+  return s.isActive ? /* @__PURE__ */ b("div", { className: l, children: i || /* @__PURE__ */ D(tn, { children: [
+    n && /* @__PURE__ */ D("div", { className: "voxket-session-status", children: [
       /* @__PURE__ */ b("div", { className: "voxket-status-indicator voxket-status-indicator--active" }),
       /* @__PURE__ */ b("span", { className: "voxket-status-text", children: "Session Active" })
     ] }),
-    e && o.metrics && /* @__PURE__ */ _("div", { className: "voxket-session-metrics", children: [
-      /* @__PURE__ */ _("div", { className: "voxket-metric", children: [
+    e && o.metrics && /* @__PURE__ */ D("div", { className: "voxket-session-metrics", children: [
+      /* @__PURE__ */ D("div", { className: "voxket-metric", children: [
         /* @__PURE__ */ b("span", { className: "voxket-metric-label", children: "Duration:" }),
         /* @__PURE__ */ b("span", { className: "voxket-metric-value", children: WV(o.duration || 0) })
       ] }),
-      /* @__PURE__ */ _("div", { className: "voxket-metric", children: [
+      /* @__PURE__ */ D("div", { className: "voxket-metric", children: [
         /* @__PURE__ */ b("span", { className: "voxket-metric-label", children: "Messages:" }),
         /* @__PURE__ */ b("span", { className: "voxket-metric-value", children: o.metrics.messageCount })
       ] })
     ] }),
-    t && /* @__PURE__ */ _("div", { className: "voxket-participants-info", children: [
-      /* @__PURE__ */ _("span", { className: "voxket-participants-count", children: [
+    t && /* @__PURE__ */ D("div", { className: "voxket-participants-info", children: [
+      /* @__PURE__ */ D("span", { className: "voxket-participants-count", children: [
         a.count,
         " participant",
         a.count !== 1 ? "s" : ""
@@ -59184,7 +59114,7 @@ function qV({
     u.isActive ? "voxket-session--active" : "voxket-session--inactive",
     c
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b(jV, { variant: s, size: o, theme: a, className: c, children: /* @__PURE__ */ b("div", { className: h, children: l || /* @__PURE__ */ _(Kt, { children: [
+  return /* @__PURE__ */ b(jV, { variant: s, size: o, theme: a, className: c, children: /* @__PURE__ */ b("div", { className: h, children: l || /* @__PURE__ */ D(tn, { children: [
     /* @__PURE__ */ b(pu, { name: "header", fallback: /* @__PURE__ */ b(vx, {}) }),
     /* @__PURE__ */ b(pu, { name: "content", fallback: /* @__PURE__ */ b(kx, {}) }),
     /* @__PURE__ */ b(pu, { name: "footer", fallback: /* @__PURE__ */ b(wx, {}) })
@@ -59502,7 +59432,7 @@ function mu({
   onPin: c,
   onUnpin: l
 }) {
-  const u = Xt(null), [d, h] = Ae(!1);
+  const u = Jt(null), [d, h] = Ae(!1);
   kt(() => {
     if (!u.current || !e.isEnabled) return;
     const v = u.current;
@@ -59523,7 +59453,7 @@ function mu({
     d ? "voxket-video-tile--hovered" : "",
     o
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ D(
     "div",
     {
       className: p,
@@ -59544,17 +59474,17 @@ function mu({
             muted: e.isLocal
           }
         ),
-        !e.isEnabled && /* @__PURE__ */ _("div", { className: "voxket-video-placeholder", children: [
+        !e.isEnabled && /* @__PURE__ */ D("div", { className: "voxket-video-placeholder", children: [
           /* @__PURE__ */ b("div", { className: "voxket-video-placeholder-icon", children: e.isScreenShare ? "🖥️" : "📹" }),
           /* @__PURE__ */ b("p", { className: "voxket-video-placeholder-text", children: e.isScreenShare ? "Screen sharing paused" : "Camera off" })
         ] }),
-        /* @__PURE__ */ _("div", { className: "voxket-video-overlay", children: [
-          i && t && /* @__PURE__ */ _("div", { className: "voxket-video-name", children: [
+        /* @__PURE__ */ D("div", { className: "voxket-video-overlay", children: [
+          i && t && /* @__PURE__ */ D("div", { className: "voxket-video-name", children: [
             t,
             e.isLocal && " (You)"
           ] }),
           r && !e.isEnabled && /* @__PURE__ */ b("div", { className: "voxket-video-mute-indicator", children: "🔇" }),
-          n && (d || s) && /* @__PURE__ */ _("div", { className: "voxket-video-controls", children: [
+          n && (d || s) && /* @__PURE__ */ D("div", { className: "voxket-video-controls", children: [
             /* @__PURE__ */ b(
               "button",
               {
@@ -59634,11 +59564,11 @@ function Bz({
     `voxket-video-grid--${d.length}-tracks`,
     n
   ].filter(Boolean).join(" ");
-  return e.length === 0 ? /* @__PURE__ */ b("div", { className: "voxket-video-grid-empty", children: /* @__PURE__ */ _("div", { className: "voxket-video-grid-empty-content", children: [
+  return e.length === 0 ? /* @__PURE__ */ b("div", { className: "voxket-video-grid-empty", children: /* @__PURE__ */ D("div", { className: "voxket-video-grid-empty-content", children: [
     /* @__PURE__ */ b("div", { className: "voxket-video-grid-empty-icon", children: "📹" }),
     /* @__PURE__ */ b("p", { children: "No video tracks available" })
-  ] }) }) : /* @__PURE__ */ _("div", { className: g, children: [
-    /* @__PURE__ */ _("div", { className: "voxket-video-grid-controls", children: [
+  ] }) }) : /* @__PURE__ */ D("div", { className: g, children: [
+    /* @__PURE__ */ D("div", { className: "voxket-video-grid-controls", children: [
       /* @__PURE__ */ b("div", { className: "voxket-video-layout-controls", children: ["grid", "speaker", "sidebar", "gallery"].map((x) => /* @__PURE__ */ b(
         "button",
         {
@@ -59649,13 +59579,13 @@ function Bz({
         },
         x
       )) }),
-      /* @__PURE__ */ _("div", { className: "voxket-video-count", children: [
+      /* @__PURE__ */ D("div", { className: "voxket-video-count", children: [
         e.length,
         " participant",
         e.length !== 1 ? "s" : ""
       ] })
     ] }),
-    /* @__PURE__ */ b("div", { className: "voxket-video-grid-content", style: f, children: t.type === "speaker" && l ? /* @__PURE__ */ _(Kt, { children: [
+    /* @__PURE__ */ b("div", { className: "voxket-video-grid-content", style: f, children: t.type === "speaker" && l ? /* @__PURE__ */ D(tn, { children: [
       /* @__PURE__ */ b("div", { className: "voxket-video-speaker-main", children: /* @__PURE__ */ b(
         mu,
         {
@@ -59692,7 +59622,7 @@ function Bz({
         x.id
       ))
     ) }),
-    o && h > 1 && /* @__PURE__ */ _("div", { className: "voxket-video-pagination", children: [
+    o && h > 1 && /* @__PURE__ */ D("div", { className: "voxket-video-pagination", children: [
       /* @__PURE__ */ b(
         "button",
         {
@@ -59702,7 +59632,7 @@ function Bz({
           children: "←"
         }
       ),
-      /* @__PURE__ */ _("span", { className: "voxket-pagination-info", children: [
+      /* @__PURE__ */ D("span", { className: "voxket-pagination-info", children: [
         "Page ",
         a + 1,
         " of ",
@@ -59756,10 +59686,10 @@ function Fz({
       aspectRatio: "16:9"
     });
   };
-  return /* @__PURE__ */ _("div", { className: c, children: [
-    s && /* @__PURE__ */ _("div", { className: "voxket-video-controls-section", children: [
+  return /* @__PURE__ */ D("div", { className: c, children: [
+    s && /* @__PURE__ */ D("div", { className: "voxket-video-controls-section", children: [
       /* @__PURE__ */ b("h4", { className: "voxket-video-controls-title", children: "Camera" }),
-      /* @__PURE__ */ _(
+      /* @__PURE__ */ D(
         "button",
         {
           className: `voxket-control-btn ${e != null && e.isEnabled ? "voxket-control-btn--active" : ""}`,
@@ -59771,15 +59701,15 @@ function Fz({
           ]
         }
       ),
-      (e == null ? void 0 : e.dimensions) && /* @__PURE__ */ _("div", { className: "voxket-video-info", children: [
+      (e == null ? void 0 : e.dimensions) && /* @__PURE__ */ D("div", { className: "voxket-video-info", children: [
         e.dimensions.width,
         " × ",
         e.dimensions.height
       ] })
     ] }),
-    o && /* @__PURE__ */ _("div", { className: "voxket-video-controls-section", children: [
+    o && /* @__PURE__ */ D("div", { className: "voxket-video-controls-section", children: [
       /* @__PURE__ */ b("h4", { className: "voxket-video-controls-title", children: "Screen Share" }),
-      /* @__PURE__ */ _(
+      /* @__PURE__ */ D(
         "button",
         {
           className: `voxket-control-btn ${e != null && e.isScreenShare ? "voxket-control-btn--active" : ""}`,
@@ -59792,14 +59722,14 @@ function Fz({
         }
       )
     ] }),
-    r && /* @__PURE__ */ _("div", { className: "voxket-video-controls-section", children: [
+    r && /* @__PURE__ */ D("div", { className: "voxket-video-controls-section", children: [
       /* @__PURE__ */ b("h4", { className: "voxket-video-controls-title", children: "Layout" }),
       /* @__PURE__ */ b("div", { className: "voxket-layout-buttons", children: [
         { type: "grid", icon: "⊞", label: "Grid" },
         { type: "speaker", icon: "🎤", label: "Speaker" },
         { type: "sidebar", icon: "⫸", label: "Sidebar" },
         { type: "gallery", icon: "⊡", label: "Gallery" }
-      ].map(({ type: u, icon: d, label: h }) => /* @__PURE__ */ _(
+      ].map(({ type: u, icon: d, label: h }) => /* @__PURE__ */ D(
         "button",
         {
           className: "voxket-layout-control-btn",
@@ -59813,28 +59743,28 @@ function Fz({
         u
       )) })
     ] }),
-    /* @__PURE__ */ _("div", { className: "voxket-video-controls-section", children: [
+    /* @__PURE__ */ D("div", { className: "voxket-video-controls-section", children: [
       /* @__PURE__ */ b("h4", { className: "voxket-video-controls-title", children: "Video Settings" }),
-      /* @__PURE__ */ _("div", { className: "voxket-video-settings", children: [
-        /* @__PURE__ */ _("div", { className: "voxket-setting-group", children: [
+      /* @__PURE__ */ D("div", { className: "voxket-video-settings", children: [
+        /* @__PURE__ */ D("div", { className: "voxket-setting-group", children: [
           /* @__PURE__ */ b("label", { className: "voxket-setting-label", children: "Quality" }),
-          /* @__PURE__ */ _("select", { className: "voxket-setting-select", children: [
+          /* @__PURE__ */ D("select", { className: "voxket-setting-select", children: [
             /* @__PURE__ */ b("option", { value: "high", children: "High (720p)" }),
             /* @__PURE__ */ b("option", { value: "medium", children: "Medium (480p)" }),
             /* @__PURE__ */ b("option", { value: "low", children: "Low (240p)" })
           ] })
         ] }),
-        /* @__PURE__ */ _("div", { className: "voxket-setting-group", children: [
+        /* @__PURE__ */ D("div", { className: "voxket-setting-group", children: [
           /* @__PURE__ */ b("label", { className: "voxket-setting-label", children: "Frame Rate" }),
-          /* @__PURE__ */ _("select", { className: "voxket-setting-select", children: [
+          /* @__PURE__ */ D("select", { className: "voxket-setting-select", children: [
             /* @__PURE__ */ b("option", { value: "30", children: "30 fps" }),
             /* @__PURE__ */ b("option", { value: "15", children: "15 fps" }),
             /* @__PURE__ */ b("option", { value: "10", children: "10 fps" })
           ] })
         ] }),
-        /* @__PURE__ */ _("div", { className: "voxket-setting-group", children: [
+        /* @__PURE__ */ D("div", { className: "voxket-setting-group", children: [
           /* @__PURE__ */ b("label", { className: "voxket-setting-label", children: "Bandwidth" }),
-          /* @__PURE__ */ _("select", { className: "voxket-setting-select", children: [
+          /* @__PURE__ */ D("select", { className: "voxket-setting-select", children: [
             /* @__PURE__ */ b("option", { value: "unlimited", children: "Unlimited" }),
             /* @__PURE__ */ b("option", { value: "1000", children: "1 Mbps" }),
             /* @__PURE__ */ b("option", { value: "500", children: "500 Kbps" }),
@@ -59843,18 +59773,18 @@ function Fz({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ _("div", { className: "voxket-video-controls-section", children: [
+    /* @__PURE__ */ D("div", { className: "voxket-video-controls-section", children: [
       /* @__PURE__ */ b("h4", { className: "voxket-video-controls-title", children: "Statistics" }),
-      /* @__PURE__ */ _("div", { className: "voxket-video-stats", children: [
-        /* @__PURE__ */ _("div", { className: "voxket-stat-item", children: [
+      /* @__PURE__ */ D("div", { className: "voxket-video-stats", children: [
+        /* @__PURE__ */ D("div", { className: "voxket-stat-item", children: [
           /* @__PURE__ */ b("span", { className: "voxket-stat-label", children: "Resolution:" }),
           /* @__PURE__ */ b("span", { className: "voxket-stat-value", children: e != null && e.dimensions ? `${e.dimensions.width}×${e.dimensions.height}` : "N/A" })
         ] }),
-        /* @__PURE__ */ _("div", { className: "voxket-stat-item", children: [
+        /* @__PURE__ */ D("div", { className: "voxket-stat-item", children: [
           /* @__PURE__ */ b("span", { className: "voxket-stat-label", children: "Source:" }),
           /* @__PURE__ */ b("span", { className: "voxket-stat-value", children: (e == null ? void 0 : e.source) || "None" })
         ] }),
-        /* @__PURE__ */ _("div", { className: "voxket-stat-item", children: [
+        /* @__PURE__ */ D("div", { className: "voxket-stat-item", children: [
           /* @__PURE__ */ b("span", { className: "voxket-stat-label", children: "Status:" }),
           /* @__PURE__ */ b("span", { className: `voxket-stat-value ${e != null && e.isEnabled ? "voxket-stat-value--active" : "voxket-stat-value--inactive"}`, children: e != null && e.isEnabled ? "Active" : "Inactive" })
         ] })
@@ -59863,8 +59793,8 @@ function Fz({
   ] });
 }
 const uz = ({ handler: e, loadData: t, data: n, client: i, addLocalMessage: r }) => {
-  const [s, o] = D.useState(null), [a, c] = D.useState(!0), [l, u] = D.useState(!1), [d] = D.useState(Date.now()), [h, f] = D.useState("pending");
-  D.useEffect(() => {
+  const [s, o] = _.useState(null), [a, c] = _.useState(!0), [l, u] = _.useState(!1), [d] = _.useState(Date.now()), [h, f] = _.useState("pending");
+  _.useEffect(() => {
     (async () => {
       try {
         if (c(!0), n && typeof n == "object") {
@@ -59888,7 +59818,7 @@ const uz = ({ handler: e, loadData: t, data: n, client: i, addLocalMessage: r })
   }, [n, t]);
   const m = ({ message: g, assignment: x }) => {
     const S = g.toLowerCase().includes("declined"), w = S ? "bg-red-50 border-red-200" : "bg-green-50 border-green-200", k = S ? "text-red-700" : "text-green-700", E = S ? "❌" : "🎉";
-    return /* @__PURE__ */ _("div", { className: `max-w-sm mx-auto ${w} border rounded-lg shadow p-3 flex flex-col items-center`, children: [
+    return /* @__PURE__ */ D("div", { className: `max-w-sm mx-auto ${w} border rounded-lg shadow p-3 flex flex-col items-center`, children: [
       /* @__PURE__ */ b("div", { className: "text-2xl mb-2", children: E }),
       /* @__PURE__ */ b("div", { className: `${k} font-semibold text-sm mb-1`, children: g }),
       /* @__PURE__ */ b("div", { className: "text-xs text-gray-600 text-center mb-1", children: x.title }),
@@ -59923,7 +59853,7 @@ const uz = ({ handler: e, loadData: t, data: n, client: i, addLocalMessage: r })
       }
     }
   };
-  return a ? /* @__PURE__ */ b("div", { className: "max-w-sm mx-auto bg-white rounded-lg shadow-lg p-3", children: /* @__PURE__ */ _("div", { className: "flex items-center justify-center py-4", children: [
+  return a ? /* @__PURE__ */ b("div", { className: "max-w-sm mx-auto bg-white rounded-lg shadow-lg p-3", children: /* @__PURE__ */ D("div", { className: "flex items-center justify-center py-4", children: [
     /* @__PURE__ */ b("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-600" }),
     /* @__PURE__ */ b("span", { className: "ml-2 text-xs text-gray-600", children: "Loading assignment..." })
   ] }) }) : s ? h === "accepted" || h === "declined" || h === "error" ? /* @__PURE__ */ b(
@@ -59932,25 +59862,25 @@ const uz = ({ handler: e, loadData: t, data: n, client: i, addLocalMessage: r })
       message: h === "accepted" ? "Assignment accepted!" : h === "declined" ? "Assignment declined" : "Assignment error occurred",
       assignment: s
     }
-  ) : /* @__PURE__ */ _("div", { className: "max-w-sm mx-auto bg-white rounded-lg shadow-lg overflow-hidden", children: [
+  ) : /* @__PURE__ */ D("div", { className: "max-w-sm mx-auto bg-white rounded-lg shadow-lg overflow-hidden", children: [
     /* @__PURE__ */ b("div", { className: "bg-gradient-to-r from-blue-600 to-purple-600 text-white p-3", children: /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ b("h3", { className: "text-xs font-semibold text-white truncate", children: s.title }) }) }),
-    /* @__PURE__ */ _("div", { className: "p-3 text-black", children: [
+    /* @__PURE__ */ D("div", { className: "p-3 text-black", children: [
       /* @__PURE__ */ b("div", { className: "bg-gray-50 rounded p-2 mb-3", children: /* @__PURE__ */ b("p", { className: "text-xs text-black leading-snug", children: s.description }) }),
-      /* @__PURE__ */ b("div", { className: "mb-3 text-black", children: /* @__PURE__ */ _("div", { className: "flex items-center text-xs text-gray-600", children: [
+      /* @__PURE__ */ b("div", { className: "mb-3 text-black", children: /* @__PURE__ */ D("div", { className: "flex items-center text-xs text-gray-600", children: [
         /* @__PURE__ */ b("span", { className: "text-xs mr-1", children: "📅" }),
-        /* @__PURE__ */ _("span", { children: [
+        /* @__PURE__ */ D("span", { children: [
           "Est: ",
           s.estimated_time_of_completion
         ] })
       ] }) }),
-      /* @__PURE__ */ _("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ D("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ b(
           "button",
           {
             onClick: p,
             disabled: l,
             className: "flex-1 bg-green-600 text-white py-2 px-3 rounded text-xs font-medium hover:bg-green-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-            children: l ? /* @__PURE__ */ _("span", { className: "flex items-center justify-center", children: [
+            children: l ? /* @__PURE__ */ D("span", { className: "flex items-center justify-center", children: [
               /* @__PURE__ */ b("div", { className: "animate-spin rounded-full h-2 w-2 border-b-2 border-white mr-1" }),
               /* @__PURE__ */ b("span", { className: "text-xs", children: "Processing..." })
             ] }) : "Accept"
@@ -59967,14 +59897,14 @@ const uz = ({ handler: e, loadData: t, data: n, client: i, addLocalMessage: r })
         )
       ] })
     ] })
-  ] }) : /* @__PURE__ */ b("div", { className: "max-w-sm mx-auto bg-white rounded-lg shadow-lg p-3", children: /* @__PURE__ */ _("div", { className: "text-center py-4", children: [
+  ] }) : /* @__PURE__ */ b("div", { className: "max-w-sm mx-auto bg-white rounded-lg shadow-lg p-3", children: /* @__PURE__ */ D("div", { className: "text-center py-4", children: [
     /* @__PURE__ */ b("div", { className: "text-red-600 text-sm font-semibold mb-2", children: "⚠️ Assignment Error" }),
     /* @__PURE__ */ b("p", { className: "text-xs text-gray-600 mb-3", children: "Failed to load assignment details." })
   ] }) });
 };
 function Uz() {
-  const [e, t] = D.useState(null), [n, i] = D.useState([]);
-  return D.useEffect(() => {
+  const [e, t] = _.useState(null), [n, i] = _.useState([]);
+  return _.useEffect(() => {
     const a = new Cf({
       appId: "your-app-id",
       appSecret: "your-app-secret",
@@ -59990,12 +59920,12 @@ function Uz() {
     }), () => {
       a.disconnect();
     };
-  }, []), /* @__PURE__ */ _("div", { className: "p-6", children: [
+  }, []), /* @__PURE__ */ D("div", { className: "p-6", children: [
     /* @__PURE__ */ b("h2", { className: "text-2xl font-bold mb-6", children: "Frontend RPC Examples" }),
-    /* @__PURE__ */ _("div", { className: "space-y-4 mb-6", children: [
-      /* @__PURE__ */ _("div", { children: [
+    /* @__PURE__ */ D("div", { className: "space-y-4 mb-6", children: [
+      /* @__PURE__ */ D("div", { children: [
         /* @__PURE__ */ b("h3", { className: "text-lg font-semibold mb-2", children: "Register RPC Methods" }),
-        /* @__PURE__ */ _("div", { className: "space-x-2", children: [
+        /* @__PURE__ */ D("div", { className: "space-x-2", children: [
           /* @__PURE__ */ b(
             "button",
             {
@@ -60024,7 +59954,7 @@ function Uz() {
               onClick: async () => {
                 if (!e) return;
                 const a = ({ handler: c, timeout: l }) => {
-                  const [u, d] = D.useState(""), h = [
+                  const [u, d] = _.useState(""), h = [
                     { id: "pro", name: "Pro Plan", price: "$29/month" },
                     { id: "enterprise", name: "Enterprise Plan", price: "$99/month" },
                     { id: "basic", name: "Basic Plan", price: "$9/month" }
@@ -60039,7 +59969,7 @@ function Uz() {
                       timestamp: (/* @__PURE__ */ new Date()).toISOString()
                     });
                   };
-                  return /* @__PURE__ */ _("div", { className: "p-6 bg-white rounded-lg", children: [
+                  return /* @__PURE__ */ D("div", { className: "p-6 bg-white rounded-lg", children: [
                     /* @__PURE__ */ b("h3", { className: "text-xl font-bold mb-4", children: "Choose Your Plan" }),
                     /* @__PURE__ */ b("p", { className: "text-gray-600 mb-4", children: "Select the plan that best fits your needs:" }),
                     /* @__PURE__ */ b("div", { className: "space-y-3 mb-6", children: h.map((p) => /* @__PURE__ */ b(
@@ -60047,8 +59977,8 @@ function Uz() {
                       {
                         onClick: () => f(p.id),
                         className: `p-4 border rounded-lg cursor-pointer transition-all ${u === p.id ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-gray-300"}`,
-                        children: /* @__PURE__ */ _("div", { className: "flex justify-between items-center", children: [
-                          /* @__PURE__ */ _("div", { children: [
+                        children: /* @__PURE__ */ D("div", { className: "flex justify-between items-center", children: [
+                          /* @__PURE__ */ D("div", { children: [
                             /* @__PURE__ */ b("h4", { className: "font-medium", children: p.name }),
                             /* @__PURE__ */ b("p", { className: "text-gray-600 text-sm", children: p.price })
                           ] }),
@@ -60057,7 +59987,7 @@ function Uz() {
                       },
                       p.id
                     )) }),
-                    /* @__PURE__ */ _("div", { className: "flex justify-end space-x-3", children: [
+                    /* @__PURE__ */ D("div", { className: "flex justify-end space-x-3", children: [
                       /* @__PURE__ */ b(
                         "button",
                         {
@@ -60076,7 +60006,7 @@ function Uz() {
                         }
                       )
                     ] }),
-                    l && /* @__PURE__ */ _("p", { className: "text-xs text-gray-500 mt-2", children: [
+                    l && /* @__PURE__ */ D("p", { className: "text-xs text-gray-500 mt-2", children: [
                       "Time remaining: ",
                       l,
                       " seconds"
@@ -60105,16 +60035,16 @@ function Uz() {
               onClick: async () => {
                 if (!e) return;
                 const a = ({ handler: c }) => {
-                  const [l, u] = D.useState(0), [d, h] = D.useState(""), f = () => {
+                  const [l, u] = _.useState(0), [d, h] = _.useState(""), f = () => {
                     c == null || c.didSuccess({
                       rating: l,
                       comment: d,
                       timestamp: (/* @__PURE__ */ new Date()).toISOString()
                     });
                   };
-                  return /* @__PURE__ */ _("div", { className: "p-4 bg-white rounded-lg", children: [
+                  return /* @__PURE__ */ D("div", { className: "p-4 bg-white rounded-lg", children: [
                     /* @__PURE__ */ b("h3", { className: "text-lg font-semibold mb-3", children: "How was your experience?" }),
-                    /* @__PURE__ */ _("div", { className: "mb-4", children: [
+                    /* @__PURE__ */ D("div", { className: "mb-4", children: [
                       /* @__PURE__ */ b("p", { className: "text-sm text-gray-600 mb-2", children: "Rate your experience:" }),
                       /* @__PURE__ */ b("div", { className: "flex space-x-1", children: [1, 2, 3, 4, 5].map((m) => /* @__PURE__ */ b(
                         "button",
@@ -60126,7 +60056,7 @@ function Uz() {
                         m
                       )) })
                     ] }),
-                    /* @__PURE__ */ _("div", { className: "mb-4", children: [
+                    /* @__PURE__ */ D("div", { className: "mb-4", children: [
                       /* @__PURE__ */ b("p", { className: "text-sm text-gray-600 mb-2", children: "Additional comments:" }),
                       /* @__PURE__ */ b(
                         "textarea",
@@ -60139,7 +60069,7 @@ function Uz() {
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ _("div", { className: "flex justify-end space-x-2", children: [
+                    /* @__PURE__ */ D("div", { className: "flex justify-end space-x-2", children: [
                       /* @__PURE__ */ b(
                         "button",
                         {
@@ -60178,15 +60108,15 @@ function Uz() {
           )
         ] })
       ] }),
-      /* @__PURE__ */ _("div", { children: [
+      /* @__PURE__ */ D("div", { children: [
         /* @__PURE__ */ b("h3", { className: "text-lg font-semibold mb-2", children: "Registered Methods" }),
         n.length > 0 ? /* @__PURE__ */ b("ul", { className: "list-disc list-inside space-y-1", children: n.map((a) => /* @__PURE__ */ b("li", { className: "text-gray-700", children: /* @__PURE__ */ b("code", { className: "bg-gray-100 px-2 py-1 rounded", children: a }) }, a)) }) : /* @__PURE__ */ b("p", { className: "text-gray-500", children: "No methods registered yet" })
       ] })
     ] }),
-    /* @__PURE__ */ _("div", { className: "bg-gray-50 p-4 rounded-lg", children: [
+    /* @__PURE__ */ D("div", { className: "bg-gray-50 p-4 rounded-lg", children: [
       /* @__PURE__ */ b("h3", { className: "text-lg font-semibold mb-2", children: "How it works" }),
-      /* @__PURE__ */ _("ol", { className: "list-decimal list-inside space-y-2 text-sm text-gray-700", children: [
-        /* @__PURE__ */ _("li", { children: [
+      /* @__PURE__ */ D("ol", { className: "list-decimal list-inside space-y-2 text-sm text-gray-700", children: [
+        /* @__PURE__ */ D("li", { children: [
           "Register RPC methods with React components using ",
           /* @__PURE__ */ b("code", { children: "client.registerFrontendRPC()" })
         ] }),
@@ -60196,7 +60126,7 @@ function Uz() {
         /* @__PURE__ */ b("li", { children: "Each component has a timeout and can handle success/failure scenarios" })
       ] })
     ] }),
-    /* @__PURE__ */ _("div", { className: "mt-6 bg-blue-50 p-4 rounded-lg", children: [
+    /* @__PURE__ */ D("div", { className: "mt-6 bg-blue-50 p-4 rounded-lg", children: [
       /* @__PURE__ */ b("h3", { className: "text-lg font-semibold mb-2 text-blue-800", children: "Agent Side" }),
       /* @__PURE__ */ b("p", { className: "text-sm text-blue-700 mb-2", children: "On the agent side, you can call these RPC methods like this:" }),
       /* @__PURE__ */ b("pre", { className: "bg-white p-3 rounded text-xs text-gray-800 overflow-x-auto", children: `// Agent calls RPC method
@@ -60283,8 +60213,8 @@ const Vz = {
       }
     };
   }
-}, zz = (e) => typeof window > "u" ? null : D.createElement(fx, {
-  children: D.createElement(_a, e)
+}, zz = (e) => typeof window > "u" ? null : _.createElement(fx, {
+  children: _.createElement(_a, e)
 });
 export {
   RV as AgentManager,