@livelayer/react 0.2.3 → 0.2.5

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-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 {
+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__ */ b("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,8 +33,8 @@ class rt extends Ze {
     ] }) : this.props.children;
   }
 }
-function it(t) {
-  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);
+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) => {
@@ -44,15 +44,15 @@ function it(t) {
       onTranscript: (y) => c([...y]),
       onAgentConfig: d,
       onAudioTrack: (y) => a(y),
-      onVideoTrack: (y) => h(y),
-      onVideoTrackRemoved: () => h(null),
+      onVideoTrack: (y) => p(y),
+      onVideoTrackRemoved: () => p(null),
       onError: (y) => D(y),
       onDataMessage: (y) => {
         var A;
         (A = R.current) == null || A.call(R, y);
       },
-      onResumabilityChange: _
-    }, x = new et(
+      onResumabilityChange: b
+    }, x = new tt(
       {
         agentId: t.agentId,
         baseUrl: t.baseUrl,
@@ -62,7 +62,7 @@ function it(t) {
       },
       w
     );
-    return E.current = x, i("idle"), r("idle"), c([]), d(null), h(null), a(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 = x.destroy) == null || y.call(x), E.current = null;
     };
@@ -90,11 +90,11 @@ function it(t) {
   }, []);
   return {
     connectionState: n,
-    agentState: o,
+    agentState: l,
     transcript: s,
     agentConfig: m,
     videoElement: f,
-    audioElement: l,
+    audioElement: o,
     canResume: C,
     error: N,
     connect: T,
@@ -104,33 +104,33 @@ function it(t) {
   };
 }
 function ot() {
-  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;
+  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;
     }
-    (!s.current || s.current.length !== l.frequencyBinCount) && (s.current = new Uint8Array(
-      new ArrayBuffer(l.frequencyBinCount)
+    (!s.current || s.current.length !== o.frequencyBinCount) && (s.current = new Uint8Array(
+      new ArrayBuffer(o.frequencyBinCount)
     ));
     const a = s.current;
-    l.getByteFrequencyData(a);
+    o.getByteFrequencyData(a);
     let C = 0;
     for (let N = 0; N < a.length; N++) C += a[N];
-    const _ = C / a.length / 255;
+    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);
+    l.current = requestAnimationFrame(c);
   }, []), m = g(() => {
     if (t.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const l = new AudioContext(), a = l.createAnalyser();
-    a.fftSize = 64, a.connect(l.destination), t.current = l, n.current = a;
+    const o = new AudioContext(), a = o.createAnalyser();
+    a.fftSize = 64, a.connect(o.destination), t.current = o, n.current = a;
   }, []), d = g(
-    (l) => {
+    (o) => {
       if (m(), !(!t.current || !n.current)) {
         if (i.current) {
           try {
@@ -140,26 +140,26 @@ function ot() {
           i.current = null;
         }
         try {
-          const a = t.current.createMediaElementSource(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]
   ), f = g(() => {
-    if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), i.current) {
+    if (l.current !== null && (cancelAnimationFrame(l.current), l.current = null), i.current) {
       try {
         i.current.disconnect();
       } catch {
       }
       i.current = null;
     }
-  }, []), h = g((l) => (r.current.add(l), () => {
-    r.current.delete(l);
+  }, []), p = g((o) => (r.current.add(o), () => {
+    r.current.delete(o);
   }), []);
   return S(() => () => {
     if (f(), n.current) {
@@ -177,10 +177,10 @@ function ot() {
       t.current = null;
     }
     r.current.clear(), s.current = null;
-  }, [f]), { attach: d, detach: f, subscribe: h };
+  }, [f]), { attach: d, detach: f, subscribe: p };
 }
-function lt() {
-  const [t, n] = k(!1), [i, o] = k(null), r = L(null), s = L(null), c = g(async (h) => {
+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 s.current.localParticipant.unpublishTrack(r.current);
@@ -188,31 +188,31 @@ function lt() {
       }
       r.current.stop(), r.current = null;
     }
-    s.current = h, o(null);
+    s.current = p, l(null);
     try {
-      const l = await tt({
+      const o = await nt({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      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;
+      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 = g(() => {
-    const h = r.current;
-    h && (h.isMuted ? (h.unmute(), n(!1)) : (h.mute(), n(!0)));
+    const p = r.current;
+    p && (p.isMuted ? (p.unmute(), n(!1)) : (p.mute(), n(!0)));
   }, []), d = g(() => {
-    const h = r.current, l = s.current;
-    if (h && l) {
+    const p = r.current, o = s.current;
+    if (p && o) {
       try {
-        l.localParticipant.unpublishTrack(h);
+        o.localParticipant.unpublishTrack(p);
       } catch {
       }
-      h.stop();
+      p.stop();
     }
     r.current = null, s.current = null, n(!1);
-  }, []), f = g(() => o(null), []);
+  }, []), f = g(() => l(null), []);
   return {
     isMuted: t,
     micError: i,
@@ -222,14 +222,14 @@ function lt() {
     clearError: f
   };
 }
-const at = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function st() {
-  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) => {
+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;
-  }, []), l = g(() => {
+  }, []), 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);
@@ -243,11 +243,11 @@ function st() {
   }, []), 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);
+        const z = await rt(T);
         await R.localParticipant.publishTrack(z), f.current = z;
         const I = z.attach();
         s(I), n(!0), E && m(E);
@@ -260,16 +260,16 @@ 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);
       }
     }
   }, []), 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), []);
