@livelayer/react 0.22.0 → 0.22.1

package/dist/index.mjs

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as k, jsx as r, Fragment as We } from "react/jsx-runtime";
-import { Component as br, useState as M, useRef as I, useEffect as R, useCallback as C, useMemo as rt, useLayoutEffect as Wn, forwardRef as Zt, useImperativeHandle as wr, createElement as _r } from "react";
-import { createPortal as Qt } from "react-dom";
+import { jsxs as S, jsx as r, Fragment as We } from "react/jsx-runtime";
+import { Component as br, useState as M, useRef as T, useEffect as I, useCallback as C, useMemo as it, useLayoutEffect as Un, forwardRef as Qt, useImperativeHandle as wr, createElement as _r } from "react";
+import { createPortal as en } from "react-dom";
 import { LiveKitSession as xr, registerFields as Lr } from "@livelayer/sdk";
 import { clearFieldRegistry as Do, getRegisteredFields as Po, registerFields as zo, setFieldValue as $o } from "@livelayer/sdk";
-import { createLocalAudioTrack as Cr, Track as qn, createLocalVideoTrack as kr } from "livekit-client";
+import { createLocalAudioTrack as Cr, Track as jn, createLocalVideoTrack as kr } from "livekit-client";
 class Sr extends br {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
@@ -20,7 +20,7 @@ class Sr extends br {
   }
   render() {
     var t;
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ k("div", { className: "ll-error-boundary", role: "alert", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ S("div", { className: "ll-error-boundary", role: "alert", children: [
       /* @__PURE__ */ r("p", { className: "ll-error-boundary__title", children: "Widget crashed" }),
       /* @__PURE__ */ r("p", { className: "ll-error-boundary__message", children: ((t = this.state.error) == null ? void 0 : t.message) || "Something went wrong." }),
       /* @__PURE__ */ r(
@@ -36,11 +36,11 @@ class Sr extends br {
   }
 }
 function Er(e) {
-  const [t, n] = M("idle"), [i, l] = M("idle"), [o, s] = M([]), [a, c] = M(null), [u, m] = M(null), [p, h] = M(null), [D, x] = M(!1), [E, y] = M(null), w = I(null), T = I(e.onDataMessage);
-  T.current = e.onDataMessage, R(() => {
-    const g = {
+  const [t, n] = M("idle"), [i, l] = M("idle"), [o, s] = M([]), [a, c] = M(null), [u, m] = M(null), [p, h] = M(null), [D, _] = M(!1), [k, g] = M(null), w = T(null), R = T(e.onDataMessage);
+  R.current = e.onDataMessage, I(() => {
+    const y = {
       onConnectionStateChange: (B) => {
-        n(B), B === "connected" && y(null);
+        n(B), B === "connected" && g(null);
       },
       onAgentStateChange: l,
       onTranscript: (B) => s([...B]),
@@ -48,12 +48,12 @@ function Er(e) {
       onAudioTrack: (B) => h(B),
       onVideoTrack: (B) => m(B),
       onVideoTrackRemoved: () => m(null),
-      onError: (B) => y(B),
+      onError: (B) => g(B),
       onDataMessage: (B) => {
         var K;
-        (K = T.current) == null || K.call(T, B);
+        (K = R.current) == null || K.call(R, B);
       },
-      onResumabilityChange: x
+      onResumabilityChange: _
     }, z = new xr(
       {
         agentId: e.agentId,
@@ -62,9 +62,9 @@ function Er(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      g
+      y
     );
-    return w.current = z, n("idle"), l("idle"), s([]), c(null), m(null), h(null), x(!1), y(null), () => {
+    return w.current = z, n("idle"), l("idle"), s([]), c(null), m(null), h(null), _(!1), g(null), () => {
       var B;
       (B = z.destroy) == null || B.call(z), w.current = null;
     };
@@ -75,20 +75,20 @@ function Er(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const S = C(async () => {
-    const g = w.current;
-    if (g)
+  const E = C(async () => {
+    const y = w.current;
+    if (y)
       try {
-        await g.connect();
+        await y.connect();
       } catch (z) {
-        throw y(z instanceof Error ? z.message : String(z)), z;
+        throw g(z instanceof Error ? z.message : String(z)), z;
       }
   }, []), v = C(() => {
-    const g = w.current;
-    g && g.disconnect();
+    const y = w.current;
+    y && y.disconnect();
   }, []), O = C(() => {
-    var g;
-    return ((g = w.current) == null ? void 0 : g.getRoom()) ?? null;
+    var y;
+    return ((y = w.current) == null ? void 0 : y.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
@@ -98,81 +98,81 @@ function Er(e) {
     videoElement: u,
     audioElement: p,
     canResume: D,
-    error: E,
-    connect: S,
+    error: k,
+    connect: E,
     disconnect: v,
     getRoom: O,
     session: w.current
   };
 }
 function Ar() {
-  const e = I(null), t = I(/* @__PURE__ */ new Map()), n = I(null), i = I(/* @__PURE__ */ new Set()), l = C(() => {
-    const x = t.current;
-    if (x.size === 0) {
+  const e = T(null), t = T(/* @__PURE__ */ new Map()), n = T(null), i = T(/* @__PURE__ */ new Set()), l = C(() => {
+    const _ = t.current;
+    if (_.size === 0) {
       n.current = null;
       return;
     }
-    let E = 0;
-    for (const { analyser: y, buffer: w } of x.values()) {
-      y.getByteFrequencyData(w);
-      let T = 0;
-      for (let v = 0; v < w.length; v++) T += w[v];
-      const S = T / w.length / 255;
-      S > E && (E = S);
+    let k = 0;
+    for (const { analyser: g, buffer: w } of _.values()) {
+      g.getByteFrequencyData(w);
+      let R = 0;
+      for (let v = 0; v < w.length; v++) R += w[v];
+      const E = R / w.length / 255;
+      E > k && (k = E);
     }
-    for (const y of i.current)
+    for (const g of i.current)
       try {
-        y(E);
+        g(k);
       } catch (w) {
         console.error("[useAudioLevel] subscriber threw:", w);
       }
     n.current = requestAnimationFrame(l);
   }, []), o = C(() => e.current ? e.current : typeof window > "u" || typeof AudioContext > "u" ? null : (e.current = new AudioContext(), e.current), []), s = C(() => {
     n.current === null && t.current.size > 0 && (n.current = requestAnimationFrame(l));
-  }, [l]), a = C((x) => {
-    const E = t.current.get(x);
-    if (E) {
+  }, [l]), a = C((_) => {
+    const k = t.current.get(_);
+    if (k) {
       try {
-        E.node.disconnect();
+        k.node.disconnect();
       } catch {
       }
       try {
-        E.analyser.disconnect();
+        k.analyser.disconnect();
       } catch {
       }
-      t.current.delete(x);
+      t.current.delete(_);
     }
   }, []), c = C(
-    (x, E) => {
-      const y = o();
-      if (!y) return;
-      a(x);
-      const w = E(y);
+    (_, k) => {
+      const g = o();
+      if (!g) return;
+      a(_);
+      const w = k(g);
       if (!w) return;
-      const T = y.createAnalyser();
-      T.fftSize = 64;
+      const R = g.createAnalyser();
+      R.fftSize = 64;
       try {
-        w.connect(T);
-      } catch (S) {
-        console.warn("[useAudioLevel] connect failed for slot", x, S);
+        w.connect(R);
+      } catch (E) {
+        console.warn("[useAudioLevel] connect failed for slot", _, E);
         return;
       }
-      t.current.set(x, {
-        analyser: T,
+      t.current.set(_, {
+        analyser: R,
         node: w,
-        buffer: new Uint8Array(new ArrayBuffer(T.frequencyBinCount))
+        buffer: new Uint8Array(new ArrayBuffer(R.frequencyBinCount))
       }), s();
     },
     [a, o, s]
   ), u = C(
-    (x, E = "agent") => {
-      c(E, (y) => {
+    (_, k = "agent") => {
+      c(k, (g) => {
         try {
-          return y.createMediaElementSource(x);
+          return g.createMediaElementSource(_);
         } catch (w) {
           return console.warn(
             "[useAudioLevel] createMediaElementSource failed for slot",
-            E,
+            k,
             w
           ), null;
         }
@@ -180,14 +180,14 @@ function Ar() {
     },
     [c]
   ), m = C(
-    (x, E = "mic") => {
-      c(E, (y) => {
+    (_, k = "mic") => {
+      c(k, (g) => {
         try {
-          return y.createMediaStreamSource(x);
+          return g.createMediaStreamSource(_);
         } catch (w) {
           return console.warn(
             "[useAudioLevel] createMediaStreamSource failed for slot",
-            E,
+            k,
             w
           ), null;
         }
@@ -195,18 +195,18 @@ function Ar() {
     },
     [c]
   ), p = C(
-    (x) => {
-      a(x), t.current.size === 0 && n.current !== null && (cancelAnimationFrame(n.current), n.current = null);
+    (_) => {
+      a(_), t.current.size === 0 && n.current !== null && (cancelAnimationFrame(n.current), n.current = null);
     },
     [a]
   ), h = C(() => {
     n.current !== null && (cancelAnimationFrame(n.current), n.current = null);
-    for (const x of Array.from(t.current.keys()))
-      a(x);
-  }, [a]), D = C((x) => (i.current.add(x), () => {
-    i.current.delete(x);
+    for (const _ of Array.from(t.current.keys()))
+      a(_);
+  }, [a]), D = C((_) => (i.current.add(_), () => {
+    i.current.delete(_);
   }), []);
-  return R(() => () => {
+  return I(() => () => {
     if (h(), e.current) {
       try {
         e.current.close();
@@ -222,10 +222,10 @@ function Nr(e) {
   return t ? new MediaStream([t]) : null;
 }
 function Mr(e = {}) {
-  const t = e.gateUntilAgentReady ?? !1, n = e.agentState ?? null, [i, l] = M(t), [o, s] = M(""), [a, c] = M(null), u = I(null), m = I(null), p = I({
+  const t = e.gateUntilAgentReady ?? !1, n = e.agentState ?? null, [i, l] = M(t), [o, s] = M(""), [a, c] = M(null), u = T(null), m = T(null), p = T({
     active: t,
     lastAutoIntent: null
-  }), h = C(async (S) => {
+  }), h = C(async (E) => {
     var v, O;
     if (u.current && m.current) {
       try {
@@ -234,121 +234,121 @@ function Mr(e = {}) {
       }
       u.current.stop(), u.current = null;
     }
-    m.current = S, c(null);
+    m.current = E, c(null);
     try {
-      const g = await Cr({
+      const y = await Cr({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await S.localParticipant.publishTrack(g), u.current = g, p.current.active ? (await S.localParticipant.setMicrophoneEnabled(!1), p.current.lastAutoIntent = !1, l(!0)) : l(g.isMuted);
-      const z = (O = (v = g.mediaStreamTrack) == null ? void 0 : v.getSettings) == null ? void 0 : O.call(v);
+      await E.localParticipant.publishTrack(y), u.current = y, p.current.active ? (await E.localParticipant.setMicrophoneEnabled(!1), p.current.lastAutoIntent = !1, l(!0)) : l(y.isMuted);
+      const z = (O = (v = y.mediaStreamTrack) == null ? void 0 : v.getSettings) == null ? void 0 : O.call(v);
       z != null && z.deviceId && s(z.deviceId);
-    } catch (g) {
-      const z = g instanceof Error && g.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw c(z), g;
+    } catch (y) {
+      const z = y instanceof Error && y.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+      throw c(z), y;
     }
-  }, []), D = C((S) => {
-    m.current = S;
-  }, []), x = C(async (S) => {
+  }, []), D = C((E) => {
+    m.current = E;
+  }, []), _ = C(async (E) => {
     const v = m.current;
     if (v)
       try {
-        await v.switchActiveDevice("audioinput", S), s(S);
+        await v.switchActiveDevice("audioinput", E), s(E);
       } catch (O) {
         console.warn("[useMicrophoneState] switchDevice failed:", O);
       }
-  }, []), E = C(async () => {
-    const S = m.current, v = !i;
-    if (l(v), p.current.active = !1, !!S)
+  }, []), k = C(async () => {
+    const E = m.current, v = !i;
+    if (l(v), p.current.active = !1, !!E)
       try {
-        await S.localParticipant.setMicrophoneEnabled(!v);
+        await E.localParticipant.setMicrophoneEnabled(!v);
       } catch (O) {
         console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", O), l(!v);
       }
   }, [i]);
-  R(() => {
+  I(() => {
     if (!p.current.active || n !== "listening") return;
-    const S = m.current, v = S == null ? void 0 : S.localParticipant;
+    const E = m.current, v = E == null ? void 0 : E.localParticipant;
     if (!v) {
       p.current.active = !1;
       return;
     }
     v.isMicrophoneEnabled === p.current.lastAutoIntent && (v.setMicrophoneEnabled(!0), p.current.lastAutoIntent = !0, l(!1)), p.current.active = !1;
   }, [n]);
-  const y = C(() => {
-    const S = u.current, v = m.current;
-    if (S && v) {
+  const g = C(() => {
+    const E = u.current, v = m.current;
+    if (E && v) {
       try {
-        v.localParticipant.unpublishTrack(S);
+        v.localParticipant.unpublishTrack(E);
       } catch {
       }
-      S.stop();
+      E.stop();
     }
     u.current = null, m.current = null, p.current = { active: t, lastAutoIntent: null }, l(t), s("");
-  }, [t]), w = C(() => c(null), []), T = C(() => Nr(u.current), []);
+  }, [t]), w = C(() => c(null), []), R = C(() => Nr(u.current), []);
   return {
     isMuted: i,
     activeDeviceId: o,
     micError: a,
-    toggleMute: E,
+    toggleMute: k,
     setupMic: h,
     attachRoom: D,
-    switchDevice: x,
-    teardownMic: y,
+    switchDevice: _,
+    teardownMic: g,
     clearError: w,
-    getMicStream: T
+    getMicStream: R
   };
 }
 const Ir = { resolution: { width: 640, height: 480, frameRate: 24 } };
 function Tr() {
-  const [e, t] = M(!1), [n, i] = M(null), [l, o] = M(null), [s, a] = M(""), c = I(null), u = I(null), m = C((w) => {
+  const [e, t] = M(!1), [n, i] = M(null), [l, o] = M(null), [s, a] = M(""), c = T(null), u = T(null), m = C((w) => {
     c.current = w;
   }, []), p = C(() => {
-    var S;
-    const w = c.current, T = u.current;
-    if (T && w) {
-      const v = w.localParticipant.getTrackPublication(qn.Source.Camera), g = (v == null ? void 0 : v.track) ?? T;
+    var E;
+    const w = c.current, R = u.current;
+    if (R && w) {
+      const v = w.localParticipant.getTrackPublication(jn.Source.Camera), y = (v == null ? void 0 : v.track) ?? R;
       try {
-        w.localParticipant.unpublishTrack(g);
+        w.localParticipant.unpublishTrack(y);
       } catch {
       }
       try {
-        (S = g.stop) == null || S.call(g);
+        (E = y.stop) == null || E.call(y);
       } catch {
       }
     }
     u.current = null, o(null), t(!1);
   }, []), h = C(async (w) => {
-    const T = c.current;
-    if (T) {
+    const R = c.current;
+    if (R) {
       i(null);
       try {
-        const S = { ...Ir };
-        w && (S.deviceId = w);
-        const v = await kr(S);
-        await T.localParticipant.publishTrack(v), u.current = v;
+        const E = { ...Ir };
+        w && (E.deviceId = w);
+        const v = await kr(E);
+        await R.localParticipant.publishTrack(v), u.current = v;
         const O = v.attach();
         o(O), t(!0), w && a(w);
         try {
-          T.localParticipant.publishData(
+          R.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
-      } catch (S) {
-        const v = S instanceof Error && S.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+      } catch (E) {
+        const v = E instanceof Error && E.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
         i(v);
       }
     }
   }, []), D = C(async () => {
     e ? p() : await h(s || void 0);
-  }, [e, s, p, h]), x = C(async (w) => {
+  }, [e, s, p, h]), _ = C(async (w) => {
     p(), await h(w);
-  }, [p, h]), E = C(() => {
+  }, [p, h]), k = C(() => {
     p(), c.current = null, i(null), a("");
-  }, [p]), y = C(() => i(null), []);
-  return R(() => () => {
+  }, [p]), g = C(() => i(null), []);
+  return I(() => () => {
     u.current && u.current.stop();
   }, []), {
     isEnabled: e,
@@ -356,14 +356,14 @@ function Tr() {
     previewEl: l,
     activeDeviceId: s,
     toggle: D,
-    switchDevice: x,
+    switchDevice: _,
     attachRoom: m,
-    teardown: E,
-    clearError: y
+    teardown: k,
+    clearError: g
   };
 }
 function Rr() {
-  const [e, t] = M(!1), [n, i] = M(null), [l, o] = M(null), s = I(null), a = C((h) => {
+  const [e, t] = M(!1), [n, i] = M(null), [l, o] = M(null), s = T(null), a = C((h) => {
     s.current = h;
   }, []), c = C(() => o(null), []), u = C(async () => {
     const h = s.current;
@@ -380,11 +380,11 @@ function Rr() {
       try {
         await h.localParticipant.setScreenShareEnabled(!0);
         let D = 0;
-        const x = () => {
-          const E = h.localParticipant.getTrackPublication(qn.Source.ScreenShare);
-          if (E != null && E.track) {
-            const y = E.track.attach();
-            o(y), t(!0);
+        const _ = () => {
+          const k = h.localParticipant.getTrackPublication(jn.Source.ScreenShare);
+          if (k != null && k.track) {
+            const g = k.track.attach();
+            o(g), t(!0);
             try {
               h.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
@@ -394,12 +394,12 @@ function Rr() {
             }
             return;
           }
-          D++ < 10 ? setTimeout(x, 100) : t(!0);
+          D++ < 10 ? setTimeout(_, 100) : t(!0);
         };
-        x();
+        _();
       } catch (D) {
-        const x = D instanceof Error ? D.name : "";
-        x !== "NotAllowedError" && x !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
+        const _ = D instanceof Error ? D.name : "";
+        _ !== "NotAllowedError" && _ !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
   }, [e, c]), m = C(() => {
@@ -422,7 +422,7 @@ function Dr() {
       } catch {
       }
   }, []);
-  return R(() => {
+  return I(() => {
     if (l(), typeof navigator > "u" || !navigator.mediaDevices) return;
     const o = () => void l();
     return navigator.mediaDevices.addEventListener("devicechange", o), () => navigator.mediaDevices.removeEventListener("devicechange", o);
@@ -430,7 +430,7 @@ function Dr() {
 }
 function Pr(e, t, n = !1) {
   const [i, l] = M(null), [o, s] = M(null), [a, c] = M(!n && !!e);
-  return R(() => {
+  return I(() => {
     if (n || !e) {
       c(!1);
       return;
@@ -451,7 +451,7 @@ function Pr(e, t, n = !1) {
     }), () => u.abort();
   }, [e, t, n]), { info: i, error: o, loading: a };
 }
-function Un(e) {
+function Vn(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -459,7 +459,7 @@ function Un(e) {
     return null;
   }
 }
-function jn(e, t) {
+function Yn(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
@@ -497,23 +497,23 @@ function Fr({
   persistKey: i = "ll-widget",
   disablePersistence: l = !1
 } = {}) {
-  const o = `${i}:display-mode`, s = I(!1), [a, c] = $r({
+  const o = `${i}:display-mode`, s = T(!1), [a, c] = $r({
     value: e,
     defaultValue: t,
     onChange: (u) => {
-      e === void 0 && !l && jn(o, u), n == null || n(u);
+      e === void 0 && !l && Yn(o, u), n == null || n(u);
     }
   });
-  return R(() => {
+  return I(() => {
     if (s.current || (s.current = !0, l || e !== void 0)) return;
-    const u = Or(Un(o));
+    const u = Or(Vn(o));
     u && u !== a && c(u);
   }, []), [a, c];
 }
 const Br = 640;
 function Wr(e = Br) {
   const [t, n] = M(!1);
-  return R(() => {
+  return I(() => {
     if (e === !1) {
       n(!1);
       return;
@@ -527,7 +527,7 @@ function Wr(e = Br) {
   }, [e]), t;
 }
 const qr = 280, Ur = 380, jr = 8, Vr = 4;
-function Ut(e) {
+function jt(e) {
   return `${e}:geometry`;
 }
 function Yr(e) {
@@ -542,17 +542,17 @@ function Yr(e) {
   const n = t, { top: i, left: l, width: o, height: s } = n;
   return typeof i != "number" || typeof l != "number" || typeof o != "number" || typeof s != "number" || !Number.isFinite(i) || !Number.isFinite(l) || !Number.isFinite(o) || !Number.isFinite(s) ? null : { top: i, left: l, width: o, height: s };
 }
-function At() {
+function It() {
   return typeof window > "u" ? { vw: 0, vh: 0 } : { vw: window.innerWidth, vh: window.innerHeight };
 }
-function jt(e, t, n) {
+function Vt(e, t, n) {
   const { minWidth: i, minHeight: l, edgeMargin: o, vw: s, vh: a } = n, c = Math.max(i, s - o * 2), u = Math.max(l, a - o * 2);
   return {
     width: Math.max(i, Math.min(c, e)),
     height: Math.max(l, Math.min(u, t))
   };
 }
-function Vt(e, t, n, i, l) {
+function Yt(e, t, n, i, l) {
   const { edgeMargin: o, vw: s, vh: a } = l, c = o, u = o, m = Math.max(c, s - n - o), p = Math.max(u, a - i - o);
   return {
     top: Math.max(u, Math.min(p, e)),
@@ -568,43 +568,43 @@ function Gr(e) {
     minWidth: o = qr,
     minHeight: s = Ur,
     edgeMargin: a = jr
-  } = e, [c, u] = M(null), [m, p] = M(!1), [h, D] = M(!1), x = I(null), E = I(null), y = I(!1), w = I(null);
+  } = e, [c, u] = M(null), [m, p] = M(!1), [h, D] = M(!1), _ = T(null), k = T(null), g = T(!1), w = T(null);
   w.current = c;
-  const T = C(
+  const R = C(
     (f) => {
-      l || (f === null ? zr(Ut(i)) : jn(Ut(i), JSON.stringify(f)));
+      l || (f === null ? zr(jt(i)) : Yn(jt(i), JSON.stringify(f)));
     },
     [l, i]
   );
-  R(() => {
-    if (y.current || (y.current = !0, l)) return;
-    const f = Yr(Un(Ut(i)));
+  I(() => {
+    if (g.current || (g.current = !0, l)) return;
+    const f = Yr(Vn(jt(i)));
     if (!f) return;
-    const { vw: A, vh: $ } = At(), q = jt(f.width, f.height, {
+    const { vw: A, vh: $ } = It(), q = Vt(f.width, f.height, {
       minWidth: o,
       minHeight: s,
       edgeMargin: a,
       vw: A,
       vh: $
-    }), X = Vt(f.top, f.left, q.width, q.height, {
+    }), X = Yt(f.top, f.left, q.width, q.height, {
       edgeMargin: a,
       vw: A,
       vh: $
     });
     u({ ...X, ...q });
-  }, []), R(() => {
+  }, []), I(() => {
     if (typeof window > "u") return;
     const f = () => {
       u((A) => {
         if (A === null) return null;
-        const { vw: $, vh: q } = At(), X = jt(A.width, A.height, {
+        const { vw: $, vh: q } = It(), X = Vt(A.width, A.height, {
           minWidth: o,
           minHeight: s,
           edgeMargin: a,
           vw: $,
           vh: q
         });
-        return { ...Vt(A.top, A.left, X.width, X.height, {
+        return { ...Yt(A.top, A.left, X.width, X.height, {
           edgeMargin: a,
           vw: $,
           vh: q
@@ -613,7 +613,7 @@ function Gr(e) {
     };
     return window.addEventListener("resize", f), () => window.removeEventListener("resize", f);
   }, [o, s, a]);
-  const S = C(
+  const E = C(
     (f) => {
       if (!t || f.pointerType === "mouse" && f.button !== 0) return;
       const A = f.target;
@@ -632,7 +632,7 @@ function Gr(e) {
         f.currentTarget.setPointerCapture(f.pointerId);
       } catch {
       }
-      x.current = {
+      _.current = {
         startClientX: f.clientX,
         startClientY: f.clientY,
         startTop: $,
@@ -645,11 +645,11 @@ function Gr(e) {
     [t]
   ), v = C(
     (f) => {
-      const A = x.current;
+      const A = _.current;
       if (!A) return;
       const $ = f.clientX - A.startClientX, q = f.clientY - A.startClientY;
       if (!A.moved && Math.abs($) + Math.abs(q) > Vr && (A.moved = !0, p(!0)), !A.moved) return;
-      const { vw: X, vh: ee } = At(), V = Vt(
+      const { vw: X, vh: ee } = It(), V = Yt(
         A.startTop + q,
         A.startLeft + $,
         A.width,
@@ -661,19 +661,19 @@ function Gr(e) {
     [a]
   ), O = C(
     (f) => {
-      const A = x.current;
+      const A = _.current;
       if (A) {
         try {
           f.currentTarget.releasePointerCapture(f.pointerId);
         } catch {
         }
-        x.current = null, A.moved && (p(!1), u(($) => ($ && T($), $)));
+        _.current = null, A.moved && (p(!1), u(($) => ($ && R($), $)));
       }
     },
-    [T]
-  ), g = C(() => {
-    x.current = null, E.current = null, p(!1), D(!1), u(null), T(null);
-  }, [T]), z = C(
+    [R]
+  ), y = C(() => {
+    _.current = null, k.current = null, p(!1), D(!1), u(null), R(null);
+  }, [R]), z = C(
     (f) => {
       if (!n || f.pointerType === "mouse" && f.button !== 0) return;
       f.stopPropagation();
@@ -690,7 +690,7 @@ function Gr(e) {
         f.currentTarget.setPointerCapture(f.pointerId);
       } catch {
       }
-      E.current = {
+      k.current = {
         startClientX: f.clientX,
         startClientY: f.clientY,
         startWidth: q,
@@ -702,9 +702,9 @@ function Gr(e) {
     [n]
   ), B = C(
     (f) => {
-      const A = E.current;
+      const A = k.current;
       if (!A) return;
-      const $ = f.clientX - A.startClientX, q = f.clientY - A.startClientY, { vw: X, vh: ee } = At(), V = X - A.left - a, te = ee - A.top - a, oe = jt(A.startWidth + $, A.startHeight + q, {
+      const $ = f.clientX - A.startClientX, q = f.clientY - A.startClientY, { vw: X, vh: ee } = It(), V = X - A.left - a, te = ee - A.top - a, oe = Vt(A.startWidth + $, A.startHeight + q, {
         minWidth: o,
         minHeight: s,
         edgeMargin: a,
@@ -718,15 +718,15 @@ function Gr(e) {
     [a, o, s]
   ), K = C(
     (f) => {
-      if (E.current) {
+      if (k.current) {
         try {
           f.currentTarget.releasePointerCapture(f.pointerId);
         } catch {
         }
-        E.current = null, D(!1), u(($) => ($ && T($), $));
+        k.current = null, D(!1), u(($) => ($ && R($), $));
       }
     },
-    [T]
+    [R]
   );
   return {
     style: c === null ? {} : {
@@ -742,11 +742,11 @@ function Gr(e) {
     isDragging: m,
     isResizing: h,
     dragHandleProps: {
-      onPointerDown: S,
+      onPointerDown: E,
       onPointerMove: v,
       onPointerUp: O,
       onPointerCancel: O,
-      onDoubleClick: g,
+      onDoubleClick: y,
       "data-ll-drag-handle": t ? "" : void 0
     },
     resizeHandleProps: {
@@ -756,46 +756,46 @@ function Gr(e) {
       onPointerCancel: K,
       "data-ll-resize-handle": n ? "" : void 0
     },
-    reset: g
+    reset: y
   };
 }
-const vn = "__llHistoryPatched", It = "ll:pathname";
+const wn = "__llHistoryPatched", Dt = "ll:pathname";
 function Xr() {
-  if (typeof window > "u" || window.history[vn]) return;
+  if (typeof window > "u" || window.history[wn]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...n) {
     const i = e.apply(this, n);
-    return window.dispatchEvent(new Event(It)), i;
+    return window.dispatchEvent(new Event(Dt)), i;
   }, window.history.replaceState = function(...n) {
     const i = t.apply(this, n);
-    return window.dispatchEvent(new Event(It)), i;
-  }, window.history[vn] = !0;
+    return window.dispatchEvent(new Event(Dt)), i;
+  }, window.history[wn] = !0;
 }
-function bn() {
+function _n() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
 function Kr(e) {
   const [t, n] = M(
-    () => e ?? bn()
+    () => e ?? _n()
   );
-  return R(() => {
+  return I(() => {
     if (e !== void 0) return;
     Xr();
-    const i = () => n(bn());
-    return i(), window.addEventListener("popstate", i), window.addEventListener(It, i), () => {
-      window.removeEventListener("popstate", i), window.removeEventListener(It, i);
+    const i = () => n(_n());
+    return i(), window.addEventListener("popstate", i), window.addEventListener(Dt, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(Dt, i);
     };
   }, [e]), e ?? t;
 }
-const wn = /* @__PURE__ */ new Map(), Jr = /[\\^$+?.()|{}[\]]/g;
+const xn = /* @__PURE__ */ new Map(), Jr = /[\\^$+?.()|{}[\]]/g;
 function Zr(e) {
   return e.replace(Jr, "\\$&");
 }
 function Qr(e) {
-  const t = wn.get(e);
+  const t = xn.get(e);
   if (t) return t;
   const n = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", l = "", o = n.replace(/\*\*/g, i).replace(/\*/g, l), a = Zr(o).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(l, "g"), "[^/]+"), c = new RegExp(`^${a}\\/?$`);
-  return wn.set(e, c), c;
+  return xn.set(e, c), c;
 }
 function ei(e, t) {
   const n = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
@@ -804,17 +804,17 @@ function ei(e, t) {
 function ti(e, t) {
   return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : ei(e, t);
 }
-function _n(e, t) {
+function Ln(e, t) {
   if (!e || e.length === 0) return !1;
   for (const n of e)
     if (ti(n, t)) return !0;
   return !1;
 }
 function ni(e, t, n) {
-  return e === void 0 ? !0 : _n(n, e) ? !1 : t && t.length > 0 ? _n(t, e) : !0;
+  return e === void 0 ? !0 : Ln(n, e) ? !1 : t && t.length > 0 ? Ln(t, e) : !0;
 }
 function ri(e, t, n) {
-  return rt(
+  return it(
     () => ni(e, t, n),
     [e, t, n]
   );
@@ -827,7 +827,7 @@ function ii(e) {
   };
 }
 function oi(e) {
-  const t = rt(() => ii(e.config), [e.config]), n = e.baseUrl.replace(/\/+$/, ""), i = I(null), l = C(
+  const t = it(() => ii(e.config), [e.config]), n = e.baseUrl.replace(/\/+$/, ""), i = T(null), l = C(
     (c) => {
       try {
         new Audio(`${n}${c}`).play().catch(() => {
@@ -871,7 +871,7 @@ function oi(e) {
     },
     [n, t.thinking]
   );
-  return R(() => () => {
+  return I(() => () => {
     if (i.current) {
       try {
         i.current.pause();
@@ -879,12 +879,12 @@ function oi(e) {
       }
       i.current = null;
     }
-  }, []), rt(
+  }, []), it(
     () => ({ playPageChange: o, playConfirmation: s, setThinking: a }),
     [o, s, a]
   );
 }
-const xn = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ k(
+const Cn = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ S(
   "svg",
   {
     className: t,
@@ -930,7 +930,7 @@ const xn = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ k(
       }
     )
   }
-), Ln = ({ className: e }) => /* @__PURE__ */ r(
+), kn = ({ className: e }) => /* @__PURE__ */ r(
   "svg",
   {
     className: e,
@@ -964,7 +964,7 @@ const xn = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ k(
   right: 0,
   up: -90,
   down: 90
-}, Cn = ({ direction: e = "right", className: t }) => /* @__PURE__ */ r(
+}, Sn = ({ direction: e = "right", className: t }) => /* @__PURE__ */ r(
   "svg",
   {
     className: t,
@@ -980,11 +980,11 @@ const xn = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ k(
 function si(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const Vn = "ll-hidden-tab-center-y", ci = 5, kn = 16;
+const Gn = "ll-hidden-tab-center-y", ci = 5, En = 16;
 function ui() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(Vn);
+    const e = window.localStorage.getItem(Gn);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -992,10 +992,10 @@ function ui() {
     return null;
   }
 }
-function Sn(e) {
+function An(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Vn, String(e));
+      window.localStorage.setItem(Gn, String(e));
     } catch {
     }
 }
@@ -1009,26 +1009,26 @@ const di = ({
   agentName: s,
   containerEl: a
 }) => {
-  const c = si(e), u = c === "right" ? "left" : "right", m = t ? 80 : 72, p = !!o, h = !!a, [D, x] = M(null), [E, y] = M(!1), w = I(null), T = I(!1), S = C(
+  const c = si(e), u = c === "right" ? "left" : "right", m = t ? 80 : 72, p = !!o, h = !!a, [D, _] = M(null), [k, g] = M(!1), w = T(null), R = T(!1), E = C(
     (H) => {
       if (typeof window > "u") return H;
-      const G = m / 2, f = kn + G, A = window.innerHeight - kn - G;
+      const G = m / 2, f = En + G, A = window.innerHeight - En - G;
       return A < f ? Math.max(f, H) : Math.max(f, Math.min(A, H));
     },
     [m]
   );
-  R(() => {
+  I(() => {
     if (h) {
-      x(null);
+      _(null);
       return;
     }
     const H = ui();
-    x(S(H ?? window.innerHeight / 2));
+    _(E(H ?? window.innerHeight / 2));
     const G = () => {
-      x((f) => f === null ? null : S(f));
+      _((f) => f === null ? null : E(f));
     };
     return window.addEventListener("resize", G), () => window.removeEventListener("resize", G);
-  }, [S, h]);
+  }, [E, h]);
   const v = C(
     (H) => {
       if (!h && !(H.pointerType === "mouse" && H.button !== 0) && D !== null) {
@@ -1049,10 +1049,10 @@ const di = ({
       const G = w.current;
       if (!G) return;
       const f = H.clientY - G.startClientY;
-      !G.moved && Math.abs(f) > ci && (G.moved = !0, y(!0)), G.moved && x(S(G.startCenterY + f));
+      !G.moved && Math.abs(f) > ci && (G.moved = !0, g(!0)), G.moved && _(E(G.startCenterY + f));
     },
-    [S]
-  ), g = C(
+    [E]
+  ), y = C(
     (H) => {
       const G = w.current;
       if (G) {
@@ -1060,13 +1060,13 @@ const di = ({
           H.currentTarget.releasePointerCapture(H.pointerId);
         } catch {
         }
-        w.current = null, G.moved && (y(!1), T.current = !0, x((f) => (f !== null && Sn(f), f)));
+        w.current = null, G.moved && (g(!1), R.current = !0, _((f) => (f !== null && An(f), f)));
       }
     },
     []
   ), z = C(() => {
-    if (T.current) {
-      T.current = !1;
+    if (R.current) {
+      R.current = !1;
       return;
     }
     i();
@@ -1075,23 +1075,23 @@ const di = ({
       if (H.key === "ArrowUp" || H.key === "ArrowDown") {
         H.preventDefault();
         const G = H.key === "ArrowUp" ? -8 : 8;
-        x((f) => {
+        _((f) => {
           if (f === null) return f;
-          const A = S(f + G);
-          return Sn(A), A;
+          const A = E(f + G);
+          return An(A), A;
         });
       }
     },
-    [S]
+    [E]
   ), K = [
     "ll-hidden",
     `ll-hidden--${c}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     n ? "ll-hidden--speaking" : null,
-    E ? "is-dragging" : null,
+    k ? "is-dragging" : null,
     p ? "ll-hidden--with-avatar" : null,
     h ? "ll-hidden--scoped" : null
-  ].filter(Boolean).join(" "), ae = D === null ? void 0 : { top: `${D - m / 2}px`, transform: "none" };
+  ].filter(Boolean).join(" "), le = D === null ? void 0 : { top: `${D - m / 2}px`, transform: "none" };
   return /* @__PURE__ */ r(
     "button",
     {
@@ -1099,21 +1099,21 @@ const di = ({
       className: K,
       onPointerDown: v,
       onPointerMove: O,
-      onPointerUp: g,
-      onPointerCancel: g,
+      onPointerUp: y,
+      onPointerCancel: y,
       onClick: z,
       onKeyDown: B,
       "aria-label": l,
       "data-position": e,
-      style: ae,
+      style: le,
       children: p ? (
         // 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__ */ k(We, { children: [
+        /* @__PURE__ */ S(We, { children: [
           /* @__PURE__ */ r(
-            Cn,
+            Sn,
             {
               direction: u,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
@@ -1130,7 +1130,7 @@ const di = ({
           )
         ] })
       ) : /* @__PURE__ */ r(
-        Cn,
+        Sn,
         {
           direction: u,
           className: "ll-hidden__chevron"
@@ -1146,16 +1146,16 @@ const di = ({
   className: l,
   barClassName: o
 }) => {
-  const s = I(null), a = I([]), c = rt(() => {
+  const s = T(null), a = T([]), c = it(() => {
     const m = (Math.sqrt(5) - 1) / 2;
     return Array.from({ length: t }, (p, h) => 0.5 + h * m % 1 * 0.5);
   }, [t]);
-  R(() => e.subscribe((p) => {
+  I(() => e.subscribe((p) => {
     for (let h = 0; h < t; h++) {
       const D = a.current[h];
       if (!D) continue;
-      const x = Math.max(i, p * n * c[h]);
-      D.style.height = `${x}px`;
+      const _ = Math.max(i, p * n * c[h]);
+      D.style.height = `${_}px`;
     }
   }), [e, t, n, i, c]);
   const u = ["ll-waveform", l].filter(Boolean).join(" ");
@@ -1187,7 +1187,7 @@ const di = ({
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${n} widget`,
-    children: /* @__PURE__ */ k(
+    children: /* @__PURE__ */ S(
       "button",
       {
         type: "button",
@@ -1216,7 +1216,7 @@ const di = ({
             }
           ),
           /* @__PURE__ */ r("span", { className: "ll-minimized__name", children: n }),
-          /* @__PURE__ */ k("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ S("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ r(
               "span",
               {
@@ -1230,10 +1230,10 @@ const di = ({
                   (m.key === "Enter" || m.key === " ") && (m.stopPropagation(), m.preventDefault(), c());
                 },
                 "aria-label": o ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ r(xn, { muted: o, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ r(Cn, { muted: o, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ r(Ln, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ r(kn, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -1246,7 +1246,7 @@ const di = ({
     "data-position": e,
     role: "region",
     "aria-label": `${n} widget`,
-    children: /* @__PURE__ */ k("div", { className: "ll-minimized__surface", children: [
+    children: /* @__PURE__ */ S("div", { className: "ll-minimized__surface", children: [
       i ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ r(
@@ -1258,11 +1258,11 @@ const di = ({
           }
         )
       ) : /* @__PURE__ */ r("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ k("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ S("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ r("span", { className: "ll-minimized__name", children: n }),
         /* @__PURE__ */ r("span", { className: "ll-minimized__state", children: l === "speaking" ? "Speaking" : l === "thinking" ? "Thinking" : "Listening" })
       ] }),
-      /* @__PURE__ */ k("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ S("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ r(
           "button",
           {
@@ -1270,7 +1270,7 @@ const di = ({
             className: "ll-minimized__btn",
             onClick: c,
             "aria-label": o ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ r(xn, { muted: o, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ r(Cn, { muted: o, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ r(
@@ -1280,7 +1280,7 @@ const di = ({
             className: "ll-minimized__btn",
             onClick: a,
             "aria-label": `Expand ${n} widget`,
-            children: /* @__PURE__ */ r(Ln, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ r(kn, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ r(
@@ -1303,8 +1303,8 @@ const di = ({
   className: i,
   style: l
 }) => {
-  const [o, s] = M(!1), a = I(e);
-  if (R(() => {
+  const [o, s] = M(!1), a = T(e);
+  if (I(() => {
     a.current !== e && (a.current = e, s(!1));
   }, [e]), !e) return null;
   const c = {
@@ -1340,7 +1340,7 @@ function gi({
   className: t,
   fill: n = mi
 }) {
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ S(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1376,14 +1376,14 @@ function gi({
     }
   );
 }
-const yi = 8, En = 8, vi = ({
+const yi = 8, Nn = 8, vi = ({
   open: e,
   onClose: t,
   anchorRef: n,
   children: i
 }) => {
-  const l = I(null), [o, s] = M(null);
-  return Wn(() => {
+  const l = T(null), [o, s] = M(null);
+  return Un(() => {
     if (!e) {
       s(null);
       return;
@@ -1394,13 +1394,13 @@ const yi = 8, En = 8, vi = ({
       const u = a.getBoundingClientRect(), m = {
         top: u.top - yi,
         left: u.left + u.width / 2
-      }, p = En + 90, h = window.innerWidth - En - 90;
+      }, p = Nn + 90, h = window.innerWidth - Nn - 90;
       m.left < p && (m.left = p), m.left > h && (m.left = h), s(m);
     };
     return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
       window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [e, n]), R(() => {
+  }, [e, n]), I(() => {
     if (!e) return;
     const a = (u) => {
       const m = u.target, p = l.current, h = n.current;
@@ -1411,7 +1411,7 @@ const yi = 8, En = 8, vi = ({
     return document.addEventListener("mousedown", a), document.addEventListener("keydown", c), () => {
       document.removeEventListener("mousedown", a), document.removeEventListener("keydown", c);
     };
-  }, [e, t, n]), !e || o === null || typeof document > "u" ? null : Qt(
+  }, [e, t, n]), !e || o === null || typeof document > "u" ? null : en(
     /* @__PURE__ */ r(
       "div",
       {
@@ -1447,9 +1447,9 @@ const yi = 8, En = 8, vi = ({
   onToggleTyping: h,
   onDisconnect: D
 }) => {
-  const [x, E] = M(!1), y = I(null);
-  return /* @__PURE__ */ k(We, { children: [
-    /* @__PURE__ */ k(
+  const [_, k] = M(!1), g = T(null);
+  return /* @__PURE__ */ S(We, { children: [
+    /* @__PURE__ */ S(
       "div",
       {
         className: "ll-toolbar ll-toolbar--compact",
@@ -1463,19 +1463,19 @@ const yi = 8, En = 8, vi = ({
               className: `ll-tool ${e ? "is-muted" : ""}`,
               onClick: t,
               "aria-label": e ? "Unmute microphone" : "Mute microphone",
-              children: /* @__PURE__ */ r(Xn, { muted: e })
+              children: /* @__PURE__ */ r(Jn, { muted: e })
             }
           ),
           /* @__PURE__ */ r(
             "button",
             {
-              ref: y,
+              ref: g,
               type: "button",
-              className: `ll-tool ${x ? "is-on" : ""}`,
-              onClick: () => E((w) => !w),
+              className: `ll-tool ${_ ? "is-on" : ""}`,
+              onClick: () => k((w) => !w),
               "aria-label": "More controls",
               "aria-haspopup": "menu",
-              "aria-expanded": x,
+              "aria-expanded": _,
               children: /* @__PURE__ */ r(wi, {})
             }
           ),
@@ -1486,68 +1486,68 @@ const yi = 8, En = 8, vi = ({
               className: "ll-tool ll-tool--danger",
               onClick: D,
               "aria-label": "End conversation",
-              children: /* @__PURE__ */ r(Jn, {})
+              children: /* @__PURE__ */ r(Qn, {})
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ k(
+    /* @__PURE__ */ S(
       vi,
       {
-        open: x,
-        onClose: () => E(!1),
-        anchorRef: y,
+        open: _,
+        onClose: () => k(!1),
+        anchorRef: g,
         children: [
-          l && /* @__PURE__ */ k(
+          l && /* @__PURE__ */ S(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${n ? "is-on" : ""}`,
               onClick: () => {
-                i(), E(!1);
+                i(), k(!1);
               },
               children: [
-                /* @__PURE__ */ r(Gn, {}),
+                /* @__PURE__ */ r(Kn, {}),
                 /* @__PURE__ */ r("span", { children: n ? "Stop camera" : "Start camera" })
               ]
             }
           ),
-          a && /* @__PURE__ */ k(
+          a && /* @__PURE__ */ S(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${o ? "is-on" : ""}`,
               onClick: () => {
-                s(), E(!1);
+                s(), k(!1);
               },
               children: [
-                /* @__PURE__ */ r(Yn, {}),
+                /* @__PURE__ */ r(Xn, {}),
                 /* @__PURE__ */ r("span", { children: o ? "Stop sharing" : "Share screen" })
               ]
             }
           ),
-          /* @__PURE__ */ k(
+          /* @__PURE__ */ S(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${c ? "is-on" : ""}`,
               onClick: () => {
-                u(), E(!1);
+                u(), k(!1);
               },
               children: [
-                /* @__PURE__ */ r(Kn, { muted: c }),
+                /* @__PURE__ */ r(Zn, { muted: c }),
                 /* @__PURE__ */ r("span", { children: c ? "Unmute speaker" : "Mute speaker" })
               ]
             }
           ),
-          m && /* @__PURE__ */ k(
+          m && /* @__PURE__ */ S(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${p ? "is-on" : ""}`,
               onClick: () => {
-                h(), E(!1);
+                h(), k(!1);
               },
               children: [
                 /* @__PURE__ */ r(_i, {}),
@@ -1555,7 +1555,7 @@ const yi = 8, En = 8, vi = ({
               ]
             }
           ),
-          /* @__PURE__ */ k(
+          /* @__PURE__ */ S(
             "button",
             {
               type: "button",
@@ -1574,7 +1574,7 @@ const yi = 8, En = 8, vi = ({
   ] });
 };
 function wi() {
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ S(
     "svg",
     {
       width: "16",
@@ -1622,19 +1622,19 @@ const xi = ({
   onToggleTeamSwitcher: p,
   onSelectTeamMember: h,
   languageMenuOpen: D,
-  onToggleLanguageMenu: x,
-  connectionState: E,
-  agentState: y,
+  onToggleLanguageMenu: _,
+  connectionState: k,
+  agentState: g,
   transcript: w,
-  canResume: T,
-  needsUserGesture: S,
+  canResume: R,
+  needsUserGesture: E,
   error: v,
   isMuted: O,
-  micError: g,
+  micError: y,
   micDevices: z,
   activeMicId: B,
   isCameraEnabled: K,
-  cameraPreviewEl: ae,
+  cameraPreviewEl: le,
   cameraDevices: H,
   activeCameraId: G,
   isScreenShareEnabled: f,
@@ -1651,100 +1651,106 @@ const xi = ({
   transformingLabel: Q,
   avatarVideoContainerRef: _e,
   agentVideoEl: ne,
-  onConnect: it,
-  onDisconnect: ot,
-  onRetry: yt,
-  onResumeAudio: vt,
-  onToggleMute: lt,
-  onSwitchMicDevice: bt,
+  onConnect: ot,
+  onDisconnect: lt,
+  onRetry: vt,
+  onResumeAudio: bt,
+  onToggleMute: at,
+  onSwitchMicDevice: wt,
   onToggleCamera: qe,
   onSwitchCameraDevice: Ue,
-  onToggleScreenShare: Re,
-  onToggleSpeaker: De,
-  onSendMessage: Pe,
-  onMinimize: ze,
-  onClose: $e,
+  onToggleScreenShare: De,
+  onToggleSpeaker: Pe,
+  onSendMessage: ze,
+  onMinimize: $e,
+  onClose: He,
   onClearMicError: je,
-  dragHandleProps: He,
+  dragHandleProps: Oe,
   resizeHandleProps: F
 }) => {
-  var ut;
-  const Oe = ((a == null ? void 0 : a.length) ?? 0) > 1, Ve = E === "connecting" || E === "connected", xe = E === "connected", wt = E === "idle" || E === "disconnected" || E === "error", [Fe, Ae] = M(!1);
-  R(() => {
+  var St;
+  const Fe = ((a == null ? void 0 : a.length) ?? 0) > 1, Ve = k === "connecting" || k === "connected", xe = k === "connected", _t = k === "idle" || k === "disconnected" || k === "error", [st, Me] = M(!1);
+  I(() => {
     if (!ne) {
-      Ae(!1);
+      Me(!1);
       return;
     }
     if (!ne.paused && ne.readyState >= 2) {
-      Ae(!0);
+      Me(!0);
       return;
     }
-    Ae(!1);
-    const _ = () => Ae(!0);
-    return ne.addEventListener("playing", _), ne.addEventListener("loadeddata", _), () => {
-      ne.removeEventListener("playing", _), ne.removeEventListener("loadeddata", _);
+    Me(!1);
+    const x = () => Me(!0);
+    return ne.addEventListener("playing", x), ne.addEventListener("loadeddata", x), () => {
+      ne.removeEventListener("playing", x), ne.removeEventListener("loadeddata", x);
     };
   }, [ne]);
-  const [Rt, _t] = M(!1);
-  R(() => {
+  const [zt, xt] = M(!1);
+  I(() => {
+    g === "speaking" && xt(!0);
+  }, [g]), I(() => {
+    (k === "disconnected" || k === "idle") && xt(!1);
+  }, [k]);
+  const Ae = zt && st, [de, ct] = M(!1);
+  I(() => {
     if (!xe) {
-      _t(!1);
+      ct(!1);
       return;
     }
-    if (Fe) return;
-    const _ = setTimeout(() => _t(!0), 8e3);
-    return () => clearTimeout(_);
-  }, [xe, Fe]);
-  const Be = E === "connecting" || xe && !!i && !Fe && !Rt, ue = I(null), at = I(null);
-  R(() => {
-    const _ = ue.current;
-    _ && (_.innerHTML = "", ae && (ae.style.width = "100%", ae.style.height = "100%", ae.style.objectFit = "cover", ae.style.transform = "scaleX(-1)", _.appendChild(ae)));
-  }, [ae]), R(() => {
-    const _ = at.current;
-    _ && (_.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "contain", _.appendChild(A)));
+    if (Ae) return;
+    const x = setTimeout(() => ct(!0), 12e3);
+    return () => clearTimeout(x);
+  }, [xe, Ae]);
+  const fe = k === "connecting" || xe && !Ae && !de, ge = T(null), Lt = T(null);
+  I(() => {
+    const x = ge.current;
+    x && (x.innerHTML = "", le && (le.style.width = "100%", le.style.height = "100%", le.style.objectFit = "cover", le.style.transform = "scaleX(-1)", x.appendChild(le)));
+  }, [le]), I(() => {
+    const x = Lt.current;
+    x && (x.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "contain", x.appendChild(A)));
   }, [A]);
-  const [le, pe] = M(!1), [Ye, Ge] = M(!1), ge = I(null), Le = I(null);
-  R(() => {
-    if (!le && !Ye && !D && !m) return;
-    const _ = () => {
-      pe(!1), Ge(!1), D && x(), m && p();
+  const [Ye, pe] = M(!1), [ye, Ge] = M(!1), Ct = T(null), kt = T(null);
+  I(() => {
+    if (!Ye && !ye && !D && !m) return;
+    const x = () => {
+      pe(!1), Ge(!1), D && _(), m && p();
     };
-    return document.addEventListener("click", _), () => document.removeEventListener("click", _);
+    return document.addEventListener("click", x), () => document.removeEventListener("click", x);
   }, [
-    le,
     Ye,
+    ye,
     D,
     m,
-    x,
+    _,
     p
   ]);
-  const [xt, Dt] = M(!1), Pt = C(() => Dt((_) => !_), []), [st, zt] = M(""), Ne = C(
-    (_) => {
-      _.preventDefault();
-      const re = st.trim();
-      re && (Pe(re), zt(""));
+  const [$t, tn] = M(!1), Ie = C(() => tn((x) => !x), []), [Le, Ce] = M(""), Be = C(
+    (x) => {
+      x.preventDefault();
+      const re = Le.trim();
+      re && (ze(re), Ce(""));
     },
-    [st, Pe]
-  ), Me = s.productName || "Live Layer", Se = !s.productName;
-  let ye = null, Ce = null;
-  for (let _ = w.length - 1; _ >= 0; _--) {
-    const re = w[_];
-    if (!ye && re.role === "agent" ? ye = re : !Ce && re.role === "user" && (Ce = re), ye && Ce) break;
+    [Le, ze]
+  ), Xe = s.productName || "Live Layer", Ht = !s.productName;
+  let ke = null, Se = null;
+  for (let x = w.length - 1; x >= 0; x--) {
+    const re = w[x];
+    if (!ke && re.role === "agent" ? ke = re : !Se && re.role === "user" && (Se = re), ke && Se) break;
   }
-  const Lt = xe ? (ye == null ? void 0 : ye.text) || null : o || null, Xe = xe && (Ce == null ? void 0 : Ce.text) || null, ct = [
+  const ut = xe ? (ke == null ? void 0 : ke.text) || null : o || null, Ke = xe && (Se == null ? void 0 : Se.text) || null, dt = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ S(
     "div",
     {
-      className: ct,
+      className: dt,
       "data-position": e,
       "data-state": xe ? "connected" : Ve ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${n} widget`,
       children: [
-        /* @__PURE__ */ k("div", { className: "ll-expanded__bg", children: [
+        /* @__PURE__ */ S("div", { className: "ll-expanded__bg", children: [
           i ? /* @__PURE__ */ r(
             hi,
             {
@@ -1752,7 +1758,7 @@ const xi = ({
               alt: n,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ r("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ r("span", { className: "ll-expanded__bg-initial", children: ((ut = n == null ? void 0 : n.charAt(0)) == null ? void 0 : ut.toUpperCase()) || "A" }) }),
+          ) : /* @__PURE__ */ r("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ r("span", { className: "ll-expanded__bg-initial", children: ((St = n == null ? void 0 : n.charAt(0)) == null ? void 0 : St.toUpperCase()) || "A" }) }),
           l && !xe && /* @__PURE__ */ r(
             "video",
             {
@@ -1766,23 +1772,23 @@ const xi = ({
           )
         ] }),
         /* @__PURE__ */ r("div", { ref: _e, className: "ll-expanded__video" }),
-        Be && /* @__PURE__ */ k("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        fe && /* @__PURE__ */ S("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ r("div", { className: "ll-expanded__spinner" }),
           /* @__PURE__ */ r("p", { className: "ll-expanded__overlay-text", children: u ? "Switching..." : "Connecting..." })
         ] }),
-        S && xe && /* @__PURE__ */ k(
+        E && xe && /* @__PURE__ */ S(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: vt,
+            onClick: bt,
             children: [
               /* @__PURE__ */ r("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ r("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__ */ r("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        me && /* @__PURE__ */ k(
+        me && /* @__PURE__ */ S(
           "div",
           {
             className: "ll-expanded__overlay ll-expanded__overlay--transforming",
@@ -1795,66 +1801,66 @@ const xi = ({
             ]
           }
         ),
-        Ve ? /* @__PURE__ */ k(We, { children: [
-          !U && /* @__PURE__ */ k("div", { className: "ll-expanded__topbar", ...He, children: [
-            !oe && /* @__PURE__ */ k("div", { className: "ll-expanded__topbar-left", children: [
-              /* @__PURE__ */ k("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ k(
+        Ve ? /* @__PURE__ */ S(We, { children: [
+          !U && /* @__PURE__ */ S("div", { className: "ll-expanded__topbar", ...Oe, children: [
+            !oe && /* @__PURE__ */ S("div", { className: "ll-expanded__topbar-left", children: [
+              /* @__PURE__ */ S("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ S(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill",
-                    onClick: (_) => {
-                      Oe && (_.stopPropagation(), p());
+                    onClick: (x) => {
+                      Fe && (x.stopPropagation(), p());
                     },
-                    "aria-haspopup": Oe ? "listbox" : void 0,
-                    "aria-expanded": Oe ? m : void 0,
+                    "aria-haspopup": Fe ? "listbox" : void 0,
+                    "aria-expanded": Fe ? m : void 0,
                     children: [
                       /* @__PURE__ */ r("span", { className: "ll-hpill__label", children: n }),
-                      Oe && /* @__PURE__ */ r(Nt, {})
+                      Fe && /* @__PURE__ */ r(Tt, {})
                     ]
                   }
                 ),
-                Oe && m && /* @__PURE__ */ r(
+                Fe && m && /* @__PURE__ */ r(
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (_) => _.stopPropagation(),
+                    onClick: (x) => x.stopPropagation(),
                     role: "listbox",
-                    children: a == null ? void 0 : a.map((_) => /* @__PURE__ */ k(
+                    children: a == null ? void 0 : a.map((x) => /* @__PURE__ */ S(
                       "button",
                       {
                         type: "button",
-                        className: `ll-hmenu__item ${_.id === c ? "is-active" : ""}`,
-                        onClick: () => h(_.id),
+                        className: `ll-hmenu__item ${x.id === c ? "is-active" : ""}`,
+                        onClick: () => h(x.id),
                         role: "option",
-                        "aria-selected": _.id === c,
+                        "aria-selected": x.id === c,
                         children: [
-                          _.avatarImageUrl && /* @__PURE__ */ r(
+                          x.avatarImageUrl && /* @__PURE__ */ r(
                             "img",
                             {
-                              src: _.avatarImageUrl,
+                              src: x.avatarImageUrl,
                               alt: "",
                               className: "ll-hmenu__avatar"
                             }
                           ),
-                          /* @__PURE__ */ r("span", { className: "ll-hmenu__name", children: _.name }),
-                          _.role && /* @__PURE__ */ r("span", { className: "ll-hmenu__role", children: _.role })
+                          /* @__PURE__ */ r("span", { className: "ll-hmenu__name", children: x.name }),
+                          x.role && /* @__PURE__ */ r("span", { className: "ll-hmenu__role", children: x.role })
                         ]
                       },
-                      _.id
+                      x.id
                     ))
                   }
                 )
               ] }),
-              /* @__PURE__ */ k("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ k(
+              /* @__PURE__ */ S("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ S(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill ll-hpill--compact",
-                    onClick: (_) => {
-                      _.stopPropagation(), x();
+                    onClick: (x) => {
+                      x.stopPropagation(), _();
                     },
                     "aria-haspopup": "listbox",
                     "aria-expanded": D,
@@ -1862,7 +1868,7 @@ const xi = ({
                     title: "Language: English",
                     children: [
                       /* @__PURE__ */ r("span", { className: "ll-hpill__label", children: "EN" }),
-                      /* @__PURE__ */ r(Nt, {})
+                      /* @__PURE__ */ r(Tt, {})
                     ]
                   }
                 ),
@@ -1870,7 +1876,7 @@ const xi = ({
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (_) => _.stopPropagation(),
+                    onClick: (x) => x.stopPropagation(),
                     role: "listbox",
                     children: /* @__PURE__ */ r(
                       "button",
@@ -1888,21 +1894,21 @@ const xi = ({
               /* @__PURE__ */ r(
                 "span",
                 {
-                  className: `ll-expanded__state ll-expanded__state--${y}`,
-                  children: y
+                  className: `ll-expanded__state ll-expanded__state--${g}`,
+                  children: g
                 }
               )
             ] }),
-            /* @__PURE__ */ k("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ S("div", { className: "ll-expanded__header-actions", children: [
               V !== !1 && /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn",
-                  onClick: ze,
+                  onClick: $e,
                   "aria-label": "Minimize widget",
                   title: "Minimize",
-                  children: /* @__PURE__ */ r(Nn, {})
+                  children: /* @__PURE__ */ r(In, {})
                 }
               ),
               te !== !1 && /* @__PURE__ */ r(
@@ -1910,17 +1916,17 @@ const xi = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: $e,
+                  onClick: He,
                   "aria-label": "End call",
                   title: "End call",
-                  children: /* @__PURE__ */ r(An, {})
+                  children: /* @__PURE__ */ r(Mn, {})
                 }
               )
             ] })
           ] }),
-          U && /* @__PURE__ */ k("div", { className: "ll-compact-status", "data-state": y, children: [
+          U && /* @__PURE__ */ S("div", { className: "ll-compact-status", "data-state": g, children: [
             /* @__PURE__ */ r("span", { className: "ll-compact-status__dot", "aria-hidden": !0 }),
-            /* @__PURE__ */ r("span", { className: "ll-compact-status__label", children: y })
+            /* @__PURE__ */ r("span", { className: "ll-compact-status__label", children: g })
           ] })
         ] }) : (
           // Idle-state header. In compactControls mode (mobile WIDGET +
@@ -1931,8 +1937,8 @@ const xi = ({
           // can always dismiss; making the whole header disappear (the
           // pre-0.18.0 behavior) left users no way out short of scrolling
           // the page itself.
-          /* @__PURE__ */ k("div", { className: "ll-expanded__header ll-expanded__header--idle", ...He, children: [
-            !U && (Se ? /* @__PURE__ */ k(
+          /* @__PURE__ */ S("div", { className: "ll-expanded__header ll-expanded__header--idle", ...Oe, children: [
+            !U && (Ht ? /* @__PURE__ */ S(
               "a",
               {
                 className: "ll-expanded__brand ll-expanded__brand--link",
@@ -1943,19 +1949,19 @@ const xi = ({
                 title: "Powered by LiveLayer — visit livelayer.studio",
                 children: [
                   /* @__PURE__ */ r(gi, { size: 14, className: "ll-expanded__brand-mark" }),
-                  /* @__PURE__ */ r("span", { children: Me })
+                  /* @__PURE__ */ r("span", { children: Xe })
                 ]
               }
-            ) : /* @__PURE__ */ r("span", { className: "ll-expanded__brand", children: Me })),
-            /* @__PURE__ */ k("div", { className: "ll-expanded__header-actions", children: [
+            ) : /* @__PURE__ */ r("span", { className: "ll-expanded__brand", children: Xe })),
+            /* @__PURE__ */ S("div", { className: "ll-expanded__header-actions", children: [
               !U && V !== !1 && /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: ze,
+                  onClick: $e,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ r(Nn, {})
+                  children: /* @__PURE__ */ r(In, {})
                 }
               ),
               te !== !1 && /* @__PURE__ */ r(
@@ -1963,46 +1969,46 @@ const xi = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: $e,
+                  onClick: He,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ r(An, {})
+                  children: /* @__PURE__ */ r(Mn, {})
                 }
               )
             ] })
           ] })
         ),
-        wt && /* @__PURE__ */ (() => {
-          const _ = T ? "Resume session" : E === "disconnected" ? "Reconnect to agent" : "Start video call";
-          return /* @__PURE__ */ k(We, { children: [
-            !v && /* @__PURE__ */ k(
+        _t && /* @__PURE__ */ (() => {
+          const x = R ? "Resume session" : k === "disconnected" ? "Reconnect to agent" : "Start video call";
+          return /* @__PURE__ */ S(We, { children: [
+            !v && /* @__PURE__ */ S(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: it,
-                "aria-label": _,
+                onClick: ot,
+                "aria-label": x,
                 children: [
                   /* @__PURE__ */ r("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ r("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ r("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
-                  U && /* @__PURE__ */ r("span", { className: "ll-expanded__play-label", children: _ })
+                  U && /* @__PURE__ */ r("span", { className: "ll-expanded__play-label", children: x })
                 ]
               }
             ),
-            !U && /* @__PURE__ */ k("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            !U && /* @__PURE__ */ S("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
               o && /* @__PURE__ */ r("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ r("p", { className: "ll-expanded__transcript-text", children: o }) }),
               /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: it,
-                  "aria-label": _,
-                  children: _
+                  onClick: ot,
+                  "aria-label": x,
+                  children: x
                 }
               )
             ] })
           ] });
         })(),
-        /* @__PURE__ */ k(
+        /* @__PURE__ */ S(
           "div",
           {
             className: `ll-expanded__pip ${Ve && (K || f) ? "is-visible" : ""}`,
@@ -2010,50 +2016,50 @@ const xi = ({
               /* @__PURE__ */ r(
                 "div",
                 {
-                  ref: at,
+                  ref: Lt,
                   className: f ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ r(
                 "div",
                 {
-                  ref: ue,
+                  ref: ge,
                   className: !f && K ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        Ve ? /* @__PURE__ */ k("div", { className: "ll-expanded__bottom", children: [
-          !U && Lt && /* @__PURE__ */ r(
+        Ve ? /* @__PURE__ */ S("div", { className: "ll-expanded__bottom", children: [
+          !U && ut && /* @__PURE__ */ r(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ r("p", { className: "ll-expanded__transcript-text", children: Lt })
+              children: /* @__PURE__ */ r("p", { className: "ll-expanded__transcript-text", children: ut })
             }
           ),
-          !U && Xe && /* @__PURE__ */ r(
+          !U && Ke && /* @__PURE__ */ r(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ r("p", { className: "ll-expanded__transcript-text", children: Xe })
+              children: /* @__PURE__ */ r("p", { className: "ll-expanded__transcript-text", children: Ke })
             }
           ),
-          !oe && !U && /* @__PURE__ */ k("div", { className: "ll-toolbar", onClick: (_) => _.stopPropagation(), children: [
+          !oe && !U && /* @__PURE__ */ S("div", { className: "ll-toolbar", onClick: (x) => x.stopPropagation(), children: [
             X && /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
                 className: `ll-tool ${f ? "is-on" : ""}`,
-                onClick: Re,
+                onClick: De,
                 "aria-label": f ? "Stop sharing screen" : "Share screen",
                 title: f ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ r(Yn, {})
+                children: /* @__PURE__ */ r(Xn, {})
               }
             ),
-            q && /* @__PURE__ */ k("div", { className: "ll-tool-split", children: [
+            q && /* @__PURE__ */ S("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ r(
                 "button",
                 {
@@ -2062,73 +2068,73 @@ const xi = ({
                   onClick: qe,
                   "aria-label": K ? "Turn off camera" : "Turn on camera",
                   title: K ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ r(Gn, {})
+                  children: /* @__PURE__ */ r(Kn, {})
                 }
               ),
               /* @__PURE__ */ r(
                 "button",
                 {
-                  ref: Le,
+                  ref: kt,
                   type: "button",
                   className: `ll-tool ll-tool--right ${K ? "is-on" : ""}`,
-                  onClick: (_) => {
-                    _.stopPropagation(), Ge((re) => !re), pe(!1);
+                  onClick: (x) => {
+                    x.stopPropagation(), Ge((re) => !re), pe(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": Ye,
-                  children: /* @__PURE__ */ r(Nt, {})
+                  "aria-expanded": ye,
+                  children: /* @__PURE__ */ r(Tt, {})
                 }
               ),
-              Ye && H.length > 0 && /* @__PURE__ */ r(
-                Mn,
+              ye && H.length > 0 && /* @__PURE__ */ r(
+                Tn,
                 {
                   label: "Camera",
                   devices: H,
                   activeId: G,
-                  anchorRef: Le,
-                  onPick: (_) => {
-                    Ge(!1), Ue(_);
+                  anchorRef: kt,
+                  onPick: (x) => {
+                    Ge(!1), Ue(x);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ k("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ S("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${O ? "is-muted" : ""}`,
-                  onClick: lt,
+                  onClick: at,
                   "aria-label": O ? "Unmute microphone" : "Mute microphone",
                   title: O ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ r(Xn, { muted: O })
+                  children: /* @__PURE__ */ r(Jn, { muted: O })
                 }
               ),
               /* @__PURE__ */ r(
                 "button",
                 {
-                  ref: ge,
+                  ref: Ct,
                   type: "button",
                   className: `ll-tool ll-tool--right ${O ? "is-muted" : ""}`,
-                  onClick: (_) => {
-                    _.stopPropagation(), pe((re) => !re), Ge(!1);
+                  onClick: (x) => {
+                    x.stopPropagation(), pe((re) => !re), Ge(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": le,
-                  children: /* @__PURE__ */ r(Nt, {})
+                  "aria-expanded": Ye,
+                  children: /* @__PURE__ */ r(Tt, {})
                 }
               ),
-              le && z.length > 0 && /* @__PURE__ */ r(
-                Mn,
+              Ye && z.length > 0 && /* @__PURE__ */ r(
+                Tn,
                 {
                   label: "Microphone",
                   devices: z,
                   activeId: B,
-                  anchorRef: ge,
-                  onPick: (_) => {
-                    pe(!1), bt(_);
+                  anchorRef: Ct,
+                  onPick: (x) => {
+                    pe(!1), wt(x);
                   }
                 }
               )
@@ -2138,10 +2144,10 @@ const xi = ({
               {
                 type: "button",
                 className: `ll-tool ${$ ? "is-muted" : ""}`,
-                onClick: De,
+                onClick: Pe,
                 "aria-label": $ ? "Unmute speaker" : "Mute speaker",
                 title: $ ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ r(Kn, { muted: $ })
+                children: /* @__PURE__ */ r(Zn, { muted: $ })
               }
             ),
             /* @__PURE__ */ r(
@@ -2149,10 +2155,10 @@ const xi = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: ot,
+                onClick: lt,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ r(Jn, {})
+                children: /* @__PURE__ */ r(Qn, {})
               }
             )
           ] }),
@@ -2160,34 +2166,34 @@ const xi = ({
             bi,
             {
               isMuted: O,
-              onToggleMute: lt,
+              onToggleMute: at,
               isCameraEnabled: K,
               onToggleCamera: qe,
               allowCamera: q,
               isScreenShareEnabled: f,
-              onToggleScreenShare: Re,
+              onToggleScreenShare: De,
               allowScreenShare: X,
               isSpeakerMuted: $,
-              onToggleSpeaker: De,
+              onToggleSpeaker: Pe,
               allowTyping: ee,
-              isTypingOpen: xt,
-              onToggleTyping: Pt,
-              onDisconnect: ot
+              isTypingOpen: $t,
+              onToggleTyping: Ie,
+              onDisconnect: lt
             }
           ),
-          !oe && ee && (U ? xt : !0) && /* @__PURE__ */ k("form", { className: "ll-message-input", onSubmit: Ne, children: [
+          !oe && ee && (U ? $t : !0) && /* @__PURE__ */ S("form", { className: "ll-message-input", onSubmit: Be, children: [
             /* @__PURE__ */ r(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: st,
-                onChange: (_) => zt(_.target.value),
+                value: Le,
+                onChange: (x) => Ce(x.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            st.trim() && /* @__PURE__ */ r(
+            Le.trim() && /* @__PURE__ */ r(
               "button",
               {
                 type: "submit",
@@ -2199,9 +2205,9 @@ const xi = ({
           ] })
         ] }) : null,
         (() => {
-          if (g && E !== "error")
-            return /* @__PURE__ */ k("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ r("span", { children: g }),
+          if (y && k !== "error")
+            return /* @__PURE__ */ S("div", { className: "ll-expanded__banner", role: "alert", children: [
+              /* @__PURE__ */ r("span", { children: y }),
               /* @__PURE__ */ r(
                 "button",
                 {
@@ -2213,16 +2219,16 @@ const xi = ({
                 }
               )
             ] });
-          if (!v || E !== "error") return null;
-          let _ = "Failed to connect", re = "Try again";
-          return v === "MIC_PERMISSION_DENIED" ? _ = "Microphone blocked. Allow access to talk." : v === "MIC_NOT_FOUND" ? _ = "No microphone found. Plug one in + retry." : v === "MIC_UNAVAILABLE" ? _ = "Mic unavailable. Check other apps using it." : v === "AGENT_TIMEOUT" ? _ = "Agent didn't pick up. Try again." : v === "CONNECT_FAILED" ? _ = "Connection failed. Check your network." : v.length < 80 && (_ = v), /* @__PURE__ */ k("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ r("span", { children: _ }),
+          if (!v || k !== "error") return null;
+          let x = "Failed to connect", re = "Try again";
+          return v === "MIC_PERMISSION_DENIED" ? x = "Microphone blocked. Allow access to talk." : v === "MIC_NOT_FOUND" ? x = "No microphone found. Plug one in + retry." : v === "MIC_UNAVAILABLE" ? x = "Mic unavailable. Check other apps using it." : v === "AGENT_TIMEOUT" ? x = "Agent didn't pick up. Try again." : v === "CONNECT_FAILED" ? x = "Connection failed. Check your network." : v.length < 80 && (x = v), /* @__PURE__ */ S("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ r("span", { children: x }),
             /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: yt,
+                onClick: vt,
                 children: re
               }
             )
@@ -2234,7 +2240,7 @@ const xi = ({
             className: "ll-expanded__resize-grip",
             ...F,
             "aria-hidden": !0,
-            children: /* @__PURE__ */ k("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", children: [
+            children: /* @__PURE__ */ S("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", children: [
               /* @__PURE__ */ r("line", { x1: "11", y1: "4", x2: "4", y2: "11" }),
               /* @__PURE__ */ r("line", { x1: "11", y1: "8", x2: "8", y2: "11" })
             ] })
@@ -2244,55 +2250,55 @@ const xi = ({
     }
   );
 };
-function Nt() {
+function Tt() {
   return /* @__PURE__ */ r("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ r("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function An() {
-  return /* @__PURE__ */ k("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
+function Mn() {
+  return /* @__PURE__ */ S("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ r("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ r("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Nn() {
+function In() {
   return /* @__PURE__ */ r("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ r("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function Yn() {
-  return /* @__PURE__ */ k("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: [
+function Xn() {
+  return /* @__PURE__ */ S("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__ */ r("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ r("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ r("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
-function Gn() {
-  return /* @__PURE__ */ k("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: [
+function Kn() {
+  return /* @__PURE__ */ S("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__ */ r("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ r("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function Xn({ muted: e }) {
-  return /* @__PURE__ */ k("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: [
+function Jn({ muted: e }) {
+  return /* @__PURE__ */ S("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__ */ r("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
     /* @__PURE__ */ r("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
     /* @__PURE__ */ r("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
     e && /* @__PURE__ */ r("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function Kn({ muted: e }) {
-  return /* @__PURE__ */ k("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: [
+function Zn({ muted: e }) {
+  return /* @__PURE__ */ S("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__ */ r("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-    e ? /* @__PURE__ */ r("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ k(We, { children: [
+    e ? /* @__PURE__ */ r("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ S(We, { children: [
       /* @__PURE__ */ r("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
       /* @__PURE__ */ r("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
 function Li() {
-  return /* @__PURE__ */ k("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+  return /* @__PURE__ */ S("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__ */ r("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ r("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-function Jn() {
+function Qn() {
   return /* @__PURE__ */ r("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__ */ r(
     "path",
     {
@@ -2301,7 +2307,7 @@ function Jn() {
     }
   ) });
 }
-const Mn = ({
+const Tn = ({
   label: e,
   devices: t,
   activeId: n,
@@ -2309,7 +2315,7 @@ const Mn = ({
   anchorRef: l
 }) => {
   const [o, s] = M(null);
-  return Wn(() => {
+  return Un(() => {
     const a = () => {
       const c = l.current;
       if (!c) return;
@@ -2322,8 +2328,8 @@ const Mn = ({
     return a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), () => {
       window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a);
     };
-  }, [l]), o === null || typeof document > "u" ? null : Qt(
-    /* @__PURE__ */ k(
+  }, [l]), o === null || typeof document > "u" ? null : en(
+    /* @__PURE__ */ S(
       "div",
       {
         className: "ll-device-menu ll-device-menu--floating",
@@ -2340,7 +2346,7 @@ const Mn = ({
           /* @__PURE__ */ r("p", { className: "ll-device-menu__label", children: e }),
           t.map((a, c) => {
             const u = n === a.deviceId;
-            return /* @__PURE__ */ k(
+            return /* @__PURE__ */ S(
               "button",
               {
                 type: "button",
@@ -2369,7 +2375,7 @@ const Mn = ({
   "[data-ll-skip]",
   ".ll-widget"
 ];
-function Tt(e) {
+function Pt(e) {
   let t = e;
   for (; t; ) {
     for (const n of Ci)
@@ -2378,8 +2384,8 @@ function Tt(e) {
   }
   return !1;
 }
-function Kt(e) {
-  if (Tt(e)) return !1;
+function Jt(e) {
+  if (Pt(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -2387,13 +2393,13 @@ function Kt(e) {
   }
   return !0;
 }
-const ki = /\b(continue|next|proceed|move\s*on|forward)\b|→|›/i, In = /\b(back|previous|prev|go\s*back)\b|←|‹/i, Si = /\b(submit|finish|done|complete|send)\b/i, gt = /* @__PURE__ */ new Map();
-function Tn(e) {
-  const t = gt.get(e);
+const ki = /\b(continue|next|proceed|move\s*on|forward)\b|→|›/i, Rn = /\b(back|previous|prev|go\s*back)\b|←|‹/i, Si = /\b(submit|finish|done|complete|send)\b/i, yt = /* @__PURE__ */ new Map();
+function Dn(e) {
+  const t = yt.get(e);
   return t && t.isConnected ? t : null;
 }
-function et(e) {
-  if (Tt(e) || e.hidden || e.getAttribute("aria-hidden") === "true") return !0;
+function tt(e) {
+  if (Pt(e) || e.hidden || e.getAttribute("aria-hidden") === "true") return !0;
   const t = typeof window < "u" && window.getComputedStyle ? window.getComputedStyle(e) : null;
   return !!(t && (t.display === "none" || t.visibility === "hidden"));
 }
@@ -2405,24 +2411,24 @@ function Ai(e) {
 }
 function Ni(e) {
   return Array.from(e.querySelectorAll('button, [role="button"], input[type="submit"], input[type="button"]')).filter(
-    (n) => !et(n) && !Ei(n)
+    (n) => !tt(n) && !Ei(n)
   );
 }
-function Zn(e) {
-  gt.clear();
+function er(e) {
+  yt.clear();
   const t = Ni(e);
   let n, i, l;
   for (const a of t) {
     const c = Ai(a);
     if (!c || c.length > 40) continue;
     const u = a.getAttribute("type") === "submit" || a.tagName === "BUTTON" && !a.getAttribute("type") && !!a.closest("form");
-    !n && ki.test(c) && !In.test(c) ? (n = { id: "ll-advance", label: c }, gt.set("ll-advance", a)) : !i && In.test(c) ? (i = { id: "ll-back", label: c }, gt.set("ll-back", a)) : !l && (Si.test(c) || u) && (l = { id: "ll-submit", label: c }, gt.set("ll-submit", a));
+    !n && ki.test(c) && !Rn.test(c) ? (n = { id: "ll-advance", label: c }, yt.set("ll-advance", a)) : !i && Rn.test(c) ? (i = { id: "ll-back", label: c }, yt.set("ll-back", a)) : !l && (Si.test(c) || u) && (l = { id: "ll-submit", label: c }, yt.set("ll-submit", a));
   }
   const o = zi(e);
   return { kind: n || o.totalSteps ? "multi-step" : "single-page", advance: n, back: i, submit: l, ...o };
 }
 const Mi = 60;
-function Qn(e) {
+function tr(e) {
   return e.replace(/^\s*(step\s+)?\d{1,2}(?:[.):\-]+\s*|\s+)/i, "").replace(/\s+/g, " ").trim().slice(0, Mi);
 }
 function Ii(e) {
@@ -2433,7 +2439,7 @@ const Ti = /stepper|wizard|ant-steps|step-indicator/;
 function Ri(e) {
   return Ti.test(Ii(e));
 }
-function Rn(e) {
+function Pn(e) {
   const t = e.getAttribute("aria-current");
   return t === "step" || t === "true" ? !0 : Array.from(e.classList).some(
     (n) => /(^|[-_])(active|current|selected)([-_]|$)/i.test(n)
@@ -2441,12 +2447,12 @@ function Rn(e) {
 }
 const Di = '[aria-current="step"],[aria-current="true"],[class*="active"],[class*="Active"],[class*="current"],[class*="Current"],[class*="selected"],[class*="Selected"]';
 function Pi(e) {
-  return Rn(e) ? !0 : Array.from(e.querySelectorAll(Di)).some(
-    Rn
+  return Pn(e) ? !0 : Array.from(e.querySelectorAll(Di)).some(
+    Pn
   );
 }
-function Dn(e, t) {
-  const n = Qn(
+function zn(e, t) {
+  const n = tr(
     e[t].innerText || e[t].textContent || ""
   );
   return {
@@ -2457,21 +2463,21 @@ function Dn(e, t) {
 }
 function zi(e) {
   const t = e.querySelector('[aria-current="step"]');
-  if (t && t.parentElement && !et(t)) {
+  if (t && t.parentElement && !tt(t)) {
     const l = Array.from(t.parentElement.children).filter(
-      (s) => s.tagName === t.tagName && !et(s)
+      (s) => s.tagName === t.tagName && !tt(s)
     ), o = l.indexOf(t);
-    if (o >= 0 && l.length >= 2) return Dn(l, o);
+    if (o >= 0 && l.length >= 2) return zn(l, o);
   }
   const n = e.querySelector('[role="progressbar"]');
-  if (n && !et(n)) {
+  if (n && !tt(n)) {
     const l = Number(n.getAttribute("aria-valuenow")), o = Number(n.getAttribute("aria-valuemax"));
     if (Number.isFinite(l) && Number.isFinite(o) && o >= 2) {
       const s = (n.getAttribute("aria-valuetext") || "").trim();
       return {
         totalSteps: o,
         currentStep: l,
-        ...s ? { stepLabel: Qn(s) } : {}
+        ...s ? { stepLabel: tr(s) } : {}
       };
     }
   }
@@ -2479,19 +2485,19 @@ function zi(e) {
     e.querySelectorAll(
       '[class*="step"], [class*="Step"], [class*="wizard"], [class*="Wizard"]'
     )
-  ).filter((l) => !et(l) && Ri(l));
+  ).filter((l) => !tt(l) && Ri(l));
   for (const l of i) {
     const o = Array.from(l.children).filter(
-      (a) => !et(a) && (a.textContent || "").trim().length > 0
+      (a) => !tt(a) && (a.textContent || "").trim().length > 0
     );
     if (o.length < 2 || o.length > 12) continue;
     const s = o.findIndex(Pi);
     if (!(s < 0))
-      return Dn(o, s);
+      return zn(o, s);
   }
   return {};
 }
-const Mt = 4096, $i = 20, Hi = 20, Oi = 10, Fi = 10, Bi = 30, Wi = 20, Pn = 500, qi = [
+const Rt = 4096, $i = 20, Hi = 20, Oi = 10, Fi = 10, Bi = 30, Wi = 20, $n = 500, qi = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -2499,7 +2505,7 @@ const Mt = 4096, $i = 20, Hi = 20, Oi = 10, Fi = 10, Bi = 30, Wi = 20, Pn = 500,
   "noscript",
   "iframe"
 ];
-function ht(e) {
+function mt(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
@@ -2509,14 +2515,14 @@ function ht(e) {
   }
   return !1;
 }
-function mt(e) {
+function gt(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
   const n = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
   return t.bottom > 0 && t.right > 0 && t.top < n && t.left < i;
 }
-function zn(e) {
+function Hn(e) {
   const t = e.getAttribute("id");
   if (t) {
     const o = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/"/g, '\\"'), s = document.querySelector(`label[for="${o}"]`);
@@ -2543,7 +2549,7 @@ function zn(e) {
   const l = e.getAttribute("placeholder");
   return l ? l.trim() : "";
 }
-function fe(e, t) {
+function ue(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
 function Ui(e) {
@@ -2575,7 +2581,7 @@ function ji(e) {
   }
   return null;
 }
-function Qe(e) {
+function et(e) {
   return e.length;
 }
 function Vi(e, t = {}) {
@@ -2595,63 +2601,63 @@ function Vi(e, t = {}) {
   const i = typeof window < "u" && window.location.href || "", l = typeof window < "u" && window.location.pathname || "/", o = n.title || "", s = Array.from(
     n.querySelectorAll("[data-ll-region]")
   ), a = [];
-  for (const g of s) {
+  for (const y of s) {
     if (a.length >= Oi) break;
-    if (ht(g) || !mt(g)) continue;
-    const z = g.getAttribute("data-ll-region") ?? "", B = g.getAttribute("data-ll-intent") ?? void 0, K = fe(
-      (g.innerText || g.textContent || "").trim(),
-      Pn * 2
+    if (mt(y) || !gt(y)) continue;
+    const z = y.getAttribute("data-ll-region") ?? "", B = y.getAttribute("data-ll-intent") ?? void 0, K = ue(
+      (y.innerText || y.textContent || "").trim(),
+      $n * 2
     );
     !z || !K || a.push({ id: z, intent: B, text: K });
   }
   const c = [], u = ["H1", "H2", "H3", "H4", "H5", "H6"], m = Array.from(
     n.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const g of m) {
-    if (ht(g) || !mt(g)) continue;
-    const z = (g.textContent || "").trim();
-    z && c.push(`${g.tagName}: ${fe(z, 200)}`);
+  for (const y of m) {
+    if (mt(y) || !gt(y)) continue;
+    const z = (y.textContent || "").trim();
+    z && c.push(`${y.tagName}: ${ue(z, 200)}`);
   }
   const p = Array.from(n.querySelectorAll("p, li"));
-  for (const g of p) {
-    if (ht(g) || !mt(g) || u.includes(g.tagName)) continue;
-    const z = (g.textContent || "").trim();
-    z.length > 10 && c.push(fe(z, Pn));
+  for (const y of p) {
+    if (mt(y) || !gt(y) || u.includes(y.tagName)) continue;
+    const z = (y.textContent || "").trim();
+    z.length > 10 && c.push(ue(z, $n));
   }
   const h = c.join(`
-`), D = [], x = Array.from(n.querySelectorAll("a[href]"));
-  for (const g of x) {
+`), D = [], _ = Array.from(n.querySelectorAll("a[href]"));
+  for (const y of _) {
     if (D.length >= $i) break;
-    if (ht(g) || !mt(g)) continue;
-    const z = g.getAttribute("href") || "", B = (g.textContent || "").trim();
-    !z || !B || D.push({ href: z, text: fe(B, 100) });
+    if (mt(y) || !gt(y)) continue;
+    const z = y.getAttribute("href") || "", B = (y.textContent || "").trim();
+    !z || !B || D.push({ href: z, text: ue(B, 100) });
   }
-  const E = [], y = Array.from(
+  const k = [], g = Array.from(
     n.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const g of y) {
-    if (E.length >= Hi) break;
-    if (ht(g) || !Kt(g) || !mt(g)) continue;
-    const z = zn(g), B = g instanceof HTMLInputElement ? g.type : g.tagName.toLowerCase();
-    z && E.push({ label: fe(z, 100), type: B });
+  for (const y of g) {
+    if (k.length >= Hi) break;
+    if (mt(y) || !Jt(y) || !gt(y)) continue;
+    const z = Hn(y), B = y instanceof HTMLInputElement ? y.type : y.tagName.toLowerCase();
+    z && k.push({ label: ue(z, 100), type: B });
   }
-  const w = Array.from(n.querySelectorAll("form")), T = [];
-  let S = 0;
-  for (const g of w) {
-    if (T.length >= Fi) break;
-    if (Tt(g) || g.matches(".ll-widget *, .ll-widget")) continue;
-    const z = g.getAttribute("id") || g.getAttribute("name") || Ui(g.getAttribute("data-ll-intent")) || `form_${S++}`, B = g.getAttribute("data-ll-intent") || ji(g) || void 0, K = Array.from(
-      g.querySelectorAll(
+  const w = Array.from(n.querySelectorAll("form")), R = [];
+  let E = 0;
+  for (const y of w) {
+    if (R.length >= Fi) break;
+    if (Pt(y) || y.matches(".ll-widget *, .ll-widget")) continue;
+    const z = y.getAttribute("id") || y.getAttribute("name") || Ui(y.getAttribute("data-ll-intent")) || `form_${E++}`, B = y.getAttribute("data-ll-intent") || ji(y) || void 0, K = Array.from(
+      y.querySelectorAll(
         "input, textarea, select"
       )
-    ), ae = [];
+    ), le = [];
     let H = 0;
     const G = /* @__PURE__ */ new Set();
     for (const f of K) {
-      if (ae.length >= Bi) break;
-      if (!Kt(f)) continue;
+      if (le.length >= Bi) break;
+      if (!Jt(f)) continue;
       if (f instanceof HTMLInputElement) {
         const U = f.type;
         if (U === "submit" || U === "button" || U === "reset" || U === "hidden" || U === "image" || U === "file") continue;
@@ -2659,14 +2665,14 @@ function Vi(e, t = {}) {
       const A = f.getAttribute("name") || "", $ = f.getAttribute("id") || "";
       let q = A || $ || `field_${H}`;
       G.has(q) && (q = `${q}__${H}`), G.add(q), H++;
-      const X = zn(f) || q, ee = f instanceof HTMLInputElement ? f.type : f.tagName.toLowerCase(), V = {
+      const X = Hn(f) || q, ee = f instanceof HTMLInputElement ? f.type : f.tagName.toLowerCase(), V = {
         name: q,
-        label: fe(X, 100),
+        label: ue(X, 100),
         type: ee
       };
       f.required === !0 && (V.required = !0);
       const te = f.getAttribute("placeholder");
-      if (te && (V.placeholder = fe(te.trim(), 100)), f instanceof HTMLInputElement || f instanceof HTMLTextAreaElement) {
+      if (te && (V.placeholder = ue(te.trim(), 100)), f instanceof HTMLInputElement || f instanceof HTMLTextAreaElement) {
         const U = f.getAttribute("minlength");
         if (U !== null) {
           const Q = parseInt(U, 10);
@@ -2680,15 +2686,15 @@ function Vi(e, t = {}) {
       }
       if (f instanceof HTMLInputElement) {
         const U = f.getAttribute("min");
-        U !== null && (V.min = fe(U, 50));
+        U !== null && (V.min = ue(U, 50));
         const me = f.getAttribute("max");
-        me !== null && (V.max = fe(me, 50));
+        me !== null && (V.max = ue(me, 50));
         const Q = f.getAttribute("step");
-        Q !== null && (V.step = fe(Q, 20));
+        Q !== null && (V.step = ue(Q, 20));
         const _e = f.getAttribute("pattern");
-        _e !== null && (V.pattern = fe(_e, 200));
+        _e !== null && (V.pattern = ue(_e, 200));
         const ne = (f.getAttribute("autocomplete") || "").toLowerCase();
-        ne && ne !== "off" && !ne.startsWith("cc-") && (V.autocomplete = fe(ne, 50));
+        ne && ne !== "off" && !ne.startsWith("cc-") && (V.autocomplete = ue(ne, 50));
       }
       if (f instanceof HTMLSelectElement) {
         const U = [];
@@ -2696,14 +2702,14 @@ function Vi(e, t = {}) {
           const Q = f.options[me];
           if (!Q || Q.disabled) continue;
           const _e = Q.value || "", ne = (Q.textContent || "").trim() || _e;
-          !_e && !ne || U.push({ value: _e, label: fe(ne, 60) });
+          !_e && !ne || U.push({ value: _e, label: ue(ne, 60) });
         }
         U.length > 0 && (V.options = U);
       }
       const oe = typeof f.validationMessage == "string" ? f.validationMessage : "";
-      oe && (V.validationMessage = fe(oe, 200)), ae.push(V);
+      oe && (V.validationMessage = ue(oe, 200)), le.push(V);
     }
-    T.push({ id: z, intent: B, fields: ae });
+    R.push({ id: z, intent: B, fields: le });
   }
   const v = {
     url: i,
@@ -2712,19 +2718,19 @@ function Vi(e, t = {}) {
     regions: a,
     visibleText: h,
     visibleLinks: D,
-    visibleFields: E,
-    forms: T,
-    flow: Zn(n),
+    visibleFields: k,
+    forms: R,
+    flow: er(n),
     extras: e
   };
-  let O = Qe(JSON.stringify(v.regions)) + Qe(v.visibleText) + Qe(JSON.stringify(v.visibleLinks)) + Qe(JSON.stringify(v.visibleFields));
-  for (; O > Mt && v.visibleFields.length > 0; )
-    v.visibleFields.pop(), O = Qe(JSON.stringify(v.visibleFields));
-  for (; O > Mt && v.visibleLinks.length > 0; )
+  let O = et(JSON.stringify(v.regions)) + et(v.visibleText) + et(JSON.stringify(v.visibleLinks)) + et(JSON.stringify(v.visibleFields));
+  for (; O > Rt && v.visibleFields.length > 0; )
+    v.visibleFields.pop(), O = et(JSON.stringify(v.visibleFields));
+  for (; O > Rt && v.visibleLinks.length > 0; )
     v.visibleLinks.pop(), O -= 80;
-  return Qe(v.visibleText) > Mt && (v.visibleText = fe(v.visibleText, Mt - 100)), v;
+  return et(v.visibleText) > Rt && (v.visibleText = ue(v.visibleText, Rt - 100)), v;
 }
-let tt = null;
+let nt = null;
 function Yi(e) {
   const t = e.querySelectorAll("form");
   let n = `f${t.length}`;
@@ -2732,15 +2738,15 @@ function Yi(e) {
     n += `|${i.id || i.getAttribute("name") || ""}:${i.querySelectorAll("input,select,textarea").length}`;
   }), n;
 }
-function $n(e, t = {}) {
+function On(e, t = {}) {
   const n = Date.now(), i = t.doc ?? (typeof document < "u" ? document : null), l = typeof window < "u" && window.location.pathname || "/", o = typeof window < "u" ? window.scrollY : 0, s = `${l}::${o}::${i ? Yi(i) : ""}`;
-  if (tt && tt.key === s && n - tt.at < 1e3)
-    return tt.ctx;
+  if (nt && nt.key === s && n - nt.at < 1e3)
+    return nt.ctx;
   const a = Vi(e, t);
-  return tt = { key: s, at: n, ctx: a }, a;
+  return nt = { key: s, at: n, ctx: a }, a;
 }
 function Gi() {
-  tt = null;
+  nt = null;
 }
 const Xi = 200;
 function Ki(e) {
@@ -2762,7 +2768,7 @@ function Zi(e) {
   const n = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), l = [], o = Array.from(t.querySelectorAll("a[href]"));
   for (const s of o) {
     if (l.length >= Xi) break;
-    if (Tt(s)) continue;
+    if (Pt(s)) continue;
     const a = s.getAttribute("href") || "";
     if (!Ji(a)) continue;
     let c = a, u = !0;
@@ -2781,19 +2787,19 @@ function Zi(e) {
   }
   return l;
 }
-let nt = null;
+let rt = null;
 const Qi = 5e3;
-function Yt() {
+function Gt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (nt && nt.pathname === t && e - nt.at < Qi)
-    return nt.routes;
+  if (rt && rt.pathname === t && e - rt.at < Qi)
+    return rt.routes;
   const n = Zi();
-  return nt = { at: e, pathname: t, routes: n }, n;
+  return rt = { at: e, pathname: t, routes: n }, n;
 }
 function eo() {
-  nt = null;
+  rt = null;
 }
-function Jt(e) {
+function Zt(e) {
   if (e instanceof HTMLInputElement) {
     const t = e.type;
     if (t === "submit" || t === "button" || t === "reset" || t === "hidden" || t === "image" || t === "file")
@@ -2804,10 +2810,10 @@ function Jt(e) {
 function to(e, t) {
   return e.getAttribute("name") || e.getAttribute("id") || `field_${t}`;
 }
-function Te(e) {
+function Re(e) {
   return e.toLowerCase().replace(/[^a-z0-9]+/g, "");
 }
-function Gt(e) {
+function Xt(e) {
   const t = e.lastIndexOf(".");
   return t >= 0 ? e.slice(t + 1) : e;
 }
@@ -2826,24 +2832,24 @@ function no(e) {
   return n != null && n.textContent ? n.textContent : e.getAttribute("aria-label") || e.getAttribute("placeholder") || "";
 }
 function ro(e, t) {
-  const n = Te(t);
+  const n = Re(t);
   if (n.length < 2) return null;
   let i = null, l = 0;
   for (const o of Array.from(
     e.querySelectorAll("input, textarea, select")
   )) {
-    if (!Jt(o)) continue;
+    if (!Zt(o)) continue;
     const s = o.getAttribute("name") || "", a = o.getAttribute("id") || "", c = [
-      Te(Gt(s)),
-      Te(Gt(a)),
-      Te(s),
-      Te(a)
+      Re(Xt(s)),
+      Re(Xt(a)),
+      Re(s),
+      Re(a)
     ];
     let u = 0;
     c.some((m) => m.length >= 2 && m === n) ? u = 4 : [
-      Te(s),
-      Te(Gt(s)),
-      Te(no(o))
+      Re(s),
+      Re(Xt(s)),
+      Re(no(o))
     ].some((p) => p.length >= 3 && (p.includes(n) || n.includes(p))) && (u = 2), u > l && (l = u, i = o);
   }
   return l >= 2 ? i : null;
@@ -2854,7 +2860,7 @@ function io(e, t) {
     const o = e.querySelector(
       `[name="${t.replace(/"/g, '\\"')}"]`
     );
-    if (o && Jt(o)) return o;
+    if (o && Zt(o)) return o;
   } catch {
   }
   const n = Array.from(
@@ -2863,7 +2869,7 @@ function io(e, t) {
   let i = 0;
   const l = /* @__PURE__ */ new Map();
   for (const o of n) {
-    if (!Jt(o)) continue;
+    if (!Zt(o)) continue;
     const s = to(o, i);
     let a = s;
     if (l.has(s) && (a = `${s}__${i}`), a === t) return o;
@@ -2871,9 +2877,9 @@ function io(e, t) {
   }
   return ro(e, t);
 }
-function Hn(e, t) {
+function Fn(e, t) {
   const n = io(e, t);
-  return n ? Kt(n) ? { el: n } : { el: null, reason: "private" } : { el: null, reason: "not_found" };
+  return n ? Jt(n) ? { el: n } : { el: null, reason: "private" } : { el: null, reason: "not_found" };
 }
 function oo(e, t) {
   const n = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(n, "value"), l = i == null ? void 0 : i.set;
@@ -2891,7 +2897,7 @@ function lo(e, t, n = {}) {
   }
   oo(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), l && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function On(e, t) {
+function Bn(e, t) {
   if (!t) return null;
   const n = t.replace(/"/g, '\\"'), i = (a) => a.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget') !== null;
   try {
@@ -2965,7 +2971,7 @@ function fo() {
   const e = uo();
   return e || window;
 }
-function Fn(e) {
+function Wn(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
 function po(e) {
@@ -3010,9 +3016,9 @@ const ho = /* @__PURE__ */ new Set([
   // to onAgentCommand.
   "task_field_updated",
   "task_completed"
-]), er = Zt(
+]), nr = Qt(
   function(t, n) {
-    var dn, fn, pn, hn, mn, gn, yn;
+    var pn, hn, mn, gn, yn, vn, bn;
     const {
       agentId: i,
       apiKey: l,
@@ -3032,19 +3038,19 @@ const ho = /* @__PURE__ */ new Set([
       // .ll-expanded--mobile in styles.css.
       defaultDisplayMode: h = "expanded",
       onDisplayModeChange: D,
-      position: x = "bottom-right",
-      mobileBreakpoint: E = 640,
-      draggable: y,
+      position: _ = "bottom-right",
+      mobileBreakpoint: k = 640,
+      draggable: g,
       resizable: w,
-      persistKey: T = "ll-widget",
-      disablePersistence: S = !1,
+      persistKey: R = "ll-widget",
+      disablePersistence: E = !1,
       teamMembers: v,
       currentTeamMemberId: O,
-      onTeamMemberChange: g,
+      onTeamMemberChange: y,
       idleLoopUrl: z,
       greeting: B,
       avatarImageUrl: K,
-      agentName: ae,
+      agentName: le,
       branding: H = {},
       allowCamera: G = !0,
       allowScreenShare: f = !0,
@@ -3061,53 +3067,53 @@ const ho = /* @__PURE__ */ new Set([
       hideOn: Q,
       pathname: _e,
       onNavigate: ne,
-      onScrollToSelector: it,
-      getPageContext: ot,
-      pageContextExtras: yt,
-      getRoutes: vt,
-      onScrollPage: lt,
-      onClick: bt,
+      onScrollToSelector: ot,
+      getPageContext: lt,
+      pageContextExtras: vt,
+      getRoutes: bt,
+      onScrollPage: at,
+      onClick: wt,
       capabilities: qe,
       onConnect: Ue,
-      onDisconnect: Re,
-      onTranscript: De,
-      onAgentState: Pe,
-      onConnectionStateChange: ze,
-      onAgentEvent: $e,
+      onDisconnect: De,
+      onTranscript: Pe,
+      onAgentState: ze,
+      onConnectionStateChange: $e,
+      onAgentEvent: He,
       onAgentCommand: je,
-      onCollect: He,
+      onCollect: Oe,
       controlledSession: F,
-      className: Oe,
+      className: Fe,
       style: Ve,
       zIndex: xe = 2147483647
-    } = t, wt = Kr(_e), Fe = ri(wt, me, Q);
-    R(() => {
+    } = t, _t = Kr(_e), st = ri(_t, me, Q);
+    I(() => {
       Gi(), eo();
-    }, [wt]);
-    const Ae = O !== void 0, [Rt, _t] = M(() => {
+    }, [_t]);
+    const Me = O !== void 0, [zt, xt] = M(() => {
       var b;
       return O ?? ((b = v == null ? void 0 : v[0]) == null ? void 0 : b.id);
-    }), Be = Ae ? O : Rt, ue = rt(
-      () => (v == null ? void 0 : v.find((b) => b.id === Be)) ?? null,
-      [v, Be]
-    ), at = (ue == null ? void 0 : ue.agentId) ?? i, le = u === "EMBEDDED", pe = Wr(E), [Ye, Ge] = Fr({
+    }), Ae = Me ? O : zt, de = it(
+      () => (v == null ? void 0 : v.find((b) => b.id === Ae)) ?? null,
+      [v, Ae]
+    ), ct = (de == null ? void 0 : de.agentId) ?? i, fe = u === "EMBEDDED", ge = Wr(k), [Lt, Ye] = Fr({
       value: p,
       defaultValue: h,
       onChange: D,
-      persistKey: T,
-      disablePersistence: le || S
-    }), ge = le ? "expanded" : Ye, Le = le ? () => {
-    } : Ge, xt = q ?? !le, Dt = X ?? !le, Pt = te || !le && pe, Ne = Gr({
-      draggable: !le && (y ?? !pe),
-      resizable: !le && (w ?? !pe),
-      persistKey: T,
-      disablePersistence: le || S
-    }), Me = Ar(), Se = Tr(), ye = Rr(), Ce = Dr(), [Lt, Xe] = M(!1), [ct, ut] = M(!1), [_, re] = M(!1), [tr, nr] = M(!1), [$t, rr] = M(!1), Ct = oi({ baseUrl: o, config: c }), kt = I(Ct);
-    kt.current = Ct;
-    const Ht = I(ne), Ot = I(it), Ft = I(lt), Bt = I(bt), en = I(ot), tn = I(yt), nn = I(vt), Wt = I(qe), ke = I(null);
-    Ht.current = ne, Ot.current = it, Ft.current = lt, Bt.current = bt, en.current = ot, tn.current = yt, nn.current = vt, Wt.current = qe;
+      persistKey: R,
+      disablePersistence: fe || E
+    }), pe = fe ? "expanded" : Lt, ye = fe ? () => {
+    } : Ye, Ge = q ?? !fe, Ct = X ?? !fe, kt = te || !fe && ge, Ie = Gr({
+      draggable: !fe && (g ?? !ge),
+      resizable: !fe && (w ?? !ge),
+      persistKey: R,
+      disablePersistence: fe || E
+    }), Le = Ar(), Ce = Tr(), Be = Rr(), Xe = Dr(), [Ht, ke] = M(!1), [Se, ut] = M(!1), [Ke, dt] = M(!1), [St, x] = M(!1), [re, rr] = M(!1), Et = oi({ baseUrl: o, config: c }), At = T(Et);
+    At.current = Et;
+    const Ot = T(ne), Ft = T(ot), Bt = T(at), Wt = T(wt), nn = T(lt), rn = T(vt), on = T(bt), qt = T(qe), Ee = T(null);
+    Ot.current = ne, Ft.current = ot, Bt.current = at, Wt.current = wt, nn.current = lt, rn.current = vt, on.current = bt, qt.current = qe;
     function be(b) {
-      const d = Wt.current;
+      const d = qt.current;
       return d ? d.includes(b) : !0;
     }
     function we(b, d) {
@@ -3115,12 +3121,12 @@ const ho = /* @__PURE__ */ new Set([
         `[LiveLayer] Agent command "${b}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
-    const dt = C(
+    const ft = C(
       (b) => {
-        var ie, de, Ee, pt, Ie;
+        var ie, ce, Ne, ht, Te;
         const d = b;
         if (!(!d.type || typeof d.type != "string")) {
-          if ($e == null || $e({ eventName: d.type, data: b }), d.type === "navigate") {
+          if (He == null || He({ eventName: d.type, data: b }), d.type === "navigate") {
             if (!be("navigate")) {
               we("navigate", "navigate");
               return;
@@ -3132,9 +3138,9 @@ const ho = /* @__PURE__ */ new Set([
               );
               return;
             }
-            if (kt.current.playPageChange(), Ht.current) {
+            if (At.current.playPageChange(), Ot.current) {
               try {
-                Ht.current(N);
+                Ot.current(N);
               } catch (P) {
                 console.warn(
                   `[LiveLayer] onNavigate threw for "${N}". Falling back. Error:`,
@@ -3171,9 +3177,9 @@ const ho = /* @__PURE__ */ new Set([
             const N = typeof d.selector == "string" ? d.selector : null;
             if (!N) return;
             const P = d.behavior === "instant" ? "instant" : "smooth";
-            if (Ot.current) {
+            if (Ft.current) {
               try {
-                Ot.current(
+                Ft.current(
                   N,
                   P
                 );
@@ -3210,16 +3216,16 @@ const ho = /* @__PURE__ */ new Set([
               we("request_page_context", "read_page");
               return;
             }
-            const N = typeof d.requestId == "string" ? d.requestId : void 0, P = (ie = ke.current) == null ? void 0 : ie.call(ke), Y = (Z) => {
-              const W = P, ce = W == null ? void 0 : W.localParticipant;
-              if (ce != null && ce.publishData)
+            const N = typeof d.requestId == "string" ? d.requestId : void 0, P = (ie = Ee.current) == null ? void 0 : ie.call(Ee), Y = (Z) => {
+              const W = P, se = W == null ? void 0 : W.localParticipant;
+              if (se != null && se.publishData)
                 try {
-                  const he = N ? { ...Z, requestId: N } : Z, Ze = new TextEncoder().encode(JSON.stringify(he));
-                  ce.publishData(Ze, { reliable: !0 });
+                  const he = N ? { ...Z, requestId: N } : Z, Qe = new TextEncoder().encode(JSON.stringify(he));
+                  se.publishData(Qe, { reliable: !0 });
                 } catch (he) {
                   console.warn("[LiveLayer] publishData failed.", he);
                 }
-            }, j = tn.current, J = en.current;
+            }, j = rn.current, J = nn.current;
             try {
               if (J) {
                 const Z = J(j);
@@ -3230,7 +3236,7 @@ const ho = /* @__PURE__ */ new Set([
                       W
                     ), Y({
                       type: "page_context",
-                      context: $n(j)
+                      context: On(j)
                     });
                   });
                   return;
@@ -3240,7 +3246,7 @@ const ho = /* @__PURE__ */ new Set([
               }
               Y({
                 type: "page_context",
-                context: $n(j)
+                context: On(j)
               });
             } catch (Z) {
               console.warn(
@@ -3266,9 +3272,9 @@ const ho = /* @__PURE__ */ new Set([
               return;
             }
             const P = d.behavior === "instant" ? "instant" : "smooth";
-            if (Ft.current) {
+            if (Bt.current) {
               try {
-                Ft.current(
+                Bt.current(
                   N,
                   P
                 );
@@ -3283,7 +3289,7 @@ const ho = /* @__PURE__ */ new Set([
             }, Z = (W) => {
               j instanceof Window ? j.scrollTo({ top: W, ...Y }) : j.scrollTo({ top: W, ...Y });
             };
-            N === "up" ? J(-Fn(j)) : N === "down" ? J(Fn(j)) : Z(N === "top" ? 0 : po(j));
+            N === "up" ? J(-Wn(j)) : N === "down" ? J(Wn(j)) : Z(N === "top" ? 0 : po(j));
             return;
           }
           if (d.type === "click") {
@@ -3296,9 +3302,9 @@ const ho = /* @__PURE__ */ new Set([
               console.warn("[LiveLayer] click: missing selector.");
               return;
             }
-            if (Bt.current) {
+            if (Wt.current) {
               try {
-                Bt.current(N);
+                Wt.current(N);
               } catch (Y) {
                 console.warn("[LiveLayer] onClick threw.", Y);
               }
@@ -3326,7 +3332,7 @@ const ho = /* @__PURE__ */ new Set([
               );
               return;
             }
-            (de = P.click) == null || de.call(P);
+            (ce = P.click) == null || ce.call(P);
             return;
           }
           if (d.type === "advance_step" || d.type === "go_back" || d.type === "submit_flow") {
@@ -3336,12 +3342,12 @@ const ho = /* @__PURE__ */ new Set([
             }
             if (typeof document > "u") return;
             const N = d.type === "advance_step" ? "ll-advance" : d.type === "go_back" ? "ll-back" : "ll-submit";
-            let P = Tn(N);
-            if (P || (Zn(document), P = Tn(N)), !P) {
+            let P = Dn(N);
+            if (P || (er(document), P = Dn(N)), !P) {
               console.warn(`[LiveLayer] ${d.type}: no "${N}" control found.`);
               return;
             }
-            (Ee = P.click) == null || Ee.call(P);
+            (Ne = P.click) == null || Ne.call(P);
             return;
           }
           if (d.type === "fill_form" || d.type === "focus_field") {
@@ -3350,13 +3356,13 @@ const ho = /* @__PURE__ */ new Set([
               return;
             }
             if (typeof document > "u") return;
-            d.type === "fill_form" && kt.current.playConfirmation();
+            d.type === "fill_form" && At.current.playConfirmation();
             const N = typeof d.formId == "string" ? d.formId : null;
             if (!N) {
               console.warn(`[LiveLayer] ${d.type}: missing formId.`);
               return;
             }
-            const P = On(document, N);
+            const P = Bn(document, N);
             if (!P) {
               console.warn(
                 `[LiveLayer] ${d.type}: no <form> matched id="${N}" (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.`
@@ -3375,7 +3381,7 @@ const ho = /* @__PURE__ */ new Set([
                 console.warn("[LiveLayer] focus_field: missing fieldName.");
                 return;
               }
-              const J = Hn(P, j);
+              const J = Fn(P, j);
               if (J.el === null) {
                 J.reason === "private" ? console.warn(
                   `[LiveLayer] focus_field: field "${j}" is privacy-protected and not focusable.`
@@ -3394,7 +3400,7 @@ const ho = /* @__PURE__ */ new Set([
             }
             for (const [j, J] of Object.entries(Y)) {
               if (typeof J != "string") continue;
-              const Z = Hn(P, j);
+              const Z = Fn(P, j);
               if (Z.el === null) {
                 Z.reason === "private" ? console.warn(
                   `[LiveLayer] fill_form: field "${j}" is privacy-protected (password / cc-* / data-ll-private). Skipping.`
@@ -3425,8 +3431,8 @@ const ho = /* @__PURE__ */ new Set([
               console.warn("[LiveLayer] submit_form: missing formId.");
               return;
             }
-            kt.current.playConfirmation();
-            const P = On(document, N);
+            At.current.playConfirmation();
+            const P = Bn(document, N);
             if (!P) {
               console.warn(
                 `[LiveLayer] submit_form: no <form> matched id="${N}" (or matching name / data-ll-intent slug).`
@@ -3439,12 +3445,12 @@ const ho = /* @__PURE__ */ new Set([
               );
               return;
             }
-            const Y = typeof d.requestId == "string" ? d.requestId : void 0, j = (pt = ke.current) == null ? void 0 : pt.call(ke), J = (ce) => {
-              const he = j, Ze = he == null ? void 0 : he.localParticipant;
-              if (Ze != null && Ze.publishData)
+            const Y = typeof d.requestId == "string" ? d.requestId : void 0, j = (ht = Ee.current) == null ? void 0 : ht.call(Ee), J = (se) => {
+              const he = j, Qe = he == null ? void 0 : he.localParticipant;
+              if (Qe != null && Qe.publishData)
                 try {
-                  const yr = Y ? { ...ce, requestId: Y } : ce, vr = new TextEncoder().encode(JSON.stringify(yr));
-                  Ze.publishData(vr, { reliable: !0 });
+                  const yr = Y ? { ...se, requestId: Y } : se, vr = new TextEncoder().encode(JSON.stringify(yr));
+                  Qe.publishData(vr, { reliable: !0 });
                 } catch {
                 }
             };
@@ -3455,8 +3461,8 @@ const ho = /* @__PURE__ */ new Set([
             P.addEventListener("submit", W, { once: !0 });
             try {
               typeof P.requestSubmit == "function" ? P.requestSubmit() : P.submit();
-            } catch (ce) {
-              console.warn("[LiveLayer] submit_form: requestSubmit threw.", ce), P.removeEventListener("submit", W), J({
+            } catch (se) {
+              console.warn("[LiveLayer] submit_form: requestSubmit threw.", se), P.removeEventListener("submit", W), J({
                 type: "form_submit_blocked",
                 formId: N,
                 reason: "exception"
@@ -3477,41 +3483,41 @@ const ho = /* @__PURE__ */ new Set([
               we("request_routes", "read_page");
               return;
             }
-            const N = typeof d.requestId == "string" ? d.requestId : void 0, Y = (Ie = ke.current) == null ? void 0 : Ie.call(ke), j = Y == null ? void 0 : Y.localParticipant;
+            const N = typeof d.requestId == "string" ? d.requestId : void 0, Y = (Te = Ee.current) == null ? void 0 : Te.call(Ee), j = Y == null ? void 0 : Y.localParticipant;
             if (!(j != null && j.publishData)) return;
             const J = (W) => {
               try {
-                const ce = N ? { type: "routes", routes: W, requestId: N } : { type: "routes", routes: W }, he = new TextEncoder().encode(JSON.stringify(ce));
+                const se = N ? { type: "routes", routes: W, requestId: N } : { type: "routes", routes: W }, he = new TextEncoder().encode(JSON.stringify(se));
                 j.publishData(he, { reliable: !0 });
-              } catch (ce) {
-                console.warn("[LiveLayer] request_routes: publishData failed.", ce);
+              } catch (se) {
+                console.warn("[LiveLayer] request_routes: publishData failed.", se);
               }
-            }, Z = nn.current;
+            }, Z = on.current;
             if (Z) {
               try {
-                const W = Z(), ce = (he) => {
+                const W = Z(), se = (he) => {
                   if (!Array.isArray(he)) {
                     J([]);
                     return;
                   }
                   J(he.map(Ki).slice(0, 200));
                 };
-                W instanceof Promise ? W.then(ce).catch((he) => {
+                W instanceof Promise ? W.then(se).catch((he) => {
                   console.warn(
                     "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
                     he
-                  ), J(Yt());
-                }) : ce(W);
+                  ), J(Gt());
+                }) : se(W);
               } catch (W) {
                 console.warn(
                   "[LiveLayer] getRoutes threw; falling back to DOM walker.",
                   W
-                ), J(Yt());
+                ), J(Gt());
               }
               return;
             }
             try {
-              J(Yt());
+              J(Gt());
             } catch (W) {
               console.warn("[LiveLayer] request_routes: extractRoutes threw.", W);
             }
@@ -3563,7 +3569,7 @@ const ho = /* @__PURE__ */ new Set([
               } catch {
               }
             try {
-              He == null || He(
+              Oe == null || Oe(
                 N
               );
             } catch (P) {
@@ -3574,37 +3580,37 @@ const ho = /* @__PURE__ */ new Set([
           ho.has(d.type) || je == null || je(d);
         }
       },
-      [je, $e, He]
-    ), se = Er({
-      agentId: F ? "__controlled__" : at,
+      [je, He, Oe]
+    ), ae = Er({
+      agentId: F ? "__controlled__" : ct,
       baseUrl: o,
       apiKey: l,
       sessionEndpoint: s,
       sessionBody: a,
-      onDataMessage: F ? void 0 : dt
+      onDataMessage: F ? void 0 : ft
     });
-    R(() => {
+    I(() => {
       if (F != null && F.subscribeToDataMessages)
-        return F.subscribeToDataMessages(dt);
-    }, [F, dt]), ke.current = () => {
+        return F.subscribeToDataMessages(ft);
+    }, [F, ft]), Ee.current = () => {
       var b;
-      return (b = se.getRoom) == null ? void 0 : b.call(se);
-    }, R(() => {
+      return (b = ae.getRoom) == null ? void 0 : b.call(ae);
+    }, I(() => {
       var ie;
       if (typeof window > "u") return;
       const b = ((ie = window.location) == null ? void 0 : ie.hostname) || "";
       if (b === "localhost" || b === "127.0.0.1" || b === "0.0.0.0" || b.endsWith(".local") || b.endsWith(".test"))
-        return window.__livelayerSimulateCommand = (de) => {
+        return window.__livelayerSimulateCommand = (ce) => {
           try {
-            dt(de);
-          } catch (Ee) {
-            console.warn("[LiveLayer] simulate-command threw:", Ee);
+            ft(ce);
+          } catch (Ne) {
+            console.warn("[LiveLayer] simulate-command threw:", Ne);
           }
         }, () => {
           delete window.__livelayerSimulateCommand;
         };
-    }, [dt]);
-    const L = rt(() => F ? {
+    }, [ft]);
+    const L = it(() => F ? {
       connectionState: F.connectionState,
       agentState: F.agentState,
       transcript: F.transcript,
@@ -3620,121 +3626,121 @@ 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: se.getRoom,
+      getRoom: ae.getRoom,
       isControlled: !0
     } : {
-      connectionState: se.connectionState,
-      agentState: se.agentState,
-      transcript: se.transcript,
-      videoElement: se.videoElement,
-      audioElement: se.audioElement,
-      canResume: se.canResume,
-      error: se.error,
-      agentConfig: se.agentConfig,
-      connect: se.connect,
-      disconnect: se.disconnect,
-      getRoom: se.getRoom,
+      connectionState: ae.connectionState,
+      agentState: ae.agentState,
+      transcript: ae.transcript,
+      videoElement: ae.videoElement,
+      audioElement: ae.audioElement,
+      canResume: ae.canResume,
+      error: ae.error,
+      agentConfig: ae.agentConfig,
+      connect: ae.connect,
+      disconnect: ae.disconnect,
+      getRoom: ae.getRoom,
       isControlled: !1
-    }, [F, se]), rn = I(L);
-    rn.current = L;
-    const on = I(F);
-    on.current = F, wr(
+    }, [F, ae]), ln = T(L);
+    ln.current = L;
+    const an = T(F);
+    an.current = F, wr(
       n,
       () => ({
         sendData: async (b) => {
-          var Ee, pt;
-          const d = on.current;
+          var Ne, ht;
+          const d = an.current;
           if (d != null && d.publishData) {
             try {
               await d.publishData(b);
-            } catch (Ie) {
-              console.warn("[AvatarWidget] sendData (controlled) failed:", Ie);
+            } catch (Te) {
+              console.warn("[AvatarWidget] sendData (controlled) failed:", Te);
             }
             return;
           }
-          const ie = (pt = (Ee = rn.current) == null ? void 0 : Ee.getRoom) == null ? void 0 : pt.call(Ee), de = ie == null ? void 0 : ie.localParticipant;
-          if (de != null && de.publishData)
+          const ie = (ht = (Ne = ln.current) == null ? void 0 : Ne.getRoom) == null ? void 0 : ht.call(Ne), ce = ie == null ? void 0 : ie.localParticipant;
+          if (ce != null && ce.publishData)
             try {
-              const Ie = new TextEncoder().encode(JSON.stringify(b));
-              await de.publishData(Ie, { reliable: !0 });
-            } catch (Ie) {
-              console.warn("[AvatarWidget] sendData failed:", Ie);
+              const Te = new TextEncoder().encode(JSON.stringify(b));
+              await ce.publishData(Te, { reliable: !0 });
+            } catch (Te) {
+              console.warn("[AvatarWidget] sendData failed:", Te);
             }
         }
       }),
       []
     );
-    const ln = I(null);
-    R(() => {
-      const b = L.videoElement, d = ln.current;
+    const sn = T(null);
+    I(() => {
+      const b = L.videoElement, d = sn.current;
       if (!(!b || !d))
         return d.appendChild(b), () => {
           b.parentNode === d && d.removeChild(b);
         };
     }, [L.videoElement]);
-    const [Ke, St] = M(!1);
-    R(() => {
+    const [Je, Nt] = M(!1);
+    I(() => {
       if (!$) {
-        St(!0);
+        Nt(!0);
         return;
       }
-      L.agentState === "speaking" && !Ke && St(!0);
-    }, [$, L.agentState, Ke]), R(() => {
+      L.agentState === "speaking" && !Je && Nt(!0);
+    }, [$, L.agentState, Je]), I(() => {
       if (!$) return;
       const b = L.connectionState;
-      (b === "disconnected" || b === "idle") && St(!1);
-    }, [$, L.connectionState]), R(() => {
-      if (!$ || !L.videoElement || Ke) return;
-      const b = setTimeout(() => St(!0), 5e3);
+      (b === "disconnected" || b === "idle") && Nt(!1);
+    }, [$, L.connectionState]), I(() => {
+      if (!$ || !L.videoElement || Je) return;
+      const b = setTimeout(() => Nt(!0), 5e3);
       return () => clearTimeout(b);
-    }, [$, L.videoElement, Ke]), R(() => {
+    }, [$, L.videoElement, Je]), I(() => {
       const b = L.videoElement;
       if (b) {
         if (!$) {
           b.style.filter = "";
           return;
         }
-        b.style.transition = "filter 500ms ease-out", b.style.filter = Ke ? "" : "blur(8px)";
+        b.style.transition = "filter 500ms ease-out", b.style.filter = Je ? "" : "blur(8px)";
       }
-    }, [$, L.videoElement, Ke]), R(() => {
+    }, [$, L.videoElement, Je]), I(() => {
       const b = L.audioElement;
       if (!b) return;
       const d = document.createElement("div");
-      d.className = "ll-audio-sink", d.setAttribute("aria-hidden", "true"), d.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;", d.appendChild(b), document.body.appendChild(d), Me.attach(b);
+      d.className = "ll-audio-sink", d.setAttribute("aria-hidden", "true"), d.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;", d.appendChild(b), document.body.appendChild(d), Le.attach(b);
       const ie = b.play();
-      return ie && typeof ie.catch == "function" && ie.catch((de) => {
-        (de == null ? void 0 : de.name) === "NotAllowedError" && Xe(!0);
+      return ie && typeof ie.catch == "function" && ie.catch((ce) => {
+        (ce == null ? void 0 : ce.name) === "NotAllowedError" && ke(!0);
       }), () => {
-        Me.detach(), b.parentNode === d && d.removeChild(b), d.parentNode === document.body && document.body.removeChild(d);
+        Le.detach(), b.parentNode === d && d.removeChild(b), d.parentNode === document.body && document.body.removeChild(d);
       };
     }, [L.audioElement]);
     const ve = Mr({
       gateUntilAgentReady: !0,
       agentState: L.agentState
     });
-    R(() => {
+    I(() => {
       if (L.isControlled || L.connectionState !== "connected") return;
       const b = L.getRoom();
       if (b)
         return ve.setupMic(b).then(() => {
           const d = ve.getMicStream();
-          d && Me.attachStream(d, "mic");
+          d && Le.attachStream(d, "mic");
         }).catch(() => {
         }), () => {
-          Me.detachSlot("mic"), ve.teardownMic();
+          Le.detachSlot("mic"), ve.teardownMic();
         };
-    }, [L.isControlled, L.connectionState]), R(() => {
+    }, [L.isControlled, L.connectionState]), I(() => {
       var d;
       if (L.connectionState !== "connected") return;
       const b = L.isControlled ? (d = F == null ? void 0 : F.getRoom) == null ? void 0 : d.call(F) : L.getRoom();
       if (b)
-        return Se.attachRoom(b), ye.attachRoom(b), L.isControlled && ve.attachRoom(b), Ce.refresh(), () => {
-          Se.teardown(), ye.teardown();
+        return Ce.attachRoom(b), Be.attachRoom(b), L.isControlled && ve.attachRoom(b), Xe.refresh(), () => {
+          Ce.teardown(), Be.teardown();
         };
-    }, [L.isControlled, L.connectionState, F]), R(() => {
+    }, [L.isControlled, L.connectionState, F]), I(() => {
       const b = L.audioElement;
-      b && (b.muted = $t);
-    }, [L.audioElement, $t]);
+      b && (b.muted = re);
+    }, [L.audioElement, re]);
     const ir = C((b) => {
       const d = { type: "user_message", text: b };
       if (F != null && F.publishData) {
@@ -3747,132 +3753,132 @@ const ho = /* @__PURE__ */ new Set([
       const ie = L.getRoom();
       if (ie)
         try {
-          const de = new TextEncoder().encode(JSON.stringify(d));
-          ie.localParticipant.publishData(de, { reliable: !0 });
+          const ce = new TextEncoder().encode(JSON.stringify(d));
+          ie.localParticipant.publishData(ce, { reliable: !0 });
         } catch {
         }
     }, [L, F]), or = C(() => {
       rr((b) => !b);
     }, []);
-    R(() => {
-      ze == null || ze(L.connectionState), L.connectionState === "connected" ? Ue == null || Ue() : L.connectionState === "disconnected" && (Re == null || Re());
-    }, [L.connectionState, Ue, Re, ze]), R(() => {
-      De == null || De(L.transcript);
-    }, [L.transcript, De]), R(() => {
-      Pe == null || Pe(L.agentState);
-    }, [L.agentState, Pe]), R(() => {
-      Ct.setThinking(L.agentState === "thinking");
-    }, [L.agentState, Ct]);
-    const an = I(!1);
-    R(() => {
-      !m || an.current || Fe && L.connectionState === "idle" && (an.current = !0, L.connect());
-    }, [m, L.connectionState, L, Fe]);
+    I(() => {
+      $e == null || $e(L.connectionState), L.connectionState === "connected" ? Ue == null || Ue() : L.connectionState === "disconnected" && (De == null || De());
+    }, [L.connectionState, Ue, De, $e]), I(() => {
+      Pe == null || Pe(L.transcript);
+    }, [L.transcript, Pe]), I(() => {
+      ze == null || ze(L.agentState);
+    }, [L.agentState, ze]), I(() => {
+      Et.setThinking(L.agentState === "thinking");
+    }, [L.agentState, Et]);
+    const cn = T(!1);
+    I(() => {
+      !m || cn.current || st && L.connectionState === "idle" && (cn.current = !0, L.connect());
+    }, [m, L.connectionState, L, st]);
     const lr = C(
       (b) => {
         const d = v == null ? void 0 : v.find((ie) => ie.id === b);
-        d && (re(!1), b !== Be && (ut(!0), L.disconnect(), Ae || _t(b), g == null || g(d)));
+        d && (dt(!1), b !== Ae && (ut(!0), L.disconnect(), Me || xt(b), y == null || y(d)));
       },
       [
         v,
-        Be,
-        L,
         Ae,
-        g
+        L,
+        Me,
+        y
       ]
     );
-    R(() => {
-      ct && L.connectionState === "connected" && ut(!1);
-    }, [L.connectionState, ct]), R(() => {
-      if (!_) return;
+    I(() => {
+      Se && L.connectionState === "connected" && ut(!1);
+    }, [L.connectionState, Se]), I(() => {
+      if (!Ke) return;
       const b = (d) => {
-        d.key === "Escape" && re(!1);
+        d.key === "Escape" && dt(!1);
       };
       return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
-    }, [_]);
-    const ar = !!K || !!(ue != null && ue.avatarImageUrl) || L.isControlled, ft = Pr(at, o, ar);
-    qe === void 0 && ((dn = ft.info) != null && dn.capabilities) && (Wt.current = ft.info.capabilities);
-    const Et = (ue == null ? void 0 : ue.name) ?? ae ?? ((fn = L.agentConfig) == null ? void 0 : fn.name) ?? ((pn = ft.info) == null ? void 0 : pn.name) ?? "Live Layer", qt = (ue == null ? void 0 : ue.avatarImageUrl) ?? K ?? ((hn = L.agentConfig) == null ? void 0 : hn.avatarImageUrl) ?? ((mn = ft.info) == null ? void 0 : mn.avatarImageUrl) ?? null, sr = z ?? ((gn = L.agentConfig) == null ? void 0 : gn.idleLoopUrl) ?? ((yn = ft.info) == null ? void 0 : yn.idleLoopUrl) ?? null, cr = B ?? null, ur = C(() => Le("expanded"), [Le]), dr = C(
-      () => Le("minimized"),
-      [Le]
-    ), sn = C(() => {
-      L.disconnect(), Le("hidden");
-    }, [L, Le]), fr = C(() => {
+    }, [Ke]);
+    const ar = !!K || !!(de != null && de.avatarImageUrl) || L.isControlled, pt = Pr(ct, o, ar);
+    qe === void 0 && ((pn = pt.info) != null && pn.capabilities) && (qt.current = pt.info.capabilities);
+    const Mt = (de == null ? void 0 : de.name) ?? le ?? ((hn = L.agentConfig) == null ? void 0 : hn.name) ?? ((mn = pt.info) == null ? void 0 : mn.name) ?? "Live Layer", Ut = (de == null ? void 0 : de.avatarImageUrl) ?? K ?? ((gn = L.agentConfig) == null ? void 0 : gn.avatarImageUrl) ?? ((yn = pt.info) == null ? void 0 : yn.avatarImageUrl) ?? null, sr = z ?? ((vn = L.agentConfig) == null ? void 0 : vn.idleLoopUrl) ?? ((bn = pt.info) == null ? void 0 : bn.idleLoopUrl) ?? null, cr = B ?? null, ur = C(() => ye("expanded"), [ye]), dr = C(
+      () => ye("minimized"),
+      [ye]
+    ), un = C(() => {
+      L.disconnect(), ye("hidden");
+    }, [L, ye]), fr = C(() => {
       const b = L.audioElement;
-      b && b.play().then(() => Xe(!1)).catch(() => {
+      b && b.play().then(() => ke(!1)).catch(() => {
       });
     }, [L.audioElement]), pr = C(() => {
-      Xe(!1), L.connect();
-    }, [L]), Je = {
+      ke(!1), L.connect();
+    }, [L]), Ze = {
       ...Ve,
-      ...le ? {} : { zIndex: xe }
+      ...fe ? {} : { zIndex: xe }
     };
-    H.primaryColor && (Je["--ll-color-primary"] = H.primaryColor), H.accentColor && (Je["--ll-color-accent"] = H.accentColor), H.backgroundColor && (Je["--ll-color-bg"] = H.backgroundColor), H.textColor && (Je["--ll-color-fg"] = H.textColor);
+    H.primaryColor && (Ze["--ll-color-primary"] = H.primaryColor), H.accentColor && (Ze["--ll-color-accent"] = H.accentColor), H.backgroundColor && (Ze["--ll-color-bg"] = H.backgroundColor), H.textColor && (Ze["--ll-color-fg"] = H.textColor);
     const hr = {
-      ...Je,
-      ...Ne.style
+      ...Ze,
+      ...Ie.style
     }, mr = [
       "ll-widget",
-      `ll-widget--${ge}`,
-      `ll-widget--${pe ? "mobile" : "desktop"}`,
-      Ne.hasGeometry ? "ll-widget--has-geometry" : null,
-      Ne.isDragging ? "is-dragging" : null,
-      Ne.isResizing ? "is-resizing" : null,
-      Oe
+      `ll-widget--${pe}`,
+      `ll-widget--${ge ? "mobile" : "desktop"}`,
+      Ie.hasGeometry ? "ll-widget--has-geometry" : null,
+      Ie.isDragging ? "is-dragging" : null,
+      Ie.isResizing ? "is-resizing" : null,
+      Fe
     ].filter(Boolean).join(" ");
-    if (!Fe) return null;
+    if (!st) return null;
     const gr = /* @__PURE__ */ r(
       "div",
       {
         className: mr,
         style: hr,
-        "data-display-mode": ge,
-        "data-position": x,
+        "data-display-mode": pe,
+        "data-position": _,
         "data-experience-mode": u === "EMBEDDED" ? "embedded" : "widget",
-        children: ge === "expanded" && /* @__PURE__ */ r(
+        children: pe === "expanded" && /* @__PURE__ */ r(
           xi,
           {
-            position: x,
-            isMobile: pe,
-            agentName: Et,
-            avatarImageUrl: qt,
+            position: _,
+            isMobile: ge,
+            agentName: Mt,
+            avatarImageUrl: Ut,
             idleLoopUrl: sr,
             greeting: cr,
             branding: H,
             teamMembers: v,
-            currentTeamMemberId: Be,
-            isSwitchingTeamMember: ct,
-            teamSwitcherOpen: _,
-            onToggleTeamSwitcher: () => re((b) => !b),
+            currentTeamMemberId: Ae,
+            isSwitchingTeamMember: Se,
+            teamSwitcherOpen: Ke,
+            onToggleTeamSwitcher: () => dt((b) => !b),
             onSelectTeamMember: lr,
             connectionState: L.connectionState,
             agentState: L.agentState,
             transcript: L.transcript,
             isMuted: ve.isMuted,
-            micDevices: Ce.mics,
+            micDevices: Xe.mics,
             activeMicId: ve.activeDeviceId,
-            isCameraEnabled: Se.isEnabled,
-            cameraPreviewEl: Se.previewEl,
-            cameraDevices: Ce.cameras,
-            activeCameraId: Se.activeDeviceId,
-            isScreenShareEnabled: ye.isEnabled,
-            screenPreviewEl: ye.previewEl,
-            isSpeakerMuted: $t,
+            isCameraEnabled: Ce.isEnabled,
+            cameraPreviewEl: Ce.previewEl,
+            cameraDevices: Xe.cameras,
+            activeCameraId: Ce.activeDeviceId,
+            isScreenShareEnabled: Be.isEnabled,
+            screenPreviewEl: Be.previewEl,
+            isSpeakerMuted: re,
             allowCamera: G,
             allowScreenShare: f,
             allowTyping: A,
-            showMinimize: pe && !le ? !1 : xt,
-            showClose: Dt,
+            showMinimize: ge && !fe ? !1 : Ge,
+            showClose: Ct,
             chromeless: ee,
-            compactControls: Pt,
+            compactControls: kt,
             transforming: oe,
             transformingLabel: U,
-            languageMenuOpen: tr,
-            onToggleLanguageMenu: () => nr((b) => !b),
-            needsUserGesture: Lt,
+            languageMenuOpen: St,
+            onToggleLanguageMenu: () => x((b) => !b),
+            needsUserGesture: Ht,
             canResume: L.canResume,
             micError: ve.micError,
             error: L.error,
-            avatarVideoContainerRef: ln,
+            avatarVideoContainerRef: sn,
             agentVideoEl: L.videoElement,
             onConnect: () => void L.connect(),
             onDisconnect: () => L.disconnect(),
@@ -3880,73 +3886,73 @@ const ho = /* @__PURE__ */ new Set([
             onResumeAudio: fr,
             onToggleMute: ve.toggleMute,
             onSwitchMicDevice: (b) => void ve.switchDevice(b),
-            onToggleCamera: () => void Se.toggle(),
-            onSwitchCameraDevice: (b) => void Se.switchDevice(b),
-            onToggleScreenShare: () => void ye.toggle(),
+            onToggleCamera: () => void Ce.toggle(),
+            onSwitchCameraDevice: (b) => void Ce.switchDevice(b),
+            onToggleScreenShare: () => void Be.toggle(),
             onToggleSpeaker: or,
             onSendMessage: ir,
             onMinimize: dr,
-            onClose: sn,
+            onClose: un,
             onClearMicError: ve.clearError,
-            dragHandleProps: Ne.dragHandleProps,
-            resizeHandleProps: Ne.resizeHandleProps
+            dragHandleProps: Ie.dragHandleProps,
+            resizeHandleProps: Ie.resizeHandleProps
           }
         )
       }
-    ), cn = !le && (ge === "hidden" || ge === "minimized") ? /* @__PURE__ */ k(
+    ), dn = !fe && (pe === "hidden" || pe === "minimized") ? /* @__PURE__ */ S(
       "div",
       {
         className: [
           "ll-widget",
           "ll-widget--floating",
-          `ll-widget--${ge}`,
-          `ll-widget--${pe ? "mobile" : "desktop"}`
+          `ll-widget--${pe}`,
+          `ll-widget--${ge ? "mobile" : "desktop"}`
         ].join(" "),
-        style: Je,
-        "data-display-mode": ge,
-        "data-position": x,
+        style: Ze,
+        "data-display-mode": pe,
+        "data-position": _,
         children: [
-          ge === "hidden" && /* @__PURE__ */ r(
+          pe === "hidden" && /* @__PURE__ */ r(
             di,
             {
-              position: x,
-              isMobile: pe,
+              position: _,
+              isMobile: ge,
               isSpeaking: L.agentState === "speaking",
-              onExpand: () => Le("expanded"),
-              label: `Open ${Et} widget`,
-              avatarImageUrl: qt,
-              agentName: Et,
+              onExpand: () => ye("expanded"),
+              label: `Open ${Mt} widget`,
+              avatarImageUrl: Ut,
+              agentName: Mt,
               containerEl: V
             }
           ),
-          ge === "minimized" && /* @__PURE__ */ r(
+          pe === "minimized" && /* @__PURE__ */ r(
             pi,
             {
-              position: x,
-              isMobile: pe,
-              agentName: Et,
-              avatarImageUrl: qt,
+              position: _,
+              isMobile: ge,
+              agentName: Mt,
+              avatarImageUrl: Ut,
               agentState: L.agentState,
               isMuted: ve.isMuted,
-              audioLevel: Me,
+              audioLevel: Le,
               onExpand: ur,
               onToggleMute: ve.toggleMute,
-              onClose: sn
+              onClose: un
             }
           )
         ]
       }
-    ) : null, un = V ?? (typeof document < "u" ? document.body : null);
-    return /* @__PURE__ */ k(We, { children: [
+    ) : null, fn = V ?? (typeof document < "u" ? document.body : null);
+    return /* @__PURE__ */ S(We, { children: [
       gr,
-      cn && un && Qt(cn, un)
+      dn && fn && en(dn, fn)
     ] });
   }
 );
-er.displayName = "AvatarWidgetInner";
-const mo = Zt(
+nr.displayName = "AvatarWidgetInner";
+const mo = Qt(
   function(t, n) {
-    return /* @__PURE__ */ r(Sr, { children: /* @__PURE__ */ r(er, { ...t, ref: n }) });
+    return /* @__PURE__ */ r(Sr, { children: /* @__PURE__ */ r(nr, { ...t, ref: n }) });
   }
 );
 mo.displayName = "AvatarWidget";
@@ -3959,24 +3965,24 @@ const So = ({
   className: o,
   style: s
 }) => {
-  const a = I(null), c = I(null), u = I(l);
+  const a = T(null), c = T(null), u = T(l);
   u.current = l;
   const m = C((p) => {
     var D;
     const h = p.detail;
     (D = u.current) == null || D.call(u, h);
   }, []);
-  return R(() => {
+  return I(() => {
     const p = a.current;
     if (!p) return;
     const h = document.createElement("livelayer-widget");
     return h.setAttribute("agent-id", e), t && h.setAttribute("base-url", t), n && h.setAttribute("api-key", n), i && h.setAttribute("mode", i), h.addEventListener("agent-event", m), p.appendChild(h), c.current = h, () => {
       h.removeEventListener("agent-event", m), p.removeChild(h), c.current = null;
     };
-  }, [e]), R(() => {
+  }, [e]), I(() => {
     c.current && (i ? c.current.setAttribute("mode", i) : c.current.removeAttribute("mode"));
   }, [i]), /* @__PURE__ */ r("div", { ref: a, className: o, style: s });
-}, Eo = Zt(
+}, Eo = Qt(
   function({ id: t, intent: n, as: i = "div", className: l, style: o, children: s }, a) {
     return _r(
       i,
@@ -3992,109 +3998,109 @@ const So = ({
   }
 );
 function Ao(e = {}) {
-  const { onFieldUpdate: t, onComplete: n, source: i = "all" } = e, [l, o] = M({}), [s, a] = M(!1), [c, u] = M(null), m = I(t), p = I(n), h = I(i);
-  R(() => {
+  const { onFieldUpdate: t, onComplete: n, source: i = "all" } = e, [l, o] = M({}), [s, a] = M(!1), [c, u] = M(null), m = T(t), p = T(n), h = T(i);
+  I(() => {
     m.current = t, p.current = n, h.current = i;
   }, [t, n, i]);
   const D = C(() => {
     o({}), a(!1);
   }, []);
-  return R(() => {
+  return I(() => {
     if (typeof window > "u") return;
-    const x = (E) => {
-      var w, T;
-      const y = E.detail;
-      if (y) {
-        if (y.phase === "field") {
-          if (h.current !== "all" && y.source !== h.current)
+    const _ = (k) => {
+      var w, R;
+      const g = k.detail;
+      if (g) {
+        if (g.phase === "field") {
+          if (h.current !== "all" && g.source !== h.current)
             return;
           a(!0), o(
-            (S) => S[y.fieldName] === y.value ? S : { ...S, [y.fieldName]: y.value }
+            (E) => E[g.fieldName] === g.value ? E : { ...E, [g.fieldName]: g.value }
           );
           try {
-            (w = m.current) == null || w.call(m, y);
-          } catch (S) {
-            console.warn("[LiveLayer] useCollect onFieldUpdate threw.", S);
+            (w = m.current) == null || w.call(m, g);
+          } catch (E) {
+            console.warn("[LiveLayer] useCollect onFieldUpdate threw.", E);
           }
           return;
         }
-        if (y.phase === "complete") {
-          const S = y.result;
-          if (h.current !== "all" && S.source !== h.current)
+        if (g.phase === "complete") {
+          const E = g.result;
+          if (h.current !== "all" && E.source !== h.current)
             return;
-          u(S), a(!1);
+          u(E), a(!1);
           try {
-            (T = p.current) == null || T.call(p, S);
+            (R = p.current) == null || R.call(p, E);
           } catch (v) {
             console.warn("[LiveLayer] useCollect onComplete threw.", v);
           }
         }
       }
     };
-    return document.addEventListener("ll-collected", x), () => document.removeEventListener("ll-collected", x);
+    return document.addEventListener("ll-collected", _), () => document.removeEventListener("ll-collected", _);
   }, []), { fields: l, isCollecting: s, lastResult: c, reset: D };
 }
-let Bn = 1;
+let qn = 1;
 function No({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: n = "ll-debug-open"
 }) {
-  const [i, l] = M(t), [o, s] = M([]), [a, c] = M(""), [u, m] = M(!1), p = I(/* @__PURE__ */ new Set()), h = I([]), D = I(u);
-  D.current = u, R(() => {
+  const [i, l] = M(t), [o, s] = M([]), [a, c] = M(""), [u, m] = M(!1), p = T(/* @__PURE__ */ new Set()), h = T([]), D = T(u);
+  D.current = u, I(() => {
     try {
-      const y = localStorage.getItem(n);
-      y === "1" && l(!0), y === "0" && l(!1);
+      const g = localStorage.getItem(n);
+      g === "1" && l(!0), g === "0" && l(!1);
     } catch {
     }
-  }, [n]), R(() => {
+  }, [n]), I(() => {
     try {
       localStorage.setItem(n, i ? "1" : "0");
     } catch {
     }
-  }, [i, n]), R(() => {
-    const y = (w) => {
-      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), l((T) => !T));
+  }, [i, n]), I(() => {
+    const g = (w) => {
+      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), l((R) => !R));
     };
-    return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-  }, []), R(() => {
-    const y = setInterval(() => {
+    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
+  }, []), I(() => {
+    const g = setInterval(() => {
       if (h.current.length === 0 || D.current) return;
       const w = h.current.splice(0, h.current.length);
       s(
-        (T) => [...w.reverse(), ...T].slice(0, 200)
+        (R) => [...w.reverse(), ...R].slice(0, 200)
       );
     }, 100);
-    return () => clearInterval(y);
+    return () => clearInterval(g);
   }, []);
-  const x = I(!1);
-  if (R(() => {
-    !e || x.current || (x.current = !0, e((y) => {
+  const _ = T(!1);
+  if (I(() => {
+    !e || _.current || (_.current = !0, e((g) => {
       h.current.push({
-        id: Bn++,
+        id: qn++,
         ts: Date.now(),
         kind: "event",
-        type: y.eventName,
-        data: y.data
+        type: g.eventName,
+        data: g.data
       });
     }));
-  }, [e]), R(() => {
-    const y = console.warn, w = console.log, T = (S, v) => function(...O) {
+  }, [e]), I(() => {
+    const g = console.warn, w = console.log, R = (E, v) => function(...O) {
       try {
-        const g = typeof O[0] == "string" ? O[0] : "";
-        g.startsWith("[LiveLayer]") && h.current.push({
-          id: Bn++,
+        const y = typeof O[0] == "string" ? O[0] : "";
+        y.startsWith("[LiveLayer]") && h.current.push({
+          id: qn++,
           ts: Date.now(),
-          kind: S,
-          type: g.slice(0, 120),
+          kind: E,
+          type: y.slice(0, 120),
           data: { args: O.slice(1).map((z) => yo(z)) }
         });
       } catch {
       }
       return v.apply(this, O);
     };
-    return console.warn = T("warn", y), console.log = T("log", w), () => {
-      console.warn = y, console.log = w;
+    return console.warn = R("warn", g), console.log = R("log", w), () => {
+      console.warn = g, console.log = w;
     };
   }, []), !i)
     return /* @__PURE__ */ r(
@@ -4123,12 +4129,12 @@ function No({
         children: "🛰 LL debug"
       }
     );
-  const E = o.filter((y) => {
+  const k = o.filter((g) => {
     if (!a) return !0;
     const w = a.toLowerCase();
-    return y.type.toLowerCase().includes(w) || JSON.stringify(y.data || {}).toLowerCase().includes(w);
+    return g.type.toLowerCase().includes(w) || JSON.stringify(g.data || {}).toLowerCase().includes(w);
   });
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ S(
     "div",
     {
       style: {
@@ -4150,7 +4156,7 @@ function No({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ k(
+        /* @__PURE__ */ S(
           "div",
           {
             style: {
@@ -4163,7 +4169,7 @@ function No({
             },
             children: [
               /* @__PURE__ */ r("span", { style: { fontWeight: 600, fontSize: 12 }, children: "LiveLayer debug" }),
-              /* @__PURE__ */ k("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
+              /* @__PURE__ */ S("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
                 o.length,
                 " event",
                 o.length === 1 ? "" : "s"
@@ -4173,8 +4179,8 @@ function No({
                 "button",
                 {
                   type: "button",
-                  onClick: () => m((y) => !y),
-                  style: Xt(u ? "#f59e0b" : "transparent"),
+                  onClick: () => m((g) => !g),
+                  style: Kt(u ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
                   children: u ? "▶ resume" : "⏸ pause"
                 }
@@ -4186,7 +4192,7 @@ function No({
                   onClick: () => {
                     s([]), h.current = [];
                   },
-                  style: Xt("transparent"),
+                  style: Kt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -4196,7 +4202,7 @@ function No({
                 {
                   type: "button",
                   onClick: () => l(!1),
-                  style: Xt("transparent"),
+                  style: Kt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -4210,7 +4216,7 @@ function No({
           {
             type: "text",
             value: a,
-            onChange: (y) => c(y.target.value),
+            onChange: (g) => c(g.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -4232,7 +4238,7 @@ function No({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: E.length === 0 ? /* @__PURE__ */ k(
+            children: k.length === 0 ? /* @__PURE__ */ S(
               "div",
               {
                 style: {
@@ -4262,16 +4268,16 @@ function No({
                   )
                 ]
               }
-            ) : E.map((y) => /* @__PURE__ */ r(
+            ) : k.map((g) => /* @__PURE__ */ r(
               go,
               {
-                entry: y,
-                expanded: p.current.has(y.id),
+                entry: g,
+                expanded: p.current.has(g.id),
                 onToggle: () => {
-                  p.current.has(y.id) ? p.current.delete(y.id) : p.current.add(y.id), s((w) => [...w]);
+                  p.current.has(g.id) ? p.current.delete(g.id) : p.current.add(g.id), s((w) => [...w]);
                 }
               },
-              y.id
+              g.id
             ))
           }
         )
@@ -4287,7 +4293,7 @@ function go({
   const i = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", l = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ S(
     "button",
     {
       type: "button",
@@ -4305,7 +4311,7 @@ function go({
         lineHeight: 1.4
       },
       children: [
-        /* @__PURE__ */ k("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ S("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ r(
             "span",
             {
@@ -4349,7 +4355,7 @@ function go({
     }
   );
 }
-function Xt(e) {
+function Kt(e) {
   return {
     background: e,
     color: "#fff",
@@ -4369,7 +4375,7 @@ function yo(e) {
 }
 function vo(e) {
   const t = JSON.stringify(e);
-  R(() => Lr(e), [t]);
+  I(() => Lr(e), [t]);
 }
 function Mo({ fields: e, children: t }) {
   return vo(e), /* @__PURE__ */ r(We, { children: t });
@@ -4404,8 +4410,8 @@ export {
   eo as clearRoutesCache,
   Vi as extractPageContext,
   Zi as extractRoutes,
-  $n as getCachedPageContext,
-  Yt as getCachedRoutes,
+  On as getCachedPageContext,
+  Gt as getCachedRoutes,
   Po as getRegisteredFields,
   ti as matchesPattern,
   Ki as normalizeRouteInput,