@livelayer/react 0.2.1 → 0.2.3

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as w, jsx as e, Fragment as Qe } from "react/jsx-runtime";
-import { Component as Ze, useState as x, useRef as S, useEffect as L, useCallback as f, useMemo as Se } from "react";
+import { jsxs as b, jsx as e, Fragment as Qe } from "react/jsx-runtime";
+import { Component as Ze, useState as k, useRef as L, useEffect as S, useCallback as g, useMemo as Se } from "react";
 import { LiveKitSession as et } from "@livelayer/sdk";
 import { createLocalAudioTrack as tt, Track as Oe, createLocalVideoTrack as nt } from "livekit-client";
 class rt extends Ze {
@@ -18,7 +18,7 @@ class rt extends Ze {
   }
   render() {
     var n;
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ w("div", { className: "ll-error-boundary", role: "alert", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ b("div", { className: "ll-error-boundary", role: "alert", children: [
       /* @__PURE__ */ e("p", { className: "ll-error-boundary__title", children: "Widget crashed" }),
       /* @__PURE__ */ e("p", { className: "ll-error-boundary__message", children: ((n = this.state.error) == null ? void 0 : n.message) || "Something went wrong." }),
       /* @__PURE__ */ e(
@@ -34,25 +34,25 @@ class rt extends Ze {
   }
 }
 function it(t) {
-  const [n, i] = x("idle"), [o, r] = x("idle"), [a, c] = x([]), [m, d] = x(null), [g, u] = x(null), [s, l] = x(null), [b, _] = x(!1), [N, D] = x(null), E = S(null), R = S(t.onDataMessage);
-  R.current = t.onDataMessage, L(() => {
-    const k = {
+  const [n, i] = k("idle"), [o, r] = k("idle"), [s, c] = k([]), [m, d] = k(null), [f, h] = k(null), [l, a] = k(null), [C, _] = k(!1), [N, D] = k(null), E = L(null), R = L(t.onDataMessage);
+  R.current = t.onDataMessage, S(() => {
+    const w = {
       onConnectionStateChange: (y) => {
         i(y), y === "connected" && D(null);
       },
       onAgentStateChange: r,
       onTranscript: (y) => c([...y]),
       onAgentConfig: d,
-      onAudioTrack: (y) => l(y),
-      onVideoTrack: (y) => u(y),
-      onVideoTrackRemoved: () => u(null),
+      onAudioTrack: (y) => a(y),
+      onVideoTrack: (y) => h(y),
+      onVideoTrackRemoved: () => h(null),
       onError: (y) => D(y),
       onDataMessage: (y) => {
         var A;
         (A = R.current) == null || A.call(R, y);
       },
       onResumabilityChange: _
-    }, C = new et(
+    }, x = new et(
       {
         agentId: t.agentId,
         baseUrl: t.baseUrl,
@@ -60,11 +60,11 @@ function it(t) {
         sessionEndpoint: t.sessionEndpoint,
         sessionBody: t.sessionBody
       },
-      k
+      w
     );
-    return E.current = C, i("idle"), r("idle"), c([]), d(null), u(null), l(null), _(!1), D(null), () => {
+    return E.current = x, i("idle"), r("idle"), c([]), d(null), h(null), a(null), _(!1), D(null), () => {
       var y;
-      (y = C.destroy) == null || y.call(C), E.current = null;
+      (y = x.destroy) == null || y.call(x), E.current = null;
     };
   }, [
     t.agentId,
@@ -73,29 +73,29 @@ function it(t) {
     t.sessionEndpoint,
     JSON.stringify(t.sessionBody ?? {})
   ]);
-  const T = f(async () => {
-    const k = E.current;
-    if (k)
+  const T = g(async () => {
+    const w = E.current;
+    if (w)
       try {
-        await k.connect();
-      } catch (C) {
-        throw D(C instanceof Error ? C.message : String(C)), C;
+        await w.connect();
+      } catch (x) {
+        throw D(x instanceof Error ? x.message : String(x)), x;
       }
-  }, []), z = f(() => {
-    const k = E.current;
-    k && k.disconnect();
-  }, []), I = f(() => {
-    var k;
-    return ((k = E.current) == null ? void 0 : k.getRoom()) ?? null;
+  }, []), z = g(() => {
+    const w = E.current;
+    w && w.disconnect();
+  }, []), I = g(() => {
+    var w;
+    return ((w = E.current) == null ? void 0 : w.getRoom()) ?? null;
   }, []);
   return {
     connectionState: n,
     agentState: o,
-    transcript: a,
+    transcript: s,
     agentConfig: m,
-    videoElement: g,
-    audioElement: s,
-    canResume: b,
+    videoElement: f,
+    audioElement: l,
+    canResume: C,
     error: N,
     connect: T,
     disconnect: z,
@@ -104,20 +104,20 @@ function it(t) {
   };
 }
 function ot() {
-  const t = S(null), n = S(null), i = S(null), o = S(null), r = S(/* @__PURE__ */ new Set()), a = S(null), c = f(() => {
-    const s = n.current;
-    if (!s) {
+  const t = L(null), n = L(null), i = L(null), o = L(null), r = L(/* @__PURE__ */ new Set()), s = L(null), c = g(() => {
+    const l = n.current;
+    if (!l) {
       o.current = null;
       return;
     }
-    (!a.current || a.current.length !== s.frequencyBinCount) && (a.current = new Uint8Array(
-      new ArrayBuffer(s.frequencyBinCount)
+    (!s.current || s.current.length !== l.frequencyBinCount) && (s.current = new Uint8Array(
+      new ArrayBuffer(l.frequencyBinCount)
     ));
-    const l = a.current;
-    s.getByteFrequencyData(l);
-    let b = 0;
-    for (let N = 0; N < l.length; N++) b += l[N];
-    const _ = b / l.length / 255;
+    const a = s.current;
+    l.getByteFrequencyData(a);
+    let C = 0;
+    for (let N = 0; N < a.length; N++) C += a[N];
+    const _ = C / a.length / 255;
     for (const N of r.current)
       try {
         N(_);
@@ -125,12 +125,12 @@ function ot() {
         console.error("[useAudioLevel] subscriber threw:", D);
       }
     o.current = requestAnimationFrame(c);
-  }, []), m = f(() => {
+  }, []), m = g(() => {
     if (t.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const s = new AudioContext(), l = s.createAnalyser();
-    l.fftSize = 64, l.connect(s.destination), t.current = s, n.current = l;
-  }, []), d = f(
-    (s) => {
+    const l = new AudioContext(), a = l.createAnalyser();
+    a.fftSize = 64, a.connect(l.destination), t.current = l, n.current = a;
+  }, []), d = g(
+    (l) => {
       if (m(), !(!t.current || !n.current)) {
         if (i.current) {
           try {
@@ -140,17 +140,17 @@ function ot() {
           i.current = null;
         }
         try {
-          const l = t.current.createMediaElementSource(s);
-          l.connect(n.current), i.current = l;
-        } catch (l) {
-          console.warn("[useAudioLevel] createMediaElementSource failed:", l);
+          const a = t.current.createMediaElementSource(l);
+          a.connect(n.current), i.current = a;
+        } catch (a) {
+          console.warn("[useAudioLevel] createMediaElementSource failed:", a);
           return;
         }
         o.current === null && (o.current = requestAnimationFrame(c));
       }
     },
     [m, c]
-  ), g = f(() => {
+  ), f = g(() => {
     if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), i.current) {
       try {
         i.current.disconnect();
@@ -158,11 +158,11 @@ function ot() {
       }
       i.current = null;
     }
-  }, []), u = f((s) => (r.current.add(s), () => {
-    r.current.delete(s);
+  }, []), h = g((l) => (r.current.add(l), () => {
+    r.current.delete(l);
   }), []);
-  return L(() => () => {
-    if (g(), n.current) {
+  return S(() => () => {
+    if (f(), n.current) {
       try {
         n.current.disconnect();
       } catch {
@@ -176,58 +176,58 @@ function ot() {
       }
       t.current = null;
     }
-    r.current.clear(), a.current = null;
-  }, [g]), { attach: d, detach: g, subscribe: u };
+    r.current.clear(), s.current = null;
+  }, [f]), { attach: d, detach: f, subscribe: h };
 }
 function lt() {
-  const [t, n] = x(!1), [i, o] = x(null), r = S(null), a = S(null), c = f(async (u) => {
-    if (r.current && a.current) {
+  const [t, n] = k(!1), [i, o] = k(null), r = L(null), s = L(null), c = g(async (h) => {
+    if (r.current && s.current) {
       try {
-        await a.current.localParticipant.unpublishTrack(r.current);
+        await s.current.localParticipant.unpublishTrack(r.current);
       } catch {
       }
       r.current.stop(), r.current = null;
     }
-    a.current = u, o(null);
+    s.current = h, o(null);
     try {
-      const s = await tt({
+      const l = await tt({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await u.localParticipant.publishTrack(s), r.current = s, n(s.isMuted);
-    } catch (s) {
-      const l = s instanceof Error && s.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw o(l), s;
+      await h.localParticipant.publishTrack(l), r.current = l, n(l.isMuted);
+    } catch (l) {
+      const a = l instanceof Error && l.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+      throw o(a), l;
     }
-  }, []), m = f(() => {
-    const u = r.current;
-    u && (u.isMuted ? (u.unmute(), n(!1)) : (u.mute(), n(!0)));
-  }, []), d = f(() => {
-    const u = r.current, s = a.current;
-    if (u && s) {
+  }, []), m = g(() => {
+    const h = r.current;
+    h && (h.isMuted ? (h.unmute(), n(!1)) : (h.mute(), n(!0)));
+  }, []), d = g(() => {
+    const h = r.current, l = s.current;
+    if (h && l) {
       try {
-        s.localParticipant.unpublishTrack(u);
+        l.localParticipant.unpublishTrack(h);
       } catch {
       }
-      u.stop();
+      h.stop();
     }
-    r.current = null, a.current = null, n(!1);
-  }, []), g = f(() => o(null), []);
+    r.current = null, s.current = null, n(!1);
+  }, []), f = g(() => o(null), []);
   return {
     isMuted: t,
     micError: i,
     toggleMute: m,
     setupMic: c,
     teardownMic: d,
-    clearError: g
+    clearError: f
   };
 }
 const at = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function st() {
-  const [t, n] = x(!1), [i, o] = x(null), [r, a] = x(null), [c, m] = x(""), d = S(null), g = S(null), u = f((E) => {
+  const [t, n] = k(!1), [i, o] = k(null), [r, s] = k(null), [c, m] = k(""), d = L(null), f = L(null), h = g((E) => {
     d.current = E;
-  }, []), s = f(() => {
-    const E = d.current, R = g.current;
+  }, []), l = g(() => {
+    const E = d.current, R = f.current;
     if (R && E) {
       const T = E.localParticipant.getTrackPublication(Oe.Source.Camera);
       if (T != null && T.track) {
@@ -239,8 +239,8 @@ function st() {
       } else
         R.stop();
     }
-    g.current = null, a(null), n(!1);
-  }, []), l = f(async (E) => {
+    f.current = null, s(null), n(!1);
+  }, []), a = g(async (E) => {
     const R = d.current;
     if (R) {
       o(null);
@@ -248,9 +248,9 @@ function st() {
         const T = { ...at };
         E && (T.deviceId = E);
         const z = await nt(T);
-        await R.localParticipant.publishTrack(z), g.current = z;
+        await R.localParticipant.publishTrack(z), f.current = z;
         const I = z.attach();
-        a(I), n(!0), E && m(E);
+        s(I), n(!0), E && m(E);
         try {
           R.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
@@ -263,36 +263,36 @@ function st() {
         o(z);
       }
     }
-  }, []), b = f(async () => {
-    t ? s() : await l(c || void 0);
-  }, [t, c, s, l]), _ = f(async (E) => {
-    s(), await l(E);
-  }, [s, l]), N = f(() => {
-    s(), d.current = null, o(null), m("");
-  }, [s]), D = f(() => o(null), []);
-  return L(() => () => {
-    g.current && g.current.stop();
+  }, []), C = g(async () => {
+    t ? l() : await a(c || void 0);
+  }, [t, c, l, a]), _ = g(async (E) => {
+    l(), await a(E);
+  }, [l, a]), N = g(() => {
+    l(), d.current = null, o(null), m("");
+  }, [l]), D = g(() => o(null), []);
+  return S(() => () => {
+    f.current && f.current.stop();
   }, []), {
     isEnabled: t,
     error: i,
     previewEl: r,
     activeDeviceId: c,
-    toggle: b,
+    toggle: C,
     switchDevice: _,
-    attachRoom: u,
+    attachRoom: h,
     teardown: N,
     clearError: D
   };
 }
 function ct() {
-  const [t, n] = x(!1), [i, o] = x(null), [r, a] = x(null), c = S(null), m = f((l) => {
-    c.current = l;
-  }, []), d = f(() => a(null), []), g = f(async () => {
-    const l = c.current;
-    if (l) {
+  const [t, n] = k(!1), [i, o] = k(null), [r, s] = k(null), c = L(null), m = g((a) => {
+    c.current = a;
+  }, []), d = g(() => s(null), []), f = g(async () => {
+    const a = c.current;
+    if (a) {
       if (t) {
         try {
-          await l.localParticipant.setScreenShareEnabled(!1);
+          await a.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
         d(), n(!1);
@@ -300,15 +300,15 @@ function ct() {
       }
       o(null);
       try {
-        await l.localParticipant.setScreenShareEnabled(!0);
-        let b = 0;
+        await a.localParticipant.setScreenShareEnabled(!0);
+        let C = 0;
         const _ = () => {
-          const N = l.localParticipant.getTrackPublication(Oe.Source.ScreenShare);
+          const N = a.localParticipant.getTrackPublication(Oe.Source.ScreenShare);
           if (N != null && N.track) {
             const D = N.track.attach();
-            a(D), n(!0);
+            s(D), n(!0);
             try {
-              l.localParticipant.publishData(
+              a.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -316,65 +316,62 @@ function ct() {
             }
             return;
           }
-          b++ < 10 ? setTimeout(_, 100) : n(!0);
+          C++ < 10 ? setTimeout(_, 100) : n(!0);
         };
         _();
-      } catch (b) {
-        const _ = b instanceof Error ? b.name : "";
+      } catch (C) {
+        const _ = C instanceof Error ? C.name : "";
         _ !== "NotAllowedError" && _ !== "AbortError" && o("Screen share unavailable. Try again."), n(!1);
       }
     }
-  }, [t, d]), u = f(() => {
-    const l = c.current;
-    if (l && t)
+  }, [t, d]), h = g(() => {
+    const a = c.current;
+    if (a && t)
       try {
-        l.localParticipant.setScreenShareEnabled(!1);
+        a.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
     d(), n(!1), o(null), c.current = null;
-  }, [t, d]), s = f(() => o(null), []);
-  return { isEnabled: t, error: i, previewEl: r, toggle: g, attachRoom: m, teardown: u, clearError: s };
+  }, [t, d]), l = g(() => o(null), []);
+  return { isEnabled: t, error: i, previewEl: r, toggle: f, attachRoom: m, teardown: h, clearError: l };
 }
 function dt() {
-  const [t, n] = x([]), [i, o] = x([]), r = f(async () => {
+  const [t, n] = k([]), [i, o] = k([]), r = g(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
-        const a = await navigator.mediaDevices.enumerateDevices();
-        n(a.filter((c) => c.kind === "audioinput")), o(a.filter((c) => c.kind === "videoinput"));
+        const s = await navigator.mediaDevices.enumerateDevices();
+        n(s.filter((c) => c.kind === "audioinput")), o(s.filter((c) => c.kind === "videoinput"));
       } catch {
       }
   }, []);
-  return L(() => {
+  return S(() => {
     if (r(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const a = () => void r();
-    return navigator.mediaDevices.addEventListener("devicechange", a), () => navigator.mediaDevices.removeEventListener("devicechange", a);
+    const s = () => void r();
+    return navigator.mediaDevices.addEventListener("devicechange", s), () => navigator.mediaDevices.removeEventListener("devicechange", s);
   }, [r]), { mics: t, cameras: i, refresh: r };
 }
 function ut(t, n, i = !1) {
-  const [o, r] = x(null), [a, c] = x(null), [m, d] = x(!i && !!t), g = S("");
-  return L(() => {
+  const [o, r] = k(null), [s, c] = k(null), [m, d] = k(!i && !!t);
+  return S(() => {
     if (i || !t) {
       d(!1);
       return;
     }
-    const u = `${n || ""}::${t}`;
-    if (g.current === u) return;
-    g.current = u;
-    const s = new AbortController(), l = n || "https://app.livelayer.studio";
-    return d(!0), c(null), fetch(`${l}/api/widget/agent/${encodeURIComponent(t)}`, {
-      signal: s.signal
-    }).then(async (b) => {
-      if (!b.ok) {
-        const _ = await b.json().catch(() => ({}));
-        throw new Error(_.error || `HTTP ${b.status}`);
+    const f = new AbortController(), h = n || "https://app.livelayer.studio";
+    return d(!0), c(null), fetch(`${h}/api/widget/agent/${encodeURIComponent(t)}`, {
+      signal: f.signal
+    }).then(async (l) => {
+      if (!l.ok) {
+        const a = await l.json().catch(() => ({}));
+        throw new Error(a.error || `HTTP ${l.status}`);
       }
-      return b.json();
-    }).then((b) => {
-      r(b), d(!1);
-    }).catch((b) => {
-      s.signal.aborted || (c(b instanceof Error ? b.message : "Agent lookup failed"), d(!1));
-    }), () => s.abort();
-  }, [t, n, i]), { info: o, error: a, loading: m };
+      return l.json();
+    }).then((l) => {
+      f.signal.aborted || (r(l), d(!1));
+    }).catch((l) => {
+      f.signal.aborted || (c(l instanceof Error ? l.message : "Agent lookup failed"), d(!1));
+    }), () => f.abort();
+  }, [t, n, i]), { info: o, error: s, loading: m };
 }
 function ht(t) {
   if (typeof window > "u") return null;
@@ -396,9 +393,9 @@ function mt({
   defaultValue: n = "expanded",
   onChange: i
 } = {}) {
-  const o = t !== void 0, [r, a] = x(n), c = o ? t : r, m = f(
+  const o = t !== void 0, [r, s] = k(n), c = o ? t : r, m = g(
     (d) => {
-      d !== c && (o || a(d), i == null || i(d));
+      d !== c && (o || s(d), i == null || i(d));
     },
     [c, o, i]
   );
@@ -415,36 +412,36 @@ function vt({
   persistKey: o = "ll-widget",
   disablePersistence: r = !1
 } = {}) {
-  const a = `${o}:display-mode`, c = S(!1), [m, d] = mt({
+  const s = `${o}:display-mode`, c = L(!1), [m, d] = mt({
     value: t,
     defaultValue: n,
-    onChange: (g) => {
-      t === void 0 && !r && pt(a, g), i == null || i(g);
+    onChange: (f) => {
+      t === void 0 && !r && pt(s, f), i == null || i(f);
     }
   });
-  return L(() => {
+  return S(() => {
     if (c.current || (c.current = !0, r || t !== void 0)) return;
-    const g = gt(ht(a));
-    g && g !== m && d(g);
+    const f = gt(ht(s));
+    f && f !== m && d(f);
   }, []), [m, d];
 }
 const yt = 640;
 function _t(t = yt) {
-  const [n, i] = x(!1);
-  return L(() => {
+  const [n, i] = k(!1);
+  return S(() => {
     if (t === !1) {
       i(!1);
       return;
     }
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const o = `(max-width: ${t - 1}px)`, r = window.matchMedia(o), a = () => i(r.matches);
-    return a(), typeof r.addEventListener == "function" ? (r.addEventListener("change", a), () => r.removeEventListener("change", a)) : (r.addListener(a), () => {
-      r.removeListener(a);
+    const o = `(max-width: ${t - 1}px)`, r = window.matchMedia(o), s = () => i(r.matches);
+    return s(), typeof r.addEventListener == "function" ? (r.addEventListener("change", s), () => r.removeEventListener("change", s)) : (r.addListener(s), () => {
+      r.removeListener(s);
     });
   }, [t]), n;
 }
-const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ w(
+const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ b(
   "svg",
   {
     className: n,
@@ -490,7 +487,7 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ w(
       }
     )
   }
-), $e = ({ className: t }) => /* @__PURE__ */ e(
+), Be = ({ className: t }) => /* @__PURE__ */ e(
   "svg",
   {
     className: t,
@@ -540,7 +537,7 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ w(
 function xt(t) {
   return t === "top-left" || t === "bottom-left" ? "left" : "right";
 }
-const We = "ll-hidden-tab-center-y", Ct = 5, Be = 16;
+const We = "ll-hidden-tab-center-y", Ct = 5, Ue = 16;
 function Nt() {
   if (typeof window > "u") return null;
   try {
@@ -552,7 +549,7 @@ function Nt() {
     return null;
   }
 }
-function Ue(t) {
+function $e(t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(We, String(t));
@@ -566,82 +563,82 @@ const Et = ({
   onExpand: o,
   label: r = "Open widget"
 }) => {
-  const a = xt(t), c = a === "right" ? "left" : "right", m = n ? 80 : 72, [d, g] = x(null), [u, s] = x(!1), l = S(null), b = S(!1), _ = f(
-    (k) => {
-      if (typeof window > "u") return k;
-      const C = m / 2, y = Be + C, A = window.innerHeight - Be - C;
-      return A < y ? Math.max(y, k) : Math.max(y, Math.min(A, k));
+  const s = xt(t), c = s === "right" ? "left" : "right", m = n ? 80 : 72, [d, f] = k(null), [h, l] = k(!1), a = L(null), C = L(!1), _ = g(
+    (w) => {
+      if (typeof window > "u") return w;
+      const x = m / 2, y = Ue + x, A = window.innerHeight - Ue - x;
+      return A < y ? Math.max(y, w) : Math.max(y, Math.min(A, w));
     },
     [m]
   );
-  L(() => {
-    const k = Nt();
-    g(_(k ?? window.innerHeight / 2));
-    const C = () => {
-      g((y) => y === null ? null : _(y));
+  S(() => {
+    const w = Nt();
+    f(_(w ?? window.innerHeight / 2));
+    const x = () => {
+      f((y) => y === null ? null : _(y));
     };
-    return window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
+    return window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
   }, [_]);
-  const N = f(
-    (k) => {
-      if (!(k.pointerType === "mouse" && k.button !== 0) && d !== null) {
+  const N = g(
+    (w) => {
+      if (!(w.pointerType === "mouse" && w.button !== 0) && d !== null) {
         try {
-          k.currentTarget.setPointerCapture(k.pointerId);
+          w.currentTarget.setPointerCapture(w.pointerId);
         } catch {
         }
-        l.current = {
-          startClientY: k.clientY,
+        a.current = {
+          startClientY: w.clientY,
           startCenterY: d,
           moved: !1
         };
       }
     },
     [d]
-  ), D = f(
-    (k) => {
-      const C = l.current;
-      if (!C) return;
-      const y = k.clientY - C.startClientY;
-      !C.moved && Math.abs(y) > Ct && (C.moved = !0, s(!0)), C.moved && g(_(C.startCenterY + y));
+  ), D = g(
+    (w) => {
+      const x = a.current;
+      if (!x) return;
+      const y = w.clientY - x.startClientY;
+      !x.moved && Math.abs(y) > Ct && (x.moved = !0, l(!0)), x.moved && f(_(x.startCenterY + y));
     },
     [_]
-  ), E = f(
-    (k) => {
-      const C = l.current;
-      if (C) {
+  ), E = g(
+    (w) => {
+      const x = a.current;
+      if (x) {
         try {
-          k.currentTarget.releasePointerCapture(k.pointerId);
+          w.currentTarget.releasePointerCapture(w.pointerId);
         } catch {
         }
-        l.current = null, C.moved && (s(!1), b.current = !0, g((y) => (y !== null && Ue(y), y)));
+        a.current = null, x.moved && (l(!1), C.current = !0, f((y) => (y !== null && $e(y), y)));
       }
     },
     []
-  ), R = f(() => {
-    if (b.current) {
-      b.current = !1;
+  ), R = g(() => {
+    if (C.current) {
+      C.current = !1;
       return;
     }
     o();
-  }, [o]), T = f(
-    (k) => {
-      if (k.key === "ArrowUp" || k.key === "ArrowDown") {
-        k.preventDefault();
-        const C = k.key === "ArrowUp" ? -8 : 8;
-        g((y) => {
+  }, [o]), T = g(
+    (w) => {
+      if (w.key === "ArrowUp" || w.key === "ArrowDown") {
+        w.preventDefault();
+        const x = w.key === "ArrowUp" ? -8 : 8;
+        f((y) => {
           if (y === null) return y;
-          const A = _(y + C);
-          return Ue(A), A;
+          const A = _(y + x);
+          return $e(A), A;
         });
       }
     },
     [_]
   ), z = [
     "ll-hidden",
-    `ll-hidden--${a}`,
+    `ll-hidden--${s}`,
     n ? "ll-hidden--mobile" : "ll-hidden--desktop",
     i ? "ll-hidden--speaking" : null,
-    u ? "is-dragging" : null
+    h ? "is-dragging" : null
   ].filter(Boolean).join(" "), I = d === null ? void 0 : { top: `${d - m / 2}px`, transform: "none" };
   return /* @__PURE__ */ e(
     "button",
@@ -666,31 +663,31 @@ const Et = ({
   maxHeight: i = 20,
   minHeight: o = 4,
   className: r,
-  barClassName: a
+  barClassName: s
 }) => {
-  const c = S(null), m = S([]), d = Se(() => {
-    const u = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: n }, (s, l) => 0.5 + l * u % 1 * 0.5);
+  const c = L(null), m = L([]), d = Se(() => {
+    const h = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: n }, (l, a) => 0.5 + a * h % 1 * 0.5);
   }, [n]);
-  L(() => t.subscribe((s) => {
-    for (let l = 0; l < n; l++) {
-      const b = m.current[l];
-      if (!b) continue;
-      const _ = Math.max(o, s * i * d[l]);
-      b.style.height = `${_}px`;
+  S(() => t.subscribe((l) => {
+    for (let a = 0; a < n; a++) {
+      const C = m.current[a];
+      if (!C) continue;
+      const _ = Math.max(o, l * i * d[a]);
+      C.style.height = `${_}px`;
     }
   }), [t, n, i, o, d]);
-  const g = ["ll-waveform", r].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { ref: c, className: g, "aria-hidden": "true", children: Array.from({ length: n }, (u, s) => /* @__PURE__ */ e(
+  const f = ["ll-waveform", r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { ref: c, className: f, "aria-hidden": "true", children: Array.from({ length: n }, (h, l) => /* @__PURE__ */ e(
     "div",
     {
-      ref: (l) => {
-        m.current[s] = l;
+      ref: (a) => {
+        m.current[l] = a;
       },
-      className: ["ll-waveform__bar", a].filter(Boolean).join(" "),
+      className: ["ll-waveform__bar", s].filter(Boolean).join(" "),
       style: { height: `${o}px` }
     },
-    s
+    l
   )) });
 }, Lt = ({
   position: t,
@@ -698,18 +695,18 @@ const Et = ({
   agentName: i,
   avatarImageUrl: o,
   agentState: r,
-  isMuted: a,
+  isMuted: s,
   audioLevel: c,
   onExpand: m,
   onToggleMute: d,
-  onClose: g
+  onClose: f
 }) => n ? /* @__PURE__ */ e(
   "div",
   {
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${i} widget`,
-    children: /* @__PURE__ */ w(
+    children: /* @__PURE__ */ b(
       "button",
       {
         type: "button",
@@ -738,24 +735,24 @@ const Et = ({
             }
           ),
           /* @__PURE__ */ e("span", { className: "ll-minimized__name", children: i }),
-          /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ b("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ e(
               "span",
               {
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (u) => {
-                  u.stopPropagation(), d();
+                onClick: (h) => {
+                  h.stopPropagation(), d();
                 },
-                onKeyDown: (u) => {
-                  (u.key === "Enter" || u.key === " ") && (u.stopPropagation(), u.preventDefault(), d());
+                onKeyDown: (h) => {
+                  (h.key === "Enter" || h.key === " ") && (h.stopPropagation(), h.preventDefault(), d());
                 },
-                "aria-label": a ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ e(Pe, { muted: a, className: "ll-minimized__icon" })
+                "aria-label": s ? "Unmute microphone" : "Mute microphone",
+                children: /* @__PURE__ */ e(Pe, { muted: s, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ e($e, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ e(Be, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -768,7 +765,7 @@ const Et = ({
     "data-position": t,
     role: "region",
     "aria-label": `${i} widget`,
-    children: /* @__PURE__ */ w("div", { className: "ll-minimized__surface", children: [
+    children: /* @__PURE__ */ b("div", { className: "ll-minimized__surface", children: [
       o ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ e(
@@ -780,19 +777,19 @@ const Et = ({
           }
         )
       ) : /* @__PURE__ */ e("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ w("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ b("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ e("span", { className: "ll-minimized__name", children: i }),
         /* @__PURE__ */ e("span", { className: "ll-minimized__state", children: r === "speaking" ? "Speaking" : r === "thinking" ? "Thinking" : "Listening" })
       ] }),
-      /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ b("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "ll-minimized__btn",
             onClick: d,
-            "aria-label": a ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ e(Pe, { muted: a, className: "ll-minimized__icon" })
+            "aria-label": s ? "Unmute microphone" : "Mute microphone",
+            children: /* @__PURE__ */ e(Pe, { muted: s, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ e(
@@ -802,7 +799,7 @@ const Et = ({
             className: "ll-minimized__btn",
             onClick: m,
             "aria-label": `Expand ${i} widget`,
-            children: /* @__PURE__ */ e($e, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ e(Be, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ e(
@@ -810,7 +807,7 @@ const Et = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: g,
+            onClick: f,
             "aria-label": "Close widget",
             children: /* @__PURE__ */ e(bt, { className: "ll-minimized__icon" })
           }
@@ -825,8 +822,8 @@ const Et = ({
   className: o,
   style: r
 }) => {
-  const [a, c] = x(!1), m = S(t);
-  if (L(() => {
+  const [s, c] = k(!1), m = L(t);
+  if (S(() => {
     m.current !== t && (m.current = t, c(!1));
   }, [t]), !t) return null;
   const d = {
@@ -838,7 +835,7 @@ const Et = ({
     objectPosition: "top",
     transition: "opacity 500ms ease, transform 500ms ease",
     transform: i ? "scale(1.02)" : "scale(1)",
-    opacity: a ? 1 : 0,
+    opacity: s ? 1 : 0,
     ...r
   };
   return (
@@ -862,15 +859,15 @@ const Et = ({
   agentName: i,
   avatarImageUrl: o,
   idleLoopUrl: r,
-  greeting: a,
+  greeting: s,
   branding: c,
   teamMembers: m,
   currentTeamMemberId: d,
-  isSwitchingTeamMember: g,
-  teamSwitcherOpen: u,
-  onToggleTeamSwitcher: s,
-  onSelectTeamMember: l,
-  languageMenuOpen: b,
+  isSwitchingTeamMember: f,
+  teamSwitcherOpen: h,
+  onToggleTeamSwitcher: l,
+  onSelectTeamMember: a,
+  languageMenuOpen: C,
   onToggleLanguageMenu: _,
   connectionState: N,
   agentState: D,
@@ -879,13 +876,13 @@ const Et = ({
   needsUserGesture: T,
   error: z,
   isMuted: I,
-  micError: k,
-  micDevices: C,
+  micError: w,
+  micDevices: x,
   isCameraEnabled: y,
   cameraPreviewEl: A,
   cameraDevices: X,
   activeCameraId: ne,
-  isScreenShareEnabled: U,
+  isScreenShareEnabled: $,
   screenPreviewEl: j,
   isSpeakerMuted: F,
   allowCamera: re,
@@ -897,7 +894,7 @@ const Et = ({
   onRetry: ke,
   onResumeAudio: xe,
   onToggleMute: Q,
-  onToggleCamera: B,
+  onToggleCamera: U,
   onSwitchCameraDevice: ve,
   onToggleScreenShare: Z,
   onToggleSpeaker: G,
@@ -907,41 +904,41 @@ const Et = ({
   onClearMicError: K
 }) => {
   var ye;
-  const O = E.length > 0 ? E[E.length - 1] : null, Y = ((m == null ? void 0 : m.length) ?? 0) > 1, ie = N === "connecting" || N === "connected", H = N === "connected", he = N === "idle" || N === "disconnected" || N === "error", pe = S(null), oe = S(null);
-  L(() => {
-    const h = pe.current;
-    h && (h.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", h.appendChild(A)));
-  }, [A]), L(() => {
-    const h = oe.current;
-    h && (h.innerHTML = "", j && (j.style.width = "100%", j.style.height = "100%", j.style.objectFit = "contain", h.appendChild(j)));
+  const O = E.length > 0 ? E[E.length - 1] : null, Y = ((m == null ? void 0 : m.length) ?? 0) > 1, ie = N === "connecting" || N === "connected", H = N === "connected", he = N === "idle" || N === "disconnected" || N === "error", pe = L(null), oe = L(null);
+  S(() => {
+    const u = pe.current;
+    u && (u.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", u.appendChild(A)));
+  }, [A]), S(() => {
+    const u = oe.current;
+    u && (u.innerHTML = "", j && (j.style.width = "100%", j.style.height = "100%", j.style.objectFit = "contain", u.appendChild(j)));
   }, [j]);
-  const [q, le] = x(!1), [ae, J] = x(!1);
-  L(() => {
-    if (!q && !ae && !b && !u) return;
-    const h = () => {
-      le(!1), J(!1), b && _(), u && s();
+  const [q, le] = k(!1), [ae, J] = k(!1);
+  S(() => {
+    if (!q && !ae && !C && !h) return;
+    const u = () => {
+      le(!1), J(!1), C && _(), h && l();
     };
-    return document.addEventListener("click", h), () => document.removeEventListener("click", h);
+    return document.addEventListener("click", u), () => document.removeEventListener("click", u);
   }, [
     q,
     ae,
-    b,
-    u,
+    C,
+    h,
     _,
-    s
+    l
   ]);
-  const [se, ce] = x(""), $ = f(
-    (h) => {
-      h.preventDefault();
+  const [se, ce] = k(""), B = g(
+    (u) => {
+      u.preventDefault();
       const W = se.trim();
       W && (ee(W), ce(""));
     },
     [se, ee]
-  ), p = c.productName || "Live Layer", me = H && (O != null && O.text) ? O.text : a || "", Ce = [
+  ), p = c.productName || "Live Layer", me = H && (O != null && O.text) ? O.text : s || "", Ce = [
     "ll-expanded",
     n ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ b(
     "div",
     {
       className: Ce,
@@ -950,7 +947,7 @@ const Et = ({
       role: "dialog",
       "aria-label": `${i} widget`,
       children: [
-        /* @__PURE__ */ w("div", { className: "ll-expanded__bg", children: [
+        /* @__PURE__ */ b("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ e(
             Mt,
             {
@@ -972,11 +969,11 @@ const Et = ({
           )
         ] }),
         /* @__PURE__ */ e("div", { ref: we, className: "ll-expanded__video" }),
-        N === "connecting" && /* @__PURE__ */ w("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        N === "connecting" && /* @__PURE__ */ b("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ e("div", { className: "ll-expanded__spinner" }),
-          /* @__PURE__ */ e("p", { className: "ll-expanded__overlay-text", children: g ? "Switching..." : "Connecting..." })
+          /* @__PURE__ */ e("p", { className: "ll-expanded__overlay-text", children: f ? "Switching..." : "Connecting..." })
         ] }),
-        T && H && /* @__PURE__ */ w(
+        T && H && /* @__PURE__ */ b(
           "button",
           {
             type: "button",
@@ -988,79 +985,79 @@ const Et = ({
             ]
           }
         ),
-        ie ? /* @__PURE__ */ w("div", { className: "ll-expanded__topbar", children: [
-          /* @__PURE__ */ w("div", { className: "ll-expanded__topbar-left", children: [
-            /* @__PURE__ */ w("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ w(
+        ie ? /* @__PURE__ */ b("div", { className: "ll-expanded__topbar", children: [
+          /* @__PURE__ */ b("div", { className: "ll-expanded__topbar-left", children: [
+            /* @__PURE__ */ b("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ b(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill",
-                  onClick: (h) => {
-                    Y && (h.stopPropagation(), s());
+                  onClick: (u) => {
+                    Y && (u.stopPropagation(), l());
                   },
                   "aria-haspopup": Y ? "listbox" : void 0,
-                  "aria-expanded": Y ? u : void 0,
+                  "aria-expanded": Y ? h : void 0,
                   children: [
                     /* @__PURE__ */ e("span", { className: "ll-hpill__label", children: i }),
                     Y && /* @__PURE__ */ e(_e, {})
                   ]
                 }
               ),
-              Y && u && /* @__PURE__ */ e(
+              Y && h && /* @__PURE__ */ e(
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (h) => h.stopPropagation(),
+                  onClick: (u) => u.stopPropagation(),
                   role: "listbox",
-                  children: m == null ? void 0 : m.map((h) => /* @__PURE__ */ w(
+                  children: m == null ? void 0 : m.map((u) => /* @__PURE__ */ b(
                     "button",
                     {
                       type: "button",
-                      className: `ll-hmenu__item ${h.id === d ? "is-active" : ""}`,
-                      onClick: () => l(h.id),
+                      className: `ll-hmenu__item ${u.id === d ? "is-active" : ""}`,
+                      onClick: () => a(u.id),
                       role: "option",
-                      "aria-selected": h.id === d,
+                      "aria-selected": u.id === d,
                       children: [
-                        h.avatarImageUrl && /* @__PURE__ */ e(
+                        u.avatarImageUrl && /* @__PURE__ */ e(
                           "img",
                           {
-                            src: h.avatarImageUrl,
+                            src: u.avatarImageUrl,
                             alt: "",
                             className: "ll-hmenu__avatar"
                           }
                         ),
-                        /* @__PURE__ */ e("span", { className: "ll-hmenu__name", children: h.name }),
-                        h.role && /* @__PURE__ */ e("span", { className: "ll-hmenu__role", children: h.role })
+                        /* @__PURE__ */ e("span", { className: "ll-hmenu__name", children: u.name }),
+                        u.role && /* @__PURE__ */ e("span", { className: "ll-hmenu__role", children: u.role })
                       ]
                     },
-                    h.id
+                    u.id
                   ))
                 }
               )
             ] }),
-            /* @__PURE__ */ w("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ w(
+            /* @__PURE__ */ b("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ b(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill",
-                  onClick: (h) => {
-                    h.stopPropagation(), _();
+                  onClick: (u) => {
+                    u.stopPropagation(), _();
                   },
                   "aria-haspopup": "listbox",
-                  "aria-expanded": b,
+                  "aria-expanded": C,
                   children: [
                     /* @__PURE__ */ e("span", { className: "ll-hpill__label", children: "English" }),
                     /* @__PURE__ */ e(_e, {})
                   ]
                 }
               ),
-              b && /* @__PURE__ */ e(
+              C && /* @__PURE__ */ e(
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (h) => h.stopPropagation(),
+                  onClick: (u) => u.stopPropagation(),
                   role: "listbox",
                   children: /* @__PURE__ */ e(
                     "button",
@@ -1096,9 +1093,9 @@ const Et = ({
           )
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
-          /* @__PURE__ */ w("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+          /* @__PURE__ */ b("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
             /* @__PURE__ */ e("span", { className: "ll-expanded__brand", children: p }),
-            /* @__PURE__ */ w("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ b("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ e(
                 "button",
                 {
@@ -1122,7 +1119,7 @@ const Et = ({
             ] })
           ] })
         ),
-        he && /* @__PURE__ */ w(
+        he && /* @__PURE__ */ b(
           "button",
           {
             type: "button",
@@ -1136,49 +1133,49 @@ const Et = ({
             ]
           }
         ),
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ b(
           "div",
           {
-            className: `ll-expanded__pip ${ie && (y || U) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${ie && (y || $) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ e(
                 "div",
                 {
                   ref: oe,
-                  className: U ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: $ ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ e(
                 "div",
                 {
                   ref: pe,
-                  className: !U && y ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: !$ && y ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        ie ? /* @__PURE__ */ w("div", { className: "ll-expanded__bottom", children: [
+        ie ? /* @__PURE__ */ b("div", { className: "ll-expanded__bottom", children: [
           me && /* @__PURE__ */ e("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ e("p", { className: "ll-expanded__transcript-text", children: me }) }),
-          /* @__PURE__ */ w("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
+          /* @__PURE__ */ b("div", { className: "ll-toolbar", onClick: (u) => u.stopPropagation(), children: [
             P && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${U ? "is-on" : ""}`,
+                className: `ll-tool ${$ ? "is-on" : ""}`,
                 onClick: Z,
-                "aria-label": U ? "Stop sharing screen" : "Share screen",
-                title: U ? "Stop sharing" : "Share screen",
+                "aria-label": $ ? "Stop sharing screen" : "Share screen",
+                title: $ ? "Stop sharing" : "Share screen",
                 children: /* @__PURE__ */ e(Dt, {})
               }
             ),
-            re && /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
+            re && /* @__PURE__ */ b("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${y ? "is-on" : ""}`,
-                  onClick: B,
+                  onClick: U,
                   "aria-label": y ? "Turn off camera" : "Turn on camera",
                   title: y ? "Stop camera" : "Start camera",
                   children: /* @__PURE__ */ e(Rt, {})
@@ -1189,8 +1186,8 @@ const Et = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--right ${y ? "is-on" : ""}`,
-                  onClick: (h) => {
-                    h.stopPropagation(), J((W) => !W), le(!1);
+                  onClick: (u) => {
+                    u.stopPropagation(), J((W) => !W), le(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
@@ -1204,13 +1201,13 @@ const Et = ({
                   label: "Camera",
                   devices: X,
                   activeId: ne,
-                  onPick: (h) => {
-                    J(!1), ve(h);
+                  onPick: (u) => {
+                    J(!1), ve(u);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ b("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ e(
                 "button",
                 {
@@ -1227,8 +1224,8 @@ const Et = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--right ${I ? "is-muted" : ""}`,
-                  onClick: (h) => {
-                    h.stopPropagation(), le((W) => !W), J(!1);
+                  onClick: (u) => {
+                    u.stopPropagation(), le((W) => !W), J(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
@@ -1236,11 +1233,11 @@ const Et = ({
                   children: /* @__PURE__ */ e(_e, {})
                 }
               ),
-              q && C.length > 0 && /* @__PURE__ */ e(
+              q && x.length > 0 && /* @__PURE__ */ e(
                 Ve,
                 {
                   label: "Microphone",
-                  devices: C,
+                  devices: x,
                   activeId: "",
                   onPick: () => le(!1)
                 }
@@ -1258,7 +1255,7 @@ const Et = ({
               }
             )
           ] }),
-          be && /* @__PURE__ */ w("form", { className: "ll-message-input", onSubmit: $, children: [
+          be && /* @__PURE__ */ b("form", { className: "ll-message-input", onSubmit: B, children: [
             /* @__PURE__ */ e(
               "input",
               {
@@ -1266,7 +1263,7 @@ const Et = ({
                 className: "ll-message-input__field",
                 placeholder: "Message...",
                 value: se,
-                onChange: (h) => ce(h.target.value),
+                onChange: (u) => ce(u.target.value),
                 "aria-label": "Message the agent"
               }
             ),
@@ -1291,12 +1288,12 @@ const Et = ({
           )
         ] }) : (
           // Idle-state footer: start button + greeting
-          a && /* @__PURE__ */ e("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: /* @__PURE__ */ e("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ e("p", { className: "ll-expanded__transcript-text", children: a }) }) })
+          s && /* @__PURE__ */ e("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: /* @__PURE__ */ e("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ e("p", { className: "ll-expanded__transcript-text", children: s }) }) })
         ),
         (() => {
-          if (k && N !== "error")
-            return /* @__PURE__ */ w("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ e("span", { children: k }),
+          if (w && N !== "error")
+            return /* @__PURE__ */ b("div", { className: "ll-expanded__banner", role: "alert", children: [
+              /* @__PURE__ */ e("span", { children: w }),
               /* @__PURE__ */ e(
                 "button",
                 {
@@ -1309,9 +1306,9 @@ const Et = ({
               )
             ] });
           if (!z || N !== "error") return null;
-          let h = "Failed to connect", W = "Try again";
-          return z === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : z === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : z === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : z === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : z === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : z.length < 80 && (h = z), /* @__PURE__ */ w("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ e("span", { children: h }),
+          let u = "Failed to connect", W = "Try again";
+          return z === "MIC_PERMISSION_DENIED" ? u = "Microphone blocked. Allow access to talk." : z === "MIC_NOT_FOUND" ? u = "No microphone found. Plug one in + retry." : z === "MIC_UNAVAILABLE" ? u = "Mic unavailable. Check other apps using it." : z === "AGENT_TIMEOUT" ? u = "Agent didn't pick up. Try again." : z === "CONNECT_FAILED" ? u = "Connection failed. Check your network." : z.length < 80 && (u = z), /* @__PURE__ */ b("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ e("span", { children: u }),
             /* @__PURE__ */ e(
               "button",
               {
@@ -1331,7 +1328,7 @@ function _e() {
   return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ e("polyline", { points: "6 9 12 15 18 9" }) });
 }
 function je() {
-  return /* @__PURE__ */ w("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ b("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
@@ -1340,20 +1337,20 @@ function At() {
   return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ e("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
 function Dt() {
-  return /* @__PURE__ */ w("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ b("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ e("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ e("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ e("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
 function Rt() {
-  return /* @__PURE__ */ w("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ b("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ e("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ e("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
 function Tt({ muted: t }) {
-  return /* @__PURE__ */ w("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ b("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ e("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
     /* @__PURE__ */ e("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
     /* @__PURE__ */ e("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
@@ -1361,21 +1358,21 @@ function Tt({ muted: t }) {
   ] });
 }
 function zt({ muted: t }) {
-  return /* @__PURE__ */ w("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ b("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ e("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-    t ? /* @__PURE__ */ e("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ w(Qe, { children: [
+    t ? /* @__PURE__ */ e("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ b(Qe, { children: [
       /* @__PURE__ */ e("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
       /* @__PURE__ */ e("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
 function Pt() {
-  return /* @__PURE__ */ w("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ b("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ e("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ e("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-const Ve = ({ label: t, devices: n, activeId: i, onPick: o }) => /* @__PURE__ */ w(
+const Ve = ({ label: t, devices: n, activeId: i, onPick: o }) => /* @__PURE__ */ b(
   "div",
   {
     className: "ll-device-menu",
@@ -1383,9 +1380,9 @@ const Ve = ({ label: t, devices: n, activeId: i, onPick: o }) => /* @__PURE__ */
     role: "listbox",
     children: [
       /* @__PURE__ */ e("p", { className: "ll-device-menu__label", children: t }),
-      n.map((r, a) => {
+      n.map((r, s) => {
         const c = i === r.deviceId;
-        return /* @__PURE__ */ w(
+        return /* @__PURE__ */ b(
           "button",
           {
             type: "button",
@@ -1395,15 +1392,15 @@ const Ve = ({ label: t, devices: n, activeId: i, onPick: o }) => /* @__PURE__ */
             "aria-selected": c,
             children: [
               c && /* @__PURE__ */ e("span", { className: "ll-device-menu__dot", children: "●" }),
-              /* @__PURE__ */ e("span", { className: "ll-device-menu__name", children: r.label || `${t} ${a + 1}` })
+              /* @__PURE__ */ e("span", { className: "ll-device-menu__name", children: r.label || `${t} ${s + 1}` })
             ]
           },
-          r.deviceId || a
+          r.deviceId || s
         );
       })
     ]
   }
-), $t = /* @__PURE__ */ new Set([
+), Bt = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1413,22 +1410,22 @@ const Ve = ({ label: t, devices: n, activeId: i, onPick: o }) => /* @__PURE__ */
   "idle_warning",
   "idle_timeout"
 ]);
-function Bt(t) {
+function Ut(t) {
   var Ie, Ae, De, Re, Te, ze;
   const {
     agentId: n,
     apiKey: i,
     baseUrl: o = "https://app.livelayer.studio",
     sessionEndpoint: r,
-    sessionBody: a,
+    sessionBody: s,
     autoConnect: c = !1,
     displayMode: m,
     defaultDisplayMode: d = "expanded",
-    onDisplayModeChange: g,
-    position: u = "bottom-right",
-    mobileBreakpoint: s = 640,
-    persistKey: l = "ll-widget",
-    disablePersistence: b = !1,
+    onDisplayModeChange: f,
+    position: h = "bottom-right",
+    mobileBreakpoint: l = 640,
+    persistKey: a = "ll-widget",
+    disablePersistence: C = !1,
     teamMembers: _,
     currentTeamMemberId: N,
     onTeamMemberChange: D,
@@ -1437,13 +1434,13 @@ function Bt(t) {
     avatarImageUrl: T,
     agentName: z,
     branding: I = {},
-    allowCamera: k = !0,
-    allowScreenShare: C = !0,
+    allowCamera: w = !0,
+    allowScreenShare: x = !0,
     allowTyping: y = !0,
     onConnect: A,
     onDisconnect: X,
     onTranscript: ne,
-    onAgentState: U,
+    onAgentState: $,
     onConnectionStateChange: j,
     onAgentEvent: F,
     onAgentCommand: re,
@@ -1451,33 +1448,33 @@ function Bt(t) {
     className: be,
     style: we,
     zIndex: ge = 2147483647
-  } = t, de = N !== void 0, [ke, xe] = x(() => {
+  } = t, de = N !== void 0, [ke, xe] = k(() => {
     var v;
     return N ?? ((v = _ == null ? void 0 : _[0]) == null ? void 0 : v.id);
-  }), Q = de ? N : ke, B = Se(
+  }), Q = de ? N : ke, U = Se(
     () => (_ == null ? void 0 : _.find((v) => v.id === Q)) ?? null,
     [_, Q]
-  ), ve = (B == null ? void 0 : B.agentId) ?? n, [Z, G] = vt({
+  ), ve = (U == null ? void 0 : U.agentId) ?? n, [Z, G] = vt({
     value: m,
     defaultValue: d,
-    onChange: g,
-    persistKey: l,
-    disablePersistence: b
-  }), ee = _t(s), ue = ot(), V = lt(), K = st(), O = ct(), Y = dt(), [ie, H] = x(!1), [he, pe] = x(!1), [oe, q] = x(!1), [le, ae] = x(!1), [J, se] = x(!1), ce = f(
+    onChange: f,
+    persistKey: a,
+    disablePersistence: C
+  }), ee = _t(l), ue = ot(), V = lt(), K = st(), O = ct(), Y = dt(), [ie, H] = k(!1), [he, pe] = k(!1), [oe, q] = k(!1), [le, ae] = k(!1), [J, se] = k(!1), ce = g(
     (v) => {
       const M = v;
-      !M.type || typeof M.type != "string" || (F == null || F({ eventName: M.type, data: v }), $t.has(M.type) || re == null || re(M));
+      !M.type || typeof M.type != "string" || (F == null || F({ eventName: M.type, data: v }), Bt.has(M.type) || re == null || re(M));
     },
     [re, F]
-  ), $ = it({
+  ), B = it({
     agentId: P ? "__controlled__" : ve,
     baseUrl: o,
     apiKey: i,
     sessionEndpoint: r,
-    sessionBody: a,
+    sessionBody: s,
     onDataMessage: P ? void 0 : ce
   });
-  L(() => {
+  S(() => {
     if (P != null && P.subscribeToDataMessages)
       return P.subscribeToDataMessages(ce);
   }, [P, ce]);
@@ -1497,29 +1494,29 @@ function Bt(t) {
     // Dummy getRoom for shape compatibility — controlled consumers own the Room.
     // Internal session's getRoom returns null when no real connect has happened,
     // so we reuse its reference for type consistency.
-    getRoom: $.getRoom,
+    getRoom: B.getRoom,
     isControlled: !0
   } : {
-    connectionState: $.connectionState,
-    agentState: $.agentState,
-    transcript: $.transcript,
-    videoElement: $.videoElement,
-    audioElement: $.audioElement,
-    canResume: $.canResume,
-    error: $.error,
-    agentConfig: $.agentConfig,
-    connect: $.connect,
-    disconnect: $.disconnect,
-    getRoom: $.getRoom,
+    connectionState: B.connectionState,
+    agentState: B.agentState,
+    transcript: B.transcript,
+    videoElement: B.videoElement,
+    audioElement: B.audioElement,
+    canResume: B.canResume,
+    error: B.error,
+    agentConfig: B.agentConfig,
+    connect: B.connect,
+    disconnect: B.disconnect,
+    getRoom: B.getRoom,
     isControlled: !1
-  }, [P, $]), me = S(null);
-  L(() => {
+  }, [P, B]), me = L(null);
+  S(() => {
     const v = p.videoElement, M = me.current;
     if (!(!v || !M))
       return M.appendChild(v), () => {
         v.parentNode === M && M.removeChild(v);
       };
-  }, [p.videoElement]), L(() => {
+  }, [p.videoElement]), S(() => {
     const v = p.audioElement;
     if (!v) return;
     ue.attach(v);
@@ -1529,7 +1526,7 @@ function Bt(t) {
     }), () => {
       ue.detach();
     };
-  }, [p.audioElement]), L(() => {
+  }, [p.audioElement]), S(() => {
     if (p.isControlled || p.connectionState !== "connected") return;
     const v = p.getRoom();
     if (v)
@@ -1537,11 +1534,11 @@ function Bt(t) {
       }), K.attachRoom(v), O.attachRoom(v), Y.refresh(), () => {
         V.teardownMic(), K.teardown(), O.teardown();
       };
-  }, [p.isControlled, p.connectionState]), L(() => {
+  }, [p.isControlled, p.connectionState]), S(() => {
     const v = p.audioElement;
     v && (v.muted = J);
   }, [p.audioElement, J]);
-  const Ce = f((v) => {
+  const Ce = g((v) => {
     const M = p.getRoom();
     if (M)
       try {
@@ -1551,21 +1548,21 @@ function Bt(t) {
         M.localParticipant.publishData(te, { reliable: !0 });
       } catch {
       }
-  }, [p]), ye = f(() => {
+  }, [p]), ye = g(() => {
     se((v) => !v);
   }, []);
-  L(() => {
+  S(() => {
     j == null || j(p.connectionState), p.connectionState === "connected" ? A == null || A() : p.connectionState === "disconnected" && (X == null || X());
-  }, [p.connectionState, A, X, j]), L(() => {
+  }, [p.connectionState, A, X, j]), S(() => {
     ne == null || ne(p.transcript);
-  }, [p.transcript, ne]), L(() => {
-    U == null || U(p.agentState);
-  }, [p.agentState, U]);
-  const h = S(!1);
-  L(() => {
-    p.isControlled || !c || h.current || p.connectionState === "idle" && (h.current = !0, p.connect());
+  }, [p.transcript, ne]), S(() => {
+    $ == null || $(p.agentState);
+  }, [p.agentState, $]);
+  const u = L(!1);
+  S(() => {
+    p.isControlled || !c || u.current || p.connectionState === "idle" && (u.current = !0, p.connect());
   }, [c, p.connectionState, p]);
-  const W = f(
+  const W = g(
     (v) => {
       const M = _ == null ? void 0 : _.find((te) => te.id === v);
       M && (q(!1), v !== Q && (pe(!0), p.disconnect(), de || xe(v), D == null || D(M)));
@@ -1578,23 +1575,23 @@ function Bt(t) {
       D
     ]
   );
-  L(() => {
+  S(() => {
     he && p.connectionState === "connected" && pe(!1);
-  }, [p.connectionState, he]), L(() => {
+  }, [p.connectionState, he]), S(() => {
     if (!oe) return;
     const v = (M) => {
       M.key === "Escape" && q(!1);
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
   }, [oe]);
-  const Fe = !!T || !!(B != null && B.avatarImageUrl) || p.isControlled, Ne = ut(ve, o, Fe), Ee = (B == null ? void 0 : B.name) ?? z ?? ((Ie = p.agentConfig) == null ? void 0 : Ie.name) ?? ((Ae = Ne.info) == null ? void 0 : Ae.name) ?? "Live Layer", Le = (B == null ? void 0 : B.avatarImageUrl) ?? T ?? ((De = p.agentConfig) == null ? void 0 : De.avatarImageUrl) ?? ((Re = Ne.info) == null ? void 0 : Re.avatarImageUrl) ?? null, Ge = E ?? ((Te = p.agentConfig) == null ? void 0 : Te.idleLoopUrl) ?? ((ze = Ne.info) == null ? void 0 : ze.idleLoopUrl) ?? null, Ke = R ?? null, Ye = f(() => G("expanded"), [G]), He = f(
+  const Fe = !!T || !!(U != null && U.avatarImageUrl) || p.isControlled, Ne = ut(ve, o, Fe), Ee = (U == null ? void 0 : U.name) ?? z ?? ((Ie = p.agentConfig) == null ? void 0 : Ie.name) ?? ((Ae = Ne.info) == null ? void 0 : Ae.name) ?? "Live Layer", Le = (U == null ? void 0 : U.avatarImageUrl) ?? T ?? ((De = p.agentConfig) == null ? void 0 : De.avatarImageUrl) ?? ((Re = Ne.info) == null ? void 0 : Re.avatarImageUrl) ?? null, Ge = E ?? ((Te = p.agentConfig) == null ? void 0 : Te.idleLoopUrl) ?? ((ze = Ne.info) == null ? void 0 : ze.idleLoopUrl) ?? null, Ke = R ?? null, Ye = g(() => G("expanded"), [G]), He = g(
     () => G("minimized"),
     [G]
-  ), Me = f(() => G("hidden"), [G]), qe = f(() => {
+  ), Me = g(() => G("hidden"), [G]), qe = g(() => {
     const v = p.audioElement;
     v && v.play().then(() => H(!1)).catch(() => {
     });
-  }, [p.audioElement]), Je = f(() => {
+  }, [p.audioElement]), Je = g(() => {
     H(!1), p.connect();
   }, [p]), fe = {
     ...we,
@@ -1607,18 +1604,18 @@ function Bt(t) {
     `ll-widget--${ee ? "mobile" : "desktop"}`,
     be
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ b(
     "div",
     {
       className: Xe,
       style: fe,
       "data-display-mode": Z,
-      "data-position": u,
+      "data-position": h,
       children: [
         Z === "hidden" && /* @__PURE__ */ e(
           Et,
           {
-            position: u,
+            position: h,
             isMobile: ee,
             isSpeaking: p.agentState === "speaking",
             onExpand: () => G("expanded"),
@@ -1628,7 +1625,7 @@ function Bt(t) {
         Z === "minimized" && /* @__PURE__ */ e(
           Lt,
           {
-            position: u,
+            position: h,
             isMobile: ee,
             agentName: Ee,
             avatarImageUrl: Le,
@@ -1643,7 +1640,7 @@ function Bt(t) {
         Z === "expanded" && /* @__PURE__ */ e(
           It,
           {
-            position: u,
+            position: h,
             isMobile: ee,
             agentName: Ee,
             avatarImageUrl: Le,
@@ -1668,8 +1665,8 @@ function Bt(t) {
             isScreenShareEnabled: O.isEnabled,
             screenPreviewEl: O.previewEl,
             isSpeakerMuted: J,
-            allowCamera: k,
-            allowScreenShare: C,
+            allowCamera: w,
+            allowScreenShare: x,
             allowTyping: y,
             languageMenuOpen: le,
             onToggleLanguageMenu: () => ae((v) => !v),
@@ -1698,7 +1695,7 @@ function Bt(t) {
   );
 }
 function Ft(t) {
-  return /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(Bt, { ...t }) });
+  return /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(Ut, { ...t }) });
 }
 const Gt = ({
   agentId: t,
@@ -1706,38 +1703,38 @@ const Gt = ({
   apiKey: i,
   mode: o,
   onAgentEvent: r,
-  className: a,
+  className: s,
   style: c
 }) => {
-  const m = S(null), d = S(null), g = S(r);
-  g.current = r;
-  const u = f((s) => {
-    var b;
-    const l = s.detail;
-    (b = g.current) == null || b.call(g, l);
+  const m = L(null), d = L(null), f = L(r);
+  f.current = r;
+  const h = g((l) => {
+    var C;
+    const a = l.detail;
+    (C = f.current) == null || C.call(f, a);
   }, []);
-  return L(() => {
-    const s = m.current;
-    if (!s) return;
-    const l = document.createElement("livelayer-widget");
-    return l.setAttribute("agent-id", t), n && l.setAttribute("base-url", n), i && l.setAttribute("api-key", i), o && l.setAttribute("mode", o), l.addEventListener("agent-event", u), s.appendChild(l), d.current = l, () => {
-      l.removeEventListener("agent-event", u), s.removeChild(l), d.current = null;
+  return S(() => {
+    const l = m.current;
+    if (!l) return;
+    const a = document.createElement("livelayer-widget");
+    return a.setAttribute("agent-id", t), n && a.setAttribute("base-url", n), i && a.setAttribute("api-key", i), o && a.setAttribute("mode", o), a.addEventListener("agent-event", h), l.appendChild(a), d.current = a, () => {
+      a.removeEventListener("agent-event", h), l.removeChild(a), d.current = null;
     };
-  }, [t]), L(() => {
+  }, [t]), S(() => {
     d.current && (o ? d.current.setAttribute("mode", o) : d.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ e("div", { ref: m, className: a, style: c });
+  }, [o]), /* @__PURE__ */ e("div", { ref: m, className: s, style: c });
 };
 function Kt() {
-  const [t, n] = x([]), i = f((r) => {
-    n((a) => {
-      const c = a.findIndex((m) => m.id === r.id);
+  const [t, n] = k([]), i = g((r) => {
+    n((s) => {
+      const c = s.findIndex((m) => m.id === r.id);
       if (c >= 0) {
-        const m = a.slice();
+        const m = s.slice();
         return m[c] = r, m;
       }
-      return [...a, r];
+      return [...s, r];
     });
-  }, []), o = f(() => n([]), []);
+  }, []), o = g(() => n([]), []);
   return {
     entries: t,
     pushSegment: i,