@voxket-ai/voxket-live 1.1.44 → 1.1.45

package/dist/index.js

@@ -1,9 +1,9 @@
 var $x = Object.defineProperty;
 var zx = (e, t, n) => t in e ? $x(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Me = (e, t, n) => zx(e, typeof t != "symbol" ? t + "" : t, n);
-import * as D from "react";
+import * as O from "react";
 import Fe, { createContext as Ni, useRef as Xt, useLayoutEffect as jx, useEffect as kt, useId as Vd, useContext as Ht, useInsertionEffect as t0, useMemo as wn, useCallback as at, Children as Hx, isValidElement as Wx, useState as _e, Fragment as n0, createElement as Gx, forwardRef as qx, Component as Kx } from "react";
-import { jsx as b, Fragment as Wt, jsxs as O } from "react/jsx-runtime";
+import { jsx as b, Fragment as Wt, jsxs as D } from "react/jsx-runtime";
 import i0, { clsx as Yx } from "clsx";
 import { X as Zx, Clock as Xx, Paperclip as Jx, SendHorizontal as Qx, Mic as eT, MicOff as tT, Camera as nT, CameraOff as r0, Monitor as s0, MessageCircle as iT, PhoneOff as rT, Download as sT, Image as oT, Video as aT, Music as cT, Archive as lT, FileText as uT, LayoutGrid as dT, Users as hT, User as o0 } from "lucide-react";
 import fT from "@emotion/styled";
@@ -17820,7 +17820,7 @@ const sn = (e) => !!(e && e.getVelocity), XR = [...Nv, Ut, Xi], JR = (e) => XR.f
   isStatic: !1,
   reducedMotion: "never"
 });
