@livelayer/react 0.3.0 → 0.4.0

package/dist/index.mjs

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