@livelayer/react 0.2.5 → 0.3.0

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as _, jsx as e, Fragment as Ze } from "react/jsx-runtime";
-import { Component as et, useState as k, useRef as M, useEffect as S, useCallback as g, useMemo as Se } from "react";
-import { LiveKitSession as tt } from "@livelayer/sdk";
-import { createLocalAudioTrack as nt, Track as We, createLocalVideoTrack as rt } from "livekit-client";
-class it extends et {
+import { jsxs as _, jsx as t, Fragment as _t } from "react/jsx-runtime";
+import { Component as Dt, useState as C, useRef as A, useEffect as I, useCallback as y, useMemo as De, forwardRef as zt, createElement as $t } from "react";
+import { LiveKitSession as Bt } from "@livelayer/sdk";
+import { createLocalAudioTrack as Ut, Track as xt, createLocalVideoTrack as Ot } from "livekit-client";
+class Ht extends Dt {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -12,16 +12,16 @@ class it extends et {
   static getDerivedStateFromError(n) {
     return { hasError: !0, error: n };
   }
-  componentDidCatch(n, i) {
-    var l, r;
-    (r = (l = this.props).onError) == null || r.call(l, n, i);
+  componentDidCatch(n, r) {
+    var i, o;
+    (o = (i = this.props).onError) == null || o.call(i, n, r);
   }
   render() {
     var n;
     return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ _("div", { className: "ll-error-boundary", role: "alert", children: [
-      /* @__PURE__ */ e("p", { className: "ll-error-boundary__title", children: "Widget crashed" }),
-      /* @__PURE__ */ e("p", { className: "ll-error-boundary__message", children: ((n = this.state.error) == null ? void 0 : n.message) || "Something went wrong." }),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t("p", { className: "ll-error-boundary__title", children: "Widget crashed" }),
+      /* @__PURE__ */ t("p", { className: "ll-error-boundary__message", children: ((n = this.state.error) == null ? void 0 : n.message) || "Something went wrong." }),
+      /* @__PURE__ */ t(
         "button",
         {
           type: "button",
@@ -33,282 +33,282 @@ class it extends et {
     ] }) : this.props.children;
   }
 }
-function lt(t) {
-  const [n, i] = k("idle"), [l, r] = k("idle"), [s, c] = k([]), [m, d] = k(null), [f, p] = k(null), [o, a] = k(null), [C, b] = k(!1), [N, D] = k(null), E = M(null), R = M(t.onDataMessage);
-  R.current = t.onDataMessage, S(() => {
-    const w = {
-      onConnectionStateChange: (y) => {
-        i(y), y === "connected" && D(null);
+function jt(e) {
+  const [n, r] = C("idle"), [i, o] = C("idle"), [l, d] = C([]), [u, s] = C(null), [g, f] = C(null), [a, c] = C(null), [S, x] = C(!1), [E, P] = C(null), b = A(null), T = A(e.onDataMessage);
+  T.current = e.onDataMessage, I(() => {
+    const k = {
+      onConnectionStateChange: (w) => {
+        r(w), w === "connected" && P(null);
       },
-      onAgentStateChange: r,
-      onTranscript: (y) => c([...y]),
-      onAgentConfig: d,
-      onAudioTrack: (y) => a(y),
-      onVideoTrack: (y) => p(y),
-      onVideoTrackRemoved: () => p(null),
-      onError: (y) => D(y),
-      onDataMessage: (y) => {
-        var A;
-        (A = R.current) == null || A.call(R, y);
+      onAgentStateChange: o,
+      onTranscript: (w) => d([...w]),
+      onAgentConfig: s,
+      onAudioTrack: (w) => c(w),
+      onVideoTrack: (w) => f(w),
+      onVideoTrackRemoved: () => f(null),
+      onError: (w) => P(w),
+      onDataMessage: (w) => {
+        var z;
+        (z = T.current) == null || z.call(T, w);
       },
-      onResumabilityChange: b
-    }, x = new tt(
+      onResumabilityChange: x
+    }, L = new Bt(
       {
-        agentId: t.agentId,
-        baseUrl: t.baseUrl,
-        apiKey: t.apiKey,
-        sessionEndpoint: t.sessionEndpoint,
-        sessionBody: t.sessionBody
+        agentId: e.agentId,
+        baseUrl: e.baseUrl,
+        apiKey: e.apiKey,
+        sessionEndpoint: e.sessionEndpoint,
+        sessionBody: e.sessionBody
       },
-      w
+      k
     );
-    return E.current = x, i("idle"), r("idle"), c([]), d(null), p(null), a(null), b(!1), D(null), () => {
-      var y;
-      (y = x.destroy) == null || y.call(x), E.current = null;
+    return b.current = L, r("idle"), o("idle"), d([]), s(null), f(null), c(null), x(!1), P(null), () => {
+      var w;
+      (w = L.destroy) == null || w.call(L), b.current = null;
     };
   }, [
-    t.agentId,
-    t.baseUrl,
-    t.apiKey,
-    t.sessionEndpoint,
-    JSON.stringify(t.sessionBody ?? {})
+    e.agentId,
+    e.baseUrl,
+    e.apiKey,
+    e.sessionEndpoint,
+    JSON.stringify(e.sessionBody ?? {})
   ]);
-  const T = g(async () => {
-    const w = E.current;
-    if (w)
+  const p = y(async () => {
+    const k = b.current;
+    if (k)
       try {
-        await w.connect();
-      } catch (x) {
-        throw D(x instanceof Error ? x.message : String(x)), x;
+        await k.connect();
+      } catch (L) {
+        throw P(L instanceof Error ? L.message : String(L)), L;
       }
-  }, []), z = g(() => {
-    const w = E.current;
-    w && w.disconnect();
-  }, []), I = g(() => {
-    var w;
-    return ((w = E.current) == null ? void 0 : w.getRoom()) ?? null;
+  }, []), N = y(() => {
+    const k = b.current;
+    k && k.disconnect();
+  }, []), R = y(() => {
+    var k;
+    return ((k = b.current) == null ? void 0 : k.getRoom()) ?? null;
   }, []);
   return {
     connectionState: n,
-    agentState: l,
-    transcript: s,
-    agentConfig: m,
-    videoElement: f,
-    audioElement: o,
-    canResume: C,
-    error: N,
-    connect: T,
-    disconnect: z,
-    getRoom: I,
-    session: E.current
+    agentState: i,
+    transcript: l,
+    agentConfig: u,
+    videoElement: g,
+    audioElement: a,
+    canResume: S,
+    error: E,
+    connect: p,
+    disconnect: N,
+    getRoom: R,
+    session: b.current
   };
 }
-function ot() {
-  const t = M(null), n = M(null), i = M(null), l = M(null), r = M(/* @__PURE__ */ new Set()), s = M(null), c = g(() => {
-    const o = n.current;
-    if (!o) {
-      l.current = null;
+function Ft() {
+  const e = A(null), n = A(null), r = A(null), i = A(null), o = A(/* @__PURE__ */ new Set()), l = A(null), d = y(() => {
+    const a = n.current;
+    if (!a) {
+      i.current = null;
       return;
     }
-    (!s.current || s.current.length !== o.frequencyBinCount) && (s.current = new Uint8Array(
-      new ArrayBuffer(o.frequencyBinCount)
+    (!l.current || l.current.length !== a.frequencyBinCount) && (l.current = new Uint8Array(
+      new ArrayBuffer(a.frequencyBinCount)
     ));
-    const a = s.current;
-    o.getByteFrequencyData(a);
-    let C = 0;
-    for (let N = 0; N < a.length; N++) C += a[N];
-    const b = C / a.length / 255;
-    for (const N of r.current)
+    const c = l.current;
+    a.getByteFrequencyData(c);
+    let S = 0;
+    for (let E = 0; E < c.length; E++) S += c[E];
+    const x = S / c.length / 255;
+    for (const E of o.current)
       try {
-        N(b);
-      } catch (D) {
-        console.error("[useAudioLevel] subscriber threw:", D);
+        E(x);
+      } catch (P) {
+        console.error("[useAudioLevel] subscriber threw:", P);
       }
-    l.current = requestAnimationFrame(c);
-  }, []), m = g(() => {
-    if (t.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const o = new AudioContext(), a = o.createAnalyser();
-    a.fftSize = 64, a.connect(o.destination), t.current = o, n.current = a;
-  }, []), d = g(
-    (o) => {
-      if (m(), !(!t.current || !n.current)) {
-        if (i.current) {
+    i.current = requestAnimationFrame(d);
+  }, []), u = y(() => {
+    if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
+    const a = new AudioContext(), c = a.createAnalyser();
+    c.fftSize = 64, c.connect(a.destination), e.current = a, n.current = c;
+  }, []), s = y(
+    (a) => {
+      if (u(), !(!e.current || !n.current)) {
+        if (r.current) {
           try {
-            i.current.disconnect();
+            r.current.disconnect();
           } catch {
           }
-          i.current = null;
+          r.current = null;
         }
         try {
-          const a = t.current.createMediaElementSource(o);
-          a.connect(n.current), i.current = a;
-        } catch (a) {
-          console.warn("[useAudioLevel] createMediaElementSource failed:", a);
+          const c = e.current.createMediaElementSource(a);
+          c.connect(n.current), r.current = c;
+        } catch (c) {
+          console.warn("[useAudioLevel] createMediaElementSource failed:", c);
           return;
         }
-        l.current === null && (l.current = requestAnimationFrame(c));
+        i.current === null && (i.current = requestAnimationFrame(d));
       }
     },
-    [m, c]
-  ), f = g(() => {
-    if (l.current !== null && (cancelAnimationFrame(l.current), l.current = null), i.current) {
+    [u, d]
+  ), g = y(() => {
+    if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), r.current) {
       try {
-        i.current.disconnect();
+        r.current.disconnect();
       } catch {
       }
-      i.current = null;
+      r.current = null;
     }
-  }, []), p = g((o) => (r.current.add(o), () => {
-    r.current.delete(o);
+  }, []), f = y((a) => (o.current.add(a), () => {
+    o.current.delete(a);
   }), []);
-  return S(() => () => {
-    if (f(), n.current) {
+  return I(() => () => {
+    if (g(), n.current) {
       try {
         n.current.disconnect();
       } catch {
       }
       n.current = null;
     }
-    if (t.current) {
+    if (e.current) {
       try {
-        t.current.close();
+        e.current.close();
       } catch {
       }
-      t.current = null;
+      e.current = null;
     }
-    r.current.clear(), s.current = null;
-  }, [f]), { attach: d, detach: f, subscribe: p };
+    o.current.clear(), l.current = null;
+  }, [g]), { attach: s, detach: g, subscribe: f };
 }
-function at() {
-  const [t, n] = k(!1), [i, l] = k(null), r = M(null), s = M(null), c = g(async (p) => {
-    if (r.current && s.current) {
+function Vt() {
+  const [e, n] = C(!1), [r, i] = C(null), o = A(null), l = A(null), d = y(async (f) => {
+    if (o.current && l.current) {
       try {
-        await s.current.localParticipant.unpublishTrack(r.current);
+        await l.current.localParticipant.unpublishTrack(o.current);
       } catch {
       }
-      r.current.stop(), r.current = null;
+      o.current.stop(), o.current = null;
     }
-    s.current = p, l(null);
+    l.current = f, i(null);
     try {
-      const o = await nt({
+      const a = await Ut({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await p.localParticipant.publishTrack(o), r.current = o, n(o.isMuted);
-    } catch (o) {
-      const a = o instanceof Error && o.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
-      throw l(a), o;
+      await f.localParticipant.publishTrack(a), o.current = a, n(a.isMuted);
+    } catch (a) {
+      const c = a instanceof Error && a.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
+      throw i(c), a;
     }
-  }, []), m = g(() => {
-    const p = r.current;
-    p && (p.isMuted ? (p.unmute(), n(!1)) : (p.mute(), n(!0)));
-  }, []), d = g(() => {
-    const p = r.current, o = s.current;
-    if (p && o) {
+  }, []), u = y(() => {
+    const f = o.current;
+    f && (f.isMuted ? (f.unmute(), n(!1)) : (f.mute(), n(!0)));
+  }, []), s = y(() => {
+    const f = o.current, a = l.current;
+    if (f && a) {
       try {
-        o.localParticipant.unpublishTrack(p);
+        a.localParticipant.unpublishTrack(f);
       } catch {
       }
-      p.stop();
+      f.stop();
     }
-    r.current = null, s.current = null, n(!1);
-  }, []), f = g(() => l(null), []);
+    o.current = null, l.current = null, n(!1);
+  }, []), g = y(() => i(null), []);
   return {
-    isMuted: t,
-    micError: i,
-    toggleMute: m,
-    setupMic: c,
-    teardownMic: d,
-    clearError: f
+    isMuted: e,
+    micError: r,
+    toggleMute: u,
+    setupMic: d,
+    teardownMic: s,
+    clearError: g
   };
 }
-const st = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function ct() {
-  const [t, n] = k(!1), [i, l] = k(null), [r, s] = k(null), [c, m] = k(""), d = M(null), f = M(null), p = g((E) => {
-    d.current = E;
-  }, []), o = g(() => {
-    const E = d.current, R = f.current;
-    if (R && E) {
-      const T = E.localParticipant.getTrackPublication(We.Source.Camera);
-      if (T != null && T.track) {
+const Wt = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function qt() {
+  const [e, n] = C(!1), [r, i] = C(null), [o, l] = C(null), [d, u] = C(""), s = A(null), g = A(null), f = y((b) => {
+    s.current = b;
+  }, []), a = y(() => {
+    const b = s.current, T = g.current;
+    if (T && b) {
+      const p = b.localParticipant.getTrackPublication(xt.Source.Camera);
+      if (p != null && p.track) {
         try {
-          E.localParticipant.unpublishTrack(T.track);
+          b.localParticipant.unpublishTrack(p.track);
         } catch {
         }
-        T.track.stop();
+        p.track.stop();
       } else
-        R.stop();
+        T.stop();
     }
-    f.current = null, s(null), n(!1);
-  }, []), a = g(async (E) => {
-    const R = d.current;
-    if (R) {
-      l(null);
+    g.current = null, l(null), n(!1);
+  }, []), c = y(async (b) => {
+    const T = s.current;
+    if (T) {
+      i(null);
       try {
-        const T = { ...st };
-        E && (T.deviceId = E);
-        const z = await rt(T);
-        await R.localParticipant.publishTrack(z), f.current = z;
-        const I = z.attach();
-        s(I), n(!0), E && m(E);
+        const p = { ...Wt };
+        b && (p.deviceId = b);
+        const N = await Ot(p);
+        await T.localParticipant.publishTrack(N), g.current = N;
+        const R = N.attach();
+        l(R), n(!0), b && u(b);
         try {
-          R.localParticipant.publishData(
+          T.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
             { reliable: !0 }
           );
         } catch {
         }
-      } catch (T) {
-        const z = T instanceof Error && T.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
-        l(z);
+      } catch (p) {
+        const N = p instanceof Error && p.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        i(N);
       }
     }
-  }, []), C = g(async () => {
-    t ? o() : await a(c || void 0);
-  }, [t, c, o, a]), b = g(async (E) => {
-    o(), await a(E);
-  }, [o, a]), N = g(() => {
-    o(), d.current = null, l(null), m("");
-  }, [o]), D = g(() => l(null), []);
-  return S(() => () => {
-    f.current && f.current.stop();
+  }, []), S = y(async () => {
+    e ? a() : await c(d || void 0);
+  }, [e, d, a, c]), x = y(async (b) => {
+    a(), await c(b);
+  }, [a, c]), E = y(() => {
+    a(), s.current = null, i(null), u("");
+  }, [a]), P = y(() => i(null), []);
+  return I(() => () => {
+    g.current && g.current.stop();
   }, []), {
-    isEnabled: t,
-    error: i,
-    previewEl: r,
-    activeDeviceId: c,
-    toggle: C,
-    switchDevice: b,
-    attachRoom: p,
-    teardown: N,
-    clearError: D
+    isEnabled: e,
+    error: r,
+    previewEl: o,
+    activeDeviceId: d,
+    toggle: S,
+    switchDevice: x,
+    attachRoom: f,
+    teardown: E,
+    clearError: P
   };
 }
-function dt() {
-  const [t, n] = k(!1), [i, l] = k(null), [r, s] = k(null), c = M(null), m = g((a) => {
-    c.current = a;
-  }, []), d = g(() => s(null), []), f = g(async () => {
-    const a = c.current;
-    if (a) {
-      if (t) {
+function Gt() {
+  const [e, n] = C(!1), [r, i] = C(null), [o, l] = C(null), d = A(null), u = y((c) => {
+    d.current = c;
+  }, []), s = y(() => l(null), []), g = y(async () => {
+    const c = d.current;
+    if (c) {
+      if (e) {
         try {
-          await a.localParticipant.setScreenShareEnabled(!1);
+          await c.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
-        d(), n(!1);
+        s(), n(!1);
         return;
       }
-      l(null);
+      i(null);
       try {
-        await a.localParticipant.setScreenShareEnabled(!0);
-        let C = 0;
-        const b = () => {
-          const N = a.localParticipant.getTrackPublication(We.Source.ScreenShare);
-          if (N != null && N.track) {
-            const D = N.track.attach();
-            s(D), n(!0);
+        await c.localParticipant.setScreenShareEnabled(!0);
+        let S = 0;
+        const x = () => {
+          const E = c.localParticipant.getTrackPublication(xt.Source.ScreenShare);
+          if (E != null && E.track) {
+            const P = E.track.attach();
+            l(P), n(!0);
             try {
-              a.localParticipant.publishData(
+              c.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -316,132 +316,192 @@ function dt() {
             }
             return;
           }
-          C++ < 10 ? setTimeout(b, 100) : n(!0);
+          S++ < 10 ? setTimeout(x, 100) : n(!0);
         };
-        b();
-      } catch (C) {
-        const b = C instanceof Error ? C.name : "";
-        b !== "NotAllowedError" && b !== "AbortError" && l("Screen share unavailable. Try again."), n(!1);
+        x();
+      } catch (S) {
+        const x = S instanceof Error ? S.name : "";
+        x !== "NotAllowedError" && x !== "AbortError" && i("Screen share unavailable. Try again."), n(!1);
       }
     }
-  }, [t, d]), p = g(() => {
-    const a = c.current;
-    if (a && t)
+  }, [e, s]), f = y(() => {
+    const c = d.current;
+    if (c && e)
       try {
-        a.localParticipant.setScreenShareEnabled(!1);
+        c.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    d(), n(!1), l(null), c.current = null;
-  }, [t, d]), o = g(() => l(null), []);
-  return { isEnabled: t, error: i, previewEl: r, toggle: f, attachRoom: m, teardown: p, clearError: o };
+    s(), n(!1), i(null), d.current = null;
+  }, [e, s]), a = y(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: o, toggle: g, attachRoom: u, teardown: f, clearError: a };
 }
-function ut() {
-  const [t, n] = k([]), [i, l] = k([]), r = g(async () => {
+function Yt() {
+  const [e, n] = C([]), [r, i] = C([]), o = y(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
-        const s = await navigator.mediaDevices.enumerateDevices();
-        n(s.filter((c) => c.kind === "audioinput")), l(s.filter((c) => c.kind === "videoinput"));
+        const l = await navigator.mediaDevices.enumerateDevices();
+        n(l.filter((d) => d.kind === "audioinput")), i(l.filter((d) => d.kind === "videoinput"));
       } catch {
       }
   }, []);
-  return S(() => {
-    if (r(), typeof navigator > "u" || !navigator.mediaDevices) return;
-    const s = () => void r();
-    return navigator.mediaDevices.addEventListener("devicechange", s), () => navigator.mediaDevices.removeEventListener("devicechange", s);
-  }, [r]), { mics: t, cameras: i, refresh: r };
+  return I(() => {
+    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 ht(t, n, i = !1) {
-  const [l, r] = k(null), [s, c] = k(null), [m, d] = k(!i && !!t);
-  return S(() => {
-    if (i || !t) {
-      d(!1);
+function Kt(e, n, r = !1) {
+  const [i, o] = C(null), [l, d] = C(null), [u, s] = C(!r && !!e);
+  return I(() => {
+    if (r || !e) {
+      s(!1);
       return;
     }
-    const f = new AbortController(), p = n || "https://app.livelayer.studio";
-    return d(!0), c(null), fetch(`${p}/api/widget/agent/${encodeURIComponent(t)}`, {
-      signal: f.signal
-    }).then(async (o) => {
-      if (!o.ok) {
-        const a = await o.json().catch(() => ({}));
-        throw new Error(a.error || `HTTP ${o.status}`);
+    const g = new AbortController(), f = n || "https://app.livelayer.studio";
+    return s(!0), d(null), fetch(`${f}/api/widget/agent/${encodeURIComponent(e)}`, {
+      signal: g.signal
+    }).then(async (a) => {
+      if (!a.ok) {
+        const c = await a.json().catch(() => ({}));
+        throw new Error(c.error || `HTTP ${a.status}`);
       }
-      return o.json();
-    }).then((o) => {
-      f.signal.aborted || (r(o), d(!1));
-    }).catch((o) => {
-      f.signal.aborted || (c(o instanceof Error ? o.message : "Agent lookup failed"), d(!1));
-    }), () => f.abort();
-  }, [t, n, i]), { info: l, error: s, loading: m };
+      return a.json();
+    }).then((a) => {
+      g.signal.aborted || (o(a), s(!1));
+    }).catch((a) => {
+      g.signal.aborted || (d(a instanceof Error ? a.message : "Agent lookup failed"), s(!1));
+    }), () => g.abort();
+  }, [e, n, r]), { info: i, error: l, loading: u };
 }
-function pt(t) {
+function Xt(e) {
   if (typeof window > "u") return null;
   try {
-    return window.localStorage.getItem(t);
+    return window.localStorage.getItem(e);
   } catch {
     return null;
   }
 }
-function mt(t, n) {
+function Jt(e, n) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(t, n);
+      window.localStorage.setItem(e, n);
     } catch {
     }
 }
-function ft({
-  value: t,
+function Qt({
+  value: e,
   defaultValue: n = "expanded",
-  onChange: i
+  onChange: r
 } = {}) {
-  const l = t !== void 0, [r, s] = k(n), c = l ? t : r, m = g(
-    (d) => {
-      d !== c && (l || s(d), i == null || i(d));
+  const i = e !== void 0, [o, l] = C(n), d = i ? e : o, u = y(
+    (s) => {
+      s !== d && (i || l(s), r == null || r(s));
     },
-    [c, l, i]
+    [d, i, r]
   );
-  return [c, m];
+  return [d, u];
 }
-const gt = ["hidden", "minimized", "expanded"];
-function vt(t) {
-  return t && gt.includes(t) ? t : null;
+const Zt = ["hidden", "minimized", "expanded"];
+function en(e) {
+  return e && Zt.includes(e) ? e : null;
 }
-function yt({
-  value: t,
+function tn({
+  value: e,
   defaultValue: n = "expanded",
-  onChange: i,
-  persistKey: l = "ll-widget",
-  disablePersistence: r = !1
+  onChange: r,
+  persistKey: i = "ll-widget",
+  disablePersistence: o = !1
 } = {}) {
-  const s = `${l}:display-mode`, c = M(!1), [m, d] = ft({
-    value: t,
+  const l = `${i}:display-mode`, d = A(!1), [u, s] = Qt({
+    value: e,
     defaultValue: n,
-    onChange: (f) => {
-      t === void 0 && !r && mt(s, f), i == null || i(f);
+    onChange: (g) => {
+      e === void 0 && !o && Jt(l, g), r == null || r(g);
     }
   });
-  return S(() => {
-    if (c.current || (c.current = !0, r || t !== void 0)) return;
-    const f = vt(pt(s));
-    f && f !== m && d(f);
-  }, []), [m, d];
+  return I(() => {
+    if (d.current || (d.current = !0, o || e !== void 0)) return;
+    const g = en(Xt(l));
+    g && g !== u && s(g);
+  }, []), [u, s];
 }
-const _t = 640;
-function bt(t = _t) {
-  const [n, i] = k(!1);
-  return S(() => {
-    if (t === !1) {
-      i(!1);
+const nn = 640;
+function rn(e = nn) {
+  const [n, r] = C(!1);
+  return I(() => {
+    if (e === !1) {
+      r(!1);
       return;
     }
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const l = `(max-width: ${t - 1}px)`, r = window.matchMedia(l), s = () => i(r.matches);
-    return s(), typeof r.addEventListener == "function" ? (r.addEventListener("change", s), () => r.removeEventListener("change", s)) : (r.addListener(s), () => {
-      r.removeListener(s);
+    const i = `(max-width: ${e - 1}px)`, o = window.matchMedia(i), l = () => r(o.matches);
+    return l(), typeof o.addEventListener == "function" ? (o.addEventListener("change", l), () => o.removeEventListener("change", l)) : (o.addListener(l), () => {
+      o.removeListener(l);
     });
-  }, [t]), n;
+  }, [e]), n;
+}
+const ct = "__llHistoryPatched", ze = "ll:pathname";
+function on() {
+  if (typeof window > "u" || window.history[ct]) return;
+  const e = window.history.pushState, n = window.history.replaceState;
+  window.history.pushState = function(...r) {
+    const i = e.apply(this, r);
+    return window.dispatchEvent(new Event(ze)), i;
+  }, window.history.replaceState = function(...r) {
+    const i = n.apply(this, r);
+    return window.dispatchEvent(new Event(ze)), i;
+  }, window.history[ct] = !0;
+}
+function st() {
+  return typeof window > "u" ? "/" : window.location.pathname || "/";
+}
+function ln(e) {
+  const [n, r] = C(
+    () => e ?? st()
+  );
+  return I(() => {
+    if (e !== void 0) return;
+    on();
+    const i = () => r(st());
+    return i(), window.addEventListener("popstate", i), window.addEventListener(ze, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(ze, i);
+    };
+  }, [e]), e ?? n;
+}
+const dt = /* @__PURE__ */ new Map(), an = /[\\^$+?.()|{}[\]]/g;
+function cn(e) {
+  return e.replace(an, "\\$&");
+}
+function sn(e) {
+  const n = dt.get(e);
+  if (n) return n;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), u = cn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), s = new RegExp(`^${u}\\/?$`);
+  return dt.set(e, s), s;
+}
+function dn(e, n) {
+  const r = n.length > 1 && n.endsWith("/") ? n.slice(0, -1) : n;
+  return sn(e).test(r);
+}
+function un(e, n) {
+  return typeof e == "function" ? e(n) : e instanceof RegExp ? e.test(n) : dn(e, n);
+}
+function ut(e, n) {
+  if (!e || e.length === 0) return !1;
+  for (const r of e)
+    if (un(r, n)) return !0;
+  return !1;
+}
+function hn(e, n, r) {
+  return e === void 0 ? !0 : ut(r, e) ? !1 : n && n.length > 0 ? ut(n, e) : !0;
+}
+function fn(e, n, r) {
+  return De(
+    () => hn(e, n, r),
+    [e, n, r]
+  );
 }
-const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ _(
+const ht = ({ muted: e = !1, className: n }) => e ? /* @__PURE__ */ _(
   "svg",
   {
     className: n,
@@ -451,7 +511,7 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ _(
     strokeWidth: 2,
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t(
         "path",
         {
           strokeLinecap: "round",
@@ -459,7 +519,7 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ _(
           d: "M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"
         }
       ),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t(
         "path",
         {
           strokeLinecap: "round",
@@ -469,7 +529,7 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ _(
       )
     ]
   }
-) : /* @__PURE__ */ e(
+) : /* @__PURE__ */ t(
   "svg",
   {
     className: n,
@@ -478,7 +538,7 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ _(
     stroke: "currentColor",
     strokeWidth: 2,
     "aria-hidden": "true",
-    children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ t(
       "path",
       {
         strokeLinecap: "round",
@@ -487,16 +547,16 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ _(
       }
     )
   }
-), Be = ({ className: t }) => /* @__PURE__ */ e(
+), ft = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
-    className: t,
+    className: e,
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
     "aria-hidden": "true",
-    children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ t(
       "path",
       {
         strokeLinecap: "round",
@@ -505,23 +565,23 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ _(
       }
     )
   }
-), wt = ({ className: t }) => /* @__PURE__ */ e(
+), pn = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
-    className: t,
+    className: e,
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
     "aria-hidden": "true",
-    children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+    children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), kt = {
+), mn = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, xt = ({ direction: t = "right", className: n }) => /* @__PURE__ */ e(
+}, gn = ({ direction: e = "right", className: n }) => /* @__PURE__ */ t(
   "svg",
   {
     className: n,
@@ -529,304 +589,304 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ _(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${kt[t]}deg)` },
+    style: { transform: `rotate(${mn[e]}deg)` },
     "aria-hidden": "true",
-    children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
+    children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Ct(t) {
-  return t === "top-left" || t === "bottom-left" ? "left" : "right";
+function vn(e) {
+  return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const Fe = "ll-hidden-tab-center-y", Nt = 5, Ue = 16;
-function Et() {
+const kt = "ll-hidden-tab-center-y", yn = 5, pt = 16;
+function bn() {
   if (typeof window > "u") return null;
   try {
-    const t = window.localStorage.getItem(Fe);
-    if (!t) return null;
-    const n = Number.parseFloat(t);
+    const e = window.localStorage.getItem(kt);
+    if (!e) return null;
+    const n = Number.parseFloat(e);
     return Number.isFinite(n) ? n : null;
   } catch {
     return null;
   }
 }
-function $e(t) {
+function mt(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Fe, String(t));
+      window.localStorage.setItem(kt, String(e));
     } catch {
     }
 }
-const St = ({
-  position: t,
+const wn = ({
+  position: e,
   isMobile: n,
-  isSpeaking: i,
-  onExpand: l,
-  label: r = "Open widget"
+  isSpeaking: r,
+  onExpand: i,
+  label: o = "Open widget"
 }) => {
-  const s = Ct(t), c = s === "right" ? "left" : "right", m = n ? 80 : 72, [d, f] = k(null), [p, o] = k(!1), a = M(null), C = M(!1), b = g(
-    (w) => {
-      if (typeof window > "u") return w;
-      const x = m / 2, y = Ue + x, A = window.innerHeight - Ue - x;
-      return A < y ? Math.max(y, w) : Math.max(y, Math.min(A, w));
+  const l = vn(e), d = l === "right" ? "left" : "right", u = n ? 80 : 72, [s, g] = C(null), [f, a] = C(!1), c = A(null), S = A(!1), x = y(
+    (k) => {
+      if (typeof window > "u") return k;
+      const L = u / 2, w = pt + L, z = window.innerHeight - pt - L;
+      return z < w ? Math.max(w, k) : Math.max(w, Math.min(z, k));
     },
-    [m]
+    [u]
   );
-  S(() => {
-    const w = Et();
-    f(b(w ?? window.innerHeight / 2));
-    const x = () => {
-      f((y) => y === null ? null : b(y));
+  I(() => {
+    const k = bn();
+    g(x(k ?? window.innerHeight / 2));
+    const L = () => {
+      g((w) => w === null ? null : x(w));
     };
-    return window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
-  }, [b]);
-  const N = g(
-    (w) => {
-      if (!(w.pointerType === "mouse" && w.button !== 0) && d !== null) {
+    return window.addEventListener("resize", L), () => window.removeEventListener("resize", L);
+  }, [x]);
+  const E = y(
+    (k) => {
+      if (!(k.pointerType === "mouse" && k.button !== 0) && s !== null) {
         try {
-          w.currentTarget.setPointerCapture(w.pointerId);
+          k.currentTarget.setPointerCapture(k.pointerId);
         } catch {
         }
-        a.current = {
-          startClientY: w.clientY,
-          startCenterY: d,
+        c.current = {
+          startClientY: k.clientY,
+          startCenterY: s,
           moved: !1
         };
       }
     },
-    [d]
-  ), D = g(
-    (w) => {
-      const x = a.current;
-      if (!x) return;
-      const y = w.clientY - x.startClientY;
-      !x.moved && Math.abs(y) > Nt && (x.moved = !0, o(!0)), x.moved && f(b(x.startCenterY + y));
+    [s]
+  ), P = y(
+    (k) => {
+      const L = c.current;
+      if (!L) return;
+      const w = k.clientY - L.startClientY;
+      !L.moved && Math.abs(w) > yn && (L.moved = !0, a(!0)), L.moved && g(x(L.startCenterY + w));
     },
-    [b]
-  ), E = g(
-    (w) => {
-      const x = a.current;
-      if (x) {
+    [x]
+  ), b = y(
+    (k) => {
+      const L = c.current;
+      if (L) {
         try {
-          w.currentTarget.releasePointerCapture(w.pointerId);
+          k.currentTarget.releasePointerCapture(k.pointerId);
         } catch {
         }
-        a.current = null, x.moved && (o(!1), C.current = !0, f((y) => (y !== null && $e(y), y)));
+        c.current = null, L.moved && (a(!1), S.current = !0, g((w) => (w !== null && mt(w), w)));
       }
     },
     []
-  ), R = g(() => {
-    if (C.current) {
-      C.current = !1;
+  ), T = y(() => {
+    if (S.current) {
+      S.current = !1;
       return;
     }
-    l();
-  }, [l]), T = g(
-    (w) => {
-      if (w.key === "ArrowUp" || w.key === "ArrowDown") {
-        w.preventDefault();
-        const x = w.key === "ArrowUp" ? -8 : 8;
-        f((y) => {
-          if (y === null) return y;
-          const A = b(y + x);
-          return $e(A), A;
+    i();
+  }, [i]), p = y(
+    (k) => {
+      if (k.key === "ArrowUp" || k.key === "ArrowDown") {
+        k.preventDefault();
+        const L = k.key === "ArrowUp" ? -8 : 8;
+        g((w) => {
+          if (w === null) return w;
+          const z = x(w + L);
+          return mt(z), z;
         });
       }
     },
-    [b]
-  ), z = [
+    [x]
+  ), N = [
     "ll-hidden",
-    `ll-hidden--${s}`,
+    `ll-hidden--${l}`,
     n ? "ll-hidden--mobile" : "ll-hidden--desktop",
-    i ? "ll-hidden--speaking" : null,
-    p ? "is-dragging" : null
-  ].filter(Boolean).join(" "), I = d === null ? void 0 : { top: `${d - m / 2}px`, transform: "none" };
-  return /* @__PURE__ */ e(
+    r ? "ll-hidden--speaking" : null,
+    f ? "is-dragging" : null
+  ].filter(Boolean).join(" "), R = s === null ? void 0 : { top: `${s - u / 2}px`, transform: "none" };
+  return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
-      className: z,
-      onPointerDown: N,
-      onPointerMove: D,
-      onPointerUp: E,
-      onPointerCancel: E,
-      onClick: R,
-      onKeyDown: T,
-      "aria-label": r,
-      "data-position": t,
-      style: I,
-      children: /* @__PURE__ */ e(xt, { direction: c, className: "ll-hidden__chevron" })
+      className: N,
+      onPointerDown: E,
+      onPointerMove: P,
+      onPointerUp: b,
+      onPointerCancel: b,
+      onClick: T,
+      onKeyDown: p,
+      "aria-label": o,
+      "data-position": e,
+      style: R,
+      children: /* @__PURE__ */ t(gn, { direction: d, className: "ll-hidden__chevron" })
     }
   );
-}, Mt = ({
-  audioLevel: t,
+}, _n = ({
+  audioLevel: e,
   bars: n = 20,
-  maxHeight: i = 20,
-  minHeight: l = 4,
-  className: r,
-  barClassName: s
+  maxHeight: r = 20,
+  minHeight: i = 4,
+  className: o,
+  barClassName: l
 }) => {
-  const c = M(null), m = M([]), d = Se(() => {
-    const p = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: n }, (o, a) => 0.5 + a * p % 1 * 0.5);
+  const d = A(null), u = A([]), s = De(() => {
+    const f = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: n }, (a, c) => 0.5 + c * f % 1 * 0.5);
   }, [n]);
-  S(() => t.subscribe((o) => {
-    for (let a = 0; a < n; a++) {
-      const C = m.current[a];
-      if (!C) continue;
-      const b = Math.max(l, o * i * d[a]);
-      C.style.height = `${b}px`;
+  I(() => e.subscribe((a) => {
+    for (let c = 0; c < n; c++) {
+      const S = u.current[c];
+      if (!S) continue;
+      const x = Math.max(i, a * r * s[c]);
+      S.style.height = `${x}px`;
     }
-  }), [t, n, i, l, d]);
-  const f = ["ll-waveform", r].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { ref: c, className: f, "aria-hidden": "true", children: Array.from({ length: n }, (p, o) => /* @__PURE__ */ e(
+  }), [e, n, r, i, s]);
+  const g = ["ll-waveform", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("div", { ref: d, className: g, "aria-hidden": "true", children: Array.from({ length: n }, (f, a) => /* @__PURE__ */ t(
     "div",
     {
-      ref: (a) => {
-        m.current[o] = a;
+      ref: (c) => {
+        u.current[a] = c;
       },
-      className: ["ll-waveform__bar", s].filter(Boolean).join(" "),
-      style: { height: `${l}px` }
+      className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
+      style: { height: `${i}px` }
     },
-    o
+    a
   )) });
-}, Lt = ({
-  position: t,
+}, xn = ({
+  position: e,
   isMobile: n,
-  agentName: i,
-  avatarImageUrl: l,
-  agentState: r,
-  isMuted: s,
-  audioLevel: c,
-  onExpand: m,
-  onToggleMute: d,
-  onClose: f
-}) => n ? /* @__PURE__ */ e(
+  agentName: r,
+  avatarImageUrl: i,
+  agentState: o,
+  isMuted: l,
+  audioLevel: d,
+  onExpand: u,
+  onToggleMute: s,
+  onClose: g
+}) => n ? /* @__PURE__ */ t(
   "div",
   {
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
-    "aria-label": `${i} widget`,
+    "aria-label": `${r} widget`,
     children: /* @__PURE__ */ _(
       "button",
       {
         type: "button",
         className: "ll-minimized__surface",
-        onClick: m,
-        "aria-label": `Expand ${i} widget`,
+        onClick: u,
+        "aria-label": `Expand ${r} widget`,
         children: [
-          l ? (
+          i ? (
             // eslint-disable-next-line @next/next/no-img-element
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "img",
               {
-                src: l,
-                alt: i,
+                src: i,
+                alt: r,
                 className: "ll-minimized__avatar"
               }
             )
-          ) : /* @__PURE__ */ e("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-          /* @__PURE__ */ e(
-            Mt,
+          ) : /* @__PURE__ */ t("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
+          /* @__PURE__ */ t(
+            _n,
             {
-              audioLevel: c,
+              audioLevel: d,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
             }
           ),
-          /* @__PURE__ */ e("span", { className: "ll-minimized__name", children: i }),
+          /* @__PURE__ */ t("span", { className: "ll-minimized__name", children: r }),
           /* @__PURE__ */ _("div", { className: "ll-minimized__controls", children: [
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "span",
               {
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (p) => {
-                  p.stopPropagation(), d();
+                onClick: (f) => {
+                  f.stopPropagation(), s();
                 },
-                onKeyDown: (p) => {
-                  (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), p.preventDefault(), d());
+                onKeyDown: (f) => {
+                  (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), f.preventDefault(), s());
                 },
-                "aria-label": s ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ e(Pe, { muted: s, className: "ll-minimized__icon" })
+                "aria-label": l ? "Unmute microphone" : "Mute microphone",
+                children: /* @__PURE__ */ t(ht, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ e(Be, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ t(ft, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
     )
   }
-) : /* @__PURE__ */ e(
+) : /* @__PURE__ */ t(
   "div",
   {
     className: "ll-minimized ll-minimized--desktop",
-    "data-position": t,
+    "data-position": e,
     role: "region",
-    "aria-label": `${i} widget`,
+    "aria-label": `${r} widget`,
     children: /* @__PURE__ */ _("div", { className: "ll-minimized__surface", children: [
-      l ? (
+      i ? (
         // eslint-disable-next-line @next/next/no-img-element
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "img",
           {
-            src: l,
-            alt: i,
+            src: i,
+            alt: r,
             className: "ll-minimized__avatar"
           }
         )
-      ) : /* @__PURE__ */ e("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
+      ) : /* @__PURE__ */ t("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
       /* @__PURE__ */ _("div", { className: "ll-minimized__meta", children: [
-        /* @__PURE__ */ e("span", { className: "ll-minimized__name", children: i }),
-        /* @__PURE__ */ e("span", { className: "ll-minimized__state", children: r === "speaking" ? "Speaking" : r === "thinking" ? "Thinking" : "Listening" })
+        /* @__PURE__ */ t("span", { className: "ll-minimized__name", children: r }),
+        /* @__PURE__ */ t("span", { className: "ll-minimized__state", children: o === "speaking" ? "Speaking" : o === "thinking" ? "Thinking" : "Listening" })
       ] }),
       /* @__PURE__ */ _("div", { className: "ll-minimized__controls", children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: d,
-            "aria-label": s ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ e(Pe, { muted: s, className: "ll-minimized__icon" })
+            onClick: s,
+            "aria-label": l ? "Unmute microphone" : "Mute microphone",
+            children: /* @__PURE__ */ t(ht, { muted: l, className: "ll-minimized__icon" })
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: m,
-            "aria-label": `Expand ${i} widget`,
-            children: /* @__PURE__ */ e(Be, { className: "ll-minimized__icon" })
+            onClick: u,
+            "aria-label": `Expand ${r} widget`,
+            children: /* @__PURE__ */ t(ft, { className: "ll-minimized__icon" })
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: f,
+            onClick: g,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ e(wt, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ t(pn, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), It = ({
-  src: t,
+), kn = ({
+  src: e,
   alt: n,
-  preCannedPlaying: i = !1,
-  className: l,
-  style: r
+  preCannedPlaying: r = !1,
+  className: i,
+  style: o
 }) => {
-  const [s, c] = k(!1), m = M(t);
-  if (S(() => {
-    m.current !== t && (m.current = t, c(!1));
-  }, [t]), !t) return null;
-  const d = {
+  const [l, d] = C(!1), u = A(e);
+  if (I(() => {
+    u.current !== e && (u.current = e, d(!1));
+  }, [e]), !e) return null;
+  const s = {
     position: "absolute",
     inset: 0,
     width: "100%",
@@ -834,133 +894,133 @@ const St = ({
     objectFit: "cover",
     objectPosition: "top",
     transition: "opacity 500ms ease, transform 500ms ease",
-    transform: i ? "scale(1.02)" : "scale(1)",
-    opacity: s ? 1 : 0,
-    ...r
+    transform: r ? "scale(1.02)" : "scale(1)",
+    opacity: l ? 1 : 0,
+    ...o
   };
   return (
     // eslint-disable-next-line @next/next/no-img-element
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       "img",
       {
-        src: t,
+        src: e,
         alt: n,
-        className: l,
-        style: d,
+        className: i,
+        style: s,
         loading: "eager",
         fetchpriority: "high",
-        onLoad: () => c(!0)
+        onLoad: () => d(!0)
       }
     )
   );
-}, At = ({
-  position: t,
+}, Cn = ({
+  position: e,
   isMobile: n,
-  agentName: i,
-  avatarImageUrl: l,
-  idleLoopUrl: r,
-  greeting: s,
-  branding: c,
-  teamMembers: m,
-  currentTeamMemberId: d,
-  isSwitchingTeamMember: f,
-  teamSwitcherOpen: p,
-  onToggleTeamSwitcher: o,
-  onSelectTeamMember: a,
-  languageMenuOpen: C,
-  onToggleLanguageMenu: b,
-  connectionState: N,
-  agentState: D,
-  transcript: E,
-  canResume: R,
-  needsUserGesture: T,
-  error: z,
-  isMuted: I,
-  micError: w,
-  micDevices: x,
-  isCameraEnabled: y,
-  cameraPreviewEl: A,
-  cameraDevices: X,
-  activeCameraId: ne,
-  isScreenShareEnabled: $,
-  screenPreviewEl: j,
-  isSpeakerMuted: F,
-  allowCamera: re,
-  allowScreenShare: P,
-  allowTyping: be,
-  avatarVideoContainerRef: we,
-  onConnect: ge,
-  onDisconnect: ue,
-  onRetry: ke,
-  onResumeAudio: xe,
-  onToggleMute: Q,
-  onToggleCamera: U,
-  onSwitchCameraDevice: ve,
-  onToggleScreenShare: Z,
-  onToggleSpeaker: G,
-  onSendMessage: ee,
-  onMinimize: ie,
-  onClose: V,
-  onClearMicError: K
+  agentName: r,
+  avatarImageUrl: i,
+  idleLoopUrl: o,
+  greeting: l,
+  branding: d,
+  teamMembers: u,
+  currentTeamMemberId: s,
+  isSwitchingTeamMember: g,
+  teamSwitcherOpen: f,
+  onToggleTeamSwitcher: a,
+  onSelectTeamMember: c,
+  languageMenuOpen: S,
+  onToggleLanguageMenu: x,
+  connectionState: E,
+  agentState: P,
+  transcript: b,
+  canResume: T,
+  needsUserGesture: p,
+  error: N,
+  isMuted: R,
+  micError: k,
+  micDevices: L,
+  isCameraEnabled: w,
+  cameraPreviewEl: z,
+  cameraDevices: Ee,
+  activeCameraId: $e,
+  isScreenShareEnabled: K,
+  screenPreviewEl: X,
+  isSpeakerMuted: Z,
+  allowCamera: Ne,
+  allowScreenShare: oe,
+  allowTyping: le,
+  avatarVideoContainerRef: ae,
+  onConnect: ee,
+  onDisconnect: ce,
+  onRetry: se,
+  onResumeAudio: de,
+  onToggleMute: D,
+  onToggleCamera: Be,
+  onSwitchCameraDevice: Ue,
+  onToggleScreenShare: Oe,
+  onToggleSpeaker: Se,
+  onSendMessage: ue,
+  onMinimize: he,
+  onClose: Le,
+  onClearMicError: He
 }) => {
-  var ye;
-  const O = E.length > 0 ? E[E.length - 1] : null, Y = ((m == null ? void 0 : m.length) ?? 0) > 1, le = N === "connecting" || N === "connected", H = N === "connected", he = N === "idle" || N === "disconnected" || N === "error", pe = M(null), oe = M(null);
-  S(() => {
-    const h = pe.current;
-    h && (h.innerHTML = "", A && (A.style.width = "100%", A.style.height = "100%", A.style.objectFit = "cover", A.style.transform = "scaleX(-1)", h.appendChild(A)));
-  }, [A]), S(() => {
-    const h = oe.current;
-    h && (h.innerHTML = "", j && (j.style.width = "100%", j.style.height = "100%", j.style.objectFit = "contain", h.appendChild(j)));
-  }, [j]);
-  const [q, ae] = k(!1), [se, J] = k(!1);
-  S(() => {
-    if (!q && !se && !C && !p) return;
+  var Me;
+  const V = b.length > 0 ? b[b.length - 1] : null, $ = ((u == null ? void 0 : u.length) ?? 0) > 1, te = E === "connecting" || E === "connected", W = E === "connected", J = E === "idle" || E === "disconnected" || E === "error", ne = A(null), fe = A(null);
+  I(() => {
+    const h = ne.current;
+    h && (h.innerHTML = "", z && (z.style.width = "100%", z.style.height = "100%", z.style.objectFit = "cover", z.style.transform = "scaleX(-1)", h.appendChild(z)));
+  }, [z]), I(() => {
+    const h = fe.current;
+    h && (h.innerHTML = "", X && (X.style.width = "100%", X.style.height = "100%", X.style.objectFit = "contain", h.appendChild(X)));
+  }, [X]);
+  const [j, F] = C(!1), [q, Q] = C(!1);
+  I(() => {
+    if (!j && !q && !S && !f) return;
     const h = () => {
-      ae(!1), J(!1), C && b(), p && o();
+      F(!1), Q(!1), S && x(), f && a();
     };
     return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }, [
+    j,
     q,
-    se,
-    C,
-    p,
-    b,
-    o
+    S,
+    f,
+    x,
+    a
   ]);
-  const [ce, de] = k(""), B = g(
+  const [pe, me] = C(""), we = y(
     (h) => {
       h.preventDefault();
-      const W = ce.trim();
-      W && (ee(W), de(""));
+      const O = pe.trim();
+      O && (ue(O), me(""));
     },
-    [ce, ee]
-  ), u = c.productName || "Live Layer", me = H && (O != null && O.text) ? O.text : s || "", Ce = [
+    [pe, ue]
+  ), Ae = d.productName || "Live Layer", ge = W && (V != null && V.text) ? V.text : l || "", _e = [
     "ll-expanded",
     n ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
   return /* @__PURE__ */ _(
     "div",
     {
-      className: Ce,
-      "data-position": t,
-      "data-state": H ? "connected" : le ? "connecting" : "idle",
+      className: _e,
+      "data-position": e,
+      "data-state": W ? "connected" : te ? "connecting" : "idle",
       role: "dialog",
-      "aria-label": `${i} widget`,
+      "aria-label": `${r} widget`,
       children: [
         /* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
-          l ? /* @__PURE__ */ e(
-            It,
+          i ? /* @__PURE__ */ t(
+            kn,
             {
-              src: l,
-              alt: i,
+              src: i,
+              alt: r,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ e("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ e("span", { className: "ll-expanded__bg-initial", children: ((ye = i == null ? void 0 : i.charAt(0)) == null ? void 0 : ye.toUpperCase()) || "A" }) }),
-          r && !H && /* @__PURE__ */ e(
+          ) : /* @__PURE__ */ t("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ t("span", { className: "ll-expanded__bg-initial", children: ((Me = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Me.toUpperCase()) || "A" }) }),
+          o && !W && /* @__PURE__ */ t(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: r,
+              src: o,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -968,24 +1028,24 @@ const St = ({
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { ref: we, className: "ll-expanded__video" }),
-        N === "connecting" && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
-          /* @__PURE__ */ e("div", { className: "ll-expanded__spinner" }),
-          /* @__PURE__ */ e("p", { className: "ll-expanded__overlay-text", children: f ? "Switching..." : "Connecting..." })
+        /* @__PURE__ */ t("div", { ref: ae, className: "ll-expanded__video" }),
+        E === "connecting" && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+          /* @__PURE__ */ t("div", { className: "ll-expanded__spinner" }),
+          /* @__PURE__ */ t("p", { className: "ll-expanded__overlay-text", children: g ? "Switching..." : "Connecting..." })
         ] }),
-        T && H && /* @__PURE__ */ _(
+        p && W && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: xe,
+            onClick: de,
             children: [
-              /* @__PURE__ */ e("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ e("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__ */ e("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
+              /* @__PURE__ */ t("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ t("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__ */ t("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        le ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
+        te ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
           /* @__PURE__ */ _("div", { className: "ll-expanded__topbar-left", children: [
             /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
               /* @__PURE__ */ _(
@@ -994,32 +1054,32 @@ const St = ({
                   type: "button",
                   className: "ll-hpill",
                   onClick: (h) => {
-                    Y && (h.stopPropagation(), o());
+                    $ && (h.stopPropagation(), a());
                   },
-                  "aria-haspopup": Y ? "listbox" : void 0,
-                  "aria-expanded": Y ? p : void 0,
+                  "aria-haspopup": $ ? "listbox" : void 0,
+                  "aria-expanded": $ ? f : void 0,
                   children: [
-                    /* @__PURE__ */ e("span", { className: "ll-hpill__label", children: i }),
-                    Y && /* @__PURE__ */ e(_e, {})
+                    /* @__PURE__ */ t("span", { className: "ll-hpill__label", children: r }),
+                    $ && /* @__PURE__ */ t(Te, {})
                   ]
                 }
               ),
-              Y && p && /* @__PURE__ */ e(
+              $ && f && /* @__PURE__ */ t(
                 "div",
                 {
                   className: "ll-hmenu",
                   onClick: (h) => h.stopPropagation(),
                   role: "listbox",
-                  children: m == null ? void 0 : m.map((h) => /* @__PURE__ */ _(
+                  children: u == null ? void 0 : u.map((h) => /* @__PURE__ */ _(
                     "button",
                     {
                       type: "button",
-                      className: `ll-hmenu__item ${h.id === d ? "is-active" : ""}`,
-                      onClick: () => a(h.id),
+                      className: `ll-hmenu__item ${h.id === s ? "is-active" : ""}`,
+                      onClick: () => c(h.id),
                       role: "option",
-                      "aria-selected": h.id === d,
+                      "aria-selected": h.id === s,
                       children: [
-                        h.avatarImageUrl && /* @__PURE__ */ e(
+                        h.avatarImageUrl && /* @__PURE__ */ t(
                           "img",
                           {
                             src: h.avatarImageUrl,
@@ -1027,8 +1087,8 @@ const St = ({
                             className: "ll-hmenu__avatar"
                           }
                         ),
-                        /* @__PURE__ */ e("span", { className: "ll-hmenu__name", children: h.name }),
-                        h.role && /* @__PURE__ */ e("span", { className: "ll-hmenu__role", children: h.role })
+                        /* @__PURE__ */ t("span", { className: "ll-hmenu__name", children: h.name }),
+                        h.role && /* @__PURE__ */ t("span", { className: "ll-hmenu__role", children: h.role })
                       ]
                     },
                     h.id
@@ -1041,294 +1101,311 @@ const St = ({
                 "button",
                 {
                   type: "button",
-                  className: "ll-hpill",
+                  className: "ll-hpill ll-hpill--compact",
                   onClick: (h) => {
-                    h.stopPropagation(), b();
+                    h.stopPropagation(), x();
                   },
                   "aria-haspopup": "listbox",
-                  "aria-expanded": C,
+                  "aria-expanded": S,
+                  "aria-label": "Language: English",
+                  title: "Language: English",
                   children: [
-                    /* @__PURE__ */ e("span", { className: "ll-hpill__label", children: "English" }),
-                    /* @__PURE__ */ e(_e, {})
+                    /* @__PURE__ */ t("span", { className: "ll-hpill__label", children: "EN" }),
+                    /* @__PURE__ */ t(Te, {})
                   ]
                 }
               ),
-              C && /* @__PURE__ */ e(
+              S && /* @__PURE__ */ t(
                 "div",
                 {
                   className: "ll-hmenu",
                   onClick: (h) => h.stopPropagation(),
                   role: "listbox",
-                  children: /* @__PURE__ */ e(
+                  children: /* @__PURE__ */ t(
                     "button",
                     {
                       type: "button",
                       className: "ll-hmenu__item is-active",
                       role: "option",
                       "aria-selected": !0,
-                      children: /* @__PURE__ */ e("span", { className: "ll-hmenu__name", children: "English" })
+                      children: /* @__PURE__ */ t("span", { className: "ll-hmenu__name", children: "English" })
                     }
                   )
                 }
               )
             ] }),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "span",
               {
-                className: `ll-expanded__state ll-expanded__state--${D}`,
-                children: D
+                className: `ll-expanded__state ll-expanded__state--${P}`,
+                children: P
               }
             )
           ] }),
           /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: ie,
+                onClick: he,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ e(Ve, {})
+                children: /* @__PURE__ */ t(vt, {})
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: V,
-                "aria-label": "End conversation",
-                title: "End conversation",
-                children: /* @__PURE__ */ e(je, {})
+                onClick: Le,
+                "aria-label": "End call",
+                title: "End call",
+                children: /* @__PURE__ */ t(gt, {})
               }
             )
           ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close
           /* @__PURE__ */ _("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ e("span", { className: "ll-expanded__brand", children: u }),
+            /* @__PURE__ */ t("span", { className: "ll-expanded__brand", children: Ae }),
             /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: ie,
+                  onClick: he,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ e(Ve, {})
+                  children: /* @__PURE__ */ t(vt, {})
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: V,
+                  onClick: Le,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ e(je, {})
+                  children: /* @__PURE__ */ t(gt, {})
                 }
               )
             ] })
           ] })
         ),
-        he && /* @__PURE__ */ _(
-          "button",
-          {
-            type: "button",
-            className: "ll-expanded__play",
-            onClick: ge,
-            "aria-label": R ? "Resume session" : "Start video call",
-            children: [
-              /* @__PURE__ */ e("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ e("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ e("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
-              /* @__PURE__ */ e("span", { className: "ll-expanded__play-label", children: R ? "Restart session" : "Start video call" }),
-              R && /* @__PURE__ */ e("span", { className: "ll-expanded__play-sublabel", children: "Pick up where you left off" })
-            ]
-          }
-        ),
+        J && /* @__PURE__ */ (() => {
+          const h = T ? "Restart paused session" : E === "disconnected" ? "Reconnect to agent" : "Start video call", O = T ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ _(_t, { children: [
+            E === "idle" && !T && !N && /* @__PURE__ */ _(
+              "button",
+              {
+                type: "button",
+                className: "ll-expanded__play",
+                onClick: ee,
+                "aria-label": h,
+                children: [
+                  /* @__PURE__ */ t("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ t("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ t("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
+                  /* @__PURE__ */ t("span", { className: "ll-expanded__play-label", children: h })
+                ]
+              }
+            ),
+            /* @__PURE__ */ _("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+              l && /* @__PURE__ */ t("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ t("p", { className: "ll-expanded__transcript-text", children: l }) }),
+              O && /* @__PURE__ */ t("p", { className: "ll-expanded__cta-sublabel", children: O }),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: "ll-expanded__cta",
+                  onClick: ee,
+                  "aria-label": h,
+                  children: h
+                }
+              )
+            ] })
+          ] });
+        })(),
         /* @__PURE__ */ _(
           "div",
           {
-            className: `ll-expanded__pip ${le && (y || $) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${te && (w || K) ? "is-visible" : ""}`,
             children: [
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ t(
                 "div",
                 {
-                  ref: oe,
-                  className: $ ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: fe,
+                  className: K ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ t(
                 "div",
                 {
-                  ref: pe,
-                  className: !$ && y ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: ne,
+                  className: !K && w ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        le ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
-          me && /* @__PURE__ */ e("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ e("p", { className: "ll-expanded__transcript-text", children: me }) }),
+        te ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
+          ge && /* @__PURE__ */ t("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ t("p", { className: "ll-expanded__transcript-text", children: ge }) }),
           /* @__PURE__ */ _("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
-            P && /* @__PURE__ */ e(
+            oe && /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${$ ? "is-on" : ""}`,
-                onClick: Z,
-                "aria-label": $ ? "Stop sharing screen" : "Share screen",
-                title: $ ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ e(Dt, {})
+                className: `ll-tool ${K ? "is-on" : ""}`,
+                onClick: Oe,
+                "aria-label": K ? "Stop sharing screen" : "Share screen",
+                title: K ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ t(En, {})
               }
             ),
-            re && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
-              /* @__PURE__ */ e(
+            Ne && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
+              /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${y ? "is-on" : ""}`,
-                  onClick: U,
-                  "aria-label": y ? "Turn off camera" : "Turn on camera",
-                  title: y ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ e(Rt, {})
+                  className: `ll-tool ll-tool--left ${w ? "is-on" : ""}`,
+                  onClick: Be,
+                  "aria-label": w ? "Turn off camera" : "Turn on camera",
+                  title: w ? "Stop camera" : "Start camera",
+                  children: /* @__PURE__ */ t(Nn, {})
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${y ? "is-on" : ""}`,
+                  className: `ll-tool ll-tool--right ${w ? "is-on" : ""}`,
                   onClick: (h) => {
-                    h.stopPropagation(), J((W) => !W), ae(!1);
+                    h.stopPropagation(), Q((O) => !O), F(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": se,
-                  children: /* @__PURE__ */ e(_e, {})
+                  "aria-expanded": q,
+                  children: /* @__PURE__ */ t(Te, {})
                 }
               ),
-              se && X.length > 0 && /* @__PURE__ */ e(
-                Oe,
+              q && Ee.length > 0 && /* @__PURE__ */ t(
+                yt,
                 {
                   label: "Camera",
-                  devices: X,
-                  activeId: ne,
+                  devices: Ee,
+                  activeId: $e,
                   onPick: (h) => {
-                    J(!1), ve(h);
+                    Q(!1), Ue(h);
                   }
                 }
               )
             ] }),
             /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${I ? "is-muted" : ""}`,
-                  onClick: Q,
-                  "aria-label": I ? "Unmute microphone" : "Mute microphone",
-                  title: I ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ e(Tt, { muted: I })
+                  className: `ll-tool ll-tool--left ${R ? "is-muted" : ""}`,
+                  onClick: D,
+                  "aria-label": R ? "Unmute microphone" : "Mute microphone",
+                  title: R ? "Unmute" : "Mute",
+                  children: /* @__PURE__ */ t(Sn, { muted: R })
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${I ? "is-muted" : ""}`,
+                  className: `ll-tool ll-tool--right ${R ? "is-muted" : ""}`,
                   onClick: (h) => {
-                    h.stopPropagation(), ae((W) => !W), J(!1);
+                    h.stopPropagation(), F((O) => !O), Q(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": q,
-                  children: /* @__PURE__ */ e(_e, {})
+                  "aria-expanded": j,
+                  children: /* @__PURE__ */ t(Te, {})
                 }
               ),
-              q && x.length > 0 && /* @__PURE__ */ e(
-                Oe,
+              j && L.length > 0 && /* @__PURE__ */ t(
+                yt,
                 {
                   label: "Microphone",
-                  devices: x,
+                  devices: L,
                   activeId: "",
-                  onPick: () => ae(!1)
+                  onPick: () => F(!1)
                 }
               )
             ] }),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${F ? "is-muted" : ""}`,
-                onClick: G,
-                "aria-label": F ? "Unmute speaker" : "Mute speaker",
-                title: F ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ e(zt, { muted: F })
+                className: `ll-tool ${Z ? "is-muted" : ""}`,
+                onClick: Se,
+                "aria-label": Z ? "Unmute speaker" : "Mute speaker",
+                title: Z ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ t(Ln, { muted: Z })
               }
             )
           ] }),
-          be && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: B, children: [
-            /* @__PURE__ */ e(
+          le && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: we, children: [
+            /* @__PURE__ */ t(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: ce,
-                onChange: (h) => de(h.target.value),
+                value: pe,
+                onChange: (h) => me(h.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            ce.trim() && /* @__PURE__ */ e(
+            pe.trim() && /* @__PURE__ */ t(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ e(Pt, {})
+                children: /* @__PURE__ */ t(An, {})
               }
             )
           ] }),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             "button",
             {
               type: "button",
               className: "ll-expanded__end",
-              onClick: ue,
+              onClick: ce,
               children: "End conversation"
             }
           )
-        ] }) : (
-          // Idle-state footer: start button + greeting
-          s && /* @__PURE__ */ e("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: /* @__PURE__ */ e("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ e("p", { className: "ll-expanded__transcript-text", children: s }) }) })
-        ),
+        ] }) : null,
         (() => {
-          if (w && N !== "error")
+          if (k && E !== "error")
             return /* @__PURE__ */ _("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ e("span", { children: w }),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ t("span", { children: k }),
+              /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: K,
+                  onClick: He,
                   "aria-label": "Dismiss",
                   children: "×"
                 }
               )
             ] });
-          if (!z || N !== "error") return null;
-          let h = "Failed to connect", W = "Try again";
-          return z === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : z === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : z === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : z === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : z === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : z.length < 80 && (h = z), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ e("span", { children: h }),
-            /* @__PURE__ */ e(
+          if (!N || E !== "error") return null;
+          let h = "Failed to connect", O = "Try again";
+          return N === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : N === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : N === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : N === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : N === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : N.length < 80 && (h = N), /* @__PURE__ */ _("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ t("span", { children: h }),
+            /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: ke,
-                children: W
+                onClick: se,
+                children: O
               }
             )
           ] });
@@ -1337,83 +1414,218 @@ const St = ({
     }
   );
 };
-function _e() {
-  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ e("polyline", { points: "6 9 12 15 18 9" }) });
+function Te() {
+  return /* @__PURE__ */ t("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function je() {
+function gt() {
   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__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-    /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+    /* @__PURE__ */ t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Ve() {
-  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ e("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
+function vt() {
+  return /* @__PURE__ */ t("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ t("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function Dt() {
+function En() {
   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__ */ e("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
-    /* @__PURE__ */ e("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
-    /* @__PURE__ */ e("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
+    /* @__PURE__ */ t("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
+    /* @__PURE__ */ t("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
+    /* @__PURE__ */ t("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
-function Rt() {
+function Nn() {
   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__ */ e("path", { d: "M23 7l-7 5 7 5V7z" }),
-    /* @__PURE__ */ e("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
+    /* @__PURE__ */ t("path", { d: "M23 7l-7 5 7 5V7z" }),
+    /* @__PURE__ */ t("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function Tt({ muted: t }) {
+function Sn({ 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__ */ e("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
-    /* @__PURE__ */ e("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
-    /* @__PURE__ */ e("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
-    t && /* @__PURE__ */ e("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+    /* @__PURE__ */ t("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
+    /* @__PURE__ */ t("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+    /* @__PURE__ */ t("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
+    e && /* @__PURE__ */ t("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function zt({ muted: t }) {
+function Ln({ 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__ */ e("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-    t ? /* @__PURE__ */ e("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(Ze, { children: [
-      /* @__PURE__ */ e("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
-      /* @__PURE__ */ e("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
+    /* @__PURE__ */ t("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+    e ? /* @__PURE__ */ t("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(_t, { children: [
+      /* @__PURE__ */ t("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
+      /* @__PURE__ */ t("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
-function Pt() {
+function An() {
   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__ */ e("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
-    /* @__PURE__ */ e("polyline", { points: "12 5 19 12 12 19" })
+    /* @__PURE__ */ t("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
+    /* @__PURE__ */ t("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-const Oe = ({ label: t, devices: n, activeId: i, onPick: l }) => /* @__PURE__ */ _(
+const yt = ({ label: e, devices: n, activeId: r, onPick: i }) => /* @__PURE__ */ _(
   "div",
   {
     className: "ll-device-menu",
-    onClick: (r) => r.stopPropagation(),
+    onClick: (o) => o.stopPropagation(),
     role: "listbox",
     children: [
-      /* @__PURE__ */ e("p", { className: "ll-device-menu__label", children: t }),
-      n.map((r, s) => {
-        const c = i === r.deviceId;
+      /* @__PURE__ */ t("p", { className: "ll-device-menu__label", children: e }),
+      n.map((o, l) => {
+        const d = r === o.deviceId;
         return /* @__PURE__ */ _(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${c ? "is-active" : ""}`,
-            onClick: () => l(r.deviceId),
+            className: `ll-device-menu__item ${d ? "is-active" : ""}`,
+            onClick: () => i(o.deviceId),
             role: "option",
-            "aria-selected": c,
+            "aria-selected": d,
             children: [
-              c && /* @__PURE__ */ e("span", { className: "ll-device-menu__dot", children: "●" }),
-              /* @__PURE__ */ e("span", { className: "ll-device-menu__name", children: r.label || `${t} ${s + 1}` })
+              d && /* @__PURE__ */ t("span", { className: "ll-device-menu__dot", children: "●" }),
+              /* @__PURE__ */ t("span", { className: "ll-device-menu__name", children: o.label || `${e} ${l + 1}` })
             ]
           },
-          r.deviceId || s
+          o.deviceId || l
         );
       })
     ]
   }
-), Bt = /* @__PURE__ */ new Set([
+), Pe = 4096, Mn = 20, Rn = 20, In = 10, bt = 500, Tn = [
+  '[data-ll-private="true"]',
+  ".ll-widget",
+  "script",
+  "style",
+  "noscript",
+  "iframe"
+];
+function ke(e) {
+  if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
+  let n = e;
+  for (; n; ) {
+    for (const r of Tn)
+      if (n.matches(r)) return !0;
+    n = n.parentElement;
+  }
+  return !1;
+}
+function Ce(e) {
+  if (typeof window > "u") return !0;
+  const n = e.getBoundingClientRect();
+  if (n.width <= 0 || n.height <= 0) return !1;
+  const r = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
+  return n.bottom > 0 && n.right > 0 && n.top < r && n.left < i;
+}
+function Pn(e) {
+  if (e.type === "password") return !0;
+  const n = (e.getAttribute("autocomplete") || "").toLowerCase();
+  return !!(n === "off" || n.startsWith("cc-"));
+}
+function Dn(e) {
+  const n = e.getAttribute("id");
+  if (n) {
+    const l = document.querySelector(`label[for="${CSS.escape(n)}"]`);
+    if (l != null && l.textContent) return l.textContent.trim();
+  }
+  const r = e.getAttribute("aria-label");
+  if (r) return r.trim();
+  const i = e.getAttribute("placeholder");
+  if (i) return i.trim();
+  const o = e.closest("label");
+  return o != null && o.textContent ? o.textContent.trim() : "";
+}
+function ve(e, n) {
+  return e.length <= n ? e : e.slice(0, n - 1) + "…";
+}
+function ye(e) {
+  return e.length;
+}
+function zn(e, n = {}) {
+  const r = n.doc ?? (typeof document < "u" ? document : null);
+  if (!r)
+    return {
+      url: "",
+      title: "",
+      pathname: "/",
+      regions: [],
+      visibleText: "",
+      visibleLinks: [],
+      visibleFields: [],
+      extras: e
+    };
+  const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", d = Array.from(
+    r.querySelectorAll("[data-ll-region]")
+  ), u = [];
+  for (const p of d) {
+    if (u.length >= In) break;
+    if (ke(p) || !Ce(p)) continue;
+    const N = p.getAttribute("data-ll-region") ?? "", R = p.getAttribute("data-ll-intent") ?? void 0, k = ve(
+      (p.innerText || p.textContent || "").trim(),
+      bt * 2
+    );
+    !N || !k || u.push({ id: N, intent: R, text: k });
+  }
+  const s = [], g = ["H1", "H2", "H3", "H4", "H5", "H6"], f = Array.from(
+    r.querySelectorAll("h1, h2, h3, h4, h5, h6")
+  );
+  for (const p of f) {
+    if (ke(p) || !Ce(p)) continue;
+    const N = (p.textContent || "").trim();
+    N && s.push(`${p.tagName}: ${ve(N, 200)}`);
+  }
+  const a = Array.from(r.querySelectorAll("p, li"));
+  for (const p of a) {
+    if (ke(p) || !Ce(p) || g.includes(p.tagName)) continue;
+    const N = (p.textContent || "").trim();
+    N.length > 10 && s.push(ve(N, bt));
+  }
+  const c = s.join(`
+`), S = [], x = Array.from(r.querySelectorAll("a[href]"));
+  for (const p of x) {
+    if (S.length >= Mn) break;
+    if (ke(p) || !Ce(p)) continue;
+    const N = p.getAttribute("href") || "", R = (p.textContent || "").trim();
+    !N || !R || S.push({ href: N, text: ve(R, 100) });
+  }
+  const E = [], P = Array.from(
+    r.querySelectorAll(
+      "input, textarea, select"
+    )
+  );
+  for (const p of P) {
+    if (E.length >= Rn) break;
+    if (ke(p) || p instanceof HTMLInputElement && Pn(p) || !Ce(p)) continue;
+    const N = Dn(p), R = p instanceof HTMLInputElement ? p.type : p.tagName.toLowerCase();
+    N && E.push({ label: ve(N, 100), type: R });
+  }
+  const b = {
+    url: i,
+    title: l,
+    pathname: o,
+    regions: u,
+    visibleText: c,
+    visibleLinks: S,
+    visibleFields: E,
+    extras: e
+  };
+  let T = ye(JSON.stringify(b.regions)) + ye(b.visibleText) + ye(JSON.stringify(b.visibleLinks)) + ye(JSON.stringify(b.visibleFields));
+  for (; T > Pe && b.visibleFields.length > 0; )
+    b.visibleFields.pop(), T = ye(JSON.stringify(b.visibleFields));
+  for (; T > Pe && b.visibleLinks.length > 0; )
+    b.visibleLinks.pop(), T -= 80;
+  return ye(b.visibleText) > Pe && (b.visibleText = ve(b.visibleText, Pe - 100)), b;
+}
+let be = null;
+function wt(e, n = {}) {
+  const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if (be && be.key === o && r - be.at < 1e3)
+    return be.ctx;
+  const l = zn(e, n);
+  return be = { key: o, at: r, ctx: l }, l;
+}
+function $n() {
+  be = null;
+}
+const Bn = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1421,89 +1633,235 @@ const Oe = ({ label: t, devices: n, activeId: i, onPick: l }) => /* @__PURE__ */
   "bot_ready",
   "agent_error",
   "idle_warning",
-  "idle_timeout"
+  "idle_timeout",
+  // 0.3.0 — page-aware commands. Handled internally by the widget.
+  // Consumers who want observability subscribe via onAgentEvent (which
+  // fires for every message including these).
+  "navigate",
+  "scroll_to",
+  "request_page_context"
 ]);
-function Ut(t) {
-  var Ie, Ae, De, Re, Te, ze;
+function Un(e) {
+  var tt, nt, rt, it, ot, lt;
   const {
     agentId: n,
-    apiKey: i,
-    baseUrl: l = "https://app.livelayer.studio",
-    sessionEndpoint: r,
-    sessionBody: s,
-    autoConnect: c = !1,
-    displayMode: m,
-    defaultDisplayMode: d = "expanded",
-    onDisplayModeChange: f,
-    position: p = "bottom-right",
-    mobileBreakpoint: o = 640,
-    persistKey: a = "ll-widget",
-    disablePersistence: C = !1,
-    teamMembers: b,
-    currentTeamMemberId: N,
-    onTeamMemberChange: D,
-    idleLoopUrl: E,
-    greeting: R,
-    avatarImageUrl: T,
-    agentName: z,
-    branding: I = {},
-    allowCamera: w = !0,
-    allowScreenShare: x = !0,
-    allowTyping: y = !0,
-    onConnect: A,
-    onDisconnect: X,
-    onTranscript: ne,
-    onAgentState: $,
-    onConnectionStateChange: j,
-    onAgentEvent: F,
-    onAgentCommand: re,
-    controlledSession: P,
-    className: be,
-    style: we,
-    zIndex: ge = 2147483647
-  } = t, ue = N !== void 0, [ke, xe] = k(() => {
+    apiKey: r,
+    baseUrl: i = "https://app.livelayer.studio",
+    sessionEndpoint: o,
+    sessionBody: l,
+    autoConnect: d = !1,
+    displayMode: u,
+    defaultDisplayMode: s = "expanded",
+    onDisplayModeChange: g,
+    position: f = "bottom-right",
+    mobileBreakpoint: a = 640,
+    persistKey: c = "ll-widget",
+    disablePersistence: S = !1,
+    teamMembers: x,
+    currentTeamMemberId: E,
+    onTeamMemberChange: P,
+    idleLoopUrl: b,
+    greeting: T,
+    avatarImageUrl: p,
+    agentName: N,
+    branding: R = {},
+    allowCamera: k = !0,
+    allowScreenShare: L = !0,
+    allowTyping: w = !0,
+    showOn: z,
+    hideOn: Ee,
+    pathname: $e,
+    onNavigate: K,
+    onScrollToSelector: X,
+    getPageContext: Z,
+    pageContextExtras: Ne,
+    onConnect: oe,
+    onDisconnect: le,
+    onTranscript: ae,
+    onAgentState: ee,
+    onConnectionStateChange: ce,
+    onAgentEvent: se,
+    onAgentCommand: de,
+    controlledSession: D,
+    className: Be,
+    style: Ue,
+    zIndex: Oe = 2147483647
+  } = e, Se = ln($e), ue = fn(Se, z, Ee);
+  I(() => {
+    $n();
+  }, [Se]);
+  const he = E !== void 0, [Le, He] = C(() => {
     var v;
-    return N ?? ((v = b == null ? void 0 : b[0]) == null ? void 0 : v.id);
-  }), Q = ue ? N : ke, U = Se(
-    () => (b == null ? void 0 : b.find((v) => v.id === Q)) ?? null,
-    [b, Q]
-  ), ve = (U == null ? void 0 : U.agentId) ?? n, [Z, G] = yt({
-    value: m,
-    defaultValue: d,
-    onChange: f,
-    persistKey: a,
-    disablePersistence: C
-  }), ee = bt(o), ie = ot(), V = at(), K = ct(), O = dt(), Y = ut(), [le, H] = k(!1), [he, pe] = k(!1), [oe, q] = k(!1), [ae, se] = k(!1), [J, ce] = k(!1), de = g(
+    return E ?? ((v = x == null ? void 0 : x[0]) == null ? void 0 : v.id);
+  }), V = he ? E : Le, $ = De(
+    () => (x == null ? void 0 : x.find((v) => v.id === V)) ?? null,
+    [x, V]
+  ), te = ($ == null ? void 0 : $.agentId) ?? n, [W, J] = tn({
+    value: u,
+    defaultValue: s,
+    onChange: g,
+    persistKey: c,
+    disablePersistence: S
+  }), ne = rn(a), fe = Ft(), j = Vt(), F = qt(), q = Gt(), Q = Yt(), [pe, me] = C(!1), [we, Ae] = C(!1), [ge, _e] = C(!1), [Me, h] = C(!1), [O, Ye] = C(!1), je = A(K), Fe = A(X), Ke = A(Z), Xe = A(Ne), Re = A(null);
+  je.current = K, Fe.current = X, Ke.current = Z, Xe.current = Ne;
+  const Ve = y(
     (v) => {
-      const L = v;
-      !L.type || typeof L.type != "string" || (F == null || F({ eventName: L.type, data: v }), Bt.has(L.type) || re == null || re(L));
+      var G;
+      const M = v;
+      if (!(!M.type || typeof M.type != "string")) {
+        if (se == null || se({ eventName: M.type, data: v }), M.type === "navigate") {
+          const H = typeof M.href == "string" ? M.href : null;
+          if (!H) {
+            console.warn(
+              `[LiveLayer] Agent emitted "navigate" without href. Skipping. Check your agent's tool schema. See https://livelayer.studio/docs/errors/navigate-missing-href`
+            );
+            return;
+          }
+          if (je.current) {
+            try {
+              je.current(H);
+            } catch (U) {
+              console.warn(
+                `[LiveLayer] onNavigate threw for "${H}". Falling back. Error:`,
+                U
+              );
+            }
+            return;
+          }
+          if (typeof document < "u") {
+            const U = document.querySelector(
+              `a[href="${H.replace(/"/g, '\\"')}"]`
+            );
+            if (U) {
+              U.click();
+              return;
+            }
+          }
+          if (typeof window < "u" && typeof history < "u")
+            try {
+              history.pushState({}, "", H), window.dispatchEvent(new PopStateEvent("popstate"));
+            } catch (U) {
+              console.warn(
+                `[LiveLayer] history.pushState fallback failed for "${H}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                U
+              );
+            }
+          return;
+        }
+        if (M.type === "scroll_to") {
+          const H = typeof M.selector == "string" ? M.selector : null;
+          if (!H) return;
+          const U = M.behavior === "instant" ? "instant" : "smooth";
+          if (Fe.current) {
+            try {
+              Fe.current(
+                H,
+                U
+              );
+            } catch (Y) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", Y);
+            }
+            return;
+          }
+          if (typeof document < "u") {
+            let Y = null;
+            try {
+              Y = document.querySelector(H);
+            } catch {
+              console.warn(
+                `[LiveLayer] scroll_to: invalid selector "${H}".`
+              );
+              return;
+            }
+            if (!Y) {
+              console.warn(
+                `[LiveLayer] scroll_to: no element matched "${H}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+              );
+              return;
+            }
+            Y.scrollIntoView({
+              behavior: U,
+              block: "start"
+            });
+          }
+          return;
+        }
+        if (M.type === "request_page_context") {
+          const H = (G = Re.current) == null ? void 0 : G.call(Re), U = (re) => {
+            const ie = H, Ie = ie == null ? void 0 : ie.localParticipant;
+            if (Ie != null && Ie.publishData)
+              try {
+                const Ge = new TextEncoder().encode(JSON.stringify(re));
+                Ie.publishData(Ge, { reliable: !0 });
+              } catch (Ge) {
+                console.warn("[LiveLayer] publishData failed.", Ge);
+              }
+          }, Y = Xe.current, at = Ke.current;
+          try {
+            if (at) {
+              const re = at(Y);
+              if (re instanceof Promise) {
+                U({ type: "page_context_pending" }), re.then((ie) => U({ type: "page_context", context: ie })).catch((ie) => {
+                  console.warn(
+                    "[LiveLayer] getPageContext rejected; falling back to default walker.",
+                    ie
+                  ), U({
+                    type: "page_context",
+                    context: wt(Y)
+                  });
+                });
+                return;
+              }
+              U({ type: "page_context", context: re });
+              return;
+            }
+            U({
+              type: "page_context",
+              context: wt(Y)
+            });
+          } catch (re) {
+            console.warn(
+              "[LiveLayer] page-context extraction threw. Sending empty context.",
+              re
+            ), U({
+              type: "page_context",
+              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], extras: Y }
+            });
+          }
+          return;
+        }
+        Bn.has(M.type) || de == null || de(M);
+      }
     },
-    [re, F]
-  ), B = lt({
-    agentId: P ? "__controlled__" : ve,
-    baseUrl: l,
-    apiKey: i,
-    sessionEndpoint: r,
-    sessionBody: s,
-    onDataMessage: P ? void 0 : de
+    [de, se]
+  ), B = jt({
+    agentId: D ? "__controlled__" : te,
+    baseUrl: i,
+    apiKey: r,
+    sessionEndpoint: o,
+    sessionBody: l,
+    onDataMessage: D ? void 0 : Ve
   });
-  S(() => {
-    if (P != null && P.subscribeToDataMessages)
-      return P.subscribeToDataMessages(de);
-  }, [P, de]);
-  const u = Se(() => P ? {
-    connectionState: P.connectionState,
-    agentState: P.agentState,
-    transcript: P.transcript,
-    videoElement: P.videoElement,
-    audioElement: P.audioElement,
-    canResume: P.canResume,
-    error: P.error,
+  I(() => {
+    if (D != null && D.subscribeToDataMessages)
+      return D.subscribeToDataMessages(Ve);
+  }, [D, Ve]), Re.current = () => {
+    var v;
+    return (v = B.getRoom) == null ? void 0 : v.call(B);
+  };
+  const m = De(() => D ? {
+    connectionState: D.connectionState,
+    agentState: D.agentState,
+    transcript: D.transcript,
+    videoElement: D.videoElement,
+    audioElement: D.audioElement,
+    canResume: D.canResume,
+    error: D.error,
     agentConfig: null,
     connect: async () => {
-      await P.onConnect();
+      await D.onConnect();
     },
-    disconnect: () => P.onDisconnect(),
+    disconnect: () => D.onDisconnect(),
     // Dummy getRoom for shape compatibility — controlled consumers own the Room.
     // Internal session's getRoom returns null when no real connect has happened,
     // so we reuse its reference for type consistency.
@@ -1522,254 +1880,276 @@ function Ut(t) {
     disconnect: B.disconnect,
     getRoom: B.getRoom,
     isControlled: !1
-  }, [P, B]), me = M(null);
-  S(() => {
-    const v = u.videoElement, L = me.current;
-    if (!(!v || !L))
-      return L.appendChild(v), () => {
-        v.parentNode === L && L.removeChild(v);
+  }, [D, B]), Je = A(null);
+  I(() => {
+    const v = m.videoElement, M = Je.current;
+    if (!(!v || !M))
+      return M.appendChild(v), () => {
+        v.parentNode === M && M.removeChild(v);
       };
-  }, [u.videoElement]), S(() => {
-    const v = u.audioElement;
+  }, [m.videoElement]), I(() => {
+    const v = m.audioElement;
     if (!v) return;
-    ie.attach(v);
-    const L = v.play();
-    return L && typeof L.catch == "function" && L.catch((te) => {
-      (te == null ? void 0 : te.name) === "NotAllowedError" && H(!0);
+    fe.attach(v);
+    const M = v.play();
+    return M && typeof M.catch == "function" && M.catch((G) => {
+      (G == null ? void 0 : G.name) === "NotAllowedError" && me(!0);
     }), () => {
-      ie.detach();
+      fe.detach();
     };
-  }, [u.audioElement]), S(() => {
-    if (u.isControlled || u.connectionState !== "connected") return;
-    const v = u.getRoom();
+  }, [m.audioElement]), I(() => {
+    if (m.isControlled || m.connectionState !== "connected") return;
+    const v = m.getRoom();
     if (v)
-      return V.setupMic(v).catch(() => {
-      }), K.attachRoom(v), O.attachRoom(v), Y.refresh(), () => {
-        V.teardownMic(), K.teardown(), O.teardown();
+      return j.setupMic(v).catch(() => {
+      }), F.attachRoom(v), q.attachRoom(v), Q.refresh(), () => {
+        j.teardownMic(), F.teardown(), q.teardown();
       };
-  }, [u.isControlled, u.connectionState]), S(() => {
-    const v = u.audioElement;
-    v && (v.muted = J);
-  }, [u.audioElement, J]);
-  const Ce = g((v) => {
-    const L = u.getRoom();
-    if (L)
+  }, [m.isControlled, m.connectionState]), I(() => {
+    const v = m.audioElement;
+    v && (v.muted = O);
+  }, [m.audioElement, O]);
+  const Ct = y((v) => {
+    const M = m.getRoom();
+    if (M)
       try {
-        const te = new TextEncoder().encode(
+        const G = new TextEncoder().encode(
           JSON.stringify({ type: "user_message", text: v })
         );
-        L.localParticipant.publishData(te, { reliable: !0 });
+        M.localParticipant.publishData(G, { reliable: !0 });
       } catch {
       }
-  }, [u]), ye = g(() => {
-    ce((v) => !v);
+  }, [m]), Et = y(() => {
+    Ye((v) => !v);
   }, []);
-  S(() => {
-    j == null || j(u.connectionState), u.connectionState === "connected" ? A == null || A() : u.connectionState === "disconnected" && (X == null || X());
-  }, [u.connectionState, A, X, j]), S(() => {
-    ne == null || ne(u.transcript);
-  }, [u.transcript, ne]), S(() => {
-    $ == null || $(u.agentState);
-  }, [u.agentState, $]);
-  const h = M(!1);
-  S(() => {
-    u.isControlled || !c || h.current || u.connectionState === "idle" && (h.current = !0, u.connect());
-  }, [c, u.connectionState, u]);
-  const W = g(
+  I(() => {
+    ce == null || ce(m.connectionState), m.connectionState === "connected" ? oe == null || oe() : m.connectionState === "disconnected" && (le == null || le());
+  }, [m.connectionState, oe, le, ce]), I(() => {
+    ae == null || ae(m.transcript);
+  }, [m.transcript, ae]), I(() => {
+    ee == null || ee(m.agentState);
+  }, [m.agentState, ee]);
+  const Qe = A(!1);
+  I(() => {
+    m.isControlled || !d || Qe.current || ue && m.connectionState === "idle" && (Qe.current = !0, m.connect());
+  }, [d, m.connectionState, m, ue]);
+  const Nt = y(
     (v) => {
-      const L = b == null ? void 0 : b.find((te) => te.id === v);
-      L && (q(!1), v !== Q && (pe(!0), u.disconnect(), ue || xe(v), D == null || D(L)));
+      const M = x == null ? void 0 : x.find((G) => G.id === v);
+      M && (_e(!1), v !== V && (Ae(!0), m.disconnect(), he || He(v), P == null || P(M)));
     },
     [
-      b,
-      Q,
-      u,
-      ue,
-      D
+      x,
+      V,
+      m,
+      he,
+      P
     ]
   );
-  S(() => {
-    he && u.connectionState === "connected" && pe(!1);
-  }, [u.connectionState, he]), S(() => {
-    if (!oe) return;
-    const v = (L) => {
-      L.key === "Escape" && q(!1);
+  I(() => {
+    we && m.connectionState === "connected" && Ae(!1);
+  }, [m.connectionState, we]), I(() => {
+    if (!ge) return;
+    const v = (M) => {
+      M.key === "Escape" && _e(!1);
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, [oe]);
-  const Ge = !!T || !!(U != null && U.avatarImageUrl) || u.isControlled, Ne = ht(ve, l, Ge), Ee = (U == null ? void 0 : U.name) ?? z ?? ((Ie = u.agentConfig) == null ? void 0 : Ie.name) ?? ((Ae = Ne.info) == null ? void 0 : Ae.name) ?? "Live Layer", Me = (U == null ? void 0 : U.avatarImageUrl) ?? T ?? ((De = u.agentConfig) == null ? void 0 : De.avatarImageUrl) ?? ((Re = Ne.info) == null ? void 0 : Re.avatarImageUrl) ?? null, Ke = E ?? ((Te = u.agentConfig) == null ? void 0 : Te.idleLoopUrl) ?? ((ze = Ne.info) == null ? void 0 : ze.idleLoopUrl) ?? null, Ye = R ?? null, He = g(() => G("expanded"), [G]), qe = g(
-    () => G("minimized"),
-    [G]
-  ), Le = g(() => {
-    u.disconnect(), G("hidden");
-  }, [u, G]), Je = g(() => {
-    const v = u.audioElement;
-    v && v.play().then(() => H(!1)).catch(() => {
+  }, [ge]);
+  const St = !!p || !!($ != null && $.avatarImageUrl) || m.isControlled, We = Kt(te, i, St), qe = ($ == null ? void 0 : $.name) ?? N ?? ((tt = m.agentConfig) == null ? void 0 : tt.name) ?? ((nt = We.info) == null ? void 0 : nt.name) ?? "Live Layer", Ze = ($ == null ? void 0 : $.avatarImageUrl) ?? p ?? ((rt = m.agentConfig) == null ? void 0 : rt.avatarImageUrl) ?? ((it = We.info) == null ? void 0 : it.avatarImageUrl) ?? null, Lt = b ?? ((ot = m.agentConfig) == null ? void 0 : ot.idleLoopUrl) ?? ((lt = We.info) == null ? void 0 : lt.idleLoopUrl) ?? null, At = T ?? null, Mt = y(() => J("expanded"), [J]), Rt = y(
+    () => J("minimized"),
+    [J]
+  ), et = y(() => {
+    m.disconnect(), J("hidden");
+  }, [m, J]), It = y(() => {
+    const v = m.audioElement;
+    v && v.play().then(() => me(!1)).catch(() => {
     });
-  }, [u.audioElement]), Xe = g(() => {
-    H(!1), u.connect();
-  }, [u]), fe = {
-    ...we,
-    zIndex: ge
+  }, [m.audioElement]), Tt = y(() => {
+    me(!1), m.connect();
+  }, [m]), xe = {
+    ...Ue,
+    zIndex: Oe
   };
-  I.primaryColor && (fe["--ll-color-primary"] = I.primaryColor), I.accentColor && (fe["--ll-color-accent"] = I.accentColor), I.backgroundColor && (fe["--ll-color-bg"] = I.backgroundColor), I.textColor && (fe["--ll-color-fg"] = I.textColor);
-  const Qe = [
+  R.primaryColor && (xe["--ll-color-primary"] = R.primaryColor), R.accentColor && (xe["--ll-color-accent"] = R.accentColor), R.backgroundColor && (xe["--ll-color-bg"] = R.backgroundColor), R.textColor && (xe["--ll-color-fg"] = R.textColor);
+  const Pt = [
     "ll-widget",
-    `ll-widget--${Z}`,
-    `ll-widget--${ee ? "mobile" : "desktop"}`,
-    be
+    `ll-widget--${W}`,
+    `ll-widget--${ne ? "mobile" : "desktop"}`,
+    Be
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _(
+  return ue ? /* @__PURE__ */ _(
     "div",
     {
-      className: Qe,
-      style: fe,
-      "data-display-mode": Z,
-      "data-position": p,
+      className: Pt,
+      style: xe,
+      "data-display-mode": W,
+      "data-position": f,
       children: [
-        Z === "hidden" && /* @__PURE__ */ e(
-          St,
+        W === "hidden" && /* @__PURE__ */ t(
+          wn,
           {
-            position: p,
-            isMobile: ee,
-            isSpeaking: u.agentState === "speaking",
-            onExpand: () => G("expanded"),
-            label: `Open ${Ee} widget`
+            position: f,
+            isMobile: ne,
+            isSpeaking: m.agentState === "speaking",
+            onExpand: () => J("expanded"),
+            label: `Open ${qe} widget`
           }
         ),
-        Z === "minimized" && /* @__PURE__ */ e(
-          Lt,
+        W === "minimized" && /* @__PURE__ */ t(
+          xn,
           {
-            position: p,
-            isMobile: ee,
-            agentName: Ee,
-            avatarImageUrl: Me,
-            agentState: u.agentState,
-            isMuted: V.isMuted,
-            audioLevel: ie,
-            onExpand: He,
-            onToggleMute: V.toggleMute,
-            onClose: Le
+            position: f,
+            isMobile: ne,
+            agentName: qe,
+            avatarImageUrl: Ze,
+            agentState: m.agentState,
+            isMuted: j.isMuted,
+            audioLevel: fe,
+            onExpand: Mt,
+            onToggleMute: j.toggleMute,
+            onClose: et
           }
         ),
-        Z === "expanded" && /* @__PURE__ */ e(
-          At,
+        W === "expanded" && /* @__PURE__ */ t(
+          Cn,
           {
-            position: p,
-            isMobile: ee,
-            agentName: Ee,
-            avatarImageUrl: Me,
-            idleLoopUrl: Ke,
-            greeting: Ye,
-            branding: I,
-            teamMembers: b,
-            currentTeamMemberId: Q,
-            isSwitchingTeamMember: he,
-            teamSwitcherOpen: oe,
-            onToggleTeamSwitcher: () => q((v) => !v),
-            onSelectTeamMember: W,
-            connectionState: u.connectionState,
-            agentState: u.agentState,
-            transcript: u.transcript,
-            isMuted: V.isMuted,
-            micDevices: Y.mics,
-            isCameraEnabled: K.isEnabled,
-            cameraPreviewEl: K.previewEl,
-            cameraDevices: Y.cameras,
-            activeCameraId: K.activeDeviceId,
-            isScreenShareEnabled: O.isEnabled,
-            screenPreviewEl: O.previewEl,
-            isSpeakerMuted: J,
-            allowCamera: w,
-            allowScreenShare: x,
-            allowTyping: y,
-            languageMenuOpen: ae,
-            onToggleLanguageMenu: () => se((v) => !v),
-            needsUserGesture: le,
-            canResume: u.canResume,
-            micError: V.micError,
-            error: u.error,
-            avatarVideoContainerRef: me,
-            onConnect: () => void u.connect(),
-            onDisconnect: () => u.disconnect(),
-            onRetry: Xe,
-            onResumeAudio: Je,
-            onToggleMute: V.toggleMute,
-            onToggleCamera: () => void K.toggle(),
-            onSwitchCameraDevice: (v) => void K.switchDevice(v),
-            onToggleScreenShare: () => void O.toggle(),
-            onToggleSpeaker: ye,
-            onSendMessage: Ce,
-            onMinimize: qe,
-            onClose: Le,
-            onClearMicError: V.clearError
+            position: f,
+            isMobile: ne,
+            agentName: qe,
+            avatarImageUrl: Ze,
+            idleLoopUrl: Lt,
+            greeting: At,
+            branding: R,
+            teamMembers: x,
+            currentTeamMemberId: V,
+            isSwitchingTeamMember: we,
+            teamSwitcherOpen: ge,
+            onToggleTeamSwitcher: () => _e((v) => !v),
+            onSelectTeamMember: Nt,
+            connectionState: m.connectionState,
+            agentState: m.agentState,
+            transcript: m.transcript,
+            isMuted: j.isMuted,
+            micDevices: Q.mics,
+            isCameraEnabled: F.isEnabled,
+            cameraPreviewEl: F.previewEl,
+            cameraDevices: Q.cameras,
+            activeCameraId: F.activeDeviceId,
+            isScreenShareEnabled: q.isEnabled,
+            screenPreviewEl: q.previewEl,
+            isSpeakerMuted: O,
+            allowCamera: k,
+            allowScreenShare: L,
+            allowTyping: w,
+            languageMenuOpen: Me,
+            onToggleLanguageMenu: () => h((v) => !v),
+            needsUserGesture: pe,
+            canResume: m.canResume,
+            micError: j.micError,
+            error: m.error,
+            avatarVideoContainerRef: Je,
+            onConnect: () => void m.connect(),
+            onDisconnect: () => m.disconnect(),
+            onRetry: Tt,
+            onResumeAudio: It,
+            onToggleMute: j.toggleMute,
+            onToggleCamera: () => void F.toggle(),
+            onSwitchCameraDevice: (v) => void F.switchDevice(v),
+            onToggleScreenShare: () => void q.toggle(),
+            onToggleSpeaker: Et,
+            onSendMessage: Ct,
+            onMinimize: Rt,
+            onClose: et,
+            onClearMicError: j.clearError
           }
         )
       ]
     }
-  );
+  ) : null;
 }
-function Ft(t) {
-  return /* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(Ut, { ...t }) });
+function Wn(e) {
+  return /* @__PURE__ */ t(Ht, { children: /* @__PURE__ */ t(Un, { ...e }) });
 }
-const Gt = ({
-  agentId: t,
+const qn = ({
+  agentId: e,
   baseUrl: n,
-  apiKey: i,
-  mode: l,
-  onAgentEvent: r,
-  className: s,
-  style: c
+  apiKey: r,
+  mode: i,
+  onAgentEvent: o,
+  className: l,
+  style: d
 }) => {
-  const m = M(null), d = M(null), f = M(r);
-  f.current = r;
-  const p = g((o) => {
-    var C;
-    const a = o.detail;
-    (C = f.current) == null || C.call(f, a);
+  const u = A(null), s = A(null), g = A(o);
+  g.current = o;
+  const f = y((a) => {
+    var S;
+    const c = a.detail;
+    (S = g.current) == null || S.call(g, c);
   }, []);
-  return S(() => {
-    const o = m.current;
-    if (!o) return;
-    const a = document.createElement("livelayer-widget");
-    return a.setAttribute("agent-id", t), n && a.setAttribute("base-url", n), i && a.setAttribute("api-key", i), l && a.setAttribute("mode", l), a.addEventListener("agent-event", p), o.appendChild(a), d.current = a, () => {
-      a.removeEventListener("agent-event", p), o.removeChild(a), d.current = null;
+  return I(() => {
+    const a = u.current;
+    if (!a) return;
+    const c = document.createElement("livelayer-widget");
+    return c.setAttribute("agent-id", e), n && c.setAttribute("base-url", n), r && c.setAttribute("api-key", r), i && c.setAttribute("mode", i), c.addEventListener("agent-event", f), a.appendChild(c), s.current = c, () => {
+      c.removeEventListener("agent-event", f), a.removeChild(c), s.current = null;
     };
-  }, [t]), S(() => {
-    d.current && (l ? d.current.setAttribute("mode", l) : d.current.removeAttribute("mode"));
-  }, [l]), /* @__PURE__ */ e("div", { ref: m, className: s, style: c });
-};
-function Kt() {
-  const [t, n] = k([]), i = g((r) => {
-    n((s) => {
-      const c = s.findIndex((m) => m.id === r.id);
-      if (c >= 0) {
-        const m = s.slice();
-        return m[c] = r, m;
+  }, [e]), I(() => {
+    s.current && (i ? s.current.setAttribute("mode", i) : s.current.removeAttribute("mode"));
+  }, [i]), /* @__PURE__ */ t("div", { ref: u, className: l, style: d });
+}, Gn = zt(
+  function({ id: n, intent: r, as: i = "div", className: o, style: l, children: d }, u) {
+    return $t(
+      i,
+      {
+        ref: u,
+        "data-ll-region": n,
+        "data-ll-intent": r,
+        className: o,
+        style: l
+      },
+      d
+    );
+  }
+);
+function Yn() {
+  const [e, n] = C([]), r = y((o) => {
+    n((l) => {
+      const d = l.findIndex((u) => u.id === o.id);
+      if (d >= 0) {
+        const u = l.slice();
+        return u[d] = o, u;
       }
-      return [...s, r];
+      return [...l, o];
     });
-  }, []), l = g(() => n([]), []);
+  }, []), i = y(() => n([]), []);
   return {
-    entries: t,
-    pushSegment: i,
-    clear: l,
-    latest: t.length > 0 ? t[t.length - 1] : null
+    entries: e,
+    pushSegment: r,
+    clear: i,
+    latest: e.length > 0 ? e[e.length - 1] : null
   };
 }
 export {
-  Ft as AvatarWidget,
-  it as ErrorBoundary,
-  Gt as LiveLayerWidget,
-  ht as useAgentInfo,
-  ot as useAudioLevel,
-  ct as useCameraState,
-  ft as useDisplayMode,
-  yt as useDisplayModePersistence,
-  bt as useIsMobile,
-  lt as useLiveKitSession,
-  ut as useMediaDevices,
-  at as useMicrophoneState,
-  dt as useScreenShareState,
-  Kt as useTranscript
+  Wn as AvatarWidget,
+  Ht as ErrorBoundary,
+  Gn as LiveLayerRegion,
+  qn as LiveLayerWidget,
+  $n as clearPageContextCache,
+  zn as extractPageContext,
+  wt as getCachedPageContext,
+  un as matchesPattern,
+  hn as shouldRenderAtPath,
+  Kt as useAgentInfo,
+  Ft as useAudioLevel,
+  qt as useCameraState,
+  Qt as useDisplayMode,
+  tn as useDisplayModePersistence,
+  rn as useIsMobile,
+  jt as useLiveKitSession,
+  Yt as useMediaDevices,
+  Vt as useMicrophoneState,
+  ln as usePathname,
+  fn as useRouteMatch,
+  Gt as useScreenShareState,
+  Yn as useTranscript
 };