@livelayer/react 0.2.6 → 0.4.0

package/dist/index.mjs

@@ -1,27 +1,27 @@
 "use client";
-import { jsxs as _, jsx as e, Fragment as Ze } from "react/jsx-runtime";
-import { Component as et, useState as k, useRef as L, 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 L, jsx as n, Fragment as $t } from "react/jsx-runtime";
+import { Component as Zt, useState as S, useRef as R, useEffect as I, useCallback as _, useMemo as je, forwardRef as rt, createElement as en } from "react";
+import { LiveKitSession as tn } from "@livelayer/sdk";
+import { createLocalAudioTrack as nn, Track as zt, createLocalVideoTrack as rn } from "livekit-client";
+class on extends Zt {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
     };
   }
-  static getDerivedStateFromError(n) {
-    return { hasError: !0, error: n };
+  static getDerivedStateFromError(t) {
+    return { hasError: !0, error: t };
   }
-  componentDidCatch(n, i) {
-    var l, r;
-    (r = (l = this.props).onError) == null || r.call(l, n, i);
+  componentDidCatch(t, r) {
+    var i, o;
+    (o = (i = this.props).onError) == null || o.call(i, t, 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(
+    var t;
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ L("div", { className: "ll-error-boundary", role: "alert", children: [
+      /* @__PURE__ */ n("p", { className: "ll-error-boundary__title", children: "Widget crashed" }),
+      /* @__PURE__ */ n("p", { className: "ll-error-boundary__message", children: ((t = this.state.error) == null ? void 0 : t.message) || "Something went wrong." }),
+      /* @__PURE__ */ n(
         "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 = L(null), R = L(t.onDataMessage);
-  R.current = t.onDataMessage, S(() => {
-    const w = {
-      onConnectionStateChange: (y) => {
-        i(y), y === "connected" && D(null);
+function ln(e) {
+  const [t, r] = S("idle"), [i, o] = S("idle"), [l, s] = S([]), [d, u] = S(null), [g, p] = S(null), [a, c] = S(null), [N, E] = S(!1), [A, z] = S(null), T = R(null), $ = R(e.onDataMessage);
+  $.current = e.onDataMessage, I(() => {
+    const y = {
+      onConnectionStateChange: (w) => {
+        r(w), w === "connected" && z(null);
       },
-      onAgentStateChange: r,
-      onTranscript: (y) => c([...y]),
-      onAgentConfig: d,
-      onAudioTrack: (y) => a(y),
-      onVideoTrack: (y) => p(y),
+      onAgentStateChange: o,
+      onTranscript: (w) => s([...w]),
+      onAgentConfig: u,
+      onAudioTrack: (w) => c(w),
+      onVideoTrack: (w) => p(w),
       onVideoTrackRemoved: () => p(null),
-      onError: (y) => D(y),
-      onDataMessage: (y) => {
-        var A;
-        (A = R.current) == null || A.call(R, y);
+      onError: (w) => z(w),
+      onDataMessage: (w) => {
+        var H;
+        (H = $.current) == null || H.call($, w);
       },
-      onResumabilityChange: b
-    }, x = new tt(
+      onResumabilityChange: E
+    }, C = new tn(
       {
-        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
+      y
     );
-    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 T.current = C, r("idle"), o("idle"), s([]), u(null), p(null), c(null), E(!1), z(null), () => {
+      var w;
+      (w = C.destroy) == null || w.call(C), T.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 M = _(async () => {
+    const y = T.current;
+    if (y)
       try {
-        await w.connect();
-      } catch (x) {
-        throw D(x instanceof Error ? x.message : String(x)), x;
+        await y.connect();
+      } catch (C) {
+        throw z(C instanceof Error ? C.message : String(C)), C;
       }
-  }, []), z = g(() => {
-    const w = E.current;
-    w && w.disconnect();
-  }, []), I = g(() => {
-    var w;
-    return ((w = E.current) == null ? void 0 : w.getRoom()) ?? null;
+  }, []), D = _(() => {
+    const y = T.current;
+    y && y.disconnect();
+  }, []), m = _(() => {
+    var y;
+    return ((y = T.current) == null ? void 0 : y.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
+    connectionState: t,
+    agentState: i,
+    transcript: l,
+    agentConfig: d,
+    videoElement: g,
+    audioElement: a,
+    canResume: N,
+    error: A,
+    connect: M,
+    disconnect: D,
+    getRoom: m,
+    session: T.current
   };
 }
-function ot() {
-  const t = L(null), n = L(null), i = L(null), l = L(null), r = L(/* @__PURE__ */ new Set()), s = L(null), c = g(() => {
-    const o = n.current;
-    if (!o) {
-      l.current = null;
+function an() {
+  const e = R(null), t = R(null), r = R(null), i = R(null), o = R(/* @__PURE__ */ new Set()), l = R(null), s = _(() => {
+    const a = t.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 N = 0;
+    for (let A = 0; A < c.length; A++) N += c[A];
+    const E = N / c.length / 255;
+    for (const A of o.current)
       try {
-        N(b);
-      } catch (D) {
-        console.error("[useAudioLevel] subscriber threw:", D);
+        A(E);
+      } catch (z) {
+        console.error("[useAudioLevel] subscriber threw:", z);
       }
-    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(s);
+  }, []), d = _(() => {
+    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, t.current = c;
+  }, []), u = _(
+    (a) => {
+      if (d(), !(!e.current || !t.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(t.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(s));
       }
     },
-    [m, c]
-  ), f = g(() => {
-    if (l.current !== null && (cancelAnimationFrame(l.current), l.current = null), i.current) {
+    [d, s]
+  ), g = _(() => {
+    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);
+  }, []), p = _((a) => (o.current.add(a), () => {
+    o.current.delete(a);
   }), []);
-  return S(() => () => {
-    if (f(), n.current) {
+  return I(() => () => {
+    if (g(), t.current) {
       try {
-        n.current.disconnect();
+        t.current.disconnect();
       } catch {
       }
-      n.current = null;
+      t.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: u, detach: g, subscribe: p };
 }
-function at() {
-  const [t, n] = k(!1), [i, l] = k(null), r = L(null), s = L(null), c = g(async (p) => {
-    if (r.current && s.current) {
+function cn() {
+  const [e, t] = S(!1), [r, i] = S(null), o = R(null), l = R(null), s = _(async (p) => {
+    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 = p, i(null);
     try {
-      const o = await nt({
+      const a = await nn({
         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 p.localParticipant.publishTrack(a), o.current = a, t(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) {
+  }, []), d = _(() => {
+    const p = o.current;
+    p && (p.isMuted ? (p.unmute(), t(!1)) : (p.mute(), t(!0)));
+  }, []), u = _(() => {
+    const p = o.current, a = l.current;
+    if (p && a) {
       try {
-        o.localParticipant.unpublishTrack(p);
+        a.localParticipant.unpublishTrack(p);
       } catch {
       }
       p.stop();
     }
-    r.current = null, s.current = null, n(!1);
-  }, []), f = g(() => l(null), []);
+    o.current = null, l.current = null, t(!1);
+  }, []), g = _(() => i(null), []);
   return {
-    isMuted: t,
-    micError: i,
-    toggleMute: m,
-    setupMic: c,
-    teardownMic: d,
-    clearError: f
+    isMuted: e,
+    micError: r,
+    toggleMute: d,
+    setupMic: s,
+    teardownMic: u,
+    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 = L(null), f = L(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 sn = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function dn() {
+  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), [s, d] = S(""), u = R(null), g = R(null), p = _((T) => {
+    u.current = T;
+  }, []), a = _(() => {
+    const T = u.current, $ = g.current;
+    if ($ && T) {
+      const M = T.localParticipant.getTrackPublication(zt.Source.Camera);
+      if (M != null && M.track) {
         try {
-          E.localParticipant.unpublishTrack(T.track);
+          T.localParticipant.unpublishTrack(M.track);
         } catch {
         }
-        T.track.stop();
+        M.track.stop();
       } else
-        R.stop();
+        $.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), t(!1);
+  }, []), c = _(async (T) => {
+    const $ = u.current;
+    if ($) {
+      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 M = { ...sn };
+        T && (M.deviceId = T);
+        const D = await rn(M);
+        await $.localParticipant.publishTrack(D), g.current = D;
+        const m = D.attach();
+        l(m), t(!0), T && d(T);
         try {
-          R.localParticipant.publishData(
+          $.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 (M) {
+        const D = M instanceof Error && M.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        i(D);
       }
     }
-  }, []), 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();
+  }, []), N = _(async () => {
+    e ? a() : await c(s || void 0);
+  }, [e, s, a, c]), E = _(async (T) => {
+    a(), await c(T);
+  }, [a, c]), A = _(() => {
+    a(), u.current = null, i(null), d("");
+  }, [a]), z = _(() => i(null), []);
+  return I(() => () => {
+    g.current && g.current.stop();
   }, []), {
-    isEnabled: t,
-    error: i,
-    previewEl: r,
-    activeDeviceId: c,
-    toggle: C,
-    switchDevice: b,
+    isEnabled: e,
+    error: r,
+    previewEl: o,
+    activeDeviceId: s,
+    toggle: N,
+    switchDevice: E,
     attachRoom: p,
-    teardown: N,
-    clearError: D
+    teardown: A,
+    clearError: z
   };
 }
-function dt() {
-  const [t, n] = k(!1), [i, l] = k(null), [r, s] = k(null), c = L(null), m = g((a) => {
-    c.current = a;
-  }, []), d = g(() => s(null), []), f = g(async () => {
-    const a = c.current;
-    if (a) {
-      if (t) {
+function un() {
+  const [e, t] = S(!1), [r, i] = S(null), [o, l] = S(null), s = R(null), d = _((c) => {
+    s.current = c;
+  }, []), u = _(() => l(null), []), g = _(async () => {
+    const c = s.current;
+    if (c) {
+      if (e) {
         try {
-          await a.localParticipant.setScreenShareEnabled(!1);
+          await c.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
-        d(), n(!1);
+        u(), t(!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 N = 0;
+        const E = () => {
+          const A = c.localParticipant.getTrackPublication(zt.Source.ScreenShare);
+          if (A != null && A.track) {
+            const z = A.track.attach();
+            l(z), t(!0);
             try {
-              a.localParticipant.publishData(
+              c.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -316,142 +316,202 @@ function dt() {
             }
             return;
           }
-          C++ < 10 ? setTimeout(b, 100) : n(!0);
+          N++ < 10 ? setTimeout(E, 100) : t(!0);
         };
-        b();
-      } catch (C) {
-        const b = C instanceof Error ? C.name : "";
-        b !== "NotAllowedError" && b !== "AbortError" && l("Screen share unavailable. Try again."), n(!1);
+        E();
+      } catch (N) {
+        const E = N instanceof Error ? N.name : "";
+        E !== "NotAllowedError" && E !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [t, d]), p = g(() => {
-    const a = c.current;
-    if (a && t)
+  }, [e, u]), p = _(() => {
+    const c = s.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 };
+    u(), t(!1), i(null), s.current = null;
+  }, [e, u]), a = _(() => i(null), []);
+  return { isEnabled: e, error: r, previewEl: o, toggle: g, attachRoom: d, teardown: p, clearError: a };
 }
-function ut() {
-  const [t, n] = k([]), [i, l] = k([]), r = g(async () => {
+function fn() {
+  const [e, t] = S([]), [r, i] = S([]), o = _(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();
+        t(l.filter((s) => s.kind === "audioinput")), i(l.filter((s) => s.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 pn(e, t, r = !1) {
+  const [i, o] = S(null), [l, s] = S(null), [d, u] = S(!r && !!e);
+  return I(() => {
+    if (r || !e) {
+      u(!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(), p = t || "https://app.livelayer.studio";
+    return u(!0), s(null), fetch(`${p}/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), u(!1));
+    }).catch((a) => {
+      g.signal.aborted || (s(a instanceof Error ? a.message : "Agent lookup failed"), u(!1));
+    }), () => g.abort();
+  }, [e, t, r]), { info: i, error: l, loading: d };
 }
-function pt(t) {
+function hn(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 mn(e, t) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(t, n);
+      window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function ft({
-  value: t,
-  defaultValue: n = "expanded",
-  onChange: i
+function gn({
+  value: e,
+  defaultValue: t = "expanded",
+  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] = S(t), s = i ? e : o, d = _(
+    (u) => {
+      u !== s && (i || l(u), r == null || r(u));
     },
-    [c, l, i]
+    [s, i, r]
   );
-  return [c, m];
+  return [s, d];
 }
-const gt = ["hidden", "minimized", "expanded"];
-function vt(t) {
-  return t && gt.includes(t) ? t : null;
+const yn = ["hidden", "minimized", "expanded"];
+function vn(e) {
+  return e && yn.includes(e) ? e : null;
 }
-function yt({
-  value: t,
-  defaultValue: n = "expanded",
-  onChange: i,
-  persistKey: l = "ll-widget",
-  disablePersistence: r = !1
+function bn({
+  value: e,
+  defaultValue: t = "expanded",
+  onChange: r,
+  persistKey: i = "ll-widget",
+  disablePersistence: o = !1
 } = {}) {
-  const s = `${l}:display-mode`, c = L(!1), [m, d] = ft({
-    value: t,
-    defaultValue: n,
-    onChange: (f) => {
-      t === void 0 && !r && mt(s, f), i == null || i(f);
+  const l = `${i}:display-mode`, s = R(!1), [d, u] = gn({
+    value: e,
+    defaultValue: t,
+    onChange: (g) => {
+      e === void 0 && !o && mn(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 (s.current || (s.current = !0, o || e !== void 0)) return;
+    const g = vn(hn(l));
+    g && g !== d && u(g);
+  }, []), [d, u];
 }
-const _t = 640;
-function bt(t = _t) {
-  const [n, i] = k(!1);
-  return S(() => {
-    if (t === !1) {
-      i(!1);
+const wn = 640;
+function _n(e = wn) {
+  const [t, r] = S(!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]), t;
+}
+const xt = "__llHistoryPatched", We = "ll:pathname";
+function xn() {
+  if (typeof window > "u" || window.history[xt]) return;
+  const e = window.history.pushState, t = window.history.replaceState;
+  window.history.pushState = function(...r) {
+    const i = e.apply(this, r);
+    return window.dispatchEvent(new Event(We)), i;
+  }, window.history.replaceState = function(...r) {
+    const i = t.apply(this, r);
+    return window.dispatchEvent(new Event(We)), i;
+  }, window.history[xt] = !0;
+}
+function kt() {
+  return typeof window > "u" ? "/" : window.location.pathname || "/";
+}
+function kn(e) {
+  const [t, r] = S(
+    () => e ?? kt()
+  );
+  return I(() => {
+    if (e !== void 0) return;
+    xn();
+    const i = () => r(kt());
+    return i(), window.addEventListener("popstate", i), window.addEventListener(We, i), () => {
+      window.removeEventListener("popstate", i), window.removeEventListener(We, i);
+    };
+  }, [e]), e ?? t;
+}
+const Lt = /* @__PURE__ */ new Map(), Ln = /[\\^$+?.()|{}[\]]/g;
+function En(e) {
+  return e.replace(Ln, "\\$&");
+}
+function Cn(e) {
+  const t = Lt.get(e);
+  if (t) return t;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "
", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), d = En(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), u = new RegExp(`^${d}\\/?$`);
+  return Lt.set(e, u), u;
+}
+function Sn(e, t) {
+  const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
+  return Cn(e).test(r);
+}
+function Nn(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Sn(e, t);
+}
+function Et(e, t) {
+  if (!e || e.length === 0) return !1;
+  for (const r of e)
+    if (Nn(r, t)) return !0;
+  return !1;
 }
-const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ _(
+function An(e, t, r) {
+  return e === void 0 ? !0 : Et(r, e) ? !1 : t && t.length > 0 ? Et(t, e) : !0;
+}
+function Mn(e, t, r) {
+  return je(
+    () => An(e, t, r),
+    [e, t, r]
+  );
+}
+const Ct = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ L(
   "svg",
   {
-    className: n,
+    className: t,
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ n(
         "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__ */ n(
         "path",
         {
           strokeLinecap: "round",
@@ -469,16 +529,16 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ _(
       )
     ]
   }
-) : /* @__PURE__ */ e(
+) : /* @__PURE__ */ n(
   "svg",
   {
-    className: n,
+    className: t,
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
     "aria-hidden": "true",
-    children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ n(
       "path",
       {
         strokeLinecap: "round",
@@ -487,16 +547,16 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ _(
       }
     )
   }
-), Be = ({ className: t }) => /* @__PURE__ */ e(
+), St = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
-    className: t,
+    className: e,
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
     "aria-hidden": "true",
-    children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ n(
       "path",
       {
         strokeLinecap: "round",
@@ -505,328 +565,328 @@ const Pe = ({ muted: t = !1, className: n }) => t ? /* @__PURE__ */ _(
       }
     )
   }
-), wt = ({ className: t }) => /* @__PURE__ */ e(
+), Rn = ({ className: e }) => /* @__PURE__ */ n(
   "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__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), kt = {
+), Tn = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, xt = ({ direction: t = "right", className: n }) => /* @__PURE__ */ e(
+}, In = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
-    className: n,
+    className: t,
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${kt[t]}deg)` },
+    style: { transform: `rotate(${Tn[e]}deg)` },
     "aria-hidden": "true",
-    children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
+    children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function Ct(t) {
-  return t === "top-left" || t === "bottom-left" ? "left" : "right";
+function Pn(e) {
+  return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const Fe = "ll-hidden-tab-center-y", Nt = 5, Ue = 16;
-function Et() {
+const Ht = "ll-hidden-tab-center-y", Dn = 5, Nt = 16;
+function $n() {
   if (typeof window > "u") return null;
   try {
-    const t = window.localStorage.getItem(Fe);
-    if (!t) return null;
-    const n = Number.parseFloat(t);
-    return Number.isFinite(n) ? n : null;
+    const e = window.localStorage.getItem(Ht);
+    if (!e) return null;
+    const t = Number.parseFloat(e);
+    return Number.isFinite(t) ? t : null;
   } catch {
     return null;
   }
 }
-function $e(t) {
+function At(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Fe, String(t));
+      window.localStorage.setItem(Ht, String(e));
     } catch {
     }
 }
-const St = ({
-  position: t,
-  isMobile: n,
-  isSpeaking: i,
-  onExpand: l,
-  label: r = "Open widget"
+const zn = ({
+  position: e,
+  isMobile: t,
+  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 = L(null), C = L(!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 = Pn(e), s = l === "right" ? "left" : "right", d = t ? 80 : 72, [u, g] = S(null), [p, a] = S(!1), c = R(null), N = R(!1), E = _(
+    (y) => {
+      if (typeof window > "u") return y;
+      const C = d / 2, w = Nt + C, H = window.innerHeight - Nt - C;
+      return H < w ? Math.max(w, y) : Math.max(w, Math.min(H, y));
     },
-    [m]
+    [d]
   );
-  S(() => {
-    const w = Et();
-    f(b(w ?? window.innerHeight / 2));
-    const x = () => {
-      f((y) => y === null ? null : b(y));
+  I(() => {
+    const y = $n();
+    g(E(y ?? window.innerHeight / 2));
+    const C = () => {
+      g((w) => w === null ? null : E(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", C), () => window.removeEventListener("resize", C);
+  }, [E]);
+  const A = _(
+    (y) => {
+      if (!(y.pointerType === "mouse" && y.button !== 0) && u !== null) {
         try {
-          w.currentTarget.setPointerCapture(w.pointerId);
+          y.currentTarget.setPointerCapture(y.pointerId);
         } catch {
         }
-        a.current = {
-          startClientY: w.clientY,
-          startCenterY: d,
+        c.current = {
+          startClientY: y.clientY,
+          startCenterY: u,
           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));
+    [u]
+  ), z = _(
+    (y) => {
+      const C = c.current;
+      if (!C) return;
+      const w = y.clientY - C.startClientY;
+      !C.moved && Math.abs(w) > Dn && (C.moved = !0, a(!0)), C.moved && g(E(C.startCenterY + w));
     },
-    [b]
-  ), E = g(
-    (w) => {
-      const x = a.current;
-      if (x) {
+    [E]
+  ), T = _(
+    (y) => {
+      const C = c.current;
+      if (C) {
         try {
-          w.currentTarget.releasePointerCapture(w.pointerId);
+          y.currentTarget.releasePointerCapture(y.pointerId);
         } catch {
         }
-        a.current = null, x.moved && (o(!1), C.current = !0, f((y) => (y !== null && $e(y), y)));
+        c.current = null, C.moved && (a(!1), N.current = !0, g((w) => (w !== null && At(w), w)));
       }
     },
     []
-  ), R = g(() => {
-    if (C.current) {
-      C.current = !1;
+  ), $ = _(() => {
+    if (N.current) {
+      N.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]), M = _(
+    (y) => {
+      if (y.key === "ArrowUp" || y.key === "ArrowDown") {
+        y.preventDefault();
+        const C = y.key === "ArrowUp" ? -8 : 8;
+        g((w) => {
+          if (w === null) return w;
+          const H = E(w + C);
+          return At(H), H;
         });
       }
     },
-    [b]
-  ), z = [
+    [E]
+  ), D = [
     "ll-hidden",
-    `ll-hidden--${s}`,
-    n ? "ll-hidden--mobile" : "ll-hidden--desktop",
-    i ? "ll-hidden--speaking" : null,
+    `ll-hidden--${l}`,
+    t ? "ll-hidden--mobile" : "ll-hidden--desktop",
+    r ? "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(
+  ].filter(Boolean).join(" "), m = u === null ? void 0 : { top: `${u - d / 2}px`, transform: "none" };
+  return /* @__PURE__ */ n(
     "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: D,
+      onPointerDown: A,
+      onPointerMove: z,
+      onPointerUp: T,
+      onPointerCancel: T,
+      onClick: $,
+      onKeyDown: M,
+      "aria-label": o,
+      "data-position": e,
+      style: m,
+      children: /* @__PURE__ */ n(In, { direction: s, className: "ll-hidden__chevron" })
     }
   );
-}, Lt = ({
-  audioLevel: t,
-  bars: n = 20,
-  maxHeight: i = 20,
-  minHeight: l = 4,
-  className: r,
-  barClassName: s
+}, Hn = ({
+  audioLevel: e,
+  bars: t = 20,
+  maxHeight: r = 20,
+  minHeight: i = 4,
+  className: o,
+  barClassName: l
 }) => {
-  const c = L(null), m = L([]), d = Se(() => {
+  const s = R(null), d = R([]), u = je(() => {
     const p = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: n }, (o, a) => 0.5 + a * p % 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`;
+    return Array.from({ length: t }, (a, c) => 0.5 + c * p % 1 * 0.5);
+  }, [t]);
+  I(() => e.subscribe((a) => {
+    for (let c = 0; c < t; c++) {
+      const N = d.current[c];
+      if (!N) continue;
+      const E = Math.max(i, a * r * u[c]);
+      N.style.height = `${E}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, t, r, i, u]);
+  const g = ["ll-waveform", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: s, className: g, "aria-hidden": "true", children: Array.from({ length: t }, (p, a) => /* @__PURE__ */ n(
     "div",
     {
-      ref: (a) => {
-        m.current[o] = a;
+      ref: (c) => {
+        d.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
   )) });
-}, Mt = ({
-  position: t,
-  isMobile: n,
-  agentName: i,
-  avatarImageUrl: l,
-  agentState: r,
-  isMuted: s,
-  audioLevel: c,
-  onExpand: m,
-  onToggleMute: d,
-  onClose: f
-}) => n ? /* @__PURE__ */ e(
+}, On = ({
+  position: e,
+  isMobile: t,
+  agentName: r,
+  avatarImageUrl: i,
+  agentState: o,
+  isMuted: l,
+  audioLevel: s,
+  onExpand: d,
+  onToggleMute: u,
+  onClose: g
+}) => t ? /* @__PURE__ */ n(
   "div",
   {
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
-    "aria-label": `${i} widget`,
-    children: /* @__PURE__ */ _(
+    "aria-label": `${r} widget`,
+    children: /* @__PURE__ */ L(
       "button",
       {
         type: "button",
         className: "ll-minimized__surface",
-        onClick: m,
-        "aria-label": `Expand ${i} widget`,
+        onClick: d,
+        "aria-label": `Expand ${r} widget`,
         children: [
-          l ? (
+          i ? (
             // eslint-disable-next-line @next/next/no-img-element
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ n(
               "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(
-            Lt,
+          ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
+          /* @__PURE__ */ n(
+            Hn,
             {
-              audioLevel: c,
+              audioLevel: s,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
             }
           ),
-          /* @__PURE__ */ e("span", { className: "ll-minimized__name", children: i }),
-          /* @__PURE__ */ _("div", { className: "ll-minimized__controls", children: [
-            /* @__PURE__ */ e(
+          /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
+          /* @__PURE__ */ L("div", { className: "ll-minimized__controls", children: [
+            /* @__PURE__ */ n(
               "span",
               {
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
                 onClick: (p) => {
-                  p.stopPropagation(), d();
+                  p.stopPropagation(), u();
                 },
                 onKeyDown: (p) => {
-                  (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), p.preventDefault(), d());
+                  (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), p.preventDefault(), u());
                 },
-                "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__ */ n(Ct, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ e(Be, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(St, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
     )
   }
-) : /* @__PURE__ */ e(
+) : /* @__PURE__ */ n(
   "div",
   {
     className: "ll-minimized ll-minimized--desktop",
-    "data-position": t,
+    "data-position": e,
     role: "region",
-    "aria-label": `${i} widget`,
-    children: /* @__PURE__ */ _("div", { className: "ll-minimized__surface", children: [
-      l ? (
+    "aria-label": `${r} widget`,
+    children: /* @__PURE__ */ L("div", { className: "ll-minimized__surface", children: [
+      i ? (
         // eslint-disable-next-line @next/next/no-img-element
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ n(
           "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__ */ _("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__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
+      /* @__PURE__ */ L("div", { className: "ll-minimized__meta", children: [
+        /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
+        /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: o === "speaking" ? "Speaking" : o === "thinking" ? "Thinking" : "Listening" })
       ] }),
-      /* @__PURE__ */ _("div", { className: "ll-minimized__controls", children: [
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ L("div", { className: "ll-minimized__controls", children: [
+        /* @__PURE__ */ n(
           "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: u,
+            "aria-label": l ? "Unmute microphone" : "Mute microphone",
+            children: /* @__PURE__ */ n(Ct, { muted: l, className: "ll-minimized__icon" })
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: m,
-            "aria-label": `Expand ${i} widget`,
-            children: /* @__PURE__ */ e(Be, { className: "ll-minimized__icon" })
+            onClick: d,
+            "aria-label": `Expand ${r} widget`,
+            children: /* @__PURE__ */ n(St, { className: "ll-minimized__icon" })
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ n(
           "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__ */ n(Rn, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), It = ({
-  src: t,
-  alt: n,
-  preCannedPlaying: i = !1,
-  className: l,
-  style: r
+), Bn = ({
+  src: e,
+  alt: t,
+  preCannedPlaying: r = !1,
+  className: i,
+  style: o
 }) => {
-  const [s, c] = k(!1), m = L(t);
-  if (S(() => {
-    m.current !== t && (m.current = t, c(!1));
-  }, [t]), !t) return null;
-  const d = {
+  const [l, s] = S(!1), d = R(e);
+  if (I(() => {
+    d.current !== e && (d.current = e, s(!1));
+  }, [e]), !e) return null;
+  const u = {
     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__ */ n(
       "img",
       {
-        src: t,
-        alt: n,
-        className: l,
-        style: d,
+        src: e,
+        alt: t,
+        className: i,
+        style: u,
         loading: "eager",
         fetchpriority: "high",
-        onLoad: () => c(!0)
+        onLoad: () => s(!0)
       }
     )
   );
-}, At = ({
-  position: t,
-  isMobile: n,
-  agentName: i,
-  avatarImageUrl: l,
-  idleLoopUrl: r,
-  greeting: s,
-  branding: c,
-  teamMembers: m,
-  currentTeamMemberId: d,
-  isSwitchingTeamMember: f,
+}, Un = ({
+  position: e,
+  isMobile: t,
+  agentName: r,
+  avatarImageUrl: i,
+  idleLoopUrl: o,
+  greeting: l,
+  branding: s,
+  teamMembers: d,
+  currentTeamMemberId: u,
+  isSwitchingTeamMember: g,
   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
+  onToggleTeamSwitcher: a,
+  onSelectTeamMember: c,
+  languageMenuOpen: N,
+  onToggleLanguageMenu: E,
+  connectionState: A,
+  agentState: z,
+  transcript: T,
+  canResume: $,
+  needsUserGesture: M,
+  error: D,
+  isMuted: m,
+  micError: y,
+  micDevices: C,
+  isCameraEnabled: w,
+  cameraPreviewEl: H,
+  cameraDevices: K,
+  activeCameraId: se,
+  isScreenShareEnabled: X,
+  screenPreviewEl: J,
+  isSpeakerMuted: de,
+  allowCamera: De,
+  allowScreenShare: $e,
+  allowTyping: ze,
+  avatarVideoContainerRef: He,
+  onConnect: ue,
+  onDisconnect: me,
+  onRetry: ge,
+  onResumeAudio: ye,
+  onToggleMute: ve,
+  onToggleCamera: be,
+  onSwitchCameraDevice: we,
+  onToggleScreenShare: B,
+  onToggleSpeaker: Ye,
+  onSendMessage: Oe,
+  onMinimize: Be,
+  onClose: Ce,
+  onClearMicError: Se
 }) => {
-  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 = L(null), oe = L(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 Re;
+  const re = T.length > 0 ? T[T.length - 1] : null, fe = ((d == null ? void 0 : d.length) ?? 0) > 1, _e = A === "connecting" || A === "connected", Q = A === "connected", W = A === "idle" || A === "disconnected" || A === "error", Ne = R(null), ie = R(null);
+  I(() => {
+    const h = Ne.current;
+    h && (h.innerHTML = "", H && (H.style.width = "100%", H.style.height = "100%", H.style.objectFit = "cover", H.style.transform = "scaleX(-1)", h.appendChild(H)));
+  }, [H]), I(() => {
+    const h = ie.current;
+    h && (h.innerHTML = "", J && (J.style.width = "100%", J.style.height = "100%", J.style.objectFit = "contain", h.appendChild(J)));
+  }, [J]);
+  const [Y, ne] = S(!1), [oe, V] = S(!1);
+  I(() => {
+    if (!Y && !oe && !N && !p) return;
     const h = () => {
-      ae(!1), J(!1), C && b(), p && o();
+      ne(!1), V(!1), N && E(), p && a();
     };
     return document.addEventListener("click", h), () => document.removeEventListener("click", h);
   }, [
-    q,
-    se,
-    C,
+    Y,
+    oe,
+    N,
     p,
-    b,
-    o
+    E,
+    a
   ]);
-  const [ce, de] = k(""), B = g(
+  const [G, le] = S(""), Ae = _(
     (h) => {
       h.preventDefault();
-      const W = ce.trim();
-      W && (ee(W), de(""));
+      const q = G.trim();
+      q && (Oe(q), le(""));
     },
-    [ce, ee]
-  ), u = c.productName || "Live Layer", me = H && (O != null && O.text) ? O.text : s || "", Ce = [
+    [G, Oe]
+  ), Ge = s.productName || "Live Layer", xe = Q && (re != null && re.text) ? re.text : l || "", Me = [
     "ll-expanded",
-    n ? "ll-expanded--mobile" : "ll-expanded--desktop"
+    t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ L(
     "div",
     {
-      className: Ce,
-      "data-position": t,
-      "data-state": H ? "connected" : le ? "connecting" : "idle",
+      className: Me,
+      "data-position": e,
+      "data-state": Q ? "connected" : _e ? "connecting" : "idle",
       role: "dialog",
-      "aria-label": `${i} widget`,
+      "aria-label": `${r} widget`,
       children: [
-        /* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
-          l ? /* @__PURE__ */ e(
-            It,
+        /* @__PURE__ */ L("div", { className: "ll-expanded__bg", children: [
+          i ? /* @__PURE__ */ n(
+            Bn,
             {
-              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__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((Re = r == null ? void 0 : r.charAt(0)) == null ? void 0 : Re.toUpperCase()) || "A" }) }),
+          o && !Q && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
-              src: r,
+              src: o,
               autoPlay: !0,
               loop: !0,
               muted: !0,
@@ -968,58 +1028,58 @@ 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__ */ n("div", { ref: He, className: "ll-expanded__video" }),
+        A === "connecting" && /* @__PURE__ */ L("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+          /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
+          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: g ? "Switching..." : "Connecting..." })
         ] }),
-        T && H && /* @__PURE__ */ _(
+        M && Q && /* @__PURE__ */ L(
           "button",
           {
             type: "button",
             className: "ll-expanded__overlay ll-expanded__overlay--gesture",
-            onClick: xe,
+            onClick: ye,
             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__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
+              /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
             ]
           }
         ),
-        le ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
-          /* @__PURE__ */ _("div", { className: "ll-expanded__topbar-left", children: [
-            /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ _(
+        _e ? /* @__PURE__ */ L("div", { className: "ll-expanded__topbar", children: [
+          /* @__PURE__ */ L("div", { className: "ll-expanded__topbar-left", children: [
+            /* @__PURE__ */ L("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ L(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill",
                   onClick: (h) => {
-                    Y && (h.stopPropagation(), o());
+                    fe && (h.stopPropagation(), a());
                   },
-                  "aria-haspopup": Y ? "listbox" : void 0,
-                  "aria-expanded": Y ? p : void 0,
+                  "aria-haspopup": fe ? "listbox" : void 0,
+                  "aria-expanded": fe ? p : void 0,
                   children: [
-                    /* @__PURE__ */ e("span", { className: "ll-hpill__label", children: i }),
-                    Y && /* @__PURE__ */ e(_e, {})
+                    /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
+                    fe && /* @__PURE__ */ n(Fe, {})
                   ]
                 }
               ),
-              Y && p && /* @__PURE__ */ e(
+              fe && p && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
                   onClick: (h) => h.stopPropagation(),
                   role: "listbox",
-                  children: m == null ? void 0 : m.map((h) => /* @__PURE__ */ _(
+                  children: d == null ? void 0 : d.map((h) => /* @__PURE__ */ L(
                     "button",
                     {
                       type: "button",
-                      className: `ll-hmenu__item ${h.id === d ? "is-active" : ""}`,
-                      onClick: () => a(h.id),
+                      className: `ll-hmenu__item ${h.id === u ? "is-active" : ""}`,
+                      onClick: () => c(h.id),
                       role: "option",
-                      "aria-selected": h.id === d,
+                      "aria-selected": h.id === u,
                       children: [
-                        h.avatarImageUrl && /* @__PURE__ */ e(
+                        h.avatarImageUrl && /* @__PURE__ */ n(
                           "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__ */ n("span", { className: "ll-hmenu__name", children: h.name }),
+                        h.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: h.role })
                       ]
                     },
                     h.id
@@ -1036,301 +1096,316 @@ const St = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
-              /* @__PURE__ */ _(
+            /* @__PURE__ */ L("div", { className: "ll-expanded__pill-wrap", children: [
+              /* @__PURE__ */ L(
                 "button",
                 {
                   type: "button",
                   className: "ll-hpill ll-hpill--compact",
                   onClick: (h) => {
-                    h.stopPropagation(), b();
+                    h.stopPropagation(), E();
                   },
                   "aria-haspopup": "listbox",
-                  "aria-expanded": C,
+                  "aria-expanded": N,
                   "aria-label": "Language: English",
                   title: "Language: English",
                   children: [
-                    /* @__PURE__ */ e("span", { className: "ll-hpill__label", children: "EN" }),
-                    /* @__PURE__ */ e(_e, {})
+                    /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
+                    /* @__PURE__ */ n(Fe, {})
                   ]
                 }
               ),
-              C && /* @__PURE__ */ e(
+              N && /* @__PURE__ */ n(
                 "div",
                 {
                   className: "ll-hmenu",
                   onClick: (h) => h.stopPropagation(),
                   role: "listbox",
-                  children: /* @__PURE__ */ e(
+                  children: /* @__PURE__ */ n(
                     "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__ */ n("span", { className: "ll-hmenu__name", children: "English" })
                     }
                   )
                 }
               )
             ] }),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ n(
               "span",
               {
-                className: `ll-expanded__state ll-expanded__state--${D}`,
-                children: D
+                className: `ll-expanded__state ll-expanded__state--${z}`,
+                children: z
               }
             )
           ] }),
-          /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
-            /* @__PURE__ */ e(
+          /* @__PURE__ */ L("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-hbtn",
-                onClick: ie,
+                onClick: Be,
                 "aria-label": "Minimize widget",
                 title: "Minimize",
-                children: /* @__PURE__ */ e(Ve, {})
+                children: /* @__PURE__ */ n(Rt, {})
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-hbtn ll-hbtn--danger",
-                onClick: V,
-                "aria-label": "End conversation",
-                title: "End conversation",
-                children: /* @__PURE__ */ e(je, {})
+                onClick: Ce,
+                "aria-label": "End call",
+                title: "End call",
+                children: /* @__PURE__ */ n(Mt, {})
               }
             )
           ] })
         ] }) : (
           // 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__ */ _("div", { className: "ll-expanded__header-actions", children: [
-              /* @__PURE__ */ e(
+          /* @__PURE__ */ L("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ge }),
+            /* @__PURE__ */ L("div", { className: "ll-expanded__header-actions", children: [
+              /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: ie,
+                  onClick: Be,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ e(Ve, {})
+                  children: /* @__PURE__ */ n(Rt, {})
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: V,
+                  onClick: Ce,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ e(je, {})
+                  children: /* @__PURE__ */ n(Mt, {})
                 }
               )
             ] })
           ] })
         ),
-        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" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ _(
+        W && /* @__PURE__ */ (() => {
+          const h = $ ? "Restart paused session" : A === "disconnected" ? "Reconnect to agent" : "Start video call", q = $ ? "Pick up where you left off" : null;
+          return /* @__PURE__ */ L($t, { children: [
+            A === "idle" && !$ && !D && /* @__PURE__ */ L(
+              "button",
+              {
+                type: "button",
+                className: "ll-expanded__play",
+                onClick: ue,
+                "aria-label": h,
+                children: [
+                  /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
+                  /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: h })
+                ]
+              }
+            ),
+            /* @__PURE__ */ L("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+              l && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: l }) }),
+              q && /* @__PURE__ */ n("p", { className: "ll-expanded__cta-sublabel", children: q }),
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  className: "ll-expanded__cta",
+                  onClick: ue,
+                  "aria-label": h,
+                  children: h
+                }
+              )
+            ] })
+          ] });
+        })(),
+        /* @__PURE__ */ L(
           "div",
           {
-            className: `ll-expanded__pip ${le && (y || $) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${_e && (w || X) ? "is-visible" : ""}`,
             children: [
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: oe,
-                  className: $ ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: ie,
+                  className: X ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: pe,
-                  className: !$ && y ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: Ne,
+                  className: !X && 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 }) }),
-          /* @__PURE__ */ _("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
-            P && /* @__PURE__ */ e(
+        _e ? /* @__PURE__ */ L("div", { className: "ll-expanded__bottom", children: [
+          xe && /* @__PURE__ */ n("div", { className: "ll-expanded__transcript", children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: xe }) }),
+          /* @__PURE__ */ L("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
+            $e && /* @__PURE__ */ n(
               "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 ${X ? "is-on" : ""}`,
+                onClick: B,
+                "aria-label": X ? "Stop sharing screen" : "Share screen",
+                title: X ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ n(Fn, {})
               }
             ),
-            re && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
-              /* @__PURE__ */ e(
+            De && /* @__PURE__ */ L("div", { className: "ll-tool-split", children: [
+              /* @__PURE__ */ n(
                 "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__ */ n(qn, {})
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ n(
                 "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(), V((q) => !q), ne(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": se,
-                  children: /* @__PURE__ */ e(_e, {})
+                  "aria-expanded": oe,
+                  children: /* @__PURE__ */ n(Fe, {})
                 }
               ),
-              se && X.length > 0 && /* @__PURE__ */ e(
-                Oe,
+              oe && K.length > 0 && /* @__PURE__ */ n(
+                Tt,
                 {
                   label: "Camera",
-                  devices: X,
-                  activeId: ne,
+                  devices: K,
+                  activeId: se,
                   onPick: (h) => {
-                    J(!1), ve(h);
+                    V(!1), we(h);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
-              /* @__PURE__ */ e(
+            /* @__PURE__ */ L("div", { className: "ll-tool-split", children: [
+              /* @__PURE__ */ n(
                 "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 ${m ? "is-muted" : ""}`,
+                  onClick: ve,
+                  "aria-label": m ? "Unmute microphone" : "Mute microphone",
+                  title: m ? "Unmute" : "Mute",
+                  children: /* @__PURE__ */ n(jn, { muted: m })
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--right ${I ? "is-muted" : ""}`,
+                  className: `ll-tool ll-tool--right ${m ? "is-muted" : ""}`,
                   onClick: (h) => {
-                    h.stopPropagation(), ae((W) => !W), J(!1);
+                    h.stopPropagation(), ne((q) => !q), V(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": q,
-                  children: /* @__PURE__ */ e(_e, {})
+                  "aria-expanded": Y,
+                  children: /* @__PURE__ */ n(Fe, {})
                 }
               ),
-              q && x.length > 0 && /* @__PURE__ */ e(
-                Oe,
+              Y && C.length > 0 && /* @__PURE__ */ n(
+                Tt,
                 {
                   label: "Microphone",
-                  devices: x,
+                  devices: C,
                   activeId: "",
-                  onPick: () => ae(!1)
+                  onPick: () => ne(!1)
                 }
               )
             ] }),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ n(
               "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 ${de ? "is-muted" : ""}`,
+                onClick: Ye,
+                "aria-label": de ? "Unmute speaker" : "Mute speaker",
+                title: de ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(Wn, { muted: de })
               }
             )
           ] }),
-          be && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: B, children: [
-            /* @__PURE__ */ e(
+          ze && /* @__PURE__ */ L("form", { className: "ll-message-input", onSubmit: Ae, children: [
+            /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: ce,
-                onChange: (h) => de(h.target.value),
+                value: G,
+                onChange: (h) => le(h.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            ce.trim() && /* @__PURE__ */ e(
+            G.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ e(Pt, {})
+                children: /* @__PURE__ */ n(Vn, {})
               }
             )
           ] }),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ n(
             "button",
             {
               type: "button",
               className: "ll-expanded__end",
-              onClick: ue,
+              onClick: me,
               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")
-            return /* @__PURE__ */ _("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ e("span", { children: w }),
-              /* @__PURE__ */ e(
+          if (y && A !== "error")
+            return /* @__PURE__ */ L("div", { className: "ll-expanded__banner", role: "alert", children: [
+              /* @__PURE__ */ n("span", { children: y }),
+              /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-expanded__banner-x",
-                  onClick: K,
+                  onClick: Se,
                   "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 (!D || A !== "error") return null;
+          let h = "Failed to connect", q = "Try again";
+          return D === "MIC_PERMISSION_DENIED" ? h = "Microphone blocked. Allow access to talk." : D === "MIC_NOT_FOUND" ? h = "No microphone found. Plug one in + retry." : D === "MIC_UNAVAILABLE" ? h = "Mic unavailable. Check other apps using it." : D === "AGENT_TIMEOUT" ? h = "Agent didn't pick up. Try again." : D === "CONNECT_FAILED" ? h = "Connection failed. Check your network." : D.length < 80 && (h = D), /* @__PURE__ */ L("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: h }),
+            /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: ke,
-                children: W
+                onClick: ge,
+                children: q
               }
             )
           ] });
@@ -1339,83 +1414,317 @@ 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 Fe() {
+  return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
 }
-function je() {
-  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" })
+function Mt() {
+  return /* @__PURE__ */ L("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
+    /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function 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 Rt() {
+  return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function Dt() {
-  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" })
+function Fn() {
+  return /* @__PURE__ */ L("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+    /* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
+    /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
+    /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
   ] });
 }
-function Rt() {
-  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" })
+function qn() {
+  return /* @__PURE__ */ L("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+    /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
+    /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
-function Tt({ muted: t }) {
-  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" })
+function jn({ muted: e }) {
+  return /* @__PURE__ */ L("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+    /* @__PURE__ */ n("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
+    /* @__PURE__ */ n("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+    /* @__PURE__ */ n("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
+    e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function zt({ muted: t }) {
-  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" })
+function Wn({ muted: e }) {
+  return /* @__PURE__ */ L("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+    /* @__PURE__ */ n("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ L($t, { children: [
+      /* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
+      /* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
-function Pt() {
-  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" })
+function Vn() {
+  return /* @__PURE__ */ L("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+    /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
+    /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-const Oe = ({ label: t, devices: n, activeId: i, onPick: l }) => /* @__PURE__ */ _(
+const Tt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ L(
   "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;
-        return /* @__PURE__ */ _(
+      /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
+      t.map((o, l) => {
+        const s = r === o.deviceId;
+        return /* @__PURE__ */ L(
           "button",
           {
             type: "button",
-            className: `ll-device-menu__item ${c ? "is-active" : ""}`,
-            onClick: () => l(r.deviceId),
+            className: `ll-device-menu__item ${s ? "is-active" : ""}`,
+            onClick: () => i(o.deviceId),
             role: "option",
-            "aria-selected": c,
+            "aria-selected": s,
             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}` })
+              s && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+              /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: o.label || `${e} ${l + 1}` })
             ]
           },
-          r.deviceId || s
+          o.deviceId || l
         );
       })
     ]
   }
-), Bt = /* @__PURE__ */ new Set([
+), Yn = [
+  '[data-ll-private="true"]',
+  ".ll-widget"
+];
+function it(e) {
+  let t = e;
+  for (; t; ) {
+    for (const r of Yn)
+      if (t.matches(r)) return !0;
+    t = t.parentElement;
+  }
+  return !1;
+}
+function Ve(e) {
+  if (it(e)) return !1;
+  if (e instanceof HTMLInputElement) {
+    if (e.type === "password") return !1;
+    const t = (e.getAttribute("autocomplete") || "").toLowerCase();
+    if (t === "off" || t.startsWith("cc-")) return !1;
+  }
+  return !0;
+}
+const qe = 4096, Gn = 20, Kn = 20, Xn = 10, Jn = 10, Qn = 30, It = 500, Zn = [
+  '[data-ll-private="true"]',
+  ".ll-widget",
+  "script",
+  "style",
+  "noscript",
+  "iframe"
+];
+function Ie(e) {
+  if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
+  let t = e;
+  for (; t; ) {
+    for (const r of Zn)
+      if (t.matches(r)) return !0;
+    t = t.parentElement;
+  }
+  return !1;
+}
+function Pe(e) {
+  if (typeof window > "u") return !0;
+  const t = e.getBoundingClientRect();
+  if (t.width <= 0 || t.height <= 0) return !1;
+  const r = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
+  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
+}
+function Pt(e) {
+  const t = e.getAttribute("id");
+  if (t) {
+    const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
+    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 he(e, t) {
+  return e.length <= t ? e : e.slice(0, t - 1) + "…";
+}
+function ke(e) {
+  return e.length;
+}
+function er(e, t = {}) {
+  const r = t.doc ?? (typeof document < "u" ? document : null);
+  if (!r)
+    return {
+      url: "",
+      title: "",
+      pathname: "/",
+      regions: [],
+      visibleText: "",
+      visibleLinks: [],
+      visibleFields: [],
+      forms: [],
+      extras: e
+    };
+  const i = typeof window < "u" && window.location.href || "", o = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
+    r.querySelectorAll("[data-ll-region]")
+  ), d = [];
+  for (const m of s) {
+    if (d.length >= Xn) break;
+    if (Ie(m) || !Pe(m)) continue;
+    const y = m.getAttribute("data-ll-region") ?? "", C = m.getAttribute("data-ll-intent") ?? void 0, w = he(
+      (m.innerText || m.textContent || "").trim(),
+      It * 2
+    );
+    !y || !w || d.push({ id: y, intent: C, text: w });
+  }
+  const u = [], g = ["H1", "H2", "H3", "H4", "H5", "H6"], p = Array.from(
+    r.querySelectorAll("h1, h2, h3, h4, h5, h6")
+  );
+  for (const m of p) {
+    if (Ie(m) || !Pe(m)) continue;
+    const y = (m.textContent || "").trim();
+    y && u.push(`${m.tagName}: ${he(y, 200)}`);
+  }
+  const a = Array.from(r.querySelectorAll("p, li"));
+  for (const m of a) {
+    if (Ie(m) || !Pe(m) || g.includes(m.tagName)) continue;
+    const y = (m.textContent || "").trim();
+    y.length > 10 && u.push(he(y, It));
+  }
+  const c = u.join(`
+`), N = [], E = Array.from(r.querySelectorAll("a[href]"));
+  for (const m of E) {
+    if (N.length >= Gn) break;
+    if (Ie(m) || !Pe(m)) continue;
+    const y = m.getAttribute("href") || "", C = (m.textContent || "").trim();
+    !y || !C || N.push({ href: y, text: he(C, 100) });
+  }
+  const A = [], z = Array.from(
+    r.querySelectorAll(
+      "input, textarea, select"
+    )
+  );
+  for (const m of z) {
+    if (A.length >= Kn) break;
+    if (Ie(m) || !Ve(m) || !Pe(m)) continue;
+    const y = Pt(m), C = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
+    y && A.push({ label: he(y, 100), type: C });
+  }
+  const T = Array.from(
+    r.querySelectorAll("[data-ll-form]")
+  ), $ = [];
+  for (const m of T) {
+    if ($.length >= Jn) break;
+    if (it(m)) continue;
+    const y = m.getAttribute("data-ll-form") || "";
+    if (!y) continue;
+    const C = m.getAttribute("data-ll-intent") || void 0, w = Array.from(
+      m.querySelectorAll(
+        "[data-ll-field]"
+      )
+    ), H = [];
+    for (const K of w) {
+      if (H.length >= Qn) break;
+      if (!Ve(K)) continue;
+      const se = K.getAttribute("data-ll-field") || "";
+      if (!se) continue;
+      const X = Pt(K) || se, J = K instanceof HTMLInputElement ? K.type : K.tagName.toLowerCase();
+      H.push({ name: se, label: he(X, 100), type: J });
+    }
+    $.push({ id: y, intent: C, fields: H });
+  }
+  const M = {
+    url: i,
+    title: l,
+    pathname: o,
+    regions: d,
+    visibleText: c,
+    visibleLinks: N,
+    visibleFields: A,
+    forms: $,
+    extras: e
+  };
+  let D = ke(JSON.stringify(M.regions)) + ke(M.visibleText) + ke(JSON.stringify(M.visibleLinks)) + ke(JSON.stringify(M.visibleFields));
+  for (; D > qe && M.visibleFields.length > 0; )
+    M.visibleFields.pop(), D = ke(JSON.stringify(M.visibleFields));
+  for (; D > qe && M.visibleLinks.length > 0; )
+    M.visibleLinks.pop(), D -= 80;
+  return ke(M.visibleText) > qe && (M.visibleText = he(M.visibleText, qe - 100)), M;
+}
+let Le = null;
+function Dt(e, t = {}) {
+  const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
+  if (Le && Le.key === o && r - Le.at < 1e3)
+    return Le.ctx;
+  const l = er(e, t);
+  return Le = { key: o, at: r, ctx: l }, l;
+}
+function tr() {
+  Le = null;
+}
+const nr = 200;
+function rr(e) {
+  return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
+}
+function ir(e) {
+  const t = e ?? (typeof document < "u" ? document : null);
+  if (!t) return [];
+  const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
+  for (const s of l) {
+    if (o.length >= nr) break;
+    if (it(s)) continue;
+    const d = s.getAttribute("href") || "";
+    if (!rr(d)) continue;
+    let u = d, g = !0;
+    try {
+      if (typeof window < "u") {
+        const a = new URL(d, r);
+        g = a.origin === r, g && d.startsWith("http") && (u = a.pathname + a.search + a.hash);
+      }
+    } catch {
+      continue;
+    }
+    if (i.has(u)) continue;
+    i.add(u);
+    const p = (s.textContent || "").trim().slice(0, 120);
+    o.push({ href: u, text: p, internal: g });
+  }
+  return o;
+}
+let Ee = null;
+const or = 5e3;
+function lr() {
+  const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
+  if (Ee && Ee.pathname === t && e - Ee.at < or)
+    return Ee.routes;
+  const r = ir();
+  return Ee = { at: e, pathname: t, routes: r }, r;
+}
+function ar() {
+  Ee = null;
+}
+function cr(e, t) {
+  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), o = i == null ? void 0 : i.set;
+  o ? o.call(e, t) : e.value = t;
+}
+function sr(e, t, r = {}) {
+  const i = r.triggerInput ?? !0, o = r.triggerChange ?? !0;
+  if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
+    const l = Object.getOwnPropertyDescriptor(
+      HTMLInputElement.prototype,
+      "checked"
+    ), s = l == null ? void 0 : l.set, d = t === "true" || t === "1" || t === "on";
+    s ? s.call(e, d) : e.checked = d, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    return;
+  }
+  cr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+}
+const dr = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -1423,355 +1732,840 @@ 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",
+  // 0.4.0 — interaction commands
+  "scroll_page",
+  "click",
+  "fill_form",
+  "focus_field",
+  "submit_form",
+  "request_routes"
 ]);
-function Ut(t) {
-  var Ie, Ae, De, Re, Te, ze;
+function ur(e) {
+  var pt, ht, mt, gt, yt, vt;
   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,
+    agentId: t,
+    apiKey: r,
+    baseUrl: i = "https://app.livelayer.studio",
+    sessionEndpoint: o,
+    sessionBody: l,
+    autoConnect: s = !1,
+    displayMode: d,
+    defaultDisplayMode: u = "expanded",
+    onDisplayModeChange: g,
     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(() => {
+    mobileBreakpoint: a = 640,
+    persistKey: c = "ll-widget",
+    disablePersistence: N = !1,
+    teamMembers: E,
+    currentTeamMemberId: A,
+    onTeamMemberChange: z,
+    idleLoopUrl: T,
+    greeting: $,
+    avatarImageUrl: M,
+    agentName: D,
+    branding: m = {},
+    allowCamera: y = !0,
+    allowScreenShare: C = !0,
+    allowTyping: w = !0,
+    showOn: H,
+    hideOn: K,
+    pathname: se,
+    onNavigate: X,
+    onScrollToSelector: J,
+    getPageContext: de,
+    pageContextExtras: De,
+    onScrollPage: $e,
+    onClick: ze,
+    capabilities: He,
+    onConnect: ue,
+    onDisconnect: me,
+    onTranscript: ge,
+    onAgentState: ye,
+    onConnectionStateChange: ve,
+    onAgentEvent: be,
+    onAgentCommand: we,
+    controlledSession: B,
+    className: Ye,
+    style: Oe,
+    zIndex: Be = 2147483647
+  } = e, Ce = kn(se), Se = Mn(Ce, H, K);
+  I(() => {
+    tr(), ar();
+  }, [Ce]);
+  const re = A !== void 0, [fe, _e] = S(() => {
     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 A ?? ((v = E == null ? void 0 : E[0]) == null ? void 0 : v.id);
+  }), Q = re ? A : fe, W = je(
+    () => (E == null ? void 0 : E.find((v) => v.id === Q)) ?? null,
+    [E, Q]
+  ), Ne = (W == null ? void 0 : W.agentId) ?? t, [ie, Y] = bn({
+    value: d,
+    defaultValue: u,
+    onChange: g,
+    persistKey: c,
+    disablePersistence: N
+  }), ne = _n(a), oe = an(), V = cn(), G = dn(), le = un(), Ae = fn(), [Ge, xe] = S(!1), [Me, Re] = S(!1), [h, q] = S(!1), [ot, Ot] = S(!1), [Ke, Bt] = S(!1), Xe = R(X), Je = R(J), Qe = R($e), Ze = R(ze), lt = R(de), at = R(De), ct = R(He), Z = R(null);
+  Xe.current = X, Je.current = J, Qe.current = $e, Ze.current = ze, lt.current = de, at.current = De, ct.current = He;
+  function ae(v) {
+    const f = ct.current;
+    return f ? f.includes(v) : !0;
+  }
+  function ce(v, f) {
+    console.warn(
+      `[LiveLayer] Agent command "${v}" blocked — capability "${f}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+    );
+  }
+  const et = _(
     (v) => {
-      const M = v;
-      !M.type || typeof M.type != "string" || (F == null || F({ eventName: M.type, data: v }), Bt.has(M.type) || re == null || re(M));
+      var ee, bt, wt, _t;
+      const f = v;
+      if (!(!f.type || typeof f.type != "string")) {
+        if (be == null || be({ eventName: f.type, data: v }), f.type === "navigate") {
+          if (!ae("navigate")) {
+            ce("navigate", "navigate");
+            return;
+          }
+          const x = typeof f.href == "string" ? f.href : null;
+          if (!x) {
+            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 (Xe.current) {
+            try {
+              Xe.current(x);
+            } catch (k) {
+              console.warn(
+                `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
+                k
+              );
+            }
+            return;
+          }
+          if (typeof document < "u") {
+            const k = document.querySelector(
+              `a[href="${x.replace(/"/g, '\\"')}"]`
+            );
+            if (k) {
+              k.click();
+              return;
+            }
+          }
+          if (typeof window < "u" && typeof history < "u")
+            try {
+              history.pushState({}, "", x), window.dispatchEvent(new PopStateEvent("popstate"));
+            } catch (k) {
+              console.warn(
+                `[LiveLayer] history.pushState fallback failed for "${x}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                k
+              );
+            }
+          return;
+        }
+        if (f.type === "scroll_to") {
+          if (!ae("scroll")) {
+            ce("scroll_to", "scroll");
+            return;
+          }
+          const x = typeof f.selector == "string" ? f.selector : null;
+          if (!x) return;
+          const k = f.behavior === "instant" ? "instant" : "smooth";
+          if (Je.current) {
+            try {
+              Je.current(
+                x,
+                k
+              );
+            } catch (P) {
+              console.warn("[LiveLayer] onScrollToSelector threw.", P);
+            }
+            return;
+          }
+          if (typeof document < "u") {
+            let P = null;
+            try {
+              P = document.querySelector(x);
+            } catch {
+              console.warn(
+                `[LiveLayer] scroll_to: invalid selector "${x}".`
+              );
+              return;
+            }
+            if (!P) {
+              console.warn(
+                `[LiveLayer] scroll_to: no element matched "${x}". The user may be on a different page. See https://livelayer.studio/docs/errors/scroll-no-match`
+              );
+              return;
+            }
+            P.scrollIntoView({
+              behavior: k,
+              block: "start"
+            });
+          }
+          return;
+        }
+        if (f.type === "request_page_context") {
+          if (!ae("read_page")) {
+            ce("request_page_context", "read_page");
+            return;
+          }
+          const x = (ee = Z.current) == null ? void 0 : ee.call(Z), k = (U) => {
+            const j = x, te = j == null ? void 0 : j.localParticipant;
+            if (te != null && te.publishData)
+              try {
+                const pe = new TextEncoder().encode(JSON.stringify(U));
+                te.publishData(pe, { reliable: !0 });
+              } catch (pe) {
+                console.warn("[LiveLayer] publishData failed.", pe);
+              }
+          }, P = at.current, O = lt.current;
+          try {
+            if (O) {
+              const U = O(P);
+              if (U instanceof Promise) {
+                k({ type: "page_context_pending" }), U.then((j) => k({ type: "page_context", context: j })).catch((j) => {
+                  console.warn(
+                    "[LiveLayer] getPageContext rejected; falling back to default walker.",
+                    j
+                  ), k({
+                    type: "page_context",
+                    context: Dt(P)
+                  });
+                });
+                return;
+              }
+              k({ type: "page_context", context: U });
+              return;
+            }
+            k({
+              type: "page_context",
+              context: Dt(P)
+            });
+          } catch (U) {
+            console.warn(
+              "[LiveLayer] page-context extraction threw. Sending empty context.",
+              U
+            ), k({
+              type: "page_context",
+              context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], extras: P }
+            });
+          }
+          return;
+        }
+        if (f.type === "scroll_page") {
+          if (!ae("scroll")) {
+            ce("scroll_page", "scroll");
+            return;
+          }
+          const x = f.direction;
+          if (x !== "up" && x !== "down" && x !== "top" && x !== "bottom") {
+            console.warn(
+              `[LiveLayer] scroll_page: invalid direction "${String(x)}". Expected up | down | top | bottom.`
+            );
+            return;
+          }
+          const k = f.behavior === "instant" ? "instant" : "smooth";
+          if (Qe.current) {
+            try {
+              Qe.current(
+                x,
+                k
+              );
+            } catch (O) {
+              console.warn("[LiveLayer] onScrollPage threw.", O);
+            }
+            return;
+          }
+          if (typeof window > "u") return;
+          const P = { behavior: k };
+          x === "up" ? window.scrollBy({ top: -window.innerHeight, ...P }) : x === "down" ? window.scrollBy({ top: window.innerHeight, ...P }) : x === "top" ? window.scrollTo({ top: 0, ...P }) : window.scrollTo({ top: document.body.scrollHeight, ...P });
+          return;
+        }
+        if (f.type === "click") {
+          if (!ae("click")) {
+            ce("click", "click");
+            return;
+          }
+          const x = typeof f.selector == "string" ? f.selector : null;
+          if (!x) {
+            console.warn("[LiveLayer] click: missing selector.");
+            return;
+          }
+          if (Ze.current) {
+            try {
+              Ze.current(x);
+            } catch (P) {
+              console.warn("[LiveLayer] onClick threw.", P);
+            }
+            return;
+          }
+          if (typeof document > "u") return;
+          let k = null;
+          try {
+            k = document.querySelector(x);
+          } catch {
+            console.warn(
+              `[LiveLayer] click: invalid selector "${x}".`
+            );
+            return;
+          }
+          if (!k) {
+            console.warn(
+              `[LiveLayer] click: no element matched "${x}". See https://livelayer.studio/docs/errors/click-no-match`
+            );
+            return;
+          }
+          if (k.closest('[data-ll-private="true"], .ll-widget')) {
+            console.warn(
+              "[LiveLayer] click: refusing to click element inside a private subtree."
+            );
+            return;
+          }
+          (bt = k.click) == null || bt.call(k);
+          return;
+        }
+        if (f.type === "fill_form" || f.type === "focus_field") {
+          if (!ae("fill_forms")) {
+            ce(f.type, "fill_forms");
+            return;
+          }
+          if (typeof document > "u") return;
+          const x = typeof f.formId == "string" ? f.formId : null;
+          if (!x) {
+            console.warn(`[LiveLayer] ${f.type}: missing formId.`);
+            return;
+          }
+          const k = document.querySelector(
+            `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
+          );
+          if (!k) {
+            console.warn(
+              `[LiveLayer] ${f.type}: no form with data-ll-form="${x}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+            );
+            return;
+          }
+          if (k.closest('[data-ll-private="true"], .ll-widget')) {
+            console.warn(
+              `[LiveLayer] ${f.type}: refusing to touch a form in a private subtree.`
+            );
+            return;
+          }
+          if (f.type === "focus_field") {
+            const O = typeof f.fieldName == "string" ? f.fieldName : null;
+            if (!O) {
+              console.warn("[LiveLayer] focus_field: missing fieldName.");
+              return;
+            }
+            const U = k.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
+            if (!U) {
+              console.warn(
+                `[LiveLayer] focus_field: no field "${O}" in form "${x}".`
+              );
+              return;
+            }
+            if (!Ve(U)) {
+              console.warn(
+                `[LiveLayer] focus_field: field "${O}" is privacy-protected and not focusable.`
+              );
+              return;
+            }
+            U.focus();
+            return;
+          }
+          const P = f.values && typeof f.values == "object" ? f.values : null;
+          if (!P) {
+            console.warn("[LiveLayer] fill_form: missing or invalid values.");
+            return;
+          }
+          for (const [O, U] of Object.entries(P)) {
+            if (typeof U != "string") continue;
+            const j = k.querySelector(`[data-ll-field="${O.replace(/"/g, '\\"')}"]`);
+            if (!j) {
+              console.warn(
+                `[LiveLayer] fill_form: no field "${O}" in form "${x}". Skipping.`
+              );
+              continue;
+            }
+            if (!Ve(j)) {
+              console.warn(
+                `[LiveLayer] fill_form: field "${O}" is privacy-protected (password / cc-* / private). Skipping.`
+              );
+              continue;
+            }
+            try {
+              sr(j, U);
+            } catch (te) {
+              console.warn(
+                `[LiveLayer] fill_form: failed to set "${O}".`,
+                te
+              );
+            }
+          }
+          return;
+        }
+        if (f.type === "submit_form") {
+          if (!ae("submit_forms")) {
+            ce("submit_form", "submit_forms");
+            return;
+          }
+          if (typeof document > "u") return;
+          const x = typeof f.formId == "string" ? f.formId : null;
+          if (!x) {
+            console.warn("[LiveLayer] submit_form: missing formId.");
+            return;
+          }
+          const k = document.querySelector(
+            `[data-ll-form="${x.replace(/"/g, '\\"')}"]`
+          );
+          if (!k) {
+            console.warn(
+              `[LiveLayer] submit_form: no form with data-ll-form="${x}".`
+            );
+            return;
+          }
+          if (k.closest('[data-ll-private="true"], .ll-widget')) {
+            console.warn(
+              "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
+            );
+            return;
+          }
+          const P = (wt = Z.current) == null ? void 0 : wt.call(Z), O = (te) => {
+            const pe = P, Ue = pe == null ? void 0 : pe.localParticipant;
+            if (Ue != null && Ue.publishData)
+              try {
+                const Qt = new TextEncoder().encode(JSON.stringify(te));
+                Ue.publishData(Qt, { reliable: !0 });
+              } catch {
+              }
+          };
+          let U = !1;
+          const j = () => {
+            U = !0, O({ type: "form_submitted", formId: x });
+          };
+          k.addEventListener("submit", j, { once: !0 });
+          try {
+            typeof k.requestSubmit == "function" ? k.requestSubmit() : k.submit();
+          } catch (te) {
+            console.warn("[LiveLayer] submit_form: requestSubmit threw.", te), k.removeEventListener("submit", j), O({
+              type: "form_submit_blocked",
+              formId: x,
+              reason: "exception"
+            });
+            return;
+          }
+          setTimeout(() => {
+            U || (k.removeEventListener("submit", j), O({
+              type: "form_submit_blocked",
+              formId: x,
+              reason: "validation"
+            }));
+          }, 500);
+          return;
+        }
+        if (f.type === "request_routes") {
+          if (!ae("read_page")) {
+            ce("request_routes", "read_page");
+            return;
+          }
+          const k = (_t = Z.current) == null ? void 0 : _t.call(Z), P = k == null ? void 0 : k.localParticipant;
+          if (!(P != null && P.publishData)) return;
+          try {
+            const O = lr(), U = new TextEncoder().encode(
+              JSON.stringify({ type: "routes", routes: O })
+            );
+            P.publishData(U, { reliable: !0 });
+          } catch (O) {
+            console.warn("[LiveLayer] request_routes: extractRoutes threw.", O);
+          }
+          return;
+        }
+        dr.has(f.type) || we == null || we(f);
+      }
     },
-    [re, F]
-  ), B = lt({
-    agentId: P ? "__controlled__" : ve,
-    baseUrl: l,
-    apiKey: i,
-    sessionEndpoint: r,
-    sessionBody: s,
-    onDataMessage: P ? void 0 : de
+    [we, be]
+  ), F = ln({
+    agentId: B ? "__controlled__" : Ne,
+    baseUrl: i,
+    apiKey: r,
+    sessionEndpoint: o,
+    sessionBody: l,
+    onDataMessage: B ? void 0 : et
   });
-  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 (B != null && B.subscribeToDataMessages)
+      return B.subscribeToDataMessages(et);
+  }, [B, et]), Z.current = () => {
+    var v;
+    return (v = F.getRoom) == null ? void 0 : v.call(F);
+  };
+  const b = je(() => B ? {
+    connectionState: B.connectionState,
+    agentState: B.agentState,
+    transcript: B.transcript,
+    videoElement: B.videoElement,
+    audioElement: B.audioElement,
+    canResume: B.canResume,
+    error: B.error,
     agentConfig: null,
     connect: async () => {
-      await P.onConnect();
+      await B.onConnect();
     },
-    disconnect: () => P.onDisconnect(),
+    disconnect: () => B.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.
-    getRoom: B.getRoom,
+    getRoom: F.getRoom,
     isControlled: !0
   } : {
-    connectionState: B.connectionState,
-    agentState: B.agentState,
-    transcript: B.transcript,
-    videoElement: B.videoElement,
-    audioElement: B.audioElement,
-    canResume: B.canResume,
-    error: B.error,
-    agentConfig: B.agentConfig,
-    connect: B.connect,
-    disconnect: B.disconnect,
-    getRoom: B.getRoom,
+    connectionState: F.connectionState,
+    agentState: F.agentState,
+    transcript: F.transcript,
+    videoElement: F.videoElement,
+    audioElement: F.audioElement,
+    canResume: F.canResume,
+    error: F.error,
+    agentConfig: F.agentConfig,
+    connect: F.connect,
+    disconnect: F.disconnect,
+    getRoom: F.getRoom,
     isControlled: !1
-  }, [P, B]), me = L(null);
-  S(() => {
-    const v = u.videoElement, M = me.current;
-    if (!(!v || !M))
-      return M.appendChild(v), () => {
-        v.parentNode === M && M.removeChild(v);
+  }, [B, F]), st = R(null);
+  I(() => {
+    const v = b.videoElement, f = st.current;
+    if (!(!v || !f))
+      return f.appendChild(v), () => {
+        v.parentNode === f && f.removeChild(v);
       };
-  }, [u.videoElement]), S(() => {
-    const v = u.audioElement;
+  }, [b.videoElement]), I(() => {
+    const v = b.audioElement;
     if (!v) return;
-    ie.attach(v);
-    const M = v.play();
-    return M && typeof M.catch == "function" && M.catch((te) => {
-      (te == null ? void 0 : te.name) === "NotAllowedError" && H(!0);
+    oe.attach(v);
+    const f = v.play();
+    return f && typeof f.catch == "function" && f.catch((ee) => {
+      (ee == null ? void 0 : ee.name) === "NotAllowedError" && xe(!0);
     }), () => {
-      ie.detach();
+      oe.detach();
     };
-  }, [u.audioElement]), S(() => {
-    if (u.isControlled || u.connectionState !== "connected") return;
-    const v = u.getRoom();
+  }, [b.audioElement]), I(() => {
+    if (b.isControlled || b.connectionState !== "connected") return;
+    const v = b.getRoom();
     if (v)
       return V.setupMic(v).catch(() => {
-      }), K.attachRoom(v), O.attachRoom(v), Y.refresh(), () => {
-        V.teardownMic(), K.teardown(), O.teardown();
+      }), G.attachRoom(v), le.attachRoom(v), Ae.refresh(), () => {
+        V.teardownMic(), G.teardown(), le.teardown();
       };
-  }, [u.isControlled, u.connectionState]), S(() => {
-    const v = u.audioElement;
-    v && (v.muted = J);
-  }, [u.audioElement, J]);
-  const Ce = g((v) => {
-    const M = u.getRoom();
-    if (M)
+  }, [b.isControlled, b.connectionState]), I(() => {
+    const v = b.audioElement;
+    v && (v.muted = Ke);
+  }, [b.audioElement, Ke]);
+  const Ut = _((v) => {
+    const f = b.getRoom();
+    if (f)
       try {
-        const te = new TextEncoder().encode(
+        const ee = new TextEncoder().encode(
           JSON.stringify({ type: "user_message", text: v })
         );
-        M.localParticipant.publishData(te, { reliable: !0 });
+        f.localParticipant.publishData(ee, { reliable: !0 });
       } catch {
       }
-  }, [u]), ye = g(() => {
-    ce((v) => !v);
+  }, [b]), Ft = _(() => {
+    Bt((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 = L(!1);
-  S(() => {
-    u.isControlled || !c || h.current || u.connectionState === "idle" && (h.current = !0, u.connect());
-  }, [c, u.connectionState, u]);
-  const W = g(
+  I(() => {
+    ve == null || ve(b.connectionState), b.connectionState === "connected" ? ue == null || ue() : b.connectionState === "disconnected" && (me == null || me());
+  }, [b.connectionState, ue, me, ve]), I(() => {
+    ge == null || ge(b.transcript);
+  }, [b.transcript, ge]), I(() => {
+    ye == null || ye(b.agentState);
+  }, [b.agentState, ye]);
+  const dt = R(!1);
+  I(() => {
+    b.isControlled || !s || dt.current || Se && b.connectionState === "idle" && (dt.current = !0, b.connect());
+  }, [s, b.connectionState, b, Se]);
+  const qt = _(
     (v) => {
-      const M = b == null ? void 0 : b.find((te) => te.id === v);
-      M && (q(!1), v !== Q && (pe(!0), u.disconnect(), ue || xe(v), D == null || D(M)));
+      const f = E == null ? void 0 : E.find((ee) => ee.id === v);
+      f && (q(!1), v !== Q && (Re(!0), b.disconnect(), re || _e(v), z == null || z(f)));
     },
     [
-      b,
+      E,
       Q,
-      u,
-      ue,
-      D
+      b,
+      re,
+      z
     ]
   );
-  S(() => {
-    he && u.connectionState === "connected" && pe(!1);
-  }, [u.connectionState, he]), S(() => {
-    if (!oe) return;
-    const v = (M) => {
-      M.key === "Escape" && q(!1);
+  I(() => {
+    Me && b.connectionState === "connected" && Re(!1);
+  }, [b.connectionState, Me]), I(() => {
+    if (!h) return;
+    const v = (f) => {
+      f.key === "Escape" && q(!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", Le = (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]
-  ), Me = g(() => {
-    u.disconnect(), G("hidden");
-  }, [u, G]), Je = g(() => {
-    const v = u.audioElement;
-    v && v.play().then(() => H(!1)).catch(() => {
+  }, [h]);
+  const jt = !!M || !!(W != null && W.avatarImageUrl) || b.isControlled, tt = pn(Ne, i, jt), nt = (W == null ? void 0 : W.name) ?? D ?? ((pt = b.agentConfig) == null ? void 0 : pt.name) ?? ((ht = tt.info) == null ? void 0 : ht.name) ?? "Live Layer", ut = (W == null ? void 0 : W.avatarImageUrl) ?? M ?? ((mt = b.agentConfig) == null ? void 0 : mt.avatarImageUrl) ?? ((gt = tt.info) == null ? void 0 : gt.avatarImageUrl) ?? null, Wt = T ?? ((yt = b.agentConfig) == null ? void 0 : yt.idleLoopUrl) ?? ((vt = tt.info) == null ? void 0 : vt.idleLoopUrl) ?? null, Vt = $ ?? null, Yt = _(() => Y("expanded"), [Y]), Gt = _(
+    () => Y("minimized"),
+    [Y]
+  ), ft = _(() => {
+    b.disconnect(), Y("hidden");
+  }, [b, Y]), Kt = _(() => {
+    const v = b.audioElement;
+    v && v.play().then(() => xe(!1)).catch(() => {
     });
-  }, [u.audioElement]), Xe = g(() => {
-    H(!1), u.connect();
-  }, [u]), fe = {
-    ...we,
-    zIndex: ge
+  }, [b.audioElement]), Xt = _(() => {
+    xe(!1), b.connect();
+  }, [b]), Te = {
+    ...Oe,
+    zIndex: Be
   };
-  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 = [
+  m.primaryColor && (Te["--ll-color-primary"] = m.primaryColor), m.accentColor && (Te["--ll-color-accent"] = m.accentColor), m.backgroundColor && (Te["--ll-color-bg"] = m.backgroundColor), m.textColor && (Te["--ll-color-fg"] = m.textColor);
+  const Jt = [
     "ll-widget",
-    `ll-widget--${Z}`,
-    `ll-widget--${ee ? "mobile" : "desktop"}`,
-    be
+    `ll-widget--${ie}`,
+    `ll-widget--${ne ? "mobile" : "desktop"}`,
+    Ye
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _(
+  return Se ? /* @__PURE__ */ L(
     "div",
     {
-      className: Qe,
-      style: fe,
-      "data-display-mode": Z,
+      className: Jt,
+      style: Te,
+      "data-display-mode": ie,
       "data-position": p,
       children: [
-        Z === "hidden" && /* @__PURE__ */ e(
-          St,
+        ie === "hidden" && /* @__PURE__ */ n(
+          zn,
           {
             position: p,
-            isMobile: ee,
-            isSpeaking: u.agentState === "speaking",
-            onExpand: () => G("expanded"),
-            label: `Open ${Ee} widget`
+            isMobile: ne,
+            isSpeaking: b.agentState === "speaking",
+            onExpand: () => Y("expanded"),
+            label: `Open ${nt} widget`
           }
         ),
-        Z === "minimized" && /* @__PURE__ */ e(
-          Mt,
+        ie === "minimized" && /* @__PURE__ */ n(
+          On,
           {
             position: p,
-            isMobile: ee,
-            agentName: Ee,
-            avatarImageUrl: Le,
-            agentState: u.agentState,
+            isMobile: ne,
+            agentName: nt,
+            avatarImageUrl: ut,
+            agentState: b.agentState,
             isMuted: V.isMuted,
-            audioLevel: ie,
-            onExpand: He,
+            audioLevel: oe,
+            onExpand: Yt,
             onToggleMute: V.toggleMute,
-            onClose: Me
+            onClose: ft
           }
         ),
-        Z === "expanded" && /* @__PURE__ */ e(
-          At,
+        ie === "expanded" && /* @__PURE__ */ n(
+          Un,
           {
             position: p,
-            isMobile: ee,
-            agentName: Ee,
-            avatarImageUrl: Le,
-            idleLoopUrl: Ke,
-            greeting: Ye,
-            branding: I,
-            teamMembers: b,
+            isMobile: ne,
+            agentName: nt,
+            avatarImageUrl: ut,
+            idleLoopUrl: Wt,
+            greeting: Vt,
+            branding: m,
+            teamMembers: E,
             currentTeamMemberId: Q,
-            isSwitchingTeamMember: he,
-            teamSwitcherOpen: oe,
+            isSwitchingTeamMember: Me,
+            teamSwitcherOpen: h,
             onToggleTeamSwitcher: () => q((v) => !v),
-            onSelectTeamMember: W,
-            connectionState: u.connectionState,
-            agentState: u.agentState,
-            transcript: u.transcript,
+            onSelectTeamMember: qt,
+            connectionState: b.connectionState,
+            agentState: b.agentState,
+            transcript: b.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,
+            micDevices: Ae.mics,
+            isCameraEnabled: G.isEnabled,
+            cameraPreviewEl: G.previewEl,
+            cameraDevices: Ae.cameras,
+            activeCameraId: G.activeDeviceId,
+            isScreenShareEnabled: le.isEnabled,
+            screenPreviewEl: le.previewEl,
+            isSpeakerMuted: Ke,
+            allowCamera: y,
+            allowScreenShare: C,
+            allowTyping: w,
+            languageMenuOpen: ot,
+            onToggleLanguageMenu: () => Ot((v) => !v),
+            needsUserGesture: Ge,
+            canResume: b.canResume,
             micError: V.micError,
-            error: u.error,
-            avatarVideoContainerRef: me,
-            onConnect: () => void u.connect(),
-            onDisconnect: () => u.disconnect(),
-            onRetry: Xe,
-            onResumeAudio: Je,
+            error: b.error,
+            avatarVideoContainerRef: st,
+            onConnect: () => void b.connect(),
+            onDisconnect: () => b.disconnect(),
+            onRetry: Xt,
+            onResumeAudio: Kt,
             onToggleMute: V.toggleMute,
-            onToggleCamera: () => void K.toggle(),
-            onSwitchCameraDevice: (v) => void K.switchDevice(v),
-            onToggleScreenShare: () => void O.toggle(),
-            onToggleSpeaker: ye,
-            onSendMessage: Ce,
-            onMinimize: qe,
-            onClose: Me,
+            onToggleCamera: () => void G.toggle(),
+            onSwitchCameraDevice: (v) => void G.switchDevice(v),
+            onToggleScreenShare: () => void le.toggle(),
+            onToggleSpeaker: Ft,
+            onSendMessage: Ut,
+            onMinimize: Gt,
+            onClose: ft,
             onClearMicError: V.clearError
           }
         )
       ]
     }
-  );
+  ) : null;
 }
-function Ft(t) {
-  return /* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(Ut, { ...t }) });
+function yr(e) {
+  return /* @__PURE__ */ n(on, { children: /* @__PURE__ */ n(ur, { ...e }) });
 }
-const Gt = ({
-  agentId: t,
-  baseUrl: n,
-  apiKey: i,
-  mode: l,
-  onAgentEvent: r,
-  className: s,
-  style: c
+const vr = ({
+  agentId: e,
+  baseUrl: t,
+  apiKey: r,
+  mode: i,
+  onAgentEvent: o,
+  className: l,
+  style: s
 }) => {
-  const m = L(null), d = L(null), f = L(r);
-  f.current = r;
-  const p = g((o) => {
-    var C;
-    const a = o.detail;
-    (C = f.current) == null || C.call(f, a);
+  const d = R(null), u = R(null), g = R(o);
+  g.current = o;
+  const p = _((a) => {
+    var N;
+    const c = a.detail;
+    (N = g.current) == null || N.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 = d.current;
+    if (!a) return;
+    const c = document.createElement("livelayer-widget");
+    return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), i && c.setAttribute("mode", i), c.addEventListener("agent-event", p), a.appendChild(c), u.current = c, () => {
+      c.removeEventListener("agent-event", p), a.removeChild(c), u.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(() => {
+    u.current && (i ? u.current.setAttribute("mode", i) : u.current.removeAttribute("mode"));
+  }, [i]), /* @__PURE__ */ n("div", { ref: d, className: l, style: s });
+}, br = rt(
+  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: s }, d) {
+    return en(
+      i,
+      {
+        ref: d,
+        "data-ll-region": t,
+        "data-ll-intent": r,
+        className: o,
+        style: l
+      },
+      s
+    );
+  }
+), wr = rt(
+  function({ id: t, intent: r, children: i, ...o }, l) {
+    return /* @__PURE__ */ n(
+      "form",
+      {
+        ref: l,
+        "data-ll-form": t,
+        "data-ll-intent": r,
+        ...o,
+        children: i
+      }
+    );
+  }
+), _r = rt(
+  function(t, r) {
+    const { name: i, label: o, labelClassName: l } = t, s = { name: i, "data-ll-field": i };
+    let d;
+    if ("as" in t && t.as === "textarea") {
+      const { name: u, label: g, labelClassName: p, as: a, ...c } = t;
+      d = /* @__PURE__ */ n(
+        "textarea",
+        {
+          ref: r,
+          ...s,
+          ...c
+        }
+      );
+    } else if ("as" in t && t.as === "select") {
+      const { name: u, label: g, labelClassName: p, as: a, children: c, ...N } = t;
+      d = /* @__PURE__ */ n(
+        "select",
+        {
+          ref: r,
+          ...s,
+          ...N,
+          children: c
+        }
+      );
+    } else {
+      const { name: u, label: g, labelClassName: p, as: a, ...c } = t;
+      d = /* @__PURE__ */ n(
+        "input",
+        {
+          ref: r,
+          ...s,
+          ...c
+        }
+      );
+    }
+    return o === void 0 ? d : /* @__PURE__ */ L("label", { className: l, children: [
+      o,
+      d
+    ] });
+  }
+);
+function xr() {
+  const [e, t] = S([]), r = _((o) => {
+    t((l) => {
+      const s = l.findIndex((d) => d.id === o.id);
+      if (s >= 0) {
+        const d = l.slice();
+        return d[s] = o, d;
       }
-      return [...s, r];
+      return [...l, o];
     });
-  }, []), l = g(() => n([]), []);
+  }, []), i = _(() => t([]), []);
   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
+  yr as AvatarWidget,
+  on as ErrorBoundary,
+  _r as LiveLayerField,
+  wr as LiveLayerForm,
+  br as LiveLayerRegion,
+  vr as LiveLayerWidget,
+  tr as clearPageContextCache,
+  ar as clearRoutesCache,
+  er as extractPageContext,
+  ir as extractRoutes,
+  Dt as getCachedPageContext,
+  lr as getCachedRoutes,
+  Nn as matchesPattern,
+  An as shouldRenderAtPath,
+  pn as useAgentInfo,
+  an as useAudioLevel,
+  dn as useCameraState,
+  gn as useDisplayMode,
+  bn as useDisplayModePersistence,
+  _n as useIsMobile,
+  ln as useLiveKitSession,
+  fn as useMediaDevices,
+  cn as useMicrophoneState,
+  kn as usePathname,
+  Mn as useRouteMatch,
+  un as useScreenShareState,
+  xr as useTranscript
 };