@livelayer/react 0.21.0 → 0.21.1

package/dist/index.mjs

@@ -15,8 +15,8 @@ class mr extends sr {
     return { hasError: !0, error: t };
   }
   componentDidCatch(t, r) {
-    var i, l;
-    (l = (i = this.props).onError) == null || l.call(i, t, r);
+    var i, a;
+    (a = (i = this.props).onError) == null || a.call(i, t, r);
   }
   render() {
     var t;
@@ -36,15 +36,15 @@ class mr extends sr {
   }
 }
 function gr(e) {
-  const [t, r] = M("idle"), [i, l] = M("idle"), [o, s] = M([]), [a, c] = M(null), [d, b] = M(null), [p, h] = M(null), [P, x] = M(!1), [E, g] = M(null), w = I(null), R = I(e.onDataMessage);
+  const [t, r] = M("idle"), [i, a] = M("idle"), [o, c] = M([]), [l, s] = M(null), [u, b] = M(null), [p, h] = M(null), [P, x] = M(!1), [E, g] = M(null), w = I(null), R = I(e.onDataMessage);
   R.current = e.onDataMessage, T(() => {
     const m = {
       onConnectionStateChange: (W) => {
         r(W), W === "connected" && g(null);
       },
-      onAgentStateChange: l,
-      onTranscript: (W) => s([...W]),
-      onAgentConfig: c,
+      onAgentStateChange: a,
+      onTranscript: (W) => c([...W]),
+      onAgentConfig: s,
       onAudioTrack: (W) => h(W),
       onVideoTrack: (W) => b(W),
       onVideoTrackRemoved: () => b(null),
@@ -64,7 +64,7 @@ function gr(e) {
       },
       m
     );
-    return w.current = D, r("idle"), l("idle"), s([]), c(null), b(null), h(null), x(!1), g(null), () => {
+    return w.current = D, r("idle"), a("idle"), c([]), s(null), b(null), h(null), x(!1), g(null), () => {
       var W;
       (W = D.destroy) == null || W.call(D), w.current = null;
     };
@@ -94,8 +94,8 @@ function gr(e) {
     connectionState: t,
     agentState: i,
     transcript: o,
-    agentConfig: a,
-    videoElement: d,
+    agentConfig: l,
+    videoElement: u,
     audioElement: p,
     canResume: P,
     error: E,
@@ -106,7 +106,7 @@ function gr(e) {
   };
 }
 function yr() {
-  const e = I(null), t = I(/* @__PURE__ */ new Map()), r = I(null), i = I(/* @__PURE__ */ new Set()), l = C(() => {
+  const e = I(null), t = I(/* @__PURE__ */ new Map()), r = I(null), i = I(/* @__PURE__ */ new Set()), a = C(() => {
     const x = t.current;
     if (x.size === 0) {
       r.current = null;
@@ -126,10 +126,10 @@ function yr() {
       } catch (w) {
         console.error("[useAudioLevel] subscriber threw:", w);
       }
-    r.current = requestAnimationFrame(l);
-  }, []), o = C(() => e.current ? e.current : typeof window > "u" || typeof AudioContext > "u" ? null : (e.current = new AudioContext(), e.current), []), s = C(() => {
-    r.current === null && t.current.size > 0 && (r.current = requestAnimationFrame(l));
-  }, [l]), a = C((x) => {
+    r.current = requestAnimationFrame(a);
+  }, []), o = C(() => e.current ? e.current : typeof window > "u" || typeof AudioContext > "u" ? null : (e.current = new AudioContext(), e.current), []), c = C(() => {
+    r.current === null && t.current.size > 0 && (r.current = requestAnimationFrame(a));
+  }, [a]), l = C((x) => {
     const E = t.current.get(x);
     if (E) {
       try {
@@ -142,11 +142,11 @@ function yr() {
       }
       t.current.delete(x);
     }
-  }, []), c = C(
+  }, []), s = C(
     (x, E) => {
       const g = o();
       if (!g) return;
-      a(x);
+      l(x);
       const w = E(g);
       if (!w) return;
       const R = g.createAnalyser();
@@ -161,12 +161,12 @@ function yr() {
         analyser: R,
         node: w,
         buffer: new Uint8Array(new ArrayBuffer(R.frequencyBinCount))
-      }), s();
+      }), c();
     },
-    [a, o, s]
-  ), d = C(
+    [l, o, c]
+  ), u = C(
     (x, E = "agent") => {
-      c(E, (g) => {
+      s(E, (g) => {
         try {
           return g.createMediaElementSource(x);
         } catch (w) {
@@ -178,10 +178,10 @@ function yr() {
         }
       });
     },
-    [c]
+    [s]
   ), b = C(
     (x, E = "mic") => {
-      c(E, (g) => {
+      s(E, (g) => {
         try {
           return g.createMediaStreamSource(x);
         } catch (w) {
@@ -193,17 +193,17 @@ function yr() {
         }
       });
     },
-    [c]
+    [s]
   ), p = C(
     (x) => {
-      a(x), t.current.size === 0 && r.current !== null && (cancelAnimationFrame(r.current), r.current = null);
+      l(x), t.current.size === 0 && r.current !== null && (cancelAnimationFrame(r.current), r.current = null);
     },
-    [a]
+    [l]
   ), h = C(() => {
     r.current !== null && (cancelAnimationFrame(r.current), r.current = null);
     for (const x of Array.from(t.current.keys()))
-      a(x);
-  }, [a]), P = C((x) => (i.current.add(x), () => {
+      l(x);
+  }, [l]), P = C((x) => (i.current.add(x), () => {
     i.current.delete(x);
   }), []);
   return T(() => () => {
@@ -215,37 +215,37 @@ function yr() {
       e.current = null;
     }
     i.current.clear();
-  }, [h]), { attach: d, attachStream: b, detach: h, detachSlot: p, subscribe: P };
+  }, [h]), { attach: u, attachStream: b, detach: h, detachSlot: p, subscribe: P };
 }
 function vr(e) {
   const t = e == null ? void 0 : e.mediaStreamTrack;
   return t ? new MediaStream([t]) : null;
 }
 function br(e = {}) {
-  const t = e.gateUntilAgentReady ?? !1, r = e.agentState ?? null, [i, l] = M(t), [o, s] = M(""), [a, c] = M(null), d = I(null), b = I(null), p = I({
+  const t = e.gateUntilAgentReady ?? !1, r = e.agentState ?? null, [i, a] = M(t), [o, c] = M(""), [l, s] = M(null), u = I(null), b = I(null), p = I({
     active: t,
     lastAutoIntent: null
   }), h = C(async (S) => {
     var y, O;
-    if (d.current && b.current) {
+    if (u.current && b.current) {
       try {
-        await b.current.localParticipant.unpublishTrack(d.current);
+        await b.current.localParticipant.unpublishTrack(u.current);
       } catch {
       }
-      d.current.stop(), d.current = null;
+      u.current.stop(), u.current = null;
     }
-    b.current = S, c(null);
+    b.current = S, s(null);
     try {
       const m = await pr({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await S.localParticipant.publishTrack(m), d.current = m, p.current.active ? (await S.localParticipant.setMicrophoneEnabled(!1), p.current.lastAutoIntent = !1, l(!0)) : l(m.isMuted);
+      await S.localParticipant.publishTrack(m), u.current = m, p.current.active ? (await S.localParticipant.setMicrophoneEnabled(!1), p.current.lastAutoIntent = !1, a(!0)) : a(m.isMuted);
       const D = (O = (y = m.mediaStreamTrack) == null ? void 0 : y.getSettings) == null ? void 0 : O.call(y);
-      D != null && D.deviceId && s(D.deviceId);
+      D != null && D.deviceId && c(D.deviceId);
     } catch (m) {
       const D = m instanceof Error && m.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw c(D), m;
+      throw s(D), m;
     }
   }, []), P = C((S) => {
     b.current = S;
@@ -253,17 +253,17 @@ function br(e = {}) {
     const y = b.current;
     if (y)
       try {
-        await y.switchActiveDevice("audioinput", S), s(S);
+        await y.switchActiveDevice("audioinput", S), c(S);
       } catch (O) {
         console.warn("[useMicrophoneState] switchDevice failed:", O);
       }
   }, []), E = C(async () => {
     const S = b.current, y = !i;
-    if (l(y), p.current.active = !1, !!S)
+    if (a(y), p.current.active = !1, !!S)
       try {
         await S.localParticipant.setMicrophoneEnabled(!y);
       } catch (O) {
-        console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", O), l(!y);
+        console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", O), a(!y);
       }
   }, [i]);
   T(() => {
@@ -273,10 +273,10 @@ function br(e = {}) {
       p.current.active = !1;
       return;
     }
-    y.isMicrophoneEnabled === p.current.lastAutoIntent && (y.setMicrophoneEnabled(!0), p.current.lastAutoIntent = !0, l(!1)), p.current.active = !1;
+    y.isMicrophoneEnabled === p.current.lastAutoIntent && (y.setMicrophoneEnabled(!0), p.current.lastAutoIntent = !0, a(!1)), p.current.active = !1;
   }, [r]);
   const g = C(() => {
-    const S = d.current, y = b.current;
+    const S = u.current, y = b.current;
     if (S && y) {
       try {
         y.localParticipant.unpublishTrack(S);
@@ -284,12 +284,12 @@ function br(e = {}) {
       }
       S.stop();
     }
-    d.current = null, b.current = null, p.current = { active: t, lastAutoIntent: null }, l(t), s("");
-  }, [t]), w = C(() => c(null), []), R = C(() => vr(d.current), []);
+    u.current = null, b.current = null, p.current = { active: t, lastAutoIntent: null }, a(t), c("");
+  }, [t]), w = C(() => s(null), []), R = C(() => vr(u.current), []);
   return {
     isMuted: i,
     activeDeviceId: o,
-    micError: a,
+    micError: l,
     toggleMute: E,
     setupMic: h,
     attachRoom: P,
@@ -301,11 +301,11 @@ function br(e = {}) {
 }
 const wr = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function _r() {
-  const [e, t] = M(!1), [r, i] = M(null), [l, o] = M(null), [s, a] = M(""), c = I(null), d = I(null), b = C((w) => {
-    c.current = w;
+  const [e, t] = M(!1), [r, i] = M(null), [a, o] = M(null), [c, l] = M(""), s = I(null), u = I(null), b = C((w) => {
+    s.current = w;
   }, []), p = C(() => {
     var S;
-    const w = c.current, R = d.current;
+    const w = s.current, R = u.current;
     if (R && w) {
       const y = w.localParticipant.getTrackPublication(Pn.Source.Camera), m = (y == null ? void 0 : y.track) ?? R;
       try {
@@ -317,18 +317,18 @@ function _r() {
       } catch {
       }
     }
-    d.current = null, o(null), t(!1);
+    u.current = null, o(null), t(!1);
   }, []), h = C(async (w) => {
-    const R = c.current;
+    const R = s.current;
     if (R) {
       i(null);
       try {
         const S = { ...wr };
         w && (S.deviceId = w);
         const y = await hr(S);
-        await R.localParticipant.publishTrack(y), d.current = y;
+        await R.localParticipant.publishTrack(y), u.current = y;
         const O = y.attach();
-        o(O), t(!0), w && a(w);
+        o(O), t(!0), w && l(w);
         try {
           R.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
@@ -342,19 +342,19 @@ function _r() {
       }
     }
   }, []), P = C(async () => {
-    e ? p() : await h(s || void 0);
-  }, [e, s, p, h]), x = C(async (w) => {
+    e ? p() : await h(c || void 0);
+  }, [e, c, p, h]), x = C(async (w) => {
     p(), await h(w);
   }, [p, h]), E = C(() => {
-    p(), c.current = null, i(null), a("");
+    p(), s.current = null, i(null), l("");
   }, [p]), g = C(() => i(null), []);
   return T(() => () => {
-    d.current && d.current.stop();
+    u.current && u.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
-    previewEl: l,
-    activeDeviceId: s,
+    previewEl: a,
+    activeDeviceId: c,
     toggle: P,
     switchDevice: x,
     attachRoom: b,
@@ -363,17 +363,17 @@ function _r() {
   };
 }
 function xr() {
-  const [e, t] = M(!1), [r, i] = M(null), [l, o] = M(null), s = I(null), a = C((h) => {
-    s.current = h;
-  }, []), c = C(() => o(null), []), d = C(async () => {
-    const h = s.current;
+  const [e, t] = M(!1), [r, i] = M(null), [a, o] = M(null), c = I(null), l = C((h) => {
+    c.current = h;
+  }, []), s = C(() => o(null), []), u = C(async () => {
+    const h = c.current;
     if (h) {
       if (e) {
         try {
           await h.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
-        c(), t(!1);
+        s(), t(!1);
         return;
       }
       i(null);
@@ -402,42 +402,42 @@ function xr() {
         x !== "NotAllowedError" && x !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, c]), b = C(() => {
-    const h = s.current;
+  }, [e, s]), b = C(() => {
+    const h = c.current;
     if (h && e)
       try {
         h.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    c(), t(!1), i(null), s.current = null;
-  }, [e, c]), p = C(() => i(null), []);
-  return { isEnabled: e, error: r, previewEl: l, toggle: d, attachRoom: a, teardown: b, clearError: p };
+    s(), t(!1), i(null), c.current = null;
+  }, [e, s]), p = C(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: a, toggle: u, attachRoom: l, teardown: b, clearError: p };
 }
 function Lr() {
-  const [e, t] = M([]), [r, i] = M([]), l = C(async () => {
+  const [e, t] = M([]), [r, i] = M([]), a = C(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const o = await navigator.mediaDevices.enumerateDevices();
-        t(o.filter((s) => s.kind === "audioinput")), i(o.filter((s) => s.kind === "videoinput"));
+        t(o.filter((c) => c.kind === "audioinput")), i(o.filter((c) => c.kind === "videoinput"));
       } catch {
       }
   }, []);
   return T(() => {
-    if (l(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const o = () => void l();
+    if (a(), typeof navigator > "u" || !navigator.mediaDevices) return;
+    const o = () => void a();
     return navigator.mediaDevices.addEventListener("devicechange", o), () => navigator.mediaDevices.removeEventListener("devicechange", o);
-  }, [l]), { mics: e, cameras: r, refresh: l };
+  }, [a]), { mics: e, cameras: r, refresh: a };
 }
 function Cr(e, t, r = !1) {
-  const [i, l] = M(null), [o, s] = M(null), [a, c] = M(!r && !!e);
+  const [i, a] = M(null), [o, c] = M(null), [l, s] = M(!r && !!e);
   return T(() => {
     if (r || !e) {
-      c(!1);
+      s(!1);
       return;
     }
-    const d = new AbortController(), b = t || "https://app.livelayer.studio";
-    return c(!0), s(null), fetch(`${b}/api/widget/agent/${encodeURIComponent(e)}`, {
-      signal: d.signal
+    const u = new AbortController(), b = t || "https://app.livelayer.studio";
+    return s(!0), c(null), fetch(`${b}/api/widget/agent/${encodeURIComponent(e)}`, {
+      signal: u.signal
     }).then(async (p) => {
       if (!p.ok) {
         const h = await p.json().catch(() => ({}));
@@ -445,11 +445,11 @@ function Cr(e, t, r = !1) {
       }
       return p.json();
     }).then((p) => {
-      d.signal.aborted || (l(p), c(!1));
+      u.signal.aborted || (a(p), s(!1));
     }).catch((p) => {
-      d.signal.aborted || (s(p instanceof Error ? p.message : "Agent lookup failed"), c(!1));
-    }), () => d.abort();
-  }, [e, t, r]), { info: i, error: o, loading: a };
+      u.signal.aborted || (c(p instanceof Error ? p.message : "Agent lookup failed"), s(!1));
+    }), () => u.abort();
+  }, [e, t, r]), { info: i, error: o, loading: l };
 }
 function Dn(e) {
   if (typeof window > "u") return null;
@@ -478,13 +478,13 @@ function Sr({
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const i = e !== void 0, [l, o] = M(t), s = i ? e : l, a = C(
-    (c) => {
-      c !== s && (i || o(c), r == null || r(c));
+  const i = e !== void 0, [a, o] = M(t), c = i ? e : a, l = C(
+    (s) => {
+      s !== c && (i || o(s), r == null || r(s));
     },
-    [s, i, r]
+    [c, i, r]
   );
-  return [s, a];
+  return [c, l];
 }
 const Er = ["hidden", "minimized", "expanded"];
 function Nr(e) {
@@ -495,20 +495,20 @@ function Ar({
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: i = "ll-widget",
-  disablePersistence: l = !1
+  disablePersistence: a = !1
 } = {}) {
-  const o = `${i}:display-mode`, s = I(!1), [a, c] = Sr({
+  const o = `${i}:display-mode`, c = I(!1), [l, s] = Sr({
     value: e,
     defaultValue: t,
-    onChange: (d) => {
-      e === void 0 && !l && zn(o, d), r == null || r(d);
+    onChange: (u) => {
+      e === void 0 && !a && zn(o, u), r == null || r(u);
     }
   });
   return T(() => {
-    if (s.current || (s.current = !0, l || e !== void 0)) return;
-    const d = Nr(Dn(o));
-    d && d !== a && c(d);
-  }, []), [a, c];
+    if (c.current || (c.current = !0, a || e !== void 0)) return;
+    const u = Nr(Dn(o));
+    u && u !== l && s(u);
+  }, []), [l, s];
 }
 const Mr = 640;
 function Ir(e = Mr) {
@@ -520,9 +520,9 @@ function Ir(e = Mr) {
     }
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const i = `(max-width: ${e - 1}px)`, l = window.matchMedia(i), o = () => r(l.matches);
-    return o(), typeof l.addEventListener == "function" ? (l.addEventListener("change", o), () => l.removeEventListener("change", o)) : (l.addListener(o), () => {
-      l.removeListener(o);
+    const i = `(max-width: ${e - 1}px)`, a = window.matchMedia(i), o = () => r(a.matches);
+    return o(), typeof a.addEventListener == "function" ? (a.addEventListener("change", o), () => a.removeEventListener("change", o)) : (a.addListener(o), () => {
+      a.removeListener(o);
     });
   }, [e]), t;
 }
@@ -539,24 +539,24 @@ function zr(e) {
     return null;
   }
   if (typeof t != "object" || t === null) return null;
-  const r = t, { top: i, left: l, width: o, height: s } = r;
-  return typeof i != "number" || typeof l != "number" || typeof o != "number" || typeof s != "number" || !Number.isFinite(i) || !Number.isFinite(l) || !Number.isFinite(o) || !Number.isFinite(s) ? null : { top: i, left: l, width: o, height: s };
+  const r = t, { top: i, left: a, width: o, height: c } = r;
+  return typeof i != "number" || typeof a != "number" || typeof o != "number" || typeof c != "number" || !Number.isFinite(i) || !Number.isFinite(a) || !Number.isFinite(o) || !Number.isFinite(c) ? null : { top: i, left: a, width: o, height: c };
 }
 function Ct() {
   return typeof window > "u" ? { vw: 0, vh: 0 } : { vw: window.innerWidth, vh: window.innerHeight };
 }
 function Ft(e, t, r) {
-  const { minWidth: i, minHeight: l, edgeMargin: o, vw: s, vh: a } = r, c = Math.max(i, s - o * 2), d = Math.max(l, a - o * 2);
+  const { minWidth: i, minHeight: a, edgeMargin: o, vw: c, vh: l } = r, s = Math.max(i, c - o * 2), u = Math.max(a, l - o * 2);
   return {
-    width: Math.max(i, Math.min(c, e)),
-    height: Math.max(l, Math.min(d, t))
+    width: Math.max(i, Math.min(s, e)),
+    height: Math.max(a, Math.min(u, t))
   };
 }
-function Wt(e, t, r, i, l) {
-  const { edgeMargin: o, vw: s, vh: a } = l, c = o, d = o, b = Math.max(c, s - r - o), p = Math.max(d, a - i - o);
+function Wt(e, t, r, i, a) {
+  const { edgeMargin: o, vw: c, vh: l } = a, s = o, u = o, b = Math.max(s, c - r - o), p = Math.max(u, l - i - o);
   return {
-    top: Math.max(d, Math.min(p, e)),
-    left: Math.max(c, Math.min(b, t))
+    top: Math.max(u, Math.min(p, e)),
+    left: Math.max(s, Math.min(b, t))
   };
 }
 function $r(e) {
@@ -564,55 +564,55 @@ function $r(e) {
     draggable: t,
     resizable: r,
     persistKey: i,
-    disablePersistence: l,
+    disablePersistence: a,
     minWidth: o = Rr,
-    minHeight: s = Tr,
-    edgeMargin: a = Pr
-  } = e, [c, d] = M(null), [b, p] = M(!1), [h, P] = M(!1), x = I(null), E = I(null), g = I(!1), w = I(null);
-  w.current = c;
+    minHeight: c = Tr,
+    edgeMargin: l = Pr
+  } = e, [s, u] = M(null), [b, p] = M(!1), [h, P] = M(!1), x = I(null), E = I(null), g = I(!1), w = I(null);
+  w.current = s;
   const R = C(
     (f) => {
-      l || (f === null ? kr(Ot(i)) : zn(Ot(i), JSON.stringify(f)));
+      a || (f === null ? kr(Ot(i)) : zn(Ot(i), JSON.stringify(f)));
     },
-    [l, i]
+    [a, i]
   );
   T(() => {
-    if (g.current || (g.current = !0, l)) return;
+    if (g.current || (g.current = !0, a)) return;
     const f = zr(Dn(Ot(i)));
     if (!f) return;
     const { vw: N, vh: z } = Ct(), q = Ft(f.width, f.height, {
       minWidth: o,
-      minHeight: s,
-      edgeMargin: a,
+      minHeight: c,
+      edgeMargin: l,
       vw: N,
       vh: z
     }), X = Wt(f.top, f.left, q.width, q.height, {
-      edgeMargin: a,
+      edgeMargin: l,
       vw: N,
       vh: z
     });
-    d({ ...X, ...q });
+    u({ ...X, ...q });
   }, []), T(() => {
     if (typeof window > "u") return;
     const f = () => {
-      d((N) => {
+      u((N) => {
         if (N === null) return null;
         const { vw: z, vh: q } = Ct(), X = Ft(N.width, N.height, {
           minWidth: o,
-          minHeight: s,
-          edgeMargin: a,
+          minHeight: c,
+          edgeMargin: l,
           vw: z,
           vh: q
         });
         return { ...Wt(N.top, N.left, X.width, X.height, {
-          edgeMargin: a,
+          edgeMargin: l,
           vw: z,
           vh: q
         }), ...X };
       });
     };
     return window.addEventListener("resize", f), () => window.removeEventListener("resize", f);
-  }, [o, s, a]);
+  }, [o, c, l]);
   const S = C(
     (f) => {
       if (!t || f.pointerType === "mouse" && f.button !== 0) return;
@@ -654,11 +654,11 @@ function $r(e) {
         N.startLeft + z,
         N.width,
         N.height,
-        { edgeMargin: a, vw: X, vh: ee }
+        { edgeMargin: l, vw: X, vh: ee }
       );
-      d({ ...V, width: N.width, height: N.height });
+      u({ ...V, width: N.width, height: N.height });
     },
-    [a]
+    [l]
   ), O = C(
     (f) => {
       const N = x.current;
@@ -667,12 +667,12 @@ function $r(e) {
           f.currentTarget.releasePointerCapture(f.pointerId);
         } catch {
         }
-        x.current = null, N.moved && (p(!1), d((z) => (z && R(z), z)));
+        x.current = null, N.moved && (p(!1), u((z) => (z && R(z), z)));
       }
     },
     [R]
   ), m = C(() => {
-    x.current = null, E.current = null, p(!1), P(!1), d(null), R(null);
+    x.current = null, E.current = null, p(!1), P(!1), u(null), R(null);
   }, [R]), D = C(
     (f) => {
       if (!r || f.pointerType === "mouse" && f.button !== 0) return;
@@ -704,18 +704,18 @@ function $r(e) {
     (f) => {
       const N = E.current;
       if (!N) return;
-      const z = f.clientX - N.startClientX, q = f.clientY - N.startClientY, { vw: X, vh: ee } = Ct(), V = X - N.left - a, te = ee - N.top - a, oe = Ft(N.startWidth + z, N.startHeight + q, {
+      const z = f.clientX - N.startClientX, q = f.clientY - N.startClientY, { vw: X, vh: ee } = Ct(), V = X - N.left - l, te = ee - N.top - l, oe = Ft(N.startWidth + z, N.startHeight + q, {
         minWidth: o,
-        minHeight: s,
-        edgeMargin: a,
+        minHeight: c,
+        edgeMargin: l,
         // Clamp the available viewport to the room from the anchored corner
         // so the widget can't grow past the bottom/right edge.
-        vw: Math.min(X, N.left + V + a),
-        vh: Math.min(ee, N.top + te + a)
+        vw: Math.min(X, N.left + V + l),
+        vh: Math.min(ee, N.top + te + l)
       });
-      d({ top: N.top, left: N.left, ...oe });
+      u({ top: N.top, left: N.left, ...oe });
     },
-    [a, o, s]
+    [l, o, c]
   ), K = C(
     (f) => {
       if (E.current) {
@@ -723,22 +723,22 @@ function $r(e) {
           f.currentTarget.releasePointerCapture(f.pointerId);
         } catch {
         }
-        E.current = null, P(!1), d((z) => (z && R(z), z));
+        E.current = null, P(!1), u((z) => (z && R(z), z));
       }
     },
     [R]
   );
   return {
-    style: c === null ? {} : {
+    style: s === null ? {} : {
       position: "fixed",
-      top: `${c.top}px`,
-      left: `${c.left}px`,
+      top: `${s.top}px`,
+      left: `${s.left}px`,
       right: "auto",
       bottom: "auto",
-      width: `${c.width}px`,
-      height: `${c.height}px`
+      width: `${s.width}px`,
+      height: `${s.height}px`
     },
-    hasGeometry: c !== null,
+    hasGeometry: s !== null,
     isDragging: b,
     isResizing: h,
     dragHandleProps: {
@@ -794,8 +794,8 @@ function Wr(e) {
 function Br(e) {
   const t = hn.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", l = "", o = r.replace(/\*\*/g, i).replace(/\*/g, l), a = Wr(o).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(l, "g"), "[^/]+"), c = new RegExp(`^${a}\\/?$`);
-  return hn.set(e, c), c;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", a = "", o = r.replace(/\*\*/g, i).replace(/\*/g, a), l = Wr(o).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(a, "g"), "[^/]+"), s = new RegExp(`^${l}\\/?$`);
+  return hn.set(e, s), s;
 }
 function qr(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
@@ -827,21 +827,21 @@ function Yr(e) {
   };
 }
 function Gr(e) {
-  const t = et(() => Yr(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = I(null), l = C(
-    (c) => {
+  const t = et(() => Yr(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), i = I(null), a = C(
+    (s) => {
       try {
-        new Audio(`${r}${c}`).play().catch(() => {
+        new Audio(`${r}${s}`).play().catch(() => {
         });
       } catch {
       }
     },
     [r]
   ), o = C(() => {
-    t.navigate && l("/audio/page-change-sound.mp3");
-  }, [t.navigate, l]), s = C(() => {
-    t.action && l("/audio/confirmation-sound.mp3");
-  }, [t.action, l]), a = C(
-    (c) => {
+    t.navigate && a("/audio/page-change-sound.mp3");
+  }, [t.navigate, a]), c = C(() => {
+    t.action && a("/audio/confirmation-sound.mp3");
+  }, [t.action, a]), l = C(
+    (s) => {
       if (!t.thinking) {
         if (i.current) {
           try {
@@ -852,13 +852,13 @@ function Gr(e) {
         }
         return;
       }
-      if (c) {
+      if (s) {
         if (i.current) return;
         try {
-          const d = new Audio(`${r}/audio/thinking-sound.mp3`);
-          d.loop = !0, d.volume = 0.3, d.play().catch(() => {
+          const u = new Audio(`${r}/audio/thinking-sound.mp3`);
+          u.loop = !0, u.volume = 0.3, u.play().catch(() => {
             i.current = null;
-          }), i.current = d;
+          }), i.current = u;
         } catch {
         }
       } else if (i.current) {
@@ -880,8 +880,8 @@ function Gr(e) {
       i.current = null;
     }
   }, []), et(
-    () => ({ playPageChange: o, playConfirmation: s, setThinking: a }),
-    [o, s, a]
+    () => ({ playPageChange: o, playConfirmation: c, setThinking: l }),
+    [o, c, l]
   );
 }
 const gn = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ k(
@@ -1004,12 +1004,12 @@ const ei = ({
   isMobile: t,
   isSpeaking: r,
   onExpand: i,
-  label: l = "Open widget",
+  label: a = "Open widget",
   avatarImageUrl: o,
-  agentName: s,
-  containerEl: a
+  agentName: c,
+  containerEl: l
 }) => {
-  const c = Jr(e), d = c === "right" ? "left" : "right", b = t ? 80 : 72, p = !!o, h = !!a, [P, x] = M(null), [E, g] = M(!1), w = I(null), R = I(!1), S = C(
+  const s = Jr(e), u = s === "right" ? "left" : "right", b = t ? 80 : 72, p = !!o, h = !!l, [P, x] = M(null), [E, g] = M(!1), w = I(null), R = I(!1), S = C(
     ($) => {
       if (typeof window > "u") return $;
       const G = b / 2, f = bn + G, N = window.innerHeight - bn - G;
@@ -1085,7 +1085,7 @@ const ei = ({
     [S]
   ), K = [
     "ll-hidden",
-    `ll-hidden--${c}`,
+    `ll-hidden--${s}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
     E ? "is-dragging" : null,
@@ -1103,7 +1103,7 @@ const ei = ({
       onPointerCancel: m,
       onClick: D,
       onKeyDown: W,
-      "aria-label": l,
+      "aria-label": a,
       "data-position": e,
       style: ae,
       children: p ? (
@@ -1115,7 +1115,7 @@ const ei = ({
           /* @__PURE__ */ n(
             vn,
             {
-              direction: d,
+              direction: u,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
             }
           ),
@@ -1123,7 +1123,7 @@ const ei = ({
             "img",
             {
               src: o,
-              alt: s ? `${s} avatar` : "Agent avatar",
+              alt: c ? `${c} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
             }
@@ -1132,7 +1132,7 @@ const ei = ({
       ) : /* @__PURE__ */ n(
         vn,
         {
-          direction: d,
+          direction: u,
           className: "ll-hidden__chevron"
         }
       )
@@ -1143,27 +1143,27 @@ const ei = ({
   bars: t = 20,
   maxHeight: r = 20,
   minHeight: i = 4,
-  className: l,
+  className: a,
   barClassName: o
 }) => {
-  const s = I(null), a = I([]), c = et(() => {
+  const c = I(null), l = I([]), s = et(() => {
     const b = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (p, h) => 0.5 + h * b % 1 * 0.5);
   }, [t]);
   T(() => e.subscribe((p) => {
     for (let h = 0; h < t; h++) {
-      const P = a.current[h];
+      const P = l.current[h];
       if (!P) continue;
-      const x = Math.max(i, p * r * c[h]);
+      const x = Math.max(i, p * r * s[h]);
       P.style.height = `${x}px`;
     }
-  }), [e, t, r, i, c]);
-  const d = ["ll-waveform", l].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: s, className: d, "aria-hidden": "true", children: Array.from({ length: t }, (b, p) => /* @__PURE__ */ n(
+  }), [e, t, r, i, s]);
+  const u = ["ll-waveform", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: c, className: u, "aria-hidden": "true", children: Array.from({ length: t }, (b, p) => /* @__PURE__ */ n(
     "div",
     {
       ref: (h) => {
-        a.current[p] = h;
+        l.current[p] = h;
       },
       className: ["ll-waveform__bar", o].filter(Boolean).join(" "),
       style: { height: `${i}px` }
@@ -1175,12 +1175,12 @@ const ei = ({
   isMobile: t,
   agentName: r,
   avatarImageUrl: i,
-  agentState: l,
+  agentState: a,
   isMuted: o,
-  audioLevel: s,
-  onExpand: a,
-  onToggleMute: c,
-  onClose: d
+  audioLevel: c,
+  onExpand: l,
+  onToggleMute: s,
+  onClose: u
 }) => t ? /* @__PURE__ */ n(
   "div",
   {
@@ -1192,7 +1192,7 @@ const ei = ({
       {
         type: "button",
         className: "ll-minimized__surface",
-        onClick: a,
+        onClick: l,
         "aria-label": `Expand ${r} widget`,
         children: [
           i ? (
@@ -1209,7 +1209,7 @@ const ei = ({
           /* @__PURE__ */ n(
             ti,
             {
-              audioLevel: s,
+              audioLevel: c,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
@@ -1224,10 +1224,10 @@ const ei = ({
                 role: "button",
                 tabIndex: 0,
                 onClick: (b) => {
-                  b.stopPropagation(), c();
+                  b.stopPropagation(), s();
                 },
                 onKeyDown: (b) => {
-                  (b.key === "Enter" || b.key === " ") && (b.stopPropagation(), b.preventDefault(), c());
+                  (b.key === "Enter" || b.key === " ") && (b.stopPropagation(), b.preventDefault(), s());
                 },
                 "aria-label": o ? "Unmute microphone" : "Mute microphone",
                 children: /* @__PURE__ */ n(gn, { muted: o, className: "ll-minimized__icon" })
@@ -1260,7 +1260,7 @@ const ei = ({
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
       /* @__PURE__ */ k("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: l === "speaking" ? "Speaking" : l === "thinking" ? "Thinking" : "Listening" })
+        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: a === "speaking" ? "Speaking" : a === "thinking" ? "Thinking" : "Listening" })
       ] }),
       /* @__PURE__ */ k("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
@@ -1268,7 +1268,7 @@ const ei = ({
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: c,
+            onClick: s,
             "aria-label": o ? "Unmute microphone" : "Mute microphone",
             children: /* @__PURE__ */ n(gn, { muted: o, className: "ll-minimized__icon" })
           }
@@ -1278,7 +1278,7 @@ const ei = ({
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: a,
+            onClick: l,
             "aria-label": `Expand ${r} widget`,
             children: /* @__PURE__ */ n(yn, { className: "ll-minimized__icon" })
           }
@@ -1288,7 +1288,7 @@ const ei = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: d,
+            onClick: u,
             "aria-label": "Close widget",
             children: /* @__PURE__ */ n(Xr, { className: "ll-minimized__icon" })
           }
@@ -1301,13 +1301,13 @@ const ei = ({
   alt: t,
   preCannedPlaying: r = !1,
   className: i,
-  style: l
+  style: a
 }) => {
-  const [o, s] = M(!1), a = I(e);
+  const [o, c] = M(!1), l = I(e);
   if (T(() => {
-    a.current !== e && (a.current = e, s(!1));
+    l.current !== e && (l.current = e, c(!1));
   }, [e]), !e) return null;
-  const c = {
+  const s = {
     position: "absolute",
     inset: 0,
     width: "100%",
@@ -1317,7 +1317,7 @@ const ei = ({
     transition: "opacity 500ms ease, transform 500ms ease",
     transform: r ? "scale(1.02)" : "scale(1)",
     opacity: o ? 1 : 0,
-    ...l
+    ...a
   };
   return (
     // eslint-disable-next-line @next/next/no-img-element
@@ -1327,10 +1327,10 @@ const ei = ({
         src: e,
         alt: t,
         className: i,
-        style: c,
+        style: s,
         loading: "eager",
         fetchPriority: "high",
-        onLoad: () => s(!0)
+        onLoad: () => c(!0)
       }
     )
   );
@@ -1382,40 +1382,40 @@ const li = 8, _n = 8, ai = ({
   anchorRef: r,
   children: i
 }) => {
-  const l = I(null), [o, s] = M(null);
+  const a = I(null), [o, c] = M(null);
   return Tn(() => {
     if (!e) {
-      s(null);
+      c(null);
       return;
     }
-    const a = r.current;
-    if (!a) return;
-    const c = () => {
-      const d = a.getBoundingClientRect(), b = {
-        top: d.top - li,
-        left: d.left + d.width / 2
+    const l = r.current;
+    if (!l) return;
+    const s = () => {
+      const u = l.getBoundingClientRect(), b = {
+        top: u.top - li,
+        left: u.left + u.width / 2
       }, p = _n + 90, h = window.innerWidth - _n - 90;
-      b.left < p && (b.left = p), b.left > h && (b.left = h), s(b);
+      b.left < p && (b.left = p), b.left > h && (b.left = h), c(b);
     };
-    return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
-      window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
+    return s(), window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), () => {
+      window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s);
     };
   }, [e, r]), T(() => {
     if (!e) return;
-    const a = (d) => {
-      const b = d.target, p = l.current, h = r.current;
+    const l = (u) => {
+      const b = u.target, p = a.current, h = r.current;
       p && p.contains(b) || h && h.contains(b) || t();
-    }, c = (d) => {
-      d.key === "Escape" && (d.stopPropagation(), t());
+    }, s = (u) => {
+      u.key === "Escape" && (u.stopPropagation(), t());
     };
-    return document.addEventListener("mousedown", a), document.addEventListener("keydown", c), () => {
-      document.removeEventListener("mousedown", a), document.removeEventListener("keydown", c);
+    return document.addEventListener("mousedown", l), document.addEventListener("keydown", s), () => {
+      document.removeEventListener("mousedown", l), document.removeEventListener("keydown", s);
     };
   }, [e, t, r]), !e || o === null || typeof document > "u" ? null : Vt(
     /* @__PURE__ */ n(
       "div",
       {
-        ref: l,
+        ref: a,
         className: "ll-overflow-popover",
         role: "menu",
         style: {
@@ -1436,12 +1436,12 @@ const li = 8, _n = 8, ai = ({
   onToggleMute: t,
   isCameraEnabled: r,
   onToggleCamera: i,
-  allowCamera: l,
+  allowCamera: a,
   isScreenShareEnabled: o,
-  onToggleScreenShare: s,
-  allowScreenShare: a,
-  isSpeakerMuted: c,
-  onToggleSpeaker: d,
+  onToggleScreenShare: c,
+  allowScreenShare: l,
+  isSpeakerMuted: s,
+  onToggleSpeaker: u,
   allowTyping: b,
   isTypingOpen: p,
   onToggleTyping: h,
@@ -1499,7 +1499,7 @@ const li = 8, _n = 8, ai = ({
         onClose: () => E(!1),
         anchorRef: g,
         children: [
-          l && /* @__PURE__ */ k(
+          a && /* @__PURE__ */ k(
             "button",
             {
               type: "button",
@@ -1513,13 +1513,13 @@ const li = 8, _n = 8, ai = ({
               ]
             }
           ),
-          a && /* @__PURE__ */ k(
+          l && /* @__PURE__ */ k(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${o ? "is-on" : ""}`,
               onClick: () => {
-                s(), E(!1);
+                c(), E(!1);
               },
               children: [
                 /* @__PURE__ */ n(Hn, {}),
@@ -1531,13 +1531,13 @@ const li = 8, _n = 8, ai = ({
             "button",
             {
               type: "button",
-              className: `ll-overflow-popover__item ${c ? "is-on" : ""}`,
+              className: `ll-overflow-popover__item ${s ? "is-on" : ""}`,
               onClick: () => {
-                d(), E(!1);
+                u(), E(!1);
               },
               children: [
-                /* @__PURE__ */ n(Wn, { muted: c }),
-                /* @__PURE__ */ n("span", { children: c ? "Unmute speaker" : "Mute speaker" })
+                /* @__PURE__ */ n(Wn, { muted: s }),
+                /* @__PURE__ */ n("span", { children: s ? "Unmute speaker" : "Mute speaker" })
               ]
             }
           ),
@@ -1612,12 +1612,12 @@ const di = ({
   isMobile: t,
   agentName: r,
   avatarImageUrl: i,
-  idleLoopUrl: l,
+  idleLoopUrl: a,
   greeting: o,
-  branding: s,
-  teamMembers: a,
-  currentTeamMemberId: c,
-  isSwitchingTeamMember: d,
+  branding: c,
+  teamMembers: l,
+  currentTeamMemberId: s,
+  isSwitchingTeamMember: u,
   teamSwitcherOpen: b,
   onToggleTeamSwitcher: p,
   onSelectTeamMember: h,
@@ -1669,7 +1669,7 @@ const di = ({
   resizeHandleProps: F
 }) => {
   var at;
-  const $e = ((a == null ? void 0 : a.length) ?? 0) > 1, Ue = E === "connecting" || E === "connected", we = E === "connected", gt = E === "idle" || E === "disconnected" || E === "error", [He, Ne] = M(!1);
+  const $e = ((l == null ? void 0 : l.length) ?? 0) > 1, Ue = E === "connecting" || E === "connected", we = E === "connected", gt = E === "idle" || E === "disconnected" || E === "error", [He, Ne] = M(!1);
   T(() => {
     if (!ne) {
       Ne(!1);
@@ -1725,7 +1725,7 @@ const di = ({
       re && (Te(re), It(""));
     },
     [ot, Te]
-  ), Me = s.productName || "Live Layer", Se = !s.productName;
+  ), Me = c.productName || "Live Layer", Se = !c.productName;
   let ye = null, xe = null;
   for (let _ = w.length - 1; _ >= 0; _--) {
     const re = w[_];
@@ -1753,11 +1753,11 @@ const di = ({
               className: "ll-expanded__bg-img"
             }
           ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((at = r == null ? void 0 : r.charAt(0)) == null ? void 0 : at.toUpperCase()) || "A" }) }),
-          l && !we && /* @__PURE__ */ n(
+          a && !we && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: l,
+              src: a,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -1768,7 +1768,7 @@ const di = ({
         /* @__PURE__ */ n("div", { ref: be, className: "ll-expanded__video" }),
         Oe && /* @__PURE__ */ k("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: d ? "Switching..." : "Connecting..." })
+          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: u ? "Switching..." : "Connecting..." })
         ] }),
         S && we && /* @__PURE__ */ k(
           "button",
@@ -1821,14 +1821,14 @@ const di = ({
                     className: "ll-hmenu",
                     onClick: (_) => _.stopPropagation(),
                     role: "listbox",
-                    children: a == null ? void 0 : a.map((_) => /* @__PURE__ */ k(
+                    children: l == null ? void 0 : l.map((_) => /* @__PURE__ */ k(
                       "button",
                       {
                         type: "button",
-                        className: `ll-hmenu__item ${_.id === c ? "is-active" : ""}`,
+                        className: `ll-hmenu__item ${_.id === s ? "is-active" : ""}`,
                         onClick: () => h(_.id),
                         role: "option",
-                        "aria-selected": _.id === c,
+                        "aria-selected": _.id === s,
                         children: [
                           _.avatarImageUrl && /* @__PURE__ */ n(
                             "img",
@@ -2306,28 +2306,28 @@ const Cn = ({
   devices: t,
   activeId: r,
   onPick: i,
-  anchorRef: l
+  anchorRef: a
 }) => {
-  const [o, s] = M(null);
+  const [o, c] = M(null);
   return Tn(() => {
-    const a = () => {
-      const c = l.current;
-      if (!c) return;
-      const d = c.getBoundingClientRect(), b = 126, p = window.innerWidth - 16 - 110, h = d.left + d.width / 2;
-      s({
-        top: d.top - 8,
+    const l = () => {
+      const s = a.current;
+      if (!s) return;
+      const u = s.getBoundingClientRect(), b = 126, p = window.innerWidth - 16 - 110, h = u.left + u.width / 2;
+      c({
+        top: u.top - 8,
         left: Math.max(b, Math.min(p, h))
       });
     };
-    return a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), () => {
-      window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a);
+    return l(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l), () => {
+      window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l);
     };
-  }, [l]), o === null || typeof document > "u" ? null : Vt(
+  }, [a]), o === null || typeof document > "u" ? null : Vt(
     /* @__PURE__ */ k(
       "div",
       {
         className: "ll-device-menu ll-device-menu--floating",
-        onClick: (a) => a.stopPropagation(),
+        onClick: (l) => l.stopPropagation(),
         role: "listbox",
         style: {
           position: "fixed",
@@ -2338,22 +2338,22 @@ const Cn = ({
         },
         children: [
           /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
-          t.map((a, c) => {
-            const d = r === a.deviceId;
+          t.map((l, s) => {
+            const u = r === l.deviceId;
             return /* @__PURE__ */ k(
               "button",
               {
                 type: "button",
-                className: `ll-device-menu__item ${d ? "is-active" : ""}`,
-                onClick: () => i(a.deviceId),
+                className: `ll-device-menu__item ${u ? "is-active" : ""}`,
+                onClick: () => i(l.deviceId),
                 role: "option",
-                "aria-selected": d,
+                "aria-selected": u,
                 children: [
-                  d && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
-                  /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: a.label || `${e} ${c + 1}` })
+                  u && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+                  /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: l.label || `${e} ${s + 1}` })
                 ]
               },
-              a.deviceId || c
+              l.deviceId || s
             );
           })
         ]
@@ -2415,29 +2415,29 @@ function ft(e) {
 function Sn(e) {
   const t = e.getAttribute("id");
   if (t) {
-    const o = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/"/g, '\\"'), s = document.querySelector(`label[for="${o}"]`);
-    if (s != null && s.textContent) return s.textContent.trim();
+    const o = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/"/g, '\\"'), c = document.querySelector(`label[for="${o}"]`);
+    if (c != null && c.textContent) return c.textContent.trim();
   }
   const r = e.getAttribute("aria-label");
   if (r) return r.trim();
   const i = e.closest("label");
   if (i) {
     const o = [];
-    for (const a of Array.from(i.childNodes))
-      if (a.nodeType === Node.TEXT_NODE) {
-        const c = (a.textContent || "").trim();
-        c && o.push(c);
-      } else if (a instanceof HTMLElement) {
-        if (a instanceof HTMLInputElement || a instanceof HTMLTextAreaElement || a instanceof HTMLSelectElement || a instanceof HTMLButtonElement)
+    for (const l of Array.from(i.childNodes))
+      if (l.nodeType === Node.TEXT_NODE) {
+        const s = (l.textContent || "").trim();
+        s && o.push(s);
+      } else if (l instanceof HTMLElement) {
+        if (l instanceof HTMLInputElement || l instanceof HTMLTextAreaElement || l instanceof HTMLSelectElement || l instanceof HTMLButtonElement)
           continue;
-        const c = (a.textContent || "").trim();
-        c && o.push(c);
+        const s = (l.textContent || "").trim();
+        s && o.push(s);
       }
-    const s = o.join(" ").trim();
-    if (s) return s;
+    const c = o.join(" ").trim();
+    if (c) return c;
   }
-  const l = e.getAttribute("placeholder");
-  return l ? l.trim() : "";
+  const a = e.getAttribute("placeholder");
+  return a ? a.trim() : "";
 }
 function fe(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
@@ -2461,12 +2461,12 @@ function xi(e) {
     if (o && o.length < 60 && !/^(submit|ok|continue)$/i.test(o))
       return o;
   }
-  let l = e.parentElement;
-  for (let o = 0; l && o < 4; o++, l = l.parentElement) {
-    const s = l.querySelector("h1, h2, h3, h4");
-    if (s != null && s.textContent) {
-      const a = s.textContent.trim();
-      if (a && a.length < 80) return a;
+  let a = e.parentElement;
+  for (let o = 0; a && o < 4; o++, a = a.parentElement) {
+    const c = a.querySelector("h1, h2, h3, h4");
+    if (c != null && c.textContent) {
+      const l = c.textContent.trim();
+      if (l && l.length < 80) return l;
     }
   }
   return null;
@@ -2488,33 +2488,33 @@ function Li(e, t = {}) {
       forms: [],
       extras: e
     };
-  const i = typeof window < "u" && window.location.href || "", l = typeof window < "u" && window.location.pathname || "/", o = r.title || "", s = Array.from(
+  const i = typeof window < "u" && window.location.href || "", a = typeof window < "u" && window.location.pathname || "/", o = r.title || "", c = Array.from(
     r.querySelectorAll("[data-ll-region]")
-  ), a = [];
-  for (const m of s) {
-    if (a.length >= gi) break;
+  ), l = [];
+  for (const m of c) {
+    if (l.length >= gi) break;
     if (dt(m) || !ft(m)) continue;
     const D = m.getAttribute("data-ll-region") ?? "", W = m.getAttribute("data-ll-intent") ?? void 0, K = fe(
       (m.innerText || m.textContent || "").trim(),
       kn * 2
     );
-    !D || !K || a.push({ id: D, intent: W, text: K });
+    !D || !K || l.push({ id: D, intent: W, text: K });
   }
-  const c = [], d = ["H1", "H2", "H3", "H4", "H5", "H6"], b = Array.from(
+  const s = [], u = ["H1", "H2", "H3", "H4", "H5", "H6"], b = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const m of b) {
     if (dt(m) || !ft(m)) continue;
     const D = (m.textContent || "").trim();
-    D && c.push(`${m.tagName}: ${fe(D, 200)}`);
+    D && s.push(`${m.tagName}: ${fe(D, 200)}`);
   }
   const p = Array.from(r.querySelectorAll("p, li"));
   for (const m of p) {
-    if (dt(m) || !ft(m) || d.includes(m.tagName)) continue;
+    if (dt(m) || !ft(m) || u.includes(m.tagName)) continue;
     const D = (m.textContent || "").trim();
-    D.length > 10 && c.push(fe(D, kn));
+    D.length > 10 && s.push(fe(D, kn));
   }
-  const h = c.join(`
+  const h = s.join(`
 `), P = [], x = Array.from(r.querySelectorAll("a[href]"));
   for (const m of x) {
     if (P.length >= hi) break;
@@ -2604,8 +2604,8 @@ function Li(e, t = {}) {
   const y = {
     url: i,
     title: o,
-    pathname: l,
-    regions: a,
+    pathname: a,
+    regions: l,
     visibleText: h,
     visibleLinks: P,
     visibleFields: E,
@@ -2621,11 +2621,11 @@ function Li(e, t = {}) {
 }
 let Ze = null;
 function En(e, t = {}) {
-  const r = Date.now(), l = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Ze && Ze.key === l && r - Ze.at < 1e3)
+  const r = Date.now(), a = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if (Ze && Ze.key === a && r - Ze.at < 1e3)
     return Ze.ctx;
   const o = Li(e, t);
-  return Ze = { key: l, at: r, ctx: o }, o;
+  return Ze = { key: a, at: r, ctx: o }, o;
 }
 function Ci() {
   Ze = null;
@@ -2647,27 +2647,27 @@ function Ei(e) {
 function Ni(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
-  const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), l = [], o = Array.from(t.querySelectorAll("a[href]"));
-  for (const s of o) {
-    if (l.length >= ki) break;
-    if (Yt(s)) continue;
-    const a = s.getAttribute("href") || "";
-    if (!Ei(a)) continue;
-    let c = a, d = !0;
+  const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), a = [], o = Array.from(t.querySelectorAll("a[href]"));
+  for (const c of o) {
+    if (a.length >= ki) break;
+    if (Yt(c)) continue;
+    const l = c.getAttribute("href") || "";
+    if (!Ei(l)) continue;
+    let s = l, u = !0;
     try {
       if (typeof window < "u") {
-        const p = new URL(a, r);
-        d = p.origin === r, d && a.startsWith("http") && (c = p.pathname + p.search + p.hash);
+        const p = new URL(l, r);
+        u = p.origin === r, u && l.startsWith("http") && (s = p.pathname + p.search + p.hash);
       }
     } catch {
       continue;
     }
-    if (i.has(c)) continue;
-    i.add(c);
-    const b = (s.textContent || "").trim().slice(0, 120);
-    l.push({ href: c, text: b, internal: d });
+    if (i.has(s)) continue;
+    i.add(s);
+    const b = (c.textContent || "").trim().slice(0, 120);
+    a.push({ href: s, text: b, internal: u });
   }
-  return l;
+  return a;
 }
 let Qe = null;
 const Ai = 5e3;
@@ -2705,13 +2705,13 @@ function Ri(e, t) {
     e.querySelectorAll("input, textarea, select")
   );
   let i = 0;
-  const l = /* @__PURE__ */ new Map();
+  const a = /* @__PURE__ */ new Map();
   for (const o of r) {
     if (!Nn(o)) continue;
-    const s = Ii(o, i);
-    let a = s;
-    if (l.has(s) && (a = `${s}__${i}`), a === t) return o;
-    l.set(s, o), i++;
+    const c = Ii(o, i);
+    let l = c;
+    if (a.has(c) && (l = `${c}__${i}`), l === t) return o;
+    a.set(c, o), i++;
   }
   return null;
 }
@@ -2720,51 +2720,53 @@ function An(e, t) {
   return r ? Ut(r) ? { el: r } : { el: null, reason: "private" } : { el: null, reason: "not_found" };
 }
 function Ti(e, t) {
-  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), l = i == null ? void 0 : i.set;
-  l ? l.call(e, t) : e.value = t;
+  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), a = i == null ? void 0 : i.set;
+  a ? a.call(e, t) : e.value = t;
 }
 function Pi(e, t, r = {}) {
-  const i = r.triggerInput ?? !0, l = r.triggerChange ?? !0;
+  const i = r.triggerInput ?? !0, a = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const o = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), s = o == null ? void 0 : o.set, a = t === "true" || t === "1" || t === "on";
-    s ? s.call(e, a) : e.checked = a, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), l && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), c = o == null ? void 0 : o.set, l = t === "true" || t === "1" || t === "on";
+    c ? c.call(e, l) : e.checked = l, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), a && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  Ti(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), l && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  Ti(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), a && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
 function Mn(e, t) {
   if (!t) return null;
-  const r = t.replace(/"/g, '\\"');
+  const r = t.replace(/"/g, '\\"'), i = (l) => l.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget') !== null;
   try {
-    const s = e.querySelector(
+    const l = e.querySelector(
       `form#${CSS.escape(t)}`
     );
-    if (s) return s;
+    if (l && !i(l)) return l;
   } catch {
   }
-  const i = e.querySelector(
+  const a = e.querySelector(
     `form[name="${r}"]`
   );
-  if (i) return i;
-  const l = e.querySelector(
+  if (a && !i(a)) return a;
+  const o = e.querySelector(
     `form[data-ll-intent="${r}"]`
   );
-  if (l) return l;
-  const o = Array.from(e.querySelectorAll("form"));
-  for (const s of o) {
-    const a = s.getAttribute("data-ll-intent");
-    if (a && Di(a) === t) return s;
+  if (o && !i(o)) return o;
+  const c = Array.from(
+    e.querySelectorAll("form")
+  ).filter((l) => !i(l));
+  for (const l of c) {
+    const s = l.getAttribute("data-ll-intent");
+    if (s && Di(s) === t) return l;
   }
   if (/^form_\d+$/.test(t)) {
-    const s = parseInt(t.slice(5), 10);
-    let a = 0;
-    for (const c of o)
-      if (!(c.id || c.getAttribute("name") || c.getAttribute("data-ll-intent"))) {
-        if (a === s) return c;
-        a++;
+    const l = parseInt(t.slice(5), 10);
+    let s = 0;
+    for (const u of c)
+      if (!(u.id || u.getAttribute("name") || u.getAttribute("data-ll-intent"))) {
+        if (s === l) return u;
+        s++;
       }
   }
   return null;
@@ -2793,9 +2795,9 @@ function Hi() {
   let t = null, r = 0;
   for (const i of e) {
     if (!$i(i)) continue;
-    const l = i.getBoundingClientRect();
-    if (l.bottom <= 0 || l.top >= window.innerHeight || l.right <= 0 || l.left >= window.innerWidth || l.width <= 0 || l.height <= 0 || i.closest(".ll-widget")) continue;
-    const o = l.width * l.height;
+    const a = i.getBoundingClientRect();
+    if (a.bottom <= 0 || a.top >= window.innerHeight || a.right <= 0 || a.left >= window.innerWidth || a.width <= 0 || a.height <= 0 || i.closest(".ll-widget")) continue;
+    const o = a.width * a.height;
     o > r && (r = o, t = i);
   }
   return t;
@@ -2852,12 +2854,12 @@ const Wi = /* @__PURE__ */ new Set([
     var on, ln, an, sn, cn, un, dn;
     const {
       agentId: i,
-      apiKey: l,
+      apiKey: a,
       baseUrl: o = "https://app.livelayer.studio",
-      sessionEndpoint: s,
-      sessionBody: a,
-      soundEffects: c,
-      experienceMode: d = "WIDGET",
+      sessionEndpoint: c,
+      sessionBody: l,
+      soundEffects: s,
+      experienceMode: u = "WIDGET",
       autoConnect: b = !1,
       displayMode: p,
       // Initial display mode. Mobile gets a smaller card layout (not the
@@ -2927,7 +2929,7 @@ const Wi = /* @__PURE__ */ new Set([
     }), Oe = Ne ? O : Nt, ue = et(
       () => (y == null ? void 0 : y.find((v) => v.id === Oe)) ?? null,
       [y, Oe]
-    ), it = (ue == null ? void 0 : ue.agentId) ?? i, le = d === "EMBEDDED", pe = Ir(E), [je, Ve] = Ar({
+    ), it = (ue == null ? void 0 : ue.agentId) ?? i, le = u === "EMBEDDED", pe = Ir(E), [je, Ve] = Ar({
       value: p,
       defaultValue: h,
       onChange: P,
@@ -2939,30 +2941,30 @@ const Wi = /* @__PURE__ */ new Set([
       resizable: !le && (w ?? !pe),
       persistKey: R,
       disablePersistence: le || S
-    }), Me = yr(), Se = _r(), ye = xr(), xe = Lr(), [bt, Ye] = M(!1), [lt, at] = M(!1), [_, re] = M(!1), [Un, jn] = M(!1), [Rt, Vn] = M(!1), wt = Gr({ baseUrl: o, config: c }), _t = I(wt);
+    }), Me = yr(), Se = _r(), ye = xr(), xe = Lr(), [bt, Ye] = M(!1), [lt, at] = M(!1), [_, re] = M(!1), [Un, jn] = M(!1), [Rt, Vn] = M(!1), wt = Gr({ baseUrl: o, config: s }), _t = I(wt);
     _t.current = wt;
     const Tt = I(ne), Pt = I(tt), Dt = I(rt), zt = I(mt), Gt = I(nt), Xt = I(pt), Kt = I(ht), $t = I(We), Le = I(null);
     Tt.current = ne, Pt.current = tt, Dt.current = rt, zt.current = mt, Gt.current = nt, Xt.current = pt, Kt.current = ht, $t.current = We;
     function Ce(v) {
-      const u = $t.current;
-      return u ? u.includes(v) : !0;
+      const d = $t.current;
+      return d ? d.includes(v) : !0;
     }
-    function ke(v, u) {
+    function ke(v, d) {
       console.warn(
-        `[LiveLayer] Agent command "${v}" blocked — capability "${u}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+        `[LiveLayer] Agent command "${v}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
     const st = C(
       (v) => {
         var ie, de, Ee, ut;
-        const u = v;
-        if (!(!u.type || typeof u.type != "string")) {
-          if (De == null || De({ eventName: u.type, data: v }), u.type === "navigate") {
+        const d = v;
+        if (!(!d.type || typeof d.type != "string")) {
+          if (De == null || De({ eventName: d.type, data: v }), d.type === "navigate") {
             if (!Ce("navigate")) {
               ke("navigate", "navigate");
               return;
             }
-            const A = typeof u.href == "string" ? u.href : null;
+            const A = typeof d.href == "string" ? d.href : null;
             if (!A) {
               console.warn(
                 `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
@@ -3000,14 +3002,14 @@ const Wi = /* @__PURE__ */ new Set([
               }
             return;
           }
-          if (u.type === "scroll_to") {
+          if (d.type === "scroll_to") {
             if (!Ce("scroll")) {
               ke("scroll_to", "scroll");
               return;
             }
-            const A = typeof u.selector == "string" ? u.selector : null;
+            const A = typeof d.selector == "string" ? d.selector : null;
             if (!A) return;
-            const H = u.behavior === "instant" ? "instant" : "smooth";
+            const H = d.behavior === "instant" ? "instant" : "smooth";
             if (Pt.current) {
               try {
                 Pt.current(
@@ -3042,12 +3044,12 @@ const Wi = /* @__PURE__ */ new Set([
             }
             return;
           }
-          if (u.type === "request_page_context") {
+          if (d.type === "request_page_context") {
             if (!Ce("read_page")) {
               ke("request_page_context", "read_page");
               return;
             }
-            const A = typeof u.requestId == "string" ? u.requestId : void 0, H = (ie = Le.current) == null ? void 0 : ie.call(Le), Y = (Z) => {
+            const A = typeof d.requestId == "string" ? d.requestId : void 0, H = (ie = Le.current) == null ? void 0 : ie.call(Le), Y = (Z) => {
               const B = H, ce = B == null ? void 0 : B.localParticipant;
               if (ce != null && ce.publishData)
                 try {
@@ -3090,19 +3092,19 @@ const Wi = /* @__PURE__ */ new Set([
             }
             return;
           }
-          if (u.type === "scroll_page") {
+          if (d.type === "scroll_page") {
             if (!Ce("scroll")) {
               ke("scroll_page", "scroll");
               return;
             }
-            const A = u.direction;
+            const A = d.direction;
             if (A !== "up" && A !== "down" && A !== "top" && A !== "bottom") {
               console.warn(
                 `[LiveLayer] scroll_page: invalid direction "${String(A)}". Expected up | down | top | bottom.`
               );
               return;
             }
-            const H = u.behavior === "instant" ? "instant" : "smooth";
+            const H = d.behavior === "instant" ? "instant" : "smooth";
             if (Dt.current) {
               try {
                 Dt.current(
@@ -3123,12 +3125,12 @@ const Wi = /* @__PURE__ */ new Set([
             A === "up" ? J(-In(j)) : A === "down" ? J(In(j)) : Z(A === "top" ? 0 : Fi(j));
             return;
           }
-          if (u.type === "click") {
+          if (d.type === "click") {
             if (!Ce("click")) {
               ke("click", "click");
               return;
             }
-            const A = typeof u.selector == "string" ? u.selector : null;
+            const A = typeof d.selector == "string" ? d.selector : null;
             if (!A) {
               console.warn("[LiveLayer] click: missing selector.");
               return;
@@ -3166,33 +3168,33 @@ const Wi = /* @__PURE__ */ new Set([
             (de = H.click) == null || de.call(H);
             return;
           }
-          if (u.type === "fill_form" || u.type === "focus_field") {
+          if (d.type === "fill_form" || d.type === "focus_field") {
             if (!Ce("fill_forms")) {
-              ke(u.type, "fill_forms");
+              ke(d.type, "fill_forms");
               return;
             }
             if (typeof document > "u") return;
-            u.type === "fill_form" && _t.current.playConfirmation();
-            const A = typeof u.formId == "string" ? u.formId : null;
+            d.type === "fill_form" && _t.current.playConfirmation();
+            const A = typeof d.formId == "string" ? d.formId : null;
             if (!A) {
-              console.warn(`[LiveLayer] ${u.type}: missing formId.`);
+              console.warn(`[LiveLayer] ${d.type}: missing formId.`);
               return;
             }
             const H = Mn(document, A);
             if (!H) {
               console.warn(
-                `[LiveLayer] ${u.type}: no <form> matched id="${A}" (or matching name / data-ll-intent slug). Forms are auto-discovered — make sure the form has an \`id\`, \`name\`, or \`data-ll-intent\` attribute the agent observed in PageContext.forms.`
+                `[LiveLayer] ${d.type}: no <form> matched id="${A}" (or matching name / data-ll-intent slug). Forms are auto-discovered — make sure the form has an \`id\`, \`name\`, or \`data-ll-intent\` attribute the agent observed in PageContext.forms.`
               );
               return;
             }
             if (H.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget')) {
               console.warn(
-                `[LiveLayer] ${u.type}: refusing to touch a form in a private / opted-out subtree.`
+                `[LiveLayer] ${d.type}: refusing to touch a form in a private / opted-out subtree.`
               );
               return;
             }
-            if (u.type === "focus_field") {
-              const j = typeof u.fieldName == "string" ? u.fieldName : null;
+            if (d.type === "focus_field") {
+              const j = typeof d.fieldName == "string" ? d.fieldName : null;
               if (!j) {
                 console.warn("[LiveLayer] focus_field: missing fieldName.");
                 return;
@@ -3209,7 +3211,7 @@ const Wi = /* @__PURE__ */ new Set([
               J.el.focus();
               return;
             }
-            const Y = u.values && typeof u.values == "object" ? u.values : null;
+            const Y = d.values && typeof d.values == "object" ? d.values : null;
             if (!Y) {
               console.warn("[LiveLayer] fill_form: missing or invalid values.");
               return;
@@ -3236,13 +3238,13 @@ const Wi = /* @__PURE__ */ new Set([
             }
             return;
           }
-          if (u.type === "submit_form") {
+          if (d.type === "submit_form") {
             if (!Ce("submit_forms")) {
               ke("submit_form", "submit_forms");
               return;
             }
             if (typeof document > "u") return;
-            const A = typeof u.formId == "string" ? u.formId : null;
+            const A = typeof d.formId == "string" ? d.formId : null;
             if (!A) {
               console.warn("[LiveLayer] submit_form: missing formId.");
               return;
@@ -3261,7 +3263,7 @@ const Wi = /* @__PURE__ */ new Set([
               );
               return;
             }
-            const Y = typeof u.requestId == "string" ? u.requestId : void 0, j = (Ee = Le.current) == null ? void 0 : Ee.call(Le), J = (ce) => {
+            const Y = typeof d.requestId == "string" ? d.requestId : void 0, j = (Ee = Le.current) == null ? void 0 : Ee.call(Le), J = (ce) => {
               const he = j, Ke = he == null ? void 0 : he.localParticipant;
               if (Ke != null && Ke.publishData)
                 try {
@@ -3294,12 +3296,12 @@ const Wi = /* @__PURE__ */ new Set([
             }, 500);
             return;
           }
-          if (u.type === "request_routes") {
+          if (d.type === "request_routes") {
             if (!Ce("read_page")) {
               ke("request_routes", "read_page");
               return;
             }
-            const A = typeof u.requestId == "string" ? u.requestId : void 0, Y = (ut = Le.current) == null ? void 0 : ut.call(Le), j = Y == null ? void 0 : Y.localParticipant;
+            const A = typeof d.requestId == "string" ? d.requestId : void 0, Y = (ut = Le.current) == null ? void 0 : ut.call(Le), j = Y == null ? void 0 : Y.localParticipant;
             if (!(j != null && j.publishData)) return;
             const J = (B) => {
               try {
@@ -3339,20 +3341,20 @@ const Wi = /* @__PURE__ */ new Set([
             }
             return;
           }
-          if (u.type === "task_field_updated") {
+          if (d.type === "task_field_updated") {
             if (!Ce("collect_data")) {
               ke("task_field_updated", "collect_data");
               return;
             }
             const A = {
               phase: "field",
-              fieldId: typeof u.fieldId == "string" ? u.fieldId : "",
-              fieldName: typeof u.fieldName == "string" ? u.fieldName : typeof u.fieldId == "string" ? u.fieldId : "",
-              value: typeof u.value == "string" ? u.value : "",
-              kind: typeof u.kind == "string" ? u.kind : "text",
-              source: u.source === "slide" ? "slide" : u.source === "page" ? "page" : "agent",
-              ...typeof u.slideId == "string" ? { slideId: u.slideId } : {},
-              ...typeof u.formId == "string" ? { formId: u.formId } : {}
+              fieldId: typeof d.fieldId == "string" ? d.fieldId : "",
+              fieldName: typeof d.fieldName == "string" ? d.fieldName : typeof d.fieldId == "string" ? d.fieldId : "",
+              value: typeof d.value == "string" ? d.value : "",
+              kind: typeof d.kind == "string" ? d.kind : "text",
+              source: d.source === "slide" ? "slide" : d.source === "page" ? "page" : "agent",
+              ...typeof d.slideId == "string" ? { slideId: d.slideId } : {},
+              ...typeof d.formId == "string" ? { formId: d.formId } : {}
             };
             if (typeof document < "u")
               try {
@@ -3363,12 +3365,12 @@ const Wi = /* @__PURE__ */ new Set([
               }
             return;
           }
-          if (u.type === "task_completed") {
+          if (d.type === "task_completed") {
             if (!Ce("collect_data")) {
               ke("task_completed", "collect_data");
               return;
             }
-            const A = u.result;
+            const A = d.result;
             if (!A || typeof A != "object") {
               console.warn(
                 "[LiveLayer] task_completed missing `result` payload."
@@ -3393,16 +3395,16 @@ const Wi = /* @__PURE__ */ new Set([
             }
             return;
           }
-          Wi.has(u.type) || qe == null || qe(u);
+          Wi.has(d.type) || qe == null || qe(d);
         }
       },
       [qe, De, ze]
     ), se = gr({
       agentId: F ? "__controlled__" : it,
       baseUrl: o,
-      apiKey: l,
-      sessionEndpoint: s,
-      sessionBody: a,
+      apiKey: a,
+      sessionEndpoint: c,
+      sessionBody: l,
       onDataMessage: F ? void 0 : st
     });
     T(() => {
@@ -3465,10 +3467,10 @@ const Wi = /* @__PURE__ */ new Set([
       () => ({
         sendData: async (v) => {
           var Ee, ut;
-          const u = Zt.current;
-          if (u != null && u.publishData) {
+          const d = Zt.current;
+          if (d != null && d.publishData) {
             try {
-              await u.publishData(v);
+              await d.publishData(v);
             } catch (A) {
               console.warn("[AvatarWidget] sendData (controlled) failed:", A);
             }
@@ -3488,10 +3490,10 @@ const Wi = /* @__PURE__ */ new Set([
     );
     const Qt = I(null);
     T(() => {
-      const v = L.videoElement, u = Qt.current;
-      if (!(!v || !u))
-        return u.appendChild(v), () => {
-          v.parentNode === u && u.removeChild(v);
+      const v = L.videoElement, d = Qt.current;
+      if (!(!v || !d))
+        return d.appendChild(v), () => {
+          v.parentNode === d && d.removeChild(v);
         };
     }, [L.videoElement]);
     const [Ge, xt] = M(!1);
@@ -3521,13 +3523,13 @@ const Wi = /* @__PURE__ */ new Set([
     }, [z, L.videoElement, Ge]), T(() => {
       const v = L.audioElement;
       if (!v) return;
-      const u = document.createElement("div");
-      u.className = "ll-audio-sink", u.setAttribute("aria-hidden", "true"), u.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;", u.appendChild(v), document.body.appendChild(u), Me.attach(v);
+      const d = document.createElement("div");
+      d.className = "ll-audio-sink", d.setAttribute("aria-hidden", "true"), d.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;", d.appendChild(v), document.body.appendChild(d), Me.attach(v);
       const ie = v.play();
       return ie && typeof ie.catch == "function" && ie.catch((de) => {
         (de == null ? void 0 : de.name) === "NotAllowedError" && Ye(!0);
       }), () => {
-        Me.detach(), v.parentNode === u && u.removeChild(v), u.parentNode === document.body && document.body.removeChild(u);
+        Me.detach(), v.parentNode === d && d.removeChild(v), d.parentNode === document.body && document.body.removeChild(d);
       };
     }, [L.audioElement]);
     const ve = br({
@@ -3539,16 +3541,16 @@ const Wi = /* @__PURE__ */ new Set([
       const v = L.getRoom();
       if (v)
         return ve.setupMic(v).then(() => {
-          const u = ve.getMicStream();
-          u && Me.attachStream(u, "mic");
+          const d = ve.getMicStream();
+          d && Me.attachStream(d, "mic");
         }).catch(() => {
         }), () => {
           Me.detachSlot("mic"), ve.teardownMic();
         };
     }, [L.isControlled, L.connectionState]), T(() => {
-      var u;
+      var d;
       if (L.connectionState !== "connected") return;
-      const v = L.isControlled ? (u = F == null ? void 0 : F.getRoom) == null ? void 0 : u.call(F) : L.getRoom();
+      const v = L.isControlled ? (d = F == null ? void 0 : F.getRoom) == null ? void 0 : d.call(F) : L.getRoom();
       if (v)
         return Se.attachRoom(v), ye.attachRoom(v), L.isControlled && ve.attachRoom(v), xe.refresh(), () => {
           Se.teardown(), ye.teardown();
@@ -3558,10 +3560,10 @@ const Wi = /* @__PURE__ */ new Set([
       v && (v.muted = Rt);
     }, [L.audioElement, Rt]);
     const Yn = C((v) => {
-      const u = { type: "user_message", text: v };
+      const d = { type: "user_message", text: v };
       if (F != null && F.publishData) {
         try {
-          F.publishData(u);
+          F.publishData(d);
         } catch {
         }
         return;
@@ -3569,7 +3571,7 @@ const Wi = /* @__PURE__ */ new Set([
       const ie = L.getRoom();
       if (ie)
         try {
-          const de = new TextEncoder().encode(JSON.stringify(u));
+          const de = new TextEncoder().encode(JSON.stringify(d));
           ie.localParticipant.publishData(de, { reliable: !0 });
         } catch {
         }
@@ -3591,8 +3593,8 @@ const Wi = /* @__PURE__ */ new Set([
     }, [b, L.connectionState, L, He]);
     const Xn = C(
       (v) => {
-        const u = y == null ? void 0 : y.find((ie) => ie.id === v);
-        u && (re(!1), v !== Oe && (at(!0), L.disconnect(), Ne || yt(v), m == null || m(u)));
+        const d = y == null ? void 0 : y.find((ie) => ie.id === v);
+        d && (re(!1), v !== Oe && (at(!0), L.disconnect(), Ne || yt(v), m == null || m(d)));
       },
       [
         y,
@@ -3606,8 +3608,8 @@ const Wi = /* @__PURE__ */ new Set([
       lt && L.connectionState === "connected" && at(!1);
     }, [L.connectionState, lt]), T(() => {
       if (!_) return;
-      const v = (u) => {
-        u.key === "Escape" && re(!1);
+      const v = (d) => {
+        d.key === "Escape" && re(!1);
       };
       return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
     }, [_]);
@@ -3649,7 +3651,7 @@ const Wi = /* @__PURE__ */ new Set([
         style: rr,
         "data-display-mode": ge,
         "data-position": x,
-        "data-experience-mode": d === "EMBEDDED" ? "embedded" : "widget",
+        "data-experience-mode": u === "EMBEDDED" ? "embedded" : "widget",
         children: ge === "expanded" && /* @__PURE__ */ n(
           di,
           {
@@ -3777,49 +3779,49 @@ const Qi = ({
   baseUrl: t,
   apiKey: r,
   mode: i,
-  onAgentEvent: l,
+  onAgentEvent: a,
   className: o,
-  style: s
+  style: c
 }) => {
-  const a = I(null), c = I(null), d = I(l);
-  d.current = l;
+  const l = I(null), s = I(null), u = I(a);
+  u.current = a;
   const b = C((p) => {
     var P;
     const h = p.detail;
-    (P = d.current) == null || P.call(d, h);
+    (P = u.current) == null || P.call(u, h);
   }, []);
   return T(() => {
-    const p = a.current;
+    const p = l.current;
     if (!p) return;
     const h = document.createElement("livelayer-widget");
-    return h.setAttribute("agent-id", e), t && h.setAttribute("base-url", t), r && h.setAttribute("api-key", r), i && h.setAttribute("mode", i), h.addEventListener("agent-event", b), p.appendChild(h), c.current = h, () => {
-      h.removeEventListener("agent-event", b), p.removeChild(h), c.current = null;
+    return h.setAttribute("agent-id", e), t && h.setAttribute("base-url", t), r && h.setAttribute("api-key", r), i && h.setAttribute("mode", i), h.addEventListener("agent-event", b), p.appendChild(h), s.current = h, () => {
+      h.removeEventListener("agent-event", b), p.removeChild(h), s.current = null;
     };
   }, [e]), T(() => {
-    c.current && (i ? c.current.setAttribute("mode", i) : c.current.removeAttribute("mode"));
-  }, [i]), /* @__PURE__ */ n("div", { ref: a, className: o, style: s });
+    s.current && (i ? s.current.setAttribute("mode", i) : s.current.removeAttribute("mode"));
+  }, [i]), /* @__PURE__ */ n("div", { ref: l, className: o, style: c });
 }, eo = jt(
-  function({ id: t, intent: r, as: i = "div", className: l, style: o, children: s }, a) {
+  function({ id: t, intent: r, as: i = "div", className: a, style: o, children: c }, l) {
     return ur(
       i,
       {
-        ref: a,
+        ref: l,
         "data-ll-region": t,
         "data-ll-intent": r,
-        className: l,
+        className: a,
         style: o
       },
-      s
+      c
     );
   }
 );
 function to(e = {}) {
-  const { onFieldUpdate: t, onComplete: r, source: i = "all" } = e, [l, o] = M({}), [s, a] = M(!1), [c, d] = M(null), b = I(t), p = I(r), h = I(i);
+  const { onFieldUpdate: t, onComplete: r, source: i = "all" } = e, [a, o] = M({}), [c, l] = M(!1), [s, u] = M(null), b = I(t), p = I(r), h = I(i);
   T(() => {
     b.current = t, p.current = r, h.current = i;
   }, [t, r, i]);
   const P = C(() => {
-    o({}), a(!1);
+    o({}), l(!1);
   }, []);
   return T(() => {
     if (typeof window > "u") return;
@@ -3830,7 +3832,7 @@ function to(e = {}) {
         if (g.phase === "field") {
           if (h.current !== "all" && g.source !== h.current)
             return;
-          a(!0), o(
+          l(!0), o(
             (S) => S[g.fieldName] === g.value ? S : { ...S, [g.fieldName]: g.value }
           );
           try {
@@ -3844,7 +3846,7 @@ function to(e = {}) {
           const S = g.result;
           if (h.current !== "all" && S.source !== h.current)
             return;
-          d(S), a(!1);
+          u(S), l(!1);
           try {
             (R = p.current) == null || R.call(p, S);
           } catch (y) {
@@ -3854,7 +3856,7 @@ function to(e = {}) {
       }
     };
     return document.addEventListener("ll-collected", x), () => document.removeEventListener("ll-collected", x);
-  }, []), { fields: l, isCollecting: s, lastResult: c, reset: P };
+  }, []), { fields: a, isCollecting: c, lastResult: s, reset: P };
 }
 let Rn = 1;
 function no({
@@ -3862,11 +3864,11 @@ function no({
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, l] = M(t), [o, s] = M([]), [a, c] = M(""), [d, b] = M(!1), p = I(/* @__PURE__ */ new Set()), h = I([]), P = I(d);
-  P.current = d, T(() => {
+  const [i, a] = M(t), [o, c] = M([]), [l, s] = M(""), [u, b] = M(!1), p = I(/* @__PURE__ */ new Set()), h = I([]), P = I(u);
+  P.current = u, T(() => {
     try {
       const g = localStorage.getItem(r);
-      g === "1" && l(!0), g === "0" && l(!1);
+      g === "1" && a(!0), g === "0" && a(!1);
     } catch {
     }
   }, [r]), T(() => {
@@ -3876,14 +3878,14 @@ function no({
     }
   }, [i, r]), T(() => {
     const g = (w) => {
-      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), l((R) => !R));
+      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), a((R) => !R));
     };
     return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
   }, []), T(() => {
     const g = setInterval(() => {
       if (h.current.length === 0 || P.current) return;
       const w = h.current.splice(0, h.current.length);
-      s(
+      c(
         (R) => [...w.reverse(), ...R].slice(0, 200)
       );
     }, 100);
@@ -3923,7 +3925,7 @@ function no({
       "button",
       {
         type: "button",
-        onClick: () => l(!0),
+        onClick: () => a(!0),
         title: "Open LiveLayer debug panel (Cmd/Ctrl + Shift + L)",
         "aria-label": "Open LiveLayer debug panel",
         style: {
@@ -3946,8 +3948,8 @@ function no({
       }
     );
   const E = o.filter((g) => {
-    if (!a) return !0;
-    const w = a.toLowerCase();
+    if (!l) return !0;
+    const w = l.toLowerCase();
     return g.type.toLowerCase().includes(w) || JSON.stringify(g.data || {}).toLowerCase().includes(w);
   });
   return /* @__PURE__ */ k(
@@ -3996,9 +3998,9 @@ function no({
                 {
                   type: "button",
                   onClick: () => b((g) => !g),
-                  style: qt(d ? "#f59e0b" : "transparent"),
+                  style: qt(u ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
-                  children: d ? "▶ resume" : "⏸ pause"
+                  children: u ? "▶ resume" : "⏸ pause"
                 }
               ),
               /* @__PURE__ */ n(
@@ -4006,7 +4008,7 @@ function no({
                 {
                   type: "button",
                   onClick: () => {
-                    s([]), h.current = [];
+                    c([]), h.current = [];
                   },
                   style: qt("transparent"),
                   title: "Clear buffer",
@@ -4017,7 +4019,7 @@ function no({
                 "button",
                 {
                   type: "button",
-                  onClick: () => l(!1),
+                  onClick: () => a(!1),
                   style: qt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
@@ -4031,8 +4033,8 @@ function no({
           "input",
           {
             type: "text",
-            value: a,
-            onChange: (g) => c(g.target.value),
+            value: l,
+            onChange: (g) => s(g.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -4090,7 +4092,7 @@ function no({
                 entry: g,
                 expanded: p.current.has(g.id),
                 onToggle: () => {
-                  p.current.has(g.id) ? p.current.delete(g.id) : p.current.add(g.id), s((w) => [...w]);
+                  p.current.has(g.id) ? p.current.delete(g.id) : p.current.add(g.id), c((w) => [...w]);
                 }
               },
               g.id
@@ -4106,7 +4108,7 @@ function qi({
   expanded: t,
   onToggle: r
 }) {
-  const i = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", l = new Date(e.ts).toLocaleTimeString("en-US", {
+  const i = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", a = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
   return /* @__PURE__ */ k(
@@ -4136,7 +4138,7 @@ function qi({
                 fontVariantNumeric: "tabular-nums",
                 fontSize: 10
               },
-              children: l
+              children: a
             }
           ),
           /* @__PURE__ */ n(
@@ -4197,14 +4199,14 @@ function ro({ fields: e, children: t }) {
   return ji(e), /* @__PURE__ */ n(Fe, { children: t });
 }
 function io() {
-  const [e, t] = M([]), r = C((l) => {
+  const [e, t] = M([]), r = C((a) => {
     t((o) => {
-      const s = o.findIndex((a) => a.id === l.id);
-      if (s >= 0) {
-        const a = o.slice();
-        return a[s] = l, a;
+      const c = o.findIndex((l) => l.id === a.id);
+      if (c >= 0) {
+        const l = o.slice();
+        return l[c] = a, l;
       }
-      return [...o, l];
+      return [...o, a];
     });
   }, []), i = C(() => t([]), []);
   return {