@livelayer/react 0.5.16 → 0.5.18

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as _, jsx as n, Fragment as yt } from "react/jsx-runtime";
-import { Component as pn, useState as S, useRef as N, useEffect as A, useCallback as L, useMemo as ot, forwardRef as vt, createElement as hn } from "react";
-import { LiveKitSession as mn } from "@livelayer/sdk";
-import { createLocalAudioTrack as gn, Track as Xt, createLocalVideoTrack as yn } from "livekit-client";
-class vn extends pn {
+import { jsxs as _, jsx as n, Fragment as wt } from "react/jsx-runtime";
+import { Component as mn, useState as L, useRef as A, useEffect as N, useCallback as k, useMemo as st, forwardRef as _t, createElement as gn } from "react";
+import { LiveKitSession as yn } from "@livelayer/sdk";
+import { createLocalAudioTrack as vn, Track as en, createLocalVideoTrack as bn } from "livekit-client";
+class wn extends mn {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -33,26 +33,26 @@ class vn extends pn {
     ] }) : this.props.children;
   }
 }
-function bn(e) {
-  const [t, r] = S("idle"), [i, o] = S("idle"), [l, c] = S([]), [d, f] = S(null), [g, b] = S(null), [s, a] = S(null), [k, E] = S(!1), [C, v] = S(null), w = N(null), z = N(e.onDataMessage);
-  z.current = e.onDataMessage, A(() => {
+function _n(e) {
+  const [t, r] = L("idle"), [i, o] = L("idle"), [l, c] = L([]), [u, f] = L(null), [y, b] = L(null), [s, a] = L(null), [x, E] = L(!1), [C, v] = L(null), w = A(null), O = A(e.onDataMessage);
+  O.current = e.onDataMessage, N(() => {
     const R = {
-      onConnectionStateChange: (D) => {
-        r(D), D === "connected" && v(null);
+      onConnectionStateChange: (z) => {
+        r(z), z === "connected" && v(null);
       },
       onAgentStateChange: o,
-      onTranscript: (D) => c([...D]),
+      onTranscript: (z) => c([...z]),
       onAgentConfig: f,
-      onAudioTrack: (D) => a(D),
-      onVideoTrack: (D) => b(D),
+      onAudioTrack: (z) => a(z),
+      onVideoTrack: (z) => b(z),
       onVideoTrackRemoved: () => b(null),
-      onError: (D) => v(D),
-      onDataMessage: (D) => {
+      onError: (z) => v(z),
+      onDataMessage: (z) => {
         var M;
-        (M = z.current) == null || M.call(z, D);
+        (M = O.current) == null || M.call(O, z);
       },
       onResumabilityChange: E
-    }, q = new mn(
+    }, W = new yn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -62,9 +62,9 @@ function bn(e) {
       },
       R
     );
-    return w.current = q, r("idle"), o("idle"), c([]), f(null), b(null), a(null), E(!1), v(null), () => {
-      var D;
-      (D = q.destroy) == null || D.call(q), w.current = null;
+    return w.current = W, r("idle"), o("idle"), c([]), f(null), b(null), a(null), E(!1), v(null), () => {
+      var z;
+      (z = W.destroy) == null || z.call(W), w.current = null;
     };
   }, [
     e.agentId,
@@ -73,18 +73,18 @@ function bn(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const I = L(async () => {
+  const I = k(async () => {
     const R = w.current;
     if (R)
       try {
         await R.connect();
-      } catch (q) {
-        throw v(q instanceof Error ? q.message : String(q)), q;
+      } catch (W) {
+        throw v(W instanceof Error ? W.message : String(W)), W;
       }
-  }, []), H = L(() => {
+  }, []), q = k(() => {
     const R = w.current;
     R && R.disconnect();
-  }, []), h = L(() => {
+  }, []), m = k(() => {
     var R;
     return ((R = w.current) == null ? void 0 : R.getRoom()) ?? null;
   }, []);
@@ -92,19 +92,19 @@ function bn(e) {
     connectionState: t,
     agentState: i,
     transcript: l,
-    agentConfig: d,
-    videoElement: g,
+    agentConfig: u,
+    videoElement: y,
     audioElement: s,
-    canResume: k,
+    canResume: x,
     error: C,
     connect: I,
-    disconnect: H,
-    getRoom: h,
+    disconnect: q,
+    getRoom: m,
     session: w.current
   };
 }
-function wn() {
-  const e = N(null), t = N(null), r = N(null), i = N(null), o = N(/* @__PURE__ */ new Set()), l = N(null), c = L(() => {
+function xn() {
+  const e = A(null), t = A(null), r = A(null), i = A(null), o = A(/* @__PURE__ */ new Set()), l = A(null), c = k(() => {
     const s = t.current;
     if (!s) {
       i.current = null;
@@ -115,9 +115,9 @@ function wn() {
     ));
     const a = l.current;
     s.getByteFrequencyData(a);
-    let k = 0;
-    for (let C = 0; C < a.length; C++) k += a[C];
-    const E = k / a.length / 255;
+    let x = 0;
+    for (let C = 0; C < a.length; C++) x += a[C];
+    const E = x / a.length / 255;
     for (const C of o.current)
       try {
         C(E);
@@ -125,13 +125,13 @@ function wn() {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
     i.current = requestAnimationFrame(c);
-  }, []), d = L(() => {
+  }, []), u = k(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
     const s = new AudioContext(), a = s.createAnalyser();
     a.fftSize = 64, a.connect(s.destination), e.current = s, t.current = a;
-  }, []), f = L(
+  }, []), f = k(
     (s) => {
-      if (d(), !(!e.current || !t.current)) {
+      if (u(), !(!e.current || !t.current)) {
         if (r.current) {
           try {
             r.current.disconnect();
@@ -149,8 +149,8 @@ function wn() {
         i.current === null && (i.current = requestAnimationFrame(c));
       }
     },
-    [d, c]
-  ), g = L(() => {
+    [u, c]
+  ), y = k(() => {
     if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -158,11 +158,11 @@ function wn() {
       }
       r.current = null;
     }
-  }, []), b = L((s) => (o.current.add(s), () => {
+  }, []), b = k((s) => (o.current.add(s), () => {
     o.current.delete(s);
   }), []);
-  return A(() => () => {
-    if (g(), t.current) {
+  return N(() => () => {
+    if (y(), t.current) {
       try {
         t.current.disconnect();
       } catch {
@@ -177,10 +177,10 @@ function wn() {
       e.current = null;
     }
     o.current.clear(), l.current = null;
-  }, [g]), { attach: f, detach: g, subscribe: b };
+  }, [y]), { attach: f, detach: y, subscribe: b };
 }
-function _n() {
-  const [e, t] = S(!1), [r, i] = S(null), o = N(null), l = N(null), c = L(
+function kn() {
+  const [e, t] = L(!1), [r, i] = L(null), o = A(null), l = A(null), c = k(
     async (s, a) => {
       if (o.current && l.current) {
         try {
@@ -191,24 +191,24 @@ function _n() {
       }
       l.current = s, i(null);
       try {
-        const k = await gn({
+        const x = await vn({
           echoCancellation: !0,
           noiseSuppression: !0
         });
-        a != null && a.startMuted && await k.mute(), await s.localParticipant.publishTrack(k), o.current = k, t(k.isMuted);
-      } catch (k) {
-        const E = k instanceof Error && k.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-        throw i(E), k;
+        a != null && a.startMuted && await x.mute(), await s.localParticipant.publishTrack(x), o.current = x, t(x.isMuted);
+      } catch (x) {
+        const E = x instanceof Error && x.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+        throw i(E), x;
       }
     },
     []
-  ), d = L(() => {
+  ), u = k(() => {
     const s = o.current;
     s && (s.isMuted ? (s.unmute(), t(!1)) : (s.mute(), t(!0)));
-  }, []), f = L((s) => {
+  }, []), f = k((s) => {
     const a = o.current;
     a && (s && !a.isMuted ? (a.mute(), t(!0)) : !s && a.isMuted && (a.unmute(), t(!1)));
-  }, []), g = L(() => {
+  }, []), y = k(() => {
     const s = o.current, a = l.current;
     if (s && a) {
       try {
@@ -218,25 +218,25 @@ function _n() {
       s.stop();
     }
     o.current = null, l.current = null, t(!1);
-  }, []), b = L(() => i(null), []);
+  }, []), b = k(() => i(null), []);
   return {
     isMuted: e,
     micError: r,
-    toggleMute: d,
+    toggleMute: u,
     setMuted: f,
     setupMic: c,
-    teardownMic: g,
+    teardownMic: y,
     clearError: b
   };
 }
-const xn = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function kn() {
-  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), [c, d] = S(""), f = N(null), g = N(null), b = L((w) => {
+const Ln = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function Sn() {
+  const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), [c, u] = L(""), f = A(null), y = A(null), b = k((w) => {
     f.current = w;
-  }, []), s = L(() => {
-    const w = f.current, z = g.current;
-    if (z && w) {
-      const I = w.localParticipant.getTrackPublication(Xt.Source.Camera);
+  }, []), s = k(() => {
+    const w = f.current, O = y.current;
+    if (O && w) {
+      const I = w.localParticipant.getTrackPublication(en.Source.Camera);
       if (I != null && I.track) {
         try {
           w.localParticipant.unpublishTrack(I.track);
@@ -244,57 +244,57 @@ function kn() {
         }
         I.track.stop();
       } else
-        z.stop();
+        O.stop();
     }
-    g.current = null, l(null), t(!1);
-  }, []), a = L(async (w) => {
-    const z = f.current;
-    if (z) {
+    y.current = null, l(null), t(!1);
+  }, []), a = k(async (w) => {
+    const O = f.current;
+    if (O) {
       i(null);
       try {
-        const I = { ...xn };
+        const I = { ...Ln };
         w && (I.deviceId = w);
-        const H = await yn(I);
-        await z.localParticipant.publishTrack(H), g.current = H;
-        const h = H.attach();
-        l(h), t(!0), w && d(w);
+        const q = await bn(I);
+        await O.localParticipant.publishTrack(q), y.current = q;
+        const m = q.attach();
+        l(m), t(!0), w && u(w);
         try {
-          z.localParticipant.publishData(
+          O.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } 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.";
-        i(H);
+        const q = I instanceof Error && I.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        i(q);
       }
     }
-  }, []), k = L(async () => {
+  }, []), x = k(async () => {
     e ? s() : await a(c || void 0);
-  }, [e, c, s, a]), E = L(async (w) => {
+  }, [e, c, s, a]), E = k(async (w) => {
     s(), await a(w);
-  }, [s, a]), C = L(() => {
-    s(), f.current = null, i(null), d("");
-  }, [s]), v = L(() => i(null), []);
-  return A(() => () => {
-    g.current && g.current.stop();
+  }, [s, a]), C = k(() => {
+    s(), f.current = null, i(null), u("");
+  }, [s]), v = k(() => i(null), []);
+  return N(() => () => {
+    y.current && y.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: o,
     activeDeviceId: c,
-    toggle: k,
+    toggle: x,
     switchDevice: E,
     attachRoom: b,
     teardown: C,
     clearError: v
   };
 }
-function Ln() {
-  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), c = N(null), d = L((a) => {
+function Cn() {
+  const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), c = A(null), u = k((a) => {
     c.current = a;
-  }, []), f = L(() => l(null), []), g = L(async () => {
+  }, []), f = k(() => l(null), []), y = k(async () => {
     const a = c.current;
     if (a) {
       if (e) {
@@ -308,9 +308,9 @@ function Ln() {
       i(null);
       try {
         await a.localParticipant.setScreenShareEnabled(!0);
-        let k = 0;
+        let x = 0;
         const E = () => {
-          const C = a.localParticipant.getTrackPublication(Xt.Source.ScreenShare);
+          const C = a.localParticipant.getTrackPublication(en.Source.ScreenShare);
           if (C != null && C.track) {
             const v = C.track.attach();
             l(v), t(!0);
@@ -323,15 +323,15 @@ function Ln() {
             }
             return;
           }
-          k++ < 10 ? setTimeout(E, 100) : t(!0);
+          x++ < 10 ? setTimeout(E, 100) : t(!0);
         };
         E();
-      } catch (k) {
-        const E = k instanceof Error ? k.name : "";
+      } catch (x) {
+        const E = x instanceof Error ? x.name : "";
         E !== "NotAllowedError" && E !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, f]), b = L(() => {
+  }, [e, f]), b = k(() => {
     const a = c.current;
     if (a && e)
       try {
@@ -339,11 +339,11 @@ function Ln() {
       } catch {
       }
     f(), t(!1), i(null), c.current = null;
-  }, [e, f]), s = L(() => i(null), []);
-  return { isEnabled: e, error: r, previewEl: o, toggle: g, attachRoom: d, teardown: b, clearError: s };
+  }, [e, f]), s = k(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: o, toggle: y, attachRoom: u, teardown: b, clearError: s };
 }
-function Sn() {
-  const [e, t] = S([]), [r, i] = S([]), o = L(async () => {
+function En() {
+  const [e, t] = L([]), [r, i] = L([]), o = k(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
@@ -351,22 +351,22 @@ function Sn() {
       } catch {
       }
   }, []);
-  return A(() => {
+  return N(() => {
     if (o(), typeof navigator > "u" || !navigator.mediaDevices) return;
     const l = () => void o();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
   }, [o]), { mics: e, cameras: r, refresh: o };
 }
-function Cn(e, t, r = !1) {
-  const [i, o] = S(null), [l, c] = S(null), [d, f] = S(!r && !!e);
-  return A(() => {
+function Nn(e, t, r = !1) {
+  const [i, o] = L(null), [l, c] = L(null), [u, f] = L(!r && !!e);
+  return N(() => {
     if (r || !e) {
       f(!1);
       return;
     }
-    const g = new AbortController(), b = t || "https://app.livelayer.studio";
+    const y = new AbortController(), b = t || "https://app.livelayer.studio";
     return f(!0), c(null), fetch(`${b}/api/widget/agent/${encodeURIComponent(e)}`, {
-      signal: g.signal
+      signal: y.signal
     }).then(async (s) => {
       if (!s.ok) {
         const a = await s.json().catch(() => ({}));
@@ -374,13 +374,13 @@ function Cn(e, t, r = !1) {
       }
       return s.json();
     }).then((s) => {
-      g.signal.aborted || (o(s), f(!1));
+      y.signal.aborted || (o(s), f(!1));
     }).catch((s) => {
-      g.signal.aborted || (c(s instanceof Error ? s.message : "Agent lookup failed"), f(!1));
-    }), () => g.abort();
-  }, [e, t, r]), { info: i, error: l, loading: d };
+      y.signal.aborted || (c(s instanceof Error ? s.message : "Agent lookup failed"), f(!1));
+    }), () => y.abort();
+  }, [e, t, r]), { info: i, error: l, loading: u };
 }
-function En(e) {
+function An(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -388,54 +388,54 @@ function En(e) {
     return null;
   }
 }
-function Nn(e, t) {
+function Rn(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function An({
+function Mn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const i = e !== void 0, [o, l] = S(t), c = i ? e : o, d = L(
+  const i = e !== void 0, [o, l] = L(t), c = i ? e : o, u = k(
     (f) => {
       f !== c && (i || l(f), r == null || r(f));
     },
     [c, i, r]
   );
-  return [c, d];
+  return [c, u];
 }
-const Rn = ["hidden", "minimized", "expanded"];
-function Mn(e) {
-  return e && Rn.includes(e) ? e : null;
+const In = ["hidden", "minimized", "expanded"];
+function Tn(e) {
+  return e && In.includes(e) ? e : null;
 }
-function In({
+function Pn({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: i = "ll-widget",
   disablePersistence: o = !1
 } = {}) {
-  const l = `${i}:display-mode`, c = N(!1), [d, f] = An({
+  const l = `${i}:display-mode`, c = A(!1), [u, f] = Mn({
     value: e,
     defaultValue: t,
-    onChange: (g) => {
-      e === void 0 && !o && Nn(l, g), r == null || r(g);
+    onChange: (y) => {
+      e === void 0 && !o && Rn(l, y), r == null || r(y);
     }
   });
-  return A(() => {
+  return N(() => {
     if (c.current || (c.current = !0, o || e !== void 0)) return;
-    const g = Mn(En(l));
-    g && g !== d && f(g);
-  }, []), [d, f];
-}
-const Tn = 640;
-function Pn(e = Tn) {
-  const [t, r] = S(!1);
-  return A(() => {
+    const y = Tn(An(l));
+    y && y !== u && f(y);
+  }, []), [u, f];
+}
+const Dn = 640;
+function $n(e = Dn) {
+  const [t, r] = L(!1);
+  return N(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -448,67 +448,67 @@ function Pn(e = Tn) {
     });
   }, [e]), t;
 }
-const Pt = "__llHistoryPatched", lt = "ll:pathname";
-function Dn() {
-  if (typeof window > "u" || window.history[Pt]) return;
+const zt = "__llHistoryPatched", ct = "ll:pathname";
+function zn() {
+  if (typeof window > "u" || window.history[zt]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const i = e.apply(this, r);
-    return window.dispatchEvent(new Event(lt)), i;
+    return window.dispatchEvent(new Event(ct)), i;
   }, window.history.replaceState = function(...r) {
     const i = t.apply(this, r);
-    return window.dispatchEvent(new Event(lt)), i;
-  }, window.history[Pt] = !0;
+    return window.dispatchEvent(new Event(ct)), i;
+  }, window.history[zt] = !0;
 }
-function Dt() {
+function Ht() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function $n(e) {
-  const [t, r] = S(
-    () => e ?? Dt()
+function Hn(e) {
+  const [t, r] = L(
+    () => e ?? Ht()
   );
-  return A(() => {
+  return N(() => {
     if (e !== void 0) return;
-    Dn();
-    const i = () => r(Dt());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(lt, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(lt, i);
+    zn();
+    const i = () => r(Ht());
+    return i(), window.addEventListener("popstate", i), window.addEventListener(ct, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(ct, i);
     };
   }, [e]), e ?? t;
 }
-const $t = /* @__PURE__ */ new Map(), zn = /[\\^$+?.()|{}[\]]/g;
-function Hn(e) {
-  return e.replace(zn, "\\$&");
+const Ot = /* @__PURE__ */ new Map(), On = /[\\^$+?.()|{}[\]]/g;
+function qn(e) {
+  return e.replace(On, "\\$&");
 }
-function On(e) {
-  const t = $t.get(e);
+function Bn(e) {
+  const t = Ot.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), d = Hn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), f = new RegExp(`^${d}\\/?$`);
-  return $t.set(e, f), f;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), u = qn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), f = new RegExp(`^${u}\\/?$`);
+  return Ot.set(e, f), f;
 }
-function Bn(e, t) {
+function Wn(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return On(e).test(r);
+  return Bn(e).test(r);
 }
-function qn(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Bn(e, t);
+function Fn(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Wn(e, t);
 }
-function zt(e, t) {
+function qt(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (qn(r, t)) return !0;
+    if (Fn(r, t)) return !0;
   return !1;
 }
-function Wn(e, t, r) {
-  return e === void 0 ? !0 : zt(r, e) ? !1 : t && t.length > 0 ? zt(t, e) : !0;
+function Un(e, t, r) {
+  return e === void 0 ? !0 : qt(r, e) ? !1 : t && t.length > 0 ? qt(t, e) : !0;
 }
-function Fn(e, t, r) {
-  return ot(
-    () => Wn(e, t, r),
+function jn(e, t, r) {
+  return st(
+    () => Un(e, t, r),
     [e, t, r]
   );
 }
-const Ht = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
+const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
   "svg",
   {
     className: t,
@@ -554,7 +554,7 @@ const Ht = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), Ot = ({ className: e }) => /* @__PURE__ */ n(
+), Wt = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -572,7 +572,7 @@ const Ht = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), Un = ({ className: e }) => /* @__PURE__ */ n(
+), Vn = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -583,12 +583,12 @@ const Ht = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), jn = {
+), Yn = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, Bt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, Ft = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -596,19 +596,19 @@ const Ht = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${jn[e]}deg)` },
+    style: { transform: `rotate(${Yn[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Vn(e) {
+function Jn(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const Qt = "ll-hidden-tab-center-y", Yn = 5, qt = 16;
-function Gn() {
+const tn = "ll-hidden-tab-center-y", Kn = 5, Ut = 16;
+function Xn() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(Qt);
+    const e = window.localStorage.getItem(tn);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -616,14 +616,14 @@ function Gn() {
     return null;
   }
 }
-function Wt(e) {
+function jt(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Qt, String(e));
+      window.localStorage.setItem(tn, String(e));
     } catch {
     }
 }
-const Jn = ({
+const Gn = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
@@ -632,23 +632,23 @@ const Jn = ({
   avatarImageUrl: l,
   agentName: c
 }) => {
-  const d = Vn(e), f = d === "right" ? "left" : "right", g = t ? 80 : 72, b = !!l, [s, a] = S(null), [k, E] = S(!1), C = N(null), v = N(!1), w = L(
+  const u = Jn(e), f = u === "right" ? "left" : "right", y = t ? 80 : 72, b = !!l, [s, a] = L(null), [x, E] = L(!1), C = A(null), v = A(!1), w = k(
     (M) => {
       if (typeof window > "u") return M;
-      const O = g / 2, W = qt + O, J = window.innerHeight - qt - O;
-      return J < W ? Math.max(W, M) : Math.max(W, Math.min(J, M));
+      const B = y / 2, F = Ut + B, G = window.innerHeight - Ut - B;
+      return G < F ? Math.max(F, M) : Math.max(F, Math.min(G, M));
     },
-    [g]
+    [y]
   );
-  A(() => {
-    const M = Gn();
+  N(() => {
+    const M = Xn();
     a(w(M ?? window.innerHeight / 2));
-    const O = () => {
-      a((W) => W === null ? null : w(W));
+    const B = () => {
+      a((F) => F === null ? null : w(F));
     };
-    return window.addEventListener("resize", O), () => window.removeEventListener("resize", O);
+    return window.addEventListener("resize", B), () => window.removeEventListener("resize", B);
   }, [w]);
-  const z = L(
+  const O = k(
     (M) => {
       if (!(M.pointerType === "mouse" && M.button !== 0) && s !== null) {
         try {
@@ -663,75 +663,75 @@ const Jn = ({
       }
     },
     [s]
-  ), I = L(
+  ), I = k(
     (M) => {
-      const O = C.current;
-      if (!O) return;
-      const W = M.clientY - O.startClientY;
-      !O.moved && Math.abs(W) > Yn && (O.moved = !0, E(!0)), O.moved && a(w(O.startCenterY + W));
+      const B = C.current;
+      if (!B) return;
+      const F = M.clientY - B.startClientY;
+      !B.moved && Math.abs(F) > Kn && (B.moved = !0, E(!0)), B.moved && a(w(B.startCenterY + F));
     },
     [w]
-  ), H = L(
+  ), q = k(
     (M) => {
-      const O = C.current;
-      if (O) {
+      const B = C.current;
+      if (B) {
         try {
           M.currentTarget.releasePointerCapture(M.pointerId);
         } catch {
         }
-        C.current = null, O.moved && (E(!1), v.current = !0, a((W) => (W !== null && Wt(W), W)));
+        C.current = null, B.moved && (E(!1), v.current = !0, a((F) => (F !== null && jt(F), F)));
       }
     },
     []
-  ), h = L(() => {
+  ), m = k(() => {
     if (v.current) {
       v.current = !1;
       return;
     }
     i();
-  }, [i]), R = L(
+  }, [i]), R = k(
     (M) => {
       if (M.key === "ArrowUp" || M.key === "ArrowDown") {
         M.preventDefault();
-        const O = M.key === "ArrowUp" ? -8 : 8;
-        a((W) => {
-          if (W === null) return W;
-          const J = w(W + O);
-          return Wt(J), J;
+        const B = M.key === "ArrowUp" ? -8 : 8;
+        a((F) => {
+          if (F === null) return F;
+          const G = w(F + B);
+          return jt(G), G;
         });
       }
     },
     [w]
-  ), q = [
+  ), W = [
     "ll-hidden",
-    `ll-hidden--${d}`,
+    `ll-hidden--${u}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    k ? "is-dragging" : null,
+    x ? "is-dragging" : null,
     b ? "ll-hidden--with-avatar" : null
-  ].filter(Boolean).join(" "), D = s === null ? void 0 : { top: `${s - g / 2}px`, transform: "none" };
+  ].filter(Boolean).join(" "), z = s === null ? void 0 : { top: `${s - y / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: q,
-      onPointerDown: z,
+      className: W,
+      onPointerDown: O,
       onPointerMove: I,
-      onPointerUp: H,
-      onPointerCancel: H,
-      onClick: h,
+      onPointerUp: q,
+      onPointerCancel: q,
+      onClick: m,
       onKeyDown: R,
       "aria-label": o,
       "data-position": e,
-      style: D,
+      style: z,
       children: b ? (
         // 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__ */ _(yt, { children: [
+        /* @__PURE__ */ _(wt, { children: [
           /* @__PURE__ */ n(
-            Bt,
+            Ft,
             {
               direction: f,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
@@ -748,7 +748,7 @@ const Jn = ({
           )
         ] })
       ) : /* @__PURE__ */ n(
-        Bt,
+        Ft,
         {
           direction: f,
           className: "ll-hidden__chevron"
@@ -756,7 +756,7 @@ const Jn = ({
       )
     }
   );
-}, Kn = ({
+}, Qn = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
@@ -764,31 +764,31 @@ const Jn = ({
   className: o,
   barClassName: l
 }) => {
-  const c = N(null), d = N([]), f = ot(() => {
+  const c = A(null), u = A([]), f = st(() => {
     const b = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (s, a) => 0.5 + a * b % 1 * 0.5);
   }, [t]);
-  A(() => e.subscribe((s) => {
+  N(() => e.subscribe((s) => {
     for (let a = 0; a < t; a++) {
-      const k = d.current[a];
-      if (!k) continue;
+      const x = u.current[a];
+      if (!x) continue;
       const E = Math.max(i, s * r * f[a]);
-      k.style.height = `${E}px`;
+      x.style.height = `${E}px`;
     }
   }), [e, t, r, i, f]);
-  const g = ["ll-waveform", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: c, className: g, "aria-hidden": "true", children: Array.from({ length: t }, (b, s) => /* @__PURE__ */ n(
+  const y = ["ll-waveform", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: c, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (b, s) => /* @__PURE__ */ n(
     "div",
     {
       ref: (a) => {
-        d.current[s] = a;
+        u.current[s] = a;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
       style: { height: `${i}px` }
     },
     s
   )) });
-}, Xn = ({
+}, Zn = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -796,9 +796,9 @@ const Jn = ({
   agentState: o,
   isMuted: l,
   audioLevel: c,
-  onExpand: d,
+  onExpand: u,
   onToggleMute: f,
-  onClose: g
+  onClose: y
 }) => t ? /* @__PURE__ */ n(
   "div",
   {
@@ -810,7 +810,7 @@ const Jn = ({
       {
         type: "button",
         className: "ll-minimized__surface",
-        onClick: d,
+        onClick: u,
         "aria-label": `Expand ${r} widget`,
         children: [
           i ? (
@@ -825,7 +825,7 @@ const Jn = ({
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            Kn,
+            Qn,
             {
               audioLevel: c,
               bars: 16,
@@ -848,10 +848,10 @@ const Jn = ({
                   (b.key === "Enter" || b.key === " ") && (b.stopPropagation(), b.preventDefault(), f());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(Ht, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(Bt, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(Ot, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(Wt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -888,7 +888,7 @@ const Jn = ({
             className: "ll-minimized__btn",
             onClick: f,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(Ht, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Bt, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -896,9 +896,9 @@ const Jn = ({
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: d,
+            onClick: u,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(Ot, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Wt, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -906,24 +906,24 @@ const Jn = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: g,
+            onClick: y,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(Un, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Vn, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), Qn = ({
+), er = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
   className: i,
   style: o
 }) => {
-  const [l, c] = S(!1), d = N(e);
-  if (A(() => {
-    d.current !== e && (d.current = e, c(!1));
+  const [l, c] = L(!1), u = A(e);
+  if (N(() => {
+    u.current !== e && (u.current = e, c(!1));
   }, [e]), !e) return null;
   const f = {
     position: "absolute",
@@ -952,7 +952,7 @@ const Jn = ({
       }
     )
   );
-}, Zn = ({
+}, tr = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -960,136 +960,136 @@ const Jn = ({
   idleLoopUrl: o,
   greeting: l,
   branding: c,
-  teamMembers: d,
+  teamMembers: u,
   currentTeamMemberId: f,
-  isSwitchingTeamMember: g,
+  isSwitchingTeamMember: y,
   teamSwitcherOpen: b,
   onToggleTeamSwitcher: s,
   onSelectTeamMember: a,
-  languageMenuOpen: k,
+  languageMenuOpen: x,
   onToggleLanguageMenu: E,
   connectionState: C,
   agentState: v,
   transcript: w,
-  canResume: z,
+  canResume: O,
   needsUserGesture: I,
-  error: H,
-  isMuted: h,
+  error: q,
+  isMuted: m,
   micError: R,
-  micDevices: q,
-  isCameraEnabled: D,
+  micDevices: W,
+  isCameraEnabled: z,
   cameraPreviewEl: M,
-  cameraDevices: O,
-  activeCameraId: W,
-  isScreenShareEnabled: J,
-  screenPreviewEl: ne,
-  isSpeakerMuted: ye,
-  allowCamera: Je,
-  allowScreenShare: Ke,
-  allowTyping: Xe,
-  avatarVideoContainerRef: Qe,
-  agentVideoEl: ee,
-  micGateOpen: ae,
-  onConnect: ve,
-  onDisconnect: xe,
-  onRetry: ke,
-  onResumeAudio: Le,
-  onToggleMute: Se,
-  onToggleCamera: Ce,
+  cameraDevices: B,
+  activeCameraId: F,
+  isScreenShareEnabled: G,
+  screenPreviewEl: ie,
+  isSpeakerMuted: be,
+  allowCamera: Qe,
+  allowScreenShare: Ze,
+  allowTyping: et,
+  avatarVideoContainerRef: tt,
+  agentVideoEl: re,
+  micGateOpen: ce,
+  onConnect: we,
+  onDisconnect: Se,
+  onRetry: Ce,
+  onResumeAudio: Ee,
+  onToggleMute: Ne,
+  onToggleCamera: Ae,
   onSwitchCameraDevice: V,
-  onToggleScreenShare: st,
-  onToggleSpeaker: ct,
-  onSendMessage: Ze,
-  onMinimize: ce,
-  onClose: Ee,
-  onClearMicError: He
+  onToggleScreenShare: ut,
+  onToggleSpeaker: ft,
+  onSendMessage: nt,
+  onMinimize: ue,
+  onClose: Re,
+  onClearMicError: qe
 }) => {
-  var Ie;
-  const be = ((d == null ? void 0 : d.length) ?? 0) > 1, Ne = C === "connecting" || C === "connected", G = C === "connected", Q = C === "idle" || C === "disconnected" || C === "error", [Ae, re] = S(!1);
-  A(() => {
-    if (!ee) {
-      re(!1);
+  var De;
+  const _e = ((u == null ? void 0 : u.length) ?? 0) > 1, Me = C === "connecting" || C === "connected", X = C === "connected", ee = C === "idle" || C === "disconnected" || C === "error", [Ie, oe] = L(!1);
+  N(() => {
+    if (!re) {
+      oe(!1);
       return;
     }
-    if (!ee.paused && ee.readyState >= 2) {
-      re(!0);
+    if (!re.paused && re.readyState >= 2) {
+      oe(!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);
+    oe(!1);
+    const p = () => oe(!0);
+    return re.addEventListener("playing", p), re.addEventListener("loadeddata", p), () => {
+      re.removeEventListener("playing", p), re.removeEventListener("loadeddata", p);
     };
-  }, [ee]);
-  const [se, we] = S(!1);
-  A(() => {
-    if (!G) {
-      we(!1);
+  }, [re]);
+  const [de, xe] = L(!1);
+  N(() => {
+    if (!X) {
+      xe(!1);
       return;
     }
-    if (Ae) return;
-    const p = setTimeout(() => we(!0), 8e3);
+    if (Ie) return;
+    const p = setTimeout(() => xe(!0), 8e3);
     return () => clearTimeout(p);
-  }, [G, Ae]);
-  const Oe = C === "connecting" || G && !!i && !Ae && !se, te = N(null), ie = N(null);
-  A(() => {
+  }, [X, Ie]);
+  const Be = C === "connecting" || X && !!i && !Ie && !de, te = A(null), le = A(null);
+  N(() => {
     const p = te.current;
     p && (p.innerHTML = "", M && (M.style.width = "100%", M.style.height = "100%", M.style.objectFit = "cover", M.style.transform = "scaleX(-1)", p.appendChild(M)));
-  }, [M]), A(() => {
-    const p = ie.current;
-    p && (p.innerHTML = "", ne && (ne.style.width = "100%", ne.style.height = "100%", ne.style.objectFit = "contain", p.appendChild(ne)));
-  }, [ne]);
-  const [oe, de] = S(!1), [Re, ue] = S(!1);
-  A(() => {
-    if (!oe && !Re && !k && !b) return;
+  }, [M]), N(() => {
+    const p = le.current;
+    p && (p.innerHTML = "", ie && (ie.style.width = "100%", ie.style.height = "100%", ie.style.objectFit = "contain", p.appendChild(ie)));
+  }, [ie]);
+  const [ae, fe] = L(!1), [Te, pe] = L(!1);
+  N(() => {
+    if (!ae && !Te && !x && !b) return;
     const p = () => {
-      de(!1), ue(!1), k && E(), b && s();
+      fe(!1), pe(!1), x && E(), b && s();
     };
     return document.addEventListener("click", p), () => document.removeEventListener("click", p);
   }, [
-    oe,
-    Re,
-    k,
+    ae,
+    Te,
+    x,
     b,
     E,
     s
   ]);
-  const [fe, Be] = S(""), qe = L(
+  const [he, We] = L(""), Fe = k(
     (p) => {
       p.preventDefault();
-      const Y = fe.trim();
-      Y && (Ze(Y), Be(""));
+      const Y = he.trim();
+      Y && (nt(Y), We(""));
     },
-    [fe, Ze]
-  ), We = c.productName || "Live Layer";
-  let pe = null, he = null;
+    [he, nt]
+  ), Ue = c.productName || "Live Layer";
+  let me = null, ge = null;
   for (let p = w.length - 1; p >= 0; p--) {
     const Y = w[p];
-    if (!pe && Y.role === "agent" ? pe = Y : !he && Y.role === "user" && (he = Y), pe && he) break;
+    if (!me && Y.role === "agent" ? me = Y : !ge && Y.role === "user" && (ge = Y), me && ge) break;
   }
-  const Me = G ? (pe == null ? void 0 : pe.text) || null : l || null, et = G && (he == null ? void 0 : he.text) || null, Fe = [
+  const Pe = X ? (me == null ? void 0 : me.text) || null : l || null, rt = X && (ge == null ? void 0 : ge.text) || null, je = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ _(
     "div",
     {
-      className: Fe,
+      className: je,
       "data-position": e,
-      "data-state": G ? "connected" : Ne ? "connecting" : "idle",
+      "data-state": X ? "connected" : Me ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
           i ? /* @__PURE__ */ n(
-            Qn,
+            er,
             {
               src: i,
               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: ((Ie = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ie.toUpperCase()) || "A" }) }),
-          o && !G && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((De = r == null ? void 0 : r.charAt(0)) == null ? void 0 : De.toUpperCase()) || "A" }) }),
+          o && !X && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1101,24 +1101,24 @@ const Jn = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: Qe, className: "ll-expanded__video" }),
-        Oe && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: tt, className: "ll-expanded__video" }),
+        Be && /* @__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 && G && /* @__PURE__ */ _(
+        I && X && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: Le,
+            onClick: Ee,
             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" })
             ]
           }
         ),
-        Ne ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
+        Me ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
           /* @__PURE__ */ _("div", { className: "ll-expanded__topbar-left", children: [
             /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
               /* @__PURE__ */ _(
@@ -1127,23 +1127,23 @@ const Jn = ({
                   type: "button",
                   className: "ll-hpill",
                   onClick: (p) => {
-                    be && (p.stopPropagation(), s());
+                    _e && (p.stopPropagation(), s());
                   },
-                  "aria-haspopup": be ? "listbox" : void 0,
-                  "aria-expanded": be ? b : void 0,
+                  "aria-haspopup": _e ? "listbox" : void 0,
+                  "aria-expanded": _e ? b : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    be && /* @__PURE__ */ n(rt, {})
+                    _e && /* @__PURE__ */ n(lt, {})
                   ]
                 }
               ),
-              be && b && /* @__PURE__ */ n(
+              _e && b && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
                   onClick: (p) => p.stopPropagation(),
                   role: "listbox",
-                  children: d == null ? void 0 : d.map((p) => /* @__PURE__ */ _(
+                  children: u == null ? void 0 : u.map((p) => /* @__PURE__ */ _(
                     "button",
                     {
                       type: "button",
@@ -1179,16 +1179,16 @@ const Jn = ({
                     p.stopPropagation(), E();
                   },
                   "aria-haspopup": "listbox",
-                  "aria-expanded": k,
+                  "aria-expanded": x,
                   "aria-label": "Language: English",
                   title: "Language: English",
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ n(rt, {})
+                    /* @__PURE__ */ n(lt, {})
                   ]
                 }
               ),
-              k && /* @__PURE__ */ n(
+              x && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1221,10 +1221,10 @@ const Jn = ({
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: ce,
+                onClick: ue,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ n(Ut, {})
+                children: /* @__PURE__ */ n(Yt, {})
               }
             ),
             /* @__PURE__ */ n(
@@ -1232,26 +1232,26 @@ const Jn = ({
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: Ee,
+                onClick: Re,
                 "aria-label": "End call",
                 title: "End call",
-                children: /* @__PURE__ */ n(Ft, {})
+                children: /* @__PURE__ */ n(Vt, {})
               }
             )
           ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
           /* @__PURE__ */ _("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: We }),
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ue }),
             /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: ce,
+                  onClick: ue,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(Ut, {})
+                  children: /* @__PURE__ */ n(Yt, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1259,23 +1259,23 @@ const Jn = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: Ee,
+                  onClick: Re,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(Ft, {})
+                  children: /* @__PURE__ */ n(Vt, {})
                 }
               )
             ] })
           ] })
         ),
-        Q && /* @__PURE__ */ (() => {
-          const p = z ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", Y = z ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ _(yt, { children: [
-            C === "idle" && !z && !H && /* @__PURE__ */ _(
+        ee && /* @__PURE__ */ (() => {
+          const p = O ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", Y = O ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ _(wt, { children: [
+            C === "idle" && !O && !q && /* @__PURE__ */ _(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: ve,
+                onClick: we,
                 "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" }) }) }),
@@ -1291,7 +1291,7 @@ const Jn = ({
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: ve,
+                  onClick: we,
                   "aria-label": p,
                   children: p
                 }
@@ -1302,88 +1302,88 @@ const Jn = ({
         /* @__PURE__ */ _(
           "div",
           {
-            className: `ll-expanded__pip ${Ne && (D || J) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${Me && (z || G) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: ie,
-                  className: J ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: le,
+                  className: G ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
                   ref: te,
-                  className: !J && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: !G && z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        Ne ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
-          Me && /* @__PURE__ */ n(
+        Me ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
+          Pe && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Me })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Pe })
             }
           ),
-          et && /* @__PURE__ */ n(
+          rt && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: et })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: rt })
             }
           ),
           /* @__PURE__ */ _("div", { className: "ll-toolbar", onClick: (p) => p.stopPropagation(), children: [
-            Ke && /* @__PURE__ */ n(
+            Ze && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${J ? "is-on" : ""}`,
-                onClick: st,
-                "aria-label": J ? "Stop sharing screen" : "Share screen",
-                title: J ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(er, {})
+                className: `ll-tool ${G ? "is-on" : ""}`,
+                onClick: ut,
+                "aria-label": G ? "Stop sharing screen" : "Share screen",
+                title: G ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ n(nr, {})
               }
             ),
-            Je && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
+            Qe && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${D ? "is-on" : ""}`,
-                  onClick: Ce,
-                  "aria-label": D ? "Turn off camera" : "Turn on camera",
-                  title: D ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(tr, {})
+                  className: `ll-tool ll-tool--left ${z ? "is-on" : ""}`,
+                  onClick: Ae,
+                  "aria-label": z ? "Turn off camera" : "Turn on camera",
+                  title: z ? "Stop camera" : "Start camera",
+                  children: /* @__PURE__ */ n(rr, {})
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${D ? "is-on" : ""}`,
+                  className: `ll-tool ll-tool--right ${z ? "is-on" : ""}`,
                   onClick: (p) => {
-                    p.stopPropagation(), ue((Y) => !Y), de(!1);
+                    p.stopPropagation(), pe((Y) => !Y), fe(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": Re,
-                  children: /* @__PURE__ */ n(rt, {})
+                  "aria-expanded": Te,
+                  children: /* @__PURE__ */ n(lt, {})
                 }
               ),
-              Re && O.length > 0 && /* @__PURE__ */ n(
-                jt,
+              Te && B.length > 0 && /* @__PURE__ */ n(
+                Jt,
                 {
                   label: "Camera",
-                  devices: O,
-                  activeId: W,
+                  devices: B,
+                  activeId: F,
                   onPick: (p) => {
-                    ue(!1), V(p);
+                    pe(!1), V(p);
                   }
                 }
               )
@@ -1391,41 +1391,41 @@ const Jn = ({
             /* @__PURE__ */ _(
               "div",
               {
-                className: `ll-tool-split${!ae && G ? " ll-tool-split--gated" : ""}`,
+                className: `ll-tool-split${!ce && X ? " ll-tool-split--gated" : ""}`,
                 children: [
                   /* @__PURE__ */ n(
                     "button",
                     {
                       type: "button",
-                      className: `ll-tool ll-tool--left ${h ? "is-muted" : ""}`,
-                      onClick: Se,
-                      disabled: !ae && G,
-                      "aria-label": !ae && G ? "Microphone enables once the agent finishes its greeting" : h ? "Unmute microphone" : "Mute microphone",
-                      title: !ae && G ? "Mic enables after greeting" : h ? "Unmute" : "Mute",
-                      children: /* @__PURE__ */ n(nr, { muted: h })
+                      className: `ll-tool ll-tool--left ${m ? "is-muted" : ""}`,
+                      onClick: Ne,
+                      disabled: !ce && X,
+                      "aria-label": !ce && X ? "Microphone enables once the agent finishes its greeting" : m ? "Unmute microphone" : "Mute microphone",
+                      title: !ce && X ? "Mic enables after greeting" : m ? "Unmute" : "Mute",
+                      children: /* @__PURE__ */ n(ir, { muted: m })
                     }
                   ),
                   /* @__PURE__ */ n(
                     "button",
                     {
                       type: "button",
-                      className: `ll-tool ll-tool--right ${h ? "is-muted" : ""}`,
+                      className: `ll-tool ll-tool--right ${m ? "is-muted" : ""}`,
                       onClick: (p) => {
-                        p.stopPropagation(), de((Y) => !Y), ue(!1);
+                        p.stopPropagation(), fe((Y) => !Y), pe(!1);
                       },
                       "aria-label": "Microphone devices",
                       "aria-haspopup": "listbox",
-                      "aria-expanded": oe,
-                      children: /* @__PURE__ */ n(rt, {})
+                      "aria-expanded": ae,
+                      children: /* @__PURE__ */ n(lt, {})
                     }
                   ),
-                  oe && q.length > 0 && /* @__PURE__ */ n(
-                    jt,
+                  ae && W.length > 0 && /* @__PURE__ */ n(
+                    Jt,
                     {
                       label: "Microphone",
-                      devices: q,
+                      devices: W,
                       activeId: "",
-                      onPick: () => de(!1)
+                      onPick: () => fe(!1)
                     }
                   )
                 ]
@@ -1435,11 +1435,11 @@ const Jn = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${ye ? "is-muted" : ""}`,
-                onClick: ct,
-                "aria-label": ye ? "Unmute speaker" : "Mute speaker",
-                title: ye ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(rr, { muted: ye })
+                className: `ll-tool ${be ? "is-muted" : ""}`,
+                onClick: ft,
+                "aria-label": be ? "Unmute speaker" : "Mute speaker",
+                title: be ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(or, { muted: be })
               }
             ),
             /* @__PURE__ */ n(
@@ -1447,32 +1447,32 @@ const Jn = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: xe,
+                onClick: Se,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ n(or, {})
+                children: /* @__PURE__ */ n(ar, {})
               }
             )
           ] }),
-          Xe && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: qe, children: [
+          et && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: Fe, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: fe,
-                onChange: (p) => Be(p.target.value),
+                value: he,
+                onChange: (p) => We(p.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            fe.trim() && /* @__PURE__ */ n(
+            he.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(ir, {})
+                children: /* @__PURE__ */ n(lr, {})
               }
             )
           ] })
@@ -1486,22 +1486,22 @@ const Jn = ({
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: He,
+                  onClick: qe,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!H || C !== "error") return null;
+          if (!q || C !== "error") return null;
           let p = "Failed to connect", Y = "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: [
+          return q === "MIC_PERMISSION_DENIED" ? p = "Microphone blocked. Allow access to talk." : q === "MIC_NOT_FOUND" ? p = "No microphone found. Plug one in + retry." : q === "MIC_UNAVAILABLE" ? p = "Mic unavailable. Check other apps using it." : q === "AGENT_TIMEOUT" ? p = "Agent didn't pick up. Try again." : q === "CONNECT_FAILED" ? p = "Connection failed. Check your network." : q.length < 80 && (p = q), /* @__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: ke,
+                onClick: Ce,
                 children: Y
               }
             )
@@ -1511,32 +1511,32 @@ const Jn = ({
     }
   );
 };
-function rt() {
+function lt() {
   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 Ft() {
+function Vt() {
   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 Ut() {
+function Yt() {
   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 er() {
+function nr() {
   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 tr() {
+function rr() {
   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 nr({ muted: e }) {
+function ir({ muted: e }) {
   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" }),
@@ -1544,22 +1544,22 @@ function nr({ muted: e }) {
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function rr({ muted: e }) {
+function or({ muted: e }) {
   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__ */ _(yt, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(wt, { 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 ir() {
+function lr() {
   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 or() {
+function ar() {
   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",
     {
@@ -1568,7 +1568,7 @@ function or() {
     }
   ) });
 }
-const jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ _(
+const Jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ _(
   "div",
   {
     className: "ll-device-menu",
@@ -1596,21 +1596,21 @@ const jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
       })
     ]
   }
-), lr = [
+), sr = [
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function bt(e) {
+function xt(e) {
   let t = e;
   for (; t; ) {
-    for (const r of lr)
+    for (const r of sr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function at(e) {
-  if (bt(e)) return !1;
+function dt(e) {
+  if (xt(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1618,7 +1618,7 @@ function at(e) {
   }
   return !0;
 }
-const it = 4096, ar = 20, sr = 20, cr = 10, dr = 10, ur = 30, Vt = 500, fr = [
+const at = 4096, cr = 20, dr = 20, ur = 10, fr = 10, pr = 30, Kt = 500, hr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1626,11 +1626,11 @@ const it = 4096, ar = 20, sr = 20, cr = 10, dr = 10, ur = 30, Vt = 500, fr = [
   "noscript",
   "iframe"
 ];
-function Ye(e) {
+function Xe(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of fr)
+    for (const r of hr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
@@ -1643,7 +1643,7 @@ function Ge(e) {
   const r = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
   return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
 }
-function Yt(e) {
+function Xt(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1656,13 +1656,13 @@ function Yt(e) {
   const o = e.closest("label");
   return o != null && o.textContent ? o.textContent.trim() : "";
 }
-function _e(e, t) {
+function Le(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function De(e) {
+function ze(e) {
   return e.length;
 }
-function pr(e, t = {}) {
+function mr(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -1678,103 +1678,103 @@ function pr(e, t = {}) {
     };
   const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", c = Array.from(
     r.querySelectorAll("[data-ll-region]")
-  ), d = [];
-  for (const h of c) {
-    if (d.length >= cr) break;
-    if (Ye(h) || !Ge(h)) continue;
-    const R = h.getAttribute("data-ll-region") ?? "", q = h.getAttribute("data-ll-intent") ?? void 0, D = _e(
-      (h.innerText || h.textContent || "").trim(),
-      Vt * 2
+  ), u = [];
+  for (const m of c) {
+    if (u.length >= ur) break;
+    if (Xe(m) || !Ge(m)) continue;
+    const R = m.getAttribute("data-ll-region") ?? "", W = m.getAttribute("data-ll-intent") ?? void 0, z = Le(
+      (m.innerText || m.textContent || "").trim(),
+      Kt * 2
     );
-    !R || !D || d.push({ id: R, intent: q, text: D });
+    !R || !z || u.push({ id: R, intent: W, text: z });
   }
-  const f = [], g = ["H1", "H2", "H3", "H4", "H5", "H6"], b = Array.from(
+  const f = [], y = ["H1", "H2", "H3", "H4", "H5", "H6"], b = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const h of b) {
-    if (Ye(h) || !Ge(h)) continue;
-    const R = (h.textContent || "").trim();
-    R && f.push(`${h.tagName}: ${_e(R, 200)}`);
+  for (const m of b) {
+    if (Xe(m) || !Ge(m)) continue;
+    const R = (m.textContent || "").trim();
+    R && f.push(`${m.tagName}: ${Le(R, 200)}`);
   }
   const s = Array.from(r.querySelectorAll("p, li"));
-  for (const h of s) {
-    if (Ye(h) || !Ge(h) || g.includes(h.tagName)) continue;
-    const R = (h.textContent || "").trim();
-    R.length > 10 && f.push(_e(R, Vt));
+  for (const m of s) {
+    if (Xe(m) || !Ge(m) || y.includes(m.tagName)) continue;
+    const R = (m.textContent || "").trim();
+    R.length > 10 && f.push(Le(R, Kt));
   }
   const a = f.join(`
-`), k = [], E = Array.from(r.querySelectorAll("a[href]"));
-  for (const h of E) {
-    if (k.length >= ar) break;
-    if (Ye(h) || !Ge(h)) continue;
-    const R = h.getAttribute("href") || "", q = (h.textContent || "").trim();
-    !R || !q || k.push({ href: R, text: _e(q, 100) });
+`), x = [], E = Array.from(r.querySelectorAll("a[href]"));
+  for (const m of E) {
+    if (x.length >= cr) break;
+    if (Xe(m) || !Ge(m)) continue;
+    const R = m.getAttribute("href") || "", W = (m.textContent || "").trim();
+    !R || !W || x.push({ href: R, text: Le(W, 100) });
   }
   const C = [], v = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const h of v) {
-    if (C.length >= sr) break;
-    if (Ye(h) || !at(h) || !Ge(h)) continue;
-    const R = Yt(h), q = h instanceof HTMLInputElement ? h.type : h.tagName.toLowerCase();
-    R && C.push({ label: _e(R, 100), type: q });
+  for (const m of v) {
+    if (C.length >= dr) break;
+    if (Xe(m) || !dt(m) || !Ge(m)) continue;
+    const R = Xt(m), W = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
+    R && C.push({ label: Le(R, 100), type: W });
   }
   const w = Array.from(
     r.querySelectorAll("[data-ll-form]")
-  ), z = [];
-  for (const h of w) {
-    if (z.length >= dr) break;
-    if (bt(h)) continue;
-    const R = h.getAttribute("data-ll-form") || "";
+  ), O = [];
+  for (const m of w) {
+    if (O.length >= fr) break;
+    if (xt(m)) continue;
+    const R = m.getAttribute("data-ll-form") || "";
     if (!R) continue;
-    const q = h.getAttribute("data-ll-intent") || void 0, D = Array.from(
-      h.querySelectorAll(
+    const W = m.getAttribute("data-ll-intent") || void 0, z = Array.from(
+      m.querySelectorAll(
         "[data-ll-field]"
       )
     ), M = [];
-    for (const O of D) {
-      if (M.length >= ur) break;
-      if (!at(O)) continue;
-      const W = O.getAttribute("data-ll-field") || "";
-      if (!W) continue;
-      const J = Yt(O) || W, ne = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
-      M.push({ name: W, label: _e(J, 100), type: ne });
+    for (const B of z) {
+      if (M.length >= pr) break;
+      if (!dt(B)) continue;
+      const F = B.getAttribute("data-ll-field") || "";
+      if (!F) continue;
+      const G = Xt(B) || F, ie = B instanceof HTMLInputElement ? B.type : B.tagName.toLowerCase();
+      M.push({ name: F, label: Le(G, 100), type: ie });
     }
-    z.push({ id: R, intent: q, fields: M });
+    O.push({ id: R, intent: W, fields: M });
   }
   const I = {
     url: i,
     title: l,
     pathname: o,
-    regions: d,
+    regions: u,
     visibleText: a,
-    visibleLinks: k,
+    visibleLinks: x,
     visibleFields: C,
-    forms: z,
+    forms: O,
     extras: e
   };
-  let H = De(JSON.stringify(I.regions)) + De(I.visibleText) + De(JSON.stringify(I.visibleLinks)) + De(JSON.stringify(I.visibleFields));
-  for (; H > it && I.visibleFields.length > 0; )
-    I.visibleFields.pop(), H = De(JSON.stringify(I.visibleFields));
-  for (; H > it && I.visibleLinks.length > 0; )
-    I.visibleLinks.pop(), H -= 80;
-  return De(I.visibleText) > it && (I.visibleText = _e(I.visibleText, it - 100)), I;
-}
-let $e = null;
+  let q = ze(JSON.stringify(I.regions)) + ze(I.visibleText) + ze(JSON.stringify(I.visibleLinks)) + ze(JSON.stringify(I.visibleFields));
+  for (; q > at && I.visibleFields.length > 0; )
+    I.visibleFields.pop(), q = ze(JSON.stringify(I.visibleFields));
+  for (; q > at && I.visibleLinks.length > 0; )
+    I.visibleLinks.pop(), q -= 80;
+  return ze(I.visibleText) > at && (I.visibleText = Le(I.visibleText, at - 100)), I;
+}
+let He = null;
 function Gt(e, t = {}) {
   const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if ($e && $e.key === o && r - $e.at < 1e3)
-    return $e.ctx;
-  const l = pr(e, t);
-  return $e = { key: o, at: r, ctx: l }, l;
+  if (He && He.key === o && r - He.at < 1e3)
+    return He.ctx;
+  const l = mr(e, t);
+  return He = { key: o, at: r, ctx: l }, l;
 }
-function hr() {
-  $e = null;
+function gr() {
+  He = null;
 }
-const mr = 200;
-function gr(e) {
+const yr = 200;
+function vr(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -1784,23 +1784,23 @@ function gr(e) {
     description: e.description
   };
 }
-function yr(e) {
+function br(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function vr(e) {
+function wr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
   for (const c of l) {
-    if (o.length >= mr) break;
-    if (bt(c)) continue;
-    const d = c.getAttribute("href") || "";
-    if (!yr(d)) continue;
-    let f = d, g = !0;
+    if (o.length >= yr) break;
+    if (xt(c)) continue;
+    const u = c.getAttribute("href") || "";
+    if (!br(u)) continue;
+    let f = u, y = !0;
     try {
       if (typeof window < "u") {
-        const s = new URL(d, r);
-        g = s.origin === r, g && d.startsWith("http") && (f = s.pathname + s.search + s.hash);
+        const s = new URL(u, r);
+        y = s.origin === r, y && u.startsWith("http") && (f = s.pathname + s.search + s.hash);
       }
     } catch {
       continue;
@@ -1808,39 +1808,39 @@ function vr(e) {
     if (i.has(f)) continue;
     i.add(f);
     const b = (c.textContent || "").trim().slice(0, 120);
-    o.push({ href: f, text: b, internal: g });
+    o.push({ href: f, text: b, internal: y });
   }
   return o;
 }
-let ze = null;
-const br = 5e3;
-function mt() {
+let Oe = null;
+const _r = 5e3;
+function vt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (ze && ze.pathname === t && e - ze.at < br)
-    return ze.routes;
-  const r = vr();
-  return ze = { at: e, pathname: t, routes: r }, r;
+  if (Oe && Oe.pathname === t && e - Oe.at < _r)
+    return Oe.routes;
+  const r = wr();
+  return Oe = { at: e, pathname: t, routes: r }, r;
 }
-function wr() {
-  ze = null;
+function xr() {
+  Oe = null;
 }
-function _r(e, t) {
+function kr(e, t) {
   const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), o = i == null ? void 0 : i.set;
   o ? o.call(e, t) : e.value = t;
 }
-function xr(e, t, r = {}) {
+function Lr(e, t, r = {}) {
   const i = r.triggerInput ?? !0, o = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const l = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), c = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
-    c ? c.call(e, d) : e.checked = d, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), c = l == null ? void 0 : l.set, u = t === "true" || t === "1" || t === "on";
+    c ? c.call(e, u) : e.checked = u, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  _r(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  kr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function kr() {
+function Sr() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -1848,19 +1848,19 @@ function kr() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function Lr(e) {
+function Cr(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function Sr() {
+function Er() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
   for (const i of e) {
-    if (!Lr(i)) continue;
+    if (!Cr(i)) continue;
     const o = i.getBoundingClientRect();
     if (o.bottom <= 0 || o.top >= window.innerHeight || o.right <= 0 || o.left >= window.innerWidth || o.width <= 0 || o.height <= 0 || i.closest(".ll-widget")) continue;
     const l = o.width * o.height;
@@ -1868,24 +1868,24 @@ function Sr() {
   }
   return t;
 }
-function Cr() {
+function Nr() {
   if (typeof window > "u")
     return null;
-  if (kr()) return window;
-  const e = Sr();
+  if (Sr()) return window;
+  const e = Er();
   return e || window;
 }
-function Jt(e) {
+function Qt(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function Er(e) {
+function Ar(e) {
   var t, r;
   return e instanceof Window ? typeof document > "u" ? 0 : Math.max(
     ((t = document.body) == null ? void 0 : t.scrollHeight) ?? 0,
     ((r = document.documentElement) == null ? void 0 : r.scrollHeight) ?? 0
   ) : e.scrollHeight - e.clientHeight;
 }
-const Nr = /* @__PURE__ */ new Set([
+const Rr = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1908,8 +1908,8 @@ const Nr = /* @__PURE__ */ new Set([
   "submit_form",
   "request_routes"
 ]);
-function Ar(e) {
-  var Ct, Et, Nt, At, Rt, Mt, It;
+function Mr(e) {
+  var Nt, At, Rt, Mt, It, Tt, Pt;
   const {
     agentId: t,
     apiKey: r,
@@ -1917,516 +1917,550 @@ function Ar(e) {
     sessionEndpoint: o,
     sessionBody: l,
     autoConnect: c = !1,
-    displayMode: d,
+    displayMode: u,
     defaultDisplayMode: f = "expanded",
-    onDisplayModeChange: g,
+    onDisplayModeChange: y,
     position: b = "bottom-right",
     mobileBreakpoint: s = 640,
     persistKey: a = "ll-widget",
-    disablePersistence: k = !1,
+    disablePersistence: x = !1,
     teamMembers: E,
     currentTeamMemberId: C,
     onTeamMemberChange: v,
     idleLoopUrl: w,
-    greeting: z,
+    greeting: O,
     avatarImageUrl: I,
-    agentName: H,
-    branding: h = {},
+    agentName: q,
+    branding: m = {},
     allowCamera: R = !0,
-    allowScreenShare: q = !0,
-    allowTyping: D = !0,
+    allowScreenShare: W = !0,
+    allowTyping: z = !0,
     showOn: M,
-    hideOn: O,
-    pathname: W,
-    onNavigate: J,
-    onScrollToSelector: ne,
-    getPageContext: ye,
-    pageContextExtras: Je,
-    getRoutes: Ke,
-    onScrollPage: Xe,
-    onClick: Qe,
-    capabilities: ee,
-    onConnect: ae,
-    onDisconnect: ve,
-    onTranscript: xe,
-    onAgentState: ke,
-    onConnectionStateChange: Le,
-    onAgentEvent: Se,
-    onAgentCommand: Ce,
+    hideOn: B,
+    pathname: F,
+    onNavigate: G,
+    onScrollToSelector: ie,
+    getPageContext: be,
+    pageContextExtras: Qe,
+    getRoutes: Ze,
+    onScrollPage: et,
+    onClick: tt,
+    capabilities: re,
+    onConnect: ce,
+    onDisconnect: we,
+    onTranscript: Se,
+    onAgentState: Ce,
+    onConnectionStateChange: Ee,
+    onAgentEvent: Ne,
+    onAgentCommand: Ae,
     controlledSession: V,
-    className: st,
-    style: ct,
-    zIndex: Ze = 2147483647
-  } = e, ce = $n(W), Ee = Fn(ce, M, O);
-  A(() => {
-    hr(), wr();
-  }, [ce]);
-  const He = C !== void 0, [be, Ne] = S(() => {
-    var m;
-    return C ?? ((m = E == null ? void 0 : E[0]) == null ? void 0 : m.id);
-  }), G = He ? C : be, Q = ot(
-    () => (E == null ? void 0 : E.find((m) => m.id === G)) ?? null,
-    [E, G]
-  ), Ae = (Q == null ? void 0 : Q.agentId) ?? t, [re, se] = In({
-    value: d,
+    className: ut,
+    style: ft,
+    zIndex: nt = 2147483647
+  } = e, ue = Hn(F), Re = jn(ue, M, B);
+  N(() => {
+    gr(), xr();
+  }, [ue]);
+  const qe = C !== void 0, [_e, Me] = L(() => {
+    var h;
+    return C ?? ((h = E == null ? void 0 : E[0]) == null ? void 0 : h.id);
+  }), X = qe ? C : _e, ee = st(
+    () => (E == null ? void 0 : E.find((h) => h.id === X)) ?? null,
+    [E, X]
+  ), Ie = (ee == null ? void 0 : ee.agentId) ?? t, [oe, de] = Pn({
+    value: u,
     defaultValue: f,
-    onChange: g,
+    onChange: y,
     persistKey: a,
-    disablePersistence: k
-  }), we = Pn(s), Oe = wn(), te = _n(), ie = kn(), oe = Ln(), de = Sn(), [Re, ue] = S(!1), [fe, Be] = S(!1), [qe, We] = S(!1), [pe, he] = S(!1), [Me, et] = S(!1), Fe = N(J), Ie = N(ne), p = N(Xe), Y = N(Qe), dt = N(ye), wt = N(Je), _t = N(Ke), ut = N(ee), le = N(null);
-  Fe.current = J, Ie.current = ne, p.current = Xe, Y.current = Qe, dt.current = ye, wt.current = Je, _t.current = Ke, ut.current = ee;
-  function me(m) {
-    const u = ut.current;
-    return u ? u.includes(m) : !0;
+    disablePersistence: x
+  }), xe = $n(s), Be = xn(), te = kn(), le = Sn(), ae = Cn(), fe = En(), [Te, pe] = L(!1), [he, We] = L(!1), [Fe, Ue] = L(!1), [me, ge] = L(!1), [Pe, rt] = L(!1), je = A(G), De = A(ie), p = A(et), Y = A(tt), pt = A(be), kt = A(Qe), Lt = A(Ze), ht = A(re), ne = A(null);
+  je.current = G, De.current = ie, p.current = et, Y.current = tt, pt.current = be, kt.current = Qe, Lt.current = Ze, ht.current = re;
+  function ye(h) {
+    const d = ht.current;
+    return d ? d.includes(h) : !0;
   }
-  function ge(m, u) {
+  function ve(h, d) {
     console.warn(
-      `[LiveLayer] Agent command "${m}" blocked — capability "${u}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+      `[LiveLayer] Agent command "${h}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const Ue = L(
-    (m) => {
-      var K, Te, nt, Tt;
-      const u = m;
-      if (!(!u.type || typeof u.type != "string")) {
-        if (Se == null || Se({ eventName: u.type, data: m }), u.type === "navigate") {
-          if (!me("navigate")) {
-            ge("navigate", "navigate");
+  const Ve = k(
+    (h) => {
+      var Z, $e, ot, Dt, $t;
+      const d = h;
+      if (!(!d.type || typeof d.type != "string")) {
+        if (Ne == null || Ne({ eventName: d.type, data: h }), d.type === "navigate") {
+          if (!ye("navigate")) {
+            ve("navigate", "navigate");
             return;
           }
-          const x = typeof u.href == "string" ? u.href : null;
-          if (!x) {
+          const S = typeof d.href == "string" ? d.href : null;
+          if (!S) {
             console.warn(
               `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
             );
             return;
           }
-          if (Fe.current) {
+          if (je.current) {
             try {
-              Fe.current(x);
-            } catch (T) {
+              je.current(S);
+            } catch (P) {
               console.warn(
-                `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
-                T
+                `[LiveLayer] onNavigate threw for "${S}". Falling back. Error:`,
+                P
               );
             }
             return;
           }
           if (typeof document < "u") {
-            const T = document.querySelector(
-              `a[href="${x.replace(/"/g, '\\"')}"]`
+            const P = document.querySelector(
+              `a[href="${S.replace(/"/g, '\\"')}"]`
             );
-            if (T) {
-              T.click();
+            if (P) {
+              P.click();
               return;
             }
           }
           if (typeof window < "u" && typeof history < "u")
             try {
-              history.pushState({}, "", x), window.dispatchEvent(new PopStateEvent("popstate"));
-            } catch (T) {
+              history.pushState({}, "", S), window.dispatchEvent(new PopStateEvent("popstate"));
+            } catch (P) {
               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`,
-                T
+                `[LiveLayer] history.pushState fallback failed for "${S}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                P
               );
             }
           return;
         }
-        if (u.type === "scroll_to") {
-          if (!me("scroll")) {
-            ge("scroll_to", "scroll");
+        if (d.type === "scroll_to") {
+          if (!ye("scroll")) {
+            ve("scroll_to", "scroll");
             return;
           }
-          const x = typeof u.selector == "string" ? u.selector : null;
-          if (!x) return;
-          const T = u.behavior === "instant" ? "instant" : "smooth";
-          if (Ie.current) {
+          const S = typeof d.selector == "string" ? d.selector : null;
+          if (!S) return;
+          const P = d.behavior === "instant" ? "instant" : "smooth";
+          if (De.current) {
             try {
-              Ie.current(
-                x,
-                T
+              De.current(
+                S,
+                P
               );
-            } catch (B) {
-              console.warn("[LiveLayer] onScrollToSelector threw.", B);
+            } catch (D) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", D);
             }
             return;
           }
           if (typeof document < "u") {
-            let B = null;
+            let D = null;
             try {
-              B = document.querySelector(x);
+              D = document.querySelector(S);
             } catch {
               console.warn(
-                `[LiveLayer] scroll_to: invalid selector "${x}".`
+                `[LiveLayer] scroll_to: invalid selector "${S}".`
               );
               return;
             }
-            if (!B) {
+            if (!D) {
               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`
+                `[LiveLayer] scroll_to: no element matched "${S}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
               );
               return;
             }
-            B.scrollIntoView({
-              behavior: T,
+            D.scrollIntoView({
+              behavior: P,
               block: "start"
             });
           }
           return;
         }
-        if (u.type === "request_page_context") {
-          if (!me("read_page")) {
-            ge("request_page_context", "read_page");
+        if (d.type === "request_page_context") {
+          if (!ye("read_page")) {
+            ve("request_page_context", "read_page");
             return;
           }
-          const x = typeof u.requestId == "string" ? u.requestId : void 0, T = (K = le.current) == null ? void 0 : K.call(le), B = (j) => {
-            const P = T, X = P == null ? void 0 : P.localParticipant;
-            if (X != null && X.publishData)
+          const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (Z = ne.current) == null ? void 0 : Z.call(ne), D = (K) => {
+            const T = P, U = T == null ? void 0 : T.localParticipant;
+            if (U != null && U.publishData)
               try {
-                const Z = x ? { ...j, requestId: x } : j, Pe = new TextEncoder().encode(JSON.stringify(Z));
-                X.publishData(Pe, { reliable: !0 });
-              } catch (Z) {
-                console.warn("[LiveLayer] publishData failed.", Z);
+                const H = S ? { ...K, requestId: S } : K, Q = new TextEncoder().encode(JSON.stringify(H));
+                U.publishData(Q, { reliable: !0 });
+              } catch (H) {
+                console.warn("[LiveLayer] publishData failed.", H);
               }
-          }, $ = wt.current, F = dt.current;
+          }, $ = kt.current, J = pt.current;
           try {
-            if (F) {
-              const j = F($);
-              if (j instanceof Promise) {
-                B({ type: "page_context_pending" }), j.then((P) => B({ type: "page_context", context: P })).catch((P) => {
+            if (J) {
+              const K = J($);
+              if (K instanceof Promise) {
+                D({ type: "page_context_pending" }), K.then((T) => D({ type: "page_context", context: T })).catch((T) => {
                   console.warn(
                     "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                    P
-                  ), B({
+                    T
+                  ), D({
                     type: "page_context",
                     context: Gt($)
                   });
                 });
                 return;
               }
-              B({ type: "page_context", context: j });
+              D({ type: "page_context", context: K });
               return;
             }
-            B({
+            D({
               type: "page_context",
               context: Gt($)
             });
-          } catch (j) {
+          } catch (K) {
             console.warn(
               "[LiveLayer] page-context extraction threw. Sending empty context.",
-              j
-            ), B({
+              K
+            ), D({
               type: "page_context",
               context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: $ }
             });
           }
           return;
         }
-        if (u.type === "scroll_page") {
-          if (!me("scroll")) {
-            ge("scroll_page", "scroll");
+        if (d.type === "scroll_page") {
+          if (!ye("scroll")) {
+            ve("scroll_page", "scroll");
             return;
           }
-          const x = u.direction;
-          if (x !== "up" && x !== "down" && x !== "top" && x !== "bottom") {
+          const S = d.direction;
+          if (S !== "up" && S !== "down" && S !== "top" && S !== "bottom") {
             console.warn(
-              `[LiveLayer] scroll_page: invalid direction "${String(x)}". Expected up | down | top | bottom.`
+              `[LiveLayer] scroll_page: invalid direction "${String(S)}". Expected up | down | top | bottom.`
             );
             return;
           }
-          const T = u.behavior === "instant" ? "instant" : "smooth";
+          const P = d.behavior === "instant" ? "instant" : "smooth";
           if (p.current) {
             try {
               p.current(
-                x,
-                T
+                S,
+                P
               );
-            } catch (P) {
-              console.warn("[LiveLayer] onScrollPage threw.", P);
+            } catch (T) {
+              console.warn("[LiveLayer] onScrollPage threw.", T);
             }
             return;
           }
           if (typeof window > "u") return;
-          const B = { behavior: T }, $ = Cr(), F = (P) => {
-            $ instanceof Window ? $.scrollBy({ top: P, ...B }) : $.scrollBy({ top: P, ...B });
-          }, j = (P) => {
-            $ instanceof Window ? $.scrollTo({ top: P, ...B }) : $.scrollTo({ top: P, ...B });
+          const D = { behavior: P }, $ = Nr(), J = (T) => {
+            $ instanceof Window ? $.scrollBy({ top: T, ...D }) : $.scrollBy({ top: T, ...D });
+          }, K = (T) => {
+            $ instanceof Window ? $.scrollTo({ top: T, ...D }) : $.scrollTo({ top: T, ...D });
           };
-          x === "up" ? F(-Jt($)) : x === "down" ? F(Jt($)) : j(x === "top" ? 0 : Er($));
+          S === "up" ? J(-Qt($)) : S === "down" ? J(Qt($)) : K(S === "top" ? 0 : Ar($));
           return;
         }
-        if (u.type === "click") {
-          if (!me("click")) {
-            ge("click", "click");
+        if (d.type === "click") {
+          if (!ye("click")) {
+            ve("click", "click");
             return;
           }
-          const x = typeof u.selector == "string" ? u.selector : null;
-          if (!x) {
+          const S = typeof d.selector == "string" ? d.selector : null;
+          if (!S) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
           if (Y.current) {
             try {
-              Y.current(x);
-            } catch (B) {
-              console.warn("[LiveLayer] onClick threw.", B);
+              Y.current(S);
+            } catch (D) {
+              console.warn("[LiveLayer] onClick threw.", D);
             }
             return;
           }
           if (typeof document > "u") return;
-          let T = null;
+          let P = null;
           try {
-            T = document.querySelector(x);
+            P = document.querySelector(S);
           } catch {
             console.warn(
-              `[LiveLayer] click: invalid selector "${x}".`
+              `[LiveLayer] click: invalid selector "${S}".`
             );
             return;
           }
-          if (!T) {
+          if (!P) {
             console.warn(
-              `[LiveLayer] click: no element matched "${x}". See https://livelayer.studio/docs/errors/click-no-match`
+              `[LiveLayer] click: no element matched "${S}". See https://livelayer.studio/docs/errors/click-no-match`
             );
             return;
           }
-          if (T.closest('[data-ll-private="true"], .ll-widget')) {
+          if (P.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] click: refusing to click element inside a private subtree."
             );
             return;
           }
-          (Te = T.click) == null || Te.call(T);
+          ($e = P.click) == null || $e.call(P);
           return;
         }
-        if (u.type === "fill_form" || u.type === "focus_field") {
-          if (!me("fill_forms")) {
-            ge(u.type, "fill_forms");
+        if (d.type === "fill_form" || d.type === "focus_field") {
+          if (!ye("fill_forms")) {
+            ve(d.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
-          const x = typeof u.formId == "string" ? u.formId : null;
-          if (!x) {
-            console.warn(`[LiveLayer] ${u.type}: missing formId.`);
+          const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (ot = ne.current) == null ? void 0 : ot.call(ne), D = (H) => {
+            if (d.type !== "fill_form") return;
+            const Q = P, se = Q == null ? void 0 : Q.localParticipant;
+            if (se != null && se.publishData)
+              try {
+                const ke = S ? { ...H, requestId: S } : H, hn = new TextEncoder().encode(JSON.stringify(ke));
+                se.publishData(hn, { reliable: !0 });
+              } catch (ke) {
+                console.warn("[LiveLayer] publishData failed.", ke);
+              }
+          }, $ = typeof d.formId == "string" ? d.formId : null;
+          if (!$) {
+            console.warn(`[LiveLayer] ${d.type}: missing formId.`), D({ type: "fill_form_result", ok: !1, reason: "missing formId" });
             return;
           }
-          const T = document.querySelector(
-            `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
+          const J = document.querySelector(
+            `[data-ll-form="${$.replace(/"/g, '\\"')}"]`
           );
-          if (!T) {
+          if (!J) {
             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`
-            );
+              `[LiveLayer] ${d.type}: no form with data-ll-form="${$}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+            ), D({
+              type: "fill_form_result",
+              ok: !1,
+              reason: `no form with data-ll-form="${$}" on this page`,
+              formId: $
+            });
             return;
           }
-          if (T.closest('[data-ll-private="true"], .ll-widget')) {
+          if (J.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
-              `[LiveLayer] ${u.type}: refusing to touch a form in a private subtree.`
-            );
+              `[LiveLayer] ${d.type}: refusing to touch a form in a private subtree.`
+            ), D({
+              type: "fill_form_result",
+              ok: !1,
+              reason: "form is in a private subtree (data-ll-private)",
+              formId: $
+            });
             return;
           }
-          if (u.type === "focus_field") {
-            const $ = typeof u.fieldName == "string" ? u.fieldName : null;
-            if (!$) {
+          if (d.type === "focus_field") {
+            const H = typeof d.fieldName == "string" ? d.fieldName : null;
+            if (!H) {
               console.warn("[LiveLayer] focus_field: missing fieldName.");
               return;
             }
-            const F = T.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
-            if (!F) {
+            const Q = J.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
+            if (!Q) {
               console.warn(
-                `[LiveLayer] focus_field: no field "${$}" in form "${x}".`
+                `[LiveLayer] focus_field: no field "${H}" in form "${$}".`
               );
               return;
             }
-            if (!at(F)) {
+            if (!dt(Q)) {
               console.warn(
-                `[LiveLayer] focus_field: field "${$}" is privacy-protected and not focusable.`
+                `[LiveLayer] focus_field: field "${H}" is privacy-protected and not focusable.`
               );
               return;
             }
-            F.focus();
+            Q.focus();
             return;
           }
-          const B = u.values && typeof u.values == "object" ? u.values : null;
-          if (!B) {
-            console.warn("[LiveLayer] fill_form: missing or invalid values.");
+          const K = d.values && typeof d.values == "object" ? d.values : null;
+          if (!K) {
+            console.warn("[LiveLayer] fill_form: missing or invalid values."), D({
+              type: "fill_form_result",
+              ok: !1,
+              reason: "missing or invalid values",
+              formId: $
+            });
             return;
           }
-          for (const [$, F] of Object.entries(B)) {
-            if (typeof F != "string") continue;
-            const j = T.querySelector(`[data-ll-field="${$.replace(/"/g, '\\"')}"]`);
-            if (!j) {
+          const T = [], U = [];
+          for (const [H, Q] of Object.entries(K)) {
+            if (typeof Q != "string") continue;
+            const se = J.querySelector(`[data-ll-field="${H.replace(/"/g, '\\"')}"]`);
+            if (!se) {
               console.warn(
-                `[LiveLayer] fill_form: no field "${$}" in form "${x}". Skipping.`
-              );
+                `[LiveLayer] fill_form: no field "${H}" in form "${$}". Skipping.`
+              ), U.push(H);
               continue;
             }
-            if (!at(j)) {
+            if (!dt(se)) {
               console.warn(
-                `[LiveLayer] fill_form: field "${$}" is privacy-protected (password / cc-* / private). Skipping.`
-              );
+                `[LiveLayer] fill_form: field "${H}" is privacy-protected (password / cc-* / private). Skipping.`
+              ), U.push(H);
               continue;
             }
             try {
-              xr(j, F);
-            } catch (P) {
+              Lr(se, Q), T.push(H);
+            } catch (ke) {
               console.warn(
-                `[LiveLayer] fill_form: failed to set "${$}".`,
-                P
-              );
+                `[LiveLayer] fill_form: failed to set "${H}".`,
+                ke
+              ), U.push(H);
             }
           }
+          D({
+            type: "fill_form_result",
+            ok: T.length > 0,
+            formId: $,
+            filled: T,
+            skipped: U,
+            reason: T.length === 0 ? `none of the requested fields exist on this form (skipped: ${U.join(", ")})` : void 0
+          });
           return;
         }
-        if (u.type === "submit_form") {
-          if (!me("submit_forms")) {
-            ge("submit_form", "submit_forms");
+        if (d.type === "submit_form") {
+          if (!ye("submit_forms")) {
+            ve("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
-          const x = typeof u.formId == "string" ? u.formId : null;
-          if (!x) {
+          const S = typeof d.formId == "string" ? d.formId : null;
+          if (!S) {
             console.warn("[LiveLayer] submit_form: missing formId.");
             return;
           }
-          const T = document.querySelector(
-            `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
+          const P = document.querySelector(
+            `[data-ll-form="${S.replace(/"/g, '\\"')}"]`
           );
-          if (!T) {
+          if (!P) {
             console.warn(
-              `[LiveLayer] submit_form: no form with data-ll-form="${x}".`
+              `[LiveLayer] submit_form: no form with data-ll-form="${S}".`
             );
             return;
           }
-          if (T.closest('[data-ll-private="true"], .ll-widget')) {
+          if (P.closest('[data-ll-private="true"], .ll-widget')) {
             console.warn(
               "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
             );
             return;
           }
-          const B = typeof u.requestId == "string" ? u.requestId : void 0, $ = (nt = le.current) == null ? void 0 : nt.call(le), F = (X) => {
-            const Z = $, Pe = Z == null ? void 0 : Z.localParticipant;
-            if (Pe != null && Pe.publishData)
+          const D = typeof d.requestId == "string" ? d.requestId : void 0, $ = (Dt = ne.current) == null ? void 0 : Dt.call(ne), J = (U) => {
+            const H = $, Q = H == null ? void 0 : H.localParticipant;
+            if (Q != null && Q.publishData)
               try {
-                const un = B ? { ...X, requestId: B } : X, fn = new TextEncoder().encode(JSON.stringify(un));
-                Pe.publishData(fn, { reliable: !0 });
+                const se = D ? { ...U, requestId: D } : U, ke = new TextEncoder().encode(JSON.stringify(se));
+                Q.publishData(ke, { reliable: !0 });
               } catch {
               }
           };
-          let j = !1;
-          const P = () => {
-            j = !0, F({ type: "form_submitted", formId: x });
+          let K = !1;
+          const T = () => {
+            K = !0, J({ type: "form_submitted", formId: S });
           };
-          T.addEventListener("submit", P, { once: !0 });
+          P.addEventListener("submit", T, { once: !0 });
           try {
-            typeof T.requestSubmit == "function" ? T.requestSubmit() : T.submit();
-          } catch (X) {
-            console.warn("[LiveLayer] submit_form: requestSubmit threw.", X), T.removeEventListener("submit", P), F({
+            typeof P.requestSubmit == "function" ? P.requestSubmit() : P.submit();
+          } catch (U) {
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", U), P.removeEventListener("submit", T), J({
               type: "form_submit_blocked",
-              formId: x,
+              formId: S,
               reason: "exception"
             });
             return;
           }
           setTimeout(() => {
-            j || (T.removeEventListener("submit", P), F({
+            K || (P.removeEventListener("submit", T), J({
               type: "form_submit_blocked",
-              formId: x,
+              formId: S,
               reason: "validation"
             }));
           }, 500);
           return;
         }
-        if (u.type === "request_routes") {
-          if (!me("read_page")) {
-            ge("request_routes", "read_page");
+        if (d.type === "request_routes") {
+          if (!ye("read_page")) {
+            ve("request_routes", "read_page");
             return;
           }
-          const x = typeof u.requestId == "string" ? u.requestId : void 0, B = (Tt = le.current) == null ? void 0 : Tt.call(le), $ = B == null ? void 0 : B.localParticipant;
+          const S = typeof d.requestId == "string" ? d.requestId : void 0, D = ($t = ne.current) == null ? void 0 : $t.call(ne), $ = D == null ? void 0 : D.localParticipant;
           if (!($ != null && $.publishData)) return;
-          const F = (P) => {
+          const J = (T) => {
             try {
-              const X = x ? { type: "routes", routes: P, requestId: x } : { type: "routes", routes: P }, Z = new TextEncoder().encode(JSON.stringify(X));
-              $.publishData(Z, { reliable: !0 });
-            } catch (X) {
-              console.warn("[LiveLayer] request_routes: publishData failed.", X);
+              const U = S ? { type: "routes", routes: T, requestId: S } : { type: "routes", routes: T }, H = new TextEncoder().encode(JSON.stringify(U));
+              $.publishData(H, { reliable: !0 });
+            } catch (U) {
+              console.warn("[LiveLayer] request_routes: publishData failed.", U);
             }
-          }, j = _t.current;
-          if (j) {
+          }, K = Lt.current;
+          if (K) {
             try {
-              const P = j(), X = (Z) => {
-                if (!Array.isArray(Z)) {
-                  F([]);
+              const T = K(), U = (H) => {
+                if (!Array.isArray(H)) {
+                  J([]);
                   return;
                 }
-                F(Z.map(gr).slice(0, 200));
+                J(H.map(vr).slice(0, 200));
               };
-              P instanceof Promise ? P.then(X).catch((Z) => {
+              T instanceof Promise ? T.then(U).catch((H) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  Z
-                ), F(mt());
-              }) : X(P);
-            } catch (P) {
+                  H
+                ), J(vt());
+              }) : U(T);
+            } catch (T) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                P
-              ), F(mt());
+                T
+              ), J(vt());
             }
             return;
           }
           try {
-            F(mt());
-          } catch (P) {
-            console.warn("[LiveLayer] request_routes: extractRoutes threw.", P);
+            J(vt());
+          } catch (T) {
+            console.warn("[LiveLayer] request_routes: extractRoutes threw.", T);
           }
           return;
         }
-        Nr.has(u.type) || Ce == null || Ce(u);
+        Rr.has(d.type) || Ae == null || Ae(d);
       }
     },
-    [Ce, Se]
-  ), U = bn({
-    agentId: V ? "__controlled__" : Ae,
+    [Ae, Ne]
+  ), j = _n({
+    agentId: V ? "__controlled__" : Ie,
     baseUrl: i,
     apiKey: r,
     sessionEndpoint: o,
     sessionBody: l,
-    onDataMessage: V ? void 0 : Ue
+    onDataMessage: V ? void 0 : Ve
   });
-  A(() => {
+  N(() => {
     if (V != null && V.subscribeToDataMessages)
-      return V.subscribeToDataMessages(Ue);
-  }, [V, Ue]), le.current = () => {
-    var m;
-    return (m = U.getRoom) == null ? void 0 : m.call(U);
-  }, A(() => {
-    var K;
-    if (!ce) return;
-    const m = (K = U.getRoom) == null ? void 0 : K.call(U), u = m == null ? void 0 : m.localParticipant;
-    if (u != null && u.publishData)
+      return V.subscribeToDataMessages(Ve);
+  }, [V, Ve]), ne.current = () => {
+    var h;
+    return (h = j.getRoom) == null ? void 0 : h.call(j);
+  }, N(() => {
+    var Z;
+    if (!ue) return;
+    const h = (Z = j.getRoom) == null ? void 0 : Z.call(j), d = h == null ? void 0 : h.localParticipant;
+    if (d != null && d.publishData)
       try {
-        const Te = new TextEncoder().encode(
-          JSON.stringify({ type: "pathname", pathname: ce })
+        const $e = new TextEncoder().encode(
+          JSON.stringify({ type: "pathname", pathname: ue })
         );
-        u.publishData(Te, { reliable: !0 });
+        d.publishData($e, { reliable: !0 });
       } catch {
       }
-  }, [ce, U, U.connectionState]), A(() => {
-    var K;
+  }, [ue, j, j.connectionState]), N(() => {
+    var Z;
     if (typeof window > "u") return;
-    const m = ((K = window.location) == null ? void 0 : K.hostname) || "";
-    if (m === "localhost" || m === "127.0.0.1" || m === "0.0.0.0" || m.endsWith(".local") || m.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (Te) => {
+    const h = ((Z = window.location) == null ? void 0 : Z.hostname) || "";
+    if (h === "localhost" || h === "127.0.0.1" || h === "0.0.0.0" || h.endsWith(".local") || h.endsWith(".test"))
+      return window.__livelayerSimulateCommand = ($e) => {
         try {
-          Ue(Te);
-        } catch (nt) {
-          console.warn("[LiveLayer] simulate-command threw:", nt);
+          Ve($e);
+        } catch (ot) {
+          console.warn("[LiveLayer] simulate-command threw:", ot);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
-  }, [Ue]);
-  const y = ot(() => V ? {
+  }, [Ve]);
+  const g = st(() => V ? {
     connectionState: V.connectionState,
     agentState: V.agentState,
     transcript: V.transcript,
@@ -2442,215 +2476,221 @@ function Ar(e) {
     // Dummy getRoom for shape compatibility — controlled consumers own the Room.
     // Internal session's getRoom returns null when no real connect has happened,
     // so we reuse its reference for type consistency.
-    getRoom: U.getRoom,
+    getRoom: j.getRoom,
     isControlled: !0
   } : {
-    connectionState: U.connectionState,
-    agentState: U.agentState,
-    transcript: U.transcript,
-    videoElement: U.videoElement,
-    audioElement: U.audioElement,
-    canResume: U.canResume,
-    error: U.error,
-    agentConfig: U.agentConfig,
-    connect: U.connect,
-    disconnect: U.disconnect,
-    getRoom: U.getRoom,
+    connectionState: j.connectionState,
+    agentState: j.agentState,
+    transcript: j.transcript,
+    videoElement: j.videoElement,
+    audioElement: j.audioElement,
+    canResume: j.canResume,
+    error: j.error,
+    agentConfig: j.agentConfig,
+    connect: j.connect,
+    disconnect: j.disconnect,
+    getRoom: j.getRoom,
     isControlled: !1
-  }, [V, U]), xt = N(null);
-  A(() => {
-    const m = y.videoElement, u = xt.current;
-    if (!(!m || !u))
-      return u.appendChild(m), () => {
-        m.parentNode === u && u.removeChild(m);
+  }, [V, j]), St = A(null);
+  N(() => {
+    const h = g.videoElement, d = St.current;
+    if (!(!h || !d))
+      return d.appendChild(h), () => {
+        h.parentNode === d && d.removeChild(h);
       };
-  }, [y.videoElement]), A(() => {
-    const m = y.audioElement;
-    if (!m) return;
-    Oe.attach(m);
-    const u = m.play();
-    return u && typeof u.catch == "function" && u.catch((K) => {
-      (K == null ? void 0 : K.name) === "NotAllowedError" && ue(!0);
+  }, [g.videoElement]), N(() => {
+    const h = g.audioElement;
+    if (!h) return;
+    Be.attach(h);
+    const d = h.play();
+    return d && typeof d.catch == "function" && d.catch((Z) => {
+      (Z == null ? void 0 : Z.name) === "NotAllowedError" && pe(!0);
     }), () => {
-      Oe.detach();
+      Be.detach();
     };
-  }, [y.audioElement]), A(() => {
-    if (y.isControlled || y.connectionState !== "connected") return;
-    const m = y.getRoom();
-    if (m)
-      return te.setupMic(m, { startMuted: !0 }).catch(() => {
-      }), ie.attachRoom(m), oe.attachRoom(m), de.refresh(), () => {
-        te.teardownMic(), ie.teardown(), oe.teardown();
+  }, [g.audioElement]), N(() => {
+    if (g.isControlled || g.connectionState !== "connected") return;
+    const h = g.getRoom();
+    if (h)
+      return te.setupMic(h, { startMuted: !0 }).catch(() => {
+      }), le.attachRoom(h), ae.attachRoom(h), fe.refresh(), () => {
+        te.teardownMic(), le.teardown(), ae.teardown();
       };
-  }, [y.isControlled, y.connectionState]);
-  const [ft, kt] = S(!1), pt = N("idle");
-  A(() => {
-    if (y.connectionState === "idle" || y.connectionState === "disconnected") {
-      kt(!1), pt.current = "idle";
+  }, [g.isControlled, g.connectionState]);
+  const [Ye, mt] = L(!1), gt = A("idle");
+  N(() => {
+    if (g.connectionState === "idle" || g.connectionState === "disconnected") {
+      mt(!1), gt.current = "idle";
       return;
     }
-    !ft && pt.current === "speaking" && y.agentState !== "speaking" && (kt(!0), te.setMuted(!1)), pt.current = y.agentState;
-  }, [y.agentState, y.connectionState, ft]), A(() => {
-    const m = y.audioElement;
-    m && (m.muted = Me);
-  }, [y.audioElement, Me]);
-  const Zt = L((m) => {
-    const u = y.getRoom();
-    if (u)
+    !Ye && gt.current === "speaking" && g.agentState !== "speaking" && (mt(!0), te.setMuted(!1)), gt.current = g.agentState;
+  }, [g.agentState, g.connectionState, Ye]), N(() => {
+    if (g.connectionState !== "connected" || Ye) return;
+    const h = setTimeout(() => {
+      mt(!0), te.setMuted(!1);
+    }, 4e3);
+    return () => clearTimeout(h);
+  }, [g.connectionState, Ye]), N(() => {
+    const h = g.audioElement;
+    h && (h.muted = Pe);
+  }, [g.audioElement, Pe]);
+  const nn = k((h) => {
+    const d = g.getRoom();
+    if (d)
       try {
-        const K = new TextEncoder().encode(
-          JSON.stringify({ type: "user_message", text: m })
+        const Z = new TextEncoder().encode(
+          JSON.stringify({ type: "user_message", text: h })
         );
-        u.localParticipant.publishData(K, { reliable: !0 });
+        d.localParticipant.publishData(Z, { reliable: !0 });
       } catch {
       }
-  }, [y]), en = L(() => {
-    et((m) => !m);
+  }, [g]), rn = k(() => {
+    rt((h) => !h);
   }, []);
-  A(() => {
-    Le == null || Le(y.connectionState), y.connectionState === "connected" ? ae == null || ae() : y.connectionState === "disconnected" && (ve == null || ve());
-  }, [y.connectionState, ae, ve, Le]), A(() => {
-    xe == null || xe(y.transcript);
-  }, [y.transcript, xe]), A(() => {
-    ke == null || ke(y.agentState);
-  }, [y.agentState, ke]);
-  const Lt = N(!1);
-  A(() => {
-    y.isControlled || !c || Lt.current || Ee && y.connectionState === "idle" && (Lt.current = !0, y.connect());
-  }, [c, y.connectionState, y, Ee]);
-  const tn = L(
-    (m) => {
-      const u = E == null ? void 0 : E.find((K) => K.id === m);
-      u && (We(!1), m !== G && (Be(!0), y.disconnect(), He || Ne(m), v == null || v(u)));
+  N(() => {
+    Ee == null || Ee(g.connectionState), g.connectionState === "connected" ? ce == null || ce() : g.connectionState === "disconnected" && (we == null || we());
+  }, [g.connectionState, ce, we, Ee]), N(() => {
+    Se == null || Se(g.transcript);
+  }, [g.transcript, Se]), N(() => {
+    Ce == null || Ce(g.agentState);
+  }, [g.agentState, Ce]);
+  const Ct = A(!1);
+  N(() => {
+    g.isControlled || !c || Ct.current || Re && g.connectionState === "idle" && (Ct.current = !0, g.connect());
+  }, [c, g.connectionState, g, Re]);
+  const on = k(
+    (h) => {
+      const d = E == null ? void 0 : E.find((Z) => Z.id === h);
+      d && (Ue(!1), h !== X && (We(!0), g.disconnect(), qe || Me(h), v == null || v(d)));
     },
     [
       E,
-      G,
-      y,
-      He,
+      X,
+      g,
+      qe,
       v
     ]
   );
-  A(() => {
-    fe && y.connectionState === "connected" && Be(!1);
-  }, [y.connectionState, fe]), A(() => {
-    if (!qe) return;
-    const m = (u) => {
-      u.key === "Escape" && We(!1);
+  N(() => {
+    he && g.connectionState === "connected" && We(!1);
+  }, [g.connectionState, he]), N(() => {
+    if (!Fe) return;
+    const h = (d) => {
+      d.key === "Escape" && Ue(!1);
     };
-    return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
-  }, [qe]);
-  const nn = !!I || !!(Q != null && Q.avatarImageUrl) || y.isControlled, je = Cn(Ae, i, nn);
-  ee === void 0 && ((Ct = je.info) != null && Ct.capabilities) && (ut.current = je.info.capabilities);
-  const tt = (Q == null ? void 0 : Q.name) ?? H ?? ((Et = y.agentConfig) == null ? void 0 : Et.name) ?? ((Nt = je.info) == null ? void 0 : Nt.name) ?? "Live Layer", ht = (Q == null ? void 0 : Q.avatarImageUrl) ?? I ?? ((At = y.agentConfig) == null ? void 0 : At.avatarImageUrl) ?? ((Rt = je.info) == null ? void 0 : Rt.avatarImageUrl) ?? null, rn = w ?? ((Mt = y.agentConfig) == null ? void 0 : Mt.idleLoopUrl) ?? ((It = je.info) == null ? void 0 : It.idleLoopUrl) ?? null, on = z ?? null, ln = L(() => se("expanded"), [se]), an = L(
-    () => se("minimized"),
-    [se]
-  ), St = L(() => {
-    y.disconnect(), se("hidden");
-  }, [y, se]), sn = L(() => {
-    const m = y.audioElement;
-    m && m.play().then(() => ue(!1)).catch(() => {
+    return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
+  }, [Fe]);
+  const ln = !!I || !!(ee != null && ee.avatarImageUrl) || g.isControlled, Je = Nn(Ie, i, ln);
+  re === void 0 && ((Nt = Je.info) != null && Nt.capabilities) && (ht.current = Je.info.capabilities);
+  const it = (ee == null ? void 0 : ee.name) ?? q ?? ((At = g.agentConfig) == null ? void 0 : At.name) ?? ((Rt = Je.info) == null ? void 0 : Rt.name) ?? "Live Layer", yt = (ee == null ? void 0 : ee.avatarImageUrl) ?? I ?? ((Mt = g.agentConfig) == null ? void 0 : Mt.avatarImageUrl) ?? ((It = Je.info) == null ? void 0 : It.avatarImageUrl) ?? null, an = w ?? ((Tt = g.agentConfig) == null ? void 0 : Tt.idleLoopUrl) ?? ((Pt = Je.info) == null ? void 0 : Pt.idleLoopUrl) ?? null, sn = O ?? null, cn = k(() => de("expanded"), [de]), dn = k(
+    () => de("minimized"),
+    [de]
+  ), Et = k(() => {
+    g.disconnect(), de("hidden");
+  }, [g, de]), un = k(() => {
+    const h = g.audioElement;
+    h && h.play().then(() => pe(!1)).catch(() => {
     });
-  }, [y.audioElement]), cn = L(() => {
-    ue(!1), y.connect();
-  }, [y]), Ve = {
-    ...ct,
-    zIndex: Ze
+  }, [g.audioElement]), fn = k(() => {
+    pe(!1), g.connect();
+  }, [g]), Ke = {
+    ...ft,
+    zIndex: nt
   };
-  h.primaryColor && (Ve["--ll-color-primary"] = h.primaryColor), h.accentColor && (Ve["--ll-color-accent"] = h.accentColor), h.backgroundColor && (Ve["--ll-color-bg"] = h.backgroundColor), h.textColor && (Ve["--ll-color-fg"] = h.textColor);
-  const dn = [
+  m.primaryColor && (Ke["--ll-color-primary"] = m.primaryColor), m.accentColor && (Ke["--ll-color-accent"] = m.accentColor), m.backgroundColor && (Ke["--ll-color-bg"] = m.backgroundColor), m.textColor && (Ke["--ll-color-fg"] = m.textColor);
+  const pn = [
     "ll-widget",
-    `ll-widget--${re}`,
-    `ll-widget--${we ? "mobile" : "desktop"}`,
-    st
+    `ll-widget--${oe}`,
+    `ll-widget--${xe ? "mobile" : "desktop"}`,
+    ut
   ].filter(Boolean).join(" ");
-  return Ee ? /* @__PURE__ */ _(
+  return Re ? /* @__PURE__ */ _(
     "div",
     {
-      className: dn,
-      style: Ve,
-      "data-display-mode": re,
+      className: pn,
+      style: Ke,
+      "data-display-mode": oe,
       "data-position": b,
       children: [
-        re === "hidden" && /* @__PURE__ */ n(
-          Jn,
+        oe === "hidden" && /* @__PURE__ */ n(
+          Gn,
           {
             position: b,
-            isMobile: we,
-            isSpeaking: y.agentState === "speaking",
-            onExpand: () => se("expanded"),
-            label: `Open ${tt} widget`,
-            avatarImageUrl: ht,
-            agentName: tt
+            isMobile: xe,
+            isSpeaking: g.agentState === "speaking",
+            onExpand: () => de("expanded"),
+            label: `Open ${it} widget`,
+            avatarImageUrl: yt,
+            agentName: it
           }
         ),
-        re === "minimized" && /* @__PURE__ */ n(
-          Xn,
+        oe === "minimized" && /* @__PURE__ */ n(
+          Zn,
           {
             position: b,
-            isMobile: we,
-            agentName: tt,
-            avatarImageUrl: ht,
-            agentState: y.agentState,
+            isMobile: xe,
+            agentName: it,
+            avatarImageUrl: yt,
+            agentState: g.agentState,
             isMuted: te.isMuted,
-            audioLevel: Oe,
-            onExpand: ln,
+            audioLevel: Be,
+            onExpand: cn,
             onToggleMute: te.toggleMute,
-            onClose: St
+            onClose: Et
           }
         ),
-        re === "expanded" && /* @__PURE__ */ n(
-          Zn,
+        oe === "expanded" && /* @__PURE__ */ n(
+          tr,
           {
             position: b,
-            isMobile: we,
-            agentName: tt,
-            avatarImageUrl: ht,
-            idleLoopUrl: rn,
-            greeting: on,
-            branding: h,
+            isMobile: xe,
+            agentName: it,
+            avatarImageUrl: yt,
+            idleLoopUrl: an,
+            greeting: sn,
+            branding: m,
             teamMembers: E,
-            currentTeamMemberId: G,
-            isSwitchingTeamMember: fe,
-            teamSwitcherOpen: qe,
-            onToggleTeamSwitcher: () => We((m) => !m),
-            onSelectTeamMember: tn,
-            connectionState: y.connectionState,
-            agentState: y.agentState,
-            transcript: y.transcript,
+            currentTeamMemberId: X,
+            isSwitchingTeamMember: he,
+            teamSwitcherOpen: Fe,
+            onToggleTeamSwitcher: () => Ue((h) => !h),
+            onSelectTeamMember: on,
+            connectionState: g.connectionState,
+            agentState: g.agentState,
+            transcript: g.transcript,
             isMuted: te.isMuted,
-            micDevices: de.mics,
-            isCameraEnabled: ie.isEnabled,
-            cameraPreviewEl: ie.previewEl,
-            cameraDevices: de.cameras,
-            activeCameraId: ie.activeDeviceId,
-            isScreenShareEnabled: oe.isEnabled,
-            screenPreviewEl: oe.previewEl,
-            isSpeakerMuted: Me,
+            micDevices: fe.mics,
+            isCameraEnabled: le.isEnabled,
+            cameraPreviewEl: le.previewEl,
+            cameraDevices: fe.cameras,
+            activeCameraId: le.activeDeviceId,
+            isScreenShareEnabled: ae.isEnabled,
+            screenPreviewEl: ae.previewEl,
+            isSpeakerMuted: Pe,
             allowCamera: R,
-            allowScreenShare: q,
-            allowTyping: D,
-            languageMenuOpen: pe,
-            onToggleLanguageMenu: () => he((m) => !m),
-            needsUserGesture: Re,
-            canResume: y.canResume,
+            allowScreenShare: W,
+            allowTyping: z,
+            languageMenuOpen: me,
+            onToggleLanguageMenu: () => ge((h) => !h),
+            needsUserGesture: Te,
+            canResume: g.canResume,
             micError: te.micError,
-            error: y.error,
-            avatarVideoContainerRef: xt,
-            agentVideoEl: y.videoElement,
-            micGateOpen: y.isControlled ? !0 : ft,
-            onConnect: () => void y.connect(),
-            onDisconnect: () => y.disconnect(),
-            onRetry: cn,
-            onResumeAudio: sn,
+            error: g.error,
+            avatarVideoContainerRef: St,
+            agentVideoEl: g.videoElement,
+            micGateOpen: g.isControlled ? !0 : Ye,
+            onConnect: () => void g.connect(),
+            onDisconnect: () => g.disconnect(),
+            onRetry: fn,
+            onResumeAudio: un,
             onToggleMute: te.toggleMute,
-            onToggleCamera: () => void ie.toggle(),
-            onSwitchCameraDevice: (m) => void ie.switchDevice(m),
-            onToggleScreenShare: () => void oe.toggle(),
-            onToggleSpeaker: en,
-            onSendMessage: Zt,
-            onMinimize: an,
-            onClose: St,
+            onToggleCamera: () => void le.toggle(),
+            onSwitchCameraDevice: (h) => void le.switchDevice(h),
+            onToggleScreenShare: () => void ae.toggle(),
+            onToggleSpeaker: rn,
+            onSendMessage: nn,
+            onMinimize: dn,
+            onClose: Et,
             onClearMicError: te.clearError
           }
         )
@@ -2658,10 +2698,10 @@ function Ar(e) {
     }
   ) : null;
 }
-function zr(e) {
-  return /* @__PURE__ */ n(vn, { children: /* @__PURE__ */ n(Ar, { ...e }) });
+function Or(e) {
+  return /* @__PURE__ */ n(wn, { children: /* @__PURE__ */ n(Mr, { ...e }) });
 }
-const Hr = ({
+const qr = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
@@ -2670,29 +2710,29 @@ const Hr = ({
   className: l,
   style: c
 }) => {
-  const d = N(null), f = N(null), g = N(o);
-  g.current = o;
-  const b = L((s) => {
-    var k;
+  const u = A(null), f = A(null), y = A(o);
+  y.current = o;
+  const b = k((s) => {
+    var x;
     const a = s.detail;
-    (k = g.current) == null || k.call(g, a);
+    (x = y.current) == null || x.call(y, a);
   }, []);
-  return A(() => {
-    const s = d.current;
+  return N(() => {
+    const s = u.current;
     if (!s) return;
     const a = document.createElement("livelayer-widget");
     return a.setAttribute("agent-id", e), t && a.setAttribute("base-url", t), r && a.setAttribute("api-key", r), i && a.setAttribute("mode", i), a.addEventListener("agent-event", b), s.appendChild(a), f.current = a, () => {
       a.removeEventListener("agent-event", b), s.removeChild(a), f.current = null;
     };
-  }, [e]), A(() => {
+  }, [e]), N(() => {
     f.current && (i ? f.current.setAttribute("mode", i) : f.current.removeAttribute("mode"));
-  }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: c });
-}, Or = vt(
-  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, d) {
-    return hn(
+  }, [i]), /* @__PURE__ */ n("div", { ref: u, className: l, style: c });
+}, Br = _t(
+  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, u) {
+    return gn(
       i,
       {
-        ref: d,
+        ref: u,
         "data-ll-region": t,
         "data-ll-intent": r,
         className: o,
@@ -2701,7 +2741,7 @@ const Hr = ({
       c
     );
   }
-), Br = vt(
+), Wr = _t(
   function({ id: t, intent: r, children: i, ...o }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -2714,13 +2754,13 @@ const Hr = ({
       }
     );
   }
-), qr = vt(
+), Fr = _t(
   function(t, r) {
     const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
-    let d;
+    let u;
     if ("as" in t && t.as === "textarea") {
-      const { name: f, label: g, labelClassName: b, as: s, ...a } = t;
-      d = /* @__PURE__ */ n(
+      const { name: f, label: y, labelClassName: b, as: s, ...a } = t;
+      u = /* @__PURE__ */ n(
         "textarea",
         {
           ref: r,
@@ -2729,19 +2769,19 @@ const Hr = ({
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: f, label: g, labelClassName: b, as: s, children: a, ...k } = t;
-      d = /* @__PURE__ */ n(
+      const { name: f, label: y, labelClassName: b, as: s, children: a, ...x } = t;
+      u = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
           ...c,
-          ...k,
+          ...x,
           children: a
         }
       );
     } else {
-      const { name: f, label: g, labelClassName: b, as: s, ...a } = t;
-      d = /* @__PURE__ */ n(
+      const { name: f, label: y, labelClassName: b, as: s, ...a } = t;
+      u = /* @__PURE__ */ n(
         "input",
         {
           ref: r,
@@ -2750,72 +2790,72 @@ const Hr = ({
         }
       );
     }
-    return o === void 0 ? d : /* @__PURE__ */ _("label", { className: l, children: [
+    return o === void 0 ? u : /* @__PURE__ */ _("label", { className: l, children: [
       o,
-      d
+      u
     ] });
   }
 );
-let Kt = 1;
-function Wr({
+let Zt = 1;
+function Ur({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, o] = S(t), [l, c] = S([]), [d, f] = S(""), [g, b] = S(!1), s = N(/* @__PURE__ */ new Set()), a = N([]), k = N(g);
-  k.current = g, A(() => {
+  const [i, o] = L(t), [l, c] = L([]), [u, f] = L(""), [y, b] = L(!1), s = A(/* @__PURE__ */ new Set()), a = A([]), x = A(y);
+  x.current = y, N(() => {
     try {
       const v = localStorage.getItem(r);
       v === "1" && o(!0), v === "0" && o(!1);
     } catch {
     }
-  }, [r]), A(() => {
+  }, [r]), N(() => {
     try {
       localStorage.setItem(r, i ? "1" : "0");
     } catch {
     }
-  }, [i, r]), A(() => {
+  }, [i, r]), N(() => {
     const v = (w) => {
-      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), o((z) => !z));
+      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), o((O) => !O));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, []), A(() => {
+  }, []), N(() => {
     const v = setInterval(() => {
-      if (a.current.length === 0 || k.current) return;
+      if (a.current.length === 0 || x.current) return;
       const w = a.current.splice(0, a.current.length);
       c(
-        (z) => [...w.reverse(), ...z].slice(0, 200)
+        (O) => [...w.reverse(), ...O].slice(0, 200)
       );
     }, 100);
     return () => clearInterval(v);
   }, []);
-  const E = N(!1);
-  if (A(() => {
+  const E = A(!1);
+  if (N(() => {
     !e || E.current || (E.current = !0, e((v) => {
       a.current.push({
-        id: Kt++,
+        id: Zt++,
         ts: Date.now(),
         kind: "event",
         type: v.eventName,
         data: v.data
       });
     }));
-  }, [e]), A(() => {
-    const v = console.warn, w = console.log, z = (I, H) => function(...h) {
+  }, [e]), N(() => {
+    const v = console.warn, w = console.log, O = (I, q) => function(...m) {
       try {
-        const R = typeof h[0] == "string" ? h[0] : "";
+        const R = typeof m[0] == "string" ? m[0] : "";
         R.startsWith("[LiveLayer]") && a.current.push({
-          id: Kt++,
+          id: Zt++,
           ts: Date.now(),
           kind: I,
           type: R.slice(0, 120),
-          data: { args: h.slice(1).map((q) => Mr(q)) }
+          data: { args: m.slice(1).map((W) => Tr(W)) }
         });
       } catch {
       }
-      return H.apply(this, h);
+      return q.apply(this, m);
     };
-    return console.warn = z("warn", v), console.log = z("log", w), () => {
+    return console.warn = O("warn", v), console.log = O("log", w), () => {
       console.warn = v, console.log = w;
     };
   }, []), !i)
@@ -2846,8 +2886,8 @@ function Wr({
       }
     );
   const C = l.filter((v) => {
-    if (!d) return !0;
-    const w = d.toLowerCase();
+    if (!u) return !0;
+    const w = u.toLowerCase();
     return v.type.toLowerCase().includes(w) || JSON.stringify(v.data || {}).toLowerCase().includes(w);
   });
   return /* @__PURE__ */ _(
@@ -2896,9 +2936,9 @@ function Wr({
                 {
                   type: "button",
                   onClick: () => b((v) => !v),
-                  style: gt(g ? "#f59e0b" : "transparent"),
+                  style: bt(y ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
-                  children: g ? "▶ resume" : "⏸ pause"
+                  children: y ? "▶ resume" : "⏸ pause"
                 }
               ),
               /* @__PURE__ */ n(
@@ -2908,7 +2948,7 @@ function Wr({
                   onClick: () => {
                     c([]), a.current = [];
                   },
-                  style: gt("transparent"),
+                  style: bt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -2918,7 +2958,7 @@ function Wr({
                 {
                   type: "button",
                   onClick: () => o(!1),
-                  style: gt("transparent"),
+                  style: bt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -2931,7 +2971,7 @@ function Wr({
           "input",
           {
             type: "text",
-            value: d,
+            value: u,
             onChange: (v) => f(v.target.value),
             placeholder: "filter by type or data…",
             style: {
@@ -2985,7 +3025,7 @@ function Wr({
                 ]
               }
             ) : C.map((v) => /* @__PURE__ */ n(
-              Rr,
+              Ir,
               {
                 entry: v,
                 expanded: s.current.has(v.id),
@@ -3001,7 +3041,7 @@ function Wr({
     }
   );
 }
-function Rr({
+function Ir({
   entry: e,
   expanded: t,
   onToggle: r
@@ -3071,7 +3111,7 @@ function Rr({
     }
   );
 }
-function gt(e) {
+function bt(e) {
   return {
     background: e,
     color: "#fff",
@@ -3082,24 +3122,24 @@ function gt(e) {
     cursor: "pointer"
   };
 }
-function Mr(e) {
+function Tr(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function Fr() {
-  const [e, t] = S([]), r = L((o) => {
+function jr() {
+  const [e, t] = L([]), r = k((o) => {
     t((l) => {
-      const c = l.findIndex((d) => d.id === o.id);
+      const c = l.findIndex((u) => u.id === o.id);
       if (c >= 0) {
-        const d = l.slice();
-        return d[c] = o, d;
+        const u = l.slice();
+        return u[c] = o, u;
       }
       return [...l, o];
     });
-  }, []), i = L(() => t([]), []);
+  }, []), i = k(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
@@ -3108,33 +3148,33 @@ function Fr() {
   };
 }
 export {
-  zr as AvatarWidget,
-  vn as ErrorBoundary,
-  Wr as LiveLayerDebugPanel,
-  qr as LiveLayerField,
-  Br as LiveLayerForm,
-  Or as LiveLayerRegion,
-  Hr as LiveLayerWidget,
-  hr as clearPageContextCache,
-  wr as clearRoutesCache,
-  pr as extractPageContext,
-  vr as extractRoutes,
+  Or as AvatarWidget,
+  wn as ErrorBoundary,
+  Ur as LiveLayerDebugPanel,
+  Fr as LiveLayerField,
+  Wr as LiveLayerForm,
+  Br as LiveLayerRegion,
+  qr as LiveLayerWidget,
+  gr as clearPageContextCache,
+  xr as clearRoutesCache,
+  mr as extractPageContext,
+  wr as extractRoutes,
   Gt as getCachedPageContext,
-  mt as getCachedRoutes,
-  qn as matchesPattern,
-  gr as normalizeRouteInput,
-  Wn as shouldRenderAtPath,
-  Cn as useAgentInfo,
-  wn as useAudioLevel,
-  kn as useCameraState,
-  An as useDisplayMode,
-  In as useDisplayModePersistence,
-  Pn as useIsMobile,
-  bn as useLiveKitSession,
-  Sn as useMediaDevices,
-  _n as useMicrophoneState,
-  $n as usePathname,
-  Fn as useRouteMatch,
-  Ln as useScreenShareState,
-  Fr as useTranscript
+  vt as getCachedRoutes,
+  Fn as matchesPattern,
+  vr as normalizeRouteInput,
+  Un as shouldRenderAtPath,
+  Nn as useAgentInfo,
+  xn as useAudioLevel,
+  Sn as useCameraState,
+  Mn as useDisplayMode,
+  Pn as useDisplayModePersistence,
+  $n as useIsMobile,
+  _n as useLiveKitSession,
+  En as useMediaDevices,
+  kn as useMicrophoneState,
+  Hn as usePathname,
+  jn as useRouteMatch,
+  Cn as useScreenShareState,
+  jr as useTranscript
 };