@livelayer/react 0.13.0 → 0.14.0

package/dist/index.mjs

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as w, jsx as n, Fragment as Pe } from "react/jsx-runtime";
-import { Component as Un, useState as E, useRef as N, useEffect as I, useCallback as C, useMemo as Ge, useLayoutEffect as wn, forwardRef as Dt, useImperativeHandle as jn, createElement as Vn } from "react";
+import { jsxs as w, jsx as n, Fragment as $e } from "react/jsx-runtime";
+import { Component as Vn, useState as E, useRef as N, useEffect as R, useCallback as C, useMemo as Xe, useLayoutEffect as xn, forwardRef as Dt, useImperativeHandle as Yn, createElement as Gn } from "react";
 import { createPortal as Pt } from "react-dom";
-import { LiveKitSession as Yn, registerFields as Gn } from "@livelayer/sdk";
-import { clearFieldRegistry as Do, getRegisteredFields as Po, registerFields as $o, setFieldValue as zo } from "@livelayer/sdk";
-import { createLocalAudioTrack as Jn, Track as _n, createLocalVideoTrack as Kn } from "livekit-client";
-class Xn extends Un {
+import { LiveKitSession as Kn, registerFields as Jn } from "@livelayer/sdk";
+import { clearFieldRegistry as Oo, getRegisteredFields as Ho, registerFields as Bo, setFieldValue as Wo } from "@livelayer/sdk";
+import { createLocalAudioTrack as Xn, Track as kn, createLocalVideoTrack as Qn } from "livekit-client";
+class Zn extends Vn {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -15,8 +15,8 @@ class Xn extends Un {
     return { hasError: !0, error: t };
   }
   componentDidCatch(t, r) {
-    var o, i;
-    (i = (o = this.props).onError) == null || i.call(o, t, r);
+    var o, l;
+    (l = (o = this.props).onError) == null || l.call(o, t, r);
   }
   render() {
     var t;
@@ -35,14 +35,14 @@ class Xn extends Un {
     ] }) : this.props.children;
   }
 }