+    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();
   }, []), {
@@ -278,14 +278,14 @@ function st() {
     previewEl: r,
     activeDeviceId: c,
     toggle: C,
-    switchDevice: _,
-    attachRoom: h,
+    switchDevice: b,
+    attachRoom: p,
     teardown: N,
     clearError: D
   };
 }
-function ct() {
-  const [t, n] = k(!1), [i, o] = k(null), [r, s] = k(null), c = L(null), m = g((a) => {
+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;
@@ -298,12 +298,12 @@ function ct() {
         d(), n(!1);
         return;
       }
-      o(null);
+      l(null);
       try {
         await a.localParticipant.setScreenShareEnabled(!0);
         let C = 0;
-        const _ = () => {
-          const N = a.localParticipant.getTrackPublication(Oe.Source.ScreenShare);
+        const b = () => {
+          const N = a.localParticipant.getTrackPublication(We.Source.ScreenShare);
           if (N != null && N.track) {
             const D = N.track.attach();
             s(D), n(!0);
@@ -316,31 +316,31 @@ function ct() {
             }
             return;
           }
-          C++ < 10 ? setTimeout(_, 100) : n(!0);
+          C++ < 10 ? setTimeout(b, 100) : n(!0);
         };
-        _();
+        b();
       } catch (C) {
-        const _ = C instanceof Error ? C.name : "";
-        _ !== "NotAllowedError" && _ !== "AbortError" && o("Screen share unavailable. Try again."), n(!1);
+        const b = C instanceof Error ? C.name : "";
+        b !== "NotAllowedError" && b !== "AbortError" && l("Screen share unavailable. Try again."), n(!1);
       }
     }
-  }, [t, d]), h = g(() => {
+  }, [t, d]), p = g(() => {
     const a = c.current;
     if (a && t)
       try {
         a.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    d(), n(!1), o(null), c.current = null;
-  }, [t, d]), l = g(() => o(null), []);
-  return { isEnabled: t, error: i, previewEl: r, toggle: f, attachRoom: m, teardown: h, clearError: l };
+    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] = k([]), [i, o] = k([]), r = g(async () => {
+function ut() {
+  const [t, n] = k([]), [i, l] = k([]), r = g(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const s = await navigator.mediaDevices.enumerateDevices();
-        n(s.filter((c) => c.kind === "audioinput")), o(s.filter((c) => c.kind === "videoinput"));
+        n(s.filter((c) => c.kind === "audioinput")), l(s.filter((c) => c.kind === "videoinput"));
       } catch {
       }
   }, []);
@@ -350,30 +350,30 @@ function dt() {
     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] = k(null), [s, c] = k(null), [m, d] = k(!i && !!t);
+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 f = new AbortController(), h = n || "https://app.livelayer.studio";
-    return d(!0), c(null), fetch(`${h}/api/widget/agent/${encodeURIComponent(t)}`, {
+    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 (l) => {
-      if (!l.ok) {
-        const a = await l.json().catch(() => ({}));
-        throw new Error(a.error || `HTTP ${l.status}`);
+    }).then(async (o) => {
+      if (!o.ok) {
+        const a = await o.json().catch(() => ({}));
+        throw new Error(a.error || `HTTP ${o.status}`);
       }
-      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));
+      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: o, error: s, loading: m };
+  }, [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);
@@ -381,52 +381,52 @@ 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, s] = k(n), c = o ? t : r, m = g(
+  const l = t !== void 0, [r, s] = k(n), c = l ? t : r, m = g(
     (d) => {
-      d !== c && (o || s(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 s = `${o}:display-mode`, c = L(!1), [m, d] = mt({
+  const s = `${l}:display-mode`, c = M(!1), [m, d] = ft({
     value: t,
     defaultValue: n,
     onChange: (f) => {
-      t === void 0 && !r && pt(s, f), i == null || i(f);
+      t === void 0 && !r && mt(s, f), i == null || i(f);
     }
   });
   return S(() => {
     if (c.current || (c.current = !0, r || t !== void 0)) return;
-    const f = gt(ht(s));
+    const f = vt(pt(s));
     f && f !== m && d(f);
   }, []), [m, d];
 }
-const yt = 640;
-function _t(t = yt) {
+const _t = 640;
+function bt(t = _t) {
   const [n, i] = k(!1);
   return S(() => {
     if (t === !1) {
@@ -435,13 +435,13 @@ function _t(t = yt) {
     }
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const o = `(max-width: ${t - 1}px)`, r = window.matchMedia(o), s = () => i(r.matches);
+    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__ */ b(
+const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ _(
   "svg",
   {
     className: n,
@@ -505,7 +505,7 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ b(
       }
     )
   }
-), bt = ({ className: t }) => /* @__PURE__ */ e(
+), wt = ({ className: t }) => /* @__PURE__ */ e(
   "svg",
   {
     className: t,
@@ -516,12 +516,12 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ b(
     "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,
@@ -529,19 +529,19 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ b(
     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, Ue = 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,18 +552,18 @@ function Nt() {
 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 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(
+  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;
@@ -572,13 +572,13 @@ const Et = ({
     [m]
   );
   S(() => {
-    const w = Nt();
-    f(_(w ?? window.innerHeight / 2));
+    const w = Et();
+    f(b(w ?? window.innerHeight / 2));
     const x = () => {
-      f((y) => y === null ? null : _(y));
+      f((y) => y === null ? null : b(y));
     };
     return window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
-  }, [_]);
+  }, [b]);
   const N = g(
     (w) => {
       if (!(w.pointerType === "mouse" && w.button !== 0) && d !== null) {
@@ -599,9 +599,9 @@ const Et = ({
       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));
+      !x.moved && Math.abs(y) > Nt && (x.moved = !0, o(!0)), x.moved && f(b(x.startCenterY + y));
     },
-    [_]
+    [b]
   ), E = g(
     (w) => {
       const x = a.current;
@@ -610,7 +610,7 @@ const Et = ({
           w.currentTarget.releasePointerCapture(w.pointerId);
         } catch {
         }
-        a.current = null, x.moved && (l(!1), C.current = !0, f((y) => (y !== null && $e(y), y)));
+        a.current = null, x.moved && (o(!1), C.current = !0, f((y) => (y !== null && $e(y), y)));
       }
     },
     []
@@ -619,26 +619,26 @@ const Et = ({
       C.current = !1;
       return;
     }
-    o();
-  }, [o]), T = g(
+    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 + x);
+          const A = b(y + x);
           return $e(A), A;
         });
       }
     },
-    [_]
+    [b]
   ), z = [
     "ll-hidden",
     `ll-hidden--${s}`,
     n ? "ll-hidden--mobile" : "ll-hidden--desktop",
     i ? "ll-hidden--speaking" : null,
-    h ? "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",
@@ -654,46 +654,46 @@ 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: s
 }) => {
-  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);
+  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]);
-  S(() => t.subscribe((l) => {
+  S(() => t.subscribe((o) => {
     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`;
+      const b = Math.max(l, o * i * d[a]);
+      C.style.height = `${b}px`;
     }
-  }), [t, n, i, o, d]);
+  }), [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 }, (h, l) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { ref: c, className: f, "aria-hidden": "true", children: Array.from({ length: n }, (p, o) => /* @__PURE__ */ e(
     "div",
     {
       ref: (a) => {
-        m.current[l] = a;
+        m.current[o] = a;
       },
       className: ["ll-waveform__bar", s].filter(Boolean).join(" "),
-      style: { height: `${o}px` }
+      style: { height: `${l}px` }
     },
-    l
+    o
   )) });
 }, Lt = ({
   position: t,
   isMobile: n,
   agentName: i,
-  avatarImageUrl: o,
+  avatarImageUrl: l,
   agentState: r,
   isMuted: s,
   audioLevel: c,
@@ -706,7 +706,7 @@ const Et = ({
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${i} widget`,
-    children: /* @__PURE__ */ b(
+    children: /* @__PURE__ */ _(
       "button",
       {
         type: "button",
@@ -714,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,
@@ -735,18 +735,18 @@ const Et = ({
             }
           ),
           /* @__PURE__ */ e("span", { className: "ll-minimized__name", children: i }),
-          /* @__PURE__ */ b("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: (h) => {
-                  h.stopPropagation(), d();
+                onClick: (p) => {
+                  p.stopPropagation(), d();
                 },
-                onKeyDown: (h) => {
-                  (h.key === "Enter" || h.key === " ") && (h.stopPropagation(), h.preventDefault(), d());
+                onKeyDown: (p) => {
+                  (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), p.preventDefault(), d());
                 },
                 "aria-label": s ? "Unmute microphone" : "Mute microphone",
                 children: /* @__PURE__ */ e(Pe, { muted: s, className: "ll-minimized__icon" })
@@ -765,23 +765,23 @@ const Et = ({
     "data-position": t,
     role: "region",
     "aria-label": `${i} widget`,
-    children: /* @__PURE__ */ b("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__ */ b("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__ */ b("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ _("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ e(
           "button",
           {
@@ -809,20 +809,20 @@ const Et = ({
             className: "ll-minimized__btn ll-minimized__btn--close",
             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 [s, c] = k(!1), m = L(t);
+  const [s, c] = k(!1), m = M(t);
   if (S(() => {
     m.current !== t && (m.current = t, c(!1));
   }, [t]), !t) return null;
@@ -845,7 +845,7 @@ const Et = ({
       {
         src: t,
         alt: n,
-        className: o,
+        className: l,
         style: d,
         loading: "eager",
         fetchpriority: "high",
@@ -853,22 +853,22 @@ const Et = ({
       }
     )
   );
-}, It = ({
+}, At = ({
   position: t,
   isMobile: n,
   agentName: i,
-  avatarImageUrl: o,
+  avatarImageUrl: l,
   idleLoopUrl: r,
   greeting: s,
   branding: c,
   teamMembers: m,
   currentTeamMemberId: d,
   isSwitchingTeamMember: f,
-  teamSwitcherOpen: h,
-  onToggleTeamSwitcher: l,
+  teamSwitcherOpen: p,
+  onToggleTeamSwitcher: o,
   onSelectTeamMember: a,
   languageMenuOpen: C,
-  onToggleLanguageMenu: _,
+  onToggleLanguageMenu: b,
   connectionState: N,
   agentState: D,
   transcript: E,
@@ -890,7 +890,7 @@ const Et = ({
   allowTyping: be,
   avatarVideoContainerRef: we,
   onConnect: ge,
-  onDisconnect: de,
+  onDisconnect: ue,
   onRetry: ke,
   onResumeAudio: xe,
   onToggleMute: Q,
@@ -899,59 +899,59 @@ const Et = ({
   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 = L(null), oe = L(null);
+  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 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)));
+    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]), S(() => {
-    const u = oe.current;
-    u && (u.innerHTML = "", j && (j.style.width = "100%", j.style.height = "100%", j.style.objectFit = "contain", u.appendChild(j)));
+    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] = k(!1), [ae, J] = k(!1);
+  const [q, ae] = k(!1), [se, J] = k(!1);
   S(() => {
-    if (!q && !ae && !C && !h) return;
-    const u = () => {
-      le(!1), J(!1), C && _(), h && l();
+    if (!q && !se && !C && !p) return;
+    const h = () => {
+      ae(!1), J(!1), C && b(), p && o();
     };
-    return document.addEventListener("click", u), () => document.removeEventListener("click", u);
+    return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }, [
     q,
-    ae,
+    se,
     C,
-    h,
-    _,
-    l
+    p,
+    b,
+    o
   ]);
-  const [se, ce] = k(""), B = g(
-    (u) => {
-      u.preventDefault();
-      const W = se.trim();
-      W && (ee(W), ce(""));
+  const [ce, de] = k(""), B = g(
+    (h) => {
+      h.preventDefault();
+      const W = ce.trim();
+      W && (ee(W), de(""));
     },
-    [se, ee]
-  ), p = c.productName || "Live Layer", me = H && (O != null && O.text) ? O.text : s || "", 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__ */ b(
+  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__ */ b("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"
             }
@@ -969,11 +969,11 @@ const Et = ({
           )
         ] }),
         /* @__PURE__ */ e("div", { ref: we, className: "ll-expanded__video" }),
-        N === "connecting" && /* @__PURE__ */ b("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: f ? "Switching..." : "Connecting..." })
         ] }),
-        T && H && /* @__PURE__ */ b(
+        T && H && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
@@ -985,65 +985,65 @@ const Et = ({
             ]
           }
         ),
-        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(
+        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: (u) => {
-                    Y && (u.stopPropagation(), l());
+                  onClick: (h) => {
+                    Y && (h.stopPropagation(), o());
                   },
                   "aria-haspopup": Y ? "listbox" : void 0,
-                  "aria-expanded": Y ? h : void 0,
+                  "aria-expanded": Y ? p : void 0,
                   children: [
                     /* @__PURE__ */ e("span", { className: "ll-hpill__label", children: i }),
                     Y && /* @__PURE__ */ e(_e, {})
                   ]
                 }
               ),
-              Y && h && /* @__PURE__ */ e(
+              Y && p && /* @__PURE__ */ e(
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (u) => u.stopPropagation(),
+                  onClick: (h) => h.stopPropagation(),
                   role: "listbox",
-                  children: m == null ? void 0 : m.map((u) => /* @__PURE__ */ b(
+                  children: m == null ? void 0 : m.map((h) => /* @__PURE__ */ _(
                     "button",
                     {
                       type: "button",
-                      className: `ll-hmenu__item ${u.id === d ? "is-active" : ""}`,
-                      onClick: () => a(u.id),
+                      className: `ll-hmenu__item ${h.id === d ? "is-active" : ""}`,
+                      onClick: () => a(h.id),
                       role: "option",
-                      "aria-selected": u.id === d,
+                      "aria-selected": h.id === d,
                       children: [
-                        u.avatarImageUrl && /* @__PURE__ */ e(
+                        h.avatarImageUrl && /* @__PURE__ */ e(
                           "img",
                           {
-                            src: u.avatarImageUrl,
+                            src: h.avatarImageUrl,
                             alt: "",
                             className: "ll-hmenu__avatar"
                           }
                         ),
-                        /* @__PURE__ */ e("span", { className: "ll-hmenu__name", children: u.name }),
-                        u.role && /* @__PURE__ */ e("span", { className: "ll-hmenu__role", children: u.role })
+                        /* @__PURE__ */ e("span", { className: "ll-hmenu__name", children: h.name }),
+                        h.role && /* @__PURE__ */ e("span", { className: "ll-hmenu__role", children: h.role })
                       ]
                     },
-                    u.id
+                    h.id
                   ))
                 }
               )
             ] }),
-            /* @__PURE__ */ b("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ b(
+            /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ _(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill",
-                  onClick: (u) => {
-                    u.stopPropagation(), _();
+                  onClick: (h) => {
+                    h.stopPropagation(), b();
                   },
                   "aria-haspopup": "listbox",
                   "aria-expanded": C,
@@ -1057,7 +1057,7 @@ const Et = ({
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (u) => u.stopPropagation(),
+                  onClick: (h) => h.stopPropagation(),
                   role: "listbox",
                   children: /* @__PURE__ */ e(
                     "button",
@@ -1080,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__ */ b("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ e("span", { className: "ll-expanded__brand", children: p }),
-            /* @__PURE__ */ b("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, {})
@@ -1119,7 +1132,7 @@ const Et = ({
             ] })
           ] })
         ),
-        he && /* @__PURE__ */ b(
+        he && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
@@ -1133,10 +1146,10 @@ const Et = ({
             ]
           }
         ),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ _(
           "div",
           {
-            className: `ll-expanded__pip ${ie && (y || $) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${le && (y || $) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ e(
                 "div",
@@ -1155,9 +1168,9 @@ const Et = ({
             ]
           }
         ),
-        ie ? /* @__PURE__ */ b("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__ */ b("div", { className: "ll-toolbar", onClick: (u) => u.stopPropagation(), children: [
+          /* @__PURE__ */ _("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
             P && /* @__PURE__ */ e(
               "button",
               {
@@ -1169,7 +1182,7 @@ const Et = ({
                 children: /* @__PURE__ */ e(Dt, {})
               }
             ),
-            re && /* @__PURE__ */ b("div", { className: "ll-tool-split", children: [
+            re && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ e(
                 "button",
                 {
@@ -1186,28 +1199,28 @@ const Et = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--right ${y ? "is-on" : ""}`,
-                  onClick: (u) => {
-                    u.stopPropagation(), J((W) => !W), le(!1);
+                  onClick: (h) => {
+                    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,
                   activeId: ne,
-                  onPick: (u) => {
-                    J(!1), ve(u);
+                  onPick: (h) => {
+                    J(!1), ve(h);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ b("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ e(
                 "button",
                 {
@@ -1224,8 +1237,8 @@ const Et = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--right ${I ? "is-muted" : ""}`,
-                  onClick: (u) => {
-                    u.stopPropagation(), le((W) => !W), J(!1);
+                  onClick: (h) => {
+                    h.stopPropagation(), ae((W) => !W), J(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
@@ -1234,12 +1247,12 @@ const Et = ({
                 }
               ),
               q && x.length > 0 && /* @__PURE__ */ e(
-                Ve,
+                Oe,
                 {
                   label: "Microphone",
                   devices: x,
                   activeId: "",
-                  onPick: () => le(!1)
+                  onPick: () => ae(!1)
                 }
               )
             ] }),
@@ -1255,19 +1268,19 @@ const Et = ({
               }
             )
           ] }),
-          be && /* @__PURE__ */ b("form", { className: "ll-message-input", onSubmit: B, 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: (u) => ce(u.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",
@@ -1282,7 +1295,7 @@ const Et = ({
             {
               type: "button",
               className: "ll-expanded__end",
-              onClick: de,
+              onClick: ue,
               children: "End conversation"
             }
           )
@@ -1292,7 +1305,7 @@ const Et = ({
         ),
         (() => {
           if (w && N !== "error")
-            return /* @__PURE__ */ b("div", { className: "ll-expanded__banner", role: "alert", children: [
+            return /* @__PURE__ */ _("div", { className: "ll-expanded__banner", role: "alert", children: [
               /* @__PURE__ */ e("span", { children: w }),
               /* @__PURE__ */ e(
                 "button",
@@ -1306,9 +1319,9 @@ const Et = ({
               )
             ] });
           if (!z || N !== "error") return null;
-          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 }),
+          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__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ e("span", { children: h }),
             /* @__PURE__ */ e(
               "button",
               {
@@ -1328,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__ */ b("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__ */ 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: [
+  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__ */ 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: [
+  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__ */ 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: [
+  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" }),
@@ -1358,21 +1371,21 @@ function Tt({ muted: t }) {
   ] });
 }
 function zt({ muted: t }) {
-  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: [
+  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__ */ b(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__ */ 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: [
+  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__ */ b(
+const Oe = ({ label: t, devices: n, activeId: i, onPick: l }) => /* @__PURE__ */ _(
   "div",
   {
     className: "ll-device-menu",
@@ -1382,12 +1395,12 @@ const Ve = ({ label: t, devices: n, activeId: i, onPick: o }) => /* @__PURE__ */
       /* @__PURE__ */ e("p", { className: "ll-device-menu__label", children: t }),
       n.map((r, s) => {
         const c = i === r.deviceId;
-        return /* @__PURE__ */ b(
+        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: [
@@ -1415,18 +1428,18 @@ function Ut(t) {
   const {
     agentId: n,
     apiKey: i,
-    baseUrl: o = "https://app.livelayer.studio",
+    baseUrl: l = "https://app.livelayer.studio",
     sessionEndpoint: r,
     sessionBody: s,
     autoConnect: c = !1,
     displayMode: m,
     defaultDisplayMode: d = "expanded",
     onDisplayModeChange: f,
-    position: h = "bottom-right",
-    mobileBreakpoint: l = 640,
+    position: p = "bottom-right",
+    mobileBreakpoint: o = 640,
     persistKey: a = "ll-widget",
     disablePersistence: C = !1,
-    teamMembers: _,
+    teamMembers: b,
     currentTeamMemberId: N,
     onTeamMemberChange: D,
     idleLoopUrl: E,
@@ -1448,37 +1461,37 @@ function Ut(t) {
     className: be,
     style: we,
     zIndex: ge = 2147483647
-  } = t, de = N !== void 0, [ke, xe] = k(() => {
+  } = 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, U = Se(
-    () => (_ == null ? void 0 : _.find((v) => v.id === Q)) ?? null,
-    [_, Q]
-  ), ve = (U == null ? void 0 : U.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: 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(
+  }), 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 }), Bt.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]
-  ), B = it({
+  ), B = lt({
     agentId: P ? "__controlled__" : ve,
-    baseUrl: o,
+    baseUrl: l,
     apiKey: i,
     sessionEndpoint: r,
     sessionBody: s,
-    onDataMessage: P ? void 0 : ce
+    onDataMessage: P ? void 0 : de
   });
   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,
@@ -1509,115 +1522,117 @@ function Ut(t) {
     disconnect: B.disconnect,
     getRoom: B.getRoom,
     isControlled: !1
-  }, [P, B]), me = L(null);
+  }, [P, B]), me = M(null);
   S(() => {
-    const v = p.videoElement, M = me.current;
-    if (!(!v || !M))
-      return M.appendChild(v), () => {
-        v.parentNode === M && M.removeChild(v);
+    const v = u.videoElement, L = me.current;
+    if (!(!v || !L))
+      return L.appendChild(v), () => {
+        v.parentNode === L && L.removeChild(v);
       };
-  }, [p.videoElement]), S(() => {
-    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]), S(() => {
-    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]), S(() => {
-    const v = p.audioElement;
+  }, [u.isControlled, u.connectionState]), S(() => {
+    const v = u.audioElement;
     v && (v.muted = J);
-  }, [p.audioElement, J]);
+  }, [u.audioElement, J]);
   const Ce = g((v) => {
-    const M = p.getRoom();
-    if (M)
+    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 = g(() => {
-    se((v) => !v);
+  }, [u]), ye = g(() => {
+    ce((v) => !v);
   }, []);
   S(() => {
-    j == null || j(p.connectionState), p.connectionState === "connected" ? A == null || A() : p.connectionState === "disconnected" && (X == null || X());
-  }, [p.connectionState, A, X, j]), S(() => {
-    ne == null || ne(p.transcript);
-  }, [p.transcript, ne]), S(() => {
-    $ == null || $(p.agentState);
-  }, [p.agentState, $]);
-  const u = L(!1);
+    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(() => {
-    p.isControlled || !c || u.current || p.connectionState === "idle" && (u.current = !0, p.connect());
-  }, [c, p.connectionState, p]);
+    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
     ]
   );
   S(() => {
-    he && p.connectionState === "connected" && pe(!1);
-  }, [p.connectionState, he]), 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 || !!(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(
+  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 = g(() => G("hidden"), [G]), qe = g(() => {
-    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 = g(() => {
-    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__ */ b(
+  return /* @__PURE__ */ _(
     "div",
     {
-      className: Xe,
+      className: Qe,
       style: fe,
       "data-display-mode": Z,
-      "data-position": h,
+      "data-position": p,
       children: [
         Z === "hidden" && /* @__PURE__ */ e(
-          Et,
+          St,
           {
-            position: h,
+            position: p,
             isMobile: ee,
-            isSpeaking: p.agentState === "speaking",
+            isSpeaking: u.agentState === "speaking",
             onExpand: () => G("expanded"),
             label: `Open ${Ee} widget`
           }
@@ -1625,37 +1640,37 @@ function Ut(t) {
         Z === "minimized" && /* @__PURE__ */ e(
           Lt,
           {
-            position: h,
+            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: h,
+            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,25 +1683,25 @@ function Ut(t) {
             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
           }
         )
@@ -1695,34 +1710,34 @@ function Ut(t) {
   );
 }
 function Ft(t) {
-  return /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(Ut, { ...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: s,
   style: c
 }) => {
-  const m = L(null), d = L(null), f = L(r);
+  const m = M(null), d = M(null), f = M(r);
   f.current = r;
-  const h = g((l) => {
+  const p = g((o) => {
     var C;
-    const a = l.detail;
+    const a = o.detail;
     (C = f.current) == null || C.call(f, a);
   }, []);
   return S(() => {
-    const l = m.current;
-    if (!l) return;
+    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), 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;
+    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]), S(() => {
-    d.current && (o ? d.current.setAttribute("mode", o) : d.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ e("div", { ref: m, className: s, style: c });
+    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] = k([]), i = g((r) => {
@@ -1734,27 +1749,27 @@ function Kt() {
       }
       return [...s, r];
     });
-  }, []), o = g(() => 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
 };