@livelayer/react 0.5.8 → 0.5.10

package/dist/index.mjs

@@ -1,8 +1,8 @@
 "use client";
-import { jsxs as w, jsx as n, Fragment as ut } from "react/jsx-runtime";
-import { Component as dn, useState as S, useRef as E, useEffect as T, useCallback as k, useMemo as Ze, forwardRef as ft, createElement as un } from "react";
+import { jsxs as _, jsx as n, Fragment as ht } from "react/jsx-runtime";
+import { Component as dn, useState as L, useRef as E, useEffect as R, useCallback as k, useMemo as rt, forwardRef as mt, createElement as un } from "react";
 import { LiveKitSession as fn } from "@livelayer/sdk";
-import { createLocalAudioTrack as pn, Track as jt, createLocalVideoTrack as hn } from "livekit-client";
+import { createLocalAudioTrack as pn, Track as Gt, createLocalVideoTrack as hn } from "livekit-client";
 class mn extends dn {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
@@ -18,7 +18,7 @@ class mn extends dn {
   }
   render() {
     var t;
-    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__ */ n("p", { className: "ll-error-boundary__title", children: "Widget crashed" }),
       /* @__PURE__ */ n("p", { className: "ll-error-boundary__message", children: ((t = this.state.error) == null ? void 0 : t.message) || "Something went wrong." }),
       /* @__PURE__ */ n(
@@ -34,25 +34,25 @@ class mn extends dn {
   }
 }
 function gn(e) {
-  const [t, r] = S("idle"), [o, i] = S("idle"), [l, s] = S([]), [d, f] = S(null), [g, m] = S(null), [a, c] = S(null), [R, C] = S(!1), [L, v] = S(null), b = E(null), z = E(e.onDataMessage);
-  z.current = e.onDataMessage, T(() => {
+  const [t, r] = L("idle"), [o, i] = L("idle"), [l, c] = L([]), [d, f] = L(null), [y, g] = L(null), [a, s] = L(null), [I, C] = L(!1), [S, v] = L(null), b = E(null), z = E(e.onDataMessage);
+  z.current = e.onDataMessage, R(() => {
     const N = {
       onConnectionStateChange: (D) => {
         r(D), D === "connected" && v(null);
       },
       onAgentStateChange: i,
-      onTranscript: (D) => s([...D]),
+      onTranscript: (D) => c([...D]),
       onAgentConfig: f,
-      onAudioTrack: (D) => c(D),
-      onVideoTrack: (D) => m(D),
-      onVideoTrackRemoved: () => m(null),
+      onAudioTrack: (D) => s(D),
+      onVideoTrack: (D) => g(D),
+      onVideoTrackRemoved: () => g(null),
       onError: (D) => v(D),
       onDataMessage: (D) => {
         var A;
         (A = z.current) == null || A.call(z, D);
       },
       onResumabilityChange: C
-    }, B = new fn(
+    }, q = new fn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -62,9 +62,9 @@ function gn(e) {
       },
       N
     );
-    return b.current = B, r("idle"), i("idle"), s([]), f(null), m(null), c(null), C(!1), v(null), () => {
+    return b.current = q, r("idle"), i("idle"), c([]), f(null), g(null), s(null), C(!1), v(null), () => {
       var D;
-      (D = B.destroy) == null || D.call(B), b.current = null;
+      (D = q.destroy) == null || D.call(q), b.current = null;
     };
   }, [
     e.agentId,
@@ -73,18 +73,18 @@ function gn(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const I = k(async () => {
+  const M = k(async () => {
     const N = b.current;
     if (N)
       try {
         await N.connect();
-      } catch (B) {
-        throw v(B instanceof Error ? B.message : String(B)), B;
+      } catch (q) {
+        throw v(q instanceof Error ? q.message : String(q)), q;
       }
   }, []), H = k(() => {
     const N = b.current;
     N && N.disconnect();
-  }, []), p = k(() => {
+  }, []), h = k(() => {
     var N;
     return ((N = b.current) == null ? void 0 : N.getRoom()) ?? null;
   }, []);
@@ -93,18 +93,18 @@ function gn(e) {
     agentState: o,
     transcript: l,
     agentConfig: d,
-    videoElement: g,
+    videoElement: y,
     audioElement: a,
-    canResume: R,
-    error: L,
-    connect: I,
+    canResume: I,
+    error: S,
+    connect: M,
     disconnect: H,
-    getRoom: p,
+    getRoom: h,
     session: b.current
   };
 }
 function yn() {
-  const e = E(null), t = E(null), r = E(null), o = E(null), i = E(/* @__PURE__ */ new Set()), l = E(null), s = k(() => {
+  const e = E(null), t = E(null), r = E(null), o = E(null), i = E(/* @__PURE__ */ new Set()), l = E(null), c = k(() => {
     const a = t.current;
     if (!a) {
       o.current = null;
@@ -113,22 +113,22 @@ function yn() {
     (!l.current || l.current.length !== a.frequencyBinCount) && (l.current = new Uint8Array(
       new ArrayBuffer(a.frequencyBinCount)
     ));
-    const c = l.current;
-    a.getByteFrequencyData(c);
-    let R = 0;
-    for (let L = 0; L < c.length; L++) R += c[L];
-    const C = R / c.length / 255;
-    for (const L of i.current)
+    const s = l.current;
+    a.getByteFrequencyData(s);
+    let I = 0;
+    for (let S = 0; S < s.length; S++) I += s[S];
+    const C = I / s.length / 255;
+    for (const S of i.current)
       try {
-        L(C);
+        S(C);
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
-    o.current = requestAnimationFrame(s);
+    o.current = requestAnimationFrame(c);
   }, []), d = k(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const a = new AudioContext(), c = a.createAnalyser();
-    c.fftSize = 64, c.connect(a.destination), e.current = a, t.current = c;
+    const a = new AudioContext(), s = a.createAnalyser();
+    s.fftSize = 64, s.connect(a.destination), e.current = a, t.current = s;
   }, []), f = k(
     (a) => {
       if (d(), !(!e.current || !t.current)) {
@@ -140,17 +140,17 @@ function yn() {
           r.current = null;
         }
         try {
-          const c = e.current.createMediaElementSource(a);
-          c.connect(t.current), r.current = c;
-        } catch (c) {
-          console.warn("[useAudioLevel] createMediaElementSource failed:", c);
+          const s = e.current.createMediaElementSource(a);
+          s.connect(t.current), r.current = s;
+        } catch (s) {
+          console.warn("[useAudioLevel] createMediaElementSource failed:", s);
           return;
         }
-        o.current === null && (o.current = requestAnimationFrame(s));
+        o.current === null && (o.current = requestAnimationFrame(c));
       }
     },
-    [d, s]
-  ), g = k(() => {
+    [d, c]
+  ), y = k(() => {
     if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -158,11 +158,11 @@ function yn() {
       }
       r.current = null;
     }
-  }, []), m = k((a) => (i.current.add(a), () => {
+  }, []), g = k((a) => (i.current.add(a), () => {
     i.current.delete(a);
   }), []);
-  return T(() => () => {
-    if (g(), t.current) {
+  return R(() => () => {
+    if (y(), t.current) {
       try {
         t.current.disconnect();
       } catch {
@@ -177,10 +177,10 @@ function yn() {
       e.current = null;
     }
     i.current.clear(), l.current = null;
-  }, [g]), { attach: f, detach: g, subscribe: m };
+  }, [y]), { attach: f, detach: y, subscribe: g };
 }
 function vn() {
-  const [e, t] = S(!1), [r, o] = S(null), i = E(null), l = E(null), s = k(async (m) => {
+  const [e, t] = L(!1), [r, o] = L(null), i = E(null), l = E(null), c = k(async (g) => {
     if (i.current && l.current) {
       try {
         await l.current.localParticipant.unpublishTrack(i.current);
@@ -188,69 +188,69 @@ function vn() {
       }
       i.current.stop(), i.current = null;
     }
-    l.current = m, o(null);
+    l.current = g, o(null);
     try {
       const a = await pn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await m.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
+      await g.localParticipant.publishTrack(a), i.current = a, t(a.isMuted);
     } catch (a) {
-      const c = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw o(c), a;
+      const s = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+      throw o(s), a;
     }
   }, []), d = k(() => {
-    const m = i.current;
-    m && (m.isMuted ? (m.unmute(), t(!1)) : (m.mute(), t(!0)));
+    const g = i.current;
+    g && (g.isMuted ? (g.unmute(), t(!1)) : (g.mute(), t(!0)));
   }, []), f = k(() => {
-    const m = i.current, a = l.current;
-    if (m && a) {
+    const g = i.current, a = l.current;
+    if (g && a) {
       try {
-        a.localParticipant.unpublishTrack(m);
+        a.localParticipant.unpublishTrack(g);
       } catch {
       }
-      m.stop();
+      g.stop();
     }
     i.current = null, l.current = null, t(!1);
-  }, []), g = k(() => o(null), []);
+  }, []), y = k(() => o(null), []);
   return {
     isMuted: e,
     micError: r,
     toggleMute: d,
-    setupMic: s,
+    setupMic: c,
     teardownMic: f,
-    clearError: g
+    clearError: y
   };
 }
 const bn = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function wn() {
-  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), [s, d] = S(""), f = E(null), g = E(null), m = k((b) => {
+  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), [c, d] = L(""), f = E(null), y = E(null), g = k((b) => {
     f.current = b;
   }, []), a = k(() => {
-    const b = f.current, z = g.current;
+    const b = f.current, z = y.current;
     if (z && b) {
-      const I = b.localParticipant.getTrackPublication(jt.Source.Camera);
-      if (I != null && I.track) {
+      const M = b.localParticipant.getTrackPublication(Gt.Source.Camera);
+      if (M != null && M.track) {
         try {
-          b.localParticipant.unpublishTrack(I.track);
+          b.localParticipant.unpublishTrack(M.track);
         } catch {
         }
-        I.track.stop();
+        M.track.stop();
       } else
         z.stop();
     }
-    g.current = null, l(null), t(!1);
-  }, []), c = k(async (b) => {
+    y.current = null, l(null), t(!1);
+  }, []), s = k(async (b) => {
     const z = f.current;
     if (z) {
       o(null);
       try {
-        const I = { ...bn };
-        b && (I.deviceId = b);
-        const H = await hn(I);
-        await z.localParticipant.publishTrack(H), g.current = H;
-        const p = H.attach();
-        l(p), t(!0), b && d(b);
+        const M = { ...bn };
+        b && (M.deviceId = b);
+        const H = await hn(M);
+        await z.localParticipant.publishTrack(H), y.current = H;
+        const h = H.attach();
+        l(h), t(!0), b && d(b);
         try {
           z.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
@@ -258,41 +258,41 @@ function wn() {
           );
         } catch {
         }
-      } catch (I) {
-        const H = I instanceof Error && I.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+      } catch (M) {
+        const H = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
         o(H);
       }
     }
-  }, []), R = k(async () => {
-    e ? a() : await c(s || void 0);
-  }, [e, s, a, c]), C = k(async (b) => {
-    a(), await c(b);
-  }, [a, c]), L = k(() => {
+  }, []), I = k(async () => {
+    e ? a() : await s(c || void 0);
+  }, [e, c, a, s]), C = k(async (b) => {
+    a(), await s(b);
+  }, [a, s]), S = k(() => {
     a(), f.current = null, o(null), d("");
   }, [a]), v = k(() => o(null), []);
-  return T(() => () => {
-    g.current && g.current.stop();
+  return R(() => () => {
+    y.current && y.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: i,
-    activeDeviceId: s,
-    toggle: R,
+    activeDeviceId: c,
+    toggle: I,
     switchDevice: C,
-    attachRoom: m,
-    teardown: L,
+    attachRoom: g,
+    teardown: S,
     clearError: v
   };
 }
 function _n() {
-  const [e, t] = S(!1), [r, o] = S(null), [i, l] = S(null), s = E(null), d = k((c) => {
-    s.current = c;
-  }, []), f = k(() => l(null), []), g = k(async () => {
-    const c = s.current;
-    if (c) {
+  const [e, t] = L(!1), [r, o] = L(null), [i, l] = L(null), c = E(null), d = k((s) => {
+    c.current = s;
+  }, []), f = k(() => l(null), []), y = k(async () => {
+    const s = c.current;
+    if (s) {
       if (e) {
         try {
-          await c.localParticipant.setScreenShareEnabled(!1);
+          await s.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
         f(), t(!1);
@@ -300,15 +300,15 @@ function _n() {
       }
       o(null);
       try {
-        await c.localParticipant.setScreenShareEnabled(!0);
-        let R = 0;
+        await s.localParticipant.setScreenShareEnabled(!0);
+        let I = 0;
         const C = () => {
-          const L = c.localParticipant.getTrackPublication(jt.Source.ScreenShare);
-          if (L != null && L.track) {
-            const v = L.track.attach();
+          const S = s.localParticipant.getTrackPublication(Gt.Source.ScreenShare);
+          if (S != null && S.track) {
+            const v = S.track.attach();
             l(v), t(!0);
             try {
-              c.localParticipant.publishData(
+              s.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -316,61 +316,61 @@ function _n() {
             }
             return;
           }
-          R++ < 10 ? setTimeout(C, 100) : t(!0);
+          I++ < 10 ? setTimeout(C, 100) : t(!0);
         };
         C();
-      } catch (R) {
-        const C = R instanceof Error ? R.name : "";
+      } catch (I) {
+        const C = I instanceof Error ? I.name : "";
         C !== "NotAllowedError" && C !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, f]), m = k(() => {
-    const c = s.current;
-    if (c && e)
+  }, [e, f]), g = k(() => {
+    const s = c.current;
+    if (s && e)
       try {
-        c.localParticipant.setScreenShareEnabled(!1);
+        s.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    f(), t(!1), o(null), s.current = null;
+    f(), t(!1), o(null), c.current = null;
   }, [e, f]), a = k(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: g, attachRoom: d, teardown: m, clearError: a };
+  return { isEnabled: e, error: r, previewEl: i, toggle: y, attachRoom: d, teardown: g, clearError: a };
 }
 function xn() {
-  const [e, t] = S([]), [r, o] = S([]), i = k(async () => {
+  const [e, t] = L([]), [r, o] = L([]), i = k(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((s) => s.kind === "audioinput")), o(l.filter((s) => s.kind === "videoinput"));
+        t(l.filter((c) => c.kind === "audioinput")), o(l.filter((c) => c.kind === "videoinput"));
       } catch {
       }
   }, []);
-  return T(() => {
+  return R(() => {
     if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
     const l = () => void i();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
   }, [i]), { mics: e, cameras: r, refresh: i };
 }
 function kn(e, t, r = !1) {
-  const [o, i] = S(null), [l, s] = S(null), [d, f] = S(!r && !!e);
-  return T(() => {
+  const [o, i] = L(null), [l, c] = L(null), [d, f] = L(!r && !!e);
+  return R(() => {
     if (r || !e) {
       f(!1);
       return;
     }
-    const g = new AbortController(), m = t || "https://app.livelayer.studio";
-    return f(!0), s(null), fetch(`${m}/api/widget/agent/${encodeURIComponent(e)}`, {
-      signal: g.signal
+    const y = new AbortController(), g = t || "https://app.livelayer.studio";
+    return f(!0), c(null), fetch(`${g}/api/widget/agent/${encodeURIComponent(e)}`, {
+      signal: y.signal
     }).then(async (a) => {
       if (!a.ok) {
-        const c = await a.json().catch(() => ({}));
-        throw new Error(c.error || `HTTP ${a.status}`);
+        const s = await a.json().catch(() => ({}));
+        throw new Error(s.error || `HTTP ${a.status}`);
       }
       return a.json();
     }).then((a) => {
-      g.signal.aborted || (i(a), f(!1));
+      y.signal.aborted || (i(a), f(!1));
     }).catch((a) => {
-      g.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), f(!1));
-    }), () => g.abort();
+      y.signal.aborted || (c(a instanceof Error ? a.message : "Agent lookup failed"), f(!1));
+    }), () => y.abort();
   }, [e, t, r]), { info: o, error: l, loading: d };
 }
 function Ln(e) {
@@ -393,13 +393,13 @@ function Cn({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = S(t), s = o ? e : i, d = k(
+  const o = e !== void 0, [i, l] = L(t), c = o ? e : i, d = k(
     (f) => {
-      f !== s && (o || l(f), r == null || r(f));
+      f !== c && (o || l(f), r == null || r(f));
     },
-    [s, o, r]
+    [c, o, r]
   );
-  return [s, d];
+  return [c, d];
 }
 const En = ["hidden", "minimized", "expanded"];
 function Nn(e) {
@@ -412,23 +412,23 @@ function An({
   persistKey: o = "ll-widget",
   disablePersistence: i = !1
 } = {}) {
-  const l = `${o}:display-mode`, s = E(!1), [d, f] = Cn({
+  const l = `${o}:display-mode`, c = E(!1), [d, f] = Cn({
     value: e,
     defaultValue: t,
-    onChange: (g) => {
-      e === void 0 && !i && Sn(l, g), r == null || r(g);
+    onChange: (y) => {
+      e === void 0 && !i && Sn(l, y), r == null || r(y);
     }
   });
-  return T(() => {
-    if (s.current || (s.current = !0, i || e !== void 0)) return;
-    const g = Nn(Ln(l));
-    g && g !== d && f(g);
+  return R(() => {
+    if (c.current || (c.current = !0, i || e !== void 0)) return;
+    const y = Nn(Ln(l));
+    y && y !== d && f(y);
   }, []), [d, f];
 }
 const Rn = 640;
 function In(e = Rn) {
-  const [t, r] = S(!1);
-  return T(() => {
+  const [t, r] = L(!1);
+  return R(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -441,43 +441,43 @@ function In(e = Rn) {
     });
   }, [e]), t;
 }
-const Nt = "__llHistoryPatched", et = "ll:pathname";
+const It = "__llHistoryPatched", ot = "ll:pathname";
 function Mn() {
-  if (typeof window > "u" || window.history[Nt]) return;
+  if (typeof window > "u" || window.history[It]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const o = e.apply(this, r);
-    return window.dispatchEvent(new Event(et)), o;
+    return window.dispatchEvent(new Event(ot)), o;
   }, window.history.replaceState = function(...r) {
     const o = t.apply(this, r);
-    return window.dispatchEvent(new Event(et)), o;
-  }, window.history[Nt] = !0;
+    return window.dispatchEvent(new Event(ot)), o;
+  }, window.history[It] = !0;
 }
-function At() {
+function Mt() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
 function Tn(e) {
-  const [t, r] = S(
-    () => e ?? At()
+  const [t, r] = L(
+    () => e ?? Mt()
   );
-  return T(() => {
+  return R(() => {
     if (e !== void 0) return;
     Mn();
-    const o = () => r(At());
-    return o(), window.addEventListener("popstate", o), window.addEventListener(et, o), () => {
-      window.removeEventListener("popstate", o), window.removeEventListener(et, o);
+    const o = () => r(Mt());
+    return o(), window.addEventListener("popstate", o), window.addEventListener(ot, o), () => {
+      window.removeEventListener("popstate", o), window.removeEventListener(ot, o);
     };
   }, [e]), e ?? t;
 }
-const Rt = /* @__PURE__ */ new Map(), Pn = /[\\^$+?.()|{}[\]]/g;
+const Tt = /* @__PURE__ */ new Map(), Pn = /[\\^$+?.()|{}[\]]/g;
 function Dn(e) {
   return e.replace(Pn, "\\$&");
 }
 function $n(e) {
-  const t = Rt.get(e);
+  const t = Tt.get(e);
   if (t) return t;
   const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), d = Dn(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), f = new RegExp(`^${d}\\/?$`);
-  return Rt.set(e, f), f;
+  return Tt.set(e, f), f;
 }
 function zn(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
@@ -486,22 +486,22 @@ function zn(e, t) {
 function Hn(e, t) {
   return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : zn(e, t);
 }
-function It(e, t) {
+function Pt(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
     if (Hn(r, t)) return !0;
   return !1;
 }
 function On(e, t, r) {
-  return e === void 0 ? !0 : It(r, e) ? !1 : t && t.length > 0 ? It(t, e) : !0;
+  return e === void 0 ? !0 : Pt(r, e) ? !1 : t && t.length > 0 ? Pt(t, e) : !0;
 }
-function qn(e, t, r) {
-  return Ze(
+function Bn(e, t, r) {
+  return rt(
     () => On(e, t, r),
     [e, t, r]
   );
 }
-const Mt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
+const Dt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
   "svg",
   {
     className: t,
@@ -547,7 +547,7 @@ const Mt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
       }
     )
   }
-), Tt = ({ className: e }) => /* @__PURE__ */ n(
+), $t = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -565,7 +565,7 @@ const Mt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
       }
     )
   }
-), Bn = ({ className: e }) => /* @__PURE__ */ n(
+), qn = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -581,7 +581,7 @@ const Mt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
   right: 0,
   up: -90,
   down: 90
-}, Pt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, zt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -597,11 +597,11 @@ const Mt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
 function Fn(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const Vt = "ll-hidden-tab-center-y", Un = 5, Dt = 16;
+const Jt = "ll-hidden-tab-center-y", Un = 5, Ht = 16;
 function jn() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(Vt);
+    const e = window.localStorage.getItem(Jt);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -609,10 +609,10 @@ function jn() {
     return null;
   }
 }
-function $t(e) {
+function Ot(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Vt, String(e));
+      window.localStorage.setItem(Jt, String(e));
     } catch {
     }
 }
@@ -623,21 +623,21 @@ const Vn = ({
   onExpand: o,
   label: i = "Open widget",
   avatarImageUrl: l,
-  agentName: s
+  agentName: c
 }) => {
-  const d = Fn(e), f = d === "right" ? "left" : "right", g = t ? 80 : 72, m = !!l, [a, c] = S(null), [R, C] = S(!1), L = E(null), v = E(!1), b = k(
+  const d = Fn(e), f = d === "right" ? "left" : "right", y = t ? 80 : 72, g = !!l, [a, s] = L(null), [I, C] = L(!1), S = E(null), v = E(!1), b = k(
     (A) => {
       if (typeof window > "u") return A;
-      const O = g / 2, W = Dt + O, Y = window.innerHeight - Dt - O;
+      const O = y / 2, W = Ht + O, Y = window.innerHeight - Ht - O;
       return Y < W ? Math.max(W, A) : Math.max(W, Math.min(Y, A));
     },
-    [g]
+    [y]
   );
-  T(() => {
+  R(() => {
     const A = jn();
-    c(b(A ?? window.innerHeight / 2));
+    s(b(A ?? window.innerHeight / 2));
     const O = () => {
-      c((W) => W === null ? null : b(W));
+      s((W) => W === null ? null : b(W));
     };
     return window.addEventListener("resize", O), () => window.removeEventListener("resize", O);
   }, [b]);
@@ -648,7 +648,7 @@ const Vn = ({
           A.currentTarget.setPointerCapture(A.pointerId);
         } catch {
         }
-        L.current = {
+        S.current = {
           startClientY: A.clientY,
           startCenterY: a,
           moved: !1
@@ -656,27 +656,27 @@ const Vn = ({
       }
     },
     [a]
-  ), I = k(
+  ), M = k(
     (A) => {
-      const O = L.current;
+      const O = S.current;
       if (!O) return;
       const W = A.clientY - O.startClientY;
-      !O.moved && Math.abs(W) > Un && (O.moved = !0, C(!0)), O.moved && c(b(O.startCenterY + W));
+      !O.moved && Math.abs(W) > Un && (O.moved = !0, C(!0)), O.moved && s(b(O.startCenterY + W));
     },
     [b]
   ), H = k(
     (A) => {
-      const O = L.current;
+      const O = S.current;
       if (O) {
         try {
           A.currentTarget.releasePointerCapture(A.pointerId);
         } catch {
         }
-        L.current = null, O.moved && (C(!1), v.current = !0, c((W) => (W !== null && $t(W), W)));
+        S.current = null, O.moved && (C(!1), v.current = !0, s((W) => (W !== null && Ot(W), W)));
       }
     },
     []
-  ), p = k(() => {
+  ), h = k(() => {
     if (v.current) {
       v.current = !1;
       return;
@@ -687,44 +687,44 @@ const Vn = ({
       if (A.key === "ArrowUp" || A.key === "ArrowDown") {
         A.preventDefault();
         const O = A.key === "ArrowUp" ? -8 : 8;
-        c((W) => {
+        s((W) => {
           if (W === null) return W;
           const Y = b(W + O);
-          return $t(Y), Y;
+          return Ot(Y), Y;
         });
       }
     },
     [b]
-  ), B = [
+  ), q = [
     "ll-hidden",
     `ll-hidden--${d}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    R ? "is-dragging" : null,
-    m ? "ll-hidden--with-avatar" : null
-  ].filter(Boolean).join(" "), D = a === null ? void 0 : { top: `${a - g / 2}px`, transform: "none" };
+    I ? "is-dragging" : null,
+    g ? "ll-hidden--with-avatar" : null
+  ].filter(Boolean).join(" "), D = a === null ? void 0 : { top: `${a - y / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: B,
+      className: q,
       onPointerDown: z,
-      onPointerMove: I,
+      onPointerMove: M,
       onPointerUp: H,
       onPointerCancel: H,
-      onClick: p,
+      onClick: h,
       onKeyDown: N,
       "aria-label": i,
       "data-position": e,
       style: D,
-      children: m ? (
+      children: g ? (
         // Layout: tiny chevron flush against the inward edge (peeks out
         // as the click affordance), then the circular avatar photo
         // taking the rest of the tab. Reinforces "this is an
         // avatar-based experience" even when collapsed.
-        /* @__PURE__ */ w(ut, { children: [
+        /* @__PURE__ */ _(ht, { children: [
           /* @__PURE__ */ n(
-            Pt,
+            zt,
             {
               direction: f,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
@@ -734,14 +734,14 @@ const Vn = ({
             "img",
             {
               src: l,
-              alt: s ? `${s} avatar` : "Agent avatar",
+              alt: c ? `${c} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
             }
           )
         ] })
       ) : /* @__PURE__ */ n(
-        Pt,
+        zt,
         {
           direction: f,
           className: "ll-hidden__chevron"
@@ -757,24 +757,24 @@ const Vn = ({
   className: i,
   barClassName: l
 }) => {
-  const s = E(null), d = E([]), f = Ze(() => {
-    const m = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (a, c) => 0.5 + c * m % 1 * 0.5);
+  const c = E(null), d = E([]), f = rt(() => {
+    const g = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (a, s) => 0.5 + s * g % 1 * 0.5);
   }, [t]);
-  T(() => e.subscribe((a) => {
-    for (let c = 0; c < t; c++) {
-      const R = d.current[c];
-      if (!R) continue;
-      const C = Math.max(o, a * r * f[c]);
-      R.style.height = `${C}px`;
+  R(() => e.subscribe((a) => {
+    for (let s = 0; s < t; s++) {
+      const I = d.current[s];
+      if (!I) continue;
+      const C = Math.max(o, a * r * f[s]);
+      I.style.height = `${C}px`;
     }
   }), [e, t, r, o, f]);
-  const g = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: g, "aria-hidden": "true", children: Array.from({ length: t }, (m, a) => /* @__PURE__ */ n(
+  const y = ["ll-waveform", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: c, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (g, a) => /* @__PURE__ */ n(
     "div",
     {
-      ref: (c) => {
-        d.current[a] = c;
+      ref: (s) => {
+        d.current[a] = s;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
       style: { height: `${o}px` }
@@ -788,17 +788,17 @@ const Vn = ({
   avatarImageUrl: o,
   agentState: i,
   isMuted: l,
-  audioLevel: s,
+  audioLevel: c,
   onExpand: d,
   onToggleMute: f,
-  onClose: g
+  onClose: y
 }) => t ? /* @__PURE__ */ n(
   "div",
   {
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ w(
+    children: /* @__PURE__ */ _(
       "button",
       {
         type: "button",
@@ -820,31 +820,31 @@ const Vn = ({
           /* @__PURE__ */ n(
             Yn,
             {
-              audioLevel: s,
+              audioLevel: c,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
             }
           ),
           /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-          /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ _("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ n(
               "span",
               {
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (m) => {
-                  m.stopPropagation(), f();
+                onClick: (g) => {
+                  g.stopPropagation(), f();
                 },
-                onKeyDown: (m) => {
-                  (m.key === "Enter" || m.key === " ") && (m.stopPropagation(), m.preventDefault(), f());
+                onKeyDown: (g) => {
+                  (g.key === "Enter" || g.key === " ") && (g.stopPropagation(), g.preventDefault(), f());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(Mt, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(Dt, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(Tt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n($t, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -857,7 +857,7 @@ const Vn = ({
     "data-position": e,
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ w("div", { className: "ll-minimized__surface", children: [
+    children: /* @__PURE__ */ _("div", { className: "ll-minimized__surface", children: [
       o ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
@@ -869,11 +869,11 @@ const Vn = ({
           }
         )
       ) : /* @__PURE__ */ n("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__ */ n("span", { className: "ll-minimized__name", children: r }),
         /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: i === "speaking" ? "Speaking" : i === "thinking" ? "Thinking" : "Listening" })
       ] }),
-      /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ _("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
           "button",
           {
@@ -881,7 +881,7 @@ const Vn = ({
             className: "ll-minimized__btn",
             onClick: f,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(Mt, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Dt, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -891,7 +891,7 @@ const Vn = ({
             className: "ll-minimized__btn",
             onClick: d,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(Tt, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n($t, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -899,9 +899,9 @@ const Vn = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: g,
+            onClick: y,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(Bn, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(qn, { className: "ll-minimized__icon" })
           }
         )
       ] })
@@ -914,9 +914,9 @@ const Vn = ({
   className: o,
   style: i
 }) => {
-  const [l, s] = S(!1), d = E(e);
-  if (T(() => {
-    d.current !== e && (d.current = e, s(!1));
+  const [l, c] = L(!1), d = E(e);
+  if (R(() => {
+    d.current !== e && (d.current = e, c(!1));
   }, [e]), !e) return null;
   const f = {
     position: "absolute",
@@ -941,7 +941,7 @@ const Vn = ({
         style: f,
         loading: "eager",
         fetchPriority: "high",
-        onLoad: () => s(!0)
+        onLoad: () => c(!0)
       }
     )
   );
@@ -952,94 +952,121 @@ const Vn = ({
   avatarImageUrl: o,
   idleLoopUrl: i,
   greeting: l,
-  branding: s,
+  branding: c,
   teamMembers: d,
   currentTeamMemberId: f,
-  isSwitchingTeamMember: g,
-  teamSwitcherOpen: m,
+  isSwitchingTeamMember: y,
+  teamSwitcherOpen: g,
   onToggleTeamSwitcher: a,
-  onSelectTeamMember: c,
-  languageMenuOpen: R,
+  onSelectTeamMember: s,
+  languageMenuOpen: I,
   onToggleLanguageMenu: C,
-  connectionState: L,
+  connectionState: S,
   agentState: v,
   transcript: b,
   canResume: z,
-  needsUserGesture: I,
+  needsUserGesture: M,
   error: H,
-  isMuted: p,
+  isMuted: h,
   micError: N,
-  micDevices: B,
+  micDevices: q,
   isCameraEnabled: D,
   cameraPreviewEl: A,
   cameraDevices: O,
   activeCameraId: W,
   isScreenShareEnabled: Y,
   screenPreviewEl: te,
-  isSpeakerMuted: ue,
-  allowCamera: qe,
-  allowScreenShare: Be,
-  allowTyping: We,
-  avatarVideoContainerRef: Fe,
+  isSpeakerMuted: me,
+  allowCamera: je,
+  allowScreenShare: Ve,
+  allowTyping: Ye,
+  avatarVideoContainerRef: Ge,
+  agentVideoEl: ee,
   onConnect: ge,
-  onDisconnect: ye,
-  onRetry: ve,
-  onResumeAudio: be,
-  onToggleMute: we,
-  onToggleCamera: _e,
-  onSwitchCameraDevice: xe,
-  onToggleScreenShare: ke,
-  onToggleSpeaker: V,
-  onSendMessage: Ue,
-  onMinimize: je,
-  onClose: Ve,
-  onClearMicError: fe
+  onDisconnect: we,
+  onRetry: _e,
+  onResumeAudio: xe,
+  onToggleMute: ke,
+  onToggleCamera: Le,
+  onSwitchCameraDevice: Se,
+  onToggleScreenShare: V,
+  onToggleSpeaker: lt,
+  onSendMessage: Je,
+  onMinimize: Ke,
+  onClose: se,
+  onClearMicError: De
 }) => {
-  var Ce;
-  const ae = b.length > 0 ? b[b.length - 1] : null, ie = ((d == null ? void 0 : d.length) ?? 0) > 1, Le = L === "connecting" || L === "connected", Se = L === "connected", pe = L === "idle" || L === "disconnected" || L === "error", K = E(null), Me = E(null);
-  T(() => {
-    const y = K.current;
-    y && (y.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", y.appendChild(A)));
-  }, [A]), T(() => {
-    const y = Me.current;
-    y && (y.innerHTML = "", te && (te.style.width = "100%", te.style.height = "100%", te.style.objectFit = "contain", y.appendChild(te)));
+  var Ae;
+  const ce = b.length > 0 ? b[b.length - 1] : null, ye = ((d == null ? void 0 : d.length) ?? 0) > 1, Ce = S === "connecting" || S === "connected", Z = S === "connected", X = S === "idle" || S === "disconnected" || S === "error", [Ee, re] = L(!1);
+  R(() => {
+    if (!ee) {
+      re(!1);
+      return;
+    }
+    if (!ee.paused && ee.readyState >= 2) {
+      re(!0);
+      return;
+    }
+    re(!1);
+    const p = () => re(!0);
+    return ee.addEventListener("playing", p), ee.addEventListener("loadeddata", p), () => {
+      ee.removeEventListener("playing", p), ee.removeEventListener("loadeddata", p);
+    };
+  }, [ee]);
+  const [ae, ve] = L(!1);
+  R(() => {
+    if (!Z) {
+      ve(!1);
+      return;
+    }
+    if (Ee) return;
+    const p = setTimeout(() => ve(!0), 8e3);
+    return () => clearTimeout(p);
+  }, [Z, Ee]);
+  const $e = S === "connecting" || Z && !!o && !Ee && !ae, ne = E(null), oe = E(null);
+  R(() => {
+    const p = ne.current;
+    p && (p.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", p.appendChild(A)));
+  }, [A]), R(() => {
+    const p = oe.current;
+    p && (p.innerHTML = "", te && (te.style.width = "100%", te.style.height = "100%", te.style.objectFit = "contain", p.appendChild(te)));
   }, [te]);
-  const [ne, ee] = S(!1), [le, ce] = S(!1);
-  T(() => {
-    if (!ne && !le && !R && !m) return;
-    const y = () => {
-      ee(!1), ce(!1), R && C(), m && a();
+  const [ie, de] = L(!1), [Ne, ue] = L(!1);
+  R(() => {
+    if (!ie && !Ne && !I && !g) return;
+    const p = () => {
+      de(!1), ue(!1), I && C(), g && a();
     };
-    return document.addEventListener("click", y), () => document.removeEventListener("click", y);
+    return document.addEventListener("click", p), () => document.removeEventListener("click", p);
   }, [
-    ne,
-    le,
-    R,
-    m,
+    ie,
+    Ne,
+    I,
+    g,
     C,
     a
   ]);
-  const [Z, re] = S(""), he = k(
-    (y) => {
-      y.preventDefault();
-      const X = Z.trim();
-      X && (Ue(X), re(""));
+  const [fe, ze] = L(""), He = k(
+    (p) => {
+      p.preventDefault();
+      const K = fe.trim();
+      K && (Je(K), ze(""));
     },
-    [Z, Ue]
-  ), Te = s.productName || "Live Layer", Ye = Se && (ae != null && ae.text) ? ae.text : l || "", Pe = [
+    [fe, Je]
+  ), Oe = c.productName || "Live Layer", Xe = Z && (ce != null && ce.text) ? ce.text : l || "", at = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ _(
     "div",
     {
-      className: Pe,
+      className: at,
       "data-position": e,
-      "data-state": Se ? "connected" : Le ? "connecting" : "idle",
+      "data-state": Z ? "connected" : Ce ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
-        /* @__PURE__ */ w("div", { className: "ll-expanded__bg", children: [
+        /* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ n(
             Jn,
             {
@@ -1047,8 +1074,8 @@ const Vn = ({
               alt: r,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Ce = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ce.toUpperCase()) || "A" }) }),
-          i && !Se && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Ae = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ae.toUpperCase()) || "A" }) }),
+          i && !Z && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1060,98 +1087,98 @@ const Vn = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: Fe, className: "ll-expanded__video" }),
-        L === "connecting" && /* @__PURE__ */ w("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: Ge, className: "ll-expanded__video" }),
+        $e && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
-          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: g ? "Switching..." : "Connecting..." })
+          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: y ? "Switching..." : "Connecting..." })
         ] }),
-        I && Se && /* @__PURE__ */ w(
+        M && Z && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: be,
+            onClick: xe,
             children: [
               /* @__PURE__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
               /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        Le ? /* @__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(
+        Ce ? /* @__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: (y) => {
-                    ie && (y.stopPropagation(), a());
+                  onClick: (p) => {
+                    ye && (p.stopPropagation(), a());
                   },
-                  "aria-haspopup": ie ? "listbox" : void 0,
-                  "aria-expanded": ie ? m : void 0,
+                  "aria-haspopup": ye ? "listbox" : void 0,
+                  "aria-expanded": ye ? g : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    ie && /* @__PURE__ */ n(Xe, {})
+                    ye && /* @__PURE__ */ n(tt, {})
                   ]
                 }
               ),
-              ie && m && /* @__PURE__ */ n(
+              ye && g && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (y) => y.stopPropagation(),
+                  onClick: (p) => p.stopPropagation(),
                   role: "listbox",
-                  children: d == null ? void 0 : d.map((y) => /* @__PURE__ */ w(
+                  children: d == null ? void 0 : d.map((p) => /* @__PURE__ */ _(
                     "button",
                     {
                       type: "button",
-                      className: `ll-hmenu__item ${y.id === f ? "is-active" : ""}`,
-                      onClick: () => c(y.id),
+                      className: `ll-hmenu__item ${p.id === f ? "is-active" : ""}`,
+                      onClick: () => s(p.id),
                       role: "option",
-                      "aria-selected": y.id === f,
+                      "aria-selected": p.id === f,
                       children: [
-                        y.avatarImageUrl && /* @__PURE__ */ n(
+                        p.avatarImageUrl && /* @__PURE__ */ n(
                           "img",
                           {
-                            src: y.avatarImageUrl,
+                            src: p.avatarImageUrl,
                             alt: "",
                             className: "ll-hmenu__avatar"
                           }
                         ),
-                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: y.name }),
-                        y.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: y.role })
+                        /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: p.name }),
+                        p.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: p.role })
                       ]
                     },
-                    y.id
+                    p.id
                   ))
                 }
               )
             ] }),
-            /* @__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 ll-hpill--compact",
-                  onClick: (y) => {
-                    y.stopPropagation(), C();
+                  onClick: (p) => {
+                    p.stopPropagation(), C();
                   },
                   "aria-haspopup": "listbox",
-                  "aria-expanded": R,
+                  "aria-expanded": I,
                   "aria-label": "Language: English",
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(Xe, {})
+                    /* @__PURE__ */ n(tt, {})
                   ]
                 }
               ),
-              R && /* @__PURE__ */ n(
+              I && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
-                  onClick: (y) => y.stopPropagation(),
+                  onClick: (p) => p.stopPropagation(),
                   role: "listbox",
                   children: /* @__PURE__ */ n(
                     "button",
@@ -1174,16 +1201,16 @@ const Vn = ({
               }
             )
           ] }),
-          /* @__PURE__ */ w("div", { className: "ll-expanded__header-actions", children: [
+          /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: je,
+                onClick: Ke,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ n(Ht, {})
+                children: /* @__PURE__ */ n(qt, {})
               }
             ),
             /* @__PURE__ */ n(
@@ -1191,26 +1218,26 @@ const Vn = ({
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: Ve,
+                onClick: se,
                 "aria-label": "End call",
                 title: "End call",
-                children: /* @__PURE__ */ n(zt, {})
+                children: /* @__PURE__ */ n(Bt, {})
               }
             )
           ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
-          /* @__PURE__ */ w("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Te }),
-            /* @__PURE__ */ w("div", { className: "ll-expanded__header-actions", children: [
+          /* @__PURE__ */ _("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Oe }),
+            /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: je,
+                  onClick: Ke,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(Ht, {})
+                  children: /* @__PURE__ */ n(qt, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1218,89 +1245,89 @@ const Vn = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: Ve,
+                  onClick: se,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(zt, {})
+                  children: /* @__PURE__ */ n(Bt, {})
                 }
               )
             ] })
           ] })
         ),
-        pe && /* @__PURE__ */ (() => {
-          const y = z ? "Restart paused session" : L === "disconnected" ? "Reconnect to agent" : "Start video call", X = z ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ w(ut, { children: [
-            L === "idle" && !z && !H && /* @__PURE__ */ w(
+        X && /* @__PURE__ */ (() => {
+          const p = z ? "Restart paused session" : S === "disconnected" ? "Reconnect to agent" : "Start video call", K = z ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ _(ht, { children: [
+            S === "idle" && !z && !H && /* @__PURE__ */ _(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
                 onClick: ge,
-                "aria-label": y,
+                "aria-label": p,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
-                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: y })
+                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: p })
                 ]
               }
             ),
-            /* @__PURE__ */ w("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            /* @__PURE__ */ _("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               l && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: l }) }),
-              X && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: X }),
+              K && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: K }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
                   onClick: ge,
-                  "aria-label": y,
-                  children: y
+                  "aria-label": p,
+                  children: p
                 }
               )
             ] })
           ] });
         })(),
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ _(
           "div",
           {
-            className: `ll-expanded__pip ${Le && (D || Y) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${Ce && (D || Y) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: Me,
+                  ref: oe,
                   className: Y ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: K,
+                  ref: ne,
                   className: !Y && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        Le ? /* @__PURE__ */ w("div", { className: "ll-expanded__bottom", children: [
-          Ye && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ye }) }),
-          /* @__PURE__ */ w("div", { className: "ll-toolbar", onClick: (y) => y.stopPropagation(), children: [
-            Be && /* @__PURE__ */ n(
+        Ce ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
+          Xe && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Xe }) }),
+          /* @__PURE__ */ _("div", { className: "ll-toolbar", onClick: (p) => p.stopPropagation(), children: [
+            Ve && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: `ll-tool ${Y ? "is-on" : ""}`,
-                onClick: ke,
+                onClick: V,
                 "aria-label": Y ? "Stop sharing screen" : "Share screen",
                 title: Y ? "Stop sharing" : "Share screen",
                 children: /* @__PURE__ */ n(Xn, {})
               }
             ),
-            qe && /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
+            je && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${D ? "is-on" : ""}`,
-                  onClick: _e,
+                  onClick: Le,
                   "aria-label": D ? "Turn off camera" : "Turn on camera",
                   title: D ? "Stop camera" : "Start camera",
                   children: /* @__PURE__ */ n(Qn, {})
@@ -1311,60 +1338,60 @@ const Vn = ({
                 {
                   type: "button",
                   className: `ll-tool ll-tool--right ${D ? "is-on" : ""}`,
-                  onClick: (y) => {
-                    y.stopPropagation(), ce((X) => !X), ee(!1);
+                  onClick: (p) => {
+                    p.stopPropagation(), ue((K) => !K), de(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": le,
-                  children: /* @__PURE__ */ n(Xe, {})
+                  "aria-expanded": Ne,
+                  children: /* @__PURE__ */ n(tt, {})
                 }
               ),
-              le && O.length > 0 && /* @__PURE__ */ n(
-                Ot,
+              Ne && O.length > 0 && /* @__PURE__ */ n(
+                Wt,
                 {
                   label: "Camera",
                   devices: O,
                   activeId: W,
-                  onPick: (y) => {
-                    ce(!1), xe(y);
+                  onPick: (p) => {
+                    ue(!1), Se(p);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${p ? "is-muted" : ""}`,
-                  onClick: we,
-                  "aria-label": p ? "Unmute microphone" : "Mute microphone",
-                  title: p ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(Zn, { muted: p })
+                  className: `ll-tool ll-tool--left ${h ? "is-muted" : ""}`,
+                  onClick: ke,
+                  "aria-label": h ? "Unmute microphone" : "Mute microphone",
+                  title: h ? "Unmute" : "Mute",
+                  children: /* @__PURE__ */ n(Zn, { muted: h })
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${p ? "is-muted" : ""}`,
-                  onClick: (y) => {
-                    y.stopPropagation(), ee((X) => !X), ce(!1);
+                  className: `ll-tool ll-tool--right ${h ? "is-muted" : ""}`,
+                  onClick: (p) => {
+                    p.stopPropagation(), de((K) => !K), ue(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": ne,
-                  children: /* @__PURE__ */ n(Xe, {})
+                  "aria-expanded": ie,
+                  children: /* @__PURE__ */ n(tt, {})
                 }
               ),
-              ne && B.length > 0 && /* @__PURE__ */ n(
-                Ot,
+              ie && q.length > 0 && /* @__PURE__ */ n(
+                Wt,
                 {
                   label: "Microphone",
-                  devices: B,
+                  devices: q,
                   activeId: "",
-                  onPick: () => ee(!1)
+                  onPick: () => de(!1)
                 }
               )
             ] }),
@@ -1372,11 +1399,11 @@ const Vn = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${ue ? "is-muted" : ""}`,
-                onClick: V,
-                "aria-label": ue ? "Unmute speaker" : "Mute speaker",
-                title: ue ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(er, { muted: ue })
+                className: `ll-tool ${me ? "is-muted" : ""}`,
+                onClick: lt,
+                "aria-label": me ? "Unmute speaker" : "Mute speaker",
+                title: me ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(er, { muted: me })
               }
             ),
             /* @__PURE__ */ n(
@@ -1384,26 +1411,26 @@ const Vn = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: ye,
+                onClick: we,
                 "aria-label": "End conversation",
                 title: "End conversation",
                 children: /* @__PURE__ */ n(nr, {})
               }
             )
           ] }),
-          We && /* @__PURE__ */ w("form", { className: "ll-message-input", onSubmit: he, children: [
+          Ye && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: He, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: Z,
-                onChange: (y) => re(y.target.value),
+                value: fe,
+                onChange: (p) => ze(p.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            Z.trim() && /* @__PURE__ */ n(
+            fe.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
@@ -1415,31 +1442,31 @@ const Vn = ({
           ] })
         ] }) : null,
         (() => {
-          if (N && L !== "error")
-            return /* @__PURE__ */ w("div", { className: "ll-expanded__banner", role: "alert", children: [
+          if (N && S !== "error")
+            return /* @__PURE__ */ _("div", { className: "ll-expanded__banner", role: "alert", children: [
               /* @__PURE__ */ n("span", { children: N }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: fe,
+                  onClick: De,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!H || L !== "error") return null;
-          let y = "Failed to connect", X = "Try again";
-          return H === "MIC_PERMISSION_DENIED" ? y = "Microphone blocked. Allow access to talk." : H === "MIC_NOT_FOUND" ? y = "No microphone found. Plug one in + retry." : H === "MIC_UNAVAILABLE" ? y = "Mic unavailable. Check other apps using it." : H === "AGENT_TIMEOUT" ? y = "Agent didn't pick up. Try again." : H === "CONNECT_FAILED" ? y = "Connection failed. Check your network." : H.length < 80 && (y = H), /* @__PURE__ */ w("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ n("span", { children: y }),
+          if (!H || S !== "error") return null;
+          let p = "Failed to connect", K = "Try again";
+          return H === "MIC_PERMISSION_DENIED" ? p = "Microphone blocked. Allow access to talk." : H === "MIC_NOT_FOUND" ? p = "No microphone found. Plug one in + retry." : H === "MIC_UNAVAILABLE" ? p = "Mic unavailable. Check other apps using it." : H === "AGENT_TIMEOUT" ? p = "Agent didn't pick up. Try again." : H === "CONNECT_FAILED" ? p = "Connection failed. Check your network." : H.length < 80 && (p = H), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: p }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: ve,
-                children: X
+                onClick: _e,
+                children: K
               }
             )
           ] });
@@ -1448,33 +1475,33 @@ const Vn = ({
     }
   );
 };
-function Xe() {
+function tt() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function zt() {
-  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: [
+function Bt() {
+  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__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Ht() {
+function qt() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
 function Xn() {
-  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__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
 function Qn() {
-  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__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
 function Zn({ muted: e }) {
-  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__ */ n("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
     /* @__PURE__ */ n("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
@@ -1482,22 +1509,22 @@ function Zn({ muted: e }) {
   ] });
 }
 function er({ muted: e }) {
-  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__ */ n("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ w(ut, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(ht, { children: [
       /* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
       /* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
 function tr() {
-  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__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
 function nr() {
-  return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "-4 -4 32 32", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n(
     "path",
     {
       d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.93.37 1.84.71 2.7a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.38-1.38a2 2 0 0 1 2.11-.45c.86.34 1.77.58 2.7.71A2 2 0 0 1 22 16.92z",
@@ -1505,7 +1532,7 @@ function nr() {
     }
   ) });
 }
-const Ot = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ w(
+const Wt = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */ _(
   "div",
   {
     className: "ll-device-menu",
@@ -1514,17 +1541,17 @@ const Ot = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */
     children: [
       /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
       t.map((i, l) => {
-        const s = r === i.deviceId;
-        return /* @__PURE__ */ w(
+        const c = r === i.deviceId;
+        return /* @__PURE__ */ _(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${s ? "is-active" : ""}`,
+            className: `ll-device-menu__item ${c ? "is-active" : ""}`,
             onClick: () => o(i.deviceId),
             role: "option",
-            "aria-selected": s,
+            "aria-selected": c,
             children: [
-              s && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+              c && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
               /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: i.label || `${e} ${l + 1}` })
             ]
           },
@@ -1537,7 +1564,7 @@ const Ot = ({ label: e, devices: t, activeId: r, onPick: o }) => /* @__PURE__ */
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function pt(e) {
+function gt(e) {
   let t = e;
   for (; t; ) {
     for (const r of rr)
@@ -1546,8 +1573,8 @@ function pt(e) {
   }
   return !1;
 }
-function tt(e) {
-  if (pt(e)) return !1;
+function it(e) {
+  if (gt(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1555,7 +1582,7 @@ function tt(e) {
   }
   return !0;
 }
-const Qe = 4096, or = 20, ir = 20, lr = 10, ar = 10, cr = 30, qt = 500, sr = [
+const nt = 4096, or = 20, ir = 20, lr = 10, ar = 10, sr = 30, Ft = 500, cr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1563,24 +1590,24 @@ const Qe = 4096, or = 20, ir = 20, lr = 10, ar = 10, cr = 30, qt = 500, sr = [
   "noscript",
   "iframe"
 ];
-function He(e) {
+function Fe(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of sr)
+    for (const r of cr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function Oe(e) {
+function Ue(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
   const r = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth;
   return t.bottom > 0 && t.right > 0 && t.top < r && t.left < o;
 }
-function Bt(e) {
+function Ut(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1593,10 +1620,10 @@ function Bt(e) {
   const i = e.closest("label");
   return i != null && i.textContent ? i.textContent.trim() : "";
 }
-function me(e, t) {
+function be(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function Ae(e) {
+function Me(e) {
   return e.length;
 }
 function dr(e, t = {}) {
@@ -1613,102 +1640,102 @@ function dr(e, t = {}) {
       forms: [],
       extras: e
     };
-  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
+  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", c = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
-  for (const p of s) {
+  for (const h of c) {
     if (d.length >= lr) break;
-    if (He(p) || !Oe(p)) continue;
-    const N = p.getAttribute("data-ll-region") ?? "", B = p.getAttribute("data-ll-intent") ?? void 0, D = me(
-      (p.innerText || p.textContent || "").trim(),
-      qt * 2
+    if (Fe(h) || !Ue(h)) continue;
+    const N = h.getAttribute("data-ll-region") ?? "", q = h.getAttribute("data-ll-intent") ?? void 0, D = be(
+      (h.innerText || h.textContent || "").trim(),
+      Ft * 2
     );
-    !N || !D || d.push({ id: N, intent: B, text: D });
+    !N || !D || d.push({ id: N, intent: q, text: D });
   }
-  const f = [], g = ["H1", "H2", "H3", "H4", "H5", "H6"], m = Array.from(
+  const f = [], y = ["H1", "H2", "H3", "H4", "H5", "H6"], g = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const p of m) {
-    if (He(p) || !Oe(p)) continue;
-    const N = (p.textContent || "").trim();
-    N && f.push(`${p.tagName}: ${me(N, 200)}`);
+  for (const h of g) {
+    if (Fe(h) || !Ue(h)) continue;
+    const N = (h.textContent || "").trim();
+    N && f.push(`${h.tagName}: ${be(N, 200)}`);
   }
   const a = Array.from(r.querySelectorAll("p, li"));
-  for (const p of a) {
-    if (He(p) || !Oe(p) || g.includes(p.tagName)) continue;
-    const N = (p.textContent || "").trim();
-    N.length > 10 && f.push(me(N, qt));
+  for (const h of a) {
+    if (Fe(h) || !Ue(h) || y.includes(h.tagName)) continue;
+    const N = (h.textContent || "").trim();
+    N.length > 10 && f.push(be(N, Ft));
   }
-  const c = f.join(`
-`), R = [], C = Array.from(r.querySelectorAll("a[href]"));
-  for (const p of C) {
-    if (R.length >= or) break;
-    if (He(p) || !Oe(p)) continue;
-    const N = p.getAttribute("href") || "", B = (p.textContent || "").trim();
-    !N || !B || R.push({ href: N, text: me(B, 100) });
+  const s = f.join(`
+`), I = [], C = Array.from(r.querySelectorAll("a[href]"));
+  for (const h of C) {
+    if (I.length >= or) break;
+    if (Fe(h) || !Ue(h)) continue;
+    const N = h.getAttribute("href") || "", q = (h.textContent || "").trim();
+    !N || !q || I.push({ href: N, text: be(q, 100) });
   }
-  const L = [], v = Array.from(
+  const S = [], v = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const p of v) {
-    if (L.length >= ir) break;
-    if (He(p) || !tt(p) || !Oe(p)) continue;
-    const N = Bt(p), B = p instanceof HTMLInputElement ? p.type : p.tagName.toLowerCase();
-    N && L.push({ label: me(N, 100), type: B });
+  for (const h of v) {
+    if (S.length >= ir) break;
+    if (Fe(h) || !it(h) || !Ue(h)) continue;
+    const N = Ut(h), q = h instanceof HTMLInputElement ? h.type : h.tagName.toLowerCase();
+    N && S.push({ label: be(N, 100), type: q });
   }
   const b = Array.from(
     r.querySelectorAll("[data-ll-form]")
   ), z = [];
-  for (const p of b) {
+  for (const h of b) {
     if (z.length >= ar) break;
-    if (pt(p)) continue;
-    const N = p.getAttribute("data-ll-form") || "";
+    if (gt(h)) continue;
+    const N = h.getAttribute("data-ll-form") || "";
     if (!N) continue;
-    const B = p.getAttribute("data-ll-intent") || void 0, D = Array.from(
-      p.querySelectorAll(
+    const q = h.getAttribute("data-ll-intent") || void 0, D = Array.from(
+      h.querySelectorAll(
         "[data-ll-field]"
       )
     ), A = [];
     for (const O of D) {
-      if (A.length >= cr) break;
-      if (!tt(O)) continue;
+      if (A.length >= sr) break;
+      if (!it(O)) continue;
       const W = O.getAttribute("data-ll-field") || "";
       if (!W) continue;
-      const Y = Bt(O) || W, te = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
-      A.push({ name: W, label: me(Y, 100), type: te });
+      const Y = Ut(O) || W, te = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
+      A.push({ name: W, label: be(Y, 100), type: te });
     }
-    z.push({ id: N, intent: B, fields: A });
+    z.push({ id: N, intent: q, fields: A });
   }
-  const I = {
+  const M = {
     url: o,
     title: l,
     pathname: i,
     regions: d,
-    visibleText: c,
-    visibleLinks: R,
-    visibleFields: L,
+    visibleText: s,
+    visibleLinks: I,
+    visibleFields: S,
     forms: z,
     extras: e
   };
-  let H = Ae(JSON.stringify(I.regions)) + Ae(I.visibleText) + Ae(JSON.stringify(I.visibleLinks)) + Ae(JSON.stringify(I.visibleFields));
-  for (; H > Qe && I.visibleFields.length > 0; )
-    I.visibleFields.pop(), H = Ae(JSON.stringify(I.visibleFields));
-  for (; H > Qe && I.visibleLinks.length > 0; )
-    I.visibleLinks.pop(), H -= 80;
-  return Ae(I.visibleText) > Qe && (I.visibleText = me(I.visibleText, Qe - 100)), I;
-}
-let Re = null;
-function Wt(e, t = {}) {
+  let H = Me(JSON.stringify(M.regions)) + Me(M.visibleText) + Me(JSON.stringify(M.visibleLinks)) + Me(JSON.stringify(M.visibleFields));
+  for (; H > nt && M.visibleFields.length > 0; )
+    M.visibleFields.pop(), H = Me(JSON.stringify(M.visibleFields));
+  for (; H > nt && M.visibleLinks.length > 0; )
+    M.visibleLinks.pop(), H -= 80;
+  return Me(M.visibleText) > nt && (M.visibleText = be(M.visibleText, nt - 100)), M;
+}
+let Te = null;
+function jt(e, t = {}) {
   const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Re && Re.key === i && r - Re.at < 1e3)
-    return Re.ctx;
+  if (Te && Te.key === i && r - Te.at < 1e3)
+    return Te.ctx;
   const l = dr(e, t);
-  return Re = { key: i, at: r, ctx: l }, l;
+  return Te = { key: i, at: r, ctx: l }, l;
 }
 function ur() {
-  Re = null;
+  Te = null;
 }
 const fr = 200;
 function pr(e) {
@@ -1728,38 +1755,38 @@ function mr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
-  for (const s of l) {
+  for (const c of l) {
     if (i.length >= fr) break;
-    if (pt(s)) continue;
-    const d = s.getAttribute("href") || "";
+    if (gt(c)) continue;
+    const d = c.getAttribute("href") || "";
     if (!hr(d)) continue;
-    let f = d, g = !0;
+    let f = d, y = !0;
     try {
       if (typeof window < "u") {
         const a = new URL(d, r);
-        g = a.origin === r, g && d.startsWith("http") && (f = a.pathname + a.search + a.hash);
+        y = a.origin === r, y && d.startsWith("http") && (f = a.pathname + a.search + a.hash);
       }
     } catch {
       continue;
     }
     if (o.has(f)) continue;
     o.add(f);
-    const m = (s.textContent || "").trim().slice(0, 120);
-    i.push({ href: f, text: m, internal: g });
+    const g = (c.textContent || "").trim().slice(0, 120);
+    i.push({ href: f, text: g, internal: y });
   }
   return i;
 }
-let Ie = null;
+let Pe = null;
 const gr = 5e3;
-function st() {
+function ft() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Ie && Ie.pathname === t && e - Ie.at < gr)
-    return Ie.routes;
+  if (Pe && Pe.pathname === t && e - Pe.at < gr)
+    return Pe.routes;
   const r = mr();
-  return Ie = { at: e, pathname: t, routes: r }, r;
+  return Pe = { at: e, pathname: t, routes: r }, r;
 }
 function yr() {
-  Ie = null;
+  Pe = null;
 }
 function vr(e, t) {
   const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), i = o == null ? void 0 : o.set;
@@ -1771,8 +1798,8 @@ function br(e, t, r = {}) {
     const l = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), s = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
-    s ? s.call(e, d) : e.checked = d, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), c = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
+    c ? c.call(e, d) : e.checked = d, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
   vr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
@@ -1812,7 +1839,7 @@ function kr() {
   const e = xr();
   return e || window;
 }
-function Ft(e) {
+function Vt(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
 function Lr(e) {
@@ -1846,89 +1873,89 @@ const Sr = /* @__PURE__ */ new Set([
   "request_routes"
 ]);
 function Cr(e) {
-  var wt, _t, xt, kt, Lt, St, Ct;
+  var kt, Lt, St, Ct, Et, Nt, At;
   const {
     agentId: t,
     apiKey: r,
     baseUrl: o = "https://app.livelayer.studio",
     sessionEndpoint: i,
     sessionBody: l,
-    autoConnect: s = !1,
+    autoConnect: c = !1,
     displayMode: d,
     defaultDisplayMode: f = "expanded",
-    onDisplayModeChange: g,
-    position: m = "bottom-right",
+    onDisplayModeChange: y,
+    position: g = "bottom-right",
     mobileBreakpoint: a = 640,
-    persistKey: c = "ll-widget",
-    disablePersistence: R = !1,
+    persistKey: s = "ll-widget",
+    disablePersistence: I = !1,
     teamMembers: C,
-    currentTeamMemberId: L,
+    currentTeamMemberId: S,
     onTeamMemberChange: v,
     idleLoopUrl: b,
     greeting: z,
-    avatarImageUrl: I,
+    avatarImageUrl: M,
     agentName: H,
-    branding: p = {},
+    branding: h = {},
     allowCamera: N = !0,
-    allowScreenShare: B = !0,
+    allowScreenShare: q = !0,
     allowTyping: D = !0,
     showOn: A,
     hideOn: O,
     pathname: W,
     onNavigate: Y,
     onScrollToSelector: te,
-    getPageContext: ue,
-    pageContextExtras: qe,
-    getRoutes: Be,
-    onScrollPage: We,
-    onClick: Fe,
-    capabilities: ge,
-    onConnect: ye,
-    onDisconnect: ve,
-    onTranscript: be,
-    onAgentState: we,
-    onConnectionStateChange: _e,
-    onAgentEvent: xe,
-    onAgentCommand: ke,
+    getPageContext: me,
+    pageContextExtras: je,
+    getRoutes: Ve,
+    onScrollPage: Ye,
+    onClick: Ge,
+    capabilities: ee,
+    onConnect: ge,
+    onDisconnect: we,
+    onTranscript: _e,
+    onAgentState: xe,
+    onConnectionStateChange: ke,
+    onAgentEvent: Le,
+    onAgentCommand: Se,
     controlledSession: V,
-    className: Ue,
-    style: je,
-    zIndex: Ve = 2147483647
-  } = e, fe = Tn(W), ae = qn(fe, A, O);
-  T(() => {
+    className: lt,
+    style: Je,
+    zIndex: Ke = 2147483647
+  } = e, se = Tn(W), De = Bn(se, A, O);
+  R(() => {
     ur(), yr();
-  }, [fe]);
-  const ie = L !== void 0, [Le, Se] = S(() => {
-    var h;
-    return L ?? ((h = C == null ? void 0 : C[0]) == null ? void 0 : h.id);
-  }), pe = ie ? L : Le, K = Ze(
-    () => (C == null ? void 0 : C.find((h) => h.id === pe)) ?? null,
-    [C, pe]
-  ), Me = (K == null ? void 0 : K.agentId) ?? t, [ne, ee] = An({
+  }, [se]);
+  const ce = S !== void 0, [ye, Ce] = L(() => {
+    var m;
+    return S ?? ((m = C == null ? void 0 : C[0]) == null ? void 0 : m.id);
+  }), Z = ce ? S : ye, X = rt(
+    () => (C == null ? void 0 : C.find((m) => m.id === Z)) ?? null,
+    [C, Z]
+  ), Ee = (X == null ? void 0 : X.agentId) ?? t, [re, ae] = An({
     value: d,
     defaultValue: f,
-    onChange: g,
-    persistKey: c,
-    disablePersistence: R
-  }), le = In(a), ce = yn(), Z = vn(), re = wn(), he = _n(), Te = xn(), [Ye, Pe] = S(!1), [Ce, y] = S(!1), [X, Ge] = S(!1), [Yt, Gt] = S(!1), [nt, Jt] = S(!1), rt = E(Y), ot = E(te), it = E(We), lt = E(Fe), ht = E(ue), mt = E(qe), gt = E(Be), at = E(ge), oe = E(null);
-  rt.current = Y, ot.current = te, it.current = We, lt.current = Fe, ht.current = ue, mt.current = qe, gt.current = Be, at.current = ge;
-  function se(h) {
-    const u = at.current;
-    return u ? u.includes(h) : !0;
+    onChange: y,
+    persistKey: s,
+    disablePersistence: I
+  }), ve = In(a), $e = yn(), ne = vn(), oe = wn(), ie = _n(), de = xn(), [Ne, ue] = L(!1), [fe, ze] = L(!1), [He, Oe] = L(!1), [Xe, at] = L(!1), [Ae, p] = L(!1), K = E(Y), Qe = E(te), st = E(Ye), ct = E(Ge), yt = E(me), vt = E(je), bt = E(Ve), dt = E(ee), le = E(null);
+  K.current = Y, Qe.current = te, st.current = Ye, ct.current = Ge, yt.current = me, vt.current = je, bt.current = Ve, dt.current = ee;
+  function pe(m) {
+    const u = dt.current;
+    return u ? u.includes(m) : !0;
   }
-  function de(h, u) {
+  function he(m, u) {
     console.warn(
-      `[LiveLayer] Agent command "${h}" blocked — capability "${u}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+      `[LiveLayer] Agent command "${m}" blocked — capability "${u}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const De = k(
-    (h) => {
-      var G, Ee, Ke, Et;
-      const u = h;
+  const Be = k(
+    (m) => {
+      var G, Re, et, Rt;
+      const u = m;
       if (!(!u.type || typeof u.type != "string")) {
-        if (xe == null || xe({ eventName: u.type, data: h }), u.type === "navigate") {
-          if (!se("navigate")) {
-            de("navigate", "navigate");
+        if (Le == null || Le({ eventName: u.type, data: m }), u.type === "navigate") {
+          if (!pe("navigate")) {
+            he("navigate", "navigate");
             return;
           }
           const x = typeof u.href == "string" ? u.href : null;
@@ -1938,121 +1965,121 @@ function Cr(e) {
             );
             return;
           }
-          if (rt.current) {
+          if (K.current) {
             try {
-              rt.current(x);
-            } catch (M) {
+              K.current(x);
+            } catch (T) {
               console.warn(
                 `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
-                M
+                T
               );
             }
             return;
           }
           if (typeof document < "u") {
-            const M = document.querySelector(
+            const T = document.querySelector(
               `a[href="${x.replace(/"/g, '\\"')}"]`
             );
-            if (M) {
-              M.click();
+            if (T) {
+              T.click();
               return;
             }
           }
           if (typeof window < "u" && typeof history < "u")
             try {
               history.pushState({}, "", x), window.dispatchEvent(new PopStateEvent("popstate"));
-            } catch (M) {
+            } catch (T) {
               console.warn(
                 `[LiveLayer] history.pushState fallback failed for "${x}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
-                M
+                T
               );
             }
           return;
         }
         if (u.type === "scroll_to") {
-          if (!se("scroll")) {
-            de("scroll_to", "scroll");
+          if (!pe("scroll")) {
+            he("scroll_to", "scroll");
             return;
           }
           const x = typeof u.selector == "string" ? u.selector : null;
           if (!x) return;
-          const M = u.behavior === "instant" ? "instant" : "smooth";
-          if (ot.current) {
+          const T = u.behavior === "instant" ? "instant" : "smooth";
+          if (Qe.current) {
             try {
-              ot.current(
+              Qe.current(
                 x,
-                M
+                T
               );
-            } catch (q) {
-              console.warn("[LiveLayer] onScrollToSelector threw.", q);
+            } catch (B) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", B);
             }
             return;
           }
           if (typeof document < "u") {
-            let q = null;
+            let B = null;
             try {
-              q = document.querySelector(x);
+              B = document.querySelector(x);
             } catch {
               console.warn(
                 `[LiveLayer] scroll_to: invalid selector "${x}".`
               );
               return;
             }
-            if (!q) {
+            if (!B) {
               console.warn(
                 `[LiveLayer] scroll_to: no element matched "${x}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
               );
               return;
             }
-            q.scrollIntoView({
-              behavior: M,
+            B.scrollIntoView({
+              behavior: T,
               block: "start"
             });
           }
           return;
         }
         if (u.type === "request_page_context") {
-          if (!se("read_page")) {
-            de("request_page_context", "read_page");
+          if (!pe("read_page")) {
+            he("request_page_context", "read_page");
             return;
           }
-          const x = typeof u.requestId == "string" ? u.requestId : void 0, M = (G = oe.current) == null ? void 0 : G.call(oe), q = (j) => {
-            const P = M, J = P == null ? void 0 : P.localParticipant;
+          const x = typeof u.requestId == "string" ? u.requestId : void 0, T = (G = le.current) == null ? void 0 : G.call(le), B = (j) => {
+            const P = T, J = P == null ? void 0 : P.localParticipant;
             if (J != null && J.publishData)
               try {
-                const Q = x ? { ...j, requestId: x } : j, Ne = new TextEncoder().encode(JSON.stringify(Q));
-                J.publishData(Ne, { reliable: !0 });
+                const Q = x ? { ...j, requestId: x } : j, Ie = new TextEncoder().encode(JSON.stringify(Q));
+                J.publishData(Ie, { reliable: !0 });
               } catch (Q) {
                 console.warn("[LiveLayer] publishData failed.", Q);
               }
-          }, $ = mt.current, F = ht.current;
+          }, $ = vt.current, F = yt.current;
           try {
             if (F) {
               const j = F($);
               if (j instanceof Promise) {
-                q({ type: "page_context_pending" }), j.then((P) => q({ type: "page_context", context: P })).catch((P) => {
+                B({ type: "page_context_pending" }), j.then((P) => B({ type: "page_context", context: P })).catch((P) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
                     P
-                  ), q({
+                  ), B({
                     type: "page_context",
-                    context: Wt($)
+                    context: jt($)
                   });
                 });
                 return;
               }
-              q({ type: "page_context", context: j });
+              B({ type: "page_context", context: j });
               return;
             }
-            q({
+            B({
               type: "page_context",
-              context: Wt($)
+              context: jt($)
             });
           } catch (j) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
               j
-            ), q({
+            ), B({
               type: "page_context",
               context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
             });
@@ -2060,8 +2087,8 @@ function Cr(e) {
           return;
         }
         if (u.type === "scroll_page") {
-          if (!se("scroll")) {
-            de("scroll_page", "scroll");
+          if (!pe("scroll")) {
+            he("scroll_page", "scroll");
             return;
           }
           const x = u.direction;
@@ -2071,12 +2098,12 @@ function Cr(e) {
             );
             return;
           }
-          const M = u.behavior === "instant" ? "instant" : "smooth";
-          if (it.current) {
+          const T = u.behavior === "instant" ? "instant" : "smooth";
+          if (st.current) {
             try {
-              it.current(
+              st.current(
                 x,
-                M
+                T
               );
             } catch (P) {
               console.warn("[LiveLayer] onScrollPage threw.", P);
@@ -2084,17 +2111,17 @@ function Cr(e) {
             return;
           }
           if (typeof window > "u") return;
-          const q = { behavior: M }, $ = kr(), F = (P) => {
-            $ instanceof Window ? $.scrollBy({ top: P, ...q }) : $.scrollBy({ top: P, ...q });
+          const B = { behavior: T }, $ = kr(), F = (P) => {
+            $ instanceof Window ? $.scrollBy({ top: P, ...B }) : $.scrollBy({ top: P, ...B });
           }, j = (P) => {
-            $ instanceof Window ? $.scrollTo({ top: P, ...q }) : $.scrollTo({ top: P, ...q });
+            $ instanceof Window ? $.scrollTo({ top: P, ...B }) : $.scrollTo({ top: P, ...B });
           };
-          x === "up" ? F(-Ft($)) : x === "down" ? F(Ft($)) : j(x === "top" ? 0 : Lr($));
+          x === "up" ? F(-Vt($)) : x === "down" ? F(Vt($)) : j(x === "top" ? 0 : Lr($));
           return;
         }
         if (u.type === "click") {
-          if (!se("click")) {
-            de("click", "click");
+          if (!pe("click")) {
+            he("click", "click");
             return;
           }
           const x = typeof u.selector == "string" ? u.selector : null;
@@ -2102,42 +2129,42 @@ function Cr(e) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (lt.current) {
+          if (ct.current) {
             try {
-              lt.current(x);
-            } catch (q) {
-              console.warn("[LiveLayer] onClick threw.", q);
+              ct.current(x);
+            } catch (B) {
+              console.warn("[LiveLayer] onClick threw.", B);
             }
             return;
           }
           if (typeof document > "u") return;
-          let M = null;
+          let T = null;
           try {
-            M = document.querySelector(x);
+            T = document.querySelector(x);
           } catch {
             console.warn(
               `[LiveLayer] click: invalid selector "${x}".`
             );
             return;
           }
-          if (!M) {
+          if (!T) {
             console.warn(
               `[LiveLayer] click: no element matched "${x}". See https://livelayer.studio/docs/errors/click-no-match`
             );
             return;
           }
-          if (M.closest('[data-ll-private="true"], .ll-widget')) {
+          if (T.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] click: refusing to click element inside a private subtree."
             );
             return;
           }
-          (Ee = M.click) == null || Ee.call(M);
+          (Re = T.click) == null || Re.call(T);
           return;
         }
         if (u.type === "fill_form" || u.type === "focus_field") {
-          if (!se("fill_forms")) {
-            de(u.type, "fill_forms");
+          if (!pe("fill_forms")) {
+            he(u.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
@@ -2146,16 +2173,16 @@ function Cr(e) {
             console.warn(`[LiveLayer] ${u.type}: missing formId.`);
             return;
           }
-          const M = document.querySelector(
+          const T = document.querySelector(
             `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
           );
-          if (!M) {
+          if (!T) {
             console.warn(
               `[LiveLayer] ${u.type}: no form with data-ll-form="${x}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
             );
             return;
           }
-          if (M.closest('[data-ll-private="true"], .ll-widget')) {
+          if (T.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               `[LiveLayer] ${u.type}: refusing to touch a form in a private subtree.`
             );
@@ -2167,14 +2194,14 @@ function Cr(e) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
             }
-            const F = M.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
+            const F = T.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
             if (!F) {
               console.warn(
                 `[LiveLayer] focus_field: no field "${$}" in form "${x}".`
               );
               return;
             }
-            if (!tt(F)) {
+            if (!it(F)) {
               console.warn(
                 `[LiveLayer] focus_field: field "${$}" is privacy-protected and not focusable.`
               );
@@ -2183,21 +2210,21 @@ function Cr(e) {
             F.focus();
             return;
           }
-          const q = u.values && typeof u.values == "object" ? u.values : null;
-          if (!q) {
+          const B = u.values && typeof u.values == "object" ? u.values : null;
+          if (!B) {
             console.warn("[LiveLayer] fill_form: missing or invalid values.");
             return;
           }
-          for (const [$, F] of Object.entries(q)) {
+          for (const [$, F] of Object.entries(B)) {
             if (typeof F != "string") continue;
-            const j = M.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
+            const j = T.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
             if (!j) {
               console.warn(
                 `[LiveLayer] fill_form: no field "${$}" in form "${x}". Skipping.`
               );
               continue;
             }
-            if (!tt(j)) {
+            if (!it(j)) {
               console.warn(
                 `[LiveLayer] fill_form: field "${$}" is privacy-protected (password / cc-* / private). Skipping.`
               );
@@ -2215,8 +2242,8 @@ function Cr(e) {
           return;
         }
         if (u.type === "submit_form") {
-          if (!se("submit_forms")) {
-            de("submit_form", "submit_forms");
+          if (!pe("submit_forms")) {
+            he("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
@@ -2225,27 +2252,27 @@ function Cr(e) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
           }
-          const M = document.querySelector(
+          const T = document.querySelector(
             `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
           );
-          if (!M) {
+          if (!T) {
             console.warn(
               `[LiveLayer] submit_form: no form with data-ll-form="${x}".`
             );
             return;
           }
-          if (M.closest('[data-ll-private="true"], .ll-widget')) {
+          if (T.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
             );
             return;
           }
-          const q = typeof u.requestId == "string" ? u.requestId : void 0, $ = (Ke = oe.current) == null ? void 0 : Ke.call(oe), F = (J) => {
-            const Q = $, Ne = Q == null ? void 0 : Q.localParticipant;
-            if (Ne != null && Ne.publishData)
+          const B = typeof u.requestId == "string" ? u.requestId : void 0, $ = (et = le.current) == null ? void 0 : et.call(le), F = (J) => {
+            const Q = $, Ie = Q == null ? void 0 : Q.localParticipant;
+            if (Ie != null && Ie.publishData)
               try {
-                const cn = q ? { ...J, requestId: q } : J, sn = new TextEncoder().encode(JSON.stringify(cn));
-                Ne.publishData(sn, { reliable: !0 });
+                const sn = B ? { ...J, requestId: B } : J, cn = new TextEncoder().encode(JSON.stringify(sn));
+                Ie.publishData(cn, { reliable: !0 });
               } catch {
               }
           };
@@ -2253,11 +2280,11 @@ function Cr(e) {
           const P = () => {
             j = !0, F({ type: "form_submitted", formId: x });
           };
-          M.addEventListener("submit", P, { once: !0 });
+          T.addEventListener("submit", P, { once: !0 });
           try {
-            typeof M.requestSubmit == "function" ? M.requestSubmit() : M.submit();
+            typeof T.requestSubmit == "function" ? T.requestSubmit() : T.submit();
           } catch (J) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", J), M.removeEventListener("submit", P), F({
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", J), T.removeEventListener("submit", P), F({
               type: "form_submit_blocked",
               formId: x,
               reason: "exception"
@@ -2265,7 +2292,7 @@ function Cr(e) {
             return;
           }
           setTimeout(() => {
-            j || (M.removeEventListener("submit", P), F({
+            j || (T.removeEventListener("submit", P), F({
               type: "form_submit_blocked",
               formId: x,
               reason: "validation"
@@ -2274,11 +2301,11 @@ function Cr(e) {
           return;
         }
         if (u.type === "request_routes") {
-          if (!se("read_page")) {
-            de("request_routes", "read_page");
+          if (!pe("read_page")) {
+            he("request_routes", "read_page");
             return;
           }
-          const x = typeof u.requestId == "string" ? u.requestId : void 0, q = (Et = oe.current) == null ? void 0 : Et.call(oe), $ = q == null ? void 0 : q.localParticipant;
+          const x = typeof u.requestId == "string" ? u.requestId : void 0, B = (Rt = le.current) == null ? void 0 : Rt.call(le), $ = B == null ? void 0 : B.localParticipant;
           if (!($ != null && $.publishData)) return;
           const F = (P) => {
             try {
@@ -2287,7 +2314,7 @@ function Cr(e) {
             } catch (J) {
               console.warn("[LiveLayer] request_routes: publishData failed.", J);
             }
-          }, j = gt.current;
+          }, j = bt.current;
           if (j) {
             try {
               const P = j(), J = (Q) => {
@@ -2301,69 +2328,69 @@ function Cr(e) {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
                   Q
-                ), F(st());
+                ), F(ft());
               }) : J(P);
             } catch (P) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
                 P
-              ), F(st());
+              ), F(ft());
             }
             return;
           }
           try {
-            F(st());
+            F(ft());
           } catch (P) {
             console.warn("[LiveLayer] request_routes: extractRoutes threw.", P);
           }
           return;
         }
-        Sr.has(u.type) || ke == null || ke(u);
+        Sr.has(u.type) || Se == null || Se(u);
       }
     },
-    [ke, xe]
+    [Se, Le]
   ), U = gn({
-    agentId: V ? "__controlled__" : Me,
+    agentId: V ? "__controlled__" : Ee,
     baseUrl: o,
     apiKey: r,
     sessionEndpoint: i,
     sessionBody: l,
-    onDataMessage: V ? void 0 : De
+    onDataMessage: V ? void 0 : Be
   });
-  T(() => {
+  R(() => {
     if (V != null && V.subscribeToDataMessages)
-      return V.subscribeToDataMessages(De);
-  }, [V, De]), oe.current = () => {
-    var h;
-    return (h = U.getRoom) == null ? void 0 : h.call(U);
-  }, T(() => {
+      return V.subscribeToDataMessages(Be);
+  }, [V, Be]), le.current = () => {
+    var m;
+    return (m = U.getRoom) == null ? void 0 : m.call(U);
+  }, R(() => {
     var G;
-    if (!fe) return;
-    const h = (G = U.getRoom) == null ? void 0 : G.call(U), u = h == null ? void 0 : h.localParticipant;
+    if (!se) return;
+    const m = (G = U.getRoom) == null ? void 0 : G.call(U), u = m == null ? void 0 : m.localParticipant;
     if (u != null && u.publishData)
       try {
-        const Ee = new TextEncoder().encode(
-          JSON.stringify({ type: "pathname", pathname: fe })
+        const Re = new TextEncoder().encode(
+          JSON.stringify({ type: "pathname", pathname: se })
         );
-        u.publishData(Ee, { reliable: !0 });
+        u.publishData(Re, { reliable: !0 });
       } catch {
       }
-  }, [fe, U, U.connectionState]), T(() => {
+  }, [se, U, U.connectionState]), R(() => {
     var G;
     if (typeof window > "u") return;
-    const h = ((G = window.location) == null ? void 0 : G.hostname) || "";
-    if (h === "localhost" || h === "127.0.0.1" || h === "0.0.0.0" || h.endsWith(".local") || h.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (Ee) => {
+    const m = ((G = window.location) == null ? void 0 : G.hostname) || "";
+    if (m === "localhost" || m === "127.0.0.1" || m === "0.0.0.0" || m.endsWith(".local") || m.endsWith(".test"))
+      return window.__livelayerSimulateCommand = (Re) => {
         try {
-          De(Ee);
-        } catch (Ke) {
-          console.warn("[LiveLayer] simulate-command threw:", Ke);
+          Be(Re);
+        } catch (et) {
+          console.warn("[LiveLayer] simulate-command threw:", et);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
-  }, [De]);
-  const _ = Ze(() => V ? {
+  }, [Be]);
+  const w = rt(() => V ? {
     connectionState: V.connectionState,
     agentState: V.agentState,
     transcript: V.transcript,
@@ -2394,191 +2421,192 @@ function Cr(e) {
     disconnect: U.disconnect,
     getRoom: U.getRoom,
     isControlled: !1
-  }, [V, U]), yt = E(null);
-  T(() => {
-    const h = _.videoElement, u = yt.current;
-    if (!(!h || !u))
-      return u.appendChild(h), () => {
-        h.parentNode === u && u.removeChild(h);
+  }, [V, U]), wt = E(null);
+  R(() => {
+    const m = w.videoElement, u = wt.current;
+    if (!(!m || !u))
+      return u.appendChild(m), () => {
+        m.parentNode === u && u.removeChild(m);
       };
-  }, [_.videoElement]), T(() => {
-    const h = _.audioElement;
-    if (!h) return;
-    ce.attach(h);
-    const u = h.play();
+  }, [w.videoElement]), R(() => {
+    const m = w.audioElement;
+    if (!m) return;
+    $e.attach(m);
+    const u = m.play();
     return u && typeof u.catch == "function" && u.catch((G) => {
-      (G == null ? void 0 : G.name) === "NotAllowedError" && Pe(!0);
+      (G == null ? void 0 : G.name) === "NotAllowedError" && ue(!0);
     }), () => {
-      ce.detach();
+      $e.detach();
     };
-  }, [_.audioElement]), T(() => {
-    if (_.isControlled || _.connectionState !== "connected") return;
-    const h = _.getRoom();
-    if (h)
-      return Z.setupMic(h).catch(() => {
-      }), re.attachRoom(h), he.attachRoom(h), Te.refresh(), () => {
-        Z.teardownMic(), re.teardown(), he.teardown();
+  }, [w.audioElement]), R(() => {
+    if (w.isControlled || w.connectionState !== "connected") return;
+    const m = w.getRoom();
+    if (m)
+      return ne.setupMic(m).catch(() => {
+      }), oe.attachRoom(m), ie.attachRoom(m), de.refresh(), () => {
+        ne.teardownMic(), oe.teardown(), ie.teardown();
       };
-  }, [_.isControlled, _.connectionState]), T(() => {
-    const h = _.audioElement;
-    h && (h.muted = nt);
-  }, [_.audioElement, nt]);
-  const Kt = k((h) => {
-    const u = _.getRoom();
+  }, [w.isControlled, w.connectionState]), R(() => {
+    const m = w.audioElement;
+    m && (m.muted = Ae);
+  }, [w.audioElement, Ae]);
+  const Kt = k((m) => {
+    const u = w.getRoom();
     if (u)
       try {
         const G = new TextEncoder().encode(
-          JSON.stringify({ type: "user_message", text: h })
+          JSON.stringify({ type: "user_message", text: m })
         );
         u.localParticipant.publishData(G, { reliable: !0 });
       } catch {
       }
-  }, [_]), Xt = k(() => {
-    Jt((h) => !h);
+  }, [w]), Xt = k(() => {
+    p((m) => !m);
   }, []);
-  T(() => {
-    _e == null || _e(_.connectionState), _.connectionState === "connected" ? ye == null || ye() : _.connectionState === "disconnected" && (ve == null || ve());
-  }, [_.connectionState, ye, ve, _e]), T(() => {
-    be == null || be(_.transcript);
-  }, [_.transcript, be]), T(() => {
-    we == null || we(_.agentState);
-  }, [_.agentState, we]);
-  const vt = E(!1);
-  T(() => {
-    _.isControlled || !s || vt.current || ae && _.connectionState === "idle" && (vt.current = !0, _.connect());
-  }, [s, _.connectionState, _, ae]);
+  R(() => {
+    ke == null || ke(w.connectionState), w.connectionState === "connected" ? ge == null || ge() : w.connectionState === "disconnected" && (we == null || we());
+  }, [w.connectionState, ge, we, ke]), R(() => {
+    _e == null || _e(w.transcript);
+  }, [w.transcript, _e]), R(() => {
+    xe == null || xe(w.agentState);
+  }, [w.agentState, xe]);
+  const _t = E(!1);
+  R(() => {
+    w.isControlled || !c || _t.current || De && w.connectionState === "idle" && (_t.current = !0, w.connect());
+  }, [c, w.connectionState, w, De]);
   const Qt = k(
-    (h) => {
-      const u = C == null ? void 0 : C.find((G) => G.id === h);
-      u && (Ge(!1), h !== pe && (y(!0), _.disconnect(), ie || Se(h), v == null || v(u)));
+    (m) => {
+      const u = C == null ? void 0 : C.find((G) => G.id === m);
+      u && (Oe(!1), m !== Z && (ze(!0), w.disconnect(), ce || Ce(m), v == null || v(u)));
     },
     [
       C,
-      pe,
-      _,
-      ie,
+      Z,
+      w,
+      ce,
       v
     ]
   );
-  T(() => {
-    Ce && _.connectionState === "connected" && y(!1);
-  }, [_.connectionState, Ce]), T(() => {
-    if (!X) return;
-    const h = (u) => {
-      u.key === "Escape" && Ge(!1);
+  R(() => {
+    fe && w.connectionState === "connected" && ze(!1);
+  }, [w.connectionState, fe]), R(() => {
+    if (!He) return;
+    const m = (u) => {
+      u.key === "Escape" && Oe(!1);
     };
-    return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
-  }, [X]);
-  const Zt = !!I || !!(K != null && K.avatarImageUrl) || _.isControlled, $e = kn(Me, o, Zt);
-  ge === void 0 && ((wt = $e.info) != null && wt.capabilities) && (at.current = $e.info.capabilities);
-  const Je = (K == null ? void 0 : K.name) ?? H ?? ((_t = _.agentConfig) == null ? void 0 : _t.name) ?? ((xt = $e.info) == null ? void 0 : xt.name) ?? "Live Layer", ct = (K == null ? void 0 : K.avatarImageUrl) ?? I ?? ((kt = _.agentConfig) == null ? void 0 : kt.avatarImageUrl) ?? ((Lt = $e.info) == null ? void 0 : Lt.avatarImageUrl) ?? null, en = b ?? ((St = _.agentConfig) == null ? void 0 : St.idleLoopUrl) ?? ((Ct = $e.info) == null ? void 0 : Ct.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ee("expanded"), [ee]), rn = k(
-    () => ee("minimized"),
-    [ee]
-  ), bt = k(() => {
-    _.disconnect(), ee("hidden");
-  }, [_, ee]), on = k(() => {
-    const h = _.audioElement;
-    h && h.play().then(() => Pe(!1)).catch(() => {
+    return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
+  }, [He]);
+  const Zt = !!M || !!(X != null && X.avatarImageUrl) || w.isControlled, qe = kn(Ee, o, Zt);
+  ee === void 0 && ((kt = qe.info) != null && kt.capabilities) && (dt.current = qe.info.capabilities);
+  const Ze = (X == null ? void 0 : X.name) ?? H ?? ((Lt = w.agentConfig) == null ? void 0 : Lt.name) ?? ((St = qe.info) == null ? void 0 : St.name) ?? "Live Layer", ut = (X == null ? void 0 : X.avatarImageUrl) ?? M ?? ((Ct = w.agentConfig) == null ? void 0 : Ct.avatarImageUrl) ?? ((Et = qe.info) == null ? void 0 : Et.avatarImageUrl) ?? null, en = b ?? ((Nt = w.agentConfig) == null ? void 0 : Nt.idleLoopUrl) ?? ((At = qe.info) == null ? void 0 : At.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ae("expanded"), [ae]), rn = k(
+    () => ae("minimized"),
+    [ae]
+  ), xt = k(() => {
+    w.disconnect(), ae("hidden");
+  }, [w, ae]), on = k(() => {
+    const m = w.audioElement;
+    m && m.play().then(() => ue(!1)).catch(() => {
     });
-  }, [_.audioElement]), ln = k(() => {
-    Pe(!1), _.connect();
-  }, [_]), ze = {
-    ...je,
-    zIndex: Ve
+  }, [w.audioElement]), ln = k(() => {
+    ue(!1), w.connect();
+  }, [w]), We = {
+    ...Je,
+    zIndex: Ke
   };
-  p.primaryColor && (ze["--ll-color-primary"] = p.primaryColor), p.accentColor && (ze["--ll-color-accent"] = p.accentColor), p.backgroundColor && (ze["--ll-color-bg"] = p.backgroundColor), p.textColor && (ze["--ll-color-fg"] = p.textColor);
+  h.primaryColor && (We["--ll-color-primary"] = h.primaryColor), h.accentColor && (We["--ll-color-accent"] = h.accentColor), h.backgroundColor && (We["--ll-color-bg"] = h.backgroundColor), h.textColor && (We["--ll-color-fg"] = h.textColor);
   const an = [
     "ll-widget",
-    `ll-widget--${ne}`,
-    `ll-widget--${le ? "mobile" : "desktop"}`,
-    Ue
+    `ll-widget--${re}`,
+    `ll-widget--${ve ? "mobile" : "desktop"}`,
+    lt
   ].filter(Boolean).join(" ");
-  return ae ? /* @__PURE__ */ w(
+  return De ? /* @__PURE__ */ _(
     "div",
     {
       className: an,
-      style: ze,
-      "data-display-mode": ne,
-      "data-position": m,
+      style: We,
+      "data-display-mode": re,
+      "data-position": g,
       children: [
-        ne === "hidden" && /* @__PURE__ */ n(
+        re === "hidden" && /* @__PURE__ */ n(
           Vn,
           {
-            position: m,
-            isMobile: le,
-            isSpeaking: _.agentState === "speaking",
-            onExpand: () => ee("expanded"),
-            label: `Open ${Je} widget`,
-            avatarImageUrl: ct,
-            agentName: Je
+            position: g,
+            isMobile: ve,
+            isSpeaking: w.agentState === "speaking",
+            onExpand: () => ae("expanded"),
+            label: `Open ${Ze} widget`,
+            avatarImageUrl: ut,
+            agentName: Ze
           }
         ),
-        ne === "minimized" && /* @__PURE__ */ n(
+        re === "minimized" && /* @__PURE__ */ n(
           Gn,
           {
-            position: m,
-            isMobile: le,
-            agentName: Je,
-            avatarImageUrl: ct,
-            agentState: _.agentState,
-            isMuted: Z.isMuted,
-            audioLevel: ce,
+            position: g,
+            isMobile: ve,
+            agentName: Ze,
+            avatarImageUrl: ut,
+            agentState: w.agentState,
+            isMuted: ne.isMuted,
+            audioLevel: $e,
             onExpand: nn,
-            onToggleMute: Z.toggleMute,
-            onClose: bt
+            onToggleMute: ne.toggleMute,
+            onClose: xt
           }
         ),
-        ne === "expanded" && /* @__PURE__ */ n(
+        re === "expanded" && /* @__PURE__ */ n(
           Kn,
           {
-            position: m,
-            isMobile: le,
-            agentName: Je,
-            avatarImageUrl: ct,
+            position: g,
+            isMobile: ve,
+            agentName: Ze,
+            avatarImageUrl: ut,
             idleLoopUrl: en,
             greeting: tn,
-            branding: p,
+            branding: h,
             teamMembers: C,
-            currentTeamMemberId: pe,
-            isSwitchingTeamMember: Ce,
-            teamSwitcherOpen: X,
-            onToggleTeamSwitcher: () => Ge((h) => !h),
+            currentTeamMemberId: Z,
+            isSwitchingTeamMember: fe,
+            teamSwitcherOpen: He,
+            onToggleTeamSwitcher: () => Oe((m) => !m),
             onSelectTeamMember: Qt,
-            connectionState: _.connectionState,
-            agentState: _.agentState,
-            transcript: _.transcript,
-            isMuted: Z.isMuted,
-            micDevices: Te.mics,
-            isCameraEnabled: re.isEnabled,
-            cameraPreviewEl: re.previewEl,
-            cameraDevices: Te.cameras,
-            activeCameraId: re.activeDeviceId,
-            isScreenShareEnabled: he.isEnabled,
-            screenPreviewEl: he.previewEl,
-            isSpeakerMuted: nt,
+            connectionState: w.connectionState,
+            agentState: w.agentState,
+            transcript: w.transcript,
+            isMuted: ne.isMuted,
+            micDevices: de.mics,
+            isCameraEnabled: oe.isEnabled,
+            cameraPreviewEl: oe.previewEl,
+            cameraDevices: de.cameras,
+            activeCameraId: oe.activeDeviceId,
+            isScreenShareEnabled: ie.isEnabled,
+            screenPreviewEl: ie.previewEl,
+            isSpeakerMuted: Ae,
             allowCamera: N,
-            allowScreenShare: B,
+            allowScreenShare: q,
             allowTyping: D,
-            languageMenuOpen: Yt,
-            onToggleLanguageMenu: () => Gt((h) => !h),
-            needsUserGesture: Ye,
-            canResume: _.canResume,
-            micError: Z.micError,
-            error: _.error,
-            avatarVideoContainerRef: yt,
-            onConnect: () => void _.connect(),
-            onDisconnect: () => _.disconnect(),
+            languageMenuOpen: Xe,
+            onToggleLanguageMenu: () => at((m) => !m),
+            needsUserGesture: Ne,
+            canResume: w.canResume,
+            micError: ne.micError,
+            error: w.error,
+            avatarVideoContainerRef: wt,
+            agentVideoEl: w.videoElement,
+            onConnect: () => void w.connect(),
+            onDisconnect: () => w.disconnect(),
             onRetry: ln,
             onResumeAudio: on,
-            onToggleMute: Z.toggleMute,
-            onToggleCamera: () => void re.toggle(),
-            onSwitchCameraDevice: (h) => void re.switchDevice(h),
-            onToggleScreenShare: () => void he.toggle(),
+            onToggleMute: ne.toggleMute,
+            onToggleCamera: () => void oe.toggle(),
+            onSwitchCameraDevice: (m) => void oe.switchDevice(m),
+            onToggleScreenShare: () => void ie.toggle(),
             onToggleSpeaker: Xt,
             onSendMessage: Kt,
             onMinimize: rn,
-            onClose: bt,
-            onClearMicError: Z.clearError
+            onClose: xt,
+            onClearMicError: ne.clearError
           }
         )
       ]
@@ -2595,27 +2623,27 @@ const Dr = ({
   mode: o,
   onAgentEvent: i,
   className: l,
-  style: s
+  style: c
 }) => {
-  const d = E(null), f = E(null), g = E(i);
-  g.current = i;
-  const m = k((a) => {
-    var R;
-    const c = a.detail;
-    (R = g.current) == null || R.call(g, c);
+  const d = E(null), f = E(null), y = E(i);
+  y.current = i;
+  const g = k((a) => {
+    var I;
+    const s = a.detail;
+    (I = y.current) == null || I.call(y, s);
   }, []);
-  return T(() => {
+  return R(() => {
     const a = d.current;
     if (!a) return;
-    const c = document.createElement("livelayer-widget");
-    return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), o && c.setAttribute("mode", o), c.addEventListener("agent-event", m), a.appendChild(c), f.current = c, () => {
-      c.removeEventListener("agent-event", m), a.removeChild(c), f.current = null;
+    const s = document.createElement("livelayer-widget");
+    return s.setAttribute("agent-id", e), t && s.setAttribute("base-url", t), r && s.setAttribute("api-key", r), o && s.setAttribute("mode", o), s.addEventListener("agent-event", g), a.appendChild(s), f.current = s, () => {
+      s.removeEventListener("agent-event", g), a.removeChild(s), f.current = null;
     };
-  }, [e]), T(() => {
+  }, [e]), R(() => {
     f.current && (o ? f.current.setAttribute("mode", o) : f.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
-}, $r = ft(
-  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: s }, d) {
+  }, [o]), /* @__PURE__ */ n("div", { ref: d, className: l, style: c });
+}, $r = mt(
+  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: c }, d) {
     return un(
       o,
       {
@@ -2625,10 +2653,10 @@ const Dr = ({
         className: i,
         style: l
       },
-      s
+      c
     );
   }
-), zr = ft(
+), zr = mt(
   function({ id: t, intent: r, children: o, ...i }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -2641,106 +2669,106 @@ const Dr = ({
       }
     );
   }
-), Hr = ft(
+), Hr = mt(
   function(t, r) {
-    const { name: o, label: i, labelClassName: l } = t, s = { name: o, "data-ll-field": o };
+    const { name: o, label: i, labelClassName: l } = t, c = { name: o, "data-ll-field": o };
     let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: f, label: g, labelClassName: m, as: a, ...c } = t;
+      const { name: f, label: y, labelClassName: g, as: a, ...s } = t;
       d = /* @__PURE__ */ n(
         "textarea",
         {
           ref: r,
-          ...s,
-          ...c
+          ...c,
+          ...s
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: f, label: g, labelClassName: m, as: a, children: c, ...R } = t;
+      const { name: f, label: y, labelClassName: g, as: a, children: s, ...I } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
-          ...s,
-          ...R,
-          children: c
+          ...c,
+          ...I,
+          children: s
         }
       );
     } else {
-      const { name: f, label: g, labelClassName: m, as: a, ...c } = t;
+      const { name: f, label: y, labelClassName: g, as: a, ...s } = t;
       d = /* @__PURE__ */ n(
         "input",
         {
           ref: r,
-          ...s,
-          ...c
+          ...c,
+          ...s
         }
       );
     }
-    return i === void 0 ? d : /* @__PURE__ */ w("label", { className: l, children: [
+    return i === void 0 ? d : /* @__PURE__ */ _("label", { className: l, children: [
       i,
       d
     ] });
   }
 );
-let Ut = 1;
+let Yt = 1;
 function Or({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = S(t), [l, s] = S([]), [d, f] = S(""), [g, m] = S(!1), a = E(/* @__PURE__ */ new Set()), c = E([]), R = E(g);
-  R.current = g, T(() => {
+  const [o, i] = L(t), [l, c] = L([]), [d, f] = L(""), [y, g] = L(!1), a = E(/* @__PURE__ */ new Set()), s = E([]), I = E(y);
+  I.current = y, R(() => {
     try {
       const v = localStorage.getItem(r);
       v === "1" && i(!0), v === "0" && i(!1);
     } catch {
     }
-  }, [r]), T(() => {
+  }, [r]), R(() => {
     try {
       localStorage.setItem(r, o ? "1" : "0");
     } catch {
     }
-  }, [o, r]), T(() => {
+  }, [o, r]), R(() => {
     const v = (b) => {
       (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), i((z) => !z));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, []), T(() => {
+  }, []), R(() => {
     const v = setInterval(() => {
-      if (c.current.length === 0 || R.current) return;
-      const b = c.current.splice(0, c.current.length);
-      s(
+      if (s.current.length === 0 || I.current) return;
+      const b = s.current.splice(0, s.current.length);
+      c(
         (z) => [...b.reverse(), ...z].slice(0, 200)
       );
     }, 100);
     return () => clearInterval(v);
   }, []);
   const C = E(!1);
-  if (T(() => {
+  if (R(() => {
     !e || C.current || (C.current = !0, e((v) => {
-      c.current.push({
-        id: Ut++,
+      s.current.push({
+        id: Yt++,
         ts: Date.now(),
         kind: "event",
         type: v.eventName,
         data: v.data
       });
     }));
-  }, [e]), T(() => {
-    const v = console.warn, b = console.log, z = (I, H) => function(...p) {
+  }, [e]), R(() => {
+    const v = console.warn, b = console.log, z = (M, H) => function(...h) {
       try {
-        const N = typeof p[0] == "string" ? p[0] : "";
-        N.startsWith("[LiveLayer]") && c.current.push({
-          id: Ut++,
+        const N = typeof h[0] == "string" ? h[0] : "";
+        N.startsWith("[LiveLayer]") && s.current.push({
+          id: Yt++,
           ts: Date.now(),
-          kind: I,
+          kind: M,
           type: N.slice(0, 120),
-          data: { args: p.slice(1).map((B) => Nr(B)) }
+          data: { args: h.slice(1).map((q) => Nr(q)) }
         });
       } catch {
       }
-      return H.apply(this, p);
+      return H.apply(this, h);
     };
     return console.warn = z("warn", v), console.log = z("log", b), () => {
       console.warn = v, console.log = b;
@@ -2772,12 +2800,12 @@ function Or({
         children: "🛰 LL debug"
       }
     );
-  const L = l.filter((v) => {
+  const S = l.filter((v) => {
     if (!d) return !0;
     const b = d.toLowerCase();
     return v.type.toLowerCase().includes(b) || JSON.stringify(v.data || {}).toLowerCase().includes(b);
   });
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ _(
     "div",
     {
       style: {
@@ -2799,7 +2827,7 @@ function Or({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ _(
           "div",
           {
             style: {
@@ -2812,7 +2840,7 @@ function Or({
             },
             children: [
               /* @__PURE__ */ n("span", { style: { fontWeight: 600, fontSize: 12 }, children: "LiveLayer debug" }),
-              /* @__PURE__ */ w("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
+              /* @__PURE__ */ _("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
                 l.length,
                 " event",
                 l.length === 1 ? "" : "s"
@@ -2822,10 +2850,10 @@ function Or({
                 "button",
                 {
                   type: "button",
-                  onClick: () => m((v) => !v),
-                  style: dt(g ? "#f59e0b" : "transparent"),
+                  onClick: () => g((v) => !v),
+                  style: pt(y ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
-                  children: g ? "▶ resume" : "⏸ pause"
+                  children: y ? "▶ resume" : "⏸ pause"
                 }
               ),
               /* @__PURE__ */ n(
@@ -2833,9 +2861,9 @@ function Or({
                 {
                   type: "button",
                   onClick: () => {
-                    s([]), c.current = [];
+                    c([]), s.current = [];
                   },
-                  style: dt("transparent"),
+                  style: pt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -2845,7 +2873,7 @@ function Or({
                 {
                   type: "button",
                   onClick: () => i(!1),
-                  style: dt("transparent"),
+                  style: pt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -2881,7 +2909,7 @@ function Or({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: L.length === 0 ? /* @__PURE__ */ w(
+            children: S.length === 0 ? /* @__PURE__ */ _(
               "div",
               {
                 style: {
@@ -2911,13 +2939,13 @@ function Or({
                   )
                 ]
               }
-            ) : L.map((v) => /* @__PURE__ */ n(
+            ) : S.map((v) => /* @__PURE__ */ n(
               Er,
               {
                 entry: v,
                 expanded: a.current.has(v.id),
                 onToggle: () => {
-                  a.current.has(v.id) ? a.current.delete(v.id) : a.current.add(v.id), s((b) => [...b]);
+                  a.current.has(v.id) ? a.current.delete(v.id) : a.current.add(v.id), c((b) => [...b]);
                 }
               },
               v.id
@@ -2936,7 +2964,7 @@ function Er({
   const o = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", i = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ _(
     "button",
     {
       type: "button",
@@ -2954,7 +2982,7 @@ function Er({
         lineHeight: 1.4
       },
       children: [
-        /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ _("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ n(
             "span",
             {
@@ -2998,7 +3026,7 @@ function Er({
     }
   );
 }
-function dt(e) {
+function pt(e) {
   return {
     background: e,
     color: "#fff",
@@ -3016,13 +3044,13 @@ function Nr(e) {
     return String(e);
   }
 }
-function qr() {
-  const [e, t] = S([]), r = k((i) => {
+function Br() {
+  const [e, t] = L([]), r = k((i) => {
     t((l) => {
-      const s = l.findIndex((d) => d.id === i.id);
-      if (s >= 0) {
+      const c = l.findIndex((d) => d.id === i.id);
+      if (c >= 0) {
         const d = l.slice();
-        return d[s] = i, d;
+        return d[c] = i, d;
       }
       return [...l, i];
     });
@@ -3046,8 +3074,8 @@ export {
   yr as clearRoutesCache,
   dr as extractPageContext,
   mr as extractRoutes,
-  Wt as getCachedPageContext,
-  st as getCachedRoutes,
+  jt as getCachedPageContext,
+  ft as getCachedRoutes,
   Hn as matchesPattern,
   pr as normalizeRouteInput,
   On as shouldRenderAtPath,
@@ -3061,7 +3089,7 @@ export {
   xn as useMediaDevices,
   vn as useMicrophoneState,
   Tn as usePathname,
-  qn as useRouteMatch,
+  Bn as useRouteMatch,
   _n as useScreenShareState,
-  qr as useTranscript
+  Br as useTranscript
 };