-class QR extends D.Component {
+class QR extends O.Component {
   getSnapshotBeforeUpdate(t) {
     const n = this.props.childRef.current;
     if (n && t.isPresent && !this.props.isPresent) {
@@ -17866,7 +17866,7 @@ function eA({ children: e, isPresent: t, anchorX: n, root: i }) {
         `), () => {
       p.contains(m) && p.removeChild(m);
     };
-  }, [t]), b(QR, { isPresent: t, childRef: s, sizeRef: o, children: D.cloneElement(e, { ref: s }) });
+  }, [t]), b(QR, { isPresent: t, childRef: s, sizeRef: o, children: O.cloneElement(e, { ref: s }) });
 }
 const tA = ({ children: e, initial: t, isPresent: n, onExitComplete: i, custom: r, presenceAffectsLayout: s, mode: o, anchorX: a, root: c }) => {
   const l = ch(nA), u = Vd();
@@ -17886,7 +17886,7 @@ const tA = ({ 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]), O.useEffect(() => {
     !n && !l.size && i && i();
   }, [n]), o === "popLayout" && (e = b(eA, { isPresent: n, anchorX: a, root: c, children: e })), b(kc.Provider, { value: h, children: e });
 };
@@ -18416,7 +18416,7 @@ function wl(e, { forwardMotionProps: t = !1 } = {}, n, i) {
       const m = MA(u);
       l = m.MeasureLayout, h.visualElement = AA(e, f, u, i, m.ProjectionNode);
     }
-    return O(wc.Provider, { value: h, children: [l && h.visualElement ? b(l, { visualElement: h.visualElement, ...u }) : null, wA(e, a, _A(f, h.visualElement, c), f, d, t)] });
+    return D(wc.Provider, { value: h, children: [l && h.visualElement ? b(l, { visualElement: h.visualElement, ...u }) : null, wA(e, a, _A(f, h.visualElement, c), f, d, t)] });
   }
   s.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
   const o = qx(s);
@@ -22289,12 +22289,12 @@ function LI(e, t, n) {
     Tc(sg(e, t, o))
   );
 }
-D.createContext(void 0);
-const FI = D.createContext(
+O.createContext(void 0);
+const FI = O.createContext(
   void 0
 );
 function Qk() {
-  return D.useContext(FI);
+  return O.useContext(FI);
 }
 function ew(e) {
   const t = Qk(), n = e ?? t;
@@ -22304,16 +22304,16 @@ function ew(e) {
     );
   return n;
 }
-D.createContext(void 0);
-const Qa = D.createContext(void 0);
+O.createContext(void 0);
+const Qa = O.createContext(void 0);
 function tw() {
-  const e = D.useContext(Qa);
+  const e = O.useContext(Qa);
   if (!e)
     throw Error("tried to access room context outside of livekit room component");
   return e;
 }
 function UI() {
-  return D.useContext(Qa);
+  return O.useContext(Qa);
 }
 function nw(e) {
   const t = UI(), n = e ?? t;
@@ -22323,7 +22323,7 @@ function nw(e) {
     );
   return n;
 }
-D.createContext(void 0);
+O.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(VI));
 }
 function $I(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 O.Children.map(e, (i) => O.isValidElement(i) && O.Children.only(e) ? (i.props.className && (t ?? (t = {}), t.className = rw(i.props.className, t.className), t.style = { ...i.props.style, ...t.style }), O.cloneElement(i, { ...t, key: n })) : i);
 }
 function zI(e, t, n = !0) {
-  const [i, r] = D.useState(t);
-  return D.useEffect(() => {
+  const [i, r] = O.useState(t);
+  return O.useEffect(() => {
     if (n && r(t), typeof window > "u" || !e) return;
     const s = e.subscribe(r);
     return () => s.unsubscribe();
   }, [e, n]), i;
 }
 function jI({ 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 } = O.useMemo(
     () => DI(),
     []
-  ), o = D.useMemo(
+  ), o = O.useMemo(
     () => r(n),
     [n, r]
   ), { canPlayAudio: a } = zI(o, {
     canPlayAudio: n.canPlaybackAudio
   });
-  return { mergedProps: D.useMemo(
+  return { mergedProps: O.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] = O.useState([]), [s, o] = O.useState([]), a = O.useMemo(() => e.map((c) => Yk(c) ? c.source : c), [JSON.stringify(e)]);
+  return O.useEffect(() => {
     const c = LI(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(() => {
+  ]), O.useMemo(() => {
     if (Zk(e)) {
       const c = WI(e, s), l = Array.from(i);
       return s.forEach((u) => {
@@ -22481,10 +22481,10 @@ const GI = (e) => {
 };
 function KI(e, t = {}) {
   var n;
-  const i = e instanceof V ? e : (n = e == null ? void 0 : e.publication) == null ? void 0 : n.track, r = { ...qI, ...t }, [s, o] = D.useState(
+  const i = e instanceof V ? e : (n = e == null ? void 0 : e.publication) == null ? void 0 : n.track, r = { ...qI, ...t }, [s, o] = O.useState(
     new Array(r.bands).fill(0)
   );
-  return D.useEffect(() => {
+  return O.useEffect(() => {
     if (!i || !(i != null && i.mediaStream))
       return;
     const { analyser: a, cleanup: c } = OE(i, r.analyserOptions), l = a.frequencyBinCount, u = new Float32Array(l), d = setInterval(() => {
@@ -22505,29 +22505,29 @@ function KI(e, t = {}) {
     };
   }, [i, i == null ? void 0 : i.mediaStream, JSON.stringify(t)]), s;
 }
-const og = /* @__PURE__ */ D.forwardRef(
+const og = /* @__PURE__ */ O.forwardRef(
   function({ label: e = "Allow Audio", ...t }, n) {
     const i = tw(), { mergedProps: r } = jI({ room: i, props: t });
-    return /* @__PURE__ */ D.createElement("button", { ref: n, ...r }, e);
+    return /* @__PURE__ */ O.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(() => NI(e), [
+  const [n, i] = O.useState(wd(e)), [r, s] = O.useState(n == null ? void 0 : n.isMuted), [o, a] = O.useState(n == null ? void 0 : n.isSubscribed), [c, l] = O.useState(n == null ? void 0 : n.track), [u, d] = O.useState("landscape"), h = O.useRef(), { className: f, trackObserver: m } = O.useMemo(() => NI(e), [
     e.participant.sid ?? e.participant.identity,
     e.source,
     Hh(e) && e.publication.trackSid
   ]);
-  return D.useEffect(() => {
+  return O.useEffect(() => {
     const p = m.subscribe((v) => {
       Ji.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]), O.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]), O.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";
@@ -22713,7 +22713,7 @@ function eM({
   ];
   return m.ref = m[0], m.isIntersecting = m[1], m.entry = m[2], m;
 }
-const Cc = /* @__PURE__ */ D.forwardRef(
+const Cc = /* @__PURE__ */ O.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 = O.useRef(null);
+    O.useImperativeHandle(o, () => c.current);
     const l = eM({ root: c.current }), [u] = QI(l, 3e3);
-    D.useEffect(() => {
+    O.useEffect(() => {
       r && a.publication instanceof za && (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]), O.useEffect(() => {
       r && a.publication instanceof za && (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(() => {
+    O.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__ */ O.createElement("video", { ref: c, ...d, muted: !0, onClick: m });
   }
-), lw = /* @__PURE__ */ D.forwardRef(
+), lw = /* @__PURE__ */ O.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 = O.useRef(null);
+    O.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 O.useEffect(() => {
       t == null || t(!!c);
-    }, [c, t]), D.useEffect(() => {
+    }, [c, t]), O.useEffect(() => {
       l === void 0 || n === void 0 || (l instanceof Gy ? l.setVolume(n) : Ji.warn("Volume can only be set on remote audio tracks."));
-    }, [n, l]), D.useEffect(() => {
+    }, [n, l]), O.useEffect(() => {
       u === void 0 || i.muted === void 0 || (u instanceof za ? u.setEnabled(!i.muted) : Ji.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__ */ O.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__ */ O.createElement("div", { style: { display: "none" } }, n.map((i) => /* @__PURE__ */ O.createElement(
     lw,
     {
       key: _I(i),
@@ -22828,7 +22828,7 @@ const tM = (e) => {
         break;
     }
   return n;
-}, uw = /* @__PURE__ */ D.forwardRef(
+}, uw = /* @__PURE__ */ O.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 = Qk();
@@ -22842,13 +22842,13 @@ const tM = (e) => {
       n,
       rM(e, n) ?? 100
     );
-    return /* @__PURE__ */ D.createElement("div", { ref: o, ...a, "data-lk-va-state": e }, l.map(
+    return /* @__PURE__ */ O.createElement("div", { ref: o, ...a, "data-lk-va-state": e }, l.map(
       (f, m) => r ? $I(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__ */ O.createElement(
         "span",
         {
           key: m,
@@ -25854,8 +25854,8 @@ const ww = Fe.forwardRef(({
     highlighted: "bg-white",
     muted: "bg-white/30"
   }, [i]);
-  return /* @__PURE__ */ O("div", { ref: r, className: Qe("", n), children: [
-    t && /* @__PURE__ */ O(Wt, { children: [
+  return /* @__PURE__ */ D("div", { ref: r, className: Qe("", n), children: [
+    t && /* @__PURE__ */ D(Wt, { children: [
       /* @__PURE__ */ b(lw, { ref: s, trackRef: t, volume: 1 }),
       /* @__PURE__ */ b(
         uw,
@@ -25910,7 +25910,7 @@ const GM = ({
       className: "rounded-md"
     }
   ) });
-}, qM = D.forwardRef(function({ trackRef: t, className: n, ...i }, r) {
+}, qM = O.forwardRef(function({ trackRef: t, className: n, ...i }, r) {
   var s, o;
   return /* @__PURE__ */ b("div", { ref: r, className: Qe("bg-muted overflow-hidden rounded-md", n), children: /* @__PURE__ */ b(
     Cc,
@@ -26021,7 +26021,7 @@ function XM({ 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__ */ O("div", { className: Qe(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: Qe(Lr.grid), children: [
     f && /* @__PURE__ */ b(
       "div",
       {
@@ -26031,7 +26031,7 @@ function XM({ chatOpen: e, client: t, theme: n = "vox" }) {
           e && h && Lr.agentChatOpenWithSecondTile,
           e && !h && Lr.agentChatOpenWithoutSecondTile
         ]),
-        children: /* @__PURE__ */ O("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(
             KM,
@@ -26073,7 +26073,7 @@ function XM({ chatOpen: e, client: t, theme: n = "vox" }) {
           e && Lr.secondTileChatOpen,
           !e && Lr.secondTileChatClosed
         ]),
-        children: /* @__PURE__ */ O("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,
             {
@@ -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] = O.useState(() => Date.now()), o = () => e.component ? O.createElement(e.component, {
     handler: e.handler || void 0,
     timeout: e.timeout,
     loadData: async (l) => {
@@ -26465,7 +26465,7 @@ 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__ */ O(
+      return /* @__PURE__ */ b(gs, { children: /* @__PURE__ */ D(
         Be.div,
         {
           initial: { opacity: 0 },
@@ -26473,9 +26473,9 @@ function ec({ interaction: e, theme: t, onDismiss: n, client: i, addLocalMessage
           exit: { opacity: 0 },
           className: "fixed inset-0 z-[9999] bg-black",
           children: [
-            /* @__PURE__ */ O("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ D("div", { className: "flex flex-col", children: [
               /* @__PURE__ */ b(bg, { timeout: e.timeout }),
-              /* @__PURE__ */ O("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",
@@ -26500,7 +26500,7 @@ function ec({ interaction: e, theme: t, onDismiss: n, client: i, addLocalMessage
           animate: { opacity: 1, y: 0 },
           exit: { opacity: 0, y: -20 },
           className: "w-fit rounded-lg ",
-          children: /* @__PURE__ */ O("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__ */ O("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: WM(s) }),
     a && /* @__PURE__ */ b("span", { className: "text-xs ml-1 text-red-500", children: "(Expired)" })
@@ -26595,9 +26595,9 @@ function Ec({
       n ? "opacity-50 cursor-not-allowed" : "hover:scale-105"
     );
   }, j = () => /* @__PURE__ */ b("div", { className: "w-5 h-5 animate-spin rounded-full border-2 border-current border-t-transparent" });
-  return /* @__PURE__ */ O("div", { className: ue, children: [
-    x && /* @__PURE__ */ O("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-      T && k && /* @__PURE__ */ O(Wt, { children: [
+  return /* @__PURE__ */ D("div", { className: ue, children: [
+    x && /* @__PURE__ */ D("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+      T && k && /* @__PURE__ */ D(Wt, { children: [
         /* @__PURE__ */ b(
           "button",
           {
@@ -26659,7 +26659,7 @@ function Ec({
         }
       )
     ] }),
-    !x && /* @__PURE__ */ O(Wt, { children: [
+    !x && /* @__PURE__ */ D(Wt, { children: [
       i && o && /* @__PURE__ */ b(
         "button",
         {
@@ -26716,10 +26716,10 @@ function Ec({
 Ec.displayName = "UnifiedControlBar";
 const iO = ({ logLevel: e } = {}) => {
   const t = tw();
-  D.useEffect(() => (qC(e ?? "debug"), window.__lk_room = t, () => {
+  O.useEffect(() => (qC(e ?? "debug"), window.__lk_room = t, () => {
     window.__lk_room = void 0;
   }), [t, e]);
-}, Sw = D.forwardRef((e, t) => {
+}, Sw = O.forwardRef((e, t) => {
   const {
     alt: n,
     color: i = "currentColor",
@@ -26730,7 +26730,7 @@ const iO = ({ logLevel: e } = {}) => {
     weights: c,
     ...l
   } = e;
-  return /* @__PURE__ */ D.createElement(
+  return /* @__PURE__ */ O.createElement(
     "svg",
     {
       ref: t,
@@ -26742,7 +26742,7 @@ const iO = ({ logLevel: e } = {}) => {
       transform: o ? "scale(-1, 1)" : void 0,
       ...l
     },
-    !!n && /* @__PURE__ */ D.createElement("title", null, n),
+    !!n && /* @__PURE__ */ O.createElement("title", null, n),
     a,
     c.get(s)
   );
@@ -26751,29 +26751,29 @@ Sw.displayName = "SSRBase";
 const rO = /* @__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__ */ O.createElement(O.Fragment, null, /* @__PURE__ */ O.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__ */ O.createElement(O.Fragment, null, /* @__PURE__ */ O.createElement("path", { d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z", opacity: "0.2" }), /* @__PURE__ */ O.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__ */ O.createElement(O.Fragment, null, /* @__PURE__ */ O.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__ */ O.createElement(O.Fragment, null, /* @__PURE__ */ O.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__ */ O.createElement(O.Fragment, null, /* @__PURE__ */ O.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__ */ O.createElement(O.Fragment, null, /* @__PURE__ */ O.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: rO }));
+]), nc = O.forwardRef((e, t) => /* @__PURE__ */ O.createElement(Sw, { ref: t, ...e, weights: rO }));
 nc.displayName = "SpinnerIcon";
 function sO({
   text: e,
@@ -26781,8 +26781,8 @@ function sO({
   isRealTimeStream: n = !1,
   speed: i = 50
 }) {
-  const [r, s] = D.useState(""), [o, a] = D.useState(0);
-  return D.useEffect(() => {
+  const [r, s] = O.useState(""), [o, a] = O.useState(0);
+  return O.useEffect(() => {
     if (n) {
       s(e);
       return;
@@ -26797,9 +26797,9 @@ function sO({
       }, i);
       return () => clearTimeout(c);
     }
-  }, [e, o, t, i, n]), D.useEffect(() => {
+  }, [e, o, t, i, n]), O.useEffect(() => {
     n || (a(0), s(""));
-  }, [e, n]), /* @__PURE__ */ O("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(
       Be.span,
@@ -26831,8 +26831,8 @@ function aO(e) {
   return parseFloat((e / Math.pow(t, i)).toFixed(2)) + " " + n[i];
 }
 function cO({ 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 = oO(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 = oO(a), p = c || l, v = c ? u : d, g = c ? "Downloading..." : l ? "Uploading..." : "Complete", [x, S] = O.useState(null);
+  O.useEffect(() => {
     if (h)
       S(h);
     else if (f && a.startsWith("image/")) {
@@ -26847,8 +26847,8 @@ function cO({ message: e, theme: t, isOwn: n }) {
       P.href = h, P.download = s, P.click();
     }
   }, T = a.startsWith("image/") && x;
-  return /* @__PURE__ */ O("div", { className: "flex flex-col gap-2 max-w-full sm:max-w-sm", children: [
-    T && /* @__PURE__ */ O("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: [
+    T && /* @__PURE__ */ D("div", { className: "relative rounded-lg overflow-hidden", children: [
       /* @__PURE__ */ b(
         "img",
         {
@@ -26860,7 +26860,7 @@ function cO({ 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__ */ O("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 cO({ 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__ */ O("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__ */ O("div", { className: `text-xs ${i.text.muted}`, children: [
+        /* @__PURE__ */ D("div", { className: `text-xs ${i.text.muted}`, children: [
           o > 0 && aO(o),
-          p && /* @__PURE__ */ O(Wt, { children: [
+          p && /* @__PURE__ */ D(Wt, { children: [
             o > 0 && " • ",
             g,
             " ",
@@ -26945,7 +26945,7 @@ function lO(e) {
           ...r,
           children: i
         }
-      ) : /* @__PURE__ */ O("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",
@@ -33733,7 +33733,7 @@ function EF(e, t) {
     components: r,
     ignoreInvalidStyle: !0,
     jsx: b,
-    jsxs: O,
+    jsxs: D,
     passKeys: !0,
     passNode: !0
   });
@@ -49899,11 +49899,11 @@ function C5(e) {
 }
 function E5({ 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 = 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 || dO(e.content);
-  }, [e.content, e.metadata]), a = D.useMemo(() => o ? hO(e.content) : e.content, [e.content, o]), c = D.useMemo(() => lO(t), [t]);
-  return /* @__PURE__ */ b("div", { className: `flex w-full ${n ? "justify-end" : "justify-start"} mb-4 px-3`, children: /* @__PURE__ */ O("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 = O.useMemo(() => o ? hO(e.content) : e.content, [e.content, o]), c = O.useMemo(() => lO(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 E5({ message: e, theme: t, isOwn: n, isStreaming: i = !1 }) {
         children: s
       }
     ),
-    /* @__PURE__ */ O(
+    /* @__PURE__ */ D(
       "div",
       {
         className: `
@@ -49950,7 +49950,7 @@ function E5({ message: e, theme: t, isOwn: n, isStreaming: i = !1 }) {
 }
 function _5({ theme: e }) {
   const t = hn(e);
-  return /* @__PURE__ */ b("div", { className: "flex w-full justify-start mb-4 px-1", children: /* @__PURE__ */ O("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,7 +49966,7 @@ function _5({ theme: e }) {
             ${t.chatMessage.other}
             transition-all duration-200
           `,
-        children: /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ O("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(
             Be.div,
@@ -49993,29 +49993,29 @@ function _5({ theme: e }) {
   ] }) });
 }
 function R5() {
-  return /* @__PURE__ */ O("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 A5() {
-  return /* @__PURE__ */ O("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 P5({ toolData: e }) {
-  return /* @__PURE__ */ O("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 N5(e) {
-  const [t, n] = D.useState(() => e && typeof e.getChatMessages == "function" ? e.getChatMessages() : []), [i, r] = D.useState(() => {
+  const [t, n] = O.useState(() => e && typeof e.getChatMessages == "function" ? e.getChatMessages() : []), [i, r] = O.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] = O.useState(/* @__PURE__ */ new Set()), [a, c] = O.useState([]);
   return {
     messages: t,
     setMessages: n,
@@ -50028,8 +50028,8 @@ function N5(e) {
   };
 }
 function I5(e) {
-  const [t, n] = D.useState("idle"), [i, r] = D.useState([]);
-  return D.useEffect(() => {
+  const [t, n] = O.useState("idle"), [i, r] = O.useState([]);
+  return O.useEffect(() => {
     (() => {
       const u = e.getAgentState();
       n(u || "idle");
@@ -50048,8 +50048,8 @@ function I5(e) {
   };
 }
 function M5(e) {
-  const [t, n] = D.useState(() => e.getCurrentInteraction());
-  return D.useEffect(() => {
+  const [t, n] = O.useState(() => e.getCurrentInteraction());
+  return O.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 M5(e) {
   };
 }
 function O5() {
-  const e = D.useRef(null), [t, n] = D.useState(!0), i = D.useCallback((a = !1) => {
+  const e = O.useRef(null), [t, n] = O.useState(!0), i = O.useCallback((a = !1) => {
     if (e.current) {
       const c = e.current;
       a ? c.scrollTop = c.scrollHeight : c.scrollTo({
@@ -50066,16 +50066,16 @@ function O5() {
         behavior: "smooth"
       });
     }
-  }, []), r = D.useCallback(() => {
+  }, []), r = O.useCallback(() => {
     if (e.current) {
       const { scrollTop: a, scrollHeight: c, clientHeight: l } = e.current;
       return c - a - l < 100;
     }
     return !0;
-  }, []), s = D.useCallback(() => {
+  }, []), s = O.useCallback(() => {
     const a = r();
     n(a);
-  }, [r]), o = D.useCallback((a = !1) => {
+  }, [r]), o = O.useCallback((a = !1) => {
     t && i(a);
   }, [t, i]);
   return {
@@ -50088,8 +50088,8 @@ function O5() {
   };
 }
 function D5() {
-  const [e, t] = D.useState(!1), [n, i] = D.useState(!1);
-  return D.useEffect(() => {
+  const [e, t] = O.useState(!1), [n, i] = O.useState(!1);
+  return O.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 = O.useMemo(() => {
     const F = e.getCurrentAgentInfo();
     return qh(F);
-  }, [e]), { suggestedReplyEnabled: c, attachmentsEnabled: l } = D.useMemo(
+  }, [e]), { suggestedReplyEnabled: c, attachmentsEnabled: l } = O.useMemo(
     () => jM(a),
     [a]
-  ), u = D.useMemo(
+  ), u = O.useMemo(
     () => Kh(a),
     [a]
   ), {
@@ -50134,11 +50134,11 @@ function mf({
     smartScrollToBottom: N,
     handleScroll: y,
     scrollToBottom: R
-  } = O5(), { isMobile: I, isFullscreen: L, setIsFullscreen: B } = D5(), [K, ue] = D.useState(/* @__PURE__ */ new Set()), [se, j] = D.useState([]), H = hn(t);
-  D.useEffect(() => (L && I && (document.body.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.width = "100%", document.body.style.height = "100%", document.documentElement.requestFullscreen && document.documentElement.requestFullscreen().catch(console.log)), () => {
+  } = O5(), { isMobile: I, isFullscreen: L, setIsFullscreen: B } = D5(), [K, ue] = O.useState(/* @__PURE__ */ new Set()), [se, j] = O.useState([]), H = hn(t);
+  O.useEffect(() => (L && I && (document.body.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.width = "100%", document.body.style.height = "100%", document.documentElement.requestFullscreen && document.documentElement.requestFullscreen().catch(console.log)), () => {
     L && I && (document.body.style.overflow = "unset", document.body.style.position = "unset", document.body.style.width = "unset", document.body.style.height = "unset", document.fullscreenElement && document.exitFullscreen().catch(console.log));
   }), [L, I]);
-  const C = e.getCurrentAgentInfo(), W = (C == null ? void 0 : C.name) || "AI Assistant", Y = W.split(" ").map((F) => F[0]).join("").toUpperCase().slice(0, 2), E = D.useCallback((F) => {
+  const C = e.getCurrentAgentInfo(), W = (C == null ? void 0 : C.name) || "AI Assistant", Y = W.split(" ").map((F) => F[0]).join("").toUpperCase().slice(0, 2), E = O.useCallback((F) => {
     const de = {
       id: `local_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
       content: F,
@@ -50155,7 +50155,7 @@ function mf({
     };
     h((Ne) => [...Ne, de]);
   }, [h]);
-  D.useEffect(() => {
+  O.useEffect(() => {
     if (P && d.length > 0) {
       N(!0);
       const F = setTimeout(() => {
@@ -50163,7 +50163,7 @@ function mf({
       }, 10);
       return () => clearTimeout(F);
     }
-  }, [d.length, N, P]), D.useEffect(() => {
+  }, [d.length, N, P]), O.useEffect(() => {
     if (w && P) {
       N(!0);
       const F = setTimeout(() => {
@@ -50171,7 +50171,7 @@ function mf({
       }, 50);
       return () => clearTimeout(F);
     }
-  }, [w, N, P]), D.useEffect(() => {
+  }, [w, N, P]), O.useEffect(() => {
     S.forEach((F) => {
       const de = `${F.created_at}-${F.type}`;
       K.has(de) || (console.log("Processing tool execution:", de), ue((Ne) => new Set(Ne).add(de)), setTimeout(() => {
@@ -50201,7 +50201,7 @@ function mf({
         }, 0);
       }, 100));
     });
-  }, [S, K, h, P, N]), D.useEffect(() => {
+  }, [S, K, h, P, N]), O.useEffect(() => {
     const F = (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]);
@@ -50251,7 +50251,7 @@ function mf({
     return e.on("chat.message.received", F), e.on("chat.message.updated", de), e.on("chat.message.sent", Ne), () => {
       e.off("chat.message.received", F), e.off("chat.message.updated", de), e.off("chat.message.sent", Ne);
     };
-  }, [e, w, P, N, f, h, p, g]), D.useEffect(() => {
+  }, [e, w, P, N, f, h, p, g]), O.useEffect(() => {
     const F = (pe) => {
       console.log("ChatView: RPC interaction started:", pe);
       const Te = e.getCurrentInteraction();
@@ -50363,7 +50363,7 @@ function mf({
     return e.on("rpc.interaction.started", F), e.on("rpc.interaction.completed", de), e.on("rpc.interaction.timeout", Ne), e.on("rpc.interaction.dismissed", we), () => {
       e.off("rpc.interaction.started", F), e.off("rpc.interaction.completed", de), e.off("rpc.interaction.timeout", Ne), e.off("rpc.interaction.dismissed", we);
     };
-  }, [e, P, N, W, v, w, k, h, p, g]), D.useEffect(() => {
+  }, [e, P, N, W, v, w, k, h, p, g]), O.useEffect(() => {
     console.log("ChatView: Display type changed to:", r, "Current interaction:", (w == null ? void 0 : w.methodName) || "none");
   }, [r, w]);
   const J = async (F) => {
@@ -50379,7 +50379,7 @@ function mf({
       console.error("Failed to send attachments:", de);
     }
   };
-  D.useEffect(() => {
+  O.useEffect(() => {
     const F = (de) => {
       j(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 && I ? "fullscreen" : r, re = ie === "fullscreen" ? L && I ? `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 && I ? `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 && I ? "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide p-4 w-full max-w-none chat-scrollable min-h-0" : "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide p-6 w-full max-w-none chat-scrollable min-h-0" : "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide w-full p-4 chat-scrollable min-h-0", Z = "flex-shrink-0 !w-full", Pe = () => {
     B(!1), n && n();
   };
-  return /* @__PURE__ */ O("div", { className: `${re} relative`, children: [
-    /* @__PURE__ */ b("div", { className: X, children: /* @__PURE__ */ O("div", { className: "flex items-center justify-between w-full", children: [
-      /* @__PURE__ */ O("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",
           {
@@ -50422,7 +50422,7 @@ function mf({
           whileTap: { scale: 0.95 },
           className: `p-1.5 rounded-md transition-all duration-200 ${L && I ? "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__ */ O(
+          children: /* @__PURE__ */ D(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -50455,7 +50455,7 @@ function mf({
           overscrollBehavior: "contain"
         },
         onScroll: y,
-        children: d.length === 0 ? /* @__PURE__ */ O("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(
             Be.div,
             {
@@ -50471,15 +50471,15 @@ function mf({
               children: Y
             }
           ),
-          /* @__PURE__ */ O("p", { className: `text-base mb-2 ${L && I ? "text-white" : H.text.secondary}`, children: [
+          /* @__PURE__ */ D("p", { className: `text-base mb-2 ${L && I ? "text-white" : H.text.secondary}`, children: [
             W,
             " is joining..."
           ] }),
           /* @__PURE__ */ b("p", { className: `text-xs ${L && I ? "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__ */ O("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((F, de) => {
             var Ne, we, pe, Te;
-            return /* @__PURE__ */ b("div", { children: ((Ne = F.metadata) == null ? void 0 : Ne.type) === "successView" ? /* @__PURE__ */ b("div", { className: "flex w-full justify-end mb-4 px-3", children: /* @__PURE__ */ O("div", { className: "relative group flex-row-reverse flex items-end gap-3 w-full min-w-0", children: [
+            return /* @__PURE__ */ b("div", { children: ((Ne = F.metadata) == null ? void 0 : Ne.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(
                 Be.div,
                 {
@@ -50490,34 +50490,34 @@ function mf({
                   children: Y
                 }
               ),
-              /* @__PURE__ */ O("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: [
                 F.metadata.view,
                 /* @__PURE__ */ b("div", { className: `text-xs ${H.text.muted} mt-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200`, children: F.timestamp.toLocaleTimeString([], {
                   hour: "2-digit",
                   minute: "2-digit"
                 }) })
               ] })
-            ] }) }) : ((we = F.metadata) == null ? void 0 : we.type) === "timeoutView" ? /* @__PURE__ */ b("div", { className: "flex w-full justify-start mb-4 px-3", children: /* @__PURE__ */ O("div", { className: "relative group flex-row flex items-end gap-3 w-full min-w-0", children: [
+            ] }) }) : ((we = F.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__ */ O("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: [
                 F.metadata.view,
                 /* @__PURE__ */ b("div", { className: `text-xs ${H.text.muted} mt-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200`, children: F.timestamp.toLocaleTimeString([], {
                   hour: "2-digit",
                   minute: "2-digit"
                 }) })
               ] })
-            ] }) }) : ((pe = F.metadata) == null ? void 0 : pe.type) === "visualization" ? /* @__PURE__ */ b("div", { className: "flex w-full justify-start mb-4 px-3", children: /* @__PURE__ */ O("div", { className: "relative group flex-row flex items-end gap-3 w-full min-w-0", children: [
+            ] }) }) : ((pe = F.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__ */ O("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: [
                 F.metadata.view,
                 /* @__PURE__ */ b("div", { className: `text-xs ${H.text.muted} mt-1 opacity-70 transition-opacity duration-200`, children: F.timestamp.toLocaleTimeString([], {
                   hour: "2-digit",
                   minute: "2-digit"
                 }) })
               ] })
-            ] }) }) : ((Te = F.metadata) == null ? void 0 : Te.type) === "toolExecution" ? /* @__PURE__ */ b("div", { className: "flex w-full justify-start mb-4 px-3", children: /* @__PURE__ */ O("div", { className: "relative group flex-row flex items-end gap-3 w-full min-w-0", children: [
+            ] }) }) : ((Te = F.metadata) == null ? void 0 : Te.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__ */ O("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: [
                 F.metadata.view,
                 /* @__PURE__ */ b("div", { className: `text-xs ${H.text.muted} mt-1 opacity-70 transition-opacity duration-200`, children: F.timestamp.toLocaleTimeString([], {
                   hour: "2-digit",
@@ -50544,7 +50544,7 @@ function mf({
               children: /* @__PURE__ */ b(_5, { theme: t })
             }
           ),
-          w && w.presentationMode === "embedded" && /* @__PURE__ */ O("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(
               Be.div,
               {
@@ -50555,7 +50555,7 @@ function mf({
                 children: Y
               }
             ),
-            /* @__PURE__ */ O("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,
                 {
@@ -50758,8 +50758,8 @@ const KS = Fe.forwardRef(({
     o === "fullscreen" ? "max-w-none" : "",
     "overflow-hidden h-full"
   ), j = a && (o === "popup" || o === "fullscreen"), H = Fe.useMemo(() => d ? "Agent is taking longer than expected..." : I ? "Room connected. Waiting for agent..." : i, [d, I, i]), C = Fe.useMemo(() => d ? "Please check your connection or try again." : I ? "The agent will join shortly." : "Agent is connecting... This may take a moment.", [d, I]), W = s.getCurrentAgentInfo();
-  return g ? /* @__PURE__ */ O("main", { ref: c, className: Qe(se, "relative", e && "pointer-events-none opacity-50"), children: [
-    (j || k) && /* @__PURE__ */ O("div", { className: `flex items-center justify-between w-full p-4 border-b ${((Y = R.chatHeader) == null ? void 0 : Y.container) || "border-gray-200"}`, children: [
+  return g ? /* @__PURE__ */ D("main", { ref: c, className: Qe(se, "relative", e && "pointer-events-none opacity-50"), children: [
+    (j || k) && /* @__PURE__ */ D("div", { className: `flex items-center justify-between w-full p-4 border-b ${((Y = R.chatHeader) == null ? void 0 : Y.container) || "border-gray-200"}`, children: [
       /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b("h3", { className: `font-semibold ${R.text.primary}`, children: (W == null ? void 0 : W.agentName) || "Voice Session" }) }),
       k && /* @__PURE__ */ b(
         tc,
@@ -50772,14 +50772,14 @@ const KS = Fe.forwardRef(({
         }
       )
     ] }),
-    /* @__PURE__ */ b("div", { className: "flex-1 flex items-center justify-center w-full", children: /* @__PURE__ */ O("div", { className: "flex flex-col items-center justify-center w-full h-full min-h-[180px]", children: [
+    /* @__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(Be.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: R.spinner, weight: "bold" }) }),
       /* @__PURE__ */ b(Be.span, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, className: `text-sm opacity-80 ${R.text.muted} text-center max-w-xs`, children: H }),
       /* @__PURE__ */ b(Be.p, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 2 }, className: `text-xs ${R.text.muted} mt-2 text-center opacity-60`, children: C }),
       d && a && /* @__PURE__ */ b(Be.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 ${((E = R.chatHeader) == null ? void 0 : E.backButton) || "bg-gray-100 hover:bg-gray-200"} transition-colors`, children: "Go Back" })
     ] }) })
-  ] }) : /* @__PURE__ */ O("main", { ref: c, className: Qe(se, "relative", e && "pointer-events-none opacity-50"), style: { minHeight: 0 }, children: [
-    (j || k) && /* @__PURE__ */ O("div", { className: `flex items-center justify-between w-full p-4 border-b ${((J = R.chatHeader) == null ? void 0 : J.container) || "border-gray-200"}`, children: [
+  ] }) : /* @__PURE__ */ D("main", { ref: c, className: Qe(se, "relative", e && "pointer-events-none opacity-50"), style: { minHeight: 0 }, children: [
+    (j || k) && /* @__PURE__ */ D("div", { className: `flex items-center justify-between w-full p-4 border-b ${((J = R.chatHeader) == null ? void 0 : J.container) || "border-gray-200"}`, children: [
       /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b("h3", { className: `font-semibold ${R.text.primary}`, children: "Voice Session" }) }),
       k && /* @__PURE__ */ b(
         tc,
@@ -50792,14 +50792,14 @@ const KS = Fe.forwardRef(({
         }
       )
     ] }),
-    /* @__PURE__ */ O("div", { className: "w-full flex-1 flex flex-col items-center px-0 min-h-0 overflow-hidden relative", children: [
-      !B && /* @__PURE__ */ O("div", { className: "flex flex-col items-center justify-center w-full h-full min-h-[180px]", children: [
+    /* @__PURE__ */ D("div", { className: "w-full flex-1 flex flex-col items-center px-0 min-h-0 overflow-hidden relative", children: [
+      !B && /* @__PURE__ */ D("div", { className: "flex flex-col items-center justify-center w-full h-full min-h-[180px]", children: [
         /* @__PURE__ */ b(Be.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: R.spinner, weight: "bold" }) }),
         /* @__PURE__ */ b(Be.span, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, className: `text-sm opacity-80 ${R.text.muted} text-center max-w-xs`, children: H }),
         /* @__PURE__ */ b(Be.p, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 2 }, className: `text-xs ${R.text.muted} mt-2 text-center opacity-60`, children: C }),
         d && a && /* @__PURE__ */ b(Be.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 = R.chatHeader) == null ? void 0 : ne.backButton) || "bg-gray-100 hover:bg-gray-200"} transition-colors`, children: "Go Back" })
       ] }),
-      B && /* @__PURE__ */ O(Wt, { children: [
+      B && /* @__PURE__ */ D(Wt, { children: [
         l && // Chat overlay - fills the content area above controls
         /* @__PURE__ */ b(
           "div",
@@ -50818,7 +50818,7 @@ const KS = Fe.forwardRef(({
             children: /* @__PURE__ */ b(mf, { client: s, theme: r, displayType: o === "fullscreen" ? "fullscreen" : "widget", disabled: e, onBack: () => u(!1), showTimer: !1 })
           }
         ),
-        !l && /* @__PURE__ */ O("div", { className: Qe("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: [
+        !l && /* @__PURE__ */ D("div", { className: Qe("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(Be.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(XM, { 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(Be.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: Qe("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;
@@ -50854,7 +50854,7 @@ KS.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__ */ O("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 L5({
   onEndCall: s
 }) {
   var J;
-  const o = hn(t), [a, c] = D.useState(!1), [l, u] = D.useState(!1), d = D.useMemo(() => {
+  const o = hn(t), [a, c] = O.useState(!1), [l, u] = O.useState(!1), d = O.useMemo(() => {
     const ne = e.getCurrentAgentInfo();
     return qh(ne);
-  }, [e]), { userVideoEnabled: h, agentAvatarEnabled: f, screenshareEnabled: m } = D.useMemo(
+  }, [e]), { userVideoEnabled: h, agentAvatarEnabled: f, screenshareEnabled: m } = O.useMemo(
     () => zM(d),
     [d]
-  ), p = D.useMemo(
+  ), p = O.useMemo(
     () => Kh(d),
     [d]
-  ), v = D.useRef(null), [g, x] = D.useState(64);
-  D.useLayoutEffect(() => {
+  ), v = O.useRef(null), [g, x] = O.useState(64);
+  O.useLayoutEffect(() => {
     const ne = v.current;
     if (!ne) return;
     const ie = () => x(ne.offsetHeight || 64);
@@ -50895,7 +50895,7 @@ function L5({
       re.disconnect(), window.removeEventListener("resize", ie);
     };
   }, []);
-  const [S, w] = D.useState(null), k = oM(e), { videoTrackRefs: T, screenShareTrackRefs: P } = aM(e), {
+  const [S, w] = O.useState(null), k = oM(e), { videoTrackRefs: T, screenShareTrackRefs: P } = aM(e), {
     agent: { isActive: A = !1 } = {},
     state: N = "idle",
     audioTrack: y
@@ -50903,16 +50903,16 @@ function L5({
     agent: { isActive: !1 },
     state: "idle",
     audioTrack: null
-  }, R = D.useMemo(() => e.getRemoteParticipants(), [e, k]), I = Na(e, "microphone"), L = Na(e, "camera"), B = Na(e, "screenShare"), K = D.useCallback(async () => {
+  }, R = O.useMemo(() => e.getRemoteParticipants(), [e, k]), I = Na(e, "microphone"), L = Na(e, "camera"), B = Na(e, "screenShare"), K = O.useCallback(async () => {
     L.pending || await L.toggle();
-  }, [L]), ue = D.useCallback(async () => {
+  }, [L]), ue = O.useCallback(async () => {
     B.pending || await B.toggle();
-  }, [B]), se = D.useCallback(() => {
+  }, [B]), se = O.useCallback(() => {
     c((ne) => !ne);
-  }, []), j = D.useCallback(() => {
+  }, []), j = O.useCallback(() => {
     s ? s() : n && n();
   }, [s, n]);
-  D.useEffect(() => {
+  O.useEffect(() => {
     if (!e) return;
     const ne = (ie) => {
       console.log("📺 Video: Interactive UI state updated:", ie), w(ie);
@@ -50920,7 +50920,7 @@ function L5({
     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]), O.useEffect(() => {
     if (A)
       u(!1);
     else {
@@ -50932,21 +50932,21 @@ function L5({
       };
     }
   }, [A]);
-  const H = k == null ? void 0 : k.localParticipant, C = D.useMemo(() => (e ? e.getCameraTrackRefs() : []).find((ne) => ne.participant === H), [e, H]), Y = T.filter(
+  const H = k == null ? void 0 : k.localParticipant, C = O.useMemo(() => (e ? e.getCameraTrackRefs() : []).find((ne) => ne.participant === H), [e, H]), Y = T.filter(
     (ne) => ne.participant !== H
-  )[0], E = D.useMemo(() => (P || []).find((ne) => ne.participant === H), [P, H]);
-  return /* @__PURE__ */ O("div", { className: `flex flex-col h-full ${o.video.container} relative`, children: [
-    /* @__PURE__ */ O("div", { className: `flex items-center justify-between p-4 border-b ${o.video.header}`, children: [
-      /* @__PURE__ */ O("div", { className: "flex items-center gap-3", children: [
+  )[0], E = O.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__ */ O("span", { className: "text-sm opacity-70", children: [
+        /* @__PURE__ */ D("span", { className: "text-sm opacity-70", children: [
           R.length + 1,
           " participant",
           R.length !== 0 ? "s" : ""
         ] })
       ] }),
-      /* @__PURE__ */ O("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ D("div", { className: "flex items-center gap-2", children: [
         p && /* @__PURE__ */ b(
           tc,
           {
@@ -50960,8 +50960,8 @@ function L5({
         /* @__PURE__ */ b("button", { className: `p-2 rounded-lg transition-colors ${o.video.headerButton}`, title: "Layout options", children: /* @__PURE__ */ b(dT, { className: "w-4 h-4" }) })
       ] })
     ] }),
-    /* @__PURE__ */ O("div", { className: "relative flex-1 min-h-0", children: [
-      !A && /* @__PURE__ */ b("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ O("div", { className: "text-center", children: [
+    /* @__PURE__ */ D("div", { className: "relative flex-1 min-h-0", children: [
+      !A && /* @__PURE__ */ b("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ D("div", { className: "text-center", children: [
         /* @__PURE__ */ b(
           Be.div,
           {
@@ -50986,7 +50986,7 @@ function L5({
           }
         )
       ] }) }),
-      A && !a && /* @__PURE__ */ b("div", { className: "p-4 min-h-0 h-full", children: /* @__PURE__ */ O("div", { className: "relative w-full h-full overflow-hidden", children: [
+      A && !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 L5({
           ) : /* @__PURE__ */ b("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ b("div", { className: "text-center", children: /* @__PURE__ */ b(hT, { 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__ */ O("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" }) }),
             A && (y ? /* @__PURE__ */ b(
               uw,
@@ -51037,7 +51037,7 @@ function L5({
             )) }))
           ] }) }) })
         ),
-        E && /* @__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__ */ O("div", { className: "relative w-full h-full bg-black/40", children: [
+        E && /* @__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 L5({
               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__ */ O("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" })
           ] }) })
@@ -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__ */ O.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__ */ O.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;
 }
@@ -52057,7 +52057,7 @@ const Mc = {
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
   up: (e) => `@media (min-width:${Mc[e]}px)`
-}, eV = {
+}, e4 = {
   containerQueries: (e) => ({
     up: (t) => {
       let n = typeof t == "number" ? t : Mc[t] || t;
@@ -52075,7 +52075,7 @@ function Pi(e, t, n) {
     const s = i.breakpoints || Db;
     return Object.keys(t).reduce((o, a) => {
       if (X5(s.keys, a)) {
-        const c = J5(i.containerQueries ? i : eV, a);
+        const c = J5(i.containerQueries ? i : e4, a);
         c && (o[c] = n(t[a], a));
       } else if (Object.keys(s.values || Mc).includes(a)) {
         const c = s.up(a);
@@ -52089,7 +52089,7 @@ function Pi(e, t, n) {
   }
   return n(t);
 }
-function tV(e = {}) {
+function t4(e = {}) {
   var n;
   return ((n = e.keys) == null ? void 0 : n.reduce((i, r) => {
     const s = e.up(r);
@@ -52137,14 +52137,14 @@ function Dt(e) {
     [t]: sr
   } : {}, s.filterProps = [t], s;
 }
-function nV(e) {
+function n4(e) {
   const t = {};
   return (n) => (t[n] === void 0 && (t[n] = e(n)), t[n]);
 }
-const iV = {
+const i4 = {
   m: "margin",
   p: "padding"
-}, rV = {
+}, r4 = {
   t: "Top",
   r: "Right",
   b: "Bottom",
@@ -52156,15 +52156,15 @@ const iV = {
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, sV = nV((e) => {
+}, s4 = n4((e) => {
   if (e.length > 2)
     if (Fb[e])
       e = Fb[e];
     else
       return [e];
-  const [t, n] = e.split(""), i = iV[t], r = rV[n] || "";
+  const [t, n] = e.split(""), i = i4[t], r = r4[n] || "";
   return Array.isArray(r) ? r.map((s) => i + s) : [i + r];
-}), Dc = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Lc = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], oV = [...Dc, ...Lc];
+}), Dc = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Lc = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], o4 = [...Dc, ...Lc];
 function Oo(e, t, n, i) {
   const r = Oc(e, t, !0) ?? n;
   return typeof r == "number" || typeof r == "string" ? (s) => typeof s == "string" ? s : (process.env.NODE_ENV !== "production" && typeof s != "number" && console.error(`MUI: Expected ${i} argument to be a number or a string, got ${s}.`), typeof r == "string" ? r.startsWith("var(") && s === 0 ? 0 : r.startsWith("var(") && s === 1 ? r : `calc(${s} * ${r})` : r * s) : Array.isArray(r) ? (s) => {
@@ -52186,18 +52186,18 @@ function bf(e) {
 function Do(e, t) {
   return typeof t == "string" || t == null ? t : e(t);
 }
-function aV(e, t) {
+function a4(e, t) {
   return (n) => e.reduce((i, r) => (i[r] = Do(t, n), i), {});
 }
-function cV(e, t, n, i) {
+function c4(e, t, n, i) {
   if (!t.includes(n))
     return null;
-  const r = sV(n), s = aV(r, i), o = e[n];
+  const r = s4(n), s = a4(r, i), o = e[n];
   return Pi(e, o, s);
 }
 function JS(e, t) {
   const n = bf(e.theme);
-  return Object.keys(e).map((i) => cV(e, t, i, n)).reduce(co, {});
+  return Object.keys(e).map((i) => c4(e, t, i, n)).reduce(co, {});
 }
 function Et(e) {
   return JS(e, Dc);
@@ -52209,7 +52209,7 @@ function _t(e) {
 }
 _t.propTypes = process.env.NODE_ENV !== "production" ? Lc.reduce((e, t) => (e[t] = sr, e), {}) : {};
 _t.filterProps = Lc;
-process.env.NODE_ENV !== "production" && oV.reduce((e, t) => (e[t] = sr, e), {});
+process.env.NODE_ENV !== "production" && o4.reduce((e, t) => (e[t] = sr, e), {});
 function Fc(...e) {
   const t = e.reduce((i, r) => (r.filterProps.forEach((s) => {
     i[s] = r;
@@ -52226,7 +52226,7 @@ function Bn(e, t) {
     transform: t
   });
 }
-const lV = Bn("border", Ln), uV = Bn("borderTop", Ln), dV = Bn("borderRight", Ln), hV = Bn("borderBottom", Ln), fV = Bn("borderLeft", Ln), pV = Bn("borderColor"), mV = Bn("borderTopColor"), gV = Bn("borderRightColor"), bV = Bn("borderBottomColor"), yV = Bn("borderLeftColor"), vV = Bn("outline", Ln), kV = Bn("outlineColor"), Uc = (e) => {
+const l4 = Bn("border", Ln), u4 = Bn("borderTop", Ln), d4 = Bn("borderRight", Ln), h4 = Bn("borderBottom", Ln), f4 = Bn("borderLeft", Ln), p4 = Bn("borderColor"), m4 = Bn("borderTopColor"), g4 = Bn("borderRightColor"), b4 = Bn("borderBottomColor"), y4 = Bn("borderLeftColor"), v4 = Bn("outline", Ln), k4 = Bn("outlineColor"), Uc = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const t = Oo(e.theme, "shape.borderRadius", 4, "borderRadius"), n = (i) => ({
       borderRadius: Do(t, i)
@@ -52239,7 +52239,7 @@ Uc.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: sr
 } : {};
 Uc.filterProps = ["borderRadius"];
-Fc(lV, uV, dV, hV, fV, pV, mV, gV, bV, yV, Uc, vV, kV);
+Fc(l4, u4, d4, h4, f4, p4, m4, g4, b4, y4, Uc, v4, k4);
 const Bc = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const t = Oo(e.theme, "spacing", 8, "gap"), n = (i) => ({
@@ -52279,48 +52279,48 @@ $c.propTypes = process.env.NODE_ENV !== "production" ? {
   rowGap: sr
 } : {};
 $c.filterProps = ["rowGap"];
-const wV = Dt({
+const w4 = Dt({
   prop: "gridColumn"
-}), SV = Dt({
+}), S4 = Dt({
   prop: "gridRow"
-}), xV = Dt({
+}), x4 = Dt({
   prop: "gridAutoFlow"
-}), TV = Dt({
+}), T4 = Dt({
   prop: "gridAutoColumns"
-}), CV = Dt({
+}), C4 = Dt({
   prop: "gridAutoRows"
-}), EV = Dt({
+}), E4 = Dt({
   prop: "gridTemplateColumns"
-}), _V = Dt({
+}), _4 = Dt({
   prop: "gridTemplateRows"
-}), RV = Dt({
+}), R4 = Dt({
   prop: "gridTemplateAreas"
-}), AV = Dt({
+}), A4 = Dt({
   prop: "gridArea"
 });
-Fc(Bc, Vc, $c, wV, SV, xV, TV, CV, EV, _V, RV, AV);
+Fc(Bc, Vc, $c, w4, S4, x4, T4, C4, E4, _4, R4, A4);
 function ds(e, t) {
   return t === "grey" ? t : e;
 }
-const PV = Dt({
+const P4 = Dt({
   prop: "color",
   themeKey: "palette",
   transform: ds
-}), NV = Dt({
+}), N4 = Dt({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: ds
-}), IV = Dt({
+}), I4 = Dt({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: ds
 });
-Fc(PV, NV, IV);
+Fc(P4, N4, I4);
 function _n(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const MV = Dt({
+const M4 = Dt({
   prop: "width",
   transform: _n
 }), yf = (e) => {
@@ -52341,16 +52341,16 @@ const MV = Dt({
   return null;
 };
 yf.filterProps = ["maxWidth"];
-const OV = Dt({
+const O4 = Dt({
   prop: "minWidth",
   transform: _n
-}), DV = Dt({
+}), D4 = Dt({
   prop: "height",
   transform: _n
-}), LV = Dt({
+}), L4 = Dt({
   prop: "maxHeight",
   transform: _n
-}), FV = Dt({
+}), F4 = Dt({
   prop: "minHeight",
   transform: _n
 });
@@ -52364,10 +52364,10 @@ Dt({
   cssProperty: "height",
   transform: _n
 });
-const UV = Dt({
+const U4 = Dt({
   prop: "boxSizing"
 });
-Fc(MV, yf, OV, DV, LV, FV, UV);
+Fc(M4, yf, O4, D4, L4, F4, U4);
 const zc = {
   // borders
   border: {
@@ -52656,14 +52656,14 @@ const zc = {
     themeKey: "typography"
   }
 };
-function BV(...e) {
+function B4(...e) {
   const t = e.reduce((i, r) => i.concat(Object.keys(r)), []), n = new Set(t);
   return e.every((i) => n.size === Object.keys(i).length);
 }
-function VV(e, t) {
+function V4(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function $V() {
+function $4() {
   function e(n, i, r, s) {
     const o = {
       [n]: i,
@@ -52710,10 +52710,10 @@ function $V() {
         return c;
       if (!l)
         return null;
-      const u = tV(r.breakpoints), d = Object.keys(u);
+      const u = t4(r.breakpoints), d = Object.keys(u);
       let h = u;
       return Object.keys(l).forEach((f) => {
-        const m = VV(l[f], r);
+        const m = V4(l[f], r);
         if (m != null)
           if (typeof m == "object")
             if (o[f])
@@ -52724,7 +52724,7 @@ function $V() {
               }, m, (v) => ({
                 [f]: v
               }));
-              BV(p, m) ? h[f] = t({
+              B4(p, m) ? h[f] = t({
                 sx: m,
                 theme: r,
                 nested: !0
@@ -52740,9 +52740,9 @@ function $V() {
   }
   return t;
 }
-const ks = $V();
+const ks = $4();
 ks.filterProps = ["sx"];
-function zV(e) {
+function z4(e) {
   for (var t = 0, n, i = 0, r = e.length; r >= 4; ++i, r -= 4)
     n = e.charCodeAt(i) & 255 | (e.charCodeAt(++i) & 255) << 8 | (e.charCodeAt(++i) & 255) << 16 | (e.charCodeAt(++i) & 255) << 24, n = /* Math.imul(k, m): */
     (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= /* k >>> r: */
@@ -52761,7 +52761,7 @@ function zV(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var jV = {
+var j4 = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -52811,24 +52811,24 @@ var jV = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function HV(e) {
+function H4(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(n) {
     return t[n] === void 0 && (t[n] = e(n)), t[n];
   };
 }
-var WV = /[A-Z]|^ms/g, GV = /_EMO_([^_]+?)_([^]*?)_EMO_/g, QS = function(t) {
+var W4 = /[A-Z]|^ms/g, G4 = /_EMO_([^_]+?)_([^]*?)_EMO_/g, QS = function(t) {
   return t.charCodeAt(1) === 45;
 }, Ub = function(t) {
   return t != null && typeof t != "boolean";
-}, ou = /* @__PURE__ */ HV(function(e) {
-  return QS(e) ? e : e.replace(WV, "-$&").toLowerCase();
+}, ou = /* @__PURE__ */ H4(function(e) {
+  return QS(e) ? e : e.replace(W4, "-$&").toLowerCase();
 }), Bb = function(t, n) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof n == "string")
-        return n.replace(GV, function(i, r, s) {
+        return n.replace(G4, function(i, r, s) {
           return Gi = {
             name: r,
             styles: s,
@@ -52836,7 +52836,7 @@ var WV = /[A-Z]|^ms/g, GV = /_EMO_([^_]+?)_([^]*?)_EMO_/g, QS = function(t) {
           }, r;
         });
   }
-  return jV[t] !== 1 && !QS(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
+  return j4[t] !== 1 && !QS(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
 };
 function dc(e, t, n) {
   if (n == null)
@@ -52868,13 +52868,13 @@ function dc(e, t, n) {
         var a = s.styles + ";";
         return a;
       }
-      return qV(e, t, n);
+      return q4(e, t, n);
     }
   }
   var c = n;
   return c;
 }
-function qV(e, t, n) {
+function q4(e, t, n) {
   var i = "";
   if (Array.isArray(n))
     for (var r = 0; r < n.length; r++)
@@ -52904,7 +52904,7 @@ function qV(e, t, n) {
   return i;
 }
 var Vb = /label:\s*([^\s;{]+)\s*(;|$)/g, Gi;
-function KV(e, t, n) {
+function K4(e, t, n) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var i = !0, r = "";
@@ -52924,7 +52924,7 @@ function KV(e, t, n) {
   Vb.lastIndex = 0;
   for (var l = "", u; (u = Vb.exec(r)) !== null; )
     l += "-" + u[1];
-  var d = zV(r) + l;
+  var d = z4(r) + l;
   return {
     name: d,
     styles: r,
@@ -52938,7 +52938,7 @@ function KV(e, t, n) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function YV(e, t) {
+function Y4(e, t) {
   const n = fT(e, t);
   return process.env.NODE_ENV !== "production" ? (...i) => {
     const r = typeof e == "string" ? `"${e}"` : "component";
@@ -52946,14 +52946,14 @@ function YV(e, t) {
 `)) : i.some((s) => s === void 0) && console.error(`MUI: the styled(${r})(...args) API requires all its args to be defined.`), n(...i);
   } : n;
 }
-function ZV(e, t) {
+function Z4(e, t) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }
 const $b = [];
 function kr(e) {
-  return $b[0] = e, KV($b);
+  return $b[0] = e, K4($b);
 }
-const XV = (e) => {
+const X4 = (e) => {
   const t = Object.keys(e).map((n) => ({
     key: n,
     val: e[n]
@@ -52963,7 +52963,7 @@ const XV = (e) => {
     [i.key]: i.val
   }), {});
 };
-function JV(e) {
+function J4(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -52982,7 +52982,7 @@ function JV(e) {
     unit: n = "px",
     step: i = 5,
     ...r
-  } = e, s = XV(t), o = Object.keys(s);
+  } = e, s = X4(t), o = Object.keys(s);
   function a(h) {
     return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${n})`;
   }
@@ -53012,7 +53012,7 @@ function JV(e) {
     ...r
   };
 }
-const QV = {
+const Q4 = {
   borderRadius: 4
 };
 function ex(e = 8, t = bf({
@@ -53026,7 +53026,7 @@ function ex(e = 8, t = bf({
   }).join(" "));
   return n.mui = !0, n;
 }
-function e4(e, t) {
+function eV(e, t) {
   var i;
   const n = this;
   if (n.vars) {
@@ -53046,7 +53046,7 @@ function tx(e = {}, ...t) {
     spacing: r,
     shape: s = {},
     ...o
-  } = e, a = JV(n), c = ex(r);
+  } = e, a = J4(n), c = ex(r);
   let l = Pn({
     breakpoints: a,
     direction: "ltr",
@@ -53058,11 +53058,11 @@ function tx(e = {}, ...t) {
     },
     spacing: c,
     shape: {
-      ...QV,
+      ...Q4,
       ...s
     }
   }, o);
-  return l = Q5(l), l.applyStyles = e4, l = t.reduce((u, d) => Pn(u, d), l), l.unstable_sxConfig = {
+  return l = Q5(l), l.applyStyles = eV, l = t.reduce((u, d) => Pn(u, d), l), l.unstable_sxConfig = {
     ...zc,
     ...o == null ? void 0 : o.unstable_sxConfig
   }, l.unstable_sx = function(d) {
@@ -53072,7 +53072,7 @@ function tx(e = {}, ...t) {
     });
   }, l;
 }
-const t4 = {
+const tV = {
   active: "active",
   checked: "checked",
   completed: "completed",
@@ -53087,10 +53087,10 @@ const t4 = {
   selected: "selected"
 };
 function vf(e, t, n = "Mui") {
-  const i = t4[t];
+  const i = tV[t];
   return i ? `${n}-${i}` : `${U5.generate(e)}-${t}`;
 }
-function n4(e, t, n = "Mui") {
+function nV(e, t, n = "Mui") {
   const i = {};
   return t.forEach((r) => {
     i[r] = vf(e, r, n);
@@ -53103,7 +53103,7 @@ function zb(e, t, n) {
   const i = nx(t);
   return e.displayName || (i !== "" ? `${n}(${i})` : n);
 }
-function i4(e) {
+function iV(e) {
   if (e != null) {
     if (typeof e == "string")
       return e;
@@ -53133,18 +53133,18 @@ function ix(e) {
     typeof r.style != "function" && (r.style = kr(r.style));
   }), i;
 }
-const r4 = tx();
+const rV = tx();
 function au(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
 function mr(e, t) {
   return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
 }
-function s4(e) {
+function sV(e) {
   return e ? (t, n) => n[e] : null;
 }
-function o4(e, t, n) {
-  e.theme = u4(e.theme) ? n : e.theme[t] || e.theme;
+function oV(e, t, n) {
+  e.theme = uV(e.theme) ? n : e.theme[t] || e.theme;
 }
 function Ma(e, t, n) {
   const i = typeof t == "function" ? t(e) : t;
@@ -53189,18 +53189,18 @@ function rx(e, t, n = [], i = void 0) {
   }
   return n;
 }
-function a4(e = {}) {
+function aV(e = {}) {
   const {
     themeId: t,
-    defaultTheme: n = r4,
+    defaultTheme: n = rV,
     rootShouldForwardProp: i = au,
     slotShouldForwardProp: r = au
   } = e;
   function s(a) {
-    o4(a, t, n);
+    oV(a, t, n);
   }
   return (a, c = {}) => {
-    ZV(a, (T) => T.filter((P) => P !== ks));
+    Z4(a, (T) => T.filter((P) => P !== ks));
     const {
       name: l,
       slot: u,
@@ -53208,7 +53208,7 @@ function a4(e = {}) {
       skipSx: h,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: f = s4(sx(u)),
+      overridesResolver: f = sV(sx(u)),
       ...m
     } = c, p = l && l.startsWith("Mui") || u ? "components" : "custom", v = d !== void 0 ? d : (
       // TODO v6: remove `Root` in the next major release
@@ -53216,10 +53216,10 @@ function a4(e = {}) {
       u && u !== "Root" && u !== "root" || !1
     ), g = h || !1;
     let x = au;
-    u === "Root" || u === "root" ? x = i : u ? x = r : d4(a) && (x = void 0);
-    const S = YV(a, {
+    u === "Root" || u === "root" ? x = i : u ? x = r : dV(a) && (x = void 0);
+    const S = Y4(a, {
       shouldForwardProp: x,
-      label: l4(l, u),
+      label: lV(l, u),
       ...m
     }), w = (T) => {
       if (T.__emotion_real === T)
@@ -53256,24 +53256,24 @@ function a4(e = {}) {
         K = [...L, ...I, ...B], K.raw = [...L, ...I.raw, ...B], P.unshift(K);
       }
       const y = [...P, ...A, ...N], R = S(...y);
-      return a.muiName && (R.muiName = a.muiName), process.env.NODE_ENV !== "production" && (R.displayName = c4(l, u, a)), R;
+      return a.muiName && (R.muiName = a.muiName), process.env.NODE_ENV !== "production" && (R.displayName = cV(l, u, a)), R;
     };
     return S.withConfig && (k.withConfig = S.withConfig), k;
   };
 }
-function c4(e, t, n) {
-  return e ? `${e}${Er(t || "")}` : `Styled(${i4(n)})`;
+function cV(e, t, n) {
+  return e ? `${e}${Er(t || "")}` : `Styled(${iV(n)})`;
 }
-function l4(e, t) {
+function lV(e, t) {
   let n;
   return process.env.NODE_ENV !== "production" && e && (n = `${e}-${sx(t || "Root")}`), n;
 }
-function u4(e) {
+function uV(e) {
   for (const t in e)
     return !1;
   return !0;
 }
-function d4(e) {
+function dV(e) {
   return typeof e == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
@@ -53317,13 +53317,13 @@ function Fd(e, t, n = !1) {
     }
   return i;
 }
-function h4(e, t = Number.MIN_SAFE_INTEGER, n = Number.MAX_SAFE_INTEGER) {
+function hV(e, t = Number.MIN_SAFE_INTEGER, n = Number.MAX_SAFE_INTEGER) {
   return Math.max(t, Math.min(e, n));
 }
 function kf(e, t = 0, n = 1) {
-  return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), h4(e, t, n);
+  return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), hV(e, t, n);
 }
-function f4(e) {
+function fV(e) {
   e = e.slice(1);
   const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let n = e.match(t);
@@ -53333,7 +53333,7 @@ function er(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return er(f4(e));
+    return er(fV(e));
   const t = e.indexOf("("), n = e.substring(0, t);
   if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(n))
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
@@ -53351,12 +53351,12 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     colorSpace: r
   };
 }
-const p4 = (e) => {
+const pV = (e) => {
   const t = er(e);
   return t.values.slice(0, 3).map((n, i) => t.type.includes("hsl") && i !== 0 ? `${n}%` : n).join(" ");
 }, Zs = (e, t) => {
   try {
-    return p4(e);
+    return pV(e);
   } catch {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
@@ -53392,12 +53392,12 @@ function jb(e, t) {
   const n = Ud(e), i = Ud(t);
   return (Math.max(n, i) + 0.05) / (Math.min(n, i) + 0.05);
 }
-function m4(e, t) {
+function mV(e, t) {
   return e = er(e), t = kf(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, jc(e);
 }
 function la(e, t, n) {
   try {
-    return m4(e, t);
+    return mV(e, t);
   } catch {
     return e;
   }
@@ -53435,19 +53435,19 @@ function ht(e, t, n) {
     return e;
   }
 }
-function g4(e, t = 0.15) {
+function gV(e, t = 0.15) {
   return Ud(e) > 0.5 ? wf(e, t) : Sf(e, t);
 }
 function ua(e, t, n) {
   try {
-    return g4(e, t);
+    return gV(e, t);
   } catch {
     return e;
   }
 }
-const b4 = /* @__PURE__ */ D.createContext(void 0);
+const bV = /* @__PURE__ */ O.createContext(void 0);
 process.env.NODE_ENV !== "production" && (Je.node, Je.object);
-function y4(e) {
+function yV(e) {
   const {
     theme: t,
     name: n,
@@ -53458,12 +53458,12 @@ function y4(e) {
   const r = t.components[n];
   return r.defaultProps ? Fd(r.defaultProps, i, t.components.mergeClassNameAndStyle) : !r.styleOverrides && !r.variants ? Fd(r, i, t.components.mergeClassNameAndStyle) : i;
 }
-function v4({
+function vV({
   props: e,
   name: t
 }) {
-  const n = D.useContext(b4);
-  return y4({
+  const n = O.useContext(bV);
+  return yV({
     props: e,
     name: t,
     theme: {
@@ -53474,14 +53474,14 @@ function v4({
 const Hb = {
   theme: void 0
 };
-function k4(e) {
+function kV(e) {
   let t, n;
   return function(r) {
     let s = t;
     return (s === void 0 || r.theme !== n) && (Hb.theme = r.theme, s = ix(e(Hb)), t = s, n = r.theme), s;
   };
 }
-function w4(e = "") {
+function wV(e = "") {
   function t(...i) {
     if (!i.length)
       return "";
@@ -53495,24 +53495,24 @@ const Wb = (e, t, n, i = []) => {
   t.forEach((s, o) => {
     o === t.length - 1 ? Array.isArray(r) ? r[Number(s)] = n : r && typeof r == "object" && (r[s] = n) : r && typeof r == "object" && (r[s] || (r[s] = i.includes(s) ? [] : {}), r = r[s]);
   });
-}, S4 = (e, t, n) => {
+}, SV = (e, t, n) => {
   function i(r, s = [], o = []) {
     Object.entries(r).forEach(([a, c]) => {
       (!n || n && !n([...s, a])) && c != null && (typeof c == "object" && Object.keys(c).length > 0 ? i(c, [...s, a], Array.isArray(c) ? [...o, a] : o) : t([...s, a], c, o));
     });
   }
   i(e);
-}, x4 = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((i) => e.includes(i)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
+}, xV = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((i) => e.includes(i)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
 function cu(e, t) {
   const {
     prefix: n,
     shouldSkipGeneratingVar: i
   } = t || {}, r = {}, s = {}, o = {};
-  return S4(
+  return SV(
     e,
     (a, c, l) => {
       if ((typeof c == "string" || typeof c == "number") && (!i || !i(a, c))) {
-        const u = `--${n ? `${n}-` : ""}${a.join("-")}`, d = x4(a, c);
+        const u = `--${n ? `${n}-` : ""}${a.join("-")}`, d = xV(a, c);
         Object.assign(r, {
           [u]: d
         }), Wb(s, a, `var(${u})`, l), Wb(o, a, `var(${u}, ${d})`, l);
@@ -53526,7 +53526,7 @@ function cu(e, t) {
     varsWithDefaults: o
   };
 }
-function T4(e, t = {}) {
+function TV(e, t = {}) {
   const {
     getSelector: n = v,
     disableCssColorScheme: i,
@@ -53641,7 +53641,7 @@ function T4(e, t = {}) {
     }
   };
 }
-function C4(e) {
+function CV(e) {
   return function(n) {
     return e === "media" ? (process.env.NODE_ENV !== "production" && n !== "light" && n !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${n}'.`), `@media (prefers-color-scheme: ${n})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${n}"] &` : e === "class" ? `.${n} &` : e === "data" ? `[data-${n}] &` : `${e.replace("%s", n)} &` : "&";
   };
@@ -53649,7 +53649,7 @@ function C4(e) {
 const wo = {
   black: "#000",
   white: "#fff"
-}, E4 = {
+}, EV = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -53743,7 +53743,7 @@ function ax() {
     }
   };
 }
-const _4 = ax();
+const _V = ax();
 function cx() {
   return {
     text: {
@@ -53777,7 +53777,7 @@ function qb(e, t, n, i) {
   const r = i.light || i, s = i.dark || i * 1.5;
   e[t] || (e.hasOwnProperty(n) ? e[t] = e[n] : t === "light" ? e.light = Sf(e.main, r) : t === "dark" && (e.dark = wf(e.main, s)));
 }
-function R4(e = "light") {
+function RV(e = "light") {
   return e === "dark" ? {
     main: $r[200],
     light: $r[50],
@@ -53788,7 +53788,7 @@ function R4(e = "light") {
     dark: $r[800]
   };
 }
-function A4(e = "light") {
+function AV(e = "light") {
   return e === "dark" ? {
     main: Br[200],
     light: Br[50],
@@ -53799,7 +53799,7 @@ function A4(e = "light") {
     dark: Br[700]
   };
 }
-function P4(e = "light") {
+function PV(e = "light") {
   return e === "dark" ? {
     main: Vr[500],
     light: Vr[300],
@@ -53810,7 +53810,7 @@ function P4(e = "light") {
     dark: Vr[800]
   };
 }
-function N4(e = "light") {
+function NV(e = "light") {
   return e === "dark" ? {
     main: zr[400],
     light: zr[300],
@@ -53821,7 +53821,7 @@ function N4(e = "light") {
     dark: zr[900]
   };
 }
-function I4(e = "light") {
+function IV(e = "light") {
   return e === "dark" ? {
     main: jr[400],
     light: jr[300],
@@ -53832,7 +53832,7 @@ function I4(e = "light") {
     dark: jr[900]
   };
 }
-function M4(e = "light") {
+function MV(e = "light") {
   return e === "dark" ? {
     main: Gs[400],
     light: Gs[300],
@@ -53850,9 +53850,9 @@ function xf(e) {
     contrastThreshold: n = 3,
     tonalOffset: i = 0.2,
     ...r
-  } = e, s = e.primary || R4(t), o = e.secondary || A4(t), a = e.error || P4(t), c = e.info || N4(t), l = e.success || I4(t), u = e.warning || M4(t);
+  } = e, s = e.primary || RV(t), o = e.secondary || AV(t), a = e.error || PV(t), c = e.info || NV(t), l = e.success || IV(t), u = e.warning || MV(t);
   function d(p) {
-    const v = jb(p, Gb.text.primary) >= n ? Gb.text.primary : _4.text.primary;
+    const v = jb(p, Gb.text.primary) >= n ? Gb.text.primary : _V.text.primary;
     if (process.env.NODE_ENV !== "production") {
       const g = jb(p, v);
       g < 3 && console.error([`MUI: The contrast ratio of ${g}:1 for ${v} on ${p}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
@@ -53932,7 +53932,7 @@ const theme2 = createTheme({ palette: {
       name: "success"
     }),
     // The grey colors.
-    grey: E4,
+    grey: EV,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: n,
@@ -53948,14 +53948,14 @@ const theme2 = createTheme({ palette: {
     ...f
   }, r);
 }
-function O4(e) {
+function OV(e) {
   const t = {};
   return Object.entries(e).forEach((i) => {
     const [r, s] = i;
     typeof s == "object" && (t[r] = `${s.fontStyle ? `${s.fontStyle} ` : ""}${s.fontVariant ? `${s.fontVariant} ` : ""}${s.fontWeight ? `${s.fontWeight} ` : ""}${s.fontStretch ? `${s.fontStretch} ` : ""}${s.fontSize || ""}${s.lineHeight ? `/${s.lineHeight} ` : ""}${s.fontFamily || ""}`);
   }), t;
 }
-function D4(e, t) {
+function DV(e, t) {
   return {
     toolbar: {
       minHeight: 56,
@@ -53971,13 +53971,13 @@ function D4(e, t) {
     ...t
   };
 }
-function L4(e) {
+function LV(e) {
   return Math.round(e * 1e5) / 1e5;
 }
 const Kb = {
   textTransform: "uppercase"
 }, Yb = '"Roboto", "Helvetica", "Arial", sans-serif';
-function F4(e, t) {
+function FV(e, t) {
   const {
     fontFamily: n = Yb,
     // The default font size of the Material Specification.
@@ -54005,7 +54005,7 @@ function F4(e, t) {
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
     ...n === Yb ? {
-      letterSpacing: `${L4(S / g)}em`
+      letterSpacing: `${LV(S / g)}em`
     } : {},
     ...w,
     ...l
@@ -54047,11 +54047,11 @@ function F4(e, t) {
     // No need to clone deep
   });
 }
-const U4 = 0.2, B4 = 0.14, V4 = 0.12;
+const UV = 0.2, BV = 0.14, VV = 0.12;
 function wt(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${U4})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${B4})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${V4})`].join(",");
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${UV})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${BV})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${VV})`].join(",");
 }
-const $4 = ["none", wt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), wt(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), wt(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), wt(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), wt(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), wt(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), wt(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), wt(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), wt(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), wt(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), wt(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), wt(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), wt(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), wt(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), wt(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), wt(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), wt(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), wt(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), wt(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), wt(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), wt(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), wt(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), wt(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), wt(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], z4 = {
+const $V = ["none", wt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), wt(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), wt(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), wt(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), wt(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), wt(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), wt(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), wt(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), wt(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), wt(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), wt(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), wt(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), wt(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), wt(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), wt(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), wt(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), wt(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), wt(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), wt(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), wt(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), wt(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), wt(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), wt(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), wt(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], zV = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -54061,7 +54061,7 @@ const $4 = ["none", wt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), wt(0, 3, 1, -2, 0,
   easeIn: "cubic-bezier(0.4, 0, 1, 1)",
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, j4 = {
+}, jV = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -54077,22 +54077,22 @@ const $4 = ["none", wt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), wt(0, 3, 1, -2, 0,
 function Zb(e) {
   return `${Math.round(e)}ms`;
 }
-function H4(e) {
+function HV(e) {
   if (!e)
     return 0;
   const t = e / 36;
   return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
 }
-function W4(e) {
+function WV(e) {
   const t = {
-    ...z4,
+    ...zV,
     ...e.easing
   }, n = {
-    ...j4,
+    ...jV,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: H4,
+    getAutoHeightDuration: HV,
     create: (r = ["all"], s = {}) => {
       const {
         duration: o = n.standard,
@@ -54112,7 +54112,7 @@ function W4(e) {
     duration: n
   };
 }
-const G4 = {
+const GV = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -54122,7 +54122,7 @@ const G4 = {
   snackbar: 1400,
   tooltip: 1500
 };
-function q4(e) {
+function qV(e) {
   return xi(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
 function lx(e = {}) {
@@ -54133,7 +54133,7 @@ function lx(e = {}) {
     const r = Object.entries(i);
     for (let s = 0; s < r.length; s++) {
       const [o, a] = r[s];
-      !q4(a) || o.startsWith("unstable_") ? delete i[o] : xi(a) && (i[o] = {
+      !qV(a) || o.startsWith("unstable_") ? delete i[o] : xi(a) && (i[o] = {
         ...a
       }, n(i[o]));
     }
@@ -54164,14 +54164,14 @@ function Bd(e = {}, ...t) {
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : Qi(20));
   const u = xf(s), d = tx(e);
   let h = Pn(d, {
-    mixins: D4(d.breakpoints, i),
+    mixins: DV(d.breakpoints, i),
     palette: u,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: $4.slice(),
-    typography: F4(u, a),
-    transitions: W4(o),
+    shadows: $V.slice(),
+    typography: FV(u, a),
+    transitions: WV(o),
     zIndex: {
-      ...G4
+      ...GV
     }
   });
   if (h = Pn(h, l), h = t.reduce((f, m) => Pn(f, m), h), process.env.NODE_ENV !== "production") {
@@ -54208,14 +54208,14 @@ function Bd(e = {}, ...t) {
     });
   }, h.toRuntimeSource = lx, h;
 }
-function K4(e) {
+function KV(e) {
   let t;
   return e < 1 ? t = 5.11916 * e ** 2 : t = 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;
 }
-const Y4 = [...Array(25)].map((e, t) => {
+const YV = [...Array(25)].map((e, t) => {
   if (t === 0)
     return "none";
-  const n = K4(t);
+  const n = KV(t);
   return `linear-gradient(rgba(255 255 255 / ${n}), rgba(255 255 255 / ${n}))`;
 });
 function ux(e) {
@@ -54227,9 +54227,9 @@ function ux(e) {
   };
 }
 function dx(e) {
-  return e === "dark" ? Y4 : [];
+  return e === "dark" ? YV : [];
 }
-function Z4(e) {
+function ZV(e) {
   const {
     palette: t = {
       mode: "light"
@@ -54249,18 +54249,18 @@ function Z4(e) {
     ...r
   };
 }
-function X4(e) {
+function XV(e) {
   var t;
   return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
   e[0] === "palette" && !!((t = e[1]) != null && t.match(/(mode|contrastThreshold|tonalOffset)/));
 }
-const J4 = (e) => [...[...Array(25)].map((t, n) => `--${e ? `${e}-` : ""}overlays-${n}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], Q4 = (e) => (t, n) => {
+const JV = (e) => [...[...Array(25)].map((t, n) => `--${e ? `${e}-` : ""}overlays-${n}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], QV = (e) => (t, n) => {
   const i = e.rootSelector || ":root", r = e.colorSchemeSelector;
   let s = r;
   if (r === "class" && (s = ".%s"), r === "data" && (s = "[data-%s]"), r != null && r.startsWith("data-") && !r.includes("%s") && (s = `[${r}="%s"]`), e.defaultColorScheme === t) {
     if (t === "dark") {
       const o = {};
-      return J4(e.cssVarPrefix).forEach((a) => {
+      return JV(e.cssVarPrefix).forEach((a) => {
         o[a] = n[a], delete n[a];
       }), s === "media" ? {
         [i]: n,
@@ -54314,14 +54314,14 @@ const ti = (e) => {
     return e();
   } catch {
   }
-}, n6 = (e = "mui") => w4(e);
+}, n6 = (e = "mui") => wV(e);
 function lu(e, t, n, i) {
   if (!t)
     return;
   t = t === !0 ? {} : t;
   const r = i === "dark" ? "dark" : "light";
   if (!n) {
-    e[i] = Z4({
+    e[i] = ZV({
       ...t,
       palette: {
         mode: r,
@@ -54358,7 +54358,7 @@ function i6(e = {}, ...t) {
     defaultColorScheme: i,
     disableCssColorScheme: r = !1,
     cssVarPrefix: s = "mui",
-    shouldSkipGeneratingVar: o = X4,
+    shouldSkipGeneratingVar: o = XV,
     colorSchemeSelector: a = n.light && n.dark ? "media" : void 0,
     rootSelector: c = ":root",
     ...l
@@ -54384,7 +54384,7 @@ function i6(e = {}, ...t) {
     getCssVar: h,
     colorSchemes: g,
     font: {
-      ...O4(S.typography),
+      ...OV(S.typography),
       ...S.font
     },
     spacing: t6(l.spacing)
@@ -54413,17 +54413,17 @@ function i6(e = {}, ...t) {
     prefix: s,
     disableCssColorScheme: r,
     shouldSkipGeneratingVar: o,
-    getSelector: Q4(w)
+    getSelector: QV(w)
   }, {
     vars: T,
     generateThemeVars: P,
     generateStyleSheets: A
-  } = T4(w, k);
+  } = TV(w, k);
   return w.vars = T, Object.entries(w.colorSchemes[w.defaultColorScheme]).forEach(([N, y]) => {
     w[N] = y;
   }), w.generateThemeVars = P, w.generateStyleSheets = A, w.generateSpacing = function() {
     return ex(l.spacing, bf(this));
-  }, w.getColorSchemeSelector = C4(a), w.spacing = w.generateSpacing(), w.shouldSkipGeneratingVar = o, w.unstable_sxConfig = {
+  }, w.getColorSchemeSelector = CV(a), w.spacing = w.generateSpacing(), w.shouldSkipGeneratingVar = o, w.unstable_sxConfig = {
     ...zc,
     ...l == null ? void 0 : l.unstable_sxConfig
   }, w.unstable_sx = function(y) {
@@ -54491,19 +54491,19 @@ const s6 = r6(), o6 = "$$material";
 function a6(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const c6 = (e) => a6(e) && e !== "classes", l6 = a4({
+const c6 = (e) => a6(e) && e !== "classes", l6 = aV({
   themeId: o6,
   defaultTheme: s6,
   rootShouldForwardProp: c6
-}), u6 = k4;
+}), u6 = kV;
 process.env.NODE_ENV !== "production" && (Je.node, Je.object.isRequired);
 function d6(e) {
-  return v4(e);
+  return vV(e);
 }
 function h6(e) {
   return vf("MuiSvgIcon", e);
 }
-n4("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+nV("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
 const f6 = (e) => {
   const {
     color: t,
@@ -54614,7 +54614,7 @@ const f6 = (e) => {
       }
     ]
   };
-})), hc = /* @__PURE__ */ D.forwardRef(function(t, n) {
+})), hc = /* @__PURE__ */ O.forwardRef(function(t, n) {
   const i = d6({
     props: t,
     name: "MuiSvgIcon"
@@ -54629,7 +54629,7 @@ const f6 = (e) => {
     titleAccess: d,
     viewBox: h = "0 0 24 24",
     ...f
-  } = i, m = /* @__PURE__ */ D.isValidElement(r) && r.type === "svg", p = {
+  } = i, m = /* @__PURE__ */ O.isValidElement(r) && r.type === "svg", p = {
     ...i,
     color: o,
     component: a,
@@ -54641,7 +54641,7 @@ const f6 = (e) => {
   }, v = {};
   u || (v.viewBox = h);
   const g = f6(p);
-  return /* @__PURE__ */ O(p6, {
+  return /* @__PURE__ */ D(p6, {
     as: a,
     className: i0(g.root, s),
     focusable: "false",
@@ -54740,7 +54740,7 @@ function Tf(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__ */ O.memo(/* @__PURE__ */ O.forwardRef(n));
 }
 const m6 = Tf(/* @__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 = Fe.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__ */ O("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 = Fe.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__ */ O("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__ */ O("div", { className: "flex gap-5 items-center justify-center", children: [
-        /* @__PURE__ */ O("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__ */ O("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__ */ O("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__ */ O("div", { className: "flex gap-6 items-center justify-center", children: [
-        h && /* @__PURE__ */ O("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__ */ O("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__ */ O("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__ */ O(Wt, { children: [
+      ] }) : /* @__PURE__ */ b("div", { className: "flex flex-col items-center gap-3 group cursor-pointer", children: h ? /* @__PURE__ */ D(Wt, { 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__ */ O(Wt, { children: [
+      ] }) : f ? /* @__PURE__ */ D(Wt, { 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__ */ O(Wt, { children: [
+      ] }) : m && i ? /* @__PURE__ */ D(Wt, { 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__ */ O(Wt, { children: [
+      ] }) : /* @__PURE__ */ D(Wt, { 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 = Fe.forwardRef(({
   ] });
 });
 hx.displayName = "Welcome";
-class fx extends D.Component {
+class fx extends O.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 O.createElement(t, { error: this.state.error });
       }
-      return D.createElement("div", {
+      return O.createElement("div", {
         style: {
           padding: "20px",
           border: "1px solid #ff4444",
@@ -54940,7 +54940,17 @@ const v6 = ({
     width: n,
     height: n,
     ...r
-  }, d = D.useMemo(() => {
+  }, d = "data:image/svg+xml;utf8," + encodeURIComponent(`
+      <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <circle cx="32" cy="32" r="32" fill="#6366F1"/>
+        <path d="M20 28c0-4.418 4.924-8 11-8s11 3.582 11 8-4.924 8-11 8c-1.41 0-2.76-.16-4-.46L16 44l2.54-7.62C21.06 34.1 20 31.17 20 28Z" fill="#fff"/>
+        <text x="32" y="36" text-anchor="middle" font-size="16" fill="#6366F1" font-family="Arial, sans-serif" font-weight="bold">V</text>
+      </svg>
+    `), [h, f] = O.useState(c);
+  O.useEffect(() => {
+    f(c);
+  }, [c]);
+  const m = O.useMemo(() => {
     if (typeof window > "u" || !window.matchMedia) return !1;
     try {
       return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
@@ -54948,8 +54958,8 @@ const v6 = ({
       return !1;
     }
   }, []);
-  return /* @__PURE__ */ O("div", { className: "relative pointer-events-auto", children: [
-    a && /* @__PURE__ */ O(Wt, { children: [
+  return /* @__PURE__ */ D("div", { className: "relative pointer-events-auto", children: [
+    a && /* @__PURE__ */ D(Wt, { children: [
       /* @__PURE__ */ b(
         Be.div,
         {
@@ -54962,11 +54972,11 @@ const v6 = ({
             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 : {
+          animate: m ? void 0 : {
             scale: [1, 1.1, 1],
             opacity: [0.6, 0.9, 0.6]
           },
-          transition: d ? void 0 : {
+          transition: m ? void 0 : {
             duration: 2,
             repeat: 1 / 0,
             ease: "easeInOut"
@@ -54985,11 +54995,11 @@ const v6 = ({
             background: "linear-gradient(135deg, rgba(6,182,212,0.4), rgba(34,211,238,0.4))",
             filter: "blur(4px)"
           },
-          animate: d ? void 0 : {
+          animate: m ? void 0 : {
             scale: [1, 1.05, 1],
             opacity: [0.7, 1, 0.7]
           },
-          transition: d ? void 0 : {
+          transition: m ? void 0 : {
             duration: 1.5,
             repeat: 1 / 0,
             ease: "easeInOut",
@@ -54998,7 +55008,7 @@ const v6 = ({
         }
       )
     ] }),
-    /* @__PURE__ */ O(
+    /* @__PURE__ */ D(
       Be.button,
       {
         type: "button",
@@ -55014,7 +55024,7 @@ const v6 = ({
         animate: {
           scale: 1,
           opacity: 1,
-          ...a && !d ? {
+          ...a && !m ? {
             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)",
@@ -55028,7 +55038,7 @@ const v6 = ({
         "data-position": t,
         "data-voxket-trigger": "true",
         transition: {
-          ...!d && a ? {
+          ...!m && a ? {
             boxShadow: {
               duration: 2,
               repeat: 1 / 0,
@@ -55037,7 +55047,7 @@ const v6 = ({
           } : {}
         },
         children: [
-          a && /* @__PURE__ */ O(Wt, { children: [
+          a && /* @__PURE__ */ D(Wt, { children: [
             /* @__PURE__ */ b(
               Be.span,
               {
@@ -55048,8 +55058,8 @@ const v6 = ({
                   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 : {
+                animate: m ? void 0 : { rotate: 360 },
+                transition: m ? void 0 : {
                   duration: 3,
                   repeat: 1 / 0,
                   ease: "linear"
@@ -55070,7 +55080,7 @@ const v6 = ({
           /* @__PURE__ */ b(
             "img",
             {
-              src: c,
+              src: h,
               alt: "Voxket",
               className: "object-contain select-none pointer-events-none relative z-10",
               style: {
@@ -55078,7 +55088,8 @@ const v6 = ({
                 height: `${Math.max(0, Math.min(1, o)) * 100}%`,
                 filter: a ? "brightness(1.1) contrast(1.1)" : "none"
               },
-              draggable: !1
+              draggable: !1,
+              onError: () => f(d)
             }
           )
         ]
@@ -55094,7 +55105,7 @@ function k6({
   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] = O.useState(null), [c, l] = O.useState([]), [u, d] = O.useState(null), [h, f] = O.useState([]), m = O.useCallback((x, S) => {
     const w = {
       timestamp: /* @__PURE__ */ new Date(),
       event: x,
@@ -55108,7 +55119,7 @@ function k6({
     }
     return w;
   }, [o == null ? void 0 : o.sessionId, u == null ? void 0 : u.identity, i, r]);
-  D.useEffect(() => {
+  O.useEffect(() => {
     if (!e) return;
     const x = () => {
       const y = s || `session-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`, R = /* @__PURE__ */ new Date(), I = {
@@ -55167,9 +55178,9 @@ function k6({
       e.off(U.Connected, x), e.off(U.Disconnected, S), e.off(U.ConnectionStateChanged, w), e.off(U.TrackPublished, k), e.off(U.TrackUnpublished, T), e.off(U.DataReceived, P), e.off(U.ParticipantConnected, A), e.off(U.ParticipantDisconnected, N);
     };
   }, [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 = O.useCallback(() => r ? JSON.parse(localStorage.getItem("voxket-session-logs") || "[]") : c, [c, r]), v = O.useCallback(() => {
     r && localStorage.removeItem("voxket-session-logs"), l([]);
-  }, [r]), g = D.useCallback(() => {
+  }, [r]), g = O.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`, T = document.createElement("a");
     T.setAttribute("href", w), T.setAttribute("download", k), T.click();
   }, [p]);
@@ -57749,12 +57760,12 @@ function M6({
         return "Connecting...";
     }
   };
-  return /* @__PURE__ */ O("div", { className: "flex flex-col items-center justify-center h-full w-full p-8", children: [
-    /* @__PURE__ */ O("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__ */ O("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" } })
@@ -57778,7 +57789,7 @@ function Jb({
       onClick: (a) => {
         a.target === a.currentTarget && i && i();
       },
-      children: /* @__PURE__ */ O(
+      children: /* @__PURE__ */ D(
         "div",
         {
           className: "w-full h-full max-w-7xl max-h-[95vh] rounded-2xl relative bg-transparent flex flex-col",
@@ -57798,7 +57809,7 @@ function Jb({
                 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__ */ O(
+            /* @__PURE__ */ D(
               "div",
               {
                 id: "voice-card",
@@ -57829,7 +57840,7 @@ function Jb({
     "div",
     {
       className: "fixed rounded-2xl inset-0 z-[9999] pointer-events-none",
-      children: /* @__PURE__ */ O("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",
@@ -57843,7 +57854,7 @@ function Jb({
             children: "×"
           }
         ),
-        /* @__PURE__ */ O(
+        /* @__PURE__ */ D(
           "div",
           {
             id: "voice-card",
@@ -57868,7 +57879,7 @@ function Jb({
         )
       ] })
     }
-  ) : /* @__PURE__ */ O(
+  ) : /* @__PURE__ */ D(
     "div",
     {
       id: "voice-card",
@@ -57929,7 +57940,7 @@ function D6(e) {
     participantMetadata: K,
     popupModalityMode: ue = "all",
     popupTriggerLogoUrl: se
-  } = e, [j, H] = D.useState(!1), [C, W] = D.useState(null), [Y, E] = D.useState(() => {
+  } = e, [j, H] = O.useState(!1), [C, W] = O.useState(null), [Y, E] = O.useState(() => {
     try {
       if (L)
         return !!L.getCurrentSession();
@@ -57937,9 +57948,9 @@ function D6(e) {
       console.error("Error checking existing session:", _);
     }
     return !1;
-  }), [J, ne] = D.useState(!1), [ie, re] = D.useState(t || ""), [X, le] = D.useState(
+  }), [J, ne] = O.useState(!1), [ie, re] = O.useState(t || ""), [X, le] = O.useState(
     n || "User"
-  ), [Z, Pe] = D.useState(() => {
+  ), [Z, Pe] = O.useState(() => {
     try {
       if (L)
         return L.getCurrentSession();
@@ -57947,7 +57958,7 @@ function D6(e) {
       console.error("Error getting current session:", _);
     }
     return null;
-  }), [F, de] = D.useState(() => {
+  }), [F, de] = O.useState(() => {
     var _, z, te;
     try {
       if (L) {
@@ -57963,13 +57974,13 @@ function D6(e) {
       console.error("Error determining current mode:", ge);
     }
     return "welcome";
-  }), [Ne, we] = D.useState(!1), [pe, Te] = D.useState(!1), [Ie, Ce] = D.useState(() => A.length === 1 ? A[0] : null), [Nt, qt] = D.useState(!1);
-  D.useEffect(() => {
+  }), [Ne, we] = O.useState(!1), [pe, Te] = O.useState(!1), [Ie, Ce] = O.useState(() => A.length === 1 ? A[0] : null), [Nt, qt] = O.useState(!1);
+  O.useEffect(() => {
     N === "fullscreen" && console.log("🎯 Widget: Switched to fullscreen mode");
-  }, [N]), D.useEffect(() => {
+  }, [N]), O.useEffect(() => {
     Y && !J ? console.log("📊 Session started:", { currentMode: F, sessionId: Z == null ? void 0 : Z.id }) : !Y && !J && F === "welcome" && console.log("📊 Returned to welcome screen");
   }, [Y, F, J]);
-  const lt = D.useRef(null);
+  const lt = O.useRef(null);
   if (!lt.current)
     try {
       if (L)
@@ -58003,7 +58014,7 @@ function D6(e) {
       console.error("❌ Failed to create VoxketClient:", _), W(_), H(!0);
     }
   const be = lt.current;
-  D.useEffect(() => {
+  O.useEffect(() => {
     const _ = lt.current;
     return () => {
       _ && !L && (console.log("🧹 Widget unmounting: disconnecting VoxketClient"), _.disconnect().catch((z) => {
@@ -58011,7 +58022,7 @@ function D6(e) {
       }));
     };
   }, [L]);
-  const Vt = D.useMemo(() => N === "popup" && Ie ? [Ie] : A, [N, Ie, A]), ut = D.useMemo(() => {
+  const Vt = O.useMemo(() => N === "popup" && Ie ? [Ie] : A, [N, Ie, A]), ut = O.useMemo(() => {
     try {
       if (!be)
         return console.warn("⚠️ No VoxketClient available, creating fallback room"), new Ci();
@@ -58026,7 +58037,7 @@ function D6(e) {
       return console.error("❌ Error getting room from client:", _), new Ci();
     }
   }, [be, Y, F]);
-  D.useEffect(() => {
+  O.useEffect(() => {
     if (ut) {
       const _ = () => {
         console.log("🏠 Widget: Room state changed:", {
@@ -58048,9 +58059,9 @@ function D6(e) {
         ut.off(U.Connected, _), ut.off(U.Disconnected, _), ut.off(U.TrackSubscribed, z);
       };
     }
-  }, [ut, Z == null ? void 0 : Z.id]), D.useEffect(() => {
+  }, [ut, Z == null ? void 0 : Z.id]), O.useEffect(() => {
     !J && F === "welcome" ? console.log("🎬 Widget: Welcome screen ready") : Y && F !== "welcome" && console.log("🎬 Widget: Session mode active:", F);
-  }, [F, J, Y]), D.useEffect(() => {
+  }, [F, J, Y]), O.useEffect(() => {
     (F === "voice" || F === "video" || F === "chat") && !Z && !Y && !J && be && !be.connected && (console.log("🔄 Auto-correcting: Found orphaned mode without session, returning to welcome"), de("welcome"), ne(!1));
   }, [F, Z, Y, J, be]);
   const { sessionMetrics: G, sessionLogs: ae, logEvent: Ae } = k6({
@@ -58061,11 +58072,11 @@ function D6(e) {
     enableLocalStorage: k,
     voxketSessionId: Z == null ? void 0 : Z.id
   });
-  D.useEffect(() => {
+  O.useEffect(() => {
     T && T(ae);
-  }, [ae, T]), D.useEffect(() => {
+  }, [ae, T]), O.useEffect(() => {
     P && G && P(G);
-  }, [G, P]), D.useEffect(() => {
+  }, [G, P]), O.useEffect(() => {
     if (!be) return;
     const _ = (z, te) => {
       console.log("📊 Widget: Session state changed:", {
@@ -58077,7 +58088,7 @@ function D6(e) {
     return be.on("session.state.changed", _), () => {
       be.off("session.state.changed", _);
     };
-  }, [be, J]), D.useEffect(() => {
+  }, [be, J]), O.useEffect(() => {
     if (!be) return;
     const _ = () => {
       const z = be.connected, te = be.getCurrentSession();
@@ -58097,7 +58108,7 @@ function D6(e) {
     };
   }, [be, F, J, Y]);
   const Xe = !!(!!(be != null && be.connected) && Y && Z);
-  D.useEffect(() => {
+  O.useEffect(() => {
     const _ = (te) => {
       console.log("🔴 Widget: Room disconnected:", te), console.log("🔍 Widget: Current state on disconnect:", {
         currentMode: F,
@@ -58189,18 +58200,18 @@ function D6(e) {
       });
     }
   };
-  D.useEffect(() => {
+  O.useEffect(() => {
     var _, z, te;
     if (L && be) {
       const ge = be.getCurrentSession();
       be.connected, ge && (console.log("✅ Restoring session state:", ge.id), Pe(ge), E(!0), ne(!1), (_ = ge.activeModalities) != null && _.includes("chat") ? de("chat") : (z = ge.activeModalities) != null && z.includes("voice") ? de("voice") : (te = ge.activeModalities) != null && te.includes("video") && de("video"));
     }
-  }, [L, be]), D.useEffect(() => () => {
+  }, [L, be]), O.useEffect(() => () => {
     !L && be && be.disconnect();
   }, [be, L]);
   let Qt = F === "video" ? "w-[32rem]" : "w-96", Pr = F === "video" ? "h-[30rem]" : "h-[25rem]", Nr = {};
   if (h && (h.startsWith("w-") ? Qt = h : (Nr.width = h, Qt = "")), f && (f.startsWith("h-") ? Pr = f : (Nr.height = f, Pr = "")), N === "popup" && !Ne)
-    return console.log("🟡 Showing popup trigger button"), /* @__PURE__ */ O(Wt, { children: [
+    return console.log("🟡 Showing popup trigger button"), /* @__PURE__ */ D(Wt, { children: [
       /* @__PURE__ */ b(
         v6,
         {
@@ -58242,10 +58253,10 @@ function D6(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__ */ O("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 px-3 py-3", children: [
           mt,
           /* @__PURE__ */ b("div", { className: "text-xs uppercase tracking-wide mb-2 opacity-70", children: "Choose modality" }),
-          /* @__PURE__ */ O("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ D("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ b(
               "button",
               {
@@ -58295,7 +58306,7 @@ function D6(e) {
       borderRadius: "8px",
       background: "#fff5f5",
       color: "#cc0000"
-    }, children: /* @__PURE__ */ O("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: _ }),
@@ -58317,7 +58328,7 @@ function D6(e) {
     contain: "layout style paint"
   };
   N === "widget" ? (Ns += ` flex min-h-fit ${Qt} ${Pr} ${d}`, or = { ...or, ...Nr }) : (Ns = `${d || ""}`, or = {});
-  const hi = /* @__PURE__ */ b("div", { className: "h-full w-full flex flex-col overflow-hidden relative z-10", children: /* @__PURE__ */ O(gs, { mode: "wait", children: [
+  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: [
     F === "welcome" && !J && /* @__PURE__ */ b(
       I6,
       {
@@ -58356,7 +58367,7 @@ function D6(e) {
       },
       `loading-${F}`
     ),
-    F === "voice" && !J && Y && be && /* @__PURE__ */ O(Qa.Provider, { value: ut, children: [
+    F === "voice" && !J && Y && be && /* @__PURE__ */ D(Qa.Provider, { value: ut, children: [
       /* @__PURE__ */ b(lg, {}, `audio-${(Z == null ? void 0 : Z.id) || "no-session"}`),
       /* @__PURE__ */ b(og, { label: "Start Audio" }, `start-audio-${(Z == null ? void 0 : Z.id) || "no-session"}`),
       /* @__PURE__ */ b(
@@ -58400,7 +58411,7 @@ function D6(e) {
       },
       "chat-view"
     ),
-    F === "video" && !J && Y && be && /* @__PURE__ */ O(Qa.Provider, { value: ut, children: [
+    F === "video" && !J && Y && be && /* @__PURE__ */ D(Qa.Provider, { value: ut, children: [
       /* @__PURE__ */ b(lg, {}, `audio-video-${(Z == null ? void 0 : Z.id) || "no-session"}`),
       /* @__PURE__ */ b(og, { label: "Start Audio" }, `start-audio-video-${(Z == null ? void 0 : Z.id) || "no-session"}`),
       /* @__PURE__ */ b(
@@ -58451,14 +58462,14 @@ function E$({ logs: e, onClear: t, onExport: n }) {
   const [i, r] = Fe.useState(!1), [s, o] = Fe.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__ */ O("div", { className: "bg-white rounded-lg shadow-xl max-w-4xl w-full max-h-[80vh] flex flex-col m-4", children: [
-    /* @__PURE__ */ O("div", { className: "flex items-center justify-between p-4 border-b", children: [
-      /* @__PURE__ */ O("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__ */ O("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ D("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ b(
           "input",
           {
@@ -58495,18 +58506,18 @@ function E$({ 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__ */ O("div", { className: "border rounded p-3 text-sm", children: [
-      /* @__PURE__ */ O("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__ */ O("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__ */ O(
+  ] }) }) : /* @__PURE__ */ D(
     "button",
     {
       onClick: () => r(!0),
@@ -58520,32 +58531,32 @@ function E$({ logs: e, onClear: t, onExport: n }) {
   );
 }
 function _$({ metrics: e }) {
-  return e ? /* @__PURE__ */ O("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__ */ O("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
-      /* @__PURE__ */ O("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__ */ O("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__ */ O("div", { children: [
+      /* @__PURE__ */ D("div", { children: [
         /* @__PURE__ */ b("span", { className: "text-gray-600", children: "Messages:" }),
         /* @__PURE__ */ b("div", { children: e.totalMessages })
       ] }),
-      /* @__PURE__ */ O("div", { children: [
+      /* @__PURE__ */ D("div", { children: [
         /* @__PURE__ */ b("span", { className: "text-gray-600", children: "Participants:" }),
         /* @__PURE__ */ b("div", { children: e.participantCount })
       ] }),
-      /* @__PURE__ */ O("div", { children: [
+      /* @__PURE__ */ D("div", { children: [
         /* @__PURE__ */ b("span", { className: "text-gray-600", children: "Connection Issues:" }),
         /* @__PURE__ */ b("div", { children: e.connectionIssues })
       ] }),
-      /* @__PURE__ */ O("div", { children: [
+      /* @__PURE__ */ D("div", { children: [
         /* @__PURE__ */ b("span", { className: "text-gray-600", children: "Duration:" }),
-        /* @__PURE__ */ O("div", { children: [
+        /* @__PURE__ */ D("div", { children: [
           Math.round((Date.now() - new Date(e.startTime).getTime()) / 1e3),
           "s"
         ] })
@@ -58921,7 +58932,7 @@ function j6({
     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__ */ O("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 +58941,8 @@ function j6({
         children: "End Session"
       }
     ) : /* @__PURE__ */ b(H6, {}) }),
-    o.isActive && /* @__PURE__ */ O("div", { className: "voxket-media-controls", children: [
-      e && /* @__PURE__ */ O(
+    o.isActive && /* @__PURE__ */ D("div", { className: "voxket-media-controls", children: [
+      e && /* @__PURE__ */ D(
         "button",
         {
           onClick: a.toggle,
@@ -58944,7 +58955,7 @@ function j6({
           ]
         }
       ),
-      t && /* @__PURE__ */ O(
+      t && /* @__PURE__ */ D(
         "button",
         {
           onClick: c.toggle,
@@ -58957,7 +58968,7 @@ function j6({
           ]
         }
       ),
-      n && /* @__PURE__ */ O(
+      n && /* @__PURE__ */ D(
         "button",
         {
           onClick: l.toggle,
@@ -59008,32 +59019,32 @@ function vx({
     `voxket-session-header--${o.size || "md"}`,
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ O("div", { className: a, children: [
-    e && /* @__PURE__ */ O("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__ */ O("div", { className: "voxket-session-info", children: [
-      /* @__PURE__ */ O("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__ */ O("div", { className: "voxket-session-state", children: [
+      /* @__PURE__ */ D("div", { className: "voxket-session-state", children: [
         "State: ",
         r.state
       ] })
     ] }),
-    n && r.session && /* @__PURE__ */ O("div", { className: "voxket-agent-info", children: [
-      /* @__PURE__ */ O("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__ */ O("div", { className: "voxket-modalities", children: [
+      /* @__PURE__ */ D("div", { className: "voxket-modalities", children: [
         "Modalities: ",
         r.session.activeModalities.join(", ")
       ] })
     ] }),
-    s.error && /* @__PURE__ */ O("div", { className: "voxket-error-message", children: [
+    s.error && /* @__PURE__ */ D("div", { className: "voxket-error-message", children: [
       "Error: ",
       s.error.message
     ] })
@@ -59051,15 +59062,15 @@ function kx({
     `voxket-session-content--${o.size || "md"}`,
     i
   ].filter(Boolean).join(" ");
-  return r.isActive ? /* @__PURE__ */ b("div", { className: a, children: n || /* @__PURE__ */ O(Wt, { children: [
-    e && /* @__PURE__ */ O("div", { className: "voxket-chat-container", children: [
-      /* @__PURE__ */ O("div", { className: "voxket-chat-messages", children: [
-        s.messages.map((c) => /* @__PURE__ */ O(
+  return r.isActive ? /* @__PURE__ */ b("div", { className: a, children: n || /* @__PURE__ */ D(Wt, { 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__ */ O("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 +59084,7 @@ function kx({
       /* @__PURE__ */ b(W6, {})
     ] }),
     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__ */ O("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 +59098,7 @@ function W6() {
         console.error("Failed to send message:", s);
       }
   };
-  return /* @__PURE__ */ O("div", { className: "voxket-chat-input", children: [
+  return /* @__PURE__ */ D("div", { className: "voxket-chat-input", children: [
     /* @__PURE__ */ b(
       "input",
       {
@@ -59126,23 +59137,23 @@ function wx({
     `voxket-session-footer--${c.size || "md"}`,
     r
   ].filter(Boolean).join(" ");
-  return s.isActive ? /* @__PURE__ */ b("div", { className: l, children: i || /* @__PURE__ */ O(Wt, { children: [
-    n && /* @__PURE__ */ O("div", { className: "voxket-session-status", children: [
+  return s.isActive ? /* @__PURE__ */ b("div", { className: l, children: i || /* @__PURE__ */ D(Wt, { 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__ */ O("div", { className: "voxket-session-metrics", children: [
-      /* @__PURE__ */ O("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: G6(o.duration || 0) })
       ] }),
-      /* @__PURE__ */ O("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__ */ O("div", { className: "voxket-participants-info", children: [
-      /* @__PURE__ */ O("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 +59195,7 @@ function q6({
     u.isActive ? "voxket-session--active" : "voxket-session--inactive",
     c
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b($6, { variant: s, size: o, theme: a, className: c, children: /* @__PURE__ */ b("div", { className: h, children: l || /* @__PURE__ */ O(Wt, { children: [
+  return /* @__PURE__ */ b($6, { variant: s, size: o, theme: a, className: c, children: /* @__PURE__ */ b("div", { className: h, children: l || /* @__PURE__ */ D(Wt, { 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, {}) })
@@ -59523,7 +59534,7 @@ function mu({
     d ? "voxket-video-tile--hovered" : "",
     o
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ D(
     "div",
     {
       className: p,
@@ -59544,17 +59555,17 @@ function mu({
             muted: e.isLocal
           }
         ),
-        !e.isEnabled && /* @__PURE__ */ O("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__ */ O("div", { className: "voxket-video-overlay", children: [
-          i && t && /* @__PURE__ */ O("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__ */ O("div", { className: "voxket-video-controls", children: [
+          n && (d || s) && /* @__PURE__ */ D("div", { className: "voxket-video-controls", children: [
             /* @__PURE__ */ b(
               "button",
               {
@@ -59634,11 +59645,11 @@ function L$({
     `voxket-video-grid--${d.length}-tracks`,
     n
   ].filter(Boolean).join(" ");
-  return e.length === 0 ? /* @__PURE__ */ b("div", { className: "voxket-video-grid-empty", children: /* @__PURE__ */ O("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__ */ O("div", { className: g, children: [
-    /* @__PURE__ */ O("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 +59660,13 @@ function L$({
         },
         x
       )) }),
-      /* @__PURE__ */ O("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__ */ O(Wt, { children: [
+    /* @__PURE__ */ b("div", { className: "voxket-video-grid-content", style: f, children: t.type === "speaker" && l ? /* @__PURE__ */ D(Wt, { children: [
       /* @__PURE__ */ b("div", { className: "voxket-video-speaker-main", children: /* @__PURE__ */ b(
         mu,
         {
@@ -59692,7 +59703,7 @@ function L$({
         x.id
       ))
     ) }),
-    o && h > 1 && /* @__PURE__ */ O("div", { className: "voxket-video-pagination", children: [
+    o && h > 1 && /* @__PURE__ */ D("div", { className: "voxket-video-pagination", children: [
       /* @__PURE__ */ b(
         "button",
         {
@@ -59702,7 +59713,7 @@ function L$({
           children: "←"
         }
       ),
-      /* @__PURE__ */ O("span", { className: "voxket-pagination-info", children: [
+      /* @__PURE__ */ D("span", { className: "voxket-pagination-info", children: [
         "Page ",
         a + 1,
         " of ",
@@ -59756,10 +59767,10 @@ function F$({
       aspectRatio: "16:9"
     });
   };
-  return /* @__PURE__ */ O("div", { className: c, children: [
-    s && /* @__PURE__ */ O("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__ */ O(
+      /* @__PURE__ */ D(
         "button",
         {
           className: `voxket-control-btn ${e != null && e.isEnabled ? "voxket-control-btn--active" : ""}`,
@@ -59771,15 +59782,15 @@ function F$({
           ]
         }
       ),
-      (e == null ? void 0 : e.dimensions) && /* @__PURE__ */ O("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__ */ O("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__ */ O(
+      /* @__PURE__ */ D(
         "button",
         {
           className: `voxket-control-btn ${e != null && e.isScreenShare ? "voxket-control-btn--active" : ""}`,
@@ -59792,14 +59803,14 @@ function F$({
         }
       )
     ] }),
-    r && /* @__PURE__ */ O("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__ */ O(
+      ].map(({ type: u, icon: d, label: h }) => /* @__PURE__ */ D(
         "button",
         {
           className: "voxket-layout-control-btn",
@@ -59813,28 +59824,28 @@ function F$({
         u
       )) })
     ] }),
-    /* @__PURE__ */ O("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__ */ O("div", { className: "voxket-video-settings", children: [
-        /* @__PURE__ */ O("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__ */ O("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__ */ O("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__ */ O("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__ */ O("div", { className: "voxket-setting-group", children: [
+        /* @__PURE__ */ D("div", { className: "voxket-setting-group", children: [
           /* @__PURE__ */ b("label", { className: "voxket-setting-label", children: "Bandwidth" }),
-          /* @__PURE__ */ O("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 +59854,18 @@ function F$({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ O("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__ */ O("div", { className: "voxket-video-stats", children: [
-        /* @__PURE__ */ O("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__ */ O("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__ */ O("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 +59874,8 @@ function F$({
   ] });
 }
 const l$ = ({ 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] = O.useState(null), [a, c] = O.useState(!0), [l, u] = O.useState(!1), [d] = O.useState(Date.now()), [h, f] = O.useState("pending");
+  O.useEffect(() => {
     (async () => {
       try {
         if (c(!0), n && typeof n == "object") {
@@ -59888,7 +59899,7 @@ const l$ = ({ 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", T = S ? "❌" : "🎉";
-    return /* @__PURE__ */ O("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: T }),
       /* @__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 +59934,7 @@ const l$ = ({ 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__ */ O("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 +59943,25 @@ const l$ = ({ 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__ */ O("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__ */ O("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__ */ O("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__ */ O("span", { children: [
+        /* @__PURE__ */ D("span", { children: [
           "Est: ",
           s.estimated_time_of_completion
         ] })
       ] }) }),
-      /* @__PURE__ */ O("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__ */ O("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 +59978,14 @@ const l$ = ({ 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__ */ O("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 U$() {
-  const [e, t] = D.useState(null), [n, i] = D.useState([]);
-  return D.useEffect(() => {
+  const [e, t] = O.useState(null), [n, i] = O.useState([]);
+  return O.useEffect(() => {
     const a = new Cf({
       appId: "your-app-id",
       appSecret: "your-app-secret",
@@ -59990,12 +60001,12 @@ function U$() {
     }), () => {
       a.disconnect();
     };
-  }, []), /* @__PURE__ */ O("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__ */ O("div", { className: "space-y-4 mb-6", children: [
-      /* @__PURE__ */ O("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__ */ O("div", { className: "space-x-2", children: [
+        /* @__PURE__ */ D("div", { className: "space-x-2", children: [
           /* @__PURE__ */ b(
             "button",
             {
@@ -60024,7 +60035,7 @@ function U$() {
               onClick: async () => {
                 if (!e) return;
                 const a = ({ handler: c, timeout: l }) => {
-                  const [u, d] = D.useState(""), h = [
+                  const [u, d] = O.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 +60050,7 @@ function U$() {
                       timestamp: (/* @__PURE__ */ new Date()).toISOString()
                     });
                   };
-                  return /* @__PURE__ */ O("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 +60058,8 @@ function U$() {
                       {
                         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__ */ O("div", { className: "flex justify-between items-center", children: [
-                          /* @__PURE__ */ O("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 +60068,7 @@ function U$() {
                       },
                       p.id
                     )) }),
-                    /* @__PURE__ */ O("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 +60087,7 @@ function U$() {
                         }
                       )
                     ] }),
-                    l && /* @__PURE__ */ O("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 +60116,16 @@ function U$() {
               onClick: async () => {
                 if (!e) return;
                 const a = ({ handler: c }) => {
-                  const [l, u] = D.useState(0), [d, h] = D.useState(""), f = () => {
+                  const [l, u] = O.useState(0), [d, h] = O.useState(""), f = () => {
                     c == null || c.didSuccess({
                       rating: l,
                       comment: d,
                       timestamp: (/* @__PURE__ */ new Date()).toISOString()
                     });
                   };
-                  return /* @__PURE__ */ O("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__ */ O("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 +60137,7 @@ function U$() {
                         m
                       )) })
                     ] }),
-                    /* @__PURE__ */ O("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 +60150,7 @@ function U$() {
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ O("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 +60189,15 @@ function U$() {
           )
         ] })
       ] }),
-      /* @__PURE__ */ O("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__ */ O("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__ */ O("ol", { className: "list-decimal list-inside space-y-2 text-sm text-gray-700", children: [
-        /* @__PURE__ */ O("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 +60207,7 @@ function U$() {
         /* @__PURE__ */ b("li", { children: "Each component has a timeout and can handle success/failure scenarios" })
       ] })
     ] }),
-    /* @__PURE__ */ O("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 +60294,8 @@ const B$ = {
       }
     };
   }
-}, V$ = (e) => typeof window > "u" ? null : D.createElement(fx, {
-  children: D.createElement(Oa, e)
+}, V$ = (e) => typeof window > "u" ? null : O.createElement(fx, {
+  children: O.createElement(Oa, e)
 });
 export {
   R6 as AgentManager,