-function Qn(e) {
-  const [t, r] = E("idle"), [o, i] = E("idle"), [l, s] = E([]), [a, c] = E(null), [p, v] = E(null), [f, u] = E(null), [R, L] = E(!1), [_, h] = E(null), b = N(null), S = N(e.onDataMessage);
-  S.current = e.onDataMessage, I(() => {
+function er(e) {
+  const [t, r] = E("idle"), [o, l] = E("idle"), [i, s] = E([]), [a, c] = E(null), [p, v] = E(null), [f, u] = E(null), [I, L] = E(!1), [_, h] = E(null), b = N(null), S = N(e.onDataMessage);
+  S.current = e.onDataMessage, R(() => {
     const g = {
       onConnectionStateChange: (H) => {
         r(H), H === "connected" && h(null);
       },
-      onAgentStateChange: i,
+      onAgentStateChange: l,
       onTranscript: (H) => s([...H]),
       onAgentConfig: c,
       onAudioTrack: (H) => u(H),
@@ -50,11 +50,11 @@ function Qn(e) {
       onVideoTrackRemoved: () => v(null),
       onError: (H) => h(H),
       onDataMessage: (H) => {
-        var q;
-        (q = S.current) == null || q.call(S, H);
+        var F;
+        (F = S.current) == null || F.call(S, H);
       },
       onResumabilityChange: L
-    }, P = new Yn(
+    }, P = new Kn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -64,7 +64,7 @@ function Qn(e) {
       },
       g
     );
-    return b.current = P, r("idle"), i("idle"), s([]), c(null), v(null), u(null), L(!1), h(null), () => {
+    return b.current = P, r("idle"), l("idle"), s([]), c(null), v(null), u(null), L(!1), h(null), () => {
       var H;
       (H = P.destroy) == null || H.call(P), b.current = null;
     };
@@ -86,41 +86,41 @@ function Qn(e) {
   }, []), A = C(() => {
     const g = b.current;
     g && g.disconnect();
-  }, []), F = C(() => {
+  }, []), q = C(() => {
     var g;
     return ((g = b.current) == null ? void 0 : g.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
     agentState: o,
-    transcript: l,
+    transcript: i,
     agentConfig: a,
     videoElement: p,
     audioElement: f,
-    canResume: R,
+    canResume: I,
     error: _,
     connect: T,
     disconnect: A,
-    getRoom: F,
+    getRoom: q,
     session: b.current
   };
 }
-function Zn() {
-  const e = N(null), t = N(null), r = N(null), o = N(null), i = N(/* @__PURE__ */ new Set()), l = N(null), s = C(() => {
+function tr() {
+  const e = N(null), t = N(null), r = N(null), o = N(null), l = N(/* @__PURE__ */ new Set()), i = N(null), s = C(() => {
     const f = t.current;
     if (!f) {
       o.current = null;
       return;
     }
-    (!l.current || l.current.length !== f.frequencyBinCount) && (l.current = new Uint8Array(
+    (!i.current || i.current.length !== f.frequencyBinCount) && (i.current = new Uint8Array(
       new ArrayBuffer(f.frequencyBinCount)
     ));
-    const u = l.current;
+    const u = i.current;
     f.getByteFrequencyData(u);
-    let R = 0;
-    for (let _ = 0; _ < u.length; _++) R += u[_];
-    const L = R / u.length / 255;
-    for (const _ of i.current)
+    let I = 0;
+    for (let _ = 0; _ < u.length; _++) I += u[_];
+    const L = I / u.length / 255;
+    for (const _ of l.current)
       try {
         _(L);
       } catch (h) {
@@ -160,10 +160,10 @@ function Zn() {
       }
       r.current = null;
     }
-  }, []), v = C((f) => (i.current.add(f), () => {
-    i.current.delete(f);
+  }, []), v = C((f) => (l.current.add(f), () => {
+    l.current.delete(f);
   }), []);
-  return I(() => () => {
+  return R(() => () => {
     if (p(), t.current) {
       try {
         t.current.disconnect();
@@ -178,11 +178,11 @@ function Zn() {
       }
       e.current = null;
     }
-    i.current.clear(), l.current = null;
+    l.current.clear(), i.current = null;
   }, [p]), { attach: c, detach: p, subscribe: v };
 }
-function er() {
-  const [e, t] = E(!1), [r, o] = E(""), [i, l] = E(null), s = N(null), a = N(null), c = C(async (L) => {
+function nr() {
+  const [e, t] = E(!1), [r, o] = E(""), [l, i] = E(null), s = N(null), a = N(null), c = C(async (L) => {
     var _, h;
     if (s.current && a.current) {
       try {
@@ -191,9 +191,9 @@ function er() {
       }
       s.current.stop(), s.current = null;
     }
-    a.current = L, l(null);
+    a.current = L, i(null);
     try {
-      const b = await Jn({
+      const b = await Xn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
@@ -202,7 +202,7 @@ function er() {
       S != null && S.deviceId && o(S.deviceId);
     } catch (b) {
       const S = b instanceof Error && b.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw l(S), b;
+      throw i(S), b;
     }
   }, []), p = C((L) => {
     a.current = L;
@@ -232,28 +232,28 @@ function er() {
       L.stop();
     }
     s.current = null, a.current = null, t(!1), o("");
-  }, []), R = C(() => l(null), []);
+  }, []), I = C(() => i(null), []);
   return {
     isMuted: e,
     activeDeviceId: r,
-    micError: i,
+    micError: l,
     toggleMute: f,
     setupMic: c,
     attachRoom: p,
     switchDevice: v,
     teardownMic: u,
-    clearError: R
+    clearError: I
   };
 }
-const tr = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function nr() {
-  const [e, t] = E(!1), [r, o] = E(null), [i, l] = E(null), [s, a] = E(""), c = N(null), p = N(null), v = C((b) => {
+const rr = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function or() {
+  const [e, t] = E(!1), [r, o] = E(null), [l, i] = E(null), [s, a] = E(""), c = N(null), p = N(null), v = C((b) => {
     c.current = b;
   }, []), f = C(() => {
     var T;
     const b = c.current, S = p.current;
     if (S && b) {
-      const A = b.localParticipant.getTrackPublication(_n.Source.Camera), g = (A == null ? void 0 : A.track) ?? S;
+      const A = b.localParticipant.getTrackPublication(kn.Source.Camera), g = (A == null ? void 0 : A.track) ?? S;
       try {
         b.localParticipant.unpublishTrack(g);
       } catch {
@@ -263,18 +263,18 @@ function nr() {
       } catch {
       }
     }
-    p.current = null, l(null), t(!1);
+    p.current = null, i(null), t(!1);
   }, []), u = C(async (b) => {
     const S = c.current;
     if (S) {
       o(null);
       try {
-        const T = { ...tr };
+        const T = { ...rr };
         b && (T.deviceId = b);
-        const A = await Kn(T);
+        const A = await Qn(T);
         await S.localParticipant.publishTrack(A), p.current = A;
-        const F = A.attach();
-        l(F), t(!0), b && a(b);
+        const q = A.attach();
+        i(q), t(!0), b && a(b);
         try {
           S.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
@@ -287,31 +287,31 @@ function nr() {
         o(A);
       }
     }
-  }, []), R = C(async () => {
+  }, []), I = C(async () => {
     e ? f() : await u(s || void 0);
   }, [e, s, f, u]), L = C(async (b) => {
     f(), await u(b);
   }, [f, u]), _ = C(() => {
     f(), c.current = null, o(null), a("");
   }, [f]), h = C(() => o(null), []);
-  return I(() => () => {
+  return R(() => () => {
     p.current && p.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
-    previewEl: i,
+    previewEl: l,
     activeDeviceId: s,
-    toggle: R,
+    toggle: I,
     switchDevice: L,
     attachRoom: v,
     teardown: _,
     clearError: h
   };
 }
-function rr() {
-  const [e, t] = E(!1), [r, o] = E(null), [i, l] = E(null), s = N(null), a = C((u) => {
+function ir() {
+  const [e, t] = E(!1), [r, o] = E(null), [l, i] = E(null), s = N(null), a = C((u) => {
     s.current = u;
-  }, []), c = C(() => l(null), []), p = C(async () => {
+  }, []), c = C(() => i(null), []), p = C(async () => {
     const u = s.current;
     if (u) {
       if (e) {
@@ -325,12 +325,12 @@ function rr() {
       o(null);
       try {
         await u.localParticipant.setScreenShareEnabled(!0);
-        let R = 0;
+        let I = 0;
         const L = () => {
-          const _ = u.localParticipant.getTrackPublication(_n.Source.ScreenShare);
+          const _ = u.localParticipant.getTrackPublication(kn.Source.ScreenShare);
           if (_ != null && _.track) {
             const h = _.track.attach();
-            l(h), t(!0);
+            i(h), t(!0);
             try {
               u.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
@@ -340,11 +340,11 @@ function rr() {
             }
             return;
           }
-          R++ < 10 ? setTimeout(L, 100) : t(!0);
+          I++ < 10 ? setTimeout(L, 100) : t(!0);
         };
         L();
-      } catch (R) {
-        const L = R instanceof Error ? R.name : "";
+      } catch (I) {
+        const L = I instanceof Error ? I.name : "";
         L !== "NotAllowedError" && L !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
@@ -357,26 +357,26 @@ function rr() {
       }
     c(), t(!1), o(null), s.current = null;
   }, [e, c]), f = C(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: p, attachRoom: a, teardown: v, clearError: f };
+  return { isEnabled: e, error: r, previewEl: l, toggle: p, attachRoom: a, teardown: v, clearError: f };
 }
-function or() {
-  const [e, t] = E([]), [r, o] = E([]), i = C(async () => {
+function lr() {
+  const [e, t] = E([]), [r, o] = E([]), l = C(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
-        const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((s) => s.kind === "audioinput")), o(l.filter((s) => s.kind === "videoinput"));
+        const i = await navigator.mediaDevices.enumerateDevices();
+        t(i.filter((s) => s.kind === "audioinput")), o(i.filter((s) => s.kind === "videoinput"));
       } catch {
       }
   }, []);
-  return I(() => {
-    if (i(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const l = () => void i();
-    return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
-  }, [i]), { mics: e, cameras: r, refresh: i };
-}
-function ir(e, t, r = !1) {
-  const [o, i] = E(null), [l, s] = E(null), [a, c] = E(!r && !!e);
-  return I(() => {
+  return R(() => {
+    if (l(), typeof navigator > "u" || !navigator.mediaDevices) return;
+    const i = () => void l();
+    return navigator.mediaDevices.addEventListener("devicechange", i), () => navigator.mediaDevices.removeEventListener("devicechange", i);
+  }, [l]), { mics: e, cameras: r, refresh: l };
+}
+function ar(e, t, r = !1) {
+  const [o, l] = E(null), [i, s] = E(null), [a, c] = E(!r && !!e);
+  return R(() => {
     if (r || !e) {
       c(!1);
       return;
@@ -391,13 +391,13 @@ function ir(e, t, r = !1) {
       }
       return f.json();
     }).then((f) => {
-      p.signal.aborted || (i(f), c(!1));
+      p.signal.aborted || (l(f), c(!1));
     }).catch((f) => {
       p.signal.aborted || (s(f instanceof Error ? f.message : "Agent lookup failed"), c(!1));
     }), () => p.abort();
-  }, [e, t, r]), { info: o, error: l, loading: a };
+  }, [e, t, r]), { info: o, error: i, loading: a };
 }
-function lr(e) {
+function sr(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -405,68 +405,68 @@ function lr(e) {
     return null;
   }
 }
-function ar(e, t) {
+function cr(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function sr({
+function dr({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = E(t), s = o ? e : i, a = C(
+  const o = e !== void 0, [l, i] = E(t), s = o ? e : l, a = C(
     (c) => {
-      c !== s && (o || l(c), r == null || r(c));
+      c !== s && (o || i(c), r == null || r(c));
     },
     [s, o, r]
   );
   return [s, a];
 }
-const cr = ["hidden", "minimized", "expanded"];
-function dr(e) {
-  return e && cr.includes(e) ? e : null;
+const ur = ["hidden", "minimized", "expanded"];
+function fr(e) {
+  return e && ur.includes(e) ? e : null;
 }
-function ur({
+function pr({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: o = "ll-widget",
-  disablePersistence: i = !1
+  disablePersistence: l = !1
 } = {}) {
-  const l = `${o}:display-mode`, s = N(!1), [a, c] = sr({
+  const i = `${o}:display-mode`, s = N(!1), [a, c] = dr({
     value: e,
     defaultValue: t,
     onChange: (p) => {
-      e === void 0 && !i && ar(l, p), r == null || r(p);
+      e === void 0 && !l && cr(i, p), r == null || r(p);
     }
   });
-  return I(() => {
-    if (s.current || (s.current = !0, i || e !== void 0)) return;
-    const p = dr(lr(l));
+  return R(() => {
+    if (s.current || (s.current = !0, l || e !== void 0)) return;
+    const p = fr(sr(i));
     p && p !== a && c(p);
   }, []), [a, c];
 }
-const fr = 640;
-function pr(e = fr) {
+const hr = 640;
+function mr(e = hr) {
   const [t, r] = E(!1);
-  return I(() => {
+  return R(() => {
     if (e === !1) {
       r(!1);
       return;
     }
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const o = `(max-width: ${e - 1}px)`, i = window.matchMedia(o), l = () => r(i.matches);
-    return l(), typeof i.addEventListener == "function" ? (i.addEventListener("change", l), () => i.removeEventListener("change", l)) : (i.addListener(l), () => {
-      i.removeListener(l);
+    const o = `(max-width: ${e - 1}px)`, l = window.matchMedia(o), i = () => r(l.matches);
+    return i(), typeof l.addEventListener == "function" ? (l.addEventListener("change", i), () => l.removeEventListener("change", i)) : (l.addListener(i), () => {
+      l.removeListener(i);
     });
   }, [e]), t;
 }
 const en = "__llHistoryPatched", _t = "ll:pathname";
-function hr() {
+function gr() {
   if (typeof window > "u" || window.history[en]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
@@ -480,60 +480,60 @@ function hr() {
 function tn() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function mr(e) {
+function yr(e) {
   const [t, r] = E(
     () => e ?? tn()
   );
-  return I(() => {
+  return R(() => {
     if (e !== void 0) return;
-    hr();
+    gr();
     const o = () => r(tn());
     return o(), window.addEventListener("popstate", o), window.addEventListener(_t, o), () => {
       window.removeEventListener("popstate", o), window.removeEventListener(_t, o);
     };
   }, [e]), e ?? t;
 }
-const nn = /* @__PURE__ */ new Map(), gr = /[\\^$+?.()|{}[\]]/g;
-function yr(e) {
-  return e.replace(gr, "\\$&");
+const nn = /* @__PURE__ */ new Map(), vr = /[\\^$+?.()|{}[\]]/g;
+function br(e) {
+  return e.replace(vr, "\\$&");
 }
-function vr(e) {
+function wr(e) {
   const t = nn.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), a = yr(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), c = new RegExp(`^${a}\\/?$`);
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", l = "", i = r.replace(/\*\*/g, o).replace(/\*/g, l), a = br(i).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(l, "g"), "[^/]+"), c = new RegExp(`^${a}\\/?$`);
   return nn.set(e, c), c;
 }
-function br(e, t) {
+function _r(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return vr(e).test(r);
+  return wr(e).test(r);
 }
-function wr(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : br(e, t);
+function xr(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : _r(e, t);
 }
 function rn(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (wr(r, t)) return !0;
+    if (xr(r, t)) return !0;
   return !1;
 }
-function _r(e, t, r) {
+function kr(e, t, r) {
   return e === void 0 ? !0 : rn(r, e) ? !1 : t && t.length > 0 ? rn(t, e) : !0;
 }
-function xr(e, t, r) {
-  return Ge(
-    () => _r(e, t, r),
+function Lr(e, t, r) {
+  return Xe(
+    () => kr(e, t, r),
     [e, t, r]
   );
 }
-function kr(e) {
+function Cr(e) {
   return e === !1 ? { navigate: !1, thinking: !1, action: !1 } : e === void 0 || e === !0 ? { navigate: !0, thinking: !0, action: !0 } : {
     navigate: e.navigate !== !1,
     thinking: e.thinking !== !1,
     action: e.action !== !1
   };
 }
-function Lr(e) {
-  const t = Ge(() => kr(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), o = N(null), i = C(
+function Er(e) {
+  const t = Xe(() => Cr(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), o = N(null), l = C(
     (c) => {
       try {
         new Audio(`${r}${c}`).play().catch(() => {
@@ -542,11 +542,11 @@ function Lr(e) {
       }
     },
     [r]
-  ), l = C(() => {
-    t.navigate && i("/audio/page-change-sound.mp3");
-  }, [t.navigate, i]), s = C(() => {
-    t.action && i("/audio/confirmation-sound.mp3");
-  }, [t.action, i]), a = C(
+  ), i = 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) => {
       if (!t.thinking) {
         if (o.current) {
@@ -577,7 +577,7 @@ function Lr(e) {
     },
     [r, t.thinking]
   );
-  return I(() => () => {
+  return R(() => () => {
     if (o.current) {
       try {
         o.current.pause();
@@ -585,9 +585,9 @@ function Lr(e) {
       }
       o.current = null;
     }
-  }, []), Ge(
-    () => ({ playPageChange: l, playConfirmation: s, setThinking: a }),
-    [l, s, a]
+  }, []), Xe(
+    () => ({ playPageChange: i, playConfirmation: s, setThinking: a }),
+    [i, s, a]
   );
 }
 const on = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
@@ -654,7 +654,7 @@ const on = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
       }
     )
   }
-), Cr = ({ className: e }) => /* @__PURE__ */ n(
+), Sr = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -665,7 +665,7 @@ const on = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), Er = {
+), Nr = {
   left: 180,
   right: 0,
   up: -90,
@@ -678,19 +678,19 @@ const on = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${Er[e]}deg)` },
+    style: { transform: `rotate(${Nr[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Sr(e) {
+function Ar(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const xn = "ll-hidden-tab-center-y", Nr = 5, sn = 16;
-function Ar() {
+const Ln = "ll-hidden-tab-center-y", Ir = 5, sn = 16;
+function Rr() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(xn);
+    const e = window.localStorage.getItem(Ln);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -701,72 +701,72 @@ function Ar() {
 function cn(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(xn, String(e));
+      window.localStorage.setItem(Ln, String(e));
     } catch {
     }
 }
-const Rr = ({
+const Mr = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
   onExpand: o,
-  label: i = "Open widget",
-  avatarImageUrl: l,
+  label: l = "Open widget",
+  avatarImageUrl: i,
   agentName: s,
   containerEl: a
 }) => {
-  const c = Sr(e), p = c === "right" ? "left" : "right", v = t ? 80 : 72, f = !!l, u = !!a, [R, L] = E(null), [_, h] = E(!1), b = N(null), S = N(!1), T = C(
-    (M) => {
-      if (typeof window > "u") return M;
-      const U = v / 2, B = sn + U, J = window.innerHeight - sn - U;
-      return J < B ? Math.max(B, M) : Math.max(B, Math.min(J, M));
+  const c = Ar(e), p = c === "right" ? "left" : "right", v = t ? 80 : 72, f = !!i, u = !!a, [I, L] = E(null), [_, h] = E(!1), b = N(null), S = N(!1), T = C(
+    (B) => {
+      if (typeof window > "u") return B;
+      const U = v / 2, M = sn + U, J = window.innerHeight - sn - U;
+      return J < M ? Math.max(M, B) : Math.max(M, Math.min(J, B));
     },
     [v]
   );
-  I(() => {
+  R(() => {
     if (u) {
       L(null);
       return;
     }
-    const M = Ar();
-    L(T(M ?? window.innerHeight / 2));
+    const B = Rr();
+    L(T(B ?? window.innerHeight / 2));
     const U = () => {
-      L((B) => B === null ? null : T(B));
+      L((M) => M === null ? null : T(M));
     };
     return window.addEventListener("resize", U), () => window.removeEventListener("resize", U);
   }, [T, u]);
   const A = C(
-    (M) => {
-      if (!u && !(M.pointerType === "mouse" && M.button !== 0) && R !== null) {
+    (B) => {
+      if (!u && !(B.pointerType === "mouse" && B.button !== 0) && I !== null) {
         try {
-          M.currentTarget.setPointerCapture(M.pointerId);
+          B.currentTarget.setPointerCapture(B.pointerId);
         } catch {
         }
         b.current = {
-          startClientY: M.clientY,
-          startCenterY: R,
+          startClientY: B.clientY,
+          startCenterY: I,
           moved: !1
         };
       }
     },
-    [R, u]
-  ), F = C(
-    (M) => {
+    [I, u]
+  ), q = C(
+    (B) => {
       const U = b.current;
       if (!U) return;
-      const B = M.clientY - U.startClientY;
-      !U.moved && Math.abs(B) > Nr && (U.moved = !0, h(!0)), U.moved && L(T(U.startCenterY + B));
+      const M = B.clientY - U.startClientY;
+      !U.moved && Math.abs(M) > Ir && (U.moved = !0, h(!0)), U.moved && L(T(U.startCenterY + M));
     },
     [T]
   ), g = C(
-    (M) => {
+    (B) => {
       const U = b.current;
       if (U) {
         try {
-          M.currentTarget.releasePointerCapture(M.pointerId);
+          B.currentTarget.releasePointerCapture(B.pointerId);
         } catch {
         }
-        b.current = null, U.moved && (h(!1), S.current = !0, L((B) => (B !== null && cn(B), B)));
+        b.current = null, U.moved && (h(!1), S.current = !0, L((M) => (M !== null && cn(M), M)));
       }
     },
     []
@@ -777,19 +777,19 @@ const Rr = ({
     }
     o();
   }, [o]), H = C(
-    (M) => {
-      if (M.key === "ArrowUp" || M.key === "ArrowDown") {
-        M.preventDefault();
-        const U = M.key === "ArrowUp" ? -8 : 8;
-        L((B) => {
-          if (B === null) return B;
-          const J = T(B + U);
+    (B) => {
+      if (B.key === "ArrowUp" || B.key === "ArrowDown") {
+        B.preventDefault();
+        const U = B.key === "ArrowUp" ? -8 : 8;
+        L((M) => {
+          if (M === null) return M;
+          const J = T(M + U);
           return cn(J), J;
         });
       }
     },
     [T]
-  ), q = [
+  ), F = [
     "ll-hidden",
     `ll-hidden--${c}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
@@ -797,27 +797,27 @@ const Rr = ({
     _ ? "is-dragging" : null,
     f ? "ll-hidden--with-avatar" : null,
     u ? "ll-hidden--scoped" : null
-  ].filter(Boolean).join(" "), Z = R === null ? void 0 : { top: `${R - v / 2}px`, transform: "none" };
+  ].filter(Boolean).join(" "), ee = I === null ? void 0 : { top: `${I - v / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: q,
+      className: F,
       onPointerDown: A,
-      onPointerMove: F,
+      onPointerMove: q,
       onPointerUp: g,
       onPointerCancel: g,
       onClick: P,
       onKeyDown: H,
-      "aria-label": i,
+      "aria-label": l,
       "data-position": e,
-      style: Z,
+      style: ee,
       children: f ? (
         // Layout: tiny chevron flush against the inward edge (peeks out
         // as the click affordance), then the circular avatar photo
         // taking the rest of the tab. Reinforces "this is an
         // avatar-based experience" even when collapsed.
-        /* @__PURE__ */ w(Pe, { children: [
+        /* @__PURE__ */ w($e, { children: [
           /* @__PURE__ */ n(
             an,
             {
@@ -828,7 +828,7 @@ const Rr = ({
           /* @__PURE__ */ n(
             "img",
             {
-              src: l,
+              src: i,
               alt: s ? `${s} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
@@ -844,45 +844,45 @@ const Rr = ({
       )
     }
   );
-}, Ir = ({
+}, Tr = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
   minHeight: o = 4,
-  className: i,
-  barClassName: l
+  className: l,
+  barClassName: i
 }) => {
-  const s = N(null), a = N([]), c = Ge(() => {
+  const s = N(null), a = N([]), c = Xe(() => {
     const v = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (f, u) => 0.5 + u * v % 1 * 0.5);
   }, [t]);
-  I(() => e.subscribe((f) => {
+  R(() => e.subscribe((f) => {
     for (let u = 0; u < t; u++) {
-      const R = a.current[u];
-      if (!R) continue;
+      const I = a.current[u];
+      if (!I) continue;
       const L = Math.max(o, f * r * c[u]);
-      R.style.height = `${L}px`;
+      I.style.height = `${L}px`;
     }
   }), [e, t, r, o, c]);
-  const p = ["ll-waveform", i].filter(Boolean).join(" ");
+  const p = ["ll-waveform", l].filter(Boolean).join(" ");
   return /* @__PURE__ */ n("div", { ref: s, className: p, "aria-hidden": "true", children: Array.from({ length: t }, (v, f) => /* @__PURE__ */ n(
     "div",
     {
       ref: (u) => {
         a.current[f] = u;
       },
-      className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
+      className: ["ll-waveform__bar", i].filter(Boolean).join(" "),
       style: { height: `${o}px` }
     },
     f
   )) });
-}, Mr = ({
+}, Dr = ({
   position: e,
   isMobile: t,
   agentName: r,
   avatarImageUrl: o,
-  agentState: i,
-  isMuted: l,
+  agentState: l,
+  isMuted: i,
   audioLevel: s,
   onExpand: a,
   onToggleMute: c,
@@ -913,7 +913,7 @@ const Rr = ({
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            Ir,
+            Tr,
             {
               audioLevel: s,
               bars: 16,
@@ -935,8 +935,8 @@ const Rr = ({
                 onKeyDown: (v) => {
                   (v.key === "Enter" || v.key === " ") && (v.stopPropagation(), v.preventDefault(), c());
                 },
-                "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(on, { muted: l, className: "ll-minimized__icon" })
+                "aria-label": i ? "Unmute microphone" : "Mute microphone",
+                children: /* @__PURE__ */ n(on, { muted: i, className: "ll-minimized__icon" })
               }
             ),
             /* @__PURE__ */ n(ln, { className: "ll-minimized__icon ll-minimized__icon--expand" })
@@ -966,7 +966,7 @@ const Rr = ({
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
       /* @__PURE__ */ w("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: i === "speaking" ? "Speaking" : i === "thinking" ? "Thinking" : "Listening" })
+        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: l === "speaking" ? "Speaking" : l === "thinking" ? "Thinking" : "Listening" })
       ] }),
       /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
@@ -975,8 +975,8 @@ const Rr = ({
             type: "button",
             className: "ll-minimized__btn",
             onClick: c,
-            "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(on, { muted: l, className: "ll-minimized__icon" })
+            "aria-label": i ? "Unmute microphone" : "Mute microphone",
+            children: /* @__PURE__ */ n(on, { muted: i, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -996,21 +996,21 @@ const Rr = ({
             className: "ll-minimized__btn ll-minimized__btn--close",
             onClick: p,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(Cr, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Sr, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), Tr = ({
+), Pr = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
   className: o,
-  style: i
+  style: l
 }) => {
-  const [l, s] = E(!1), a = N(e);
-  if (I(() => {
+  const [i, s] = E(!1), a = N(e);
+  if (R(() => {
     a.current !== e && (a.current = e, s(!1));
   }, [e]), !e) return null;
   const c = {
@@ -1022,8 +1022,8 @@ const Rr = ({
     objectPosition: "top",
     transition: "opacity 500ms ease, transform 500ms ease",
     transform: r ? "scale(1.02)" : "scale(1)",
-    opacity: l ? 1 : 0,
-    ...i
+    opacity: i ? 1 : 0,
+    ...l
   };
   return (
     // eslint-disable-next-line @next/next/no-img-element
@@ -1040,14 +1040,14 @@ const Rr = ({
       }
     )
   );
-}, Dr = 8, dn = 8, Pr = ({
+}, $r = 8, dn = 8, zr = ({
   open: e,
   onClose: t,
   anchorRef: r,
   children: o
 }) => {
-  const i = N(null), [l, s] = E(null);
-  return wn(() => {
+  const l = N(null), [i, s] = E(null);
+  return xn(() => {
     if (!e) {
       s(null);
       return;
@@ -1056,7 +1056,7 @@ const Rr = ({
     if (!a) return;
     const c = () => {
       const p = a.getBoundingClientRect(), v = {
-        top: p.top - Dr,
+        top: p.top - $r,
         left: p.left + p.width / 2
       }, f = dn + 90, u = window.innerWidth - dn - 90;
       v.left < f && (v.left = f), v.left > u && (v.left = u), s(v);
@@ -1064,10 +1064,10 @@ const Rr = ({
     return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
       window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [e, r]), I(() => {
+  }, [e, r]), R(() => {
     if (!e) return;
     const a = (p) => {
-      const v = p.target, f = i.current, u = r.current;
+      const v = p.target, f = l.current, u = r.current;
       f && f.contains(v) || u && u.contains(v) || t();
     }, c = (p) => {
       p.key === "Escape" && (p.stopPropagation(), t());
@@ -1075,19 +1075,19 @@ const Rr = ({
     return document.addEventListener("mousedown", a), document.addEventListener("keydown", c), () => {
       document.removeEventListener("mousedown", a), document.removeEventListener("keydown", c);
     };
-  }, [e, t, r]), !e || l === null || typeof document > "u" ? null : Pt(
+  }, [e, t, r]), !e || i === null || typeof document > "u" ? null : Pt(
     /* @__PURE__ */ n(
       "div",
       {
-        ref: i,
+        ref: l,
         className: "ll-overflow-popover",
         role: "menu",
         style: {
           position: "fixed",
           // Lift the popover above the anchor via translateY(-100%).
           // top points to (anchorTop - GAP); transform pulls bottom up to there.
-          top: l.top,
-          left: l.left,
+          top: i.top,
+          left: i.left,
           transform: "translate(-50%, -100%)"
         },
         children: o
@@ -1095,13 +1095,13 @@ const Rr = ({
     ),
     document.body
   );
-}, $r = ({
+}, Or = ({
   isMuted: e,
   onToggleMute: t,
   isCameraEnabled: r,
   onToggleCamera: o,
-  allowCamera: i,
-  isScreenShareEnabled: l,
+  allowCamera: l,
+  isScreenShareEnabled: i,
   onToggleScreenShare: s,
   allowScreenShare: a,
   isSpeakerMuted: c,
@@ -1109,10 +1109,10 @@ const Rr = ({
   allowTyping: v,
   isTypingOpen: f,
   onToggleTyping: u,
-  onDisconnect: R
+  onDisconnect: I
 }) => {
   const [L, _] = E(!1), h = N(null);
-  return /* @__PURE__ */ w(Pe, { children: [
+  return /* @__PURE__ */ w($e, { children: [
     /* @__PURE__ */ w(
       "div",
       {
@@ -1127,7 +1127,7 @@ const Rr = ({
               className: `ll-tool ${e ? "is-muted" : ""}`,
               onClick: t,
               "aria-label": e ? "Unmute microphone" : "Mute microphone",
-              children: /* @__PURE__ */ n(Cn, { muted: e })
+              children: /* @__PURE__ */ n(Sn, { muted: e })
             }
           ),
           /* @__PURE__ */ n(
@@ -1140,7 +1140,7 @@ const Rr = ({
               "aria-label": "More controls",
               "aria-haspopup": "menu",
               "aria-expanded": L,
-              children: /* @__PURE__ */ n(zr, {})
+              children: /* @__PURE__ */ n(Hr, {})
             }
           ),
           /* @__PURE__ */ n(
@@ -1148,22 +1148,22 @@ const Rr = ({
             {
               type: "button",
               className: "ll-tool ll-tool--danger",
-              onClick: R,
+              onClick: I,
               "aria-label": "End conversation",
-              children: /* @__PURE__ */ n(Sn, {})
+              children: /* @__PURE__ */ n(An, {})
             }
           )
         ]
       }
     ),
     /* @__PURE__ */ w(
-      Pr,
+      zr,
       {
         open: L,
         onClose: () => _(!1),
         anchorRef: h,
         children: [
-          i && /* @__PURE__ */ w(
+          l && /* @__PURE__ */ w(
             "button",
             {
               type: "button",
@@ -1172,7 +1172,7 @@ const Rr = ({
                 o(), _(!1);
               },
               children: [
-                /* @__PURE__ */ n(Ln, {}),
+                /* @__PURE__ */ n(En, {}),
                 /* @__PURE__ */ n("span", { children: r ? "Stop camera" : "Start camera" })
               ]
             }
@@ -1181,13 +1181,13 @@ const Rr = ({
             "button",
             {
               type: "button",
-              className: `ll-overflow-popover__item ${l ? "is-on" : ""}`,
+              className: `ll-overflow-popover__item ${i ? "is-on" : ""}`,
               onClick: () => {
                 s(), _(!1);
               },
               children: [
-                /* @__PURE__ */ n(kn, {}),
-                /* @__PURE__ */ n("span", { children: l ? "Stop sharing" : "Share screen" })
+                /* @__PURE__ */ n(Cn, {}),
+                /* @__PURE__ */ n("span", { children: i ? "Stop sharing" : "Share screen" })
               ]
             }
           ),
@@ -1200,7 +1200,7 @@ const Rr = ({
                 p(), _(!1);
               },
               children: [
-                /* @__PURE__ */ n(En, { muted: c }),
+                /* @__PURE__ */ n(Nn, { muted: c }),
                 /* @__PURE__ */ n("span", { children: c ? "Unmute speaker" : "Mute speaker" })
               ]
             }
@@ -1214,7 +1214,7 @@ const Rr = ({
                 u(), _(!1);
               },
               children: [
-                /* @__PURE__ */ n(Or, {}),
+                /* @__PURE__ */ n(Br, {}),
                 /* @__PURE__ */ n("span", { children: f ? "Hide typing" : "Type a message" })
               ]
             }
@@ -1237,7 +1237,7 @@ const Rr = ({
     )
   ] });
 };
-function zr() {
+function Hr() {
   return /* @__PURE__ */ w(
     "svg",
     {
@@ -1254,7 +1254,7 @@ function zr() {
     }
   );
 }
-function Or() {
+function Br() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1271,13 +1271,13 @@ function Or() {
     }
   );
 }
-const Hr = ({
+const Wr = ({
   position: e,
   isMobile: t,
   agentName: r,
   avatarImageUrl: o,
-  idleLoopUrl: i,
-  greeting: l,
+  idleLoopUrl: l,
+  greeting: i,
   branding: s,
   teamMembers: a,
   currentTeamMemberId: c,
@@ -1285,7 +1285,7 @@ const Hr = ({
   teamSwitcherOpen: v,
   onToggleTeamSwitcher: f,
   onSelectTeamMember: u,
-  languageMenuOpen: R,
+  languageMenuOpen: I,
   onToggleLanguageMenu: L,
   connectionState: _,
   agentState: h,
@@ -1293,133 +1293,133 @@ const Hr = ({
   canResume: S,
   needsUserGesture: T,
   error: A,
-  isMuted: F,
+  isMuted: q,
   micError: g,
   micDevices: P,
   activeMicId: H,
-  isCameraEnabled: q,
-  cameraPreviewEl: Z,
-  cameraDevices: M,
+  isCameraEnabled: F,
+  cameraPreviewEl: ee,
+  cameraDevices: B,
   activeCameraId: U,
-  isScreenShareEnabled: B,
+  isScreenShareEnabled: M,
   screenPreviewEl: J,
-  isSpeakerMuted: oe,
-  allowCamera: _e,
-  allowScreenShare: K,
-  allowTyping: xe,
-  showMinimize: ye = !0,
-  showClose: ke = !0,
-  chromeless: ve = !1,
-  compactControls: ie = !1,
-  transforming: dt,
-  transformingLabel: Je,
-  avatarVideoContainerRef: ut,
+  isSpeakerMuted: ye,
+  allowCamera: ie,
+  allowScreenShare: ze,
+  allowTyping: Oe,
+  showMinimize: ve = !0,
+  showClose: Ee = !0,
+  chromeless: Y = !1,
+  compactControls: X = !1,
+  transforming: be,
+  transformingLabel: we,
+  avatarVideoContainerRef: Se,
   agentVideoEl: se,
-  onConnect: Ke,
-  onDisconnect: Xe,
+  onConnect: Qe,
+  onDisconnect: Ze,
   onRetry: ft,
-  onResumeAudio: Qe,
-  onToggleMute: Se,
-  onSwitchMicDevice: $e,
-  onToggleCamera: Ne,
-  onSwitchCameraDevice: ze,
-  onToggleScreenShare: Ae,
+  onResumeAudio: et,
+  onToggleMute: Ne,
+  onSwitchMicDevice: He,
+  onToggleCamera: Ae,
+  onSwitchCameraDevice: Be,
+  onToggleScreenShare: Ie,
   onToggleSpeaker: Re,
-  onSendMessage: Ie,
-  onMinimize: Me,
+  onSendMessage: Me,
+  onMinimize: Te,
   onClose: $,
-  onClearMicError: kt
+  onClearMicError: xt
 }) => {
   var mt;
-  const Te = ((a == null ? void 0 : a.length) ?? 0) > 1, Oe = _ === "connecting" || _ === "connected", ce = _ === "connected", Ze = _ === "idle" || _ === "disconnected" || _ === "error", [De, He] = E(!1);
-  I(() => {
+  const De = ((a == null ? void 0 : a.length) ?? 0) > 1, We = _ === "connecting" || _ === "connected", ce = _ === "connected", tt = _ === "idle" || _ === "disconnected" || _ === "error", [Pe, Fe] = E(!1);
+  R(() => {
     if (!se) {
-      He(!1);
+      Fe(!1);
       return;
     }
     if (!se.paused && se.readyState >= 2) {
-      He(!0);
+      Fe(!0);
       return;
     }
-    He(!1);
-    const m = () => He(!0);
+    Fe(!1);
+    const m = () => Fe(!0);
     return se.addEventListener("playing", m), se.addEventListener("loadeddata", m), () => {
       se.removeEventListener("playing", m), se.removeEventListener("loadeddata", m);
     };
   }, [se]);
-  const [Lt, Le] = E(!1);
-  I(() => {
+  const [kt, ke] = E(!1);
+  R(() => {
     if (!ce) {
-      Le(!1);
+      ke(!1);
       return;
     }
-    if (De) return;
-    const m = setTimeout(() => Le(!0), 8e3);
+    if (Pe) return;
+    const m = setTimeout(() => ke(!0), 8e3);
     return () => clearTimeout(m);
-  }, [ce, De]);
-  const ee = _ === "connecting" || ce && !!o && !De && !Lt, et = N(null), ue = N(null);
-  I(() => {
-    const m = et.current;
-    m && (m.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "cover", Z.style.transform = "scaleX(-1)", m.appendChild(Z)));
-  }, [Z]), I(() => {
+  }, [ce, Pe]);
+  const te = _ === "connecting" || ce && !!o && !Pe && !kt, nt = N(null), ue = N(null);
+  R(() => {
+    const m = nt.current;
+    m && (m.innerHTML = "", ee && (ee.style.width = "100%", ee.style.height = "100%", ee.style.objectFit = "cover", ee.style.transform = "scaleX(-1)", m.appendChild(ee)));
+  }, [ee]), R(() => {
     const m = ue.current;
     m && (m.innerHTML = "", J && (J.style.width = "100%", J.style.height = "100%", J.style.objectFit = "contain", m.appendChild(J)));
   }, [J]);
-  const [Be, We] = E(!1), [te, le] = E(!1), pt = N(null), ht = N(null);
-  I(() => {
-    if (!Be && !te && !R && !v) return;
+  const [qe, Ue] = E(!1), [ne, le] = E(!1), pt = N(null), ht = N(null);
+  R(() => {
+    if (!qe && !ne && !I && !v) return;
     const m = () => {
-      We(!1), le(!1), R && L(), v && f();
+      Ue(!1), le(!1), I && L(), v && f();
     };
     return document.addEventListener("click", m), () => document.removeEventListener("click", m);
   }, [
-    Be,
-    te,
-    R,
+    qe,
+    ne,
+    I,
     v,
     L,
     f
   ]);
-  const [Ce, tt] = E(!1), re = C(() => tt((m) => !m), []), [ae, Ee] = E(""), nt = C(
+  const [Le, rt] = E(!1), oe = C(() => rt((m) => !m), []), [ae, Ce] = E(""), ot = C(
     (m) => {
       m.preventDefault();
-      const Y = ae.trim();
-      Y && (Ie(Y), Ee(""));
+      const G = ae.trim();
+      G && (Me(G), Ce(""));
     },
-    [ae, Ie]
-  ), Ct = s.productName || "Live Layer";
+    [ae, Me]
+  ), Lt = s.productName || "Live Layer";
   let fe = null, pe = null;
   for (let m = b.length - 1; m >= 0; m--) {
-    const Y = b[m];
-    if (!fe && Y.role === "agent" ? fe = Y : !pe && Y.role === "user" && (pe = Y), fe && pe) break;
+    const G = b[m];
+    if (!fe && G.role === "agent" ? fe = G : !pe && G.role === "user" && (pe = G), fe && pe) break;
   }
-  const rt = ce ? (fe == null ? void 0 : fe.text) || null : l || null, qe = ce && (pe == null ? void 0 : pe.text) || null, ot = [
+  const it = ce ? (fe == null ? void 0 : fe.text) || null : i || null, je = ce && (pe == null ? void 0 : pe.text) || null, lt = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ w(
     "div",
     {
-      className: ot,
+      className: lt,
       "data-position": e,
-      "data-state": ce ? "connected" : Oe ? "connecting" : "idle",
+      "data-state": ce ? "connected" : We ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ w("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ n(
-            Tr,
+            Pr,
             {
               src: o,
               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: ((mt = r == null ? void 0 : r.charAt(0)) == null ? void 0 : mt.toUpperCase()) || "A" }) }),
-          i && !ce && /* @__PURE__ */ n(
+          l && !ce && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: i,
+              src: l,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -1427,8 +1427,8 @@ const Hr = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: ut, className: "ll-expanded__video" }),
-        ee && /* @__PURE__ */ w("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: Se, className: "ll-expanded__video" }),
+        te && /* @__PURE__ */ w("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: p ? "Switching..." : "Connecting..." })
         ] }),
@@ -1437,29 +1437,29 @@ const Hr = ({
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: Qe,
+            onClick: et,
             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" })
             ]
           }
         ),
-        dt && /* @__PURE__ */ w(
+        be && /* @__PURE__ */ w(
           "div",
           {
             className: "ll-expanded__overlay ll-expanded__overlay--transforming",
             role: "status",
             "aria-live": "polite",
-            "aria-label": Je,
+            "aria-label": we,
             children: [
               /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
-              /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: Je })
+              /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: we })
             ]
           }
         ),
-        Oe ? /* @__PURE__ */ w(Pe, { children: [
-          !ie && /* @__PURE__ */ w("div", { className: "ll-expanded__topbar", children: [
-            !ve && /* @__PURE__ */ w("div", { className: "ll-expanded__topbar-left", children: [
+        We ? /* @__PURE__ */ w($e, { children: [
+          !X && /* @__PURE__ */ w("div", { className: "ll-expanded__topbar", children: [
+            !Y && /* @__PURE__ */ w("div", { className: "ll-expanded__topbar-left", children: [
               /* @__PURE__ */ w("div", { className: "ll-expanded__pill-wrap", children: [
                 /* @__PURE__ */ w(
                   "button",
@@ -1467,17 +1467,17 @@ const Hr = ({
                     type: "button",
                     className: "ll-hpill",
                     onClick: (m) => {
-                      Te && (m.stopPropagation(), f());
+                      De && (m.stopPropagation(), f());
                     },
-                    "aria-haspopup": Te ? "listbox" : void 0,
-                    "aria-expanded": Te ? v : void 0,
+                    "aria-haspopup": De ? "listbox" : void 0,
+                    "aria-expanded": De ? v : void 0,
                     children: [
                       /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                      Te && /* @__PURE__ */ n(bt, {})
+                      De && /* @__PURE__ */ n(bt, {})
                     ]
                   }
                 ),
-                Te && v && /* @__PURE__ */ n(
+                De && v && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
@@ -1519,7 +1519,7 @@ const Hr = ({
                       m.stopPropagation(), L();
                     },
                     "aria-haspopup": "listbox",
-                    "aria-expanded": R,
+                    "aria-expanded": I,
                     "aria-label": "Language: English",
                     title: "Language: English",
                     children: [
@@ -1528,7 +1528,7 @@ const Hr = ({
                     ]
                   }
                 ),
-                R && /* @__PURE__ */ n(
+                I && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
@@ -1556,18 +1556,18 @@ const Hr = ({
               )
             ] }),
             /* @__PURE__ */ w("div", { className: "ll-expanded__header-actions", children: [
-              ye !== !1 && /* @__PURE__ */ n(
+              ve !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn",
-                  onClick: Me,
+                  onClick: Te,
                   "aria-label": "Minimize widget",
                   title: "Minimize",
                   children: /* @__PURE__ */ n(fn, {})
                 }
               ),
-              ke !== !1 && /* @__PURE__ */ n(
+              Ee !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
@@ -1580,7 +1580,7 @@ const Hr = ({
               )
             ] })
           ] }),
-          ie && /* @__PURE__ */ w("div", { className: "ll-compact-status", "data-state": h, children: [
+          X && /* @__PURE__ */ w("div", { className: "ll-compact-status", "data-state": h, children: [
             /* @__PURE__ */ n("span", { className: "ll-compact-status__dot", "aria-hidden": !0 }),
             /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: h })
           ] })
@@ -1589,20 +1589,20 @@ const Hr = ({
           // Hidden in compact mode — on a 140×210 docked slot the brand pill
           // and 40px buttons crowded out the central "Start video call"
           // affordance. The user can dismiss by scrolling past the slot.
-          !ie && /* @__PURE__ */ w("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ct }),
+          !X && /* @__PURE__ */ w("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Lt }),
             /* @__PURE__ */ w("div", { className: "ll-expanded__header-actions", children: [
-              ye !== !1 && /* @__PURE__ */ n(
+              ve !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: Me,
+                  onClick: Te,
                   "aria-label": "Minimize widget",
                   children: /* @__PURE__ */ n(fn, {})
                 }
               ),
-              ke !== !1 && /* @__PURE__ */ n(
+              Ee !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
@@ -1615,30 +1615,30 @@ const Hr = ({
             ] })
           ] })
         ),
-        Ze && /* @__PURE__ */ (() => {
+        tt && /* @__PURE__ */ (() => {
           const m = S ? "Resume session" : _ === "disconnected" ? "Reconnect to agent" : "Start video call";
-          return /* @__PURE__ */ w(Pe, { children: [
+          return /* @__PURE__ */ w($e, { children: [
             !A && /* @__PURE__ */ w(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: Ke,
+                onClick: Qe,
                 "aria-label": m,
                 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" }) }) }),
-                  ie && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: m })
+                  X && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: m })
                 ]
               }
             ),
-            !ie && /* @__PURE__ */ w("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
-              l && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: l }) }),
+            !X && /* @__PURE__ */ w("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+              i && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: i }) }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: Ke,
+                  onClick: Qe,
                   "aria-label": m,
                   children: m
                 }
@@ -1649,64 +1649,64 @@ const Hr = ({
         /* @__PURE__ */ w(
           "div",
           {
-            className: `ll-expanded__pip ${Oe && (q || B) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${We && (F || M) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
                   ref: ue,
-                  className: B ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  className: M ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: et,
-                  className: !B && q ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: nt,
+                  className: !M && F ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        Oe ? /* @__PURE__ */ w("div", { className: "ll-expanded__bottom", children: [
-          !ie && rt && /* @__PURE__ */ n(
+        We ? /* @__PURE__ */ w("div", { className: "ll-expanded__bottom", children: [
+          !X && it && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: rt })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: it })
             }
           ),
-          !ie && qe && /* @__PURE__ */ n(
+          !X && je && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: qe })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: je })
             }
           ),
-          !ve && !ie && /* @__PURE__ */ w("div", { className: "ll-toolbar", onClick: (m) => m.stopPropagation(), children: [
-            K && /* @__PURE__ */ n(
+          !Y && !X && /* @__PURE__ */ w("div", { className: "ll-toolbar", onClick: (m) => m.stopPropagation(), children: [
+            ze && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${B ? "is-on" : ""}`,
-                onClick: Ae,
-                "aria-label": B ? "Stop sharing screen" : "Share screen",
-                title: B ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(kn, {})
+                className: `ll-tool ${M ? "is-on" : ""}`,
+                onClick: Ie,
+                "aria-label": M ? "Stop sharing screen" : "Share screen",
+                title: M ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ n(Cn, {})
               }
             ),
-            _e && /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
+            ie && /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${q ? "is-on" : ""}`,
-                  onClick: Ne,
-                  "aria-label": q ? "Turn off camera" : "Turn on camera",
-                  title: q ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(Ln, {})
+                  className: `ll-tool ll-tool--left ${F ? "is-on" : ""}`,
+                  onClick: Ae,
+                  "aria-label": F ? "Turn off camera" : "Turn on camera",
+                  title: F ? "Stop camera" : "Start camera",
+                  children: /* @__PURE__ */ n(En, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1714,25 +1714,25 @@ const Hr = ({
                 {
                   ref: ht,
                   type: "button",
-                  className: `ll-tool ll-tool--right ${q ? "is-on" : ""}`,
+                  className: `ll-tool ll-tool--right ${F ? "is-on" : ""}`,
                   onClick: (m) => {
-                    m.stopPropagation(), le((Y) => !Y), We(!1);
+                    m.stopPropagation(), le((G) => !G), Ue(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": te,
+                  "aria-expanded": ne,
                   children: /* @__PURE__ */ n(bt, {})
                 }
               ),
-              te && M.length > 0 && /* @__PURE__ */ n(
+              ne && B.length > 0 && /* @__PURE__ */ n(
                 pn,
                 {
                   label: "Camera",
-                  devices: M,
+                  devices: B,
                   activeId: U,
                   anchorRef: ht,
                   onPick: (m) => {
-                    le(!1), ze(m);
+                    le(!1), Be(m);
                   }
                 }
               )
@@ -1742,11 +1742,11 @@ const Hr = ({
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${F ? "is-muted" : ""}`,
-                  onClick: Se,
-                  "aria-label": F ? "Unmute microphone" : "Mute microphone",
-                  title: F ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(Cn, { muted: F })
+                  className: `ll-tool ll-tool--left ${q ? "is-muted" : ""}`,
+                  onClick: Ne,
+                  "aria-label": q ? "Unmute microphone" : "Mute microphone",
+                  title: q ? "Unmute" : "Mute",
+                  children: /* @__PURE__ */ n(Sn, { muted: q })
                 }
               ),
               /* @__PURE__ */ n(
@@ -1754,17 +1754,17 @@ const Hr = ({
                 {
                   ref: pt,
                   type: "button",
-                  className: `ll-tool ll-tool--right ${F ? "is-muted" : ""}`,
+                  className: `ll-tool ll-tool--right ${q ? "is-muted" : ""}`,
                   onClick: (m) => {
-                    m.stopPropagation(), We((Y) => !Y), le(!1);
+                    m.stopPropagation(), Ue((G) => !G), le(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": Be,
+                  "aria-expanded": qe,
                   children: /* @__PURE__ */ n(bt, {})
                 }
               ),
-              Be && P.length > 0 && /* @__PURE__ */ n(
+              qe && P.length > 0 && /* @__PURE__ */ n(
                 pn,
                 {
                   label: "Microphone",
@@ -1772,7 +1772,7 @@ const Hr = ({
                   activeId: H,
                   anchorRef: pt,
                   onPick: (m) => {
-                    We(!1), $e(m);
+                    Ue(!1), He(m);
                   }
                 }
               )
@@ -1781,11 +1781,11 @@ const Hr = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${oe ? "is-muted" : ""}`,
+                className: `ll-tool ${ye ? "is-muted" : ""}`,
                 onClick: Re,
-                "aria-label": oe ? "Unmute speaker" : "Mute speaker",
-                title: oe ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(En, { muted: oe })
+                "aria-label": ye ? "Unmute speaker" : "Mute speaker",
+                title: ye ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(Nn, { muted: ye })
               }
             ),
             /* @__PURE__ */ n(
@@ -1793,33 +1793,33 @@ const Hr = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: Xe,
+                onClick: Ze,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ n(Sn, {})
+                children: /* @__PURE__ */ n(An, {})
               }
             )
           ] }),
-          !ve && ie && /* @__PURE__ */ n(
-            $r,
+          !Y && X && /* @__PURE__ */ n(
+            Or,
             {
-              isMuted: F,
-              onToggleMute: Se,
-              isCameraEnabled: q,
-              onToggleCamera: Ne,
-              allowCamera: _e,
-              isScreenShareEnabled: B,
-              onToggleScreenShare: Ae,
-              allowScreenShare: K,
-              isSpeakerMuted: oe,
+              isMuted: q,
+              onToggleMute: Ne,
+              isCameraEnabled: F,
+              onToggleCamera: Ae,
+              allowCamera: ie,
+              isScreenShareEnabled: M,
+              onToggleScreenShare: Ie,
+              allowScreenShare: ze,
+              isSpeakerMuted: ye,
               onToggleSpeaker: Re,
-              allowTyping: xe,
-              isTypingOpen: Ce,
-              onToggleTyping: re,
-              onDisconnect: Xe
+              allowTyping: Oe,
+              isTypingOpen: Le,
+              onToggleTyping: oe,
+              onDisconnect: Ze
             }
           ),
-          !ve && xe && (ie ? Ce : !0) && /* @__PURE__ */ w("form", { className: "ll-message-input", onSubmit: nt, children: [
+          !Y && Oe && (X ? Le : !0) && /* @__PURE__ */ w("form", { className: "ll-message-input", onSubmit: ot, children: [
             /* @__PURE__ */ n(
               "input",
               {
@@ -1827,7 +1827,7 @@ const Hr = ({
                 className: "ll-message-input__field",
                 placeholder: "Message...",
                 value: ae,
-                onChange: (m) => Ee(m.target.value),
+                onChange: (m) => Ce(m.target.value),
                 "aria-label": "Message the agent"
               }
             ),
@@ -1837,7 +1837,7 @@ const Hr = ({
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(Br, {})
+                children: /* @__PURE__ */ n(Fr, {})
               }
             )
           ] })
@@ -1851,14 +1851,14 @@ const Hr = ({
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: kt,
+                  onClick: xt,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
           if (!A || _ !== "error") return null;
-          let m = "Failed to connect", Y = "Try again";
+          let m = "Failed to connect", G = "Try again";
           return A === "MIC_PERMISSION_DENIED" ? m = "Microphone blocked. Allow access to talk." : A === "MIC_NOT_FOUND" ? m = "No microphone found. Plug one in + retry." : A === "MIC_UNAVAILABLE" ? m = "Mic unavailable. Check other apps using it." : A === "AGENT_TIMEOUT" ? m = "Agent didn't pick up. Try again." : A === "CONNECT_FAILED" ? m = "Connection failed. Check your network." : A.length < 80 && (m = A), /* @__PURE__ */ w("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: m }),
             /* @__PURE__ */ n(
@@ -1867,7 +1867,7 @@ const Hr = ({
                 type: "button",
                 className: "ll-expanded__banner-retry",
                 onClick: ft,
-                children: Y
+                children: G
               }
             )
           ] });
@@ -1888,20 +1888,20 @@ function un() {
 function fn() {
   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 kn() {
+function Cn() {
   return /* @__PURE__ */ w("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__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 Ln() {
+function En() {
   return /* @__PURE__ */ w("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function Cn({ muted: e }) {
+function Sn({ muted: e }) {
   return /* @__PURE__ */ w("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__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" }),
@@ -1909,22 +1909,22 @@ function Cn({ muted: e }) {
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function En({ muted: e }) {
+function Nn({ muted: e }) {
   return /* @__PURE__ */ w("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ w(Pe, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ w($e, { 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 Br() {
+function Fr() {
   return /* @__PURE__ */ w("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-function Sn() {
+function An() {
   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",
     {
@@ -1938,12 +1938,12 @@ const pn = ({
   devices: t,
   activeId: r,
   onPick: o,
-  anchorRef: i
+  anchorRef: l
 }) => {
-  const [l, s] = E(null);
-  return wn(() => {
+  const [i, s] = E(null);
+  return xn(() => {
     const a = () => {
-      const c = i.current;
+      const c = l.current;
       if (!c) return;
       const p = c.getBoundingClientRect(), v = 126, f = window.innerWidth - 16 - 110, u = p.left + p.width / 2;
       s({
@@ -1954,7 +1954,7 @@ const pn = ({
     return a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), () => {
       window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a);
     };
-  }, [i]), l === null || typeof document > "u" ? null : Pt(
+  }, [l]), i === null || typeof document > "u" ? null : Pt(
     /* @__PURE__ */ w(
       "div",
       {
@@ -1963,8 +1963,8 @@ const pn = ({
         role: "listbox",
         style: {
           position: "fixed",
-          top: l.top,
-          left: l.left,
+          top: i.top,
+          left: i.left,
           // translate up by 100% so its BOTTOM edge sits at pos.top.
           transform: "translate(-50%, -100%)"
         },
@@ -1993,7 +1993,7 @@ const pn = ({
     ),
     document.body
   );
-}, Wr = [
+}, qr = [
   // Accept any value (or empty) — `<input data-ll-private />` and
   // `<input data-ll-private="true" />` both opt out. The bare attribute
   // is the recommended spelling; "true" is preserved for back-compat.
@@ -2004,13 +2004,13 @@ const pn = ({
 function $t(e) {
   let t = e;
   for (; t; ) {
-    for (const r of Wr)
+    for (const r of qr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function xt(e) {
+function Tt(e) {
   if ($t(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
@@ -2019,7 +2019,7 @@ function xt(e) {
   }
   return !0;
 }
-const wt = 4096, qr = 20, Fr = 20, Ur = 10, jr = 10, Vr = 30, Yr = 20, hn = 500, Gr = [
+const wt = 4096, Ur = 20, jr = 20, Vr = 10, Yr = 10, Gr = 30, Kr = 20, hn = 500, Jr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -2027,17 +2027,17 @@ const wt = 4096, qr = 20, Fr = 20, Ur = 10, jr = 10, Vr = 30, Yr = 20, hn = 500,
   "noscript",
   "iframe"
 ];
-function st(e) {
+function dt(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of Gr)
+    for (const r of Jr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function ct(e) {
+function ut(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
@@ -2047,41 +2047,41 @@ function ct(e) {
 function mn(e) {
   const t = e.getAttribute("id");
   if (t) {
-    const l = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/"/g, '\\"'), s = document.querySelector(`label[for="${l}"]`);
+    const i = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/"/g, '\\"'), s = document.querySelector(`label[for="${i}"]`);
     if (s != null && s.textContent) return s.textContent.trim();
   }
   const r = e.getAttribute("aria-label");
   if (r) return r.trim();
   const o = e.getAttribute("placeholder");
   if (o) return o.trim();
-  const i = e.closest("label");
-  return i != null && i.textContent ? i.textContent.trim() : "";
+  const l = e.closest("label");
+  return l != null && l.textContent ? l.textContent.trim() : "";
 }
-function we(e, t) {
+function xe(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function Jr(e) {
+function Xr(e) {
   return e && e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60) || null;
 }
-function Kr(e) {
+function Qr(e) {
   const t = e.getAttribute("aria-label");
   if (t) return t.trim().slice(0, 80);
   const r = e.getAttribute("aria-labelledby");
   if (r) {
-    const l = document.getElementById(r);
-    if (l != null && l.textContent) return l.textContent.trim().slice(0, 80);
+    const i = document.getElementById(r);
+    if (i != null && i.textContent) return i.textContent.trim().slice(0, 80);
   }
   const o = e.querySelector(
     'button[type="submit"], input[type="submit"], button:not([type])'
   );
   if (o) {
-    const l = o instanceof HTMLInputElement ? o.value : (o.textContent ?? "").trim();
-    if (l && l.length < 60 && !/^(submit|ok|continue)$/i.test(l))
-      return l;
+    const i = o instanceof HTMLInputElement ? o.value : (o.textContent ?? "").trim();
+    if (i && i.length < 60 && !/^(submit|ok|continue)$/i.test(i))
+      return i;
   }
-  let i = e.parentElement;
-  for (let l = 0; i && l < 4; l++, i = i.parentElement) {
-    const s = i.querySelector("h1, h2, h3, h4");
+  let l = e.parentElement;
+  for (let i = 0; l && i < 4; i++, 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;
@@ -2089,10 +2089,10 @@ function Kr(e) {
   }
   return null;
 }
-function je(e) {
+function Ge(e) {
   return e.length;
 }
-function Xr(e, t = {}) {
+function Zr(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -2106,39 +2106,39 @@ function Xr(e, t = {}) {
       forms: [],
       extras: e
     };
-  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
+  const o = typeof window < "u" && window.location.href || "", l = typeof window < "u" && window.location.pathname || "/", i = r.title || "", s = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), a = [];
   for (const g of s) {
-    if (a.length >= Ur) break;
-    if (st(g) || !ct(g)) continue;
-    const P = g.getAttribute("data-ll-region") ?? "", H = g.getAttribute("data-ll-intent") ?? void 0, q = we(
+    if (a.length >= Vr) break;
+    if (dt(g) || !ut(g)) continue;
+    const P = g.getAttribute("data-ll-region") ?? "", H = g.getAttribute("data-ll-intent") ?? void 0, F = xe(
       (g.innerText || g.textContent || "").trim(),
       hn * 2
     );
-    !P || !q || a.push({ id: P, intent: H, text: q });
+    !P || !F || a.push({ id: P, intent: H, text: F });
   }
   const c = [], p = ["H1", "H2", "H3", "H4", "H5", "H6"], v = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
   for (const g of v) {
-    if (st(g) || !ct(g)) continue;
+    if (dt(g) || !ut(g)) continue;
     const P = (g.textContent || "").trim();
-    P && c.push(`${g.tagName}: ${we(P, 200)}`);
+    P && c.push(`${g.tagName}: ${xe(P, 200)}`);
   }
   const f = Array.from(r.querySelectorAll("p, li"));
   for (const g of f) {
-    if (st(g) || !ct(g) || p.includes(g.tagName)) continue;
+    if (dt(g) || !ut(g) || p.includes(g.tagName)) continue;
     const P = (g.textContent || "").trim();
-    P.length > 10 && c.push(we(P, hn));
+    P.length > 10 && c.push(xe(P, hn));
   }
   const u = c.join(`
-`), R = [], L = Array.from(r.querySelectorAll("a[href]"));
+`), I = [], L = Array.from(r.querySelectorAll("a[href]"));
   for (const g of L) {
-    if (R.length >= qr) break;
-    if (st(g) || !ct(g)) continue;
+    if (I.length >= Ur) break;
+    if (dt(g) || !ut(g)) continue;
     const P = g.getAttribute("href") || "", H = (g.textContent || "").trim();
-    !P || !H || R.push({ href: P, text: we(H, 100) });
+    !P || !H || I.push({ href: P, text: xe(H, 100) });
   }
   const _ = [], h = Array.from(
     r.querySelectorAll(
@@ -2146,81 +2146,84 @@ function Xr(e, t = {}) {
     )
   );
   for (const g of h) {
-    if (_.length >= Fr) break;
-    if (st(g) || !xt(g) || !ct(g)) continue;
+    if (_.length >= jr) break;
+    if (dt(g) || !Tt(g) || !ut(g)) continue;
     const P = mn(g), H = g instanceof HTMLInputElement ? g.type : g.tagName.toLowerCase();
-    P && _.push({ label: we(P, 100), type: H });
+    P && _.push({ label: xe(P, 100), type: H });
   }
   const b = Array.from(r.querySelectorAll("form")), S = [];
   let T = 0;
   for (const g of b) {
-    if (S.length >= jr) break;
+    if (S.length >= Yr) break;
     if ($t(g) || g.matches(".ll-widget *, .ll-widget")) continue;
-    const P = g.getAttribute("id") || g.getAttribute("name") || Jr(g.getAttribute("data-ll-intent")) || `form_${T++}`, H = g.getAttribute("data-ll-intent") || Kr(g) || void 0, q = Array.from(
+    const P = g.getAttribute("id") || g.getAttribute("name") || Xr(g.getAttribute("data-ll-intent")) || `form_${T++}`, H = g.getAttribute("data-ll-intent") || Qr(g) || void 0, F = Array.from(
       g.querySelectorAll(
-        "input[name], textarea[name], select[name]"
+        "input, textarea, select"
       )
-    ), Z = [];
-    for (const M of q) {
-      if (Z.length >= Vr) break;
-      if (!xt(M)) continue;
+    ), ee = [];
+    let B = 0;
+    const U = /* @__PURE__ */ new Set();
+    for (const M of F) {
+      if (ee.length >= Gr) break;
+      if (!Tt(M)) continue;
       if (M instanceof HTMLInputElement) {
-        const K = M.type;
-        if (K === "submit" || K === "button" || K === "reset" || K === "hidden" || K === "image" || K === "file") continue;
+        const Y = M.type;
+        if (Y === "submit" || Y === "button" || Y === "reset" || Y === "hidden" || Y === "image" || Y === "file") continue;
       }
-      const U = M.getAttribute("name") || "";
-      if (!U) continue;
-      const B = mn(M) || U, J = M instanceof HTMLInputElement ? M.type : M.tagName.toLowerCase(), oe = {
-        name: U,
-        label: we(B, 100),
-        type: J
+      const J = M.getAttribute("name") || "", ye = M.getAttribute("id") || "";
+      let ie = J || ye || `field_${B}`;
+      U.has(ie) && (ie = `${ie}__${B}`), U.add(ie), B++;
+      const ze = mn(M) || ie, Oe = M instanceof HTMLInputElement ? M.type : M.tagName.toLowerCase(), ve = {
+        name: ie,
+        label: xe(ze, 100),
+        type: Oe
       };
-      if (M.required === !0 && (oe.required = !0), M instanceof HTMLSelectElement) {
-        const K = [];
-        for (let xe = 0; xe < M.options.length && !(K.length >= Yr); xe++) {
-          const ye = M.options[xe];
-          if (!ye || ye.disabled) continue;
-          const ke = ye.value || "", ve = (ye.textContent || "").trim() || ke;
-          !ke && !ve || K.push({ value: ke, label: we(ve, 60) });
+      if (M.required === !0 && (ve.required = !0), M instanceof HTMLSelectElement) {
+        const Y = [];
+        for (let X = 0; X < M.options.length && !(Y.length >= Kr); X++) {
+          const be = M.options[X];
+          if (!be || be.disabled) continue;
+          const we = be.value || "", Se = (be.textContent || "").trim() || we;
+          !we && !Se || Y.push({ value: we, label: xe(Se, 60) });
         }
-        K.length > 0 && (oe.options = K);
+        Y.length > 0 && (ve.options = Y);
       }
-      const _e = typeof M.validationMessage == "string" ? M.validationMessage : "";
-      _e && (oe.validationMessage = we(_e, 200)), Z.push(oe);
+      const Ee = typeof M.validationMessage == "string" ? M.validationMessage : "";
+      Ee && (ve.validationMessage = xe(Ee, 200)), ee.push(ve);
     }
-    S.push({ id: P, intent: H, fields: Z });
+    S.push({ id: P, intent: H, fields: ee });
   }
   const A = {
     url: o,
-    title: l,
-    pathname: i,
+    title: i,
+    pathname: l,
     regions: a,
     visibleText: u,
-    visibleLinks: R,
+    visibleLinks: I,
     visibleFields: _,
     forms: S,
     extras: e
   };
-  let F = je(JSON.stringify(A.regions)) + je(A.visibleText) + je(JSON.stringify(A.visibleLinks)) + je(JSON.stringify(A.visibleFields));
-  for (; F > wt && A.visibleFields.length > 0; )
-    A.visibleFields.pop(), F = je(JSON.stringify(A.visibleFields));
-  for (; F > wt && A.visibleLinks.length > 0; )
-    A.visibleLinks.pop(), F -= 80;
-  return je(A.visibleText) > wt && (A.visibleText = we(A.visibleText, wt - 100)), A;
-}
-let Ve = null;
+  let q = Ge(JSON.stringify(A.regions)) + Ge(A.visibleText) + Ge(JSON.stringify(A.visibleLinks)) + Ge(JSON.stringify(A.visibleFields));
+  for (; q > wt && A.visibleFields.length > 0; )
+    A.visibleFields.pop(), q = Ge(JSON.stringify(A.visibleFields));
+  for (; q > wt && A.visibleLinks.length > 0; )
+    A.visibleLinks.pop(), q -= 80;
+  return Ge(A.visibleText) > wt && (A.visibleText = xe(A.visibleText, wt - 100)), A;
+}
+let Ke = null;
 function gn(e, t = {}) {
-  const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (Ve && Ve.key === i && r - Ve.at < 1e3)
-    return Ve.ctx;
-  const l = Xr(e, t);
-  return Ve = { key: i, at: r, ctx: l }, l;
+  const r = Date.now(), l = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if (Ke && Ke.key === l && r - Ke.at < 1e3)
+    return Ke.ctx;
+  const i = Zr(e, t);
+  return Ke = { key: l, at: r, ctx: i }, i;
 }
-function Qr() {
-  Ve = null;
+function eo() {
+  Ke = null;
 }
-const Zr = 200;
-function eo(e) {
+const to = 200;
+function no(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -2230,18 +2233,18 @@ function eo(e) {
     description: e.description
   };
 }
-function to(e) {
+function ro(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function no(e) {
+function oo(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
-  const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
-  for (const s of l) {
-    if (i.length >= Zr) break;
+  const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), l = [], i = Array.from(t.querySelectorAll("a[href]"));
+  for (const s of i) {
+    if (l.length >= to) break;
     if ($t(s)) continue;
     const a = s.getAttribute("href") || "";
-    if (!to(a)) continue;
+    if (!ro(a)) continue;
     let c = a, p = !0;
     try {
       if (typeof window < "u") {
@@ -2254,39 +2257,77 @@ function no(e) {
     if (o.has(c)) continue;
     o.add(c);
     const v = (s.textContent || "").trim().slice(0, 120);
-    i.push({ href: c, text: v, internal: p });
+    l.push({ href: c, text: v, internal: p });
   }
-  return i;
+  return l;
 }
-let Ye = null;
-const ro = 5e3;
-function Mt() {
+let Je = null;
+const io = 5e3;
+function Rt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Ye && Ye.pathname === t && e - Ye.at < ro)
-    return Ye.routes;
-  const r = no();
-  return Ye = { at: e, pathname: t, routes: r }, r;
+  if (Je && Je.pathname === t && e - Je.at < io)
+    return Je.routes;
+  const r = oo();
+  return Je = { at: e, pathname: t, routes: r }, r;
 }
-function oo() {
-  Ye = null;
+function lo() {
+  Je = null;
 }
-function io(e, t) {
-  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), i = o == null ? void 0 : o.set;
-  i ? i.call(e, t) : e.value = t;
+function yn(e) {
+  if (e instanceof HTMLInputElement) {
+    const t = e.type;
+    if (t === "submit" || t === "button" || t === "reset" || t === "hidden" || t === "image" || t === "file")
+      return !1;
+  }
+  return !0;
+}
+function ao(e, t) {
+  return e.getAttribute("name") || e.getAttribute("id") || `field_${t}`;
 }
-function lo(e, t, r = {}) {
-  const o = r.triggerInput ?? !0, i = r.triggerChange ?? !0;
+function so(e, t) {
+  if (!t) return null;
+  try {
+    const i = e.querySelector(
+      `[name="${t.replace(/"/g, '\\"')}"]`
+    );
+    if (i && yn(i)) return i;
+  } catch {
+  }
+  const r = Array.from(
+    e.querySelectorAll("input, textarea, select")
+  );
+  let o = 0;
+  const l = /* @__PURE__ */ new Map();
+  for (const i of r) {
+    if (!yn(i)) continue;
+    const s = ao(i, o);
+    let a = s;
+    if (l.has(s) && (a = `${s}__${o}`), a === t) return i;
+    l.set(s, i), o++;
+  }
+  return null;
+}
+function vn(e, t) {
+  const r = so(e, t);
+  return r ? Tt(r) ? { el: r } : { el: null, reason: "private" } : { el: null, reason: "not_found" };
+}
+function co(e, t) {
+  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), l = o == null ? void 0 : o.set;
+  l ? l.call(e, t) : e.value = t;
+}
+function uo(e, t, r = {}) {
+  const o = r.triggerInput ?? !0, l = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
-    const l = Object.getOwnPropertyDescriptor(
+    const i = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), s = l == null ? void 0 : l.set, a = t === "true" || t === "1" || t === "on";
-    s ? s.call(e, a) : e.checked = a, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), s = i == null ? void 0 : i.set, a = t === "true" || t === "1" || t === "on";
+    s ? s.call(e, a) : e.checked = a, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), l && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  io(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  co(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), l && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function yn(e, t) {
+function bn(e, t) {
   if (!t) return null;
   const r = t.replace(/"/g, '\\"');
   try {
@@ -2300,19 +2341,19 @@ function yn(e, t) {
     `form[name="${r}"]`
   );
   if (o) return o;
-  const i = e.querySelector(
+  const l = e.querySelector(
     `form[data-ll-intent="${r}"]`
   );
-  if (i) return i;
-  const l = Array.from(e.querySelectorAll("form"));
-  for (const s of l) {
+  if (l) return l;
+  const i = Array.from(e.querySelectorAll("form"));
+  for (const s of i) {
     const a = s.getAttribute("data-ll-intent");
-    if (a && ao(a) === t) return s;
+    if (a && fo(a) === t) return s;
   }
   if (/^form_\d+$/.test(t)) {
     const s = parseInt(t.slice(5), 10);
     let a = 0;
-    for (const c of l)
+    for (const c of i)
       if (!(c.id || c.getAttribute("name") || c.getAttribute("data-ll-intent"))) {
         if (a === s) return c;
         a++;
@@ -2320,10 +2361,10 @@ function yn(e, t) {
   }
   return null;
 }
-function ao(e) {
+function fo(e) {
   return e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60) || null;
 }
-function so() {
+function po() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -2331,44 +2372,44 @@ function so() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function co(e) {
+function ho(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function uo() {
+function mo() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
   for (const o of e) {
-    if (!co(o)) continue;
-    const i = o.getBoundingClientRect();
-    if (i.bottom <= 0 || i.top >= window.innerHeight || i.right <= 0 || i.left >= window.innerWidth || i.width <= 0 || i.height <= 0 || o.closest(".ll-widget")) continue;
-    const l = i.width * i.height;
-    l > r && (r = l, t = o);
+    if (!ho(o)) continue;
+    const l = o.getBoundingClientRect();
+    if (l.bottom <= 0 || l.top >= window.innerHeight || l.right <= 0 || l.left >= window.innerWidth || l.width <= 0 || l.height <= 0 || o.closest(".ll-widget")) continue;
+    const i = l.width * l.height;
+    i > r && (r = i, t = o);
   }
   return t;
 }
-function fo() {
+function go() {
   if (typeof window > "u")
     return null;
-  if (so()) return window;
-  const e = uo();
+  if (po()) return window;
+  const e = mo();
   return e || window;
 }
-function vn(e) {
+function wn(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function po(e) {
+function yo(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 ho = /* @__PURE__ */ new Set([
+const vo = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -2398,13 +2439,13 @@ const ho = /* @__PURE__ */ new Set([
   // to onAgentCommand.
   "task_field_updated",
   "task_completed"
-]), Nn = Dt(
+]), In = Dt(
   function(t, r) {
-    var Yt, Gt, Jt, Kt, Xt, Qt, Zt;
+    var Yt, Gt, Kt, Jt, Xt, Qt, Zt;
     const {
       agentId: o,
-      apiKey: i,
-      baseUrl: l = "https://app.livelayer.studio",
+      apiKey: l,
+      baseUrl: i = "https://app.livelayer.studio",
       sessionEndpoint: s,
       sessionBody: a,
       soundEffects: c,
@@ -2412,7 +2453,7 @@ const ho = /* @__PURE__ */ new Set([
       autoConnect: v = !1,
       displayMode: f,
       defaultDisplayMode: u = "expanded",
-      onDisplayModeChange: R,
+      onDisplayModeChange: I,
       position: L = "bottom-right",
       mobileBreakpoint: _ = 640,
       persistKey: h = "ll-widget",
@@ -2420,67 +2461,67 @@ const ho = /* @__PURE__ */ new Set([
       teamMembers: S,
       currentTeamMemberId: T,
       onTeamMemberChange: A,
-      idleLoopUrl: F,
+      idleLoopUrl: q,
       greeting: g,
       avatarImageUrl: P,
       agentName: H,
-      branding: q = {},
-      allowCamera: Z = !0,
-      allowScreenShare: M = !0,
+      branding: F = {},
+      allowCamera: ee = !0,
+      allowScreenShare: B = !0,
       allowTyping: U = !0,
-      showMinimize: B,
+      showMinimize: M,
       showClose: J,
-      chromeless: oe = !1,
-      floatingChromeContainer: _e = null,
-      compactControls: K = !1,
-      transforming: xe = !1,
-      transformingLabel: ye = "Transforming…",
-      showOn: ke,
-      hideOn: ve,
-      pathname: ie,
-      onNavigate: dt,
-      onScrollToSelector: Je,
-      getPageContext: ut,
+      chromeless: ye = !1,
+      floatingChromeContainer: ie = null,
+      compactControls: ze = !1,
+      transforming: Oe = !1,
+      transformingLabel: ve = "Transforming…",
+      showOn: Ee,
+      hideOn: Y,
+      pathname: X,
+      onNavigate: be,
+      onScrollToSelector: we,
+      getPageContext: Se,
       pageContextExtras: se,
-      getRoutes: Ke,
-      onScrollPage: Xe,
+      getRoutes: Qe,
+      onScrollPage: Ze,
       onClick: ft,
-      capabilities: Qe,
-      onConnect: Se,
-      onDisconnect: $e,
-      onTranscript: Ne,
-      onAgentState: ze,
-      onConnectionStateChange: Ae,
+      capabilities: et,
+      onConnect: Ne,
+      onDisconnect: He,
+      onTranscript: Ae,
+      onAgentState: Be,
+      onConnectionStateChange: Ie,
       onAgentEvent: Re,
-      onAgentCommand: Ie,
-      onCollect: Me,
+      onAgentCommand: Me,
+      onCollect: Te,
       controlledSession: $,
-      className: kt,
-      style: Te,
-      zIndex: Oe = 2147483647
-    } = t, ce = mr(ie), Ze = xr(ce, ke, ve);
-    I(() => {
-      Qr(), oo();
+      className: xt,
+      style: De,
+      zIndex: We = 2147483647
+    } = t, ce = yr(X), tt = Lr(ce, Ee, Y);
+    R(() => {
+      eo(), lo();
     }, [ce]);
-    const De = T !== void 0, [He, Lt] = E(() => {
+    const Pe = T !== void 0, [Fe, kt] = E(() => {
       var y;
       return T ?? ((y = S == null ? void 0 : S[0]) == null ? void 0 : y.id);
-    }), Le = De ? T : He, ee = Ge(
-      () => (S == null ? void 0 : S.find((y) => y.id === Le)) ?? null,
-      [S, Le]
-    ), et = (ee == null ? void 0 : ee.agentId) ?? o, ue = p === "EMBEDDED", [Be, We] = ur({
+    }), ke = Pe ? T : Fe, te = Xe(
+      () => (S == null ? void 0 : S.find((y) => y.id === ke)) ?? null,
+      [S, ke]
+    ), nt = (te == null ? void 0 : te.agentId) ?? o, ue = p === "EMBEDDED", [qe, Ue] = pr({
       value: f,
       defaultValue: u,
-      onChange: R,
+      onChange: I,
       persistKey: h,
       disablePersistence: ue || b
-    }), te = ue ? "expanded" : Be, le = ue ? () => {
-    } : We, pt = B ?? !ue, ht = J ?? !ue, Ce = pr(_), tt = Zn(), re = er(), ae = nr(), Ee = rr(), nt = or(), [Ct, fe] = E(!1), [pe, rt] = E(!1), [qe, ot] = E(!1), [mt, m] = E(!1), [Y, An] = E(!1), gt = Lr({ baseUrl: l, config: c }), yt = N(gt);
+    }), ne = ue ? "expanded" : qe, le = ue ? () => {
+    } : Ue, pt = M ?? !ue, ht = J ?? !ue, Le = mr(_), rt = tr(), oe = nr(), ae = or(), Ce = ir(), ot = lr(), [Lt, fe] = E(!1), [pe, it] = E(!1), [je, lt] = E(!1), [mt, m] = E(!1), [G, Rn] = E(!1), gt = Er({ baseUrl: i, config: c }), yt = N(gt);
     yt.current = gt;
-    const Et = N(dt), St = N(Je), Nt = N(Xe), At = N(ft), zt = N(ut), Ot = N(se), Ht = N(Ke), Rt = N(Qe), he = N(null);
-    Et.current = dt, St.current = Je, Nt.current = Xe, At.current = ft, zt.current = ut, Ot.current = se, Ht.current = Ke, Rt.current = Qe;
+    const Ct = N(be), Et = N(we), St = N(Ze), Nt = N(ft), zt = N(Se), Ot = N(se), Ht = N(Qe), At = N(et), he = N(null);
+    Ct.current = be, Et.current = we, St.current = Ze, Nt.current = ft, zt.current = Se, Ot.current = se, Ht.current = Qe, At.current = et;
     function me(y) {
-      const d = Rt.current;
+      const d = At.current;
       return d ? d.includes(y) : !0;
     }
     function ge(y, d) {
@@ -2488,9 +2529,9 @@ const ho = /* @__PURE__ */ new Set([
         `[LiveLayer] Agent command "${y}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
-    const it = C(
+    const at = C(
       (y) => {
-        var G, de, be, at;
+        var K, de, _e, ct;
         const d = y;
         if (!(!d.type || typeof d.type != "string")) {
           if (Re == null || Re({ eventName: d.type, data: y }), d.type === "navigate") {
@@ -2505,9 +2546,9 @@ const ho = /* @__PURE__ */ new Set([
               );
               return;
             }
-            if (yt.current.playPageChange(), Et.current) {
+            if (yt.current.playPageChange(), Ct.current) {
               try {
-                Et.current(x);
+                Ct.current(x);
               } catch (D) {
                 console.warn(
                   `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
@@ -2544,9 +2585,9 @@ const ho = /* @__PURE__ */ new Set([
             const x = typeof d.selector == "string" ? d.selector : null;
             if (!x) return;
             const D = d.behavior === "instant" ? "instant" : "smooth";
-            if (St.current) {
+            if (Et.current) {
               try {
-                St.current(
+                Et.current(
                   x,
                   D
                 );
@@ -2583,14 +2624,14 @@ const ho = /* @__PURE__ */ new Set([
               ge("request_page_context", "read_page");
               return;
             }
-            const x = typeof d.requestId == "string" ? d.requestId : void 0, D = (G = he.current) == null ? void 0 : G.call(he), W = (V) => {
-              const z = D, Q = z == null ? void 0 : z.localParticipant;
-              if (Q != null && Q.publishData)
+            const x = typeof d.requestId == "string" ? d.requestId : void 0, D = (K = he.current) == null ? void 0 : K.call(he), W = (V) => {
+              const z = D, Z = z == null ? void 0 : z.localParticipant;
+              if (Z != null && Z.publishData)
                 try {
-                  const ne = x ? { ...V, requestId: x } : V, Ue = new TextEncoder().encode(JSON.stringify(ne));
-                  Q.publishData(Ue, { reliable: !0 });
-                } catch (ne) {
-                  console.warn("[LiveLayer] publishData failed.", ne);
+                  const re = x ? { ...V, requestId: x } : V, Ye = new TextEncoder().encode(JSON.stringify(re));
+                  Z.publishData(Ye, { reliable: !0 });
+                } catch (re) {
+                  console.warn("[LiveLayer] publishData failed.", re);
                 }
             }, O = Ot.current, j = zt.current;
             try {
@@ -2639,9 +2680,9 @@ const ho = /* @__PURE__ */ new Set([
               return;
             }
             const D = d.behavior === "instant" ? "instant" : "smooth";
-            if (Nt.current) {
+            if (St.current) {
               try {
-                Nt.current(
+                St.current(
                   x,
                   D
                 );
@@ -2651,12 +2692,12 @@ const ho = /* @__PURE__ */ new Set([
               return;
             }
             if (typeof window > "u") return;
-            const W = { behavior: D }, O = fo(), j = (z) => {
+            const W = { behavior: D }, O = go(), j = (z) => {
               O instanceof Window ? O.scrollBy({ top: z, ...W }) : O.scrollBy({ top: z, ...W });
             }, V = (z) => {
               O instanceof Window ? O.scrollTo({ top: z, ...W }) : O.scrollTo({ top: z, ...W });
             };
-            x === "up" ? j(-vn(O)) : x === "down" ? j(vn(O)) : V(x === "top" ? 0 : po(O));
+            x === "up" ? j(-wn(O)) : x === "down" ? j(wn(O)) : V(x === "top" ? 0 : yo(O));
             return;
           }
           if (d.type === "click") {
@@ -2669,9 +2710,9 @@ const ho = /* @__PURE__ */ new Set([
               console.warn("[LiveLayer] click: missing selector.");
               return;
             }
-            if (At.current) {
+            if (Nt.current) {
               try {
-                At.current(x);
+                Nt.current(x);
               } catch (W) {
                 console.warn("[LiveLayer] onClick threw.", W);
               }
@@ -2714,7 +2755,7 @@ const ho = /* @__PURE__ */ new Set([
               console.warn(`[LiveLayer] ${d.type}: missing formId.`);
               return;
             }
-            const D = yn(document, x);
+            const D = bn(document, x);
             if (!D) {
               console.warn(
                 `[LiveLayer] ${d.type}: no <form> matched id="${x}" (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.`
@@ -2733,20 +2774,16 @@ const ho = /* @__PURE__ */ new Set([
                 console.warn("[LiveLayer] focus_field: missing fieldName.");
                 return;
               }
-              const j = D.querySelector(`[name="${O.replace(/"/g, '\\"')}"]`);
-              if (!j) {
-                console.warn(
-                  `[LiveLayer] focus_field: no input with name="${O}" in form "${x}".`
-                );
-                return;
-              }
-              if (!xt(j)) {
-                console.warn(
+              const j = vn(D, O);
+              if (j.el === null) {
+                j.reason === "private" ? console.warn(
                   `[LiveLayer] focus_field: field "${O}" is privacy-protected and not focusable.`
+                ) : console.warn(
+                  `[LiveLayer] focus_field: no input matching key="${O}" in form "${x}". The agent should use the field.name it observed in PageContext.forms[].fields[].`
                 );
                 return;
               }
-              j.focus();
+              j.el.focus();
               return;
             }
             const W = d.values && typeof d.values == "object" ? d.values : null;
@@ -2756,21 +2793,17 @@ const ho = /* @__PURE__ */ new Set([
             }
             for (const [O, j] of Object.entries(W)) {
               if (typeof j != "string") continue;
-              const V = D.querySelector(`[name="${O.replace(/"/g, '\\"')}"]`);
-              if (!V) {
-                console.warn(
-                  `[LiveLayer] fill_form: no input with name="${O}" in form "${x}". Skipping.`
-                );
-                continue;
-              }
-              if (!xt(V)) {
-                console.warn(
-                  `[LiveLayer] fill_form: field "${O}" is privacy-protected (password / cc-* / private). Skipping.`
+              const V = vn(D, O);
+              if (V.el === null) {
+                V.reason === "private" ? console.warn(
+                  `[LiveLayer] fill_form: field "${O}" is privacy-protected (password / cc-* / data-ll-private). Skipping.`
+                ) : console.warn(
+                  `[LiveLayer] fill_form: no input matching key="${O}" in form "${x}". The agent should use the field.name it observed in PageContext.forms[].fields[]. Skipping.`
                 );
                 continue;
               }
               try {
-                lo(V, j);
+                uo(V.el, j);
               } catch (z) {
                 console.warn(
                   `[LiveLayer] fill_form: failed to set "${O}".`,
@@ -2792,7 +2825,7 @@ const ho = /* @__PURE__ */ new Set([
               return;
             }
             yt.current.playConfirmation();
-            const D = yn(document, x);
+            const D = bn(document, x);
             if (!D) {
               console.warn(
                 `[LiveLayer] submit_form: no <form> matched id="${x}" (or matching name / data-ll-intent slug).`
@@ -2805,12 +2838,12 @@ const ho = /* @__PURE__ */ new Set([
               );
               return;
             }
-            const W = typeof d.requestId == "string" ? d.requestId : void 0, O = (be = he.current) == null ? void 0 : be.call(he), j = (Q) => {
-              const ne = O, Ue = ne == null ? void 0 : ne.localParticipant;
-              if (Ue != null && Ue.publishData)
+            const W = typeof d.requestId == "string" ? d.requestId : void 0, O = (_e = he.current) == null ? void 0 : _e.call(he), j = (Z) => {
+              const re = O, Ye = re == null ? void 0 : re.localParticipant;
+              if (Ye != null && Ye.publishData)
                 try {
-                  const qn = W ? { ...Q, requestId: W } : Q, Fn = new TextEncoder().encode(JSON.stringify(qn));
-                  Ue.publishData(Fn, { reliable: !0 });
+                  const Un = W ? { ...Z, requestId: W } : Z, jn = new TextEncoder().encode(JSON.stringify(Un));
+                  Ye.publishData(jn, { reliable: !0 });
                 } catch {
                 }
             };
@@ -2821,8 +2854,8 @@ const ho = /* @__PURE__ */ new Set([
             D.addEventListener("submit", z, { once: !0 });
             try {
               typeof D.requestSubmit == "function" ? D.requestSubmit() : D.submit();
-            } catch (Q) {
-              console.warn("[LiveLayer] submit_form: requestSubmit threw.", Q), D.removeEventListener("submit", z), j({
+            } catch (Z) {
+              console.warn("[LiveLayer] submit_form: requestSubmit threw.", Z), D.removeEventListener("submit", z), j({
                 type: "form_submit_blocked",
                 formId: x,
                 reason: "exception"
@@ -2843,41 +2876,41 @@ const ho = /* @__PURE__ */ new Set([
               ge("request_routes", "read_page");
               return;
             }
-            const x = typeof d.requestId == "string" ? d.requestId : void 0, W = (at = he.current) == null ? void 0 : at.call(he), O = W == null ? void 0 : W.localParticipant;
+            const x = typeof d.requestId == "string" ? d.requestId : void 0, W = (ct = he.current) == null ? void 0 : ct.call(he), O = W == null ? void 0 : W.localParticipant;
             if (!(O != null && O.publishData)) return;
             const j = (z) => {
               try {
-                const Q = x ? { type: "routes", routes: z, requestId: x } : { type: "routes", routes: z }, ne = new TextEncoder().encode(JSON.stringify(Q));
-                O.publishData(ne, { reliable: !0 });
-              } catch (Q) {
-                console.warn("[LiveLayer] request_routes: publishData failed.", Q);
+                const Z = x ? { type: "routes", routes: z, requestId: x } : { type: "routes", routes: z }, re = new TextEncoder().encode(JSON.stringify(Z));
+                O.publishData(re, { reliable: !0 });
+              } catch (Z) {
+                console.warn("[LiveLayer] request_routes: publishData failed.", Z);
               }
             }, V = Ht.current;
             if (V) {
               try {
-                const z = V(), Q = (ne) => {
-                  if (!Array.isArray(ne)) {
+                const z = V(), Z = (re) => {
+                  if (!Array.isArray(re)) {
                     j([]);
                     return;
                   }
-                  j(ne.map(eo).slice(0, 200));
+                  j(re.map(no).slice(0, 200));
                 };
-                z instanceof Promise ? z.then(Q).catch((ne) => {
+                z instanceof Promise ? z.then(Z).catch((re) => {
                   console.warn(
                     "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                    ne
-                  ), j(Mt());
-                }) : Q(z);
+                    re
+                  ), j(Rt());
+                }) : Z(z);
               } catch (z) {
                 console.warn(
                   "[LiveLayer] getRoutes threw; falling back to DOM walker.",
                   z
-                ), j(Mt());
+                ), j(Rt());
               }
               return;
             }
             try {
-              j(Mt());
+              j(Rt());
             } catch (z) {
               console.warn("[LiveLayer] request_routes: extractRoutes threw.", z);
             }
@@ -2929,7 +2962,7 @@ const ho = /* @__PURE__ */ new Set([
               } catch {
               }
             try {
-              Me == null || Me(
+              Te == null || Te(
                 x
               );
             } catch (D) {
@@ -2937,40 +2970,40 @@ const ho = /* @__PURE__ */ new Set([
             }
             return;
           }
-          ho.has(d.type) || Ie == null || Ie(d);
+          vo.has(d.type) || Me == null || Me(d);
         }
       },
-      [Ie, Re, Me]
-    ), X = Qn({
-      agentId: $ ? "__controlled__" : et,
-      baseUrl: l,
-      apiKey: i,
+      [Me, Re, Te]
+    ), Q = er({
+      agentId: $ ? "__controlled__" : nt,
+      baseUrl: i,
+      apiKey: l,
       sessionEndpoint: s,
       sessionBody: a,
-      onDataMessage: $ ? void 0 : it
+      onDataMessage: $ ? void 0 : at
     });
-    I(() => {
+    R(() => {
       if ($ != null && $.subscribeToDataMessages)
-        return $.subscribeToDataMessages(it);
-    }, [$, it]), he.current = () => {
+        return $.subscribeToDataMessages(at);
+    }, [$, at]), he.current = () => {
       var y;
-      return (y = X.getRoom) == null ? void 0 : y.call(X);
-    }, I(() => {
-      var G;
+      return (y = Q.getRoom) == null ? void 0 : y.call(Q);
+    }, R(() => {
+      var K;
       if (typeof window > "u") return;
-      const y = ((G = window.location) == null ? void 0 : G.hostname) || "";
+      const y = ((K = window.location) == null ? void 0 : K.hostname) || "";
       if (y === "localhost" || y === "127.0.0.1" || y === "0.0.0.0" || y.endsWith(".local") || y.endsWith(".test"))
         return window.__livelayerSimulateCommand = (de) => {
           try {
-            it(de);
-          } catch (be) {
-            console.warn("[LiveLayer] simulate-command threw:", be);
+            at(de);
+          } catch (_e) {
+            console.warn("[LiveLayer] simulate-command threw:", _e);
           }
         }, () => {
           delete window.__livelayerSimulateCommand;
         };
-    }, [it]);
-    const k = Ge(() => $ ? {
+    }, [at]);
+    const k = Xe(() => $ ? {
       connectionState: $.connectionState,
       agentState: $.agentState,
       transcript: $.transcript,
@@ -2986,29 +3019,29 @@ const ho = /* @__PURE__ */ new Set([
       // 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: X.getRoom,
+      getRoom: Q.getRoom,
       isControlled: !0
     } : {
-      connectionState: X.connectionState,
-      agentState: X.agentState,
-      transcript: X.transcript,
-      videoElement: X.videoElement,
-      audioElement: X.audioElement,
-      canResume: X.canResume,
-      error: X.error,
-      agentConfig: X.agentConfig,
-      connect: X.connect,
-      disconnect: X.disconnect,
-      getRoom: X.getRoom,
+      connectionState: Q.connectionState,
+      agentState: Q.agentState,
+      transcript: Q.transcript,
+      videoElement: Q.videoElement,
+      audioElement: Q.audioElement,
+      canResume: Q.canResume,
+      error: Q.error,
+      agentConfig: Q.agentConfig,
+      connect: Q.connect,
+      disconnect: Q.disconnect,
+      getRoom: Q.getRoom,
       isControlled: !1
-    }, [$, X]), Bt = N(k);
+    }, [$, Q]), Bt = N(k);
     Bt.current = k;
     const Wt = N($);
-    Wt.current = $, jn(
+    Wt.current = $, Yn(
       r,
       () => ({
         sendData: async (y) => {
-          var be, at;
+          var _e, ct;
           const d = Wt.current;
           if (d != null && d.publishData) {
             try {
@@ -3018,7 +3051,7 @@ const ho = /* @__PURE__ */ new Set([
             }
             return;
           }
-          const G = (at = (be = Bt.current) == null ? void 0 : be.getRoom) == null ? void 0 : at.call(be), de = G == null ? void 0 : G.localParticipant;
+          const K = (ct = (_e = Bt.current) == null ? void 0 : _e.getRoom) == null ? void 0 : ct.call(_e), de = K == null ? void 0 : K.localParticipant;
           if (de != null && de.publishData)
             try {
               const x = new TextEncoder().encode(JSON.stringify(y));
@@ -3030,44 +3063,44 @@ const ho = /* @__PURE__ */ new Set([
       }),
       []
     );
-    const qt = N(null);
-    I(() => {
-      const y = k.videoElement, d = qt.current;
+    const Ft = N(null);
+    R(() => {
+      const y = k.videoElement, d = Ft.current;
       if (!(!y || !d))
         return d.appendChild(y), () => {
           y.parentNode === d && d.removeChild(y);
         };
-    }, [k.videoElement]), I(() => {
+    }, [k.videoElement]), R(() => {
       const y = k.audioElement;
       if (!y) return;
-      tt.attach(y);
+      rt.attach(y);
       const d = y.play();
-      return d && typeof d.catch == "function" && d.catch((G) => {
-        (G == null ? void 0 : G.name) === "NotAllowedError" && fe(!0);
+      return d && typeof d.catch == "function" && d.catch((K) => {
+        (K == null ? void 0 : K.name) === "NotAllowedError" && fe(!0);
       }), () => {
-        tt.detach();
+        rt.detach();
       };
-    }, [k.audioElement]), I(() => {
+    }, [k.audioElement]), R(() => {
       if (k.isControlled || k.connectionState !== "connected") return;
       const y = k.getRoom();
       if (y)
-        return re.setupMic(y).catch(() => {
+        return oe.setupMic(y).catch(() => {
         }), () => {
-          re.teardownMic();
+          oe.teardownMic();
         };
-    }, [k.isControlled, k.connectionState]), I(() => {
+    }, [k.isControlled, k.connectionState]), R(() => {
       var d;
       if (k.connectionState !== "connected") return;
       const y = k.isControlled ? (d = $ == null ? void 0 : $.getRoom) == null ? void 0 : d.call($) : k.getRoom();
       if (y)
-        return ae.attachRoom(y), Ee.attachRoom(y), k.isControlled && re.attachRoom(y), nt.refresh(), () => {
-          ae.teardown(), Ee.teardown();
+        return ae.attachRoom(y), Ce.attachRoom(y), k.isControlled && oe.attachRoom(y), ot.refresh(), () => {
+          ae.teardown(), Ce.teardown();
         };
-    }, [k.isControlled, k.connectionState, $]), I(() => {
+    }, [k.isControlled, k.connectionState, $]), R(() => {
       const y = k.audioElement;
-      y && (y.muted = Y);
-    }, [k.audioElement, Y]);
-    const Rn = C((y) => {
+      y && (y.muted = G);
+    }, [k.audioElement, G]);
+    const Mn = C((y) => {
       const d = { type: "user_message", text: y };
       if ($ != null && $.publishData) {
         try {
@@ -3076,254 +3109,254 @@ const ho = /* @__PURE__ */ new Set([
         }
         return;
       }
-      const G = k.getRoom();
-      if (G)
+      const K = k.getRoom();
+      if (K)
         try {
           const de = new TextEncoder().encode(JSON.stringify(d));
-          G.localParticipant.publishData(de, { reliable: !0 });
+          K.localParticipant.publishData(de, { reliable: !0 });
         } catch {
         }
-    }, [k, $]), In = C(() => {
-      An((y) => !y);
+    }, [k, $]), Tn = C(() => {
+      Rn((y) => !y);
     }, []);
-    I(() => {
-      Ae == null || Ae(k.connectionState), k.connectionState === "connected" ? Se == null || Se() : k.connectionState === "disconnected" && ($e == null || $e());
-    }, [k.connectionState, Se, $e, Ae]), I(() => {
-      Ne == null || Ne(k.transcript);
-    }, [k.transcript, Ne]), I(() => {
-      ze == null || ze(k.agentState);
-    }, [k.agentState, ze]), I(() => {
+    R(() => {
+      Ie == null || Ie(k.connectionState), k.connectionState === "connected" ? Ne == null || Ne() : k.connectionState === "disconnected" && (He == null || He());
+    }, [k.connectionState, Ne, He, Ie]), R(() => {
+      Ae == null || Ae(k.transcript);
+    }, [k.transcript, Ae]), R(() => {
+      Be == null || Be(k.agentState);
+    }, [k.agentState, Be]), R(() => {
       gt.setThinking(k.agentState === "thinking");
     }, [k.agentState, gt]);
-    const Ft = N(!1);
-    I(() => {
-      !v || Ft.current || Ze && k.connectionState === "idle" && (Ft.current = !0, k.connect());
-    }, [v, k.connectionState, k, Ze]);
-    const Mn = C(
+    const qt = N(!1);
+    R(() => {
+      !v || qt.current || tt && k.connectionState === "idle" && (qt.current = !0, k.connect());
+    }, [v, k.connectionState, k, tt]);
+    const Dn = C(
       (y) => {
-        const d = S == null ? void 0 : S.find((G) => G.id === y);
-        d && (ot(!1), y !== Le && (rt(!0), k.disconnect(), De || Lt(y), A == null || A(d)));
+        const d = S == null ? void 0 : S.find((K) => K.id === y);
+        d && (lt(!1), y !== ke && (it(!0), k.disconnect(), Pe || kt(y), A == null || A(d)));
       },
       [
         S,
-        Le,
+        ke,
         k,
-        De,
+        Pe,
         A
       ]
     );
-    I(() => {
-      pe && k.connectionState === "connected" && rt(!1);
-    }, [k.connectionState, pe]), I(() => {
-      if (!qe) return;
+    R(() => {
+      pe && k.connectionState === "connected" && it(!1);
+    }, [k.connectionState, pe]), R(() => {
+      if (!je) return;
       const y = (d) => {
-        d.key === "Escape" && ot(!1);
+        d.key === "Escape" && lt(!1);
       };
       return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-    }, [qe]);
-    const Tn = !!P || !!(ee != null && ee.avatarImageUrl) || k.isControlled, lt = ir(et, l, Tn);
-    Qe === void 0 && ((Yt = lt.info) != null && Yt.capabilities) && (Rt.current = lt.info.capabilities);
-    const vt = (ee == null ? void 0 : ee.name) ?? H ?? ((Gt = k.agentConfig) == null ? void 0 : Gt.name) ?? ((Jt = lt.info) == null ? void 0 : Jt.name) ?? "Live Layer", It = (ee == null ? void 0 : ee.avatarImageUrl) ?? P ?? ((Kt = k.agentConfig) == null ? void 0 : Kt.avatarImageUrl) ?? ((Xt = lt.info) == null ? void 0 : Xt.avatarImageUrl) ?? null, Dn = F ?? ((Qt = k.agentConfig) == null ? void 0 : Qt.idleLoopUrl) ?? ((Zt = lt.info) == null ? void 0 : Zt.idleLoopUrl) ?? null, Pn = g ?? null, $n = C(() => le("expanded"), [le]), zn = C(
+    }, [je]);
+    const Pn = !!P || !!(te != null && te.avatarImageUrl) || k.isControlled, st = ar(nt, i, Pn);
+    et === void 0 && ((Yt = st.info) != null && Yt.capabilities) && (At.current = st.info.capabilities);
+    const vt = (te == null ? void 0 : te.name) ?? H ?? ((Gt = k.agentConfig) == null ? void 0 : Gt.name) ?? ((Kt = st.info) == null ? void 0 : Kt.name) ?? "Live Layer", It = (te == null ? void 0 : te.avatarImageUrl) ?? P ?? ((Jt = k.agentConfig) == null ? void 0 : Jt.avatarImageUrl) ?? ((Xt = st.info) == null ? void 0 : Xt.avatarImageUrl) ?? null, $n = q ?? ((Qt = k.agentConfig) == null ? void 0 : Qt.idleLoopUrl) ?? ((Zt = st.info) == null ? void 0 : Zt.idleLoopUrl) ?? null, zn = g ?? null, On = C(() => le("expanded"), [le]), Hn = C(
       () => le("minimized"),
       [le]
     ), Ut = C(() => {
       k.disconnect(), le("hidden");
-    }, [k, le]), On = C(() => {
+    }, [k, le]), Bn = C(() => {
       const y = k.audioElement;
       y && y.play().then(() => fe(!1)).catch(() => {
       });
-    }, [k.audioElement]), Hn = C(() => {
+    }, [k.audioElement]), Wn = C(() => {
       fe(!1), k.connect();
-    }, [k]), Fe = {
-      ...Te,
-      ...ue ? {} : { zIndex: Oe }
+    }, [k]), Ve = {
+      ...De,
+      ...ue ? {} : { zIndex: We }
     };
-    q.primaryColor && (Fe["--ll-color-primary"] = q.primaryColor), q.accentColor && (Fe["--ll-color-accent"] = q.accentColor), q.backgroundColor && (Fe["--ll-color-bg"] = q.backgroundColor), q.textColor && (Fe["--ll-color-fg"] = q.textColor);
-    const Bn = [
+    F.primaryColor && (Ve["--ll-color-primary"] = F.primaryColor), F.accentColor && (Ve["--ll-color-accent"] = F.accentColor), F.backgroundColor && (Ve["--ll-color-bg"] = F.backgroundColor), F.textColor && (Ve["--ll-color-fg"] = F.textColor);
+    const Fn = [
       "ll-widget",
-      `ll-widget--${te}`,
-      `ll-widget--${Ce ? "mobile" : "desktop"}`,
-      kt
+      `ll-widget--${ne}`,
+      `ll-widget--${Le ? "mobile" : "desktop"}`,
+      xt
     ].filter(Boolean).join(" ");
-    if (!Ze) return null;
-    const Wn = /* @__PURE__ */ n(
+    if (!tt) return null;
+    const qn = /* @__PURE__ */ n(
       "div",
       {
-        className: Bn,
-        style: Fe,
-        "data-display-mode": te,
+        className: Fn,
+        style: Ve,
+        "data-display-mode": ne,
         "data-position": L,
         "data-experience-mode": p === "EMBEDDED" ? "embedded" : "widget",
-        children: te === "expanded" && /* @__PURE__ */ n(
-          Hr,
+        children: ne === "expanded" && /* @__PURE__ */ n(
+          Wr,
           {
             position: L,
-            isMobile: Ce,
+            isMobile: Le,
             agentName: vt,
             avatarImageUrl: It,
-            idleLoopUrl: Dn,
-            greeting: Pn,
-            branding: q,
+            idleLoopUrl: $n,
+            greeting: zn,
+            branding: F,
             teamMembers: S,
-            currentTeamMemberId: Le,
+            currentTeamMemberId: ke,
             isSwitchingTeamMember: pe,
-            teamSwitcherOpen: qe,
-            onToggleTeamSwitcher: () => ot((y) => !y),
-            onSelectTeamMember: Mn,
+            teamSwitcherOpen: je,
+            onToggleTeamSwitcher: () => lt((y) => !y),
+            onSelectTeamMember: Dn,
             connectionState: k.connectionState,
             agentState: k.agentState,
             transcript: k.transcript,
-            isMuted: re.isMuted,
-            micDevices: nt.mics,
-            activeMicId: re.activeDeviceId,
+            isMuted: oe.isMuted,
+            micDevices: ot.mics,
+            activeMicId: oe.activeDeviceId,
             isCameraEnabled: ae.isEnabled,
             cameraPreviewEl: ae.previewEl,
-            cameraDevices: nt.cameras,
+            cameraDevices: ot.cameras,
             activeCameraId: ae.activeDeviceId,
-            isScreenShareEnabled: Ee.isEnabled,
-            screenPreviewEl: Ee.previewEl,
-            isSpeakerMuted: Y,
-            allowCamera: Z,
-            allowScreenShare: M,
+            isScreenShareEnabled: Ce.isEnabled,
+            screenPreviewEl: Ce.previewEl,
+            isSpeakerMuted: G,
+            allowCamera: ee,
+            allowScreenShare: B,
             allowTyping: U,
             showMinimize: pt,
             showClose: ht,
-            chromeless: oe,
-            compactControls: K,
-            transforming: xe,
-            transformingLabel: ye,
+            chromeless: ye,
+            compactControls: ze,
+            transforming: Oe,
+            transformingLabel: ve,
             languageMenuOpen: mt,
             onToggleLanguageMenu: () => m((y) => !y),
-            needsUserGesture: Ct,
+            needsUserGesture: Lt,
             canResume: k.canResume,
-            micError: re.micError,
+            micError: oe.micError,
             error: k.error,
-            avatarVideoContainerRef: qt,
+            avatarVideoContainerRef: Ft,
             agentVideoEl: k.videoElement,
             onConnect: () => void k.connect(),
             onDisconnect: () => k.disconnect(),
-            onRetry: Hn,
-            onResumeAudio: On,
-            onToggleMute: re.toggleMute,
-            onSwitchMicDevice: (y) => void re.switchDevice(y),
+            onRetry: Wn,
+            onResumeAudio: Bn,
+            onToggleMute: oe.toggleMute,
+            onSwitchMicDevice: (y) => void oe.switchDevice(y),
             onToggleCamera: () => void ae.toggle(),
             onSwitchCameraDevice: (y) => void ae.switchDevice(y),
-            onToggleScreenShare: () => void Ee.toggle(),
-            onToggleSpeaker: In,
-            onSendMessage: Rn,
-            onMinimize: zn,
+            onToggleScreenShare: () => void Ce.toggle(),
+            onToggleSpeaker: Tn,
+            onSendMessage: Mn,
+            onMinimize: Hn,
             onClose: Ut,
-            onClearMicError: re.clearError
+            onClearMicError: oe.clearError
           }
         )
       }
-    ), jt = !ue && (te === "hidden" || te === "minimized") ? /* @__PURE__ */ w(
+    ), jt = !ue && (ne === "hidden" || ne === "minimized") ? /* @__PURE__ */ w(
       "div",
       {
         className: [
           "ll-widget",
           "ll-widget--floating",
-          `ll-widget--${te}`,
-          `ll-widget--${Ce ? "mobile" : "desktop"}`
+          `ll-widget--${ne}`,
+          `ll-widget--${Le ? "mobile" : "desktop"}`
         ].join(" "),
-        style: Fe,
-        "data-display-mode": te,
+        style: Ve,
+        "data-display-mode": ne,
         "data-position": L,
         children: [
-          te === "hidden" && /* @__PURE__ */ n(
-            Rr,
+          ne === "hidden" && /* @__PURE__ */ n(
+            Mr,
             {
               position: L,
-              isMobile: Ce,
+              isMobile: Le,
               isSpeaking: k.agentState === "speaking",
               onExpand: () => le("expanded"),
               label: `Open ${vt} widget`,
               avatarImageUrl: It,
               agentName: vt,
-              containerEl: _e
+              containerEl: ie
             }
           ),
-          te === "minimized" && /* @__PURE__ */ n(
-            Mr,
+          ne === "minimized" && /* @__PURE__ */ n(
+            Dr,
             {
               position: L,
-              isMobile: Ce,
+              isMobile: Le,
               agentName: vt,
               avatarImageUrl: It,
               agentState: k.agentState,
-              isMuted: re.isMuted,
-              audioLevel: tt,
-              onExpand: $n,
-              onToggleMute: re.toggleMute,
+              isMuted: oe.isMuted,
+              audioLevel: rt,
+              onExpand: On,
+              onToggleMute: oe.toggleMute,
               onClose: Ut
             }
           )
         ]
       }
-    ) : null, Vt = _e ?? (typeof document < "u" ? document.body : null);
-    return /* @__PURE__ */ w(Pe, { children: [
-      Wn,
+    ) : null, Vt = ie ?? (typeof document < "u" ? document.body : null);
+    return /* @__PURE__ */ w($e, { children: [
+      qn,
       jt && Vt && Pt(jt, Vt)
     ] });
   }
 );
-Nn.displayName = "AvatarWidgetInner";
-const mo = Dt(
+In.displayName = "AvatarWidgetInner";
+const bo = Dt(
   function(t, r) {
-    return /* @__PURE__ */ n(Xn, { children: /* @__PURE__ */ n(Nn, { ...t, ref: r }) });
+    return /* @__PURE__ */ n(Zn, { children: /* @__PURE__ */ n(In, { ...t, ref: r }) });
   }
 );
-mo.displayName = "AvatarWidget";
-const Eo = ({
+bo.displayName = "AvatarWidget";
+const Io = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
   mode: o,
-  onAgentEvent: i,
-  className: l,
+  onAgentEvent: l,
+  className: i,
   style: s
 }) => {
-  const a = N(null), c = N(null), p = N(i);
-  p.current = i;
+  const a = N(null), c = N(null), p = N(l);
+  p.current = l;
   const v = C((f) => {
-    var R;
+    var I;
     const u = f.detail;
-    (R = p.current) == null || R.call(p, u);
+    (I = p.current) == null || I.call(p, u);
   }, []);
-  return I(() => {
+  return R(() => {
     const f = a.current;
     if (!f) return;
     const u = document.createElement("livelayer-widget");
     return u.setAttribute("agent-id", e), t && u.setAttribute("base-url", t), r && u.setAttribute("api-key", r), o && u.setAttribute("mode", o), u.addEventListener("agent-event", v), f.appendChild(u), c.current = u, () => {
       u.removeEventListener("agent-event", v), f.removeChild(u), c.current = null;
     };
-  }, [e]), I(() => {
+  }, [e]), R(() => {
     c.current && (o ? c.current.setAttribute("mode", o) : c.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ n("div", { ref: a, className: l, style: s });
-}, So = Dt(
-  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: s }, a) {
-    return Vn(
+  }, [o]), /* @__PURE__ */ n("div", { ref: a, className: i, style: s });
+}, Ro = Dt(
+  function({ id: t, intent: r, as: o = "div", className: l, style: i, children: s }, a) {
+    return Gn(
       o,
       {
         ref: a,
         "data-ll-region": t,
         "data-ll-intent": r,
-        className: i,
-        style: l
+        className: l,
+        style: i
       },
       s
     );
   }
 );
-function No(e = {}) {
-  const { onFieldUpdate: t, onComplete: r, source: o = "all" } = e, [i, l] = E({}), [s, a] = E(!1), [c, p] = E(null), v = N(t), f = N(r), u = N(o);
-  I(() => {
+function Mo(e = {}) {
+  const { onFieldUpdate: t, onComplete: r, source: o = "all" } = e, [l, i] = E({}), [s, a] = E(!1), [c, p] = E(null), v = N(t), f = N(r), u = N(o);
+  R(() => {
     v.current = t, f.current = r, u.current = o;
   }, [t, r, o]);
-  const R = C(() => {
-    l({}), a(!1);
+  const I = C(() => {
+    i({}), a(!1);
   }, []);
-  return I(() => {
+  return R(() => {
     if (typeof window > "u") return;
     const L = (_) => {
       var b, S;
@@ -3332,7 +3365,7 @@ function No(e = {}) {
         if (h.phase === "field") {
           if (u.current !== "all" && h.source !== u.current)
             return;
-          a(!0), l(
+          a(!0), i(
             (T) => T[h.fieldName] === h.value ? T : { ...T, [h.fieldName]: h.value }
           );
           try {
@@ -3356,34 +3389,34 @@ function No(e = {}) {
       }
     };
     return document.addEventListener("ll-collected", L), () => document.removeEventListener("ll-collected", L);
-  }, []), { fields: i, isCollecting: s, lastResult: c, reset: R };
+  }, []), { fields: l, isCollecting: s, lastResult: c, reset: I };
 }
-let bn = 1;
-function Ao({
+let _n = 1;
+function To({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = E(t), [l, s] = E([]), [a, c] = E(""), [p, v] = E(!1), f = N(/* @__PURE__ */ new Set()), u = N([]), R = N(p);
-  R.current = p, I(() => {
+  const [o, l] = E(t), [i, s] = E([]), [a, c] = E(""), [p, v] = E(!1), f = N(/* @__PURE__ */ new Set()), u = N([]), I = N(p);
+  I.current = p, R(() => {
     try {
       const h = localStorage.getItem(r);
-      h === "1" && i(!0), h === "0" && i(!1);
+      h === "1" && l(!0), h === "0" && l(!1);
     } catch {
     }
-  }, [r]), I(() => {
+  }, [r]), R(() => {
     try {
       localStorage.setItem(r, o ? "1" : "0");
     } catch {
     }
-  }, [o, r]), I(() => {
+  }, [o, r]), R(() => {
     const h = (b) => {
-      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), i((S) => !S));
+      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), l((S) => !S));
     };
     return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
-  }, []), I(() => {
+  }, []), R(() => {
     const h = setInterval(() => {
-      if (u.current.length === 0 || R.current) return;
+      if (u.current.length === 0 || I.current) return;
       const b = u.current.splice(0, u.current.length);
       s(
         (S) => [...b.reverse(), ...S].slice(0, 200)
@@ -3392,30 +3425,30 @@ function Ao({
     return () => clearInterval(h);
   }, []);
   const L = N(!1);
-  if (I(() => {
+  if (R(() => {
     !e || L.current || (L.current = !0, e((h) => {
       u.current.push({
-        id: bn++,
+        id: _n++,
         ts: Date.now(),
         kind: "event",
         type: h.eventName,
         data: h.data
       });
     }));
-  }, [e]), I(() => {
-    const h = console.warn, b = console.log, S = (T, A) => function(...F) {
+  }, [e]), R(() => {
+    const h = console.warn, b = console.log, S = (T, A) => function(...q) {
       try {
-        const g = typeof F[0] == "string" ? F[0] : "";
+        const g = typeof q[0] == "string" ? q[0] : "";
         g.startsWith("[LiveLayer]") && u.current.push({
-          id: bn++,
+          id: _n++,
           ts: Date.now(),
           kind: T,
           type: g.slice(0, 120),
-          data: { args: F.slice(1).map((P) => yo(P)) }
+          data: { args: q.slice(1).map((P) => _o(P)) }
         });
       } catch {
       }
-      return A.apply(this, F);
+      return A.apply(this, q);
     };
     return console.warn = S("warn", h), console.log = S("log", b), () => {
       console.warn = h, console.log = b;
@@ -3425,7 +3458,7 @@ function Ao({
       "button",
       {
         type: "button",
-        onClick: () => i(!0),
+        onClick: () => l(!0),
         title: "Open LiveLayer debug panel (Cmd/Ctrl + Shift + L)",
         "aria-label": "Open LiveLayer debug panel",
         style: {
@@ -3447,7 +3480,7 @@ function Ao({
         children: "🛰 LL debug"
       }
     );
-  const _ = l.filter((h) => {
+  const _ = i.filter((h) => {
     if (!a) return !0;
     const b = a.toLowerCase();
     return h.type.toLowerCase().includes(b) || JSON.stringify(h.data || {}).toLowerCase().includes(b);
@@ -3488,9 +3521,9 @@ function Ao({
             children: [
               /* @__PURE__ */ n("span", { style: { fontWeight: 600, fontSize: 12 }, children: "LiveLayer debug" }),
               /* @__PURE__ */ w("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
-                l.length,
+                i.length,
                 " event",
-                l.length === 1 ? "" : "s"
+                i.length === 1 ? "" : "s"
               ] }),
               /* @__PURE__ */ n("span", { style: { flex: 1 } }),
               /* @__PURE__ */ n(
@@ -3498,7 +3531,7 @@ function Ao({
                 {
                   type: "button",
                   onClick: () => v((h) => !h),
-                  style: Tt(p ? "#f59e0b" : "transparent"),
+                  style: Mt(p ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: p ? "▶ resume" : "⏸ pause"
                 }
@@ -3510,7 +3543,7 @@ function Ao({
                   onClick: () => {
                     s([]), u.current = [];
                   },
-                  style: Tt("transparent"),
+                  style: Mt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -3519,8 +3552,8 @@ function Ao({
                 "button",
                 {
                   type: "button",
-                  onClick: () => i(!1),
-                  style: Tt("transparent"),
+                  onClick: () => l(!1),
+                  style: Mt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -3587,7 +3620,7 @@ function Ao({
                 ]
               }
             ) : _.map((h) => /* @__PURE__ */ n(
-              go,
+              wo,
               {
                 entry: h,
                 expanded: f.current.has(h.id),
@@ -3603,12 +3636,12 @@ function Ao({
     }
   );
 }
-function go({
+function wo({
   entry: e,
   expanded: t,
   onToggle: r
 }) {
-  const o = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", i = new Date(e.ts).toLocaleTimeString("en-US", {
+  const o = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", l = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
   return /* @__PURE__ */ w(
@@ -3638,7 +3671,7 @@ function go({
                 fontVariantNumeric: "tabular-nums",
                 fontSize: 10
               },
-              children: i
+              children: l
             }
           ),
           /* @__PURE__ */ n(
@@ -3673,7 +3706,7 @@ function go({
     }
   );
 }
-function Tt(e) {
+function Mt(e) {
   return {
     background: e,
     color: "#fff",
@@ -3684,29 +3717,29 @@ function Tt(e) {
     cursor: "pointer"
   };
 }
-function yo(e) {
+function _o(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function vo(e) {
+function xo(e) {
   const t = JSON.stringify(e);
-  I(() => Gn(e), [t]);
+  R(() => Jn(e), [t]);
 }
-function Ro({ fields: e, children: t }) {
-  return vo(e), /* @__PURE__ */ n(Pe, { children: t });
+function Do({ fields: e, children: t }) {
+  return xo(e), /* @__PURE__ */ n($e, { children: t });
 }
-function Io() {
-  const [e, t] = E([]), r = C((i) => {
-    t((l) => {
-      const s = l.findIndex((a) => a.id === i.id);
+function Po() {
+  const [e, t] = E([]), r = C((l) => {
+    t((i) => {
+      const s = i.findIndex((a) => a.id === l.id);
       if (s >= 0) {
-        const a = l.slice();
-        return a[s] = i, a;
+        const a = i.slice();
+        return a[s] = l, a;
       }
-      return [...l, i];
+      return [...i, l];
     });
   }, []), o = C(() => t([]), []);
   return {
@@ -3717,38 +3750,38 @@ function Io() {
   };
 }
 export {
-  mo as AvatarWidget,
-  Xn as ErrorBoundary,
-  Ro as FieldProvider,
-  Ao as LiveLayerDebugPanel,
-  So as LiveLayerRegion,
-  Eo as LiveLayerWidget,
-  Do as clearFieldRegistry,
-  Qr as clearPageContextCache,
-  oo as clearRoutesCache,
-  Xr as extractPageContext,
-  no as extractRoutes,
+  bo as AvatarWidget,
+  Zn as ErrorBoundary,
+  Do as FieldProvider,
+  To as LiveLayerDebugPanel,
+  Ro as LiveLayerRegion,
+  Io as LiveLayerWidget,
+  Oo as clearFieldRegistry,
+  eo as clearPageContextCache,
+  lo as clearRoutesCache,
+  Zr as extractPageContext,
+  oo as extractRoutes,
   gn as getCachedPageContext,
-  Mt as getCachedRoutes,
-  Po as getRegisteredFields,
-  wr as matchesPattern,
-  eo as normalizeRouteInput,
-  $o as registerFields,
-  zo as setFieldValue,
-  _r as shouldRenderAtPath,
-  ir as useAgentInfo,
-  Zn as useAudioLevel,
-  nr as useCameraState,
-  No as useCollect,
-  sr as useDisplayMode,
-  ur as useDisplayModePersistence,
-  pr as useIsMobile,
-  Qn as useLiveKitSession,
-  or as useMediaDevices,
-  er as useMicrophoneState,
-  mr as usePathname,
-  vo as useRegisterFields,
-  xr as useRouteMatch,
-  rr as useScreenShareState,
-  Io as useTranscript
+  Rt as getCachedRoutes,
+  Ho as getRegisteredFields,
+  xr as matchesPattern,
+  no as normalizeRouteInput,
+  Bo as registerFields,
+  Wo as setFieldValue,
+  kr as shouldRenderAtPath,
+  ar as useAgentInfo,
+  tr as useAudioLevel,
+  or as useCameraState,
+  Mo as useCollect,
+  dr as useDisplayMode,
+  pr as useDisplayModePersistence,
+  mr as useIsMobile,
+  er as useLiveKitSession,
+  lr as useMediaDevices,
+  nr as useMicrophoneState,
+  yr as usePathname,
+  xo as useRegisterFields,
+  Lr as useRouteMatch,
+  ir as useScreenShareState,
+  Po as useTranscript
 };