@voxket-ai/voxket-live 1.1.0 → 1.1.1

package/dist/index.js

@@ -2,7 +2,7 @@ var zg = Object.defineProperty;
 var Hg = (e, t, n) => t in e ? zg(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var we = (e, t, n) => Hg(e, typeof t != "symbol" ? t + "" : t, n);
 import * as P from "react";
-import Ie, { createContext as In, useRef as on, useLayoutEffect as jg, useEffect as Nt, useId as qs, useContext as Ct, useInsertionEffect as Tf, useMemo as Qt, useCallback as Xe, Children as Wg, isValidElement as Gg, useState as ke, Fragment as Nf, createElement as Kg, forwardRef as qg, Component as Yg } from "react";
+import Me, { createContext as In, useRef as on, useLayoutEffect as jg, useEffect as Nt, useId as qs, useContext as Ct, useInsertionEffect as Tf, useMemo as Qt, useCallback as Xe, Children as Wg, isValidElement as Gg, useState as ke, Fragment as Nf, createElement as Kg, forwardRef as qg, Component as Yg } from "react";
 import { jsx as m, Fragment as Tt, jsxs as N } from "react/jsx-runtime";
 import { Track as st, setLogLevel as Zg, RoomEvent as Be, ConnectionState as vr, Room as ao } from "livekit-client";
 import { AudioTrack as Xg, BarVisualizer as Af, VideoTrack as Oo, useTracks as Qg, useRoomContext as Jg, RoomContext as xc, RoomAudioRenderer as vc, StartAudio as wc } from "@livekit/components-react";
@@ -7775,39 +7775,50 @@ function Bw(e) {
   const t = Math.floor(e / 60), n = e % 60;
   return `${t}:${n.toString().padStart(2, "0")}`;
 }
-const Ep = Ie.forwardRef(({
+const Ep = Me.forwardRef(({
   state: e,
   audioTrack: t,
-  className: n
-}, r) => {
-  var s, l, c, u, d;
-  const i = Ie.useRef(null), [o, a] = Ie.useState(!1);
-  return Ie.useEffect(() => {
-    i.current && (console.log("🔊 AgentTile: Audio element created:", {
-      autoplay: i.current.autoplay,
-      muted: i.current.muted,
-      volume: i.current.volume,
-      readyState: i.current.readyState,
-      paused: i.current.paused
-    }), a(!0));
-  }, [t]), Ie.useEffect(() => {
-    const f = i.current;
-    if (!f) return;
-    const h = () => console.log("▶️ AgentTile: Audio started playing"), g = () => console.log("⏸️ AgentTile: Audio paused"), p = () => console.log("⏹️ AgentTile: Audio ended"), v = (w) => console.error("❌ AgentTile: Audio error:", w), y = () => console.log("⏳ AgentTile: Audio load started"), E = () => console.log("✅ AgentTile: Audio can play");
-    return f.addEventListener("play", h), f.addEventListener("pause", g), f.addEventListener("ended", p), f.addEventListener("error", v), f.addEventListener("loadstart", y), f.addEventListener("canplay", E), () => {
-      f.removeEventListener("play", h), f.removeEventListener("pause", g), f.removeEventListener("ended", p), f.removeEventListener("error", v), f.removeEventListener("loadstart", y), f.removeEventListener("canplay", E);
+  className: n,
+  theme: r = "vox"
+}, i) => {
+  var c, u, d, f, h;
+  const o = Me.useRef(null), [a, s] = Me.useState(!1);
+  Me.useEffect(() => {
+    o.current && (console.log("🔊 AgentTile: Audio element created:", {
+      autoplay: o.current.autoplay,
+      muted: o.current.muted,
+      volume: o.current.volume,
+      readyState: o.current.readyState,
+      paused: o.current.paused
+    }), s(!0));
+  }, [t]), Me.useEffect(() => {
+    const g = o.current;
+    if (!g) return;
+    const p = () => console.log("▶️ AgentTile: Audio started playing"), v = () => console.log("⏸️ AgentTile: Audio paused"), y = () => console.log("⏹️ AgentTile: Audio ended"), E = (S) => console.error("❌ AgentTile: Audio error:", S), w = () => console.log("⏳ AgentTile: Audio load started"), _ = () => console.log("✅ AgentTile: Audio can play");
+    return g.addEventListener("play", p), g.addEventListener("pause", v), g.addEventListener("ended", y), g.addEventListener("error", E), g.addEventListener("loadstart", w), g.addEventListener("canplay", _), () => {
+      g.removeEventListener("play", p), g.removeEventListener("pause", v), g.removeEventListener("ended", y), g.removeEventListener("error", E), g.removeEventListener("loadstart", w), g.removeEventListener("canplay", _);
     };
-  }, [o]), console.log("🎤 AgentTile render:", {
+  }, [a]), console.log("🎤 AgentTile render:", {
     state: e,
     hasAudioTrack: !!t,
     trackSource: t == null ? void 0 : t.source,
-    participantId: (s = t == null ? void 0 : t.participant) == null ? void 0 : s.identity,
-    publicationMuted: (l = t == null ? void 0 : t.publication) == null ? void 0 : l.isMuted,
-    audioElementReady: o,
-    trackMediaStreamTrack: (d = (u = (c = t == null ? void 0 : t.publication) == null ? void 0 : c.track) == null ? void 0 : u.mediaStreamTrack) == null ? void 0 : d.readyState
-  }), /* @__PURE__ */ N("div", { ref: r, className: je("", n), children: [
+    participantId: (c = t == null ? void 0 : t.participant) == null ? void 0 : c.identity,
+    publicationMuted: (u = t == null ? void 0 : t.publication) == null ? void 0 : u.isMuted,
+    audioElementReady: a,
+    trackMediaStreamTrack: (h = (f = (d = t == null ? void 0 : t.publication) == null ? void 0 : d.track) == null ? void 0 : f.mediaStreamTrack) == null ? void 0 : h.readyState
+  });
+  const l = Me.useMemo(() => r === "light" ? {
+    base: "bg-black/90",
+    highlighted: "bg-black",
+    muted: "bg-black/30"
+  } : {
+    base: "bg-white/90",
+    highlighted: "bg-white",
+    muted: "bg-white/30"
+  }, [r]);
+  return /* @__PURE__ */ N("div", { ref: i, className: je("", n), children: [
     t && /* @__PURE__ */ N(Tt, { children: [
-      /* @__PURE__ */ m(Xg, { ref: i, trackRef: t, volume: 1 }),
+      /* @__PURE__ */ m(Xg, { ref: o, trackRef: t, volume: 1 }),
       /* @__PURE__ */ m(
         Af,
         {
@@ -7820,10 +7831,10 @@ const Ep = Ie.forwardRef(({
             "span",
             {
               className: je([
-                "bg-white/90 min-h-2 w-2 rounded-full",
+                `${l.base} min-h-2 w-2 rounded-full`,
                 "origin-center transition-colors duration-250 ease-linear",
-                "data-[lk-highlighted=true]:bg-white",
-                "data-[lk-muted=true]:bg-white/30"
+                `data-[lk-highlighted=true]:${l.highlighted}`,
+                `data-[lk-muted=true]:${l.muted}`
               ])
             }
           )
@@ -7831,17 +7842,17 @@ const Ep = Ie.forwardRef(({
       )
     ] }),
     !t && // Fallback: Show default avatar when no audio track is available
-    /* @__PURE__ */ m("div", { className: je("flex aspect-video w-40 items-center justify-center"), children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ m("div", { className: "flex gap-1.5", children: Array.from({ length: 5 }).map((f, h) => /* @__PURE__ */ m(
+    /* @__PURE__ */ m("div", { className: je("flex aspect-video w-40 items-center justify-center"), children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ m("div", { className: "flex gap-1.5", children: Array.from({ length: 5 }).map((g, p) => /* @__PURE__ */ m(
       "span",
       {
         className: je([
-          "bg-white/70 min-h-2 w-2 rounded-full",
+          `${l.base} min-h-2 w-2 rounded-full`,
           "origin-center transition-colors duration-250 ease-linear",
-          e === "speaking" && "animate-pulse bg-white",
-          e === "thinking" && "animate-pulse bg-white/50"
+          e === "speaking" && `animate-pulse ${l.highlighted}`,
+          e === "thinking" && `animate-pulse ${l.muted}`
         ])
       },
-      h
+      p
     )) }) }) })
   ] });
 });
@@ -7937,13 +7948,13 @@ function Hw(e, t) {
     [e, r, n]
   );
 }
-function jw({ chatOpen: e, client: t }) {
+function jw({ chatOpen: e, client: t, theme: n = "vox" }) {
   const {
-    agent: { isActive: n = !1 } = {},
-    session: r,
-    state: i = "idle",
-    audioTrack: o,
-    videoTrack: a
+    agent: { isActive: r = !1 } = {},
+    session: i,
+    state: o = "idle",
+    audioTrack: a,
+    videoTrack: s
   } = t ? Al(t) : {
     agent: { isActive: !1 },
     session: null,
@@ -7953,59 +7964,60 @@ function jw({ chatOpen: e, client: t }) {
   };
   console.log("🎨 MediaTiles render:", {
     chatOpen: e,
-    isAgentActive: n,
-    hasSession: !!r,
-    sessionState: r == null ? void 0 : r.state,
-    agentState: i,
-    hasAudioTrack: !!o,
-    hasVideoTrack: !!a
+    isAgentActive: r,
+    hasSession: !!i,
+    sessionState: i == null ? void 0 : i.state,
+    agentState: o,
+    hasAudioTrack: !!a,
+    hasVideoTrack: !!s
   });
-  const [s] = Qg([st.Source.ScreenShare]), l = Hw(st.Source.Camera, t), c = l && !l.publication.isMuted, u = s && !s.publication.isMuted, d = c || u, f = n || r && r.state === "active", h = {
+  const [l] = Qg([st.Source.ScreenShare]), c = Hw(st.Source.Camera, t), u = c && !c.publication.isMuted, d = l && !l.publication.isMuted, f = u || d, h = r || i && i.state === "active", g = {
     ..._n.transition,
     delay: e ? 0 : 0.15
     // delay on close
-  }, g = {
+  }, p = {
     ..._n.animate,
     scale: e ? 1 : 3,
-    transition: h
-  }, p = {
+    transition: g
+  }, v = {
     ..._n.animate,
-    transition: h
-  }, v = h, y = h, E = a && a.publication && a.participant;
+    transition: g
+  }, y = g, E = g, w = s && s.publication && s.participant;
   return /* @__PURE__ */ m("div", { className: "relative w-full h-full z-10 flex items-center justify-center", children: /* @__PURE__ */ m("div", { className: "relative w-full h-full max-w-2xl px-4 md:px-0", children: /* @__PURE__ */ N("div", { className: je(fr.grid), children: [
-    f && /* @__PURE__ */ m(
+    h && /* @__PURE__ */ m(
       "div",
       {
         className: je([
           "grid",
           !e && fr.agentChatClosed,
-          e && d && fr.agentChatOpenWithSecondTile,
-          e && !d && fr.agentChatOpenWithoutSecondTile
+          e && f && fr.agentChatOpenWithSecondTile,
+          e && !f && fr.agentChatOpenWithoutSecondTile
         ]),
         children: /* @__PURE__ */ N("div", { className: "h-full flex items-center justify-center", children: [
-          !E && // audio-only agent or default avatar when no video
+          !w && // audio-only agent or default avatar when no video
           /* @__PURE__ */ m(
             Uw,
             {
               layoutId: "agent",
               ..._n,
-              animate: g,
-              transition: v,
-              state: i,
-              audioTrack: o || void 0,
+              animate: p,
+              transition: y,
+              state: o,
+              audioTrack: a || void 0,
+              theme: n,
               className: je(e ? "h-[90px]" : "h-auto w-full")
             },
             "agent"
           ),
-          E && a && // avatar agent - only render if we have a valid video track
+          w && s && // avatar agent - only render if we have a valid video track
           /* @__PURE__ */ m(
             zw,
             {
               layoutId: "avatar",
               ..._n,
-              animate: p,
-              transition: y,
-              videoTrack: a,
+              animate: v,
+              transition: E,
+              videoTrack: s,
               className: je(
                 e ? "h-[90px] [&>video]:h-[90px] [&>video]:w-auto" : "h-auto w-full"
               )
@@ -8024,13 +8036,13 @@ function jw({ chatOpen: e, client: t }) {
           !e && fr.secondTileChatClosed
         ]),
         children: /* @__PURE__ */ N("div", { className: "w-full px-10 flex items-center shadow-2xl justify-between", children: [
-          l && c && /* @__PURE__ */ m(
+          c && u && /* @__PURE__ */ m(
             Vu,
             {
               layout: "position",
               layoutId: "camera",
               ..._n,
-              trackRef: l,
+              trackRef: c,
               transition: {
                 ..._n.transition,
                 delay: e ? 0 : 0.15
@@ -8039,13 +8051,13 @@ function jw({ chatOpen: e, client: t }) {
             },
             "camera"
           ),
-          u && /* @__PURE__ */ m(
+          d && /* @__PURE__ */ m(
             Vu,
             {
               layout: "position",
               layoutId: "screen",
               ..._n,
-              trackRef: s,
+              trackRef: l,
               transition: {
                 ..._n.transition,
                 delay: e ? 0 : 0.15
@@ -8067,7 +8079,7 @@ const Ww = {
   cardPinkBlur: "absolute bottom-0 left-1/2 -translate-x-1/2 w-[500px] h-[250px] bg-gradient-to-t from-gray-600/[0.08] via-transparent to-transparent blur-3xl",
   cardPulse1: "hidden",
   cardPulse2: "hidden",
-  main: "w-full flex flex-col items-center justify-center max-w-md mx-auto bg-gradient-to-b from-[#0a0a0a] via-[#121212] to-[#0a0a0a] rounded-3xl shadow-2xl p-0 overflow-hidden h-full relative",
+  main: "w-full flex flex-col items-center justify-center max-w-md mx-auto bg-gradient-to-b from-[#0a0a0a] via-[#121212] to-[#0a0a0a] shadow-2xl p-0 overflow-hidden h-full relative",
   text: {
     primary: "text-gray-100 font-semibold",
     secondary: "text-gray-200",
@@ -8085,10 +8097,10 @@ const Ww = {
     ring2: "hidden",
     ring3: "hidden"
   },
-  controlBar: "border border-gray-700/50 rounded-3xl py-4 flex flex-col justify-end h-full bg-gray-900/80 backdrop-blur-xl shadow-2xl",
+  controlBar: "border border-gray-800/50 rounded-3xl py-4 flex flex-col justify-end h-full bg-black/90 backdrop-blur-xl shadow-2xl",
   chatInput: {
-    container: "bg-gray-900/80 backdrop-blur-xl border-gray-700/50 shadow-xl",
-    textarea: "bg-gray-900/60 border border-gray-700/30 rounded-xl text-gray-100 placeholder-gray-400 font-medium px-4 py-3",
+    container: "bg-black/90 backdrop-blur-xl border-gray-800/50 shadow-xl",
+    textarea: "bg-black/80 border border-gray-800/50 rounded-xl text-gray-100 placeholder-gray-500 font-medium px-4 py-3",
     sendButton: "bg-gray-900/90 hover:bg-gray-900 border-2 border-gray-700/50 hover:border-gray-600 disabled:border-gray-800 disabled:opacity-40 text-gray-100 font-bold hover:scale-105 transition-all duration-300 shadow-xl hover:shadow-gray-600/30",
     attachButton: "text-gray-400 hover:text-gray-200 hover:bg-gray-700/30 transition-all duration-300 rounded-xl",
     endButton: "bg-red-600/90 hover:bg-red-600 border-2 border-red-500/40 hover:border-red-500/60 text-white font-bold hover:scale-105 transition-all duration-300 shadow-xl hover:shadow-red-500/40"
@@ -8128,7 +8140,7 @@ const Ww = {
   cardPinkBlur: "absolute bottom-0 left-1/2 -translate-x-1/2 w-[500px] h-[250px] bg-gradient-to-t from-pink-400/[0.08] via-transparent to-transparent blur-3xl",
   cardPulse1: "hidden",
   cardPulse2: "hidden",
-  main: "w-full flex flex-col items-center justify-center max-w-md mx-auto bg-gradient-to-b from-[#fafafa] via-[#ffffff] to-[#fafafa] rounded-3xl shadow-2xl p-0 overflow-hidden h-full relative",
+  main: "w-full flex flex-col items-center justify-center max-w-md mx-auto bg-gradient-to-b from-[#fafafa] via-[#ffffff] to-[#fafafa]  shadow-2xl p-0 overflow-hidden h-full relative",
   text: {
     primary: "text-gray-900 font-semibold",
     secondary: "text-gray-800",
@@ -8182,14 +8194,14 @@ const Ww = {
     mutedIndicator: "bg-red-600 text-white shadow-xl shadow-red-500/40 font-semibold"
   }
 }, Kw = {
-  card: " text-white bg-gradient-to-b from-[#121212] via-[#1a1a1a] to-[#121212] border border-white/[0.12] w-full h-full flex flex-col justify-between overflow-hidden relative shadow-2xl",
-  cardTopGradient: "pointer-events-none absolute top-0 left-0 w-full h-40 z-10 bg-gradient-to-b from-[#0a0a0a]/90 via-[#0a0a0a]/40 to-transparent",
-  cardRadial: "absolute inset-0 bg-[radial-gradient(circle_at_50%_-20%,_rgba(99,102,241,0.08),transparent_50%)] opacity-100",
-  cardPurpleBlur: "absolute top-0 left-1/2 -translate-x-1/2 w-[600px] h-[300px] bg-gradient-to-b from-indigo-500/[0.12] via-purple-500/[0.06] to-transparent blur-3xl",
-  cardPinkBlur: "absolute bottom-0 left-1/2 -translate-x-1/2 w-[500px] h-[250px] bg-gradient-to-t from-violet-500/[0.08] via-transparent to-transparent blur-3xl",
+  card: " text-white bg-gradient-to-b from-[#0a0a0a] via-[#0f0f0f] to-[#0a0a0a] border border-white/[0.08] w-full h-full flex flex-col justify-between overflow-hidden relative shadow-2xl",
+  cardTopGradient: "pointer-events-none absolute top-0 left-0 w-full h-40 z-10 bg-gradient-to-b from-black/95 via-black/50 to-transparent",
+  cardRadial: "absolute inset-0 bg-[radial-gradient(circle_at_50%_-20%,_rgba(79,70,229,0.06),transparent_50%)] opacity-100",
+  cardPurpleBlur: "absolute top-0 left-1/2 -translate-x-1/2 w-[600px] h-[300px] bg-gradient-to-b from-indigo-600/[0.08] via-purple-600/[0.04] to-transparent blur-3xl",
+  cardPinkBlur: "absolute bottom-0 left-1/2 -translate-x-1/2 w-[500px] h-[250px] bg-gradient-to-t from-violet-600/[0.05] via-transparent to-transparent blur-3xl",
   cardPulse1: "hidden",
   cardPulse2: "hidden",
-  main: "w-full flex flex-col items-center justify-center max-w-md mx-auto bg-gradient-to-b from-[#121212] via-[#1a1a1a] to-[#121212] rounded-3xl shadow-2xl p-0 overflow-hidden h-full relative",
+  main: "w-full flex flex-col items-center justify-center max-w-md mx-auto bg-gradient-to-b from-[#0a0a0a] via-[#0f0f0f] to-[#0a0a0a] p-0 overflow-hidden h-full relative",
   text: {
     primary: "text-white font-semibold",
     secondary: "text-white/95",
@@ -8250,7 +8262,7 @@ const Ww = {
   cardPinkBlur: "absolute bottom-0 left-1/2 -translate-x-1/2 w-[500px] h-[250px] bg-gradient-to-t from-cyan-600/[0.08] via-transparent to-transparent blur-3xl",
   cardPulse1: "hidden",
   cardPulse2: "hidden",
-  main: "w-full flex flex-col items-center justify-center max-w-md mx-auto bg-gradient-to-b from-[#0e1218] via-[#161a25] to-[#0e1218] rounded-3xl shadow-2xl p-0 overflow-hidden h-full relative",
+  main: "w-full flex flex-col items-center justify-center max-w-md mx-auto bg-gradient-to-b from-[#0e1218] via-[#161a25] to-[#0e1218]  shadow-2xl p-0 overflow-hidden h-full relative",
   text: {
     primary: "text-white font-semibold",
     secondary: "text-white/95",
@@ -8458,7 +8470,7 @@ function Bo({
   onEndCall: A
 }) {
   var z;
-  const O = Ut(t), [b, M] = Ie.useState(""), I = Ie.useRef(null), F = () => {
+  const O = Ut(t), [b, M] = Me.useState(""), I = Me.useRef(null), F = () => {
     const x = b.trim();
     x && _ && (_(x), M(""));
   }, D = (x) => {
@@ -8469,7 +8481,7 @@ function Bo({
   }, ie = je(
     "flex items-center gap-3 px-3 py-2 w-full backdrop-blur-xl border-t",
     E ? "justify-between" : "justify-center",
-    t === "light" ? "bg-white/95 border-gray-200" : "bg-gray-900/90 border-gray-700"
+    t === "light" ? "bg-white/95 border-gray-200" : "bg-black/90 border-gray-800"
   ), X = (x, $) => {
     var K, k, Y;
     return $ === "end-call" ? je(
@@ -8979,13 +8991,13 @@ Wt.prototype.property = "";
 Wt.prototype.spaceSeparated = !1;
 Wt.prototype.space = void 0;
 let dE = 0;
-const Re = cr(), vt = cr(), Ps = cr(), Z = cr(), it = cr(), Rr = cr(), qt = cr();
+const Ie = cr(), vt = cr(), Ps = cr(), Z = cr(), it = cr(), Rr = cr(), qt = cr();
 function cr() {
   return 2 ** ++dE;
 }
 const Ds = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  boolean: Re,
+  boolean: Ie,
   booleanish: vt,
   commaOrSpaceSeparated: qt,
   commaSeparated: Rr,
@@ -9114,38 +9126,38 @@ const fE = Wr({
     accessKey: it,
     action: null,
     allow: null,
-    allowFullScreen: Re,
-    allowPaymentRequest: Re,
-    allowUserMedia: Re,
+    allowFullScreen: Ie,
+    allowPaymentRequest: Ie,
+    allowUserMedia: Ie,
     alt: null,
     as: null,
-    async: Re,
+    async: Ie,
     autoCapitalize: null,
     autoComplete: it,
-    autoFocus: Re,
-    autoPlay: Re,
+    autoFocus: Ie,
+    autoPlay: Ie,
     blocking: it,
     capture: null,
     charSet: null,
-    checked: Re,
+    checked: Ie,
     cite: null,
     className: it,
     cols: Z,
     colSpan: null,
     content: null,
     contentEditable: vt,
-    controls: Re,
+    controls: Ie,
     controlsList: it,
     coords: Z | Rr,
     crossOrigin: null,
     data: null,
     dateTime: null,
     decoding: null,
-    default: Re,
-    defer: Re,
+    default: Ie,
+    defer: Ie,
     dir: null,
     dirName: null,
-    disabled: Re,
+    disabled: Ie,
     download: Ps,
     draggable: vt,
     encType: null,
@@ -9155,7 +9167,7 @@ const fE = Wr({
     formAction: null,
     formEncType: null,
     formMethod: null,
-    formNoValidate: Re,
+    formNoValidate: Ie,
     formTarget: null,
     headers: it,
     height: Z,
@@ -9168,15 +9180,15 @@ const fE = Wr({
     id: null,
     imageSizes: null,
     imageSrcSet: null,
-    inert: Re,
+    inert: Ie,
     inputMode: null,
     integrity: null,
     is: null,
-    isMap: Re,
+    isMap: Ie,
     itemId: null,
     itemProp: it,
     itemRef: it,
-    itemScope: Re,
+    itemScope: Ie,
     itemType: it,
     kind: null,
     label: null,
@@ -9184,7 +9196,7 @@ const fE = Wr({
     language: null,
     list: null,
     loading: null,
-    loop: Re,
+    loop: Ie,
     low: Z,
     manifest: null,
     max: null,
@@ -9193,12 +9205,12 @@ const fE = Wr({
     method: null,
     min: null,
     minLength: Z,
-    multiple: Re,
-    muted: Re,
+    multiple: Ie,
+    muted: Ie,
     name: null,
     nonce: null,
-    noModule: Re,
-    noValidate: Re,
+    noModule: Ie,
+    noValidate: Ie,
     onAbort: null,
     onAfterPrint: null,
     onAuxClick: null,
@@ -9287,31 +9299,31 @@ const fE = Wr({
     onVolumeChange: null,
     onWaiting: null,
     onWheel: null,
-    open: Re,
+    open: Ie,
     optimum: Z,
     pattern: null,
     ping: it,
     placeholder: null,
-    playsInline: Re,
+    playsInline: Ie,
     popover: null,
     popoverTarget: null,
     popoverTargetAction: null,
     poster: null,
     preload: null,
-    readOnly: Re,
+    readOnly: Ie,
     referrerPolicy: null,
     rel: it,
-    required: Re,
-    reversed: Re,
+    required: Ie,
+    reversed: Ie,
     rows: Z,
     rowSpan: Z,
     sandbox: it,
     scope: null,
-    scoped: Re,
-    seamless: Re,
-    selected: Re,
-    shadowRootClonable: Re,
-    shadowRootDelegatesFocus: Re,
+    scoped: Ie,
+    seamless: Ie,
+    selected: Ie,
+    shadowRootClonable: Ie,
+    shadowRootDelegatesFocus: Ie,
     shadowRootMode: null,
     shape: null,
     size: Z,
@@ -9331,7 +9343,7 @@ const fE = Wr({
     title: null,
     translate: null,
     type: null,
-    typeMustMatch: Re,
+    typeMustMatch: Ie,
     useMap: null,
     value: vt,
     width: Z,
@@ -9377,9 +9389,9 @@ const fE = Wr({
     // `<object>`
     color: null,
     // `<font>` and `<hr>`. Use CSS instead
-    compact: Re,
+    compact: Ie,
     // Lists. Use CSS to reduce space between items instead
-    declare: Re,
+    declare: Ie,
     // `<object>`
     event: null,
     // `<script>`
@@ -9403,13 +9415,13 @@ const fE = Wr({
     // `<body>`
     marginWidth: Z,
     // `<body>`
-    noResize: Re,
+    noResize: Ie,
     // `<frame>`
-    noHref: Re,
+    noHref: Ie,
     // `<area>`. Use no href instead of an explicit `nohref`
-    noShade: Re,
+    noShade: Ie,
     // `<hr>`. Use background-color and height instead of borders
-    noWrap: Re,
+    noWrap: Ie,
     // `<td>` and `<th>`
     object: null,
     // `<applet>`
@@ -9449,8 +9461,8 @@ const fE = Wr({
     allowTransparency: null,
     autoCorrect: null,
     autoSave: null,
-    disablePictureInPicture: Re,
-    disableRemotePlayback: Re,
+    disablePictureInPicture: Ie,
+    disableRemotePlayback: Ie,
     prefix: null,
     property: null,
     results: Z,
@@ -9685,7 +9697,7 @@ const fE = Wr({
     dur: null,
     divisor: Z,
     dominantBaseline: null,
-    download: Re,
+    download: Ie,
     dx: null,
     dy: null,
     edgeMode: null,
@@ -12977,7 +12989,7 @@ function qS(e) {
       listItemValue: f,
       listOrdered: o(le, d),
       listUnordered: o(le),
-      paragraph: o(Me),
+      paragraph: o(Re),
       reference: k,
       referenceString: a,
       resourceDestinationString: a,
@@ -13431,7 +13443,7 @@ function qS(e) {
       children: []
     };
   }
-  function Me() {
+  function Re() {
     return {
       type: "paragraph",
       children: []
@@ -30964,9 +30976,9 @@ function cA() {
     }
   }
   function At(T, j) {
-    return j ? Number(j) : Me(T) ? 0 : 1;
+    return j ? Number(j) : Re(T) ? 0 : 1;
   }
-  function Me(T) {
+  function Re(T) {
     return Te.includes(T.toLowerCase());
   }
   const bt = {}, yt = (T) => {
@@ -32150,14 +32162,14 @@ function Jl({
         const Te = [...ge];
         return v.forEach((_e) => {
           var At;
-          if (!Te.some((Me) => Me.id === _e.id) && (console.log("ChatView: Adding queued message:", _e.id), Te.push(_e), _e.sender.type === "agent" && (p((Me) => new Set(Me).add(_e.id)), !((At = _e.metadata) != null && At.streaming)))) {
-            const Me = _e.content.length * 35 + 1e3;
+          if (!Te.some((Re) => Re.id === _e.id) && (console.log("ChatView: Adding queued message:", _e.id), Te.push(_e), _e.sender.type === "agent" && (p((Re) => new Set(Re).add(_e.id)), !((At = _e.metadata) != null && At.streaming)))) {
+            const Re = _e.content.length * 35 + 1e3;
             setTimeout(() => {
               p((bt) => {
                 const yt = new Set(bt);
                 return yt.delete(_e.id), yt;
               });
-            }, Me);
+            }, Re);
           }
         }), Te;
       }), y([]), setTimeout(() => {
@@ -32183,16 +32195,16 @@ function Jl({
             }
           };
           e && typeof e.addChatMessage == "function" && e.addChatMessage(At);
-          const Me = [...Te];
-          return Me.splice(le, 0, At), Me;
+          const Re = [...Te];
+          return Re.splice(le, 0, At), Re;
         });
       }
     }, Se = async (ne) => {
       _ && (console.log("ChatView: Dismissing active interaction due to timeout"), e.dismissCurrentInteraction()), S(null), v.length > 0 && (console.log("ChatView: Processing", v.length, "queued messages after timeout"), f((Te) => {
         const _e = [...Te];
         return v.forEach((le) => {
-          var Me;
-          if (!_e.some((bt) => bt.id === le.id) && (_e.push(le), le.sender.type === "agent" && (p((bt) => new Set(bt).add(le.id)), !((Me = le.metadata) != null && Me.streaming)))) {
+          var Re;
+          if (!_e.some((bt) => bt.id === le.id) && (_e.push(le), le.sender.type === "agent" && (p((bt) => new Set(bt).add(le.id)), !((Re = le.metadata) != null && Re.streaming)))) {
             const bt = le.content.length * 35 + 1e3;
             setTimeout(() => {
               p((yt) => {
@@ -32230,14 +32242,14 @@ function Jl({
         const Te = [...ge];
         return v.forEach((_e) => {
           var At;
-          if (!Te.some((Me) => Me.id === _e.id) && (Te.push(_e), _e.sender.type === "agent" && (p((Me) => new Set(Me).add(_e.id)), !((At = _e.metadata) != null && At.streaming)))) {
-            const Me = _e.content.length * 35 + 1e3;
+          if (!Te.some((Re) => Re.id === _e.id) && (Te.push(_e), _e.sender.type === "agent" && (p((Re) => new Set(Re).add(_e.id)), !((At = _e.metadata) != null && At.streaming)))) {
+            const Re = _e.content.length * 35 + 1e3;
             setTimeout(() => {
               p((bt) => {
                 const yt = new Set(bt);
                 return yt.delete(_e.id), yt;
               });
-            }, Me);
+            }, Re);
           }
         }), Te;
       }), y([]), setTimeout(() => {
@@ -32543,7 +32555,7 @@ function Jl({
     )
   ] });
 }
-const Ym = Ie.forwardRef(({
+const Ym = Me.forwardRef(({
   disabled: e,
   sessionStarted: t,
   participantName: n = "User",
@@ -32557,20 +32569,20 @@ const Ym = Ie.forwardRef(({
   const [c, u] = ke(!1), [d, f] = ke(!1), [h, g] = ke(!1), [p, v] = ke(() => {
     var B;
     return ((B = o == null ? void 0 : o.getCurrentInteraction) == null ? void 0 : B.call(o)) || null;
-  }), [y, E] = ke(() => t), w = on(null), _ = Ie.useMemo(() => {
+  }), [y, E] = ke(() => t), w = on(null), _ = Me.useMemo(() => {
     var q;
     const B = (q = o == null ? void 0 : o.getCurrentAgentInfo) == null ? void 0 : q.call(o);
     return Rl(B);
-  }, [o]), S = Ie.useMemo(
+  }, [o]), S = Me.useMemo(
     () => Il(_),
     [_]
   );
-  Ie.useMemo(
+  Me.useMemo(
     () => Fw(_),
     [_]
   );
-  const C = Ie.useRef(null), [R, A] = Ie.useState(64);
-  Ie.useLayoutEffect(() => {
+  const C = Me.useRef(null), [R, A] = Me.useState(64);
+  Me.useLayoutEffect(() => {
     const B = C.current;
     if (!B) return;
     const q = () => A(B.offsetHeight || 64);
@@ -32580,10 +32592,10 @@ const Ym = Ie.forwardRef(({
       W.disconnect(), window.removeEventListener("resize", q);
     };
   }, []), Yw();
-  const { agent: { isActive: O = !1 } = {} } = o ? Al(o) : { agent: { isActive: !1 } }, b = fo(o, "microphone"), M = Ut(i), I = Ie.useMemo(() => o != null && o.getCurrentSession ? !!o.getCurrentSession() : !1, [o]), F = Ie.useMemo(() => o != null && o.getIsAgentConnected && o.getIsAgentConnected() || h, [o, h]), D = O || F;
-  Ie.useEffect(() => {
+  const { agent: { isActive: O = !1 } = {} } = o ? Al(o) : { agent: { isActive: !1 } }, b = fo(o, "microphone"), M = Ut(i), I = Me.useMemo(() => o != null && o.getCurrentSession ? !!o.getCurrentSession() : !1, [o]), F = Me.useMemo(() => o != null && o.getIsAgentConnected && o.getIsAgentConnected() || h, [o, h]), D = O || F;
+  Me.useEffect(() => {
     D && y && E(!1);
-  }, [D, y]), Ie.useEffect(() => {
+  }, [D, y]), Me.useEffect(() => {
     if (t && !D) {
       const B = setTimeout(() => {
         I && !D && (console.log("⚡ SessionView: Auto-connecting agent after room connection"), g(!0), f(!1));
@@ -32594,13 +32606,13 @@ const Ym = Ie.forwardRef(({
         clearTimeout(B), clearTimeout(q);
       };
     } else D && f(!1);
-  }, [t, D, I]), Ie.useEffect(() => {
+  }, [t, D, I]), Me.useEffect(() => {
     if (!o) return;
     const B = () => {
       v(null), u(!1), f(!1);
     };
     return o.on("connection.disconnected", B), () => o.off("connection.disconnected", B);
-  }, [o]), Ie.useEffect(() => {
+  }, [o]), Me.useEffect(() => {
     if (!o) return;
     const B = () => {
       console.log("✅ SessionView: Agent connected event received"), g(!0), f(!1), E(!1);
@@ -32612,26 +32624,26 @@ const Ym = Ie.forwardRef(({
     return o.on("agent.connected", B), o.on("agent.speaking", q), o.on("agent.thinking", W), o.on("participant.joined", ce), o.on("connection.disconnected", Q), () => {
       o.off("agent.connected", B), o.off("agent.speaking", q), o.off("agent.thinking", W), o.off("participant.joined", ce), o.off("connection.disconnected", Q);
     };
-  }, [o, t]), Ie.useEffect(() => {
+  }, [o, t]), Me.useEffect(() => {
     if (!o) return;
     const B = () => v(o.getCurrentInteraction()), q = () => v(null);
     return o.on("rpc.interaction.started", B), o.on("rpc.interaction.completed", q), o.on("rpc.interaction.timeout", q), o.on("rpc.interaction.dismissed", q), () => {
       o.off("rpc.interaction.started", B), o.off("rpc.interaction.completed", q), o.off("rpc.interaction.timeout", q), o.off("rpc.interaction.dismissed", q);
     };
-  }, [o]), Ie.useEffect(() => {
+  }, [o]), Me.useEffect(() => {
     var q;
     if (!o) return;
     const B = (q = o.getCurrentInteraction) == null ? void 0 : q.call(o);
     v(B || null);
-  }, [o]), Ie.useEffect(() => {
+  }, [o]), Me.useEffect(() => {
     var q, W;
     const B = ((W = (q = o == null ? void 0 : o.getCurrentSession) == null ? void 0 : q.call(o)) == null ? void 0 : W.id) || null;
     w.current, w.current = B;
-  }, [o]), Ie.useEffect(() => {
+  }, [o]), Me.useEffect(() => {
     p && c && u(!1);
   }, [p, c]);
-  const G = Ie.useCallback((B) => {
-  }, []), ie = Ie.useCallback(() => {
+  const G = Me.useCallback((B) => {
+  }, []), ie = Me.useCallback(() => {
     var B, q, W;
     try {
       p && (v(null), (B = o == null ? void 0 : o.dismissCurrentInteraction) == null || B.call(o)), u(!1), f(!1), (q = o == null ? void 0 : o.endSession) == null || q.call(o), (W = o == null ? void 0 : o.disconnect) == null || W.call(o), s == null || s();
@@ -32644,7 +32656,7 @@ const Ym = Ie.forwardRef(({
     M.main,
     a === "fullscreen" ? "max-w-none" : "",
     "overflow-hidden h-full"
-  ), V = s && (a === "popup" || a === "fullscreen"), z = Ie.useMemo(() => d ? "Agent is taking longer than expected..." : I ? "Room connected. Waiting for agent..." : r, [d, I, r]), x = Ie.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]);
+  ), V = s && (a === "popup" || a === "fullscreen"), z = Me.useMemo(() => d ? "Agent is taking longer than expected..." : I ? "Room connected. Waiting for agent..." : r, [d, I, r]), x = Me.useMemo(() => d ? "Please check your connection or try again." : I ? "The agent will join shortly." : "Agent is connecting... This may take a moment.", [d, I]);
   return y ? /* @__PURE__ */ m("main", { ref: l, className: je(X, "relative", e && "pointer-events-none opacity-50"), children: (V || S) && /* @__PURE__ */ N("div", { className: `flex items-center justify-between w-full p-4 border-b ${(($ = M.chatHeader) == null ? void 0 : $.container) || "border-gray-200"}`, children: [
     /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m("h3", { className: `font-semibold ${M.text.primary}`, children: "Voice Session" }) }),
     S && /* @__PURE__ */ m(
@@ -32685,7 +32697,7 @@ const Ym = Ie.forwardRef(({
           {
             className: je(
               "absolute left-0 right-0 top-0 flex flex-col transition-[opacity,translate] duration-300 ease-out z-10",
-              i === "light" ? "bg-white" : "bg-gray-900/95 backdrop-blur-sm",
+              i === "light" ? "bg-white" : "bg-black backdrop-blur-sm",
               "translate-y-0 opacity-100 delay-200"
             ),
             style: { bottom: `${R}px` },
@@ -32693,7 +32705,7 @@ const Ym = Ie.forwardRef(({
           }
         ),
         !c && /* @__PURE__ */ N("div", { className: je("flex-1 flex flex-col items-center w-full h-full min-h-0", (p == null ? void 0 : p.presentationMode) === "embedded" ? "justify-end" : "justify-center"), children: [
-          /* @__PURE__ */ m(Le.div, { className: "w-full flex justify-center", animate: { y: (p == null ? void 0 : p.presentationMode) === "embedded" ? -8 : 0 }, transition: { duration: 0.3, ease: "easeOut" }, children: /* @__PURE__ */ m(jw, { chatOpen: c, client: o }, `media-tiles-${((te = (Y = o == null ? void 0 : o.getCurrentSession) == null ? void 0 : Y.call(o)) == null ? void 0 : te.id) || "no-session"}`) }),
+          /* @__PURE__ */ m(Le.div, { className: "w-full flex justify-center", animate: { y: (p == null ? void 0 : p.presentationMode) === "embedded" ? -8 : 0 }, transition: { duration: 0.3, ease: "easeOut" }, children: /* @__PURE__ */ m(jw, { chatOpen: c, client: o, theme: i }, `media-tiles-${((te = (Y = o == null ? void 0 : o.getCurrentSession) == null ? void 0 : Y.call(o)) == null ? void 0 : te.id) || "no-session"}`) }),
           /* @__PURE__ */ m(Dr, { mode: "wait", children: p && p.presentationMode === "embedded" && /* @__PURE__ */ m(Le.div, { initial: { opacity: 0, y: 20, height: 0 }, animate: { opacity: 1, y: 0, height: "auto" }, exit: { opacity: 0, y: 20, height: 0 }, transition: { duration: 0.3, ease: "easeOut" }, className: je("w-full relative mt-4 flex justify-center", a === "fullscreen" ? "max-w-4xl" : "max-w-md"), children: /* @__PURE__ */ m("div", { className: "bg-white/10 backdrop-blur-sm rounded-xl border border-white/20 shadow-lg overflow-hidden", children: /* @__PURE__ */ m(wo, { interaction: p, theme: i, onDismiss: () => {
             var B;
             return (B = o == null ? void 0 : o.dismissCurrentInteraction) == null ? void 0 : B.call(o);
@@ -32860,7 +32872,7 @@ function NA({
           }
         )
       ] }) }),
-      A && !s && /* @__PURE__ */ m("div", { className: "p-4 min-h-0 h-full", children: /* @__PURE__ */ N("div", { className: "relative w-full h-full rounded-lg overflow-hidden", children: [
+      A && !s && /* @__PURE__ */ m("div", { className: "p-4 min-h-0 h-full", children: /* @__PURE__ */ N("div", { className: "relative w-full h-full overflow-hidden", children: [
         h ? (
           // Show video when agent avatar is enabled
           K ? /* @__PURE__ */ m(
@@ -36691,7 +36703,7 @@ function uI({ prompts: e, theme: t }) {
     a
   )) });
 }
-const hg = Ie.forwardRef(({
+const hg = Me.forwardRef(({
   disabled: e,
   onStartCall: t,
   onStartChat: n,
@@ -38842,11 +38854,11 @@ class xI {
         const a = this.buildWidgetProps(t);
         try {
           o.root.render(
-            Ie.createElement(is, {
+            Me.createElement(is, {
               config: this.config,
               autoConnect: t.autoStart || !1,
               client: this.voxketClient,
-              children: Ie.createElement(mo, a)
+              children: Me.createElement(mo, a)
             })
           ), console.log("✅ UIRenderer: Successfully updated existing widget with new props");
           return;
@@ -38862,11 +38874,11 @@ class xI {
       const o = i.root, a = this.buildWidgetProps(t);
       try {
         o.render(
-          Ie.createElement(is, {
+          Me.createElement(is, {
             config: this.config,
             autoConnect: t.autoStart || !1,
             client: this.voxketClient,
-            children: Ie.createElement(mo, a)
+            children: Me.createElement(mo, a)
           })
         );
       } catch (s) {
@@ -38896,11 +38908,11 @@ class xI {
         throw new Error("Invalid React root. Make sure React 18+ is properly installed and configured.");
       try {
         o.render(
-          Ie.createElement(is, {
+          Me.createElement(is, {
             config: this.config,
             autoConnect: t.autoStart || !1,
             client: this.voxketClient,
-            children: Ie.createElement(mo, a)
+            children: Me.createElement(mo, a)
           })
         );
       } catch (s) {
@@ -39830,7 +39842,7 @@ function TI(e) {
     } catch (se) {
       return console.error("❌ Failed to create VoxketClient:", se), z(se), X(!0), null;
     }
-  }, [I, o, i, r, Y, B, R]), At = P.useMemo(() => A === "popup" ? ne ? [ne] : ["voice", "chat", "video"] : R, [A, ne, R]), Me = P.useMemo(() => {
+  }, [I, o, i, r, Y, B, R]), At = P.useMemo(() => A === "popup" ? ne ? [ne] : ["voice", "chat", "video"] : R, [A, ne, R]), Re = P.useMemo(() => {
     try {
       if (!le)
         return console.warn("⚠️ No VoxketClient available, creating fallback room"), new ao();
@@ -39846,12 +39858,12 @@ function TI(e) {
     }
   }, [le, x, Q]);
   P.useEffect(() => {
-    if (Me) {
+    if (Re) {
       const se = () => {
         console.log("🏠 Widget: Room state changed:", {
-          state: Me.state,
-          numParticipants: Me.numParticipants,
-          isConnected: Me.state === "connected",
+          state: Re.state,
+          numParticipants: Re.numParticipants,
+          isConnected: Re.state === "connected",
           sessionId: W == null ? void 0 : W.id
         });
       }, ot = ($e, T, j) => {
@@ -39863,17 +39875,17 @@ function TI(e) {
           sessionId: W == null ? void 0 : W.id
         });
       };
-      return Me.on(Be.Connected, se), Me.on(Be.Disconnected, se), Me.on(Be.TrackSubscribed, ot), () => {
-        Me.off(Be.Connected, se), Me.off(Be.Disconnected, se), Me.off(Be.TrackSubscribed, ot);
+      return Re.on(Be.Connected, se), Re.on(Be.Disconnected, se), Re.on(Be.TrackSubscribed, ot), () => {
+        Re.off(Be.Connected, se), Re.off(Be.Disconnected, se), Re.off(Be.TrackSubscribed, ot);
       };
     }
-  }, [Me, W == null ? void 0 : W.id]), P.useEffect(() => {
+  }, [Re, W == null ? void 0 : W.id]), P.useEffect(() => {
     !K && Q === "welcome" ? console.log("🎬 Widget: Welcome screen ready") : x && Q !== "welcome" && console.log("🎬 Widget: Session mode active:", Q);
   }, [Q, K, x]), P.useEffect(() => {
     (Q === "voice" || Q === "video" || Q === "chat") && !W && !x && !K && le && !le.connected && (console.log("🔄 Auto-correcting: Found orphaned mode without session, returning to welcome"), xe("welcome"), k(!1));
   }, [Q, W, x, K, le]);
   const { sessionMetrics: bt, sessionLogs: yt, logEvent: ln } = fI({
-    room: Me,
+    room: Re,
     onSessionStart: E,
     onSessionEnd: w,
     enableConsoleLogging: _,
@@ -39915,10 +39927,10 @@ function TI(e) {
     }, ot = ($e) => {
       console.log("📹 Media devices error:", $e);
     };
-    return Me.on(Be.MediaDevicesError, ot), Me.on(Be.Disconnected, se), () => {
-      Me.off(Be.Disconnected, se), Me.off(Be.MediaDevicesError, ot);
+    return Re.on(Be.MediaDevicesError, ot), Re.on(Be.Disconnected, se), () => {
+      Re.off(Be.Disconnected, se), Re.off(Be.MediaDevicesError, ot);
     };
-  }, [Me, Q, x, W == null ? void 0 : W.id, K]);
+  }, [Re, Q, x, W == null ? void 0 : W.id, K]);
   const ve = async () => {
     try {
       if (!le) {
@@ -40157,7 +40169,7 @@ function TI(e) {
       },
       `loading-${Q}`
     ),
-    Q === "voice" && !K && x && le && /* @__PURE__ */ N(xc.Provider, { value: Me, children: [
+    Q === "voice" && !K && x && le && /* @__PURE__ */ N(xc.Provider, { value: Re, children: [
       /* @__PURE__ */ m(vc, {}, `audio-${(W == null ? void 0 : W.id) || "no-session"}`),
       /* @__PURE__ */ m(wc, { label: "Start Audio" }, `start-audio-${(W == null ? void 0 : W.id) || "no-session"}`),
       /* @__PURE__ */ m(
@@ -40201,7 +40213,7 @@ function TI(e) {
       },
       "chat-view"
     ),
-    Q === "video" && !K && x && le && /* @__PURE__ */ N(xc.Provider, { value: Me, children: [
+    Q === "video" && !K && x && le && /* @__PURE__ */ N(xc.Provider, { value: Re, children: [
       /* @__PURE__ */ m(vc, {}, `audio-video-${(W == null ? void 0 : W.id) || "no-session"}`),
       /* @__PURE__ */ m(wc, { label: "Start Audio" }, `start-audio-video-${(W == null ? void 0 : W.id) || "no-session"}`),
       /* @__PURE__ */ m(
@@ -40249,7 +40261,7 @@ function mo(e) {
   return /* @__PURE__ */ m(pg, { children: /* @__PURE__ */ m(TI, { ...e }) });
 }
 function yO({ logs: e, onClear: t, onExport: n }) {
-  const [r, i] = Ie.useState(!1), [o, a] = Ie.useState(""), s = e.filter(
+  const [r, i] = Me.useState(!1), [o, a] = Me.useState(""), s = e.filter(
     (l) => !o || l.event.toLowerCase().includes(o.toLowerCase())
   );
   return r ? /* @__PURE__ */ m("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ N("div", { className: "bg-white rounded-lg shadow-xl max-w-4xl w-full max-h-[80vh] flex flex-col m-4", children: [
@@ -40777,7 +40789,7 @@ function DI({
 }
 function LI() {
   Kr();
-  const [e, t] = Ie.useState(!1);
+  const [e, t] = Me.useState(!1);
   return /* @__PURE__ */ m(
     "button",
     {
@@ -40880,7 +40892,7 @@ function wg({
   ] }) }) });
 }
 function FI() {
-  const e = uc(), [t, n] = Ie.useState(""), r = async () => {
+  const e = uc(), [t, n] = Me.useState(""), r = async () => {
     if (!(!t.trim() || !e.canSend))
       try {
         await e.send(t), n("");
@@ -41127,10 +41139,10 @@ function kO({
   cssVariables: r = !0,
   className: i = ""
 }) {
-  const [o, a] = Ie.useState(() => {
+  const [o, a] = Me.useState(() => {
     const f = { default: Or, dark: _f, enterprise: Cf, ...t };
     return typeof e == "string" ? f[e] || Or : e;
-  }), [s, l] = Ie.useState(() => ({
+  }), [s, l] = Me.useState(() => ({
     default: Or,
     dark: _f,
     enterprise: Cf,