@livelayer/react 0.5.14 → 0.5.16

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as _, jsx as n, Fragment as ht } from "react/jsx-runtime";
-import { Component as dn, useState as L, useRef as E, useEffect as R, useCallback as k, useMemo as ot, forwardRef as mt, createElement as un } from "react";
-import { LiveKitSession as fn } from "@livelayer/sdk";
-import { createLocalAudioTrack as pn, Track as Gt, createLocalVideoTrack as hn } from "livekit-client";
-class mn extends dn {
+import { jsxs as _, jsx as n, Fragment as yt } from "react/jsx-runtime";
+import { Component as pn, useState as S, useRef as N, useEffect as A, useCallback as L, useMemo as ot, forwardRef as vt, createElement as hn } from "react";
+import { LiveKitSession as mn } from "@livelayer/sdk";
+import { createLocalAudioTrack as gn, Track as Xt, createLocalVideoTrack as yn } from "livekit-client";
+class vn extends pn {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -33,26 +33,26 @@ class mn extends dn {
     ] }) : this.props.children;
   }
 }
-function gn(e) {
-  const [t, r] = L("idle"), [i, o] = L("idle"), [l, c] = L([]), [d, f] = L(null), [y, g] = L(null), [a, s] = L(null), [I, C] = L(!1), [S, v] = L(null), b = E(null), z = E(e.onDataMessage);
-  z.current = e.onDataMessage, R(() => {
-    const N = {
+function bn(e) {
+  const [t, r] = S("idle"), [i, o] = S("idle"), [l, c] = S([]), [d, f] = S(null), [g, b] = S(null), [s, a] = S(null), [k, E] = S(!1), [C, v] = S(null), w = N(null), z = N(e.onDataMessage);
+  z.current = e.onDataMessage, A(() => {
+    const R = {
       onConnectionStateChange: (D) => {
         r(D), D === "connected" && v(null);
       },
       onAgentStateChange: o,
       onTranscript: (D) => c([...D]),
       onAgentConfig: f,
-      onAudioTrack: (D) => s(D),
-      onVideoTrack: (D) => g(D),
-      onVideoTrackRemoved: () => g(null),
+      onAudioTrack: (D) => a(D),
+      onVideoTrack: (D) => b(D),
+      onVideoTrackRemoved: () => b(null),
       onError: (D) => v(D),
       onDataMessage: (D) => {
-        var A;
-        (A = z.current) == null || A.call(z, D);
+        var M;
+        (M = z.current) == null || M.call(z, D);
       },
-      onResumabilityChange: C
-    }, q = new fn(
+      onResumabilityChange: E
+    }, q = new mn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -60,11 +60,11 @@ function gn(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      N
+      R
     );
-    return b.current = q, r("idle"), o("idle"), c([]), f(null), g(null), s(null), C(!1), v(null), () => {
+    return w.current = q, r("idle"), o("idle"), c([]), f(null), b(null), a(null), E(!1), v(null), () => {
       var D;
-      (D = q.destroy) == null || D.call(q), b.current = null;
+      (D = q.destroy) == null || D.call(q), w.current = null;
     };
   }, [
     e.agentId,
@@ -73,64 +73,64 @@ function gn(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const M = k(async () => {
-    const N = b.current;
-    if (N)
+  const I = L(async () => {
+    const R = w.current;
+    if (R)
       try {
-        await N.connect();
+        await R.connect();
       } catch (q) {
         throw v(q instanceof Error ? q.message : String(q)), q;
       }
-  }, []), H = k(() => {
-    const N = b.current;
-    N && N.disconnect();
-  }, []), h = k(() => {
-    var N;
-    return ((N = b.current) == null ? void 0 : N.getRoom()) ?? null;
+  }, []), H = L(() => {
+    const R = w.current;
+    R && R.disconnect();
+  }, []), h = L(() => {
+    var R;
+    return ((R = w.current) == null ? void 0 : R.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
     agentState: i,
     transcript: l,
     agentConfig: d,
-    videoElement: y,
-    audioElement: a,
-    canResume: I,
-    error: S,
-    connect: M,
+    videoElement: g,
+    audioElement: s,
+    canResume: k,
+    error: C,
+    connect: I,
     disconnect: H,
     getRoom: h,
-    session: b.current
+    session: w.current
   };
 }
-function yn() {
-  const e = E(null), t = E(null), r = E(null), i = E(null), o = E(/* @__PURE__ */ new Set()), l = E(null), c = k(() => {
-    const a = t.current;
-    if (!a) {
+function wn() {
+  const e = N(null), t = N(null), r = N(null), i = N(null), o = N(/* @__PURE__ */ new Set()), l = N(null), c = L(() => {
+    const s = t.current;
+    if (!s) {
       i.current = null;
       return;
     }
-    (!l.current || l.current.length !== a.frequencyBinCount) && (l.current = new Uint8Array(
-      new ArrayBuffer(a.frequencyBinCount)
+    (!l.current || l.current.length !== s.frequencyBinCount) && (l.current = new Uint8Array(
+      new ArrayBuffer(s.frequencyBinCount)
     ));
-    const s = l.current;
-    a.getByteFrequencyData(s);
-    let I = 0;
-    for (let S = 0; S < s.length; S++) I += s[S];
-    const C = I / s.length / 255;
-    for (const S of o.current)
+    const a = l.current;
+    s.getByteFrequencyData(a);
+    let k = 0;
+    for (let C = 0; C < a.length; C++) k += a[C];
+    const E = k / a.length / 255;
+    for (const C of o.current)
       try {
-        S(C);
+        C(E);
       } catch (v) {
         console.error("[useAudioLevel] subscriber threw:", v);
       }
     i.current = requestAnimationFrame(c);
-  }, []), d = k(() => {
+  }, []), d = L(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const a = new AudioContext(), s = a.createAnalyser();
-    s.fftSize = 64, s.connect(a.destination), e.current = a, t.current = s;
-  }, []), f = k(
-    (a) => {
+    const s = new AudioContext(), a = s.createAnalyser();
+    a.fftSize = 64, a.connect(s.destination), e.current = s, t.current = a;
+  }, []), f = L(
+    (s) => {
       if (d(), !(!e.current || !t.current)) {
         if (r.current) {
           try {
@@ -140,17 +140,17 @@ function yn() {
           r.current = null;
         }
         try {
-          const s = e.current.createMediaElementSource(a);
-          s.connect(t.current), r.current = s;
-        } catch (s) {
-          console.warn("[useAudioLevel] createMediaElementSource failed:", s);
+          const a = e.current.createMediaElementSource(s);
+          a.connect(t.current), r.current = a;
+        } catch (a) {
+          console.warn("[useAudioLevel] createMediaElementSource failed:", a);
           return;
         }
         i.current === null && (i.current = requestAnimationFrame(c));
       }
     },
     [d, c]
-  ), y = k(() => {
+  ), g = L(() => {
     if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -158,11 +158,11 @@ function yn() {
       }
       r.current = null;
     }
-  }, []), g = k((a) => (o.current.add(a), () => {
-    o.current.delete(a);
+  }, []), b = L((s) => (o.current.add(s), () => {
+    o.current.delete(s);
   }), []);
-  return R(() => () => {
-    if (y(), t.current) {
+  return A(() => () => {
+    if (g(), t.current) {
       try {
         t.current.disconnect();
       } catch {
@@ -177,80 +177,87 @@ function yn() {
       e.current = null;
     }
     o.current.clear(), l.current = null;
-  }, [y]), { attach: f, detach: y, subscribe: g };
+  }, [g]), { attach: f, detach: g, subscribe: b };
 }
-function vn() {
-  const [e, t] = L(!1), [r, i] = L(null), o = E(null), l = E(null), c = k(async (g) => {
-    if (o.current && l.current) {
+function _n() {
+  const [e, t] = S(!1), [r, i] = S(null), o = N(null), l = N(null), c = L(
+    async (s, a) => {
+      if (o.current && l.current) {
+        try {
+          await l.current.localParticipant.unpublishTrack(o.current);
+        } catch {
+        }
+        o.current.stop(), o.current = null;
+      }
+      l.current = s, i(null);
       try {
-        await l.current.localParticipant.unpublishTrack(o.current);
-      } catch {
+        const k = await gn({
+          echoCancellation: !0,
+          noiseSuppression: !0
+        });
+        a != null && a.startMuted && await k.mute(), await s.localParticipant.publishTrack(k), o.current = k, t(k.isMuted);
+      } catch (k) {
+        const E = k instanceof Error && k.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+        throw i(E), k;
       }
-      o.current.stop(), o.current = null;
-    }
-    l.current = g, i(null);
-    try {
-      const a = await pn({
-        echoCancellation: !0,
-        noiseSuppression: !0
-      });
-      await g.localParticipant.publishTrack(a), o.current = a, t(a.isMuted);
-    } catch (a) {
-      const s = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw i(s), a;
-    }
-  }, []), d = k(() => {
-    const g = o.current;
-    g && (g.isMuted ? (g.unmute(), t(!1)) : (g.mute(), t(!0)));
-  }, []), f = k(() => {
-    const g = o.current, a = l.current;
-    if (g && a) {
+    },
+    []
+  ), d = L(() => {
+    const s = o.current;
+    s && (s.isMuted ? (s.unmute(), t(!1)) : (s.mute(), t(!0)));
+  }, []), f = L((s) => {
+    const a = o.current;
+    a && (s && !a.isMuted ? (a.mute(), t(!0)) : !s && a.isMuted && (a.unmute(), t(!1)));
+  }, []), g = L(() => {
+    const s = o.current, a = l.current;
+    if (s && a) {
       try {
-        a.localParticipant.unpublishTrack(g);
+        a.localParticipant.unpublishTrack(s);
       } catch {
       }
-      g.stop();
+      s.stop();
     }
     o.current = null, l.current = null, t(!1);
-  }, []), y = k(() => i(null), []);
+  }, []), b = L(() => i(null), []);
   return {
     isMuted: e,
     micError: r,
     toggleMute: d,
+    setMuted: f,
     setupMic: c,
-    teardownMic: f,
-    clearError: y
+    teardownMic: g,
+    clearError: b
   };
 }
-const bn = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function wn() {
-  const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), [c, d] = L(""), f = E(null), y = E(null), g = k((b) => {
-    f.current = b;
-  }, []), a = k(() => {
-    const b = f.current, z = y.current;
-    if (z && b) {
-      const M = b.localParticipant.getTrackPublication(Gt.Source.Camera);
-      if (M != null && M.track) {
+const xn = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function kn() {
+  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), [c, d] = S(""), f = N(null), g = N(null), b = L((w) => {
+    f.current = w;
+  }, []), s = L(() => {
+    const w = f.current, z = g.current;
+    if (z && w) {
+      const I = w.localParticipant.getTrackPublication(Xt.Source.Camera);
+      if (I != null && I.track) {
         try {
-          b.localParticipant.unpublishTrack(M.track);
+          w.localParticipant.unpublishTrack(I.track);
         } catch {
         }
-        M.track.stop();
+        I.track.stop();
       } else
         z.stop();
     }
-    y.current = null, l(null), t(!1);
-  }, []), s = k(async (b) => {
+    g.current = null, l(null), t(!1);
+  }, []), a = L(async (w) => {
     const z = f.current;
     if (z) {
       i(null);
       try {
-        const M = { ...bn };
-        b && (M.deviceId = b);
-        const H = await hn(M);
-        await z.localParticipant.publishTrack(H), y.current = H;
+        const I = { ...xn };
+        w && (I.deviceId = w);
+        const H = await yn(I);
+        await z.localParticipant.publishTrack(H), g.current = H;
         const h = H.attach();
-        l(h), t(!0), b && d(b);
+        l(h), t(!0), w && d(w);
         try {
           z.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
@@ -258,41 +265,41 @@ function wn() {
           );
         } catch {
         }
-      } catch (M) {
-        const H = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+      } catch (I) {
+        const H = I instanceof Error && I.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
         i(H);
       }
     }
-  }, []), I = k(async () => {
-    e ? a() : await s(c || void 0);
-  }, [e, c, a, s]), C = k(async (b) => {
-    a(), await s(b);
-  }, [a, s]), S = k(() => {
-    a(), f.current = null, i(null), d("");
-  }, [a]), v = k(() => i(null), []);
-  return R(() => () => {
-    y.current && y.current.stop();
+  }, []), k = L(async () => {
+    e ? s() : await a(c || void 0);
+  }, [e, c, s, a]), E = L(async (w) => {
+    s(), await a(w);
+  }, [s, a]), C = L(() => {
+    s(), f.current = null, i(null), d("");
+  }, [s]), v = L(() => i(null), []);
+  return A(() => () => {
+    g.current && g.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: o,
     activeDeviceId: c,
-    toggle: I,
-    switchDevice: C,
-    attachRoom: g,
-    teardown: S,
+    toggle: k,
+    switchDevice: E,
+    attachRoom: b,
+    teardown: C,
     clearError: v
   };
 }
-function _n() {
-  const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), c = E(null), d = k((s) => {
-    c.current = s;
-  }, []), f = k(() => l(null), []), y = k(async () => {
-    const s = c.current;
-    if (s) {
+function Ln() {
+  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), c = N(null), d = L((a) => {
+    c.current = a;
+  }, []), f = L(() => l(null), []), g = L(async () => {
+    const a = c.current;
+    if (a) {
       if (e) {
         try {
-          await s.localParticipant.setScreenShareEnabled(!1);
+          await a.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
         f(), t(!1);
@@ -300,15 +307,15 @@ function _n() {
       }
       i(null);
       try {
-        await s.localParticipant.setScreenShareEnabled(!0);
-        let I = 0;
-        const C = () => {
-          const S = s.localParticipant.getTrackPublication(Gt.Source.ScreenShare);
-          if (S != null && S.track) {
-            const v = S.track.attach();
+        await a.localParticipant.setScreenShareEnabled(!0);
+        let k = 0;
+        const E = () => {
+          const C = a.localParticipant.getTrackPublication(Xt.Source.ScreenShare);
+          if (C != null && C.track) {
+            const v = C.track.attach();
             l(v), t(!0);
             try {
-              s.localParticipant.publishData(
+              a.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -316,27 +323,27 @@ function _n() {
             }
             return;
           }
-          I++ < 10 ? setTimeout(C, 100) : t(!0);
+          k++ < 10 ? setTimeout(E, 100) : t(!0);
         };
-        C();
-      } catch (I) {
-        const C = I instanceof Error ? I.name : "";
-        C !== "NotAllowedError" && C !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
+        E();
+      } catch (k) {
+        const E = k instanceof Error ? k.name : "";
+        E !== "NotAllowedError" && E !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, f]), g = k(() => {
-    const s = c.current;
-    if (s && e)
+  }, [e, f]), b = L(() => {
+    const a = c.current;
+    if (a && e)
       try {
-        s.localParticipant.setScreenShareEnabled(!1);
+        a.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
     f(), t(!1), i(null), c.current = null;
-  }, [e, f]), a = k(() => i(null), []);
-  return { isEnabled: e, error: r, previewEl: o, toggle: y, attachRoom: d, teardown: g, clearError: a };
+  }, [e, f]), s = L(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: o, toggle: g, attachRoom: d, teardown: b, clearError: s };
 }
-function xn() {
-  const [e, t] = L([]), [r, i] = L([]), o = k(async () => {
+function Sn() {
+  const [e, t] = S([]), [r, i] = S([]), o = L(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
@@ -344,36 +351,36 @@ function xn() {
       } catch {
       }
   }, []);
-  return R(() => {
+  return A(() => {
     if (o(), typeof navigator > "u" || !navigator.mediaDevices) return;
     const l = () => void o();
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
   }, [o]), { mics: e, cameras: r, refresh: o };
 }
-function kn(e, t, r = !1) {
-  const [i, o] = L(null), [l, c] = L(null), [d, f] = L(!r && !!e);
-  return R(() => {
+function Cn(e, t, r = !1) {
+  const [i, o] = S(null), [l, c] = S(null), [d, f] = S(!r && !!e);
+  return A(() => {
     if (r || !e) {
       f(!1);
       return;
     }
-    const y = new AbortController(), g = t || "https://app.livelayer.studio";
-    return f(!0), c(null), fetch(`${g}/api/widget/agent/${encodeURIComponent(e)}`, {
-      signal: y.signal
-    }).then(async (a) => {
-      if (!a.ok) {
-        const s = await a.json().catch(() => ({}));
-        throw new Error(s.error || `HTTP ${a.status}`);
+    const g = new AbortController(), b = t || "https://app.livelayer.studio";
+    return f(!0), c(null), fetch(`${b}/api/widget/agent/${encodeURIComponent(e)}`, {
+      signal: g.signal
+    }).then(async (s) => {
+      if (!s.ok) {
+        const a = await s.json().catch(() => ({}));
+        throw new Error(a.error || `HTTP ${s.status}`);
       }
-      return a.json();
-    }).then((a) => {
-      y.signal.aborted || (o(a), f(!1));
-    }).catch((a) => {
-      y.signal.aborted || (c(a instanceof Error ? a.message : "Agent lookup failed"), f(!1));
-    }), () => y.abort();
+      return s.json();
+    }).then((s) => {
+      g.signal.aborted || (o(s), f(!1));
+    }).catch((s) => {
+      g.signal.aborted || (c(s instanceof Error ? s.message : "Agent lookup failed"), f(!1));
+    }), () => g.abort();
   }, [e, t, r]), { info: i, error: l, loading: d };
 }
-function Ln(e) {
+function En(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -381,19 +388,19 @@ function Ln(e) {
     return null;
   }
 }
-function Sn(e, t) {
+function Nn(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function Cn({
+function An({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const i = e !== void 0, [o, l] = L(t), c = i ? e : o, d = k(
+  const i = e !== void 0, [o, l] = S(t), c = i ? e : o, d = L(
     (f) => {
       f !== c && (i || l(f), r == null || r(f));
     },
@@ -401,34 +408,34 @@ function Cn({
   );
   return [c, d];
 }
-const En = ["hidden", "minimized", "expanded"];
-function Nn(e) {
-  return e && En.includes(e) ? e : null;
+const Rn = ["hidden", "minimized", "expanded"];
+function Mn(e) {
+  return e && Rn.includes(e) ? e : null;
 }
-function An({
+function In({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: i = "ll-widget",
   disablePersistence: o = !1
 } = {}) {
-  const l = `${i}:display-mode`, c = E(!1), [d, f] = Cn({
+  const l = `${i}:display-mode`, c = N(!1), [d, f] = An({
     value: e,
     defaultValue: t,
-    onChange: (y) => {
-      e === void 0 && !o && Sn(l, y), r == null || r(y);
+    onChange: (g) => {
+      e === void 0 && !o && Nn(l, g), r == null || r(g);
     }
   });
-  return R(() => {
+  return A(() => {
     if (c.current || (c.current = !0, o || e !== void 0)) return;
-    const y = Nn(Ln(l));
-    y && y !== d && f(y);
+    const g = Mn(En(l));
+    g && g !== d && f(g);
   }, []), [d, f];
 }
-const Rn = 640;
-function In(e = Rn) {
-  const [t, r] = L(!1);
-  return R(() => {
+const Tn = 640;
+function Pn(e = Tn) {
+  const [t, r] = S(!1);
+  return A(() => {
     if (e === !1) {
       r(!1);
       return;
@@ -441,9 +448,9 @@ function In(e = Rn) {
     });
   }, [e]), t;
 }
-const It = "__llHistoryPatched", lt = "ll:pathname";
-function Mn() {
-  if (typeof window > "u" || window.history[It]) return;
+const Pt = "__llHistoryPatched", lt = "ll:pathname";
+function Dn() {
+  if (typeof window > "u" || window.history[Pt]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const i = e.apply(this, r);
@@ -451,57 +458,57 @@ function Mn() {
   }, window.history.replaceState = function(...r) {
     const i = t.apply(this, r);
     return window.dispatchEvent(new Event(lt)), i;
-  }, window.history[It] = !0;
+  }, window.history[Pt] = !0;
 }
-function Mt() {
+function Dt() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function Tn(e) {
-  const [t, r] = L(
-    () => e ?? Mt()
+function $n(e) {
+  const [t, r] = S(
+    () => e ?? Dt()
   );
-  return R(() => {
+  return A(() => {
     if (e !== void 0) return;
-    Mn();
-    const i = () => r(Mt());
+    Dn();
+    const i = () => r(Dt());
     return i(), window.addEventListener("popstate", i), window.addEventListener(lt, i), () => {
       window.removeEventListener("popstate", i), window.removeEventListener(lt, i);
     };
   }, [e]), e ?? t;
 }
-const Tt = /* @__PURE__ */ new Map(), Pn = /[\\^$+?.()|{}[\]]/g;
-function Dn(e) {
-  return e.replace(Pn, "\\$&");
+const $t = /* @__PURE__ */ new Map(), zn = /[\\^$+?.()|{}[\]]/g;
+function Hn(e) {
+  return e.replace(zn, "\\$&");
 }
-function $n(e) {
-  const t = Tt.get(e);
+function On(e) {
+  const t = $t.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), d = Dn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), f = new RegExp(`^${d}\\/?$`);
-  return Tt.set(e, f), f;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), d = Hn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), f = new RegExp(`^${d}\\/?$`);
+  return $t.set(e, f), f;
 }
-function zn(e, t) {
+function Bn(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return $n(e).test(r);
+  return On(e).test(r);
 }
-function Hn(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : zn(e, t);
+function qn(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Bn(e, t);
 }
-function Pt(e, t) {
+function zt(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (Hn(r, t)) return !0;
+    if (qn(r, t)) return !0;
   return !1;
 }
-function On(e, t, r) {
-  return e === void 0 ? !0 : Pt(r, e) ? !1 : t && t.length > 0 ? Pt(t, e) : !0;
+function Wn(e, t, r) {
+  return e === void 0 ? !0 : zt(r, e) ? !1 : t && t.length > 0 ? zt(t, e) : !0;
 }
-function Bn(e, t, r) {
+function Fn(e, t, r) {
   return ot(
-    () => On(e, t, r),
+    () => Wn(e, t, r),
     [e, t, r]
   );
 }
-const Dt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
+const Ht = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
   "svg",
   {
     className: t,
@@ -547,7 +554,7 @@ const Dt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), $t = ({ className: e }) => /* @__PURE__ */ n(
+), Ot = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -565,7 +572,7 @@ const Dt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
       }
     )
   }
-), qn = ({ className: e }) => /* @__PURE__ */ n(
+), Un = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -576,12 +583,12 @@ const Dt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), Wn = {
+), jn = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, zt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, Bt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -589,19 +596,19 @@ const Dt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${Wn[e]}deg)` },
+    style: { transform: `rotate(${jn[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Fn(e) {
+function Vn(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const Jt = "ll-hidden-tab-center-y", Un = 5, Ht = 16;
-function jn() {
+const Qt = "ll-hidden-tab-center-y", Yn = 5, qt = 16;
+function Gn() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(Jt);
+    const e = window.localStorage.getItem(Qt);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -609,14 +616,14 @@ function jn() {
     return null;
   }
 }
-function Ot(e) {
+function Wt(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Jt, String(e));
+      window.localStorage.setItem(Qt, String(e));
     } catch {
     }
 }
-const Vn = ({
+const Jn = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
@@ -625,106 +632,106 @@ const Vn = ({
   avatarImageUrl: l,
   agentName: c
 }) => {
-  const d = Fn(e), f = d === "right" ? "left" : "right", y = t ? 80 : 72, g = !!l, [a, s] = L(null), [I, C] = L(!1), S = E(null), v = E(!1), b = k(
-    (A) => {
-      if (typeof window > "u") return A;
-      const O = y / 2, W = Ht + O, G = window.innerHeight - Ht - O;
-      return G < W ? Math.max(W, A) : Math.max(W, Math.min(G, A));
+  const d = Vn(e), f = d === "right" ? "left" : "right", g = t ? 80 : 72, b = !!l, [s, a] = S(null), [k, E] = S(!1), C = N(null), v = N(!1), w = L(
+    (M) => {
+      if (typeof window > "u") return M;
+      const O = g / 2, W = qt + O, J = window.innerHeight - qt - O;
+      return J < W ? Math.max(W, M) : Math.max(W, Math.min(J, M));
     },
-    [y]
+    [g]
   );
-  R(() => {
-    const A = jn();
-    s(b(A ?? window.innerHeight / 2));
+  A(() => {
+    const M = Gn();
+    a(w(M ?? window.innerHeight / 2));
     const O = () => {
-      s((W) => W === null ? null : b(W));
+      a((W) => W === null ? null : w(W));
     };
     return window.addEventListener("resize", O), () => window.removeEventListener("resize", O);
-  }, [b]);
-  const z = k(
-    (A) => {
-      if (!(A.pointerType === "mouse" && A.button !== 0) && a !== null) {
+  }, [w]);
+  const z = L(
+    (M) => {
+      if (!(M.pointerType === "mouse" && M.button !== 0) && s !== null) {
         try {
-          A.currentTarget.setPointerCapture(A.pointerId);
+          M.currentTarget.setPointerCapture(M.pointerId);
         } catch {
         }
-        S.current = {
-          startClientY: A.clientY,
-          startCenterY: a,
+        C.current = {
+          startClientY: M.clientY,
+          startCenterY: s,
           moved: !1
         };
       }
     },
-    [a]
-  ), M = k(
-    (A) => {
-      const O = S.current;
+    [s]
+  ), I = L(
+    (M) => {
+      const O = C.current;
       if (!O) return;
-      const W = A.clientY - O.startClientY;
-      !O.moved && Math.abs(W) > Un && (O.moved = !0, C(!0)), O.moved && s(b(O.startCenterY + W));
+      const W = M.clientY - O.startClientY;
+      !O.moved && Math.abs(W) > Yn && (O.moved = !0, E(!0)), O.moved && a(w(O.startCenterY + W));
     },
-    [b]
-  ), H = k(
-    (A) => {
-      const O = S.current;
+    [w]
+  ), H = L(
+    (M) => {
+      const O = C.current;
       if (O) {
         try {
-          A.currentTarget.releasePointerCapture(A.pointerId);
+          M.currentTarget.releasePointerCapture(M.pointerId);
         } catch {
         }
-        S.current = null, O.moved && (C(!1), v.current = !0, s((W) => (W !== null && Ot(W), W)));
+        C.current = null, O.moved && (E(!1), v.current = !0, a((W) => (W !== null && Wt(W), W)));
       }
     },
     []
-  ), h = k(() => {
+  ), h = L(() => {
     if (v.current) {
       v.current = !1;
       return;
     }
     i();
-  }, [i]), N = k(
-    (A) => {
-      if (A.key === "ArrowUp" || A.key === "ArrowDown") {
-        A.preventDefault();
-        const O = A.key === "ArrowUp" ? -8 : 8;
-        s((W) => {
+  }, [i]), R = L(
+    (M) => {
+      if (M.key === "ArrowUp" || M.key === "ArrowDown") {
+        M.preventDefault();
+        const O = M.key === "ArrowUp" ? -8 : 8;
+        a((W) => {
           if (W === null) return W;
-          const G = b(W + O);
-          return Ot(G), G;
+          const J = w(W + O);
+          return Wt(J), J;
         });
       }
     },
-    [b]
+    [w]
   ), q = [
     "ll-hidden",
     `ll-hidden--${d}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
-    I ? "is-dragging" : null,
-    g ? "ll-hidden--with-avatar" : null
-  ].filter(Boolean).join(" "), D = a === null ? void 0 : { top: `${a - y / 2}px`, transform: "none" };
+    k ? "is-dragging" : null,
+    b ? "ll-hidden--with-avatar" : null
+  ].filter(Boolean).join(" "), D = s === null ? void 0 : { top: `${s - g / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       className: q,
       onPointerDown: z,
-      onPointerMove: M,
+      onPointerMove: I,
       onPointerUp: H,
       onPointerCancel: H,
       onClick: h,
-      onKeyDown: N,
+      onKeyDown: R,
       "aria-label": o,
       "data-position": e,
       style: D,
-      children: g ? (
+      children: b ? (
         // Layout: tiny chevron flush against the inward edge (peeks out
         // as the click affordance), then the circular avatar photo
         // taking the rest of the tab. Reinforces "this is an
         // avatar-based experience" even when collapsed.
-        /* @__PURE__ */ _(ht, { children: [
+        /* @__PURE__ */ _(yt, { children: [
           /* @__PURE__ */ n(
-            zt,
+            Bt,
             {
               direction: f,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
@@ -741,7 +748,7 @@ const Vn = ({
           )
         ] })
       ) : /* @__PURE__ */ n(
-        zt,
+        Bt,
         {
           direction: f,
           className: "ll-hidden__chevron"
@@ -749,7 +756,7 @@ const Vn = ({
       )
     }
   );
-}, Yn = ({
+}, Kn = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
@@ -757,31 +764,31 @@ const Vn = ({
   className: o,
   barClassName: l
 }) => {
-  const c = E(null), d = E([]), f = ot(() => {
-    const g = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (a, s) => 0.5 + s * g % 1 * 0.5);
+  const c = N(null), d = N([]), f = ot(() => {
+    const b = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (s, a) => 0.5 + a * b % 1 * 0.5);
   }, [t]);
-  R(() => e.subscribe((a) => {
-    for (let s = 0; s < t; s++) {
-      const I = d.current[s];
-      if (!I) continue;
-      const C = Math.max(i, a * r * f[s]);
-      I.style.height = `${C}px`;
+  A(() => e.subscribe((s) => {
+    for (let a = 0; a < t; a++) {
+      const k = d.current[a];
+      if (!k) continue;
+      const E = Math.max(i, s * r * f[a]);
+      k.style.height = `${E}px`;
     }
   }), [e, t, r, i, f]);
-  const y = ["ll-waveform", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: c, className: y, "aria-hidden": "true", children: Array.from({ length: t }, (g, a) => /* @__PURE__ */ n(
+  const g = ["ll-waveform", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: c, className: g, "aria-hidden": "true", children: Array.from({ length: t }, (b, s) => /* @__PURE__ */ n(
     "div",
     {
-      ref: (s) => {
-        d.current[a] = s;
+      ref: (a) => {
+        d.current[s] = a;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
       style: { height: `${i}px` }
     },
-    a
+    s
   )) });
-}, Gn = ({
+}, Xn = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -791,7 +798,7 @@ const Vn = ({
   audioLevel: c,
   onExpand: d,
   onToggleMute: f,
-  onClose: y
+  onClose: g
 }) => t ? /* @__PURE__ */ n(
   "div",
   {
@@ -818,7 +825,7 @@ const Vn = ({
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            Yn,
+            Kn,
             {
               audioLevel: c,
               bars: 16,
@@ -834,17 +841,17 @@ const Vn = ({
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (g) => {
-                  g.stopPropagation(), f();
+                onClick: (b) => {
+                  b.stopPropagation(), f();
                 },
-                onKeyDown: (g) => {
-                  (g.key === "Enter" || g.key === " ") && (g.stopPropagation(), g.preventDefault(), f());
+                onKeyDown: (b) => {
+                  (b.key === "Enter" || b.key === " ") && (b.stopPropagation(), b.preventDefault(), f());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(Dt, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(Ht, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n($t, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(Ot, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -881,7 +888,7 @@ const Vn = ({
             className: "ll-minimized__btn",
             onClick: f,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(Dt, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Ht, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -891,7 +898,7 @@ const Vn = ({
             className: "ll-minimized__btn",
             onClick: d,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n($t, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Ot, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -899,23 +906,23 @@ const Vn = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: y,
+            onClick: g,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(qn, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Un, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), Jn = ({
+), Qn = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
   className: i,
   style: o
 }) => {
-  const [l, c] = L(!1), d = E(e);
-  if (R(() => {
+  const [l, c] = S(!1), d = N(e);
+  if (A(() => {
     d.current !== e && (d.current = e, c(!1));
   }, [e]), !e) return null;
   const f = {
@@ -945,7 +952,7 @@ const Vn = ({
       }
     )
   );
-}, Kn = ({
+}, Zn = ({
   position: e,
   isMobile: t,
   agentName: r,
@@ -955,133 +962,134 @@ const Vn = ({
   branding: c,
   teamMembers: d,
   currentTeamMemberId: f,
-  isSwitchingTeamMember: y,
-  teamSwitcherOpen: g,
-  onToggleTeamSwitcher: a,
-  onSelectTeamMember: s,
-  languageMenuOpen: I,
-  onToggleLanguageMenu: C,
-  connectionState: S,
+  isSwitchingTeamMember: g,
+  teamSwitcherOpen: b,
+  onToggleTeamSwitcher: s,
+  onSelectTeamMember: a,
+  languageMenuOpen: k,
+  onToggleLanguageMenu: E,
+  connectionState: C,
   agentState: v,
-  transcript: b,
+  transcript: w,
   canResume: z,
-  needsUserGesture: M,
+  needsUserGesture: I,
   error: H,
   isMuted: h,
-  micError: N,
+  micError: R,
   micDevices: q,
   isCameraEnabled: D,
-  cameraPreviewEl: A,
+  cameraPreviewEl: M,
   cameraDevices: O,
   activeCameraId: W,
-  isScreenShareEnabled: G,
-  screenPreviewEl: te,
-  isSpeakerMuted: me,
-  allowCamera: Ve,
-  allowScreenShare: Ye,
-  allowTyping: Ge,
-  avatarVideoContainerRef: Je,
-  agentVideoEl: Z,
-  onConnect: ge,
-  onDisconnect: _e,
-  onRetry: xe,
-  onResumeAudio: ke,
-  onToggleMute: Le,
-  onToggleCamera: Se,
-  onSwitchCameraDevice: Ce,
-  onToggleScreenShare: V,
-  onToggleSpeaker: st,
-  onSendMessage: Ke,
-  onMinimize: Xe,
-  onClose: ce,
-  onClearMicError: Oe
+  isScreenShareEnabled: J,
+  screenPreviewEl: ne,
+  isSpeakerMuted: ye,
+  allowCamera: Je,
+  allowScreenShare: Ke,
+  allowTyping: Xe,
+  avatarVideoContainerRef: Qe,
+  agentVideoEl: ee,
+  micGateOpen: ae,
+  onConnect: ve,
+  onDisconnect: xe,
+  onRetry: ke,
+  onResumeAudio: Le,
+  onToggleMute: Se,
+  onToggleCamera: Ce,
+  onSwitchCameraDevice: V,
+  onToggleScreenShare: st,
+  onToggleSpeaker: ct,
+  onSendMessage: Ze,
+  onMinimize: ce,
+  onClose: Ee,
+  onClearMicError: He
 }) => {
-  var Te;
-  const se = ((d == null ? void 0 : d.length) ?? 0) > 1, Ee = S === "connecting" || S === "connected", re = S === "connected", ye = S === "idle" || S === "disconnected" || S === "error", [J, ve] = L(!1);
-  R(() => {
-    if (!Z) {
-      ve(!1);
+  var Ie;
+  const be = ((d == null ? void 0 : d.length) ?? 0) > 1, Ne = C === "connecting" || C === "connected", G = C === "connected", Q = C === "idle" || C === "disconnected" || C === "error", [Ae, re] = S(!1);
+  A(() => {
+    if (!ee) {
+      re(!1);
       return;
     }
-    if (!Z.paused && Z.readyState >= 2) {
-      ve(!0);
+    if (!ee.paused && ee.readyState >= 2) {
+      re(!0);
       return;
     }
-    ve(!1);
-    const p = () => ve(!0);
-    return Z.addEventListener("playing", p), Z.addEventListener("loadeddata", p), () => {
-      Z.removeEventListener("playing", p), Z.removeEventListener("loadeddata", p);
+    re(!1);
+    const p = () => re(!0);
+    return ee.addEventListener("playing", p), ee.addEventListener("loadeddata", p), () => {
+      ee.removeEventListener("playing", p), ee.removeEventListener("loadeddata", p);
     };
-  }, [Z]);
-  const [be, ie] = L(!1);
-  R(() => {
-    if (!re) {
-      ie(!1);
+  }, [ee]);
+  const [se, we] = S(!1);
+  A(() => {
+    if (!G) {
+      we(!1);
       return;
     }
-    if (J) return;
-    const p = setTimeout(() => ie(!0), 8e3);
+    if (Ae) return;
+    const p = setTimeout(() => we(!0), 8e3);
     return () => clearTimeout(p);
-  }, [re, J]);
-  const Ne = S === "connecting" || re && !!i && !J && !be, Ae = E(null), ne = E(null);
-  R(() => {
-    const p = Ae.current;
-    p && (p.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", p.appendChild(A)));
-  }, [A]), R(() => {
-    const p = ne.current;
-    p && (p.innerHTML = "", te && (te.style.width = "100%", te.style.height = "100%", te.style.objectFit = "contain", p.appendChild(te)));
-  }, [te]);
-  const [ee, oe] = L(!1), [de, Re] = L(!1);
-  R(() => {
-    if (!ee && !de && !I && !g) return;
+  }, [G, Ae]);
+  const Oe = C === "connecting" || G && !!i && !Ae && !se, te = N(null), ie = N(null);
+  A(() => {
+    const p = te.current;
+    p && (p.innerHTML = "", M && (M.style.width = "100%", M.style.height = "100%", M.style.objectFit = "cover", M.style.transform = "scaleX(-1)", p.appendChild(M)));
+  }, [M]), A(() => {
+    const p = ie.current;
+    p && (p.innerHTML = "", ne && (ne.style.width = "100%", ne.style.height = "100%", ne.style.objectFit = "contain", p.appendChild(ne)));
+  }, [ne]);
+  const [oe, de] = S(!1), [Re, ue] = S(!1);
+  A(() => {
+    if (!oe && !Re && !k && !b) return;
     const p = () => {
-      oe(!1), Re(!1), I && C(), g && a();
+      de(!1), ue(!1), k && E(), b && s();
     };
     return document.addEventListener("click", p), () => document.removeEventListener("click", p);
   }, [
-    ee,
-    de,
-    I,
-    g,
-    C,
-    a
+    oe,
+    Re,
+    k,
+    b,
+    E,
+    s
   ]);
-  const [ue, Ie] = L(""), Qe = k(
+  const [fe, Be] = S(""), qe = L(
     (p) => {
       p.preventDefault();
-      const Y = ue.trim();
-      Y && (Ke(Y), Ie(""));
+      const Y = fe.trim();
+      Y && (Ze(Y), Be(""));
     },
-    [ue, Ke]
-  ), Be = c.productName || "Live Layer";
-  let le = null, fe = null;
-  for (let p = b.length - 1; p >= 0; p--) {
-    const Y = b[p];
-    if (!le && Y.role === "agent" ? le = Y : !fe && Y.role === "user" && (fe = Y), le && fe) break;
+    [fe, Ze]
+  ), We = c.productName || "Live Layer";
+  let pe = null, he = null;
+  for (let p = w.length - 1; p >= 0; p--) {
+    const Y = w[p];
+    if (!pe && Y.role === "agent" ? pe = Y : !he && Y.role === "user" && (he = Y), pe && he) break;
   }
-  const Ze = re ? (le == null ? void 0 : le.text) || null : l || null, Me = re && (fe == null ? void 0 : fe.text) || null, ct = [
+  const Me = G ? (pe == null ? void 0 : pe.text) || null : l || null, et = G && (he == null ? void 0 : he.text) || null, Fe = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ _(
     "div",
     {
-      className: ct,
+      className: Fe,
       "data-position": e,
-      "data-state": re ? "connected" : Ee ? "connecting" : "idle",
+      "data-state": G ? "connected" : Ne ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
           i ? /* @__PURE__ */ n(
-            Jn,
+            Qn,
             {
               src: i,
               alt: r,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Te = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Te.toUpperCase()) || "A" }) }),
-          o && !re && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Ie = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Ie.toUpperCase()) || "A" }) }),
+          o && !G && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1093,24 +1101,24 @@ const Vn = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: Je, className: "ll-expanded__video" }),
-        Ne && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: Qe, className: "ll-expanded__video" }),
+        Oe && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
           /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
-          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: y ? "Switching..." : "Connecting..." })
+          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: g ? "Switching..." : "Connecting..." })
         ] }),
-        M && re && /* @__PURE__ */ _(
+        I && G && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: ke,
+            onClick: Le,
             children: [
               /* @__PURE__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
               /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        Ee ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
+        Ne ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
           /* @__PURE__ */ _("div", { className: "ll-expanded__topbar-left", children: [
             /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
               /* @__PURE__ */ _(
@@ -1119,17 +1127,17 @@ const Vn = ({
                   type: "button",
                   className: "ll-hpill",
                   onClick: (p) => {
-                    se && (p.stopPropagation(), a());
+                    be && (p.stopPropagation(), s());
                   },
-                  "aria-haspopup": se ? "listbox" : void 0,
-                  "aria-expanded": se ? g : void 0,
+                  "aria-haspopup": be ? "listbox" : void 0,
+                  "aria-expanded": be ? b : void 0,
                   children: [
                     /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                    se && /* @__PURE__ */ n(rt, {})
+                    be && /* @__PURE__ */ n(rt, {})
                   ]
                 }
               ),
-              se && g && /* @__PURE__ */ n(
+              be && b && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1140,7 +1148,7 @@ const Vn = ({
                     {
                       type: "button",
                       className: `ll-hmenu__item ${p.id === f ? "is-active" : ""}`,
-                      onClick: () => s(p.id),
+                      onClick: () => a(p.id),
                       role: "option",
                       "aria-selected": p.id === f,
                       children: [
@@ -1168,10 +1176,10 @@ const Vn = ({
                   type: "button",
                   className: "ll-hpill ll-hpill--compact",
                   onClick: (p) => {
-                    p.stopPropagation(), C();
+                    p.stopPropagation(), E();
                   },
                   "aria-haspopup": "listbox",
-                  "aria-expanded": I,
+                  "aria-expanded": k,
                   "aria-label": "Language: English",
                   title: "Language: English",
                   children: [
@@ -1180,7 +1188,7 @@ const Vn = ({
                   ]
                 }
               ),
-              I && /* @__PURE__ */ n(
+              k && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
@@ -1213,10 +1221,10 @@ const Vn = ({
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: Xe,
+                onClick: ce,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ n(qt, {})
+                children: /* @__PURE__ */ n(Ut, {})
               }
             ),
             /* @__PURE__ */ n(
@@ -1224,26 +1232,26 @@ const Vn = ({
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: ce,
+                onClick: Ee,
                 "aria-label": "End call",
                 title: "End call",
-                children: /* @__PURE__ */ n(Bt, {})
+                children: /* @__PURE__ */ n(Ft, {})
               }
             )
           ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
           /* @__PURE__ */ _("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Be }),
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: We }),
             /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: Xe,
+                  onClick: ce,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(qt, {})
+                  children: /* @__PURE__ */ n(Ut, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1251,23 +1259,23 @@ const Vn = ({
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: ce,
+                  onClick: Ee,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(Bt, {})
+                  children: /* @__PURE__ */ n(Ft, {})
                 }
               )
             ] })
           ] })
         ),
-        ye && /* @__PURE__ */ (() => {
-          const p = z ? "Restart paused session" : S === "disconnected" ? "Reconnect to agent" : "Start video call", Y = z ? "Pick up where you left off" : null;
-          return /* @__PURE__ */ _(ht, { children: [
-            S === "idle" && !z && !H && /* @__PURE__ */ _(
+        Q && /* @__PURE__ */ (() => {
+          const p = z ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", Y = z ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ _(yt, { children: [
+            C === "idle" && !z && !H && /* @__PURE__ */ _(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
-                onClick: ge,
+                onClick: ve,
                 "aria-label": p,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
@@ -1283,7 +1291,7 @@ const Vn = ({
                 {
                   type: "button",
                   className: "ll-expanded__cta",
-                  onClick: ge,
+                  onClick: ve,
                   "aria-label": p,
                   children: p
                 }
@@ -1294,64 +1302,64 @@ const Vn = ({
         /* @__PURE__ */ _(
           "div",
           {
-            className: `ll-expanded__pip ${Ee && (D || G) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${Ne && (D || J) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: ne,
-                  className: G ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: ie,
+                  className: J ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: Ae,
-                  className: !G && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: te,
+                  className: !J && D ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        Ee ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
-          Ze && /* @__PURE__ */ n(
+        Ne ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
+          Me && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Ze })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Me })
             }
           ),
-          Me && /* @__PURE__ */ n(
+          et && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Me })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: et })
             }
           ),
           /* @__PURE__ */ _("div", { className: "ll-toolbar", onClick: (p) => p.stopPropagation(), children: [
-            Ye && /* @__PURE__ */ n(
+            Ke && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${G ? "is-on" : ""}`,
-                onClick: V,
-                "aria-label": G ? "Stop sharing screen" : "Share screen",
-                title: G ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(Xn, {})
+                className: `ll-tool ${J ? "is-on" : ""}`,
+                onClick: st,
+                "aria-label": J ? "Stop sharing screen" : "Share screen",
+                title: J ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ n(er, {})
               }
             ),
-            Ve && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
+            Je && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: `ll-tool ll-tool--left ${D ? "is-on" : ""}`,
-                  onClick: Se,
+                  onClick: Ce,
                   "aria-label": D ? "Turn off camera" : "Turn on camera",
                   title: D ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(Qn, {})
+                  children: /* @__PURE__ */ n(tr, {})
                 }
               ),
               /* @__PURE__ */ n(
@@ -1360,71 +1368,78 @@ const Vn = ({
                   type: "button",
                   className: `ll-tool ll-tool--right ${D ? "is-on" : ""}`,
                   onClick: (p) => {
-                    p.stopPropagation(), Re((Y) => !Y), oe(!1);
+                    p.stopPropagation(), ue((Y) => !Y), de(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": de,
+                  "aria-expanded": Re,
                   children: /* @__PURE__ */ n(rt, {})
                 }
               ),
-              de && O.length > 0 && /* @__PURE__ */ n(
-                Wt,
+              Re && O.length > 0 && /* @__PURE__ */ n(
+                jt,
                 {
                   label: "Camera",
                   devices: O,
                   activeId: W,
                   onPick: (p) => {
-                    Re(!1), Ce(p);
+                    ue(!1), V(p);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
-              /* @__PURE__ */ n(
-                "button",
-                {
-                  type: "button",
-                  className: `ll-tool ll-tool--left ${h ? "is-muted" : ""}`,
-                  onClick: Le,
-                  "aria-label": h ? "Unmute microphone" : "Mute microphone",
-                  title: h ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(Zn, { muted: h })
-                }
-              ),
-              /* @__PURE__ */ n(
-                "button",
-                {
-                  type: "button",
-                  className: `ll-tool ll-tool--right ${h ? "is-muted" : ""}`,
-                  onClick: (p) => {
-                    p.stopPropagation(), oe((Y) => !Y), Re(!1);
-                  },
-                  "aria-label": "Microphone devices",
-                  "aria-haspopup": "listbox",
-                  "aria-expanded": ee,
-                  children: /* @__PURE__ */ n(rt, {})
-                }
-              ),
-              ee && q.length > 0 && /* @__PURE__ */ n(
-                Wt,
-                {
-                  label: "Microphone",
-                  devices: q,
-                  activeId: "",
-                  onPick: () => oe(!1)
-                }
-              )
-            ] }),
+            /* @__PURE__ */ _(
+              "div",
+              {
+                className: `ll-tool-split${!ae && G ? " ll-tool-split--gated" : ""}`,
+                children: [
+                  /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      className: `ll-tool ll-tool--left ${h ? "is-muted" : ""}`,
+                      onClick: Se,
+                      disabled: !ae && G,
+                      "aria-label": !ae && G ? "Microphone enables once the agent finishes its greeting" : h ? "Unmute microphone" : "Mute microphone",
+                      title: !ae && G ? "Mic enables after greeting" : h ? "Unmute" : "Mute",
+                      children: /* @__PURE__ */ n(nr, { muted: h })
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      className: `ll-tool ll-tool--right ${h ? "is-muted" : ""}`,
+                      onClick: (p) => {
+                        p.stopPropagation(), de((Y) => !Y), ue(!1);
+                      },
+                      "aria-label": "Microphone devices",
+                      "aria-haspopup": "listbox",
+                      "aria-expanded": oe,
+                      children: /* @__PURE__ */ n(rt, {})
+                    }
+                  ),
+                  oe && q.length > 0 && /* @__PURE__ */ n(
+                    jt,
+                    {
+                      label: "Microphone",
+                      devices: q,
+                      activeId: "",
+                      onPick: () => de(!1)
+                    }
+                  )
+                ]
+              }
+            ),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${me ? "is-muted" : ""}`,
-                onClick: st,
-                "aria-label": me ? "Unmute speaker" : "Mute speaker",
-                title: me ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(er, { muted: me })
+                className: `ll-tool ${ye ? "is-muted" : ""}`,
+                onClick: ct,
+                "aria-label": ye ? "Unmute speaker" : "Mute speaker",
+                title: ye ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(rr, { muted: ye })
               }
             ),
             /* @__PURE__ */ n(
@@ -1432,52 +1447,52 @@ const Vn = ({
               {
                 type: "button",
                 className: "ll-tool ll-tool--danger",
-                onClick: _e,
+                onClick: xe,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ n(nr, {})
+                children: /* @__PURE__ */ n(or, {})
               }
             )
           ] }),
-          Ge && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: Qe, children: [
+          Xe && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: qe, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: ue,
-                onChange: (p) => Ie(p.target.value),
+                value: fe,
+                onChange: (p) => Be(p.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            ue.trim() && /* @__PURE__ */ n(
+            fe.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(tr, {})
+                children: /* @__PURE__ */ n(ir, {})
               }
             )
           ] })
         ] }) : null,
         (() => {
-          if (N && S !== "error")
+          if (R && C !== "error")
             return /* @__PURE__ */ _("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: N }),
+              /* @__PURE__ */ n("span", { children: R }),
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: Oe,
+                  onClick: He,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!H || S !== "error") return null;
+          if (!H || C !== "error") return null;
           let p = "Failed to connect", Y = "Try again";
           return H === "MIC_PERMISSION_DENIED" ? p = "Microphone blocked. Allow access to talk." : H === "MIC_NOT_FOUND" ? p = "No microphone found. Plug one in + retry." : H === "MIC_UNAVAILABLE" ? p = "Mic unavailable. Check other apps using it." : H === "AGENT_TIMEOUT" ? p = "Agent didn't pick up. Try again." : H === "CONNECT_FAILED" ? p = "Connection failed. Check your network." : H.length < 80 && (p = H), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
             /* @__PURE__ */ n("span", { children: p }),
@@ -1486,7 +1501,7 @@ const Vn = ({
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: xe,
+                onClick: ke,
                 children: Y
               }
             )
@@ -1499,29 +1514,29 @@ const Vn = ({
 function rt() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function Bt() {
+function Ft() {
   return /* @__PURE__ */ _("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function qt() {
+function Ut() {
   return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function Xn() {
+function er() {
   return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
-function Qn() {
+function tr() {
   return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
     /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function Zn({ muted: e }) {
+function nr({ muted: e }) {
   return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
     /* @__PURE__ */ n("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
@@ -1529,22 +1544,22 @@ function Zn({ muted: e }) {
     e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function er({ muted: e }) {
+function rr({ muted: e }) {
   return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(ht, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(yt, { children: [
       /* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
       /* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
-function tr() {
+function ir() {
   return /* @__PURE__ */ _("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-function nr() {
+function or() {
   return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "-4 -4 32 32", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n(
     "path",
     {
@@ -1553,7 +1568,7 @@ function nr() {
     }
   ) });
 }
-const Wt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ _(
+const jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ _(
   "div",
   {
     className: "ll-device-menu",
@@ -1581,21 +1596,21 @@ const Wt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
       })
     ]
   }
-), rr = [
+), lr = [
   '[data-ll-private="true"]',
   ".ll-widget"
 ];
-function gt(e) {
+function bt(e) {
   let t = e;
   for (; t; ) {
-    for (const r of rr)
+    for (const r of lr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
 function at(e) {
-  if (gt(e)) return !1;
+  if (bt(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1603,7 +1618,7 @@ function at(e) {
   }
   return !0;
 }
-const it = 4096, ir = 20, or = 20, lr = 10, ar = 10, sr = 30, Ft = 500, cr = [
+const it = 4096, ar = 20, sr = 20, cr = 10, dr = 10, ur = 30, Vt = 500, fr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -1611,24 +1626,24 @@ const it = 4096, ir = 20, or = 20, lr = 10, ar = 10, sr = 30, Ft = 500, cr = [
   "noscript",
   "iframe"
 ];
-function Ue(e) {
+function Ye(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of cr)
+    for (const r of fr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function je(e) {
+function Ge(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
   const r = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
   return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
 }
-function Ut(e) {
+function Yt(e) {
   const t = e.getAttribute("id");
   if (t) {
     const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1641,13 +1656,13 @@ function Ut(e) {
   const o = e.closest("label");
   return o != null && o.textContent ? o.textContent.trim() : "";
 }
-function we(e, t) {
+function _e(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function $e(e) {
+function De(e) {
   return e.length;
 }
-function dr(e, t = {}) {
+function pr(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -1665,101 +1680,101 @@ function dr(e, t = {}) {
     r.querySelectorAll("[data-ll-region]")
   ), d = [];
   for (const h of c) {
-    if (d.length >= lr) break;
-    if (Ue(h) || !je(h)) continue;
-    const N = h.getAttribute("data-ll-region") ?? "", q = h.getAttribute("data-ll-intent") ?? void 0, D = we(
+    if (d.length >= cr) break;
+    if (Ye(h) || !Ge(h)) continue;
+    const R = h.getAttribute("data-ll-region") ?? "", q = h.getAttribute("data-ll-intent") ?? void 0, D = _e(
       (h.innerText || h.textContent || "").trim(),
-      Ft * 2
+      Vt * 2
     );
-    !N || !D || d.push({ id: N, intent: q, text: D });
+    !R || !D || d.push({ id: R, intent: q, text: D });
   }
-  const f = [], y = ["H1", "H2", "H3", "H4", "H5", "H6"], g = Array.from(
+  const f = [], g = ["H1", "H2", "H3", "H4", "H5", "H6"], b = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const h of g) {
-    if (Ue(h) || !je(h)) continue;
-    const N = (h.textContent || "").trim();
-    N && f.push(`${h.tagName}: ${we(N, 200)}`);
+  for (const h of b) {
+    if (Ye(h) || !Ge(h)) continue;
+    const R = (h.textContent || "").trim();
+    R && f.push(`${h.tagName}: ${_e(R, 200)}`);
   }
-  const a = Array.from(r.querySelectorAll("p, li"));
-  for (const h of a) {
-    if (Ue(h) || !je(h) || y.includes(h.tagName)) continue;
-    const N = (h.textContent || "").trim();
-    N.length > 10 && f.push(we(N, Ft));
+  const s = Array.from(r.querySelectorAll("p, li"));
+  for (const h of s) {
+    if (Ye(h) || !Ge(h) || g.includes(h.tagName)) continue;
+    const R = (h.textContent || "").trim();
+    R.length > 10 && f.push(_e(R, Vt));
   }
-  const s = f.join(`
-`), I = [], C = Array.from(r.querySelectorAll("a[href]"));
-  for (const h of C) {
-    if (I.length >= ir) break;
-    if (Ue(h) || !je(h)) continue;
-    const N = h.getAttribute("href") || "", q = (h.textContent || "").trim();
-    !N || !q || I.push({ href: N, text: we(q, 100) });
+  const a = f.join(`
+`), k = [], E = Array.from(r.querySelectorAll("a[href]"));
+  for (const h of E) {
+    if (k.length >= ar) break;
+    if (Ye(h) || !Ge(h)) continue;
+    const R = h.getAttribute("href") || "", q = (h.textContent || "").trim();
+    !R || !q || k.push({ href: R, text: _e(q, 100) });
   }
-  const S = [], v = Array.from(
+  const C = [], v = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
   for (const h of v) {
-    if (S.length >= or) break;
-    if (Ue(h) || !at(h) || !je(h)) continue;
-    const N = Ut(h), q = h instanceof HTMLInputElement ? h.type : h.tagName.toLowerCase();
-    N && S.push({ label: we(N, 100), type: q });
+    if (C.length >= sr) break;
+    if (Ye(h) || !at(h) || !Ge(h)) continue;
+    const R = Yt(h), q = h instanceof HTMLInputElement ? h.type : h.tagName.toLowerCase();
+    R && C.push({ label: _e(R, 100), type: q });
   }
-  const b = Array.from(
+  const w = Array.from(
     r.querySelectorAll("[data-ll-form]")
   ), z = [];
-  for (const h of b) {
-    if (z.length >= ar) break;
-    if (gt(h)) continue;
-    const N = h.getAttribute("data-ll-form") || "";
-    if (!N) continue;
+  for (const h of w) {
+    if (z.length >= dr) break;
+    if (bt(h)) continue;
+    const R = h.getAttribute("data-ll-form") || "";
+    if (!R) continue;
     const q = h.getAttribute("data-ll-intent") || void 0, D = Array.from(
       h.querySelectorAll(
         "[data-ll-field]"
       )
-    ), A = [];
+    ), M = [];
     for (const O of D) {
-      if (A.length >= sr) break;
+      if (M.length >= ur) break;
       if (!at(O)) continue;
       const W = O.getAttribute("data-ll-field") || "";
       if (!W) continue;
-      const G = Ut(O) || W, te = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
-      A.push({ name: W, label: we(G, 100), type: te });
+      const J = Yt(O) || W, ne = O instanceof HTMLInputElement ? O.type : O.tagName.toLowerCase();
+      M.push({ name: W, label: _e(J, 100), type: ne });
     }
-    z.push({ id: N, intent: q, fields: A });
+    z.push({ id: R, intent: q, fields: M });
   }
-  const M = {
+  const I = {
     url: i,
     title: l,
     pathname: o,
     regions: d,
-    visibleText: s,
-    visibleLinks: I,
-    visibleFields: S,
+    visibleText: a,
+    visibleLinks: k,
+    visibleFields: C,
     forms: z,
     extras: e
   };
-  let H = $e(JSON.stringify(M.regions)) + $e(M.visibleText) + $e(JSON.stringify(M.visibleLinks)) + $e(JSON.stringify(M.visibleFields));
-  for (; H > it && M.visibleFields.length > 0; )
-    M.visibleFields.pop(), H = $e(JSON.stringify(M.visibleFields));
-  for (; H > it && M.visibleLinks.length > 0; )
-    M.visibleLinks.pop(), H -= 80;
-  return $e(M.visibleText) > it && (M.visibleText = we(M.visibleText, it - 100)), M;
-}
-let ze = null;
-function jt(e, t = {}) {
+  let H = De(JSON.stringify(I.regions)) + De(I.visibleText) + De(JSON.stringify(I.visibleLinks)) + De(JSON.stringify(I.visibleFields));
+  for (; H > it && I.visibleFields.length > 0; )
+    I.visibleFields.pop(), H = De(JSON.stringify(I.visibleFields));
+  for (; H > it && I.visibleLinks.length > 0; )
+    I.visibleLinks.pop(), H -= 80;
+  return De(I.visibleText) > it && (I.visibleText = _e(I.visibleText, it - 100)), I;
+}
+let $e = null;
+function Gt(e, t = {}) {
   const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (ze && ze.key === o && r - ze.at < 1e3)
-    return ze.ctx;
-  const l = dr(e, t);
-  return ze = { key: o, at: r, ctx: l }, l;
+  if ($e && $e.key === o && r - $e.at < 1e3)
+    return $e.ctx;
+  const l = pr(e, t);
+  return $e = { key: o, at: r, ctx: l }, l;
 }
-function ur() {
-  ze = null;
+function hr() {
+  $e = null;
 }
-const fr = 200;
-function pr(e) {
+const mr = 200;
+function gr(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -1769,51 +1784,51 @@ function pr(e) {
     description: e.description
   };
 }
-function hr(e) {
+function yr(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function mr(e) {
+function vr(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
   for (const c of l) {
-    if (o.length >= fr) break;
-    if (gt(c)) continue;
+    if (o.length >= mr) break;
+    if (bt(c)) continue;
     const d = c.getAttribute("href") || "";
-    if (!hr(d)) continue;
-    let f = d, y = !0;
+    if (!yr(d)) continue;
+    let f = d, g = !0;
     try {
       if (typeof window < "u") {
-        const a = new URL(d, r);
-        y = a.origin === r, y && d.startsWith("http") && (f = a.pathname + a.search + a.hash);
+        const s = new URL(d, r);
+        g = s.origin === r, g && d.startsWith("http") && (f = s.pathname + s.search + s.hash);
       }
     } catch {
       continue;
     }
     if (i.has(f)) continue;
     i.add(f);
-    const g = (c.textContent || "").trim().slice(0, 120);
-    o.push({ href: f, text: g, internal: y });
+    const b = (c.textContent || "").trim().slice(0, 120);
+    o.push({ href: f, text: b, internal: g });
   }
   return o;
 }
-let He = null;
-const gr = 5e3;
-function ft() {
+let ze = null;
+const br = 5e3;
+function mt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (He && He.pathname === t && e - He.at < gr)
-    return He.routes;
-  const r = mr();
-  return He = { at: e, pathname: t, routes: r }, r;
+  if (ze && ze.pathname === t && e - ze.at < br)
+    return ze.routes;
+  const r = vr();
+  return ze = { at: e, pathname: t, routes: r }, r;
 }
-function yr() {
-  He = null;
+function wr() {
+  ze = null;
 }
-function vr(e, t) {
+function _r(e, t) {
   const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), o = i == null ? void 0 : i.set;
   o ? o.call(e, t) : e.value = t;
 }
-function br(e, t, r = {}) {
+function xr(e, t, r = {}) {
   const i = r.triggerInput ?? !0, o = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const l = Object.getOwnPropertyDescriptor(
@@ -1823,9 +1838,9 @@ function br(e, t, r = {}) {
     c ? c.call(e, d) : e.checked = d, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  vr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  _r(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function wr() {
+function kr() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -1833,19 +1848,19 @@ function wr() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function _r(e) {
+function Lr(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function xr() {
+function Sr() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
   for (const i of e) {
-    if (!_r(i)) continue;
+    if (!Lr(i)) continue;
     const o = i.getBoundingClientRect();
     if (o.bottom <= 0 || o.top >= window.innerHeight || o.right <= 0 || o.left >= window.innerWidth || o.width <= 0 || o.height <= 0 || i.closest(".ll-widget")) continue;
     const l = o.width * o.height;
@@ -1853,24 +1868,24 @@ function xr() {
   }
   return t;
 }
-function kr() {
+function Cr() {
   if (typeof window > "u")
     return null;
-  if (wr()) return window;
-  const e = xr();
+  if (kr()) return window;
+  const e = Sr();
   return e || window;
 }
-function Vt(e) {
+function Jt(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function Lr(e) {
+function Er(e) {
   var t, r;
   return e instanceof Window ? typeof document > "u" ? 0 : Math.max(
     ((t = document.body) == null ? void 0 : t.scrollHeight) ?? 0,
     ((r = document.documentElement) == null ? void 0 : r.scrollHeight) ?? 0
   ) : e.scrollHeight - e.clientHeight;
 }
-const Sr = /* @__PURE__ */ new Set([
+const Nr = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1893,8 +1908,8 @@ const Sr = /* @__PURE__ */ new Set([
   "submit_form",
   "request_routes"
 ]);
-function Cr(e) {
-  var kt, Lt, St, Ct, Et, Nt, At;
+function Ar(e) {
+  var Ct, Et, Nt, At, Rt, Mt, It;
   const {
     agentId: t,
     apiKey: r,
@@ -1904,35 +1919,35 @@ function Cr(e) {
     autoConnect: c = !1,
     displayMode: d,
     defaultDisplayMode: f = "expanded",
-    onDisplayModeChange: y,
-    position: g = "bottom-right",
-    mobileBreakpoint: a = 640,
-    persistKey: s = "ll-widget",
-    disablePersistence: I = !1,
-    teamMembers: C,
-    currentTeamMemberId: S,
+    onDisplayModeChange: g,
+    position: b = "bottom-right",
+    mobileBreakpoint: s = 640,
+    persistKey: a = "ll-widget",
+    disablePersistence: k = !1,
+    teamMembers: E,
+    currentTeamMemberId: C,
     onTeamMemberChange: v,
-    idleLoopUrl: b,
+    idleLoopUrl: w,
     greeting: z,
-    avatarImageUrl: M,
+    avatarImageUrl: I,
     agentName: H,
     branding: h = {},
-    allowCamera: N = !0,
+    allowCamera: R = !0,
     allowScreenShare: q = !0,
     allowTyping: D = !0,
-    showOn: A,
+    showOn: M,
     hideOn: O,
     pathname: W,
-    onNavigate: G,
-    onScrollToSelector: te,
-    getPageContext: me,
-    pageContextExtras: Ve,
-    getRoutes: Ye,
-    onScrollPage: Ge,
-    onClick: Je,
-    capabilities: Z,
-    onConnect: ge,
-    onDisconnect: _e,
+    onNavigate: J,
+    onScrollToSelector: ne,
+    getPageContext: ye,
+    pageContextExtras: Je,
+    getRoutes: Ke,
+    onScrollPage: Xe,
+    onClick: Qe,
+    capabilities: ee,
+    onConnect: ae,
+    onDisconnect: ve,
     onTranscript: xe,
     onAgentState: ke,
     onConnectionStateChange: Le,
@@ -1940,43 +1955,43 @@ function Cr(e) {
     onAgentCommand: Ce,
     controlledSession: V,
     className: st,
-    style: Ke,
-    zIndex: Xe = 2147483647
-  } = e, ce = Tn(W), Oe = Bn(ce, A, O);
-  R(() => {
-    ur(), yr();
+    style: ct,
+    zIndex: Ze = 2147483647
+  } = e, ce = $n(W), Ee = Fn(ce, M, O);
+  A(() => {
+    hr(), wr();
   }, [ce]);
-  const se = S !== void 0, [Ee, re] = L(() => {
+  const He = C !== void 0, [be, Ne] = S(() => {
     var m;
-    return S ?? ((m = C == null ? void 0 : C[0]) == null ? void 0 : m.id);
-  }), ye = se ? S : Ee, J = ot(
-    () => (C == null ? void 0 : C.find((m) => m.id === ye)) ?? null,
-    [C, ye]
-  ), ve = (J == null ? void 0 : J.agentId) ?? t, [be, ie] = An({
+    return C ?? ((m = E == null ? void 0 : E[0]) == null ? void 0 : m.id);
+  }), G = He ? C : be, Q = ot(
+    () => (E == null ? void 0 : E.find((m) => m.id === G)) ?? null,
+    [E, G]
+  ), Ae = (Q == null ? void 0 : Q.agentId) ?? t, [re, se] = In({
     value: d,
     defaultValue: f,
-    onChange: y,
-    persistKey: s,
-    disablePersistence: I
-  }), Ne = In(a), Ae = yn(), ne = vn(), ee = wn(), oe = _n(), de = xn(), [Re, ue] = L(!1), [Ie, Qe] = L(!1), [Be, le] = L(!1), [fe, Ze] = L(!1), [Me, ct] = L(!1), Te = E(G), p = E(te), Y = E(Ge), et = E(Je), yt = E(me), vt = E(Ve), bt = E(Ye), dt = E(Z), ae = E(null);
-  Te.current = G, p.current = te, Y.current = Ge, et.current = Je, yt.current = me, vt.current = Ve, bt.current = Ye, dt.current = Z;
-  function pe(m) {
-    const u = dt.current;
+    onChange: g,
+    persistKey: a,
+    disablePersistence: k
+  }), we = Pn(s), Oe = wn(), te = _n(), ie = kn(), oe = Ln(), de = Sn(), [Re, ue] = S(!1), [fe, Be] = S(!1), [qe, We] = S(!1), [pe, he] = S(!1), [Me, et] = S(!1), Fe = N(J), Ie = N(ne), p = N(Xe), Y = N(Qe), dt = N(ye), wt = N(Je), _t = N(Ke), ut = N(ee), le = N(null);
+  Fe.current = J, Ie.current = ne, p.current = Xe, Y.current = Qe, dt.current = ye, wt.current = Je, _t.current = Ke, ut.current = ee;
+  function me(m) {
+    const u = ut.current;
     return u ? u.includes(m) : !0;
   }
-  function he(m, u) {
+  function ge(m, u) {
     console.warn(
       `[LiveLayer] Agent command "${m}" blocked — capability "${u}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
     );
   }
-  const qe = k(
+  const Ue = L(
     (m) => {
-      var K, Pe, nt, Rt;
+      var K, Te, nt, Tt;
       const u = m;
       if (!(!u.type || typeof u.type != "string")) {
         if (Se == null || Se({ eventName: u.type, data: m }), u.type === "navigate") {
-          if (!pe("navigate")) {
-            he("navigate", "navigate");
+          if (!me("navigate")) {
+            ge("navigate", "navigate");
             return;
           }
           const x = typeof u.href == "string" ? u.href : null;
@@ -1986,9 +2001,9 @@ function Cr(e) {
             );
             return;
           }
-          if (Te.current) {
+          if (Fe.current) {
             try {
-              Te.current(x);
+              Fe.current(x);
             } catch (T) {
               console.warn(
                 `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
@@ -2018,16 +2033,16 @@ function Cr(e) {
           return;
         }
         if (u.type === "scroll_to") {
-          if (!pe("scroll")) {
-            he("scroll_to", "scroll");
+          if (!me("scroll")) {
+            ge("scroll_to", "scroll");
             return;
           }
           const x = typeof u.selector == "string" ? u.selector : null;
           if (!x) return;
           const T = u.behavior === "instant" ? "instant" : "smooth";
-          if (p.current) {
+          if (Ie.current) {
             try {
-              p.current(
+              Ie.current(
                 x,
                 T
               );
@@ -2060,20 +2075,20 @@ function Cr(e) {
           return;
         }
         if (u.type === "request_page_context") {
-          if (!pe("read_page")) {
-            he("request_page_context", "read_page");
+          if (!me("read_page")) {
+            ge("request_page_context", "read_page");
             return;
           }
-          const x = typeof u.requestId == "string" ? u.requestId : void 0, T = (K = ae.current) == null ? void 0 : K.call(ae), B = (j) => {
+          const x = typeof u.requestId == "string" ? u.requestId : void 0, T = (K = le.current) == null ? void 0 : K.call(le), B = (j) => {
             const P = T, X = P == null ? void 0 : P.localParticipant;
             if (X != null && X.publishData)
               try {
-                const Q = x ? { ...j, requestId: x } : j, De = new TextEncoder().encode(JSON.stringify(Q));
-                X.publishData(De, { reliable: !0 });
-              } catch (Q) {
-                console.warn("[LiveLayer] publishData failed.", Q);
+                const Z = x ? { ...j, requestId: x } : j, Pe = new TextEncoder().encode(JSON.stringify(Z));
+                X.publishData(Pe, { reliable: !0 });
+              } catch (Z) {
+                console.warn("[LiveLayer] publishData failed.", Z);
               }
-          }, $ = vt.current, F = yt.current;
+          }, $ = wt.current, F = dt.current;
           try {
             if (F) {
               const j = F($);
@@ -2084,7 +2099,7 @@ function Cr(e) {
                     P
                   ), B({
                     type: "page_context",
-                    context: jt($)
+                    context: Gt($)
                   });
                 });
                 return;
@@ -2094,7 +2109,7 @@ function Cr(e) {
             }
             B({
               type: "page_context",
-              context: jt($)
+              context: Gt($)
             });
           } catch (j) {
             console.warn(
@@ -2108,8 +2123,8 @@ function Cr(e) {
           return;
         }
         if (u.type === "scroll_page") {
-          if (!pe("scroll")) {
-            he("scroll_page", "scroll");
+          if (!me("scroll")) {
+            ge("scroll_page", "scroll");
             return;
           }
           const x = u.direction;
@@ -2120,9 +2135,9 @@ function Cr(e) {
             return;
           }
           const T = u.behavior === "instant" ? "instant" : "smooth";
-          if (Y.current) {
+          if (p.current) {
             try {
-              Y.current(
+              p.current(
                 x,
                 T
               );
@@ -2132,17 +2147,17 @@ function Cr(e) {
             return;
           }
           if (typeof window > "u") return;
-          const B = { behavior: T }, $ = kr(), F = (P) => {
+          const B = { behavior: T }, $ = Cr(), F = (P) => {
             $ instanceof Window ? $.scrollBy({ top: P, ...B }) : $.scrollBy({ top: P, ...B });
           }, j = (P) => {
             $ instanceof Window ? $.scrollTo({ top: P, ...B }) : $.scrollTo({ top: P, ...B });
           };
-          x === "up" ? F(-Vt($)) : x === "down" ? F(Vt($)) : j(x === "top" ? 0 : Lr($));
+          x === "up" ? F(-Jt($)) : x === "down" ? F(Jt($)) : j(x === "top" ? 0 : Er($));
           return;
         }
         if (u.type === "click") {
-          if (!pe("click")) {
-            he("click", "click");
+          if (!me("click")) {
+            ge("click", "click");
             return;
           }
           const x = typeof u.selector == "string" ? u.selector : null;
@@ -2150,9 +2165,9 @@ function Cr(e) {
             console.warn("[LiveLayer] click: missing selector.");
             return;
           }
-          if (et.current) {
+          if (Y.current) {
             try {
-              et.current(x);
+              Y.current(x);
             } catch (B) {
               console.warn("[LiveLayer] onClick threw.", B);
             }
@@ -2180,12 +2195,12 @@ function Cr(e) {
             );
             return;
           }
-          (Pe = T.click) == null || Pe.call(T);
+          (Te = T.click) == null || Te.call(T);
           return;
         }
         if (u.type === "fill_form" || u.type === "focus_field") {
-          if (!pe("fill_forms")) {
-            he(u.type, "fill_forms");
+          if (!me("fill_forms")) {
+            ge(u.type, "fill_forms");
             return;
           }
           if (typeof document > "u") return;
@@ -2252,7 +2267,7 @@ function Cr(e) {
               continue;
             }
             try {
-              br(j, F);
+              xr(j, F);
             } catch (P) {
               console.warn(
                 `[LiveLayer] fill_form: failed to set "${$}".`,
@@ -2263,8 +2278,8 @@ function Cr(e) {
           return;
         }
         if (u.type === "submit_form") {
-          if (!pe("submit_forms")) {
-            he("submit_form", "submit_forms");
+          if (!me("submit_forms")) {
+            ge("submit_form", "submit_forms");
             return;
           }
           if (typeof document > "u") return;
@@ -2288,12 +2303,12 @@ function Cr(e) {
             );
             return;
           }
-          const B = typeof u.requestId == "string" ? u.requestId : void 0, $ = (nt = ae.current) == null ? void 0 : nt.call(ae), F = (X) => {
-            const Q = $, De = Q == null ? void 0 : Q.localParticipant;
-            if (De != null && De.publishData)
+          const B = typeof u.requestId == "string" ? u.requestId : void 0, $ = (nt = le.current) == null ? void 0 : nt.call(le), F = (X) => {
+            const Z = $, Pe = Z == null ? void 0 : Z.localParticipant;
+            if (Pe != null && Pe.publishData)
               try {
-                const sn = B ? { ...X, requestId: B } : X, cn = new TextEncoder().encode(JSON.stringify(sn));
-                De.publishData(cn, { reliable: !0 });
+                const un = B ? { ...X, requestId: B } : X, fn = new TextEncoder().encode(JSON.stringify(un));
+                Pe.publishData(fn, { reliable: !0 });
               } catch {
               }
           };
@@ -2322,96 +2337,96 @@ function Cr(e) {
           return;
         }
         if (u.type === "request_routes") {
-          if (!pe("read_page")) {
-            he("request_routes", "read_page");
+          if (!me("read_page")) {
+            ge("request_routes", "read_page");
             return;
           }
-          const x = typeof u.requestId == "string" ? u.requestId : void 0, B = (Rt = ae.current) == null ? void 0 : Rt.call(ae), $ = B == null ? void 0 : B.localParticipant;
+          const x = typeof u.requestId == "string" ? u.requestId : void 0, B = (Tt = le.current) == null ? void 0 : Tt.call(le), $ = B == null ? void 0 : B.localParticipant;
           if (!($ != null && $.publishData)) return;
           const F = (P) => {
             try {
-              const X = x ? { type: "routes", routes: P, requestId: x } : { type: "routes", routes: P }, Q = new TextEncoder().encode(JSON.stringify(X));
-              $.publishData(Q, { reliable: !0 });
+              const X = x ? { type: "routes", routes: P, requestId: x } : { type: "routes", routes: P }, Z = new TextEncoder().encode(JSON.stringify(X));
+              $.publishData(Z, { reliable: !0 });
             } catch (X) {
               console.warn("[LiveLayer] request_routes: publishData failed.", X);
             }
-          }, j = bt.current;
+          }, j = _t.current;
           if (j) {
             try {
-              const P = j(), X = (Q) => {
-                if (!Array.isArray(Q)) {
+              const P = j(), X = (Z) => {
+                if (!Array.isArray(Z)) {
                   F([]);
                   return;
                 }
-                F(Q.map(pr).slice(0, 200));
+                F(Z.map(gr).slice(0, 200));
               };
-              P instanceof Promise ? P.then(X).catch((Q) => {
+              P instanceof Promise ? P.then(X).catch((Z) => {
                 console.warn(
                   "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                  Q
-                ), F(ft());
+                  Z
+                ), F(mt());
               }) : X(P);
             } catch (P) {
               console.warn(
                 "[LiveLayer] getRoutes threw; falling back to DOM walker.",
                 P
-              ), F(ft());
+              ), F(mt());
             }
             return;
           }
           try {
-            F(ft());
+            F(mt());
           } catch (P) {
             console.warn("[LiveLayer] request_routes: extractRoutes threw.", P);
           }
           return;
         }
-        Sr.has(u.type) || Ce == null || Ce(u);
+        Nr.has(u.type) || Ce == null || Ce(u);
       }
     },
     [Ce, Se]
-  ), U = gn({
-    agentId: V ? "__controlled__" : ve,
+  ), U = bn({
+    agentId: V ? "__controlled__" : Ae,
     baseUrl: i,
     apiKey: r,
     sessionEndpoint: o,
     sessionBody: l,
-    onDataMessage: V ? void 0 : qe
+    onDataMessage: V ? void 0 : Ue
   });
-  R(() => {
+  A(() => {
     if (V != null && V.subscribeToDataMessages)
-      return V.subscribeToDataMessages(qe);
-  }, [V, qe]), ae.current = () => {
+      return V.subscribeToDataMessages(Ue);
+  }, [V, Ue]), le.current = () => {
     var m;
     return (m = U.getRoom) == null ? void 0 : m.call(U);
-  }, R(() => {
+  }, A(() => {
     var K;
     if (!ce) return;
     const m = (K = U.getRoom) == null ? void 0 : K.call(U), u = m == null ? void 0 : m.localParticipant;
     if (u != null && u.publishData)
       try {
-        const Pe = new TextEncoder().encode(
+        const Te = new TextEncoder().encode(
           JSON.stringify({ type: "pathname", pathname: ce })
         );
-        u.publishData(Pe, { reliable: !0 });
+        u.publishData(Te, { reliable: !0 });
       } catch {
       }
-  }, [ce, U, U.connectionState]), R(() => {
+  }, [ce, U, U.connectionState]), A(() => {
     var K;
     if (typeof window > "u") return;
     const m = ((K = window.location) == null ? void 0 : K.hostname) || "";
     if (m === "localhost" || m === "127.0.0.1" || m === "0.0.0.0" || m.endsWith(".local") || m.endsWith(".test"))
-      return window.__livelayerSimulateCommand = (Pe) => {
+      return window.__livelayerSimulateCommand = (Te) => {
         try {
-          qe(Pe);
+          Ue(Te);
         } catch (nt) {
           console.warn("[LiveLayer] simulate-command threw:", nt);
         }
       }, () => {
         delete window.__livelayerSimulateCommand;
       };
-  }, [qe]);
-  const w = ot(() => V ? {
+  }, [Ue]);
+  const y = ot(() => V ? {
     connectionState: V.connectionState,
     agentState: V.agentState,
     transcript: V.transcript,
@@ -2442,37 +2457,45 @@ function Cr(e) {
     disconnect: U.disconnect,
     getRoom: U.getRoom,
     isControlled: !1
-  }, [V, U]), wt = E(null);
-  R(() => {
-    const m = w.videoElement, u = wt.current;
+  }, [V, U]), xt = N(null);
+  A(() => {
+    const m = y.videoElement, u = xt.current;
     if (!(!m || !u))
       return u.appendChild(m), () => {
         m.parentNode === u && u.removeChild(m);
       };
-  }, [w.videoElement]), R(() => {
-    const m = w.audioElement;
+  }, [y.videoElement]), A(() => {
+    const m = y.audioElement;
     if (!m) return;
-    Ae.attach(m);
+    Oe.attach(m);
     const u = m.play();
     return u && typeof u.catch == "function" && u.catch((K) => {
       (K == null ? void 0 : K.name) === "NotAllowedError" && ue(!0);
     }), () => {
-      Ae.detach();
+      Oe.detach();
     };
-  }, [w.audioElement]), R(() => {
-    if (w.isControlled || w.connectionState !== "connected") return;
-    const m = w.getRoom();
+  }, [y.audioElement]), A(() => {
+    if (y.isControlled || y.connectionState !== "connected") return;
+    const m = y.getRoom();
     if (m)
-      return ne.setupMic(m).catch(() => {
-      }), ee.attachRoom(m), oe.attachRoom(m), de.refresh(), () => {
-        ne.teardownMic(), ee.teardown(), oe.teardown();
+      return te.setupMic(m, { startMuted: !0 }).catch(() => {
+      }), ie.attachRoom(m), oe.attachRoom(m), de.refresh(), () => {
+        te.teardownMic(), ie.teardown(), oe.teardown();
       };
-  }, [w.isControlled, w.connectionState]), R(() => {
-    const m = w.audioElement;
+  }, [y.isControlled, y.connectionState]);
+  const [ft, kt] = S(!1), pt = N("idle");
+  A(() => {
+    if (y.connectionState === "idle" || y.connectionState === "disconnected") {
+      kt(!1), pt.current = "idle";
+      return;
+    }
+    !ft && pt.current === "speaking" && y.agentState !== "speaking" && (kt(!0), te.setMuted(!1)), pt.current = y.agentState;
+  }, [y.agentState, y.connectionState, ft]), A(() => {
+    const m = y.audioElement;
     m && (m.muted = Me);
-  }, [w.audioElement, Me]);
-  const Kt = k((m) => {
-    const u = w.getRoom();
+  }, [y.audioElement, Me]);
+  const Zt = L((m) => {
+    const u = y.getRoom();
     if (u)
       try {
         const K = new TextEncoder().encode(
@@ -2481,163 +2504,164 @@ function Cr(e) {
         u.localParticipant.publishData(K, { reliable: !0 });
       } catch {
       }
-  }, [w]), Xt = k(() => {
-    ct((m) => !m);
+  }, [y]), en = L(() => {
+    et((m) => !m);
   }, []);
-  R(() => {
-    Le == null || Le(w.connectionState), w.connectionState === "connected" ? ge == null || ge() : w.connectionState === "disconnected" && (_e == null || _e());
-  }, [w.connectionState, ge, _e, Le]), R(() => {
-    xe == null || xe(w.transcript);
-  }, [w.transcript, xe]), R(() => {
-    ke == null || ke(w.agentState);
-  }, [w.agentState, ke]);
-  const _t = E(!1);
-  R(() => {
-    w.isControlled || !c || _t.current || Oe && w.connectionState === "idle" && (_t.current = !0, w.connect());
-  }, [c, w.connectionState, w, Oe]);
-  const Qt = k(
+  A(() => {
+    Le == null || Le(y.connectionState), y.connectionState === "connected" ? ae == null || ae() : y.connectionState === "disconnected" && (ve == null || ve());
+  }, [y.connectionState, ae, ve, Le]), A(() => {
+    xe == null || xe(y.transcript);
+  }, [y.transcript, xe]), A(() => {
+    ke == null || ke(y.agentState);
+  }, [y.agentState, ke]);
+  const Lt = N(!1);
+  A(() => {
+    y.isControlled || !c || Lt.current || Ee && y.connectionState === "idle" && (Lt.current = !0, y.connect());
+  }, [c, y.connectionState, y, Ee]);
+  const tn = L(
     (m) => {
-      const u = C == null ? void 0 : C.find((K) => K.id === m);
-      u && (le(!1), m !== ye && (Qe(!0), w.disconnect(), se || re(m), v == null || v(u)));
+      const u = E == null ? void 0 : E.find((K) => K.id === m);
+      u && (We(!1), m !== G && (Be(!0), y.disconnect(), He || Ne(m), v == null || v(u)));
     },
     [
-      C,
-      ye,
-      w,
-      se,
+      E,
+      G,
+      y,
+      He,
       v
     ]
   );
-  R(() => {
-    Ie && w.connectionState === "connected" && Qe(!1);
-  }, [w.connectionState, Ie]), R(() => {
-    if (!Be) return;
+  A(() => {
+    fe && y.connectionState === "connected" && Be(!1);
+  }, [y.connectionState, fe]), A(() => {
+    if (!qe) return;
     const m = (u) => {
-      u.key === "Escape" && le(!1);
+      u.key === "Escape" && We(!1);
     };
     return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
-  }, [Be]);
-  const Zt = !!M || !!(J != null && J.avatarImageUrl) || w.isControlled, We = kn(ve, i, Zt);
-  Z === void 0 && ((kt = We.info) != null && kt.capabilities) && (dt.current = We.info.capabilities);
-  const tt = (J == null ? void 0 : J.name) ?? H ?? ((Lt = w.agentConfig) == null ? void 0 : Lt.name) ?? ((St = We.info) == null ? void 0 : St.name) ?? "Live Layer", ut = (J == null ? void 0 : J.avatarImageUrl) ?? M ?? ((Ct = w.agentConfig) == null ? void 0 : Ct.avatarImageUrl) ?? ((Et = We.info) == null ? void 0 : Et.avatarImageUrl) ?? null, en = b ?? ((Nt = w.agentConfig) == null ? void 0 : Nt.idleLoopUrl) ?? ((At = We.info) == null ? void 0 : At.idleLoopUrl) ?? null, tn = z ?? null, nn = k(() => ie("expanded"), [ie]), rn = k(
-    () => ie("minimized"),
-    [ie]
-  ), xt = k(() => {
-    w.disconnect(), ie("hidden");
-  }, [w, ie]), on = k(() => {
-    const m = w.audioElement;
+  }, [qe]);
+  const nn = !!I || !!(Q != null && Q.avatarImageUrl) || y.isControlled, je = Cn(Ae, i, nn);
+  ee === void 0 && ((Ct = je.info) != null && Ct.capabilities) && (ut.current = je.info.capabilities);
+  const tt = (Q == null ? void 0 : Q.name) ?? H ?? ((Et = y.agentConfig) == null ? void 0 : Et.name) ?? ((Nt = je.info) == null ? void 0 : Nt.name) ?? "Live Layer", ht = (Q == null ? void 0 : Q.avatarImageUrl) ?? I ?? ((At = y.agentConfig) == null ? void 0 : At.avatarImageUrl) ?? ((Rt = je.info) == null ? void 0 : Rt.avatarImageUrl) ?? null, rn = w ?? ((Mt = y.agentConfig) == null ? void 0 : Mt.idleLoopUrl) ?? ((It = je.info) == null ? void 0 : It.idleLoopUrl) ?? null, on = z ?? null, ln = L(() => se("expanded"), [se]), an = L(
+    () => se("minimized"),
+    [se]
+  ), St = L(() => {
+    y.disconnect(), se("hidden");
+  }, [y, se]), sn = L(() => {
+    const m = y.audioElement;
     m && m.play().then(() => ue(!1)).catch(() => {
     });
-  }, [w.audioElement]), ln = k(() => {
-    ue(!1), w.connect();
-  }, [w]), Fe = {
-    ...Ke,
-    zIndex: Xe
+  }, [y.audioElement]), cn = L(() => {
+    ue(!1), y.connect();
+  }, [y]), Ve = {
+    ...ct,
+    zIndex: Ze
   };
-  h.primaryColor && (Fe["--ll-color-primary"] = h.primaryColor), h.accentColor && (Fe["--ll-color-accent"] = h.accentColor), h.backgroundColor && (Fe["--ll-color-bg"] = h.backgroundColor), h.textColor && (Fe["--ll-color-fg"] = h.textColor);
-  const an = [
+  h.primaryColor && (Ve["--ll-color-primary"] = h.primaryColor), h.accentColor && (Ve["--ll-color-accent"] = h.accentColor), h.backgroundColor && (Ve["--ll-color-bg"] = h.backgroundColor), h.textColor && (Ve["--ll-color-fg"] = h.textColor);
+  const dn = [
     "ll-widget",
-    `ll-widget--${be}`,
-    `ll-widget--${Ne ? "mobile" : "desktop"}`,
+    `ll-widget--${re}`,
+    `ll-widget--${we ? "mobile" : "desktop"}`,
     st
   ].filter(Boolean).join(" ");
-  return Oe ? /* @__PURE__ */ _(
+  return Ee ? /* @__PURE__ */ _(
     "div",
     {
-      className: an,
-      style: Fe,
-      "data-display-mode": be,
-      "data-position": g,
+      className: dn,
+      style: Ve,
+      "data-display-mode": re,
+      "data-position": b,
       children: [
-        be === "hidden" && /* @__PURE__ */ n(
-          Vn,
+        re === "hidden" && /* @__PURE__ */ n(
+          Jn,
           {
-            position: g,
-            isMobile: Ne,
-            isSpeaking: w.agentState === "speaking",
-            onExpand: () => ie("expanded"),
+            position: b,
+            isMobile: we,
+            isSpeaking: y.agentState === "speaking",
+            onExpand: () => se("expanded"),
             label: `Open ${tt} widget`,
-            avatarImageUrl: ut,
+            avatarImageUrl: ht,
             agentName: tt
           }
         ),
-        be === "minimized" && /* @__PURE__ */ n(
-          Gn,
+        re === "minimized" && /* @__PURE__ */ n(
+          Xn,
           {
-            position: g,
-            isMobile: Ne,
+            position: b,
+            isMobile: we,
             agentName: tt,
-            avatarImageUrl: ut,
-            agentState: w.agentState,
-            isMuted: ne.isMuted,
-            audioLevel: Ae,
-            onExpand: nn,
-            onToggleMute: ne.toggleMute,
-            onClose: xt
+            avatarImageUrl: ht,
+            agentState: y.agentState,
+            isMuted: te.isMuted,
+            audioLevel: Oe,
+            onExpand: ln,
+            onToggleMute: te.toggleMute,
+            onClose: St
           }
         ),
-        be === "expanded" && /* @__PURE__ */ n(
-          Kn,
+        re === "expanded" && /* @__PURE__ */ n(
+          Zn,
           {
-            position: g,
-            isMobile: Ne,
+            position: b,
+            isMobile: we,
             agentName: tt,
-            avatarImageUrl: ut,
-            idleLoopUrl: en,
-            greeting: tn,
+            avatarImageUrl: ht,
+            idleLoopUrl: rn,
+            greeting: on,
             branding: h,
-            teamMembers: C,
-            currentTeamMemberId: ye,
-            isSwitchingTeamMember: Ie,
-            teamSwitcherOpen: Be,
-            onToggleTeamSwitcher: () => le((m) => !m),
-            onSelectTeamMember: Qt,
-            connectionState: w.connectionState,
-            agentState: w.agentState,
-            transcript: w.transcript,
-            isMuted: ne.isMuted,
+            teamMembers: E,
+            currentTeamMemberId: G,
+            isSwitchingTeamMember: fe,
+            teamSwitcherOpen: qe,
+            onToggleTeamSwitcher: () => We((m) => !m),
+            onSelectTeamMember: tn,
+            connectionState: y.connectionState,
+            agentState: y.agentState,
+            transcript: y.transcript,
+            isMuted: te.isMuted,
             micDevices: de.mics,
-            isCameraEnabled: ee.isEnabled,
-            cameraPreviewEl: ee.previewEl,
+            isCameraEnabled: ie.isEnabled,
+            cameraPreviewEl: ie.previewEl,
             cameraDevices: de.cameras,
-            activeCameraId: ee.activeDeviceId,
+            activeCameraId: ie.activeDeviceId,
             isScreenShareEnabled: oe.isEnabled,
             screenPreviewEl: oe.previewEl,
             isSpeakerMuted: Me,
-            allowCamera: N,
+            allowCamera: R,
             allowScreenShare: q,
             allowTyping: D,
-            languageMenuOpen: fe,
-            onToggleLanguageMenu: () => Ze((m) => !m),
+            languageMenuOpen: pe,
+            onToggleLanguageMenu: () => he((m) => !m),
             needsUserGesture: Re,
-            canResume: w.canResume,
-            micError: ne.micError,
-            error: w.error,
-            avatarVideoContainerRef: wt,
-            agentVideoEl: w.videoElement,
-            onConnect: () => void w.connect(),
-            onDisconnect: () => w.disconnect(),
-            onRetry: ln,
-            onResumeAudio: on,
-            onToggleMute: ne.toggleMute,
-            onToggleCamera: () => void ee.toggle(),
-            onSwitchCameraDevice: (m) => void ee.switchDevice(m),
+            canResume: y.canResume,
+            micError: te.micError,
+            error: y.error,
+            avatarVideoContainerRef: xt,
+            agentVideoEl: y.videoElement,
+            micGateOpen: y.isControlled ? !0 : ft,
+            onConnect: () => void y.connect(),
+            onDisconnect: () => y.disconnect(),
+            onRetry: cn,
+            onResumeAudio: sn,
+            onToggleMute: te.toggleMute,
+            onToggleCamera: () => void ie.toggle(),
+            onSwitchCameraDevice: (m) => void ie.switchDevice(m),
             onToggleScreenShare: () => void oe.toggle(),
-            onToggleSpeaker: Xt,
-            onSendMessage: Kt,
-            onMinimize: rn,
-            onClose: xt,
-            onClearMicError: ne.clearError
+            onToggleSpeaker: en,
+            onSendMessage: Zt,
+            onMinimize: an,
+            onClose: St,
+            onClearMicError: te.clearError
           }
         )
       ]
     }
   ) : null;
 }
-function Pr(e) {
-  return /* @__PURE__ */ n(mn, { children: /* @__PURE__ */ n(Cr, { ...e }) });
+function zr(e) {
+  return /* @__PURE__ */ n(vn, { children: /* @__PURE__ */ n(Ar, { ...e }) });
 }
-const Dr = ({
+const Hr = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
@@ -2646,26 +2670,26 @@ const Dr = ({
   className: l,
   style: c
 }) => {
-  const d = E(null), f = E(null), y = E(o);
-  y.current = o;
-  const g = k((a) => {
-    var I;
-    const s = a.detail;
-    (I = y.current) == null || I.call(y, s);
+  const d = N(null), f = N(null), g = N(o);
+  g.current = o;
+  const b = L((s) => {
+    var k;
+    const a = s.detail;
+    (k = g.current) == null || k.call(g, a);
   }, []);
-  return R(() => {
-    const a = d.current;
-    if (!a) return;
-    const s = document.createElement("livelayer-widget");
-    return s.setAttribute("agent-id", e), t && s.setAttribute("base-url", t), r && s.setAttribute("api-key", r), i && s.setAttribute("mode", i), s.addEventListener("agent-event", g), a.appendChild(s), f.current = s, () => {
-      s.removeEventListener("agent-event", g), a.removeChild(s), f.current = null;
+  return A(() => {
+    const s = d.current;
+    if (!s) return;
+    const a = document.createElement("livelayer-widget");
+    return a.setAttribute("agent-id", e), t && a.setAttribute("base-url", t), r && a.setAttribute("api-key", r), i && a.setAttribute("mode", i), a.addEventListener("agent-event", b), s.appendChild(a), f.current = a, () => {
+      a.removeEventListener("agent-event", b), s.removeChild(a), f.current = null;
     };
-  }, [e]), R(() => {
+  }, [e]), A(() => {
     f.current && (i ? f.current.setAttribute("mode", i) : f.current.removeAttribute("mode"));
   }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: c });
-}, $r = mt(
+}, Or = vt(
   function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, d) {
-    return un(
+    return hn(
       i,
       {
         ref: d,
@@ -2677,7 +2701,7 @@ const Dr = ({
       c
     );
   }
-), zr = mt(
+), Br = vt(
   function({ id: t, intent: r, children: i, ...o }, l) {
     return /* @__PURE__ */ n(
       "form",
@@ -2690,39 +2714,39 @@ const Dr = ({
       }
     );
   }
-), Hr = mt(
+), qr = vt(
   function(t, r) {
     const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
     let d;
     if ("as" in t && t.as === "textarea") {
-      const { name: f, label: y, labelClassName: g, as: a, ...s } = t;
+      const { name: f, label: g, labelClassName: b, as: s, ...a } = t;
       d = /* @__PURE__ */ n(
         "textarea",
         {
           ref: r,
           ...c,
-          ...s
+          ...a
         }
       );
     } else if ("as" in t && t.as === "select") {
-      const { name: f, label: y, labelClassName: g, as: a, children: s, ...I } = t;
+      const { name: f, label: g, labelClassName: b, as: s, children: a, ...k } = t;
       d = /* @__PURE__ */ n(
         "select",
         {
           ref: r,
           ...c,
-          ...I,
-          children: s
+          ...k,
+          children: a
         }
       );
     } else {
-      const { name: f, label: y, labelClassName: g, as: a, ...s } = t;
+      const { name: f, label: g, labelClassName: b, as: s, ...a } = t;
       d = /* @__PURE__ */ n(
         "input",
         {
           ref: r,
           ...c,
-          ...s
+          ...a
         }
       );
     }
@@ -2732,67 +2756,67 @@ const Dr = ({
     ] });
   }
 );
-let Yt = 1;
-function Or({
+let Kt = 1;
+function Wr({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [i, o] = L(t), [l, c] = L([]), [d, f] = L(""), [y, g] = L(!1), a = E(/* @__PURE__ */ new Set()), s = E([]), I = E(y);
-  I.current = y, R(() => {
+  const [i, o] = S(t), [l, c] = S([]), [d, f] = S(""), [g, b] = S(!1), s = N(/* @__PURE__ */ new Set()), a = N([]), k = N(g);
+  k.current = g, A(() => {
     try {
       const v = localStorage.getItem(r);
       v === "1" && o(!0), v === "0" && o(!1);
     } catch {
     }
-  }, [r]), R(() => {
+  }, [r]), A(() => {
     try {
       localStorage.setItem(r, i ? "1" : "0");
     } catch {
     }
-  }, [i, r]), R(() => {
-    const v = (b) => {
-      (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), o((z) => !z));
+  }, [i, r]), A(() => {
+    const v = (w) => {
+      (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), o((z) => !z));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, []), R(() => {
+  }, []), A(() => {
     const v = setInterval(() => {
-      if (s.current.length === 0 || I.current) return;
-      const b = s.current.splice(0, s.current.length);
+      if (a.current.length === 0 || k.current) return;
+      const w = a.current.splice(0, a.current.length);
       c(
-        (z) => [...b.reverse(), ...z].slice(0, 200)
+        (z) => [...w.reverse(), ...z].slice(0, 200)
       );
     }, 100);
     return () => clearInterval(v);
   }, []);
-  const C = E(!1);
-  if (R(() => {
-    !e || C.current || (C.current = !0, e((v) => {
-      s.current.push({
-        id: Yt++,
+  const E = N(!1);
+  if (A(() => {
+    !e || E.current || (E.current = !0, e((v) => {
+      a.current.push({
+        id: Kt++,
         ts: Date.now(),
         kind: "event",
         type: v.eventName,
         data: v.data
       });
     }));
-  }, [e]), R(() => {
-    const v = console.warn, b = console.log, z = (M, H) => function(...h) {
+  }, [e]), A(() => {
+    const v = console.warn, w = console.log, z = (I, H) => function(...h) {
       try {
-        const N = typeof h[0] == "string" ? h[0] : "";
-        N.startsWith("[LiveLayer]") && s.current.push({
-          id: Yt++,
+        const R = typeof h[0] == "string" ? h[0] : "";
+        R.startsWith("[LiveLayer]") && a.current.push({
+          id: Kt++,
           ts: Date.now(),
-          kind: M,
-          type: N.slice(0, 120),
-          data: { args: h.slice(1).map((q) => Nr(q)) }
+          kind: I,
+          type: R.slice(0, 120),
+          data: { args: h.slice(1).map((q) => Mr(q)) }
         });
       } catch {
       }
       return H.apply(this, h);
     };
-    return console.warn = z("warn", v), console.log = z("log", b), () => {
-      console.warn = v, console.log = b;
+    return console.warn = z("warn", v), console.log = z("log", w), () => {
+      console.warn = v, console.log = w;
     };
   }, []), !i)
     return /* @__PURE__ */ n(
@@ -2821,10 +2845,10 @@ function Or({
         children: "🛰 LL debug"
       }
     );
-  const S = l.filter((v) => {
+  const C = l.filter((v) => {
     if (!d) return !0;
-    const b = d.toLowerCase();
-    return v.type.toLowerCase().includes(b) || JSON.stringify(v.data || {}).toLowerCase().includes(b);
+    const w = d.toLowerCase();
+    return v.type.toLowerCase().includes(w) || JSON.stringify(v.data || {}).toLowerCase().includes(w);
   });
   return /* @__PURE__ */ _(
     "div",
@@ -2871,10 +2895,10 @@ function Or({
                 "button",
                 {
                   type: "button",
-                  onClick: () => g((v) => !v),
-                  style: pt(y ? "#f59e0b" : "transparent"),
+                  onClick: () => b((v) => !v),
+                  style: gt(g ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
-                  children: y ? "▶ resume" : "⏸ pause"
+                  children: g ? "▶ resume" : "⏸ pause"
                 }
               ),
               /* @__PURE__ */ n(
@@ -2882,9 +2906,9 @@ function Or({
                 {
                   type: "button",
                   onClick: () => {
-                    c([]), s.current = [];
+                    c([]), a.current = [];
                   },
-                  style: pt("transparent"),
+                  style: gt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -2894,7 +2918,7 @@ function Or({
                 {
                   type: "button",
                   onClick: () => o(!1),
-                  style: pt("transparent"),
+                  style: gt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -2930,7 +2954,7 @@ function Or({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: S.length === 0 ? /* @__PURE__ */ _(
+            children: C.length === 0 ? /* @__PURE__ */ _(
               "div",
               {
                 style: {
@@ -2960,13 +2984,13 @@ function Or({
                   )
                 ]
               }
-            ) : S.map((v) => /* @__PURE__ */ n(
-              Er,
+            ) : C.map((v) => /* @__PURE__ */ n(
+              Rr,
               {
                 entry: v,
-                expanded: a.current.has(v.id),
+                expanded: s.current.has(v.id),
                 onToggle: () => {
-                  a.current.has(v.id) ? a.current.delete(v.id) : a.current.add(v.id), c((b) => [...b]);
+                  s.current.has(v.id) ? s.current.delete(v.id) : s.current.add(v.id), c((w) => [...w]);
                 }
               },
               v.id
@@ -2977,7 +3001,7 @@ function Or({
     }
   );
 }
-function Er({
+function Rr({
   entry: e,
   expanded: t,
   onToggle: r
@@ -3047,7 +3071,7 @@ function Er({
     }
   );
 }
-function pt(e) {
+function gt(e) {
   return {
     background: e,
     color: "#fff",
@@ -3058,15 +3082,15 @@ function pt(e) {
     cursor: "pointer"
   };
 }
-function Nr(e) {
+function Mr(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function Br() {
-  const [e, t] = L([]), r = k((o) => {
+function Fr() {
+  const [e, t] = S([]), r = L((o) => {
     t((l) => {
       const c = l.findIndex((d) => d.id === o.id);
       if (c >= 0) {
@@ -3075,7 +3099,7 @@ function Br() {
       }
       return [...l, o];
     });
-  }, []), i = k(() => t([]), []);
+  }, []), i = L(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
@@ -3084,33 +3108,33 @@ function Br() {
   };
 }
 export {
-  Pr as AvatarWidget,
-  mn as ErrorBoundary,
-  Or as LiveLayerDebugPanel,
-  Hr as LiveLayerField,
-  zr as LiveLayerForm,
-  $r as LiveLayerRegion,
-  Dr as LiveLayerWidget,
-  ur as clearPageContextCache,
-  yr as clearRoutesCache,
-  dr as extractPageContext,
-  mr as extractRoutes,
-  jt as getCachedPageContext,
-  ft as getCachedRoutes,
-  Hn as matchesPattern,
-  pr as normalizeRouteInput,
-  On as shouldRenderAtPath,
-  kn as useAgentInfo,
-  yn as useAudioLevel,
-  wn as useCameraState,
-  Cn as useDisplayMode,
-  An as useDisplayModePersistence,
-  In as useIsMobile,
-  gn as useLiveKitSession,
-  xn as useMediaDevices,
-  vn as useMicrophoneState,
-  Tn as usePathname,
-  Bn as useRouteMatch,
-  _n as useScreenShareState,
-  Br as useTranscript
+  zr as AvatarWidget,
+  vn as ErrorBoundary,
+  Wr as LiveLayerDebugPanel,
+  qr as LiveLayerField,
+  Br as LiveLayerForm,
+  Or as LiveLayerRegion,
+  Hr as LiveLayerWidget,
+  hr as clearPageContextCache,
+  wr as clearRoutesCache,
+  pr as extractPageContext,
+  vr as extractRoutes,
+  Gt as getCachedPageContext,
+  mt as getCachedRoutes,
+  qn as matchesPattern,
+  gr as normalizeRouteInput,
+  Wn as shouldRenderAtPath,
+  Cn as useAgentInfo,
+  wn as useAudioLevel,
+  kn as useCameraState,
+  An as useDisplayMode,
+  In as useDisplayModePersistence,
+  Pn as useIsMobile,
+  bn as useLiveKitSession,
+  Sn as useMediaDevices,
+  _n as useMicrophoneState,
+  $n as usePathname,
+  Fn as useRouteMatch,
+  Ln as useScreenShareState,
+  Fr as useTranscript
 };