@livelayer/react 0.2.2 → 0.2.4

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "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 { LiveKitSession as et } from "@livelayer/sdk";
-import { createLocalAudioTrack as tt, Track as Oe, createLocalVideoTrack as nt } from "livekit-client";
-class rt extends Ze {
+import { jsxs as _, jsx as e, Fragment as Ze } from "react/jsx-runtime";
+import { Component as et, useState as k, useRef as M, useEffect as S, useCallback as g, useMemo as Se } from "react";
+import { LiveKitSession as tt } from "@livelayer/sdk";
+import { createLocalAudioTrack as nt, Track as We, createLocalVideoTrack as rt } from "livekit-client";
+class it extends et {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -13,12 +13,12 @@ class rt extends Ze {
     return { hasError: !0, error: n };
   }
   componentDidCatch(n, i) {
-    var o, r;
-    (r = (o = this.props).onError) == null || r.call(o, n, i);
+    var l, r;
+    (r = (l = this.props).onError) == null || r.call(l, n, i);
   }
   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__ */ _("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(
@@ -33,26 +33,26 @@ class rt extends Ze {
     ] }) : this.props.children;
   }
 }
-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 = {
+function lt(t) {
+  const [n, i] = k("idle"), [l, r] = k("idle"), [s, c] = k([]), [m, d] = k(null), [f, p] = k(null), [o, a] = k(null), [C, b] = k(!1), [N, D] = k(null), E = M(null), R = M(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) => p(y),
+      onVideoTrackRemoved: () => p(null),
       onError: (y) => D(y),
       onDataMessage: (y) => {
         var A;
         (A = R.current) == null || A.call(R, y);
       },
-      onResumabilityChange: _
-    }, C = new et(
+      onResumabilityChange: b
+    }, x = new tt(
       {
         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), p(null), a(null), b(!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,
+    agentState: l,
+    transcript: s,
     agentConfig: m,
-    videoElement: g,
-    audioElement: s,
-    canResume: b,
+    videoElement: f,
+    audioElement: o,
+    canResume: C,
     error: N,
     connect: T,
     disconnect: z,
@@ -104,33 +104,33 @@ 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) {
-      o.current = null;
+  const t = M(null), n = M(null), i = M(null), l = M(null), r = M(/* @__PURE__ */ new Set()), s = M(null), c = g(() => {
+    const o = n.current;
+    if (!o) {
+      l.current = null;
       return;
     }
-    (!a.current || a.current.length !== s.frequencyBinCount) && (a.current = new Uint8Array(
-      new ArrayBuffer(s.frequencyBinCount)
+    (!s.current || s.current.length !== o.frequencyBinCount) && (s.current = new Uint8Array(
+      new ArrayBuffer(o.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;
+    o.getByteFrequencyData(a);
+    let C = 0;
+    for (let N = 0; N < a.length; N++) C += a[N];
+    const b = C / a.length / 255;
     for (const N of r.current)
       try {
-        N(_);
+        N(b);
       } catch (D) {
         console.error("[useAudioLevel] subscriber threw:", D);
       }
-    o.current = requestAnimationFrame(c);
-  }, []), m = f(() => {
+    l.current = requestAnimationFrame(c);
+  }, []), 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 o = new AudioContext(), a = o.createAnalyser();
+    a.fftSize = 64, a.connect(o.destination), t.current = o, n.current = a;
+  }, []), d = g(
+    (o) => {
       if (m(), !(!t.current || !n.current)) {
         if (i.current) {
           try {
@@ -140,29 +140,29 @@ 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(o);
+          a.connect(n.current), i.current = a;
+        } catch (a) {
+          console.warn("[useAudioLevel] createMediaElementSource failed:", a);
           return;
         }
-        o.current === null && (o.current = requestAnimationFrame(c));
+        l.current === null && (l.current = requestAnimationFrame(c));
       }
     },
     [m, c]
-  ), g = f(() => {
-    if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), i.current) {
+  ), f = g(() => {
+    if (l.current !== null && (cancelAnimationFrame(l.current), l.current = null), i.current) {
       try {
         i.current.disconnect();
       } catch {
       }
       i.current = null;
     }
-  }, []), u = f((s) => (r.current.add(s), () => {
-    r.current.delete(s);
+  }, []), p = g((o) => (r.current.add(o), () => {
+    r.current.delete(o);
   }), []);
-  return L(() => () => {
-    if (g(), n.current) {
+  return S(() => () => {
+    if (f(), n.current) {
       try {
         n.current.disconnect();
       } catch {
@@ -176,60 +176,60 @@ 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: p };
 }
-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) {
+function at() {
+  const [t, n] = k(!1), [i, l] = k(null), r = M(null), s = M(null), c = g(async (p) => {
+    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 = p, l(null);
     try {
-      const s = await tt({
+      const o = await nt({
         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 p.localParticipant.publishTrack(o), r.current = o, n(o.isMuted);
+    } catch (o) {
+      const a = o instanceof Error && o.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+      throw l(a), o;
     }
-  }, []), 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 p = r.current;
+    p && (p.isMuted ? (p.unmute(), n(!1)) : (p.mute(), n(!0)));
+  }, []), d = g(() => {
+    const p = r.current, o = s.current;
+    if (p && o) {
       try {
-        s.localParticipant.unpublishTrack(u);
+        o.localParticipant.unpublishTrack(p);
       } catch {
       }
-      u.stop();
+      p.stop();
     }
-    r.current = null, a.current = null, n(!1);
-  }, []), g = f(() => o(null), []);
+    r.current = null, s.current = null, n(!1);
+  }, []), f = g(() => l(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 st = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function ct() {
+  const [t, n] = k(!1), [i, l] = k(null), [r, s] = k(null), [c, m] = k(""), d = M(null), f = M(null), p = g((E) => {
     d.current = E;
-  }, []), s = f(() => {
-    const E = d.current, R = g.current;
+  }, []), o = g(() => {
+    const E = d.current, R = f.current;
     if (R && E) {
-      const T = E.localParticipant.getTrackPublication(Oe.Source.Camera);
+      const T = E.localParticipant.getTrackPublication(We.Source.Camera);
       if (T != null && T.track) {
         try {
           E.localParticipant.unpublishTrack(T.track);
@@ -239,18 +239,18 @@ 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);
+      l(null);
       try {
-        const T = { ...at };
+        const T = { ...st };
         E && (T.deviceId = E);
-        const z = await nt(T);
-        await R.localParticipant.publishTrack(z), g.current = z;
+        const z = await rt(T);
+        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" })),
@@ -260,55 +260,55 @@ function st() {
         }
       } catch (T) {
         const z = T instanceof Error && T.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        o(z);
+        l(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 ? o() : await a(c || void 0);
+  }, [t, c, o, a]), b = g(async (E) => {
+    o(), await a(E);
+  }, [o, a]), N = g(() => {
+    o(), d.current = null, l(null), m("");
+  }, [o]), D = g(() => l(null), []);
+  return S(() => () => {
+    f.current && f.current.stop();
   }, []), {
     isEnabled: t,
     error: i,
     previewEl: r,
     activeDeviceId: c,
-    toggle: b,
-    switchDevice: _,
-    attachRoom: u,
+    toggle: C,
+    switchDevice: b,
+    attachRoom: p,
     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) {
+function dt() {
+  const [t, n] = k(!1), [i, l] = k(null), [r, s] = k(null), c = M(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);
         return;
       }
-      o(null);
+      l(null);
       try {
-        await l.localParticipant.setScreenShareEnabled(!0);
-        let b = 0;
-        const _ = () => {
-          const N = l.localParticipant.getTrackPublication(Oe.Source.ScreenShare);
+        await a.localParticipant.setScreenShareEnabled(!0);
+        let C = 0;
+        const b = () => {
+          const N = a.localParticipant.getTrackPublication(We.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,67 +316,64 @@ function ct() {
             }
             return;
           }
-          b++ < 10 ? setTimeout(_, 100) : n(!0);
+          C++ < 10 ? setTimeout(b, 100) : n(!0);
         };
-        _();
-      } catch (b) {
-        const _ = b instanceof Error ? b.name : "";
-        _ !== "NotAllowedError" && _ !== "AbortError" && o("Screen share unavailable. Try again."), n(!1);
+        b();
+      } catch (C) {
+        const b = C instanceof Error ? C.name : "";
+        b !== "NotAllowedError" && b !== "AbortError" && l("Screen share unavailable. Try again."), n(!1);
       }
     }
-  }, [t, d]), u = f(() => {
-    const l = c.current;
-    if (l && t)
+  }, [t, d]), p = 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 };
+    d(), n(!1), l(null), c.current = null;
+  }, [t, d]), o = g(() => l(null), []);
+  return { isEnabled: t, error: i, previewEl: r, toggle: f, attachRoom: m, teardown: p, clearError: o };
 }
-function dt() {
-  const [t, n] = x([]), [i, o] = x([]), r = f(async () => {
+function ut() {
+  const [t, n] = k([]), [i, l] = 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")), l(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(() => {
+function ht(t, n, i = !1) {
+  const [l, 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(), p = n || "https://app.livelayer.studio";
+    return d(!0), c(null), fetch(`${p}/api/widget/agent/${encodeURIComponent(t)}`, {
+      signal: f.signal
+    }).then(async (o) => {
+      if (!o.ok) {
+        const a = await o.json().catch(() => ({}));
+        throw new Error(a.error || `HTTP ${o.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 o.json();
+    }).then((o) => {
+      f.signal.aborted || (r(o), d(!1));
+    }).catch((o) => {
+      f.signal.aborted || (c(o instanceof Error ? o.message : "Agent lookup failed"), d(!1));
+    }), () => f.abort();
+  }, [t, n, i]), { info: l, error: s, loading: m };
 }
-function ht(t) {
+function pt(t) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(t);
@@ -384,67 +381,67 @@ function ht(t) {
     return null;
   }
 }
-function pt(t, n) {
+function mt(t, n) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(t, n);
     } catch {
     }
 }
-function mt({
+function ft({
   value: t,
   defaultValue: n = "expanded",
   onChange: i
 } = {}) {
-  const o = t !== void 0, [r, a] = x(n), c = o ? t : r, m = f(
+  const l = t !== void 0, [r, s] = k(n), c = l ? t : r, m = g(
     (d) => {
-      d !== c && (o || a(d), i == null || i(d));
+      d !== c && (l || s(d), i == null || i(d));
     },
-    [c, o, i]
+    [c, l, i]
   );
   return [c, m];
 }
-const ft = ["hidden", "minimized", "expanded"];
-function gt(t) {
-  return t && ft.includes(t) ? t : null;
+const gt = ["hidden", "minimized", "expanded"];
+function vt(t) {
+  return t && gt.includes(t) ? t : null;
 }
-function vt({
+function yt({
   value: t,
   defaultValue: n = "expanded",
   onChange: i,
-  persistKey: o = "ll-widget",
+  persistKey: l = "ll-widget",
   disablePersistence: r = !1
 } = {}) {
-  const a = `${o}:display-mode`, c = S(!1), [m, d] = mt({
+  const s = `${l}:display-mode`, c = M(!1), [m, d] = ft({
     value: t,
     defaultValue: n,
-    onChange: (g) => {
-      t === void 0 && !r && pt(a, g), i == null || i(g);
+    onChange: (f) => {
+      t === void 0 && !r && mt(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 = vt(pt(s));
+    f && f !== m && d(f);
   }, []), [m, d];
 }
-const yt = 640;
-function _t(t = yt) {
-  const [n, i] = x(!1);
-  return L(() => {
+const _t = 640;
+function bt(t = _t) {
+  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 l = `(max-width: ${t - 1}px)`, r = window.matchMedia(l), 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__ */ _(
   "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,
@@ -508,7 +505,7 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ w(
       }
     )
   }
-), bt = ({ className: t }) => /* @__PURE__ */ e(
+), wt = ({ className: t }) => /* @__PURE__ */ e(
   "svg",
   {
     className: t,
@@ -519,12 +516,12 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ w(
     "aria-hidden": "true",
     children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), wt = {
+), kt = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, kt = ({ direction: t = "right", className: n }) => /* @__PURE__ */ e(
+}, xt = ({ direction: t = "right", className: n }) => /* @__PURE__ */ e(
   "svg",
   {
     className: n,
@@ -532,19 +529,19 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ w(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${wt[t]}deg)` },
+    style: { transform: `rotate(${kt[t]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function xt(t) {
+function Ct(t) {
   return t === "top-left" || t === "bottom-left" ? "left" : "right";
 }
-const We = "ll-hidden-tab-center-y", Ct = 5, Be = 16;
-function Nt() {
+const Fe = "ll-hidden-tab-center-y", Nt = 5, Ue = 16;
+function Et() {
   if (typeof window > "u") return null;
   try {
-    const t = window.localStorage.getItem(We);
+    const t = window.localStorage.getItem(Fe);
     if (!t) return null;
     const n = Number.parseFloat(t);
     return Number.isFinite(n) ? n : null;
@@ -552,96 +549,96 @@ function Nt() {
     return null;
   }
 }
-function Ue(t) {
+function $e(t) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(We, String(t));
+      window.localStorage.setItem(Fe, String(t));
     } catch {
     }
 }
-const Et = ({
+const St = ({
   position: t,
   isMobile: n,
   isSpeaking: i,
-  onExpand: o,
+  onExpand: l,
   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 = Ct(t), c = s === "right" ? "left" : "right", m = n ? 80 : 72, [d, f] = k(null), [p, o] = k(!1), a = M(null), C = M(!1), b = 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 = Et();
+    f(b(w ?? window.innerHeight / 2));
+    const x = () => {
+      f((y) => y === null ? null : b(y));
     };
-    return window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
-  }, [_]);
-  const N = f(
-    (k) => {
-      if (!(k.pointerType === "mouse" && k.button !== 0) && d !== null) {
+    return window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
+  }, [b]);
+  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) > Nt && (x.moved = !0, o(!0)), x.moved && f(b(x.startCenterY + y));
     },
-    [_]
-  ), E = f(
-    (k) => {
-      const C = l.current;
-      if (C) {
+    [b]
+  ), 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 && (o(!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) => {
+    l();
+  }, [l]), 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 = b(y + x);
+          return $e(A), A;
         });
       }
     },
-    [_]
+    [b]
   ), 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
+    p ? "is-dragging" : null
   ].filter(Boolean).join(" "), I = d === null ? void 0 : { top: `${d - m / 2}px`, transform: "none" };
   return /* @__PURE__ */ e(
     "button",
@@ -657,59 +654,59 @@ const Et = ({
       "aria-label": r,
       "data-position": t,
       style: I,
-      children: /* @__PURE__ */ e(kt, { direction: c, className: "ll-hidden__chevron" })
+      children: /* @__PURE__ */ e(xt, { direction: c, className: "ll-hidden__chevron" })
     }
   );
-}, St = ({
+}, Mt = ({
   audioLevel: t,
   bars: n = 20,
   maxHeight: i = 20,
-  minHeight: o = 4,
+  minHeight: l = 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 = M(null), m = M([]), d = Se(() => {
+    const p = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: n }, (o, a) => 0.5 + a * p % 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((o) => {
+    for (let a = 0; a < n; a++) {
+      const C = m.current[a];
+      if (!C) continue;
+      const b = Math.max(l, o * i * d[a]);
+      C.style.height = `${b}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(
+  }), [t, n, i, l, d]);
+  const f = ["ll-waveform", r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { ref: c, className: f, "aria-hidden": "true", children: Array.from({ length: n }, (p, o) => /* @__PURE__ */ e(
     "div",
     {
-      ref: (l) => {
-        m.current[s] = l;
+      ref: (a) => {
+        m.current[o] = a;
       },
-      className: ["ll-waveform__bar", a].filter(Boolean).join(" "),
-      style: { height: `${o}px` }
+      className: ["ll-waveform__bar", s].filter(Boolean).join(" "),
+      style: { height: `${l}px` }
     },
-    s
+    o
   )) });
 }, Lt = ({
   position: t,
   isMobile: n,
   agentName: i,
-  avatarImageUrl: o,
+  avatarImageUrl: l,
   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__ */ _(
       "button",
       {
         type: "button",
@@ -717,19 +714,19 @@ const Et = ({
         onClick: m,
         "aria-label": `Expand ${i} widget`,
         children: [
-          o ? (
+          l ? (
             // eslint-disable-next-line @next/next/no-img-element
             /* @__PURE__ */ e(
               "img",
               {
-                src: o,
+                src: l,
                 alt: i,
                 className: "ll-minimized__avatar"
               }
             )
           ) : /* @__PURE__ */ e("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ e(
-            St,
+            Mt,
             {
               audioLevel: c,
               bars: 16,
@@ -738,24 +735,24 @@ const Et = ({
             }
           ),
           /* @__PURE__ */ e("span", { className: "ll-minimized__name", children: i }),
-          /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ _("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ e(
               "span",
               {
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (u) => {
-                  u.stopPropagation(), d();
+                onClick: (p) => {
+                  p.stopPropagation(), d();
                 },
-                onKeyDown: (u) => {
-                  (u.key === "Enter" || u.key === " ") && (u.stopPropagation(), u.preventDefault(), d());
+                onKeyDown: (p) => {
+                  (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), p.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,31 +765,31 @@ const Et = ({
     "data-position": t,
     role: "region",
     "aria-label": `${i} widget`,
-    children: /* @__PURE__ */ w("div", { className: "ll-minimized__surface", children: [
-      o ? (
+    children: /* @__PURE__ */ _("div", { className: "ll-minimized__surface", children: [
+      l ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ e(
           "img",
           {
-            src: o,
+            src: l,
             alt: i,
             className: "ll-minimized__avatar"
           }
         )
       ) : /* @__PURE__ */ e("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ w("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ _("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__ */ _("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,23 +807,23 @@ 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" })
+            children: /* @__PURE__ */ e(wt, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), Mt = ({
+), It = ({
   src: t,
   alt: n,
   preCannedPlaying: i = !1,
-  className: o,
+  className: l,
   style: r
 }) => {
-  const [a, c] = x(!1), m = S(t);
-  if (L(() => {
+  const [s, c] = k(!1), m = M(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 (
@@ -848,7 +845,7 @@ const Et = ({
       {
         src: t,
         alt: n,
-        className: o,
+        className: l,
         style: d,
         loading: "eager",
         fetchpriority: "high",
@@ -856,22 +853,22 @@ const Et = ({
       }
     )
   );
-}, It = ({
+}, At = ({
   position: t,
   isMobile: n,
   agentName: i,
-  avatarImageUrl: o,
+  avatarImageUrl: l,
   idleLoopUrl: r,
-  greeting: a,
+  greeting: s,
   branding: c,
   teamMembers: m,
   currentTeamMemberId: d,
-  isSwitchingTeamMember: g,
-  teamSwitcherOpen: u,
-  onToggleTeamSwitcher: s,
-  onSelectTeamMember: l,
-  languageMenuOpen: b,
-  onToggleLanguageMenu: _,
+  isSwitchingTeamMember: f,
+  teamSwitcherOpen: p,
+  onToggleTeamSwitcher: o,
+  onSelectTeamMember: a,
+  languageMenuOpen: C,
+  onToggleLanguageMenu: b,
   connectionState: N,
   agentState: D,
   transcript: E,
@@ -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,
@@ -893,68 +890,68 @@ const Et = ({
   allowTyping: be,
   avatarVideoContainerRef: we,
   onConnect: ge,
-  onDisconnect: de,
+  onDisconnect: ue,
   onRetry: ke,
   onResumeAudio: xe,
   onToggleMute: Q,
-  onToggleCamera: B,
+  onToggleCamera: U,
   onSwitchCameraDevice: ve,
   onToggleScreenShare: Z,
   onToggleSpeaker: G,
   onSendMessage: ee,
-  onMinimize: ue,
+  onMinimize: ie,
   onClose: V,
   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 O = E.length > 0 ? E[E.length - 1] : null, Y = ((m == null ? void 0 : m.length) ?? 0) > 1, le = N === "connecting" || N === "connected", H = N === "connected", he = N === "idle" || N === "disconnected" || N === "error", pe = M(null), oe = M(null);
+  S(() => {
     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(() => {
+  }, [A]), S(() => {
     const h = oe.current;
     h && (h.innerHTML = "", j && (j.style.width = "100%", j.style.height = "100%", j.style.objectFit = "contain", h.appendChild(j)));
   }, [j]);
-  const [q, le] = x(!1), [ae, J] = x(!1);
-  L(() => {
-    if (!q && !ae && !b && !u) return;
+  const [q, ae] = k(!1), [se, J] = k(!1);
+  S(() => {
+    if (!q && !se && !C && !p) return;
     const h = () => {
-      le(!1), J(!1), b && _(), u && s();
+      ae(!1), J(!1), C && b(), p && o();
     };
     return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }, [
     q,
-    ae,
+    se,
+    C,
+    p,
     b,
-    u,
-    _,
-    s
+    o
   ]);
-  const [se, ce] = x(""), $ = f(
+  const [ce, de] = k(""), B = g(
     (h) => {
       h.preventDefault();
-      const W = se.trim();
-      W && (ee(W), ce(""));
+      const W = ce.trim();
+      W && (ee(W), de(""));
     },
-    [se, ee]
-  ), p = c.productName || "Live Layer", me = H && (O != null && O.text) ? O.text : a || "", Ce = [
+    [ce, ee]
+  ), u = 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__ */ _(
     "div",
     {
       className: Ce,
       "data-position": t,
-      "data-state": H ? "connected" : ie ? "connecting" : "idle",
+      "data-state": H ? "connected" : le ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${i} widget`,
       children: [
-        /* @__PURE__ */ w("div", { className: "ll-expanded__bg", children: [
-          o ? /* @__PURE__ */ e(
-            Mt,
+        /* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
+          l ? /* @__PURE__ */ e(
+            It,
             {
-              src: o,
+              src: l,
               alt: i,
               className: "ll-expanded__bg-img"
             }
@@ -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__ */ _("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__ */ _(
           "button",
           {
             type: "button",
@@ -988,37 +985,37 @@ 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(
+        le ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
+          /* @__PURE__ */ _("div", { className: "ll-expanded__topbar-left", children: [
+            /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ _(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill",
                   onClick: (h) => {
-                    Y && (h.stopPropagation(), s());
+                    Y && (h.stopPropagation(), o());
                   },
                   "aria-haspopup": Y ? "listbox" : void 0,
-                  "aria-expanded": Y ? u : void 0,
+                  "aria-expanded": Y ? p : void 0,
                   children: [
                     /* @__PURE__ */ e("span", { className: "ll-hpill__label", children: i }),
                     Y && /* @__PURE__ */ e(_e, {})
                   ]
                 }
               ),
-              Y && u && /* @__PURE__ */ e(
+              Y && p && /* @__PURE__ */ e(
                 "div",
                 {
                   className: "ll-hmenu",
                   onClick: (h) => h.stopPropagation(),
                   role: "listbox",
-                  children: m == null ? void 0 : m.map((h) => /* @__PURE__ */ w(
+                  children: m == null ? void 0 : m.map((h) => /* @__PURE__ */ _(
                     "button",
                     {
                       type: "button",
                       className: `ll-hmenu__item ${h.id === d ? "is-active" : ""}`,
-                      onClick: () => l(h.id),
+                      onClick: () => a(h.id),
                       role: "option",
                       "aria-selected": h.id === d,
                       children: [
@@ -1039,24 +1036,24 @@ const Et = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ w("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ w(
+            /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ _(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill",
                   onClick: (h) => {
-                    h.stopPropagation(), _();
+                    h.stopPropagation(), b();
                   },
                   "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",
@@ -1083,37 +1080,50 @@ const Et = ({
               }
             )
           ] }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              className: "ll-hbtn",
-              onClick: V,
-              "aria-label": "Close widget",
-              title: "Close",
-              children: /* @__PURE__ */ e(je, {})
-            }
-          )
+          /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "ll-hbtn",
+                onClick: ie,
+                "aria-label": "Minimize widget",
+                title: "Minimize",
+                children: /* @__PURE__ */ e(Ve, {})
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "ll-hbtn ll-hbtn--danger",
+                onClick: V,
+                "aria-label": "End conversation",
+                title: "End conversation",
+                children: /* @__PURE__ */ e(je, {})
+              }
+            )
+          ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
-          /* @__PURE__ */ w("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__ */ _("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+            /* @__PURE__ */ e("span", { className: "ll-expanded__brand", children: u }),
+            /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: ue,
+                  onClick: ie,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ e(At, {})
+                  children: /* @__PURE__ */ e(Ve, {})
                 }
               ),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  className: "ll-hbtn ll-hbtn--ghost",
+                  className: "ll-hbtn ll-hbtn--danger",
                   onClick: V,
                   "aria-label": "Close widget",
                   children: /* @__PURE__ */ e(je, {})
@@ -1122,7 +1132,7 @@ const Et = ({
             ] })
           ] })
         ),
-        he && /* @__PURE__ */ w(
+        he && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
@@ -1136,49 +1146,49 @@ const Et = ({
             ]
           }
         ),
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ _(
           "div",
           {
-            className: `ll-expanded__pip ${ie && (y || U) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${le && (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: [
+        le ? /* @__PURE__ */ _("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__ */ _("div", { className: "ll-toolbar", onClick: (h) => h.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__ */ _("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, {})
@@ -1190,16 +1200,16 @@ const Et = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${y ? "is-on" : ""}`,
                   onClick: (h) => {
-                    h.stopPropagation(), J((W) => !W), le(!1);
+                    h.stopPropagation(), J((W) => !W), ae(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": ae,
+                  "aria-expanded": se,
                   children: /* @__PURE__ */ e(_e, {})
                 }
               ),
-              ae && X.length > 0 && /* @__PURE__ */ e(
-                Ve,
+              se && X.length > 0 && /* @__PURE__ */ e(
+                Oe,
                 {
                   label: "Camera",
                   devices: X,
@@ -1210,7 +1220,7 @@ const Et = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ e(
                 "button",
                 {
@@ -1228,7 +1238,7 @@ const Et = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${I ? "is-muted" : ""}`,
                   onClick: (h) => {
-                    h.stopPropagation(), le((W) => !W), J(!1);
+                    h.stopPropagation(), ae((W) => !W), J(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
@@ -1236,13 +1246,13 @@ const Et = ({
                   children: /* @__PURE__ */ e(_e, {})
                 }
               ),
-              q && C.length > 0 && /* @__PURE__ */ e(
-                Ve,
+              q && x.length > 0 && /* @__PURE__ */ e(
+                Oe,
                 {
                   label: "Microphone",
-                  devices: C,
+                  devices: x,
                   activeId: "",
-                  onPick: () => le(!1)
+                  onPick: () => ae(!1)
                 }
               )
             ] }),
@@ -1258,19 +1268,19 @@ const Et = ({
               }
             )
           ] }),
-          be && /* @__PURE__ */ w("form", { className: "ll-message-input", onSubmit: $, children: [
+          be && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: B, children: [
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: se,
-                onChange: (h) => ce(h.target.value),
+                value: ce,
+                onChange: (h) => de(h.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            se.trim() && /* @__PURE__ */ e(
+            ce.trim() && /* @__PURE__ */ e(
               "button",
               {
                 type: "submit",
@@ -1285,18 +1295,18 @@ const Et = ({
             {
               type: "button",
               className: "ll-expanded__end",
-              onClick: de,
+              onClick: ue,
               children: "End conversation"
             }
           )
         ] }) : (
           // 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__ */ _("div", { className: "ll-expanded__banner", role: "alert", children: [
+              /* @__PURE__ */ e("span", { children: w }),
               /* @__PURE__ */ e(
                 "button",
                 {
@@ -1310,7 +1320,7 @@ 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: [
+          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__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ e("span", { children: h }),
             /* @__PURE__ */ e(
               "button",
@@ -1331,29 +1341,29 @@ 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__ */ _("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" })
   ] });
 }
-function At() {
+function Ve() {
   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__ */ _("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__ */ _("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__ */ _("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 +1371,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__ */ _("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__ */ _(Ze, { 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__ */ _("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 Oe = ({ label: t, devices: n, activeId: i, onPick: l }) => /* @__PURE__ */ _(
   "div",
   {
     className: "ll-device-menu",
@@ -1383,27 +1393,27 @@ 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__ */ _(
           "button",
           {
             type: "button",
             className: `ll-device-menu__item ${c ? "is-active" : ""}`,
-            onClick: () => o(r.deviceId),
+            onClick: () => l(r.deviceId),
             role: "option",
             "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,23 +1423,23 @@ 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",
+    baseUrl: l = "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,
-    teamMembers: _,
+    onDisplayModeChange: f,
+    position: p = "bottom-right",
+    mobileBreakpoint: o = 640,
+    persistKey: a = "ll-widget",
+    disablePersistence: C = !1,
+    teamMembers: b,
     currentTeamMemberId: N,
     onTeamMemberChange: D,
     idleLoopUrl: E,
@@ -1437,13 +1447,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,37 +1461,37 @@ function Bt(t) {
     className: be,
     style: we,
     zIndex: ge = 2147483647
-  } = t, de = N !== void 0, [ke, xe] = x(() => {
+  } = t, ue = 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(
-    () => (_ == null ? void 0 : _.find((v) => v.id === Q)) ?? null,
-    [_, Q]
-  ), ve = (B == null ? void 0 : B.agentId) ?? n, [Z, G] = vt({
+    return N ?? ((v = b == null ? void 0 : b[0]) == null ? void 0 : v.id);
+  }), Q = ue ? N : ke, U = Se(
+    () => (b == null ? void 0 : b.find((v) => v.id === Q)) ?? null,
+    [b, Q]
+  ), ve = (U == null ? void 0 : U.agentId) ?? n, [Z, G] = yt({
     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 = bt(o), ie = ot(), V = at(), K = ct(), O = dt(), Y = ut(), [le, H] = k(!1), [he, pe] = k(!1), [oe, q] = k(!1), [ae, se] = k(!1), [J, ce] = k(!1), de = 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));
+      const L = v;
+      !L.type || typeof L.type != "string" || (F == null || F({ eventName: L.type, data: v }), Bt.has(L.type) || re == null || re(L));
     },
     [re, F]
-  ), $ = it({
+  ), B = lt({
     agentId: P ? "__controlled__" : ve,
-    baseUrl: o,
+    baseUrl: l,
     apiKey: i,
     sessionEndpoint: r,
-    sessionBody: a,
-    onDataMessage: P ? void 0 : ce
+    sessionBody: s,
+    onDataMessage: P ? void 0 : de
   });
-  L(() => {
+  S(() => {
     if (P != null && P.subscribeToDataMessages)
-      return P.subscribeToDataMessages(ce);
-  }, [P, ce]);
-  const p = Se(() => P ? {
+      return P.subscribeToDataMessages(de);
+  }, [P, de]);
+  const u = Se(() => P ? {
     connectionState: P.connectionState,
     agentState: P.agentState,
     transcript: P.transcript,
@@ -1497,130 +1507,132 @@ 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(() => {
-    const v = p.videoElement, M = me.current;
-    if (!(!v || !M))
-      return M.appendChild(v), () => {
-        v.parentNode === M && M.removeChild(v);
+  }, [P, B]), me = M(null);
+  S(() => {
+    const v = u.videoElement, L = me.current;
+    if (!(!v || !L))
+      return L.appendChild(v), () => {
+        v.parentNode === L && L.removeChild(v);
       };
-  }, [p.videoElement]), L(() => {
-    const v = p.audioElement;
+  }, [u.videoElement]), S(() => {
+    const v = u.audioElement;
     if (!v) return;
-    ue.attach(v);
-    const M = v.play();
-    return M && typeof M.catch == "function" && M.catch((te) => {
+    ie.attach(v);
+    const L = v.play();
+    return L && typeof L.catch == "function" && L.catch((te) => {
       (te == null ? void 0 : te.name) === "NotAllowedError" && H(!0);
     }), () => {
-      ue.detach();
+      ie.detach();
     };
-  }, [p.audioElement]), L(() => {
-    if (p.isControlled || p.connectionState !== "connected") return;
-    const v = p.getRoom();
+  }, [u.audioElement]), S(() => {
+    if (u.isControlled || u.connectionState !== "connected") return;
+    const v = u.getRoom();
     if (v)
       return V.setupMic(v).catch(() => {
       }), K.attachRoom(v), O.attachRoom(v), Y.refresh(), () => {
         V.teardownMic(), K.teardown(), O.teardown();
       };
-  }, [p.isControlled, p.connectionState]), L(() => {
-    const v = p.audioElement;
+  }, [u.isControlled, u.connectionState]), S(() => {
+    const v = u.audioElement;
     v && (v.muted = J);
-  }, [p.audioElement, J]);
-  const Ce = f((v) => {
-    const M = p.getRoom();
-    if (M)
+  }, [u.audioElement, J]);
+  const Ce = g((v) => {
+    const L = u.getRoom();
+    if (L)
       try {
         const te = new TextEncoder().encode(
           JSON.stringify({ type: "user_message", text: v })
         );
-        M.localParticipant.publishData(te, { reliable: !0 });
+        L.localParticipant.publishData(te, { reliable: !0 });
       } catch {
       }
-  }, [p]), ye = f(() => {
-    se((v) => !v);
+  }, [u]), ye = g(() => {
+    ce((v) => !v);
   }, []);
-  L(() => {
-    j == null || j(p.connectionState), p.connectionState === "connected" ? A == null || A() : p.connectionState === "disconnected" && (X == null || X());
-  }, [p.connectionState, A, X, j]), L(() => {
-    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());
-  }, [c, p.connectionState, p]);
-  const W = f(
+  S(() => {
+    j == null || j(u.connectionState), u.connectionState === "connected" ? A == null || A() : u.connectionState === "disconnected" && (X == null || X());
+  }, [u.connectionState, A, X, j]), S(() => {
+    ne == null || ne(u.transcript);
+  }, [u.transcript, ne]), S(() => {
+    $ == null || $(u.agentState);
+  }, [u.agentState, $]);
+  const h = M(!1);
+  S(() => {
+    u.isControlled || !c || h.current || u.connectionState === "idle" && (h.current = !0, u.connect());
+  }, [c, u.connectionState, u]);
+  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)));
+      const L = b == null ? void 0 : b.find((te) => te.id === v);
+      L && (q(!1), v !== Q && (pe(!0), u.disconnect(), ue || xe(v), D == null || D(L)));
     },
     [
-      _,
+      b,
       Q,
-      p,
-      de,
+      u,
+      ue,
       D
     ]
   );
-  L(() => {
-    he && p.connectionState === "connected" && pe(!1);
-  }, [p.connectionState, he]), L(() => {
+  S(() => {
+    he && u.connectionState === "connected" && pe(!1);
+  }, [u.connectionState, he]), S(() => {
     if (!oe) return;
-    const v = (M) => {
-      M.key === "Escape" && q(!1);
+    const v = (L) => {
+      L.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 Ge = !!T || !!(U != null && U.avatarImageUrl) || u.isControlled, Ne = ht(ve, l, Ge), Ee = (U == null ? void 0 : U.name) ?? z ?? ((Ie = u.agentConfig) == null ? void 0 : Ie.name) ?? ((Ae = Ne.info) == null ? void 0 : Ae.name) ?? "Live Layer", Me = (U == null ? void 0 : U.avatarImageUrl) ?? T ?? ((De = u.agentConfig) == null ? void 0 : De.avatarImageUrl) ?? ((Re = Ne.info) == null ? void 0 : Re.avatarImageUrl) ?? null, Ke = E ?? ((Te = u.agentConfig) == null ? void 0 : Te.idleLoopUrl) ?? ((ze = Ne.info) == null ? void 0 : ze.idleLoopUrl) ?? null, Ye = R ?? null, He = g(() => G("expanded"), [G]), qe = g(
     () => G("minimized"),
     [G]
-  ), Me = f(() => G("hidden"), [G]), qe = f(() => {
-    const v = p.audioElement;
+  ), Le = g(() => {
+    u.disconnect(), G("hidden");
+  }, [u, G]), Je = g(() => {
+    const v = u.audioElement;
     v && v.play().then(() => H(!1)).catch(() => {
     });
-  }, [p.audioElement]), Je = f(() => {
-    H(!1), p.connect();
-  }, [p]), fe = {
+  }, [u.audioElement]), Xe = g(() => {
+    H(!1), u.connect();
+  }, [u]), fe = {
     ...we,
     zIndex: ge
   };
   I.primaryColor && (fe["--ll-color-primary"] = I.primaryColor), I.accentColor && (fe["--ll-color-accent"] = I.accentColor), I.backgroundColor && (fe["--ll-color-bg"] = I.backgroundColor), I.textColor && (fe["--ll-color-fg"] = I.textColor);
-  const Xe = [
+  const Qe = [
     "ll-widget",
     `ll-widget--${Z}`,
     `ll-widget--${ee ? "mobile" : "desktop"}`,
     be
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ _(
     "div",
     {
-      className: Xe,
+      className: Qe,
       style: fe,
       "data-display-mode": Z,
-      "data-position": u,
+      "data-position": p,
       children: [
         Z === "hidden" && /* @__PURE__ */ e(
-          Et,
+          St,
           {
-            position: u,
+            position: p,
             isMobile: ee,
-            isSpeaking: p.agentState === "speaking",
+            isSpeaking: u.agentState === "speaking",
             onExpand: () => G("expanded"),
             label: `Open ${Ee} widget`
           }
@@ -1628,37 +1640,37 @@ function Bt(t) {
         Z === "minimized" && /* @__PURE__ */ e(
           Lt,
           {
-            position: u,
+            position: p,
             isMobile: ee,
             agentName: Ee,
-            avatarImageUrl: Le,
-            agentState: p.agentState,
+            avatarImageUrl: Me,
+            agentState: u.agentState,
             isMuted: V.isMuted,
-            audioLevel: ue,
-            onExpand: Ye,
+            audioLevel: ie,
+            onExpand: He,
             onToggleMute: V.toggleMute,
-            onClose: Me
+            onClose: Le
           }
         ),
         Z === "expanded" && /* @__PURE__ */ e(
-          It,
+          At,
           {
-            position: u,
+            position: p,
             isMobile: ee,
             agentName: Ee,
-            avatarImageUrl: Le,
-            idleLoopUrl: Ge,
-            greeting: Ke,
+            avatarImageUrl: Me,
+            idleLoopUrl: Ke,
+            greeting: Ye,
             branding: I,
-            teamMembers: _,
+            teamMembers: b,
             currentTeamMemberId: Q,
             isSwitchingTeamMember: he,
             teamSwitcherOpen: oe,
             onToggleTeamSwitcher: () => q((v) => !v),
             onSelectTeamMember: W,
-            connectionState: p.connectionState,
-            agentState: p.agentState,
-            transcript: p.transcript,
+            connectionState: u.connectionState,
+            agentState: u.agentState,
+            transcript: u.transcript,
             isMuted: V.isMuted,
             micDevices: Y.mics,
             isCameraEnabled: K.isEnabled,
@@ -1668,28 +1680,28 @@ 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),
-            needsUserGesture: ie,
-            canResume: p.canResume,
+            languageMenuOpen: ae,
+            onToggleLanguageMenu: () => se((v) => !v),
+            needsUserGesture: le,
+            canResume: u.canResume,
             micError: V.micError,
-            error: p.error,
+            error: u.error,
             avatarVideoContainerRef: me,
-            onConnect: () => void p.connect(),
-            onDisconnect: () => p.disconnect(),
-            onRetry: Je,
-            onResumeAudio: qe,
+            onConnect: () => void u.connect(),
+            onDisconnect: () => u.disconnect(),
+            onRetry: Xe,
+            onResumeAudio: Je,
             onToggleMute: V.toggleMute,
             onToggleCamera: () => void K.toggle(),
             onSwitchCameraDevice: (v) => void K.switchDevice(v),
             onToggleScreenShare: () => void O.toggle(),
             onToggleSpeaker: ye,
             onSendMessage: Ce,
-            onMinimize: He,
-            onClose: Me,
+            onMinimize: qe,
+            onClose: Le,
             onClearMicError: V.clearError
           }
         )
@@ -1698,66 +1710,66 @@ function Bt(t) {
   );
 }
 function Ft(t) {
-  return /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(Bt, { ...t }) });
+  return /* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(Ut, { ...t }) });
 }
 const Gt = ({
   agentId: t,
   baseUrl: n,
   apiKey: i,
-  mode: o,
+  mode: l,
   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 = M(null), d = M(null), f = M(r);
+  f.current = r;
+  const p = g((o) => {
+    var C;
+    const a = o.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 o = m.current;
+    if (!o) 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), l && a.setAttribute("mode", l), a.addEventListener("agent-event", p), o.appendChild(a), d.current = a, () => {
+      a.removeEventListener("agent-event", p), o.removeChild(a), d.current = null;
     };
-  }, [t]), L(() => {
-    d.current && (o ? d.current.setAttribute("mode", o) : d.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ e("div", { ref: m, className: a, style: c });
+  }, [t]), S(() => {
+    d.current && (l ? d.current.setAttribute("mode", l) : d.current.removeAttribute("mode"));
+  }, [l]), /* @__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([]), []);
+  }, []), l = g(() => n([]), []);
   return {
     entries: t,
     pushSegment: i,
-    clear: o,
+    clear: l,
     latest: t.length > 0 ? t[t.length - 1] : null
   };
 }
 export {
   Ft as AvatarWidget,
-  rt as ErrorBoundary,
+  it as ErrorBoundary,
   Gt as LiveLayerWidget,
-  ut as useAgentInfo,
+  ht as useAgentInfo,
   ot as useAudioLevel,
-  st as useCameraState,
-  mt as useDisplayMode,
-  vt as useDisplayModePersistence,
-  _t as useIsMobile,
-  it as useLiveKitSession,
-  dt as useMediaDevices,
-  lt as useMicrophoneState,
-  ct as useScreenShareState,
+  ct as useCameraState,
+  ft as useDisplayMode,
+  yt as useDisplayModePersistence,
+  bt as useIsMobile,
+  lt as useLiveKitSession,
+  ut as useMediaDevices,
+  at as useMicrophoneState,
+  dt as useScreenShareState,
   Kt as useTranscript
 };