@livelayer/react 0.10.7 → 0.13.0

package/dist/index.mjs

@@ -1,10 +1,11 @@
 "use client";
-import { jsxs as g, jsx as n, Fragment as Ye } from "react/jsx-runtime";
-import { Component as On, useState as C, useRef as N, useEffect as I, useCallback as E, useMemo as Ge, useLayoutEffect as mn, forwardRef as ut, useImperativeHandle as Hn, createElement as Wn } from "react";
-import { createPortal as It } from "react-dom";
-import { LiveKitSession as Bn } from "@livelayer/sdk";
-import { createLocalAudioTrack as qn, Track as gn, createLocalVideoTrack as Fn } from "livekit-client";
-class Un extends On {
+import { jsxs as w, jsx as n, Fragment as Pe } from "react/jsx-runtime";
+import { Component as Un, useState as E, useRef as N, useEffect as I, useCallback as C, useMemo as Ge, useLayoutEffect as wn, forwardRef as Dt, useImperativeHandle as jn, createElement as Vn } from "react";
+import { createPortal as Pt } from "react-dom";
+import { LiveKitSession as Yn, registerFields as Gn } from "@livelayer/sdk";
+import { clearFieldRegistry as Do, getRegisteredFields as Po, registerFields as $o, setFieldValue as zo } from "@livelayer/sdk";
+import { createLocalAudioTrack as Jn, Track as _n, createLocalVideoTrack as Kn } from "livekit-client";
+class Xn extends Un {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
       this.setState({ hasError: !1, error: null });
@@ -19,7 +20,7 @@ class Un extends On {
   }
   render() {
     var t;
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ g("div", { className: "ll-error-boundary", role: "alert", children: [
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ w("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(
@@ -34,26 +35,26 @@ class Un extends On {
     ] }) : this.props.children;
   }
 }
-function jn(e) {
-  const [t, r] = C("idle"), [o, i] = C("idle"), [l, d] = C([]), [a, s] = C(null), [u, y] = C(null), [f, c] = C(null), [A, x] = C(!1), [_, v] = C(null), b = N(null), S = N(e.onDataMessage);
+function Qn(e) {
+  const [t, r] = E("idle"), [o, i] = E("idle"), [l, s] = E([]), [a, c] = E(null), [p, v] = E(null), [f, u] = E(null), [R, L] = E(!1), [_, h] = E(null), b = N(null), S = N(e.onDataMessage);
   S.current = e.onDataMessage, I(() => {
-    const R = {
-      onConnectionStateChange: (q) => {
-        r(q), q === "connected" && v(null);
+    const g = {
+      onConnectionStateChange: (H) => {
+        r(H), H === "connected" && h(null);
       },
       onAgentStateChange: i,
-      onTranscript: (q) => d([...q]),
-      onAgentConfig: s,
-      onAudioTrack: (q) => c(q),
-      onVideoTrack: (q) => y(q),
-      onVideoTrackRemoved: () => y(null),
-      onError: (q) => v(q),
-      onDataMessage: (q) => {
-        var F;
-        (F = S.current) == null || F.call(S, q);
+      onTranscript: (H) => s([...H]),
+      onAgentConfig: c,
+      onAudioTrack: (H) => u(H),
+      onVideoTrack: (H) => v(H),
+      onVideoTrackRemoved: () => v(null),
+      onError: (H) => h(H),
+      onDataMessage: (H) => {
+        var q;
+        (q = S.current) == null || q.call(S, H);
       },
-      onResumabilityChange: x
-    }, B = new Bn(
+      onResumabilityChange: L
+    }, P = new Yn(
       {
         agentId: e.agentId,
         baseUrl: e.baseUrl,
@@ -61,11 +62,11 @@ function jn(e) {
         sessionEndpoint: e.sessionEndpoint,
         sessionBody: e.sessionBody
       },
-      R
+      g
     );
-    return b.current = B, r("idle"), i("idle"), d([]), s(null), y(null), c(null), x(!1), v(null), () => {
-      var q;
-      (q = B.destroy) == null || q.call(B), b.current = null;
+    return b.current = P, r("idle"), i("idle"), s([]), c(null), v(null), u(null), L(!1), h(null), () => {
+      var H;
+      (H = P.destroy) == null || H.call(P), b.current = null;
     };
   }, [
     e.agentId,
@@ -74,38 +75,38 @@ function jn(e) {
     e.sessionEndpoint,
     JSON.stringify(e.sessionBody ?? {})
   ]);
-  const M = E(async () => {
-    const R = b.current;
-    if (R)
+  const T = C(async () => {
+    const g = b.current;
+    if (g)
       try {
-        await R.connect();
-      } catch (B) {
-        throw v(B instanceof Error ? B.message : String(B)), B;
+        await g.connect();
+      } catch (P) {
+        throw h(P instanceof Error ? P.message : String(P)), P;
       }
-  }, []), D = E(() => {
-    const R = b.current;
-    R && R.disconnect();
-  }, []), k = E(() => {
-    var R;
-    return ((R = b.current) == null ? void 0 : R.getRoom()) ?? null;
+  }, []), A = C(() => {
+    const g = b.current;
+    g && g.disconnect();
+  }, []), F = C(() => {
+    var g;
+    return ((g = b.current) == null ? void 0 : g.getRoom()) ?? null;
   }, []);
   return {
     connectionState: t,
     agentState: o,
     transcript: l,
     agentConfig: a,
-    videoElement: u,
+    videoElement: p,
     audioElement: f,
-    canResume: A,
+    canResume: R,
     error: _,
-    connect: M,
-    disconnect: D,
-    getRoom: k,
+    connect: T,
+    disconnect: A,
+    getRoom: F,
     session: b.current
   };
 }
-function Vn() {
-  const e = N(null), t = N(null), r = N(null), o = N(null), i = N(/* @__PURE__ */ new Set()), l = N(null), d = E(() => {
+function Zn() {
+  const e = N(null), t = N(null), r = N(null), o = N(null), i = N(/* @__PURE__ */ new Set()), l = N(null), s = C(() => {
     const f = t.current;
     if (!f) {
       o.current = null;
@@ -114,23 +115,23 @@ function Vn() {
     (!l.current || l.current.length !== f.frequencyBinCount) && (l.current = new Uint8Array(
       new ArrayBuffer(f.frequencyBinCount)
     ));
-    const c = l.current;
-    f.getByteFrequencyData(c);
-    let A = 0;
-    for (let _ = 0; _ < c.length; _++) A += c[_];
-    const x = A / c.length / 255;
+    const u = l.current;
+    f.getByteFrequencyData(u);
+    let R = 0;
+    for (let _ = 0; _ < u.length; _++) R += u[_];
+    const L = R / u.length / 255;
     for (const _ of i.current)
       try {
-        _(x);
-      } catch (v) {
-        console.error("[useAudioLevel] subscriber threw:", v);
+        _(L);
+      } catch (h) {
+        console.error("[useAudioLevel] subscriber threw:", h);
       }
-    o.current = requestAnimationFrame(d);
-  }, []), a = E(() => {
+    o.current = requestAnimationFrame(s);
+  }, []), a = C(() => {
     if (e.current || typeof window > "u" || typeof AudioContext > "u") return;
-    const f = new AudioContext(), c = f.createAnalyser();
-    c.fftSize = 64, c.connect(f.destination), e.current = f, t.current = c;
-  }, []), s = E(
+    const f = new AudioContext(), u = f.createAnalyser();
+    u.fftSize = 64, u.connect(f.destination), e.current = f, t.current = u;
+  }, []), c = C(
     (f) => {
       if (a(), !(!e.current || !t.current)) {
         if (r.current) {
@@ -141,17 +142,17 @@ function Vn() {
           r.current = null;
         }
         try {
-          const c = e.current.createMediaElementSource(f);
-          c.connect(t.current), r.current = c;
-        } catch (c) {
-          console.warn("[useAudioLevel] createMediaElementSource failed:", c);
+          const u = e.current.createMediaElementSource(f);
+          u.connect(t.current), r.current = u;
+        } catch (u) {
+          console.warn("[useAudioLevel] createMediaElementSource failed:", u);
           return;
         }
-        o.current === null && (o.current = requestAnimationFrame(d));
+        o.current === null && (o.current = requestAnimationFrame(s));
       }
     },
-    [a, d]
-  ), u = E(() => {
+    [a, s]
+  ), p = C(() => {
     if (o.current !== null && (cancelAnimationFrame(o.current), o.current = null), r.current) {
       try {
         r.current.disconnect();
@@ -159,11 +160,11 @@ function Vn() {
       }
       r.current = null;
     }
-  }, []), y = E((f) => (i.current.add(f), () => {
+  }, []), v = C((f) => (i.current.add(f), () => {
     i.current.delete(f);
   }), []);
   return I(() => () => {
-    if (u(), t.current) {
+    if (p(), t.current) {
       try {
         t.current.disconnect();
       } catch {
@@ -178,102 +179,102 @@ function Vn() {
       e.current = null;
     }
     i.current.clear(), l.current = null;
-  }, [u]), { attach: s, detach: u, subscribe: y };
+  }, [p]), { attach: c, detach: p, subscribe: v };
 }
-function Yn() {
-  const [e, t] = C(!1), [r, o] = C(""), [i, l] = C(null), d = N(null), a = N(null), s = E(async (x) => {
-    var _, v;
-    if (d.current && a.current) {
+function er() {
+  const [e, t] = E(!1), [r, o] = E(""), [i, l] = E(null), s = N(null), a = N(null), c = C(async (L) => {
+    var _, h;
+    if (s.current && a.current) {
       try {
-        await a.current.localParticipant.unpublishTrack(d.current);
+        await a.current.localParticipant.unpublishTrack(s.current);
       } catch {
       }
-      d.current.stop(), d.current = null;
+      s.current.stop(), s.current = null;
     }
-    a.current = x, l(null);
+    a.current = L, l(null);
     try {
-      const b = await qn({
+      const b = await Jn({
         echoCancellation: !0,
         noiseSuppression: !0
       });
-      await x.localParticipant.publishTrack(b), d.current = b, t(b.isMuted);
-      const S = (v = (_ = b.mediaStreamTrack) == null ? void 0 : _.getSettings) == null ? void 0 : v.call(_);
+      await L.localParticipant.publishTrack(b), s.current = b, t(b.isMuted);
+      const S = (h = (_ = b.mediaStreamTrack) == null ? void 0 : _.getSettings) == null ? void 0 : h.call(_);
       S != null && S.deviceId && o(S.deviceId);
     } catch (b) {
       const S = b instanceof Error && b.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
       throw l(S), b;
     }
-  }, []), u = E((x) => {
-    a.current = x;
-  }, []), y = E(async (x) => {
+  }, []), p = C((L) => {
+    a.current = L;
+  }, []), v = C(async (L) => {
     const _ = a.current;
     if (_)
       try {
-        await _.switchActiveDevice("audioinput", x), o(x);
-      } catch (v) {
-        console.warn("[useMicrophoneState] switchDevice failed:", v);
+        await _.switchActiveDevice("audioinput", L), o(L);
+      } catch (h) {
+        console.warn("[useMicrophoneState] switchDevice failed:", h);
       }
-  }, []), f = E(async () => {
-    const x = a.current, _ = !e;
-    if (t(_), !!x)
+  }, []), f = C(async () => {
+    const L = a.current, _ = !e;
+    if (t(_), !!L)
       try {
-        await x.localParticipant.setMicrophoneEnabled(!_);
-      } catch (v) {
-        console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", v), t(!_);
+        await L.localParticipant.setMicrophoneEnabled(!_);
+      } catch (h) {
+        console.warn("[useMicrophoneState] setMicrophoneEnabled failed:", h), t(!_);
       }
-  }, [e]), c = E(() => {
-    const x = d.current, _ = a.current;
-    if (x && _) {
+  }, [e]), u = C(() => {
+    const L = s.current, _ = a.current;
+    if (L && _) {
       try {
-        _.localParticipant.unpublishTrack(x);
+        _.localParticipant.unpublishTrack(L);
       } catch {
       }
-      x.stop();
+      L.stop();
     }
-    d.current = null, a.current = null, t(!1), o("");
-  }, []), A = E(() => l(null), []);
+    s.current = null, a.current = null, t(!1), o("");
+  }, []), R = C(() => l(null), []);
   return {
     isMuted: e,
     activeDeviceId: r,
     micError: i,
     toggleMute: f,
-    setupMic: s,
-    attachRoom: u,
-    switchDevice: y,
-    teardownMic: c,
-    clearError: A
+    setupMic: c,
+    attachRoom: p,
+    switchDevice: v,
+    teardownMic: u,
+    clearError: R
   };
 }
-const Gn = { resolution: { width: 640, height: 480, frameRate: 24 } };
-function Jn() {
-  const [e, t] = C(!1), [r, o] = C(null), [i, l] = C(null), [d, a] = C(""), s = N(null), u = N(null), y = E((b) => {
-    s.current = b;
-  }, []), f = E(() => {
-    var M;
-    const b = s.current, S = u.current;
+const tr = { resolution: { width: 640, height: 480, frameRate: 24 } };
+function nr() {
+  const [e, t] = E(!1), [r, o] = E(null), [i, l] = E(null), [s, a] = E(""), c = N(null), p = N(null), v = C((b) => {
+    c.current = b;
+  }, []), f = C(() => {
+    var T;
+    const b = c.current, S = p.current;
     if (S && b) {
-      const D = b.localParticipant.getTrackPublication(gn.Source.Camera), R = (D == null ? void 0 : D.track) ?? S;
+      const A = b.localParticipant.getTrackPublication(_n.Source.Camera), g = (A == null ? void 0 : A.track) ?? S;
       try {
-        b.localParticipant.unpublishTrack(R);
+        b.localParticipant.unpublishTrack(g);
       } catch {
       }
       try {
-        (M = R.stop) == null || M.call(R);
+        (T = g.stop) == null || T.call(g);
       } catch {
       }
     }
-    u.current = null, l(null), t(!1);
-  }, []), c = E(async (b) => {
-    const S = s.current;
+    p.current = null, l(null), t(!1);
+  }, []), u = C(async (b) => {
+    const S = c.current;
     if (S) {
       o(null);
       try {
-        const M = { ...Gn };
-        b && (M.deviceId = b);
-        const D = await Fn(M);
-        await S.localParticipant.publishTrack(D), u.current = D;
-        const k = D.attach();
-        l(k), t(!0), b && a(b);
+        const T = { ...tr };
+        b && (T.deviceId = b);
+        const A = await Kn(T);
+        await S.localParticipant.publishTrack(A), p.current = A;
+        const F = A.attach();
+        l(F), t(!0), b && a(b);
         try {
           S.localParticipant.publishData(
             new TextEncoder().encode(JSON.stringify({ type: "user_camera_on" })),
@@ -281,57 +282,57 @@ function Jn() {
           );
         } catch {
         }
-      } 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.";
-        o(D);
+      } catch (T) {
+        const A = T instanceof Error && T.name === "NotAllowedError" ? "Enable your camera in the browser to share video." : "Camera unavailable. Check permissions and try again.";
+        o(A);
       }
     }
-  }, []), A = E(async () => {
-    e ? f() : await c(d || void 0);
-  }, [e, d, f, c]), x = E(async (b) => {
-    f(), await c(b);
-  }, [f, c]), _ = E(() => {
-    f(), s.current = null, o(null), a("");
-  }, [f]), v = E(() => o(null), []);
+  }, []), R = C(async () => {
+    e ? f() : await u(s || void 0);
+  }, [e, s, f, u]), L = C(async (b) => {
+    f(), await u(b);
+  }, [f, u]), _ = C(() => {
+    f(), c.current = null, o(null), a("");
+  }, [f]), h = C(() => o(null), []);
   return I(() => () => {
-    u.current && u.current.stop();
+    p.current && p.current.stop();
   }, []), {
     isEnabled: e,
     error: r,
     previewEl: i,
-    activeDeviceId: d,
-    toggle: A,
-    switchDevice: x,
-    attachRoom: y,
+    activeDeviceId: s,
+    toggle: R,
+    switchDevice: L,
+    attachRoom: v,
     teardown: _,
-    clearError: v
+    clearError: h
   };
 }
-function Kn() {
-  const [e, t] = C(!1), [r, o] = C(null), [i, l] = C(null), d = N(null), a = E((c) => {
-    d.current = c;
-  }, []), s = E(() => l(null), []), u = E(async () => {
-    const c = d.current;
-    if (c) {
+function rr() {
+  const [e, t] = E(!1), [r, o] = E(null), [i, l] = E(null), s = N(null), a = C((u) => {
+    s.current = u;
+  }, []), c = C(() => l(null), []), p = C(async () => {
+    const u = s.current;
+    if (u) {
       if (e) {
         try {
-          await c.localParticipant.setScreenShareEnabled(!1);
+          await u.localParticipant.setScreenShareEnabled(!1);
         } catch {
         }
-        s(), t(!1);
+        c(), t(!1);
         return;
       }
       o(null);
       try {
-        await c.localParticipant.setScreenShareEnabled(!0);
-        let A = 0;
-        const x = () => {
-          const _ = c.localParticipant.getTrackPublication(gn.Source.ScreenShare);
+        await u.localParticipant.setScreenShareEnabled(!0);
+        let R = 0;
+        const L = () => {
+          const _ = u.localParticipant.getTrackPublication(_n.Source.ScreenShare);
           if (_ != null && _.track) {
-            const v = _.track.attach();
-            l(v), t(!0);
+            const h = _.track.attach();
+            l(h), t(!0);
             try {
-              c.localParticipant.publishData(
+              u.localParticipant.publishData(
                 new TextEncoder().encode(JSON.stringify({ type: "user_screen_share_on" })),
                 { reliable: !0 }
               );
@@ -339,31 +340,31 @@ function Kn() {
             }
             return;
           }
-          A++ < 10 ? setTimeout(x, 100) : t(!0);
+          R++ < 10 ? setTimeout(L, 100) : t(!0);
         };
-        x();
-      } catch (A) {
-        const x = A instanceof Error ? A.name : "";
-        x !== "NotAllowedError" && x !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
+        L();
+      } catch (R) {
+        const L = R instanceof Error ? R.name : "";
+        L !== "NotAllowedError" && L !== "AbortError" && o("Screen share unavailable. Try again."), t(!1);
       }
     }
-  }, [e, s]), y = E(() => {
-    const c = d.current;
-    if (c && e)
+  }, [e, c]), v = C(() => {
+    const u = s.current;
+    if (u && e)
       try {
-        c.localParticipant.setScreenShareEnabled(!1);
+        u.localParticipant.setScreenShareEnabled(!1);
       } catch {
       }
-    s(), t(!1), o(null), d.current = null;
-  }, [e, s]), f = E(() => o(null), []);
-  return { isEnabled: e, error: r, previewEl: i, toggle: u, attachRoom: a, teardown: y, clearError: f };
+    c(), t(!1), o(null), s.current = null;
+  }, [e, c]), f = C(() => o(null), []);
+  return { isEnabled: e, error: r, previewEl: i, toggle: p, attachRoom: a, teardown: v, clearError: f };
 }
-function Xn() {
-  const [e, t] = C([]), [r, o] = C([]), i = E(async () => {
+function or() {
+  const [e, t] = E([]), [r, o] = E([]), i = C(async () => {
     if (!(typeof navigator > "u" || !navigator.mediaDevices))
       try {
         const l = await navigator.mediaDevices.enumerateDevices();
-        t(l.filter((d) => d.kind === "audioinput")), o(l.filter((d) => d.kind === "videoinput"));
+        t(l.filter((s) => s.kind === "audioinput")), o(l.filter((s) => s.kind === "videoinput"));
       } catch {
       }
   }, []);
@@ -373,30 +374,30 @@ function Xn() {
     return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
   }, [i]), { mics: e, cameras: r, refresh: i };
 }
-function Qn(e, t, r = !1) {
-  const [o, i] = C(null), [l, d] = C(null), [a, s] = C(!r && !!e);
+function ir(e, t, r = !1) {
+  const [o, i] = E(null), [l, s] = E(null), [a, c] = E(!r && !!e);
   return I(() => {
     if (r || !e) {
-      s(!1);
+      c(!1);
       return;
     }
-    const u = new AbortController(), y = t || "https://app.livelayer.studio";
-    return s(!0), d(null), fetch(`${y}/api/widget/agent/${encodeURIComponent(e)}`, {
-      signal: u.signal
+    const p = new AbortController(), v = t || "https://app.livelayer.studio";
+    return c(!0), s(null), fetch(`${v}/api/widget/agent/${encodeURIComponent(e)}`, {
+      signal: p.signal
     }).then(async (f) => {
       if (!f.ok) {
-        const c = await f.json().catch(() => ({}));
-        throw new Error(c.error || `HTTP ${f.status}`);
+        const u = await f.json().catch(() => ({}));
+        throw new Error(u.error || `HTTP ${f.status}`);
       }
       return f.json();
     }).then((f) => {
-      u.signal.aborted || (i(f), s(!1));
+      p.signal.aborted || (i(f), c(!1));
     }).catch((f) => {
-      u.signal.aborted || (d(f instanceof Error ? f.message : "Agent lookup failed"), s(!1));
-    }), () => u.abort();
+      p.signal.aborted || (s(f instanceof Error ? f.message : "Agent lookup failed"), c(!1));
+    }), () => p.abort();
   }, [e, t, r]), { info: o, error: l, loading: a };
 }
-function Zn(e) {
+function lr(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -404,53 +405,53 @@ function Zn(e) {
     return null;
   }
 }
-function er(e, t) {
+function ar(e, t) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, t);
     } catch {
     }
 }
-function tr({
+function sr({
   value: e,
   defaultValue: t = "expanded",
   onChange: r
 } = {}) {
-  const o = e !== void 0, [i, l] = C(t), d = o ? e : i, a = E(
-    (s) => {
-      s !== d && (o || l(s), r == null || r(s));
+  const o = e !== void 0, [i, l] = E(t), s = o ? e : i, a = C(
+    (c) => {
+      c !== s && (o || l(c), r == null || r(c));
     },
-    [d, o, r]
+    [s, o, r]
   );
-  return [d, a];
+  return [s, a];
 }
-const nr = ["hidden", "minimized", "expanded"];
-function rr(e) {
-  return e && nr.includes(e) ? e : null;
+const cr = ["hidden", "minimized", "expanded"];
+function dr(e) {
+  return e && cr.includes(e) ? e : null;
 }
-function or({
+function ur({
   value: e,
   defaultValue: t = "expanded",
   onChange: r,
   persistKey: o = "ll-widget",
   disablePersistence: i = !1
 } = {}) {
-  const l = `${o}:display-mode`, d = N(!1), [a, s] = tr({
+  const l = `${o}:display-mode`, s = N(!1), [a, c] = sr({
     value: e,
     defaultValue: t,
-    onChange: (u) => {
-      e === void 0 && !i && er(l, u), r == null || r(u);
+    onChange: (p) => {
+      e === void 0 && !i && ar(l, p), r == null || r(p);
     }
   });
   return I(() => {
-    if (d.current || (d.current = !0, i || e !== void 0)) return;
-    const u = rr(Zn(l));
-    u && u !== a && s(u);
-  }, []), [a, s];
-}
-const ir = 640;
-function lr(e = ir) {
-  const [t, r] = C(!1);
+    if (s.current || (s.current = !0, i || e !== void 0)) return;
+    const p = dr(lr(l));
+    p && p !== a && c(p);
+  }, []), [a, c];
+}
+const fr = 640;
+function pr(e = fr) {
+  const [t, r] = E(!1);
   return I(() => {
     if (e === !1) {
       r(!1);
@@ -464,9 +465,9 @@ function lr(e = ir) {
     });
   }, [e]), t;
 }
-const Kt = "__llHistoryPatched", _t = "ll:pathname";
-function ar() {
-  if (typeof window > "u" || window.history[Kt]) return;
+const en = "__llHistoryPatched", _t = "ll:pathname";
+function hr() {
+  if (typeof window > "u" || window.history[en]) return;
   const e = window.history.pushState, t = window.history.replaceState;
   window.history.pushState = function(...r) {
     const o = e.apply(this, r);
@@ -474,79 +475,79 @@ function ar() {
   }, window.history.replaceState = function(...r) {
     const o = t.apply(this, r);
     return window.dispatchEvent(new Event(_t)), o;
-  }, window.history[Kt] = !0;
+  }, window.history[en] = !0;
 }
-function Xt() {
+function tn() {
   return typeof window > "u" ? "/" : window.location.pathname || "/";
 }
-function cr(e) {
-  const [t, r] = C(
-    () => e ?? Xt()
+function mr(e) {
+  const [t, r] = E(
+    () => e ?? tn()
   );
   return I(() => {
     if (e !== void 0) return;
-    ar();
-    const o = () => r(Xt());
+    hr();
+    const o = () => r(tn());
     return o(), window.addEventListener("popstate", o), window.addEventListener(_t, o), () => {
       window.removeEventListener("popstate", o), window.removeEventListener(_t, o);
     };
   }, [e]), e ?? t;
 }
-const Qt = /* @__PURE__ */ new Map(), sr = /[\\^$+?.()|{}[\]]/g;
-function dr(e) {
-  return e.replace(sr, "\\$&");
+const nn = /* @__PURE__ */ new Map(), gr = /[\\^$+?.()|{}[\]]/g;
+function yr(e) {
+  return e.replace(gr, "\\$&");
 }
-function ur(e) {
-  const t = Qt.get(e);
+function vr(e) {
+  const t = nn.get(e);
   if (t) return t;
-  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), a = dr(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), s = new RegExp(`^${a}\\/?$`);
-  return Qt.set(e, s), s;
+  const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, o = "
", i = "", l = r.replace(/\*\*/g, o).replace(/\*/g, i), a = yr(l).replace(new RegExp(`\\/${o}`, "g"), "(?:\\/.*)?").replace(new RegExp(o, "g"), ".*").replace(new RegExp(i, "g"), "[^/]+"), c = new RegExp(`^${a}\\/?$`);
+  return nn.set(e, c), c;
 }
-function fr(e, t) {
+function br(e, t) {
   const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
-  return ur(e).test(r);
+  return vr(e).test(r);
 }
-function pr(e, t) {
-  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : fr(e, t);
+function wr(e, t) {
+  return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : br(e, t);
 }
-function Zt(e, t) {
+function rn(e, t) {
   if (!e || e.length === 0) return !1;
   for (const r of e)
-    if (pr(r, t)) return !0;
+    if (wr(r, t)) return !0;
   return !1;
 }
-function hr(e, t, r) {
-  return e === void 0 ? !0 : Zt(r, e) ? !1 : t && t.length > 0 ? Zt(t, e) : !0;
+function _r(e, t, r) {
+  return e === void 0 ? !0 : rn(r, e) ? !1 : t && t.length > 0 ? rn(t, e) : !0;
 }
-function mr(e, t, r) {
+function xr(e, t, r) {
   return Ge(
-    () => hr(e, t, r),
+    () => _r(e, t, r),
     [e, t, r]
   );
 }
-function gr(e) {
+function kr(e) {
   return e === !1 ? { navigate: !1, thinking: !1, action: !1 } : e === void 0 || e === !0 ? { navigate: !0, thinking: !0, action: !0 } : {
     navigate: e.navigate !== !1,
     thinking: e.thinking !== !1,
     action: e.action !== !1
   };
 }
-function yr(e) {
-  const t = Ge(() => gr(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), o = N(null), i = E(
-    (s) => {
+function Lr(e) {
+  const t = Ge(() => kr(e.config), [e.config]), r = e.baseUrl.replace(/\/+$/, ""), o = N(null), i = C(
+    (c) => {
       try {
-        new Audio(`${r}${s}`).play().catch(() => {
+        new Audio(`${r}${c}`).play().catch(() => {
         });
       } catch {
       }
     },
     [r]
-  ), l = E(() => {
+  ), l = C(() => {
     t.navigate && i("/audio/page-change-sound.mp3");
-  }, [t.navigate, i]), d = E(() => {
+  }, [t.navigate, i]), s = C(() => {
     t.action && i("/audio/confirmation-sound.mp3");
-  }, [t.action, i]), a = E(
-    (s) => {
+  }, [t.action, i]), a = C(
+    (c) => {
       if (!t.thinking) {
         if (o.current) {
           try {
@@ -557,13 +558,13 @@ function yr(e) {
         }
         return;
       }
-      if (s) {
+      if (c) {
         if (o.current) return;
         try {
-          const u = new Audio(`${r}/audio/thinking-sound.mp3`);
-          u.loop = !0, u.volume = 0.3, u.play().catch(() => {
+          const p = new Audio(`${r}/audio/thinking-sound.mp3`);
+          p.loop = !0, p.volume = 0.3, p.play().catch(() => {
             o.current = null;
-          }), o.current = u;
+          }), o.current = p;
         } catch {
         }
       } else if (o.current) {
@@ -585,11 +586,11 @@ function yr(e) {
       o.current = null;
     }
   }, []), Ge(
-    () => ({ playPageChange: l, playConfirmation: d, setThinking: a }),
-    [l, d, a]
+    () => ({ playPageChange: l, playConfirmation: s, setThinking: a }),
+    [l, s, a]
   );
 }
-const en = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
+const on = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ w(
   "svg",
   {
     className: t,
@@ -635,7 +636,7 @@ const en = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
       }
     )
   }
-), tn = ({ className: e }) => /* @__PURE__ */ n(
+), ln = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -653,7 +654,7 @@ const en = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
       }
     )
   }
-), vr = ({ className: e }) => /* @__PURE__ */ n(
+), Cr = ({ className: e }) => /* @__PURE__ */ n(
   "svg",
   {
     className: e,
@@ -664,12 +665,12 @@ const en = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), br = {
+), Er = {
   left: 180,
   right: 0,
   up: -90,
   down: 90
-}, nn = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
+}, an = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
   "svg",
   {
     className: t,
@@ -677,19 +678,19 @@ const en = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ g(
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    style: { transform: `rotate(${br[e]}deg)` },
+    style: { transform: `rotate(${Er[e]}deg)` },
     "aria-hidden": "true",
     children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
   }
 );
-function wr(e) {
+function Sr(e) {
   return e === "top-left" || e === "bottom-left" ? "left" : "right";
 }
-const yn = "ll-hidden-tab-center-y", _r = 5, rn = 16;
-function xr() {
+const xn = "ll-hidden-tab-center-y", Nr = 5, sn = 16;
+function Ar() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(yn);
+    const e = window.localStorage.getItem(xn);
     if (!e) return null;
     const t = Number.parseFloat(e);
     return Number.isFinite(t) ? t : null;
@@ -697,130 +698,130 @@ function xr() {
     return null;
   }
 }
-function on(e) {
+function cn(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(yn, String(e));
+      window.localStorage.setItem(xn, String(e));
     } catch {
     }
 }
-const kr = ({
+const Rr = ({
   position: e,
   isMobile: t,
   isSpeaking: r,
   onExpand: o,
   label: i = "Open widget",
   avatarImageUrl: l,
-  agentName: d,
+  agentName: s,
   containerEl: a
 }) => {
-  const s = wr(e), u = s === "right" ? "left" : "right", y = t ? 80 : 72, f = !!l, c = !!a, [A, x] = C(null), [_, v] = C(!1), b = N(null), S = N(!1), M = E(
-    (O) => {
-      if (typeof window > "u") return O;
-      const j = y / 2, H = rn + j, G = window.innerHeight - rn - j;
-      return G < H ? Math.max(H, O) : Math.max(H, Math.min(G, O));
+  const c = Sr(e), p = c === "right" ? "left" : "right", v = t ? 80 : 72, f = !!l, u = !!a, [R, L] = E(null), [_, h] = E(!1), b = N(null), S = N(!1), T = C(
+    (M) => {
+      if (typeof window > "u") return M;
+      const U = v / 2, B = sn + U, J = window.innerHeight - sn - U;
+      return J < B ? Math.max(B, M) : Math.max(B, Math.min(J, M));
     },
-    [y]
+    [v]
   );
   I(() => {
-    if (c) {
-      x(null);
+    if (u) {
+      L(null);
       return;
     }
-    const O = xr();
-    x(M(O ?? window.innerHeight / 2));
-    const j = () => {
-      x((H) => H === null ? null : M(H));
+    const M = Ar();
+    L(T(M ?? window.innerHeight / 2));
+    const U = () => {
+      L((B) => B === null ? null : T(B));
     };
-    return window.addEventListener("resize", j), () => window.removeEventListener("resize", j);
-  }, [M, c]);
-  const D = E(
-    (O) => {
-      if (!c && !(O.pointerType === "mouse" && O.button !== 0) && A !== null) {
+    return window.addEventListener("resize", U), () => window.removeEventListener("resize", U);
+  }, [T, u]);
+  const A = C(
+    (M) => {
+      if (!u && !(M.pointerType === "mouse" && M.button !== 0) && R !== null) {
         try {
-          O.currentTarget.setPointerCapture(O.pointerId);
+          M.currentTarget.setPointerCapture(M.pointerId);
         } catch {
         }
         b.current = {
-          startClientY: O.clientY,
-          startCenterY: A,
+          startClientY: M.clientY,
+          startCenterY: R,
           moved: !1
         };
       }
     },
-    [A, c]
-  ), k = E(
-    (O) => {
-      const j = b.current;
-      if (!j) return;
-      const H = O.clientY - j.startClientY;
-      !j.moved && Math.abs(H) > _r && (j.moved = !0, v(!0)), j.moved && x(M(j.startCenterY + H));
+    [R, u]
+  ), F = C(
+    (M) => {
+      const U = b.current;
+      if (!U) return;
+      const B = M.clientY - U.startClientY;
+      !U.moved && Math.abs(B) > Nr && (U.moved = !0, h(!0)), U.moved && L(T(U.startCenterY + B));
     },
-    [M]
-  ), R = E(
-    (O) => {
-      const j = b.current;
-      if (j) {
+    [T]
+  ), g = C(
+    (M) => {
+      const U = b.current;
+      if (U) {
         try {
-          O.currentTarget.releasePointerCapture(O.pointerId);
+          M.currentTarget.releasePointerCapture(M.pointerId);
         } catch {
         }
-        b.current = null, j.moved && (v(!1), S.current = !0, x((H) => (H !== null && on(H), H)));
+        b.current = null, U.moved && (h(!1), S.current = !0, L((B) => (B !== null && cn(B), B)));
       }
     },
     []
-  ), B = E(() => {
+  ), P = C(() => {
     if (S.current) {
       S.current = !1;
       return;
     }
     o();
-  }, [o]), q = E(
-    (O) => {
-      if (O.key === "ArrowUp" || O.key === "ArrowDown") {
-        O.preventDefault();
-        const j = O.key === "ArrowUp" ? -8 : 8;
-        x((H) => {
-          if (H === null) return H;
-          const G = M(H + j);
-          return on(G), G;
+  }, [o]), H = C(
+    (M) => {
+      if (M.key === "ArrowUp" || M.key === "ArrowDown") {
+        M.preventDefault();
+        const U = M.key === "ArrowUp" ? -8 : 8;
+        L((B) => {
+          if (B === null) return B;
+          const J = T(B + U);
+          return cn(J), J;
         });
       }
     },
-    [M]
-  ), F = [
+    [T]
+  ), q = [
     "ll-hidden",
-    `ll-hidden--${s}`,
+    `ll-hidden--${c}`,
     t ? "ll-hidden--mobile" : "ll-hidden--desktop",
     r ? "ll-hidden--speaking" : null,
     _ ? "is-dragging" : null,
     f ? "ll-hidden--with-avatar" : null,
-    c ? "ll-hidden--scoped" : null
-  ].filter(Boolean).join(" "), U = A === null ? void 0 : { top: `${A - y / 2}px`, transform: "none" };
+    u ? "ll-hidden--scoped" : null
+  ].filter(Boolean).join(" "), Z = R === null ? void 0 : { top: `${R - v / 2}px`, transform: "none" };
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: F,
-      onPointerDown: D,
-      onPointerMove: k,
-      onPointerUp: R,
-      onPointerCancel: R,
-      onClick: B,
-      onKeyDown: q,
+      className: q,
+      onPointerDown: A,
+      onPointerMove: F,
+      onPointerUp: g,
+      onPointerCancel: g,
+      onClick: P,
+      onKeyDown: H,
       "aria-label": i,
       "data-position": e,
-      style: U,
+      style: Z,
       children: f ? (
         // Layout: tiny chevron flush against the inward edge (peeks out
         // as the click affordance), then the circular avatar photo
         // taking the rest of the tab. Reinforces "this is an
         // avatar-based experience" even when collapsed.
-        /* @__PURE__ */ g(Ye, { children: [
+        /* @__PURE__ */ w(Pe, { children: [
           /* @__PURE__ */ n(
-            nn,
+            an,
             {
-              direction: u,
+              direction: p,
               className: "ll-hidden__chevron ll-hidden__chevron--mini"
             }
           ),
@@ -828,22 +829,22 @@ const kr = ({
             "img",
             {
               src: l,
-              alt: d ? `${d} avatar` : "Agent avatar",
+              alt: s ? `${s} avatar` : "Agent avatar",
               className: "ll-hidden__avatar",
               draggable: !1
             }
           )
         ] })
       ) : /* @__PURE__ */ n(
-        nn,
+        an,
         {
-          direction: u,
+          direction: p,
           className: "ll-hidden__chevron"
         }
       )
     }
   );
-}, Lr = ({
+}, Ir = ({
   audioLevel: e,
   bars: t = 20,
   maxHeight: r = 20,
@@ -851,48 +852,48 @@ const kr = ({
   className: i,
   barClassName: l
 }) => {
-  const d = N(null), a = N([]), s = Ge(() => {
-    const y = (Math.sqrt(5) - 1) / 2;
-    return Array.from({ length: t }, (f, c) => 0.5 + c * y % 1 * 0.5);
+  const s = N(null), a = N([]), c = Ge(() => {
+    const v = (Math.sqrt(5) - 1) / 2;
+    return Array.from({ length: t }, (f, u) => 0.5 + u * v % 1 * 0.5);
   }, [t]);
   I(() => e.subscribe((f) => {
-    for (let c = 0; c < t; c++) {
-      const A = a.current[c];
-      if (!A) continue;
-      const x = Math.max(o, f * r * s[c]);
-      A.style.height = `${x}px`;
+    for (let u = 0; u < t; u++) {
+      const R = a.current[u];
+      if (!R) continue;
+      const L = Math.max(o, f * r * c[u]);
+      R.style.height = `${L}px`;
     }
-  }), [e, t, r, o, s]);
-  const u = ["ll-waveform", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: d, className: u, "aria-hidden": "true", children: Array.from({ length: t }, (y, f) => /* @__PURE__ */ n(
+  }), [e, t, r, o, c]);
+  const p = ["ll-waveform", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: s, className: p, "aria-hidden": "true", children: Array.from({ length: t }, (v, f) => /* @__PURE__ */ n(
     "div",
     {
-      ref: (c) => {
-        a.current[f] = c;
+      ref: (u) => {
+        a.current[f] = u;
       },
       className: ["ll-waveform__bar", l].filter(Boolean).join(" "),
       style: { height: `${o}px` }
     },
     f
   )) });
-}, Er = ({
+}, Mr = ({
   position: e,
   isMobile: t,
   agentName: r,
   avatarImageUrl: o,
   agentState: i,
   isMuted: l,
-  audioLevel: d,
+  audioLevel: s,
   onExpand: a,
-  onToggleMute: s,
-  onClose: u
+  onToggleMute: c,
+  onClose: p
 }) => t ? /* @__PURE__ */ n(
   "div",
   {
     className: "ll-minimized ll-minimized--mobile",
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ g(
+    children: /* @__PURE__ */ w(
       "button",
       {
         type: "button",
@@ -912,33 +913,33 @@ const kr = ({
             )
           ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
           /* @__PURE__ */ n(
-            Lr,
+            Ir,
             {
-              audioLevel: d,
+              audioLevel: s,
               bars: 16,
               maxHeight: 18,
               className: "ll-minimized__waveform"
             }
           ),
           /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
-          /* @__PURE__ */ g("div", { className: "ll-minimized__controls", children: [
+          /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
             /* @__PURE__ */ n(
               "span",
               {
                 className: "ll-minimized__btn",
                 role: "button",
                 tabIndex: 0,
-                onClick: (y) => {
-                  y.stopPropagation(), s();
+                onClick: (v) => {
+                  v.stopPropagation(), c();
                 },
-                onKeyDown: (y) => {
-                  (y.key === "Enter" || y.key === " ") && (y.stopPropagation(), y.preventDefault(), s());
+                onKeyDown: (v) => {
+                  (v.key === "Enter" || v.key === " ") && (v.stopPropagation(), v.preventDefault(), c());
                 },
                 "aria-label": l ? "Unmute microphone" : "Mute microphone",
-                children: /* @__PURE__ */ n(en, { muted: l, className: "ll-minimized__icon" })
+                children: /* @__PURE__ */ n(on, { muted: l, className: "ll-minimized__icon" })
               }
             ),
-            /* @__PURE__ */ n(tn, { className: "ll-minimized__icon ll-minimized__icon--expand" })
+            /* @__PURE__ */ n(ln, { className: "ll-minimized__icon ll-minimized__icon--expand" })
           ] })
         ]
       }
@@ -951,7 +952,7 @@ const kr = ({
     "data-position": e,
     role: "region",
     "aria-label": `${r} widget`,
-    children: /* @__PURE__ */ g("div", { className: "ll-minimized__surface", children: [
+    children: /* @__PURE__ */ w("div", { className: "ll-minimized__surface", children: [
       o ? (
         // eslint-disable-next-line @next/next/no-img-element
         /* @__PURE__ */ n(
@@ -963,19 +964,19 @@ const kr = ({
           }
         )
       ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
-      /* @__PURE__ */ g("div", { className: "ll-minimized__meta", children: [
+      /* @__PURE__ */ w("div", { className: "ll-minimized__meta", children: [
         /* @__PURE__ */ n("span", { className: "ll-minimized__name", children: r }),
         /* @__PURE__ */ n("span", { className: "ll-minimized__state", children: i === "speaking" ? "Speaking" : i === "thinking" ? "Thinking" : "Listening" })
       ] }),
-      /* @__PURE__ */ g("div", { className: "ll-minimized__controls", children: [
+      /* @__PURE__ */ w("div", { className: "ll-minimized__controls", children: [
         /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             className: "ll-minimized__btn",
-            onClick: s,
+            onClick: c,
             "aria-label": l ? "Unmute microphone" : "Mute microphone",
-            children: /* @__PURE__ */ n(en, { muted: l, className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(on, { muted: l, className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -985,7 +986,7 @@ const kr = ({
             className: "ll-minimized__btn",
             onClick: a,
             "aria-label": `Expand ${r} widget`,
-            children: /* @__PURE__ */ n(tn, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(ln, { className: "ll-minimized__icon" })
           }
         ),
         /* @__PURE__ */ n(
@@ -993,26 +994,26 @@ const kr = ({
           {
             type: "button",
             className: "ll-minimized__btn ll-minimized__btn--close",
-            onClick: u,
+            onClick: p,
             "aria-label": "Close widget",
-            children: /* @__PURE__ */ n(vr, { className: "ll-minimized__icon" })
+            children: /* @__PURE__ */ n(Cr, { className: "ll-minimized__icon" })
           }
         )
       ] })
     ] })
   }
-), Cr = ({
+), Tr = ({
   src: e,
   alt: t,
   preCannedPlaying: r = !1,
   className: o,
   style: i
 }) => {
-  const [l, d] = C(!1), a = N(e);
+  const [l, s] = E(!1), a = N(e);
   if (I(() => {
-    a.current !== e && (a.current = e, d(!1));
+    a.current !== e && (a.current = e, s(!1));
   }, [e]), !e) return null;
-  const s = {
+  const c = {
     position: "absolute",
     inset: 0,
     width: "100%",
@@ -1032,49 +1033,49 @@ const kr = ({
         src: e,
         alt: t,
         className: o,
-        style: s,
+        style: c,
         loading: "eager",
         fetchPriority: "high",
-        onLoad: () => d(!0)
+        onLoad: () => s(!0)
       }
     )
   );
-}, Sr = 8, ln = 8, Nr = ({
+}, Dr = 8, dn = 8, Pr = ({
   open: e,
   onClose: t,
   anchorRef: r,
   children: o
 }) => {
-  const i = N(null), [l, d] = C(null);
-  return mn(() => {
+  const i = N(null), [l, s] = E(null);
+  return wn(() => {
     if (!e) {
-      d(null);
+      s(null);
       return;
     }
     const a = r.current;
     if (!a) return;
-    const s = () => {
-      const u = a.getBoundingClientRect(), y = {
-        top: u.top - Sr,
-        left: u.left + u.width / 2
-      }, f = ln + 90, c = window.innerWidth - ln - 90;
-      y.left < f && (y.left = f), y.left > c && (y.left = c), d(y);
+    const c = () => {
+      const p = a.getBoundingClientRect(), v = {
+        top: p.top - Dr,
+        left: p.left + p.width / 2
+      }, f = dn + 90, u = window.innerWidth - dn - 90;
+      v.left < f && (v.left = f), v.left > u && (v.left = u), s(v);
     };
-    return s(), window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), () => {
-      window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s);
+    return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
+      window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
   }, [e, r]), I(() => {
     if (!e) return;
-    const a = (u) => {
-      const y = u.target, f = i.current, c = r.current;
-      f && f.contains(y) || c && c.contains(y) || t();
-    }, s = (u) => {
-      u.key === "Escape" && (u.stopPropagation(), t());
+    const a = (p) => {
+      const v = p.target, f = i.current, u = r.current;
+      f && f.contains(v) || u && u.contains(v) || t();
+    }, c = (p) => {
+      p.key === "Escape" && (p.stopPropagation(), t());
     };
-    return document.addEventListener("mousedown", a), document.addEventListener("keydown", s), () => {
-      document.removeEventListener("mousedown", a), document.removeEventListener("keydown", s);
+    return document.addEventListener("mousedown", a), document.addEventListener("keydown", c), () => {
+      document.removeEventListener("mousedown", a), document.removeEventListener("keydown", c);
     };
-  }, [e, t, r]), !e || l === null || typeof document > "u" ? null : It(
+  }, [e, t, r]), !e || l === null || typeof document > "u" ? null : Pt(
     /* @__PURE__ */ n(
       "div",
       {
@@ -1094,25 +1095,25 @@ const kr = ({
     ),
     document.body
   );
-}, Ar = ({
+}, $r = ({
   isMuted: e,
   onToggleMute: t,
   isCameraEnabled: r,
   onToggleCamera: o,
   allowCamera: i,
   isScreenShareEnabled: l,
-  onToggleScreenShare: d,
+  onToggleScreenShare: s,
   allowScreenShare: a,
-  isSpeakerMuted: s,
-  onToggleSpeaker: u,
-  allowTyping: y,
+  isSpeakerMuted: c,
+  onToggleSpeaker: p,
+  allowTyping: v,
   isTypingOpen: f,
-  onToggleTyping: c,
-  onDisconnect: A
+  onToggleTyping: u,
+  onDisconnect: R
 }) => {
-  const [x, _] = C(!1), v = N(null);
-  return /* @__PURE__ */ g(Ye, { children: [
-    /* @__PURE__ */ g(
+  const [L, _] = E(!1), h = N(null);
+  return /* @__PURE__ */ w(Pe, { children: [
+    /* @__PURE__ */ w(
       "div",
       {
         className: "ll-toolbar ll-toolbar--compact",
@@ -1126,20 +1127,20 @@ const kr = ({
               className: `ll-tool ${e ? "is-muted" : ""}`,
               onClick: t,
               "aria-label": e ? "Unmute microphone" : "Mute microphone",
-              children: /* @__PURE__ */ n(wn, { muted: e })
+              children: /* @__PURE__ */ n(Cn, { muted: e })
             }
           ),
           /* @__PURE__ */ n(
             "button",
             {
-              ref: v,
+              ref: h,
               type: "button",
-              className: `ll-tool ${x ? "is-on" : ""}`,
+              className: `ll-tool ${L ? "is-on" : ""}`,
               onClick: () => _((b) => !b),
               "aria-label": "More controls",
               "aria-haspopup": "menu",
-              "aria-expanded": x,
-              children: /* @__PURE__ */ n(Rr, {})
+              "aria-expanded": L,
+              children: /* @__PURE__ */ n(zr, {})
             }
           ),
           /* @__PURE__ */ n(
@@ -1147,22 +1148,22 @@ const kr = ({
             {
               type: "button",
               className: "ll-tool ll-tool--danger",
-              onClick: A,
+              onClick: R,
               "aria-label": "End conversation",
-              children: /* @__PURE__ */ n(xn, {})
+              children: /* @__PURE__ */ n(Sn, {})
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ g(
-      Nr,
+    /* @__PURE__ */ w(
+      Pr,
       {
-        open: x,
+        open: L,
         onClose: () => _(!1),
-        anchorRef: v,
+        anchorRef: h,
         children: [
-          i && /* @__PURE__ */ g(
+          i && /* @__PURE__ */ w(
             "button",
             {
               type: "button",
@@ -1171,54 +1172,54 @@ const kr = ({
                 o(), _(!1);
               },
               children: [
-                /* @__PURE__ */ n(bn, {}),
+                /* @__PURE__ */ n(Ln, {}),
                 /* @__PURE__ */ n("span", { children: r ? "Stop camera" : "Start camera" })
               ]
             }
           ),
-          a && /* @__PURE__ */ g(
+          a && /* @__PURE__ */ w(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${l ? "is-on" : ""}`,
               onClick: () => {
-                d(), _(!1);
+                s(), _(!1);
               },
               children: [
-                /* @__PURE__ */ n(vn, {}),
+                /* @__PURE__ */ n(kn, {}),
                 /* @__PURE__ */ n("span", { children: l ? "Stop sharing" : "Share screen" })
               ]
             }
           ),
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ w(
             "button",
             {
               type: "button",
-              className: `ll-overflow-popover__item ${s ? "is-on" : ""}`,
+              className: `ll-overflow-popover__item ${c ? "is-on" : ""}`,
               onClick: () => {
-                u(), _(!1);
+                p(), _(!1);
               },
               children: [
-                /* @__PURE__ */ n(_n, { muted: s }),
-                /* @__PURE__ */ n("span", { children: s ? "Unmute speaker" : "Mute speaker" })
+                /* @__PURE__ */ n(En, { muted: c }),
+                /* @__PURE__ */ n("span", { children: c ? "Unmute speaker" : "Mute speaker" })
               ]
             }
           ),
-          y && /* @__PURE__ */ g(
+          v && /* @__PURE__ */ w(
             "button",
             {
               type: "button",
               className: `ll-overflow-popover__item ${f ? "is-on" : ""}`,
               onClick: () => {
-                c(), _(!1);
+                u(), _(!1);
               },
               children: [
-                /* @__PURE__ */ n(Ir, {}),
+                /* @__PURE__ */ n(Or, {}),
                 /* @__PURE__ */ n("span", { children: f ? "Hide typing" : "Type a message" })
               ]
             }
           ),
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ w(
             "button",
             {
               type: "button",
@@ -1236,8 +1237,8 @@ const kr = ({
     )
   ] });
 };
-function Rr() {
-  return /* @__PURE__ */ g(
+function zr() {
+  return /* @__PURE__ */ w(
     "svg",
     {
       width: "16",
@@ -1253,7 +1254,7 @@ function Rr() {
     }
   );
 }
-function Ir() {
+function Or() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1270,151 +1271,151 @@ function Ir() {
     }
   );
 }
-const Mr = ({
+const Hr = ({
   position: e,
   isMobile: t,
   agentName: r,
   avatarImageUrl: o,
   idleLoopUrl: i,
   greeting: l,
-  branding: d,
+  branding: s,
   teamMembers: a,
-  currentTeamMemberId: s,
-  isSwitchingTeamMember: u,
-  teamSwitcherOpen: y,
+  currentTeamMemberId: c,
+  isSwitchingTeamMember: p,
+  teamSwitcherOpen: v,
   onToggleTeamSwitcher: f,
-  onSelectTeamMember: c,
-  languageMenuOpen: A,
-  onToggleLanguageMenu: x,
+  onSelectTeamMember: u,
+  languageMenuOpen: R,
+  onToggleLanguageMenu: L,
   connectionState: _,
-  agentState: v,
+  agentState: h,
   transcript: b,
   canResume: S,
-  needsUserGesture: M,
-  error: D,
-  isMuted: k,
-  micError: R,
-  micDevices: B,
-  activeMicId: q,
-  isCameraEnabled: F,
-  cameraPreviewEl: U,
-  cameraDevices: O,
-  activeCameraId: j,
-  isScreenShareEnabled: H,
-  screenPreviewEl: G,
-  isSpeakerMuted: ce,
-  allowCamera: se,
-  allowScreenShare: ge,
-  allowTyping: pe,
+  needsUserGesture: T,
+  error: A,
+  isMuted: F,
+  micError: g,
+  micDevices: P,
+  activeMicId: H,
+  isCameraEnabled: q,
+  cameraPreviewEl: Z,
+  cameraDevices: M,
+  activeCameraId: U,
+  isScreenShareEnabled: B,
+  screenPreviewEl: J,
+  isSpeakerMuted: oe,
+  allowCamera: _e,
+  allowScreenShare: K,
+  allowTyping: xe,
   showMinimize: ye = !0,
-  showClose: Ee = !0,
-  chromeless: Pe = !1,
-  compactControls: ne = !1,
-  transforming: ft,
+  showClose: ke = !0,
+  chromeless: ve = !1,
+  compactControls: ie = !1,
+  transforming: dt,
   transformingLabel: Je,
-  avatarVideoContainerRef: pt,
-  agentVideoEl: le,
+  avatarVideoContainerRef: ut,
+  agentVideoEl: se,
   onConnect: Ke,
   onDisconnect: Xe,
-  onRetry: ht,
+  onRetry: ft,
   onResumeAudio: Qe,
-  onToggleMute: Ce,
+  onToggleMute: Se,
   onSwitchMicDevice: $e,
-  onToggleCamera: Se,
+  onToggleCamera: Ne,
   onSwitchCameraDevice: ze,
-  onToggleScreenShare: Ne,
-  onToggleSpeaker: Ae,
-  onSendMessage: Re,
-  onMinimize: P,
-  onClose: mt,
+  onToggleScreenShare: Ae,
+  onToggleSpeaker: Re,
+  onSendMessage: Ie,
+  onMinimize: Me,
+  onClose: $,
   onClearMicError: kt
 }) => {
-  var De;
-  const Ie = ((a == null ? void 0 : a.length) ?? 0) > 1, Me = _ === "connecting" || _ === "connected", re = _ === "connected", Ze = _ === "idle" || _ === "disconnected" || _ === "error", [et, Oe] = C(!1);
+  var mt;
+  const Te = ((a == null ? void 0 : a.length) ?? 0) > 1, Oe = _ === "connecting" || _ === "connected", ce = _ === "connected", Ze = _ === "idle" || _ === "disconnected" || _ === "error", [De, He] = E(!1);
   I(() => {
-    if (!le) {
-      Oe(!1);
+    if (!se) {
+      He(!1);
       return;
     }
-    if (!le.paused && le.readyState >= 2) {
-      Oe(!0);
+    if (!se.paused && se.readyState >= 2) {
+      He(!0);
       return;
     }
-    Oe(!1);
-    const h = () => Oe(!0);
-    return le.addEventListener("playing", h), le.addEventListener("loadeddata", h), () => {
-      le.removeEventListener("playing", h), le.removeEventListener("loadeddata", h);
+    He(!1);
+    const m = () => He(!0);
+    return se.addEventListener("playing", m), se.addEventListener("loadeddata", m), () => {
+      se.removeEventListener("playing", m), se.removeEventListener("loadeddata", m);
     };
-  }, [le]);
-  const [Te, ee] = C(!1);
+  }, [se]);
+  const [Lt, Le] = E(!1);
   I(() => {
-    if (!re) {
-      ee(!1);
+    if (!ce) {
+      Le(!1);
       return;
     }
-    if (et) return;
-    const h = setTimeout(() => ee(!0), 8e3);
-    return () => clearTimeout(h);
-  }, [re, et]);
-  const gt = _ === "connecting" || re && !!o && !et && !Te, tt = N(null), oe = N(null);
+    if (De) return;
+    const m = setTimeout(() => Le(!0), 8e3);
+    return () => clearTimeout(m);
+  }, [ce, De]);
+  const ee = _ === "connecting" || ce && !!o && !De && !Lt, et = N(null), ue = N(null);
   I(() => {
-    const h = tt.current;
-    h && (h.innerHTML = "", U && (U.style.width = "100%", U.style.height = "100%", U.style.objectFit = "cover", U.style.transform = "scaleX(-1)", h.appendChild(U)));
-  }, [U]), I(() => {
-    const h = oe.current;
-    h && (h.innerHTML = "", G && (G.style.width = "100%", G.style.height = "100%", G.style.objectFit = "contain", h.appendChild(G)));
-  }, [G]);
-  const [ie, de] = C(!1), [ve, X] = C(!1), ue = N(null), be = N(null);
+    const m = et.current;
+    m && (m.innerHTML = "", Z && (Z.style.width = "100%", Z.style.height = "100%", Z.style.objectFit = "cover", Z.style.transform = "scaleX(-1)", m.appendChild(Z)));
+  }, [Z]), I(() => {
+    const m = ue.current;
+    m && (m.innerHTML = "", J && (J.style.width = "100%", J.style.height = "100%", J.style.objectFit = "contain", m.appendChild(J)));
+  }, [J]);
+  const [Be, We] = E(!1), [te, le] = E(!1), pt = N(null), ht = N(null);
   I(() => {
-    if (!ie && !ve && !A && !y) return;
-    const h = () => {
-      de(!1), X(!1), A && x(), y && f();
+    if (!Be && !te && !R && !v) return;
+    const m = () => {
+      We(!1), le(!1), R && L(), v && f();
     };
-    return document.addEventListener("click", h), () => document.removeEventListener("click", h);
+    return document.addEventListener("click", m), () => document.removeEventListener("click", m);
   }, [
-    ie,
-    ve,
-    A,
-    y,
-    x,
+    Be,
+    te,
+    R,
+    v,
+    L,
     f
   ]);
-  const [He, Lt] = C(!1), nt = E(() => Lt((h) => !h), []), [we, rt] = C(""), ot = E(
-    (h) => {
-      h.preventDefault();
-      const J = we.trim();
-      J && (Re(J), rt(""));
+  const [Ce, tt] = E(!1), re = C(() => tt((m) => !m), []), [ae, Ee] = E(""), nt = C(
+    (m) => {
+      m.preventDefault();
+      const Y = ae.trim();
+      Y && (Ie(Y), Ee(""));
     },
-    [we, Re]
-  ), it = d.productName || "Live Layer";
-  let _e = null, xe = null;
-  for (let h = b.length - 1; h >= 0; h--) {
-    const J = b[h];
-    if (!_e && J.role === "agent" ? _e = J : !xe && J.role === "user" && (xe = J), _e && xe) break;
+    [ae, Ie]
+  ), Ct = s.productName || "Live Layer";
+  let fe = null, pe = null;
+  for (let m = b.length - 1; m >= 0; m--) {
+    const Y = b[m];
+    if (!fe && Y.role === "agent" ? fe = Y : !pe && Y.role === "user" && (pe = Y), fe && pe) break;
   }
-  const We = re ? (_e == null ? void 0 : _e.text) || null : l || null, yt = re && (xe == null ? void 0 : xe.text) || null, Be = [
+  const rt = ce ? (fe == null ? void 0 : fe.text) || null : l || null, qe = ce && (pe == null ? void 0 : pe.text) || null, ot = [
     "ll-expanded",
     t ? "ll-expanded--mobile" : "ll-expanded--desktop"
   ].join(" ");
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ w(
     "div",
     {
-      className: Be,
+      className: ot,
       "data-position": e,
-      "data-state": re ? "connected" : Me ? "connecting" : "idle",
+      "data-state": ce ? "connected" : Oe ? "connecting" : "idle",
       role: "dialog",
       "aria-label": `${r} widget`,
       children: [
-        /* @__PURE__ */ g("div", { className: "ll-expanded__bg", children: [
+        /* @__PURE__ */ w("div", { className: "ll-expanded__bg", children: [
           o ? /* @__PURE__ */ n(
-            Cr,
+            Tr,
             {
               src: o,
               alt: r,
               className: "ll-expanded__bg-img"
             }
-          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((De = r == null ? void 0 : r.charAt(0)) == null ? void 0 : De.toUpperCase()) || "A" }) }),
-          i && !re && /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((mt = r == null ? void 0 : r.charAt(0)) == null ? void 0 : mt.toUpperCase()) || "A" }) }),
+          i && !ce && /* @__PURE__ */ n(
             "video",
             {
               className: "ll-expanded__bg-idle",
@@ -1426,12 +1427,12 @@ const Mr = ({
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { ref: pt, className: "ll-expanded__video" }),
-        gt && /* @__PURE__ */ g("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
+        /* @__PURE__ */ n("div", { ref: ut, className: "ll-expanded__video" }),
+        ee && /* @__PURE__ */ w("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: u ? "Switching..." : "Connecting..." })
+          /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: p ? "Switching..." : "Connecting..." })
         ] }),
-        M && re && /* @__PURE__ */ g(
+        T && ce && /* @__PURE__ */ w(
           "button",
           {
             type: "button",
@@ -1443,7 +1444,7 @@ const Mr = ({
             ]
           }
         ),
-        ft && /* @__PURE__ */ g(
+        dt && /* @__PURE__ */ w(
           "div",
           {
             className: "ll-expanded__overlay ll-expanded__overlay--transforming",
@@ -1456,69 +1457,69 @@ const Mr = ({
             ]
           }
         ),
-        Me ? /* @__PURE__ */ g(Ye, { children: [
-          !ne && /* @__PURE__ */ g("div", { className: "ll-expanded__topbar", children: [
-            !Pe && /* @__PURE__ */ g("div", { className: "ll-expanded__topbar-left", children: [
-              /* @__PURE__ */ g("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ g(
+        Oe ? /* @__PURE__ */ w(Pe, { children: [
+          !ie && /* @__PURE__ */ w("div", { className: "ll-expanded__topbar", children: [
+            !ve && /* @__PURE__ */ w("div", { className: "ll-expanded__topbar-left", children: [
+              /* @__PURE__ */ w("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ w(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill",
-                    onClick: (h) => {
-                      Ie && (h.stopPropagation(), f());
+                    onClick: (m) => {
+                      Te && (m.stopPropagation(), f());
                     },
-                    "aria-haspopup": Ie ? "listbox" : void 0,
-                    "aria-expanded": Ie ? y : void 0,
+                    "aria-haspopup": Te ? "listbox" : void 0,
+                    "aria-expanded": Te ? v : void 0,
                     children: [
                       /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
-                      Ie && /* @__PURE__ */ n(bt, {})
+                      Te && /* @__PURE__ */ n(bt, {})
                     ]
                   }
                 ),
-                Ie && y && /* @__PURE__ */ n(
+                Te && v && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (h) => h.stopPropagation(),
+                    onClick: (m) => m.stopPropagation(),
                     role: "listbox",
-                    children: a == null ? void 0 : a.map((h) => /* @__PURE__ */ g(
+                    children: a == null ? void 0 : a.map((m) => /* @__PURE__ */ w(
                       "button",
                       {
                         type: "button",
-                        className: `ll-hmenu__item ${h.id === s ? "is-active" : ""}`,
-                        onClick: () => c(h.id),
+                        className: `ll-hmenu__item ${m.id === c ? "is-active" : ""}`,
+                        onClick: () => u(m.id),
                         role: "option",
-                        "aria-selected": h.id === s,
+                        "aria-selected": m.id === c,
                         children: [
-                          h.avatarImageUrl && /* @__PURE__ */ n(
+                          m.avatarImageUrl && /* @__PURE__ */ n(
                             "img",
                             {
-                              src: h.avatarImageUrl,
+                              src: m.avatarImageUrl,
                               alt: "",
                               className: "ll-hmenu__avatar"
                             }
                           ),
-                          /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: h.name }),
-                          h.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: h.role })
+                          /* @__PURE__ */ n("span", { className: "ll-hmenu__name", children: m.name }),
+                          m.role && /* @__PURE__ */ n("span", { className: "ll-hmenu__role", children: m.role })
                         ]
                       },
-                      h.id
+                      m.id
                     ))
                   }
                 )
               ] }),
-              /* @__PURE__ */ g("div", { className: "ll-expanded__pill-wrap", children: [
-                /* @__PURE__ */ g(
+              /* @__PURE__ */ w("div", { className: "ll-expanded__pill-wrap", children: [
+                /* @__PURE__ */ w(
                   "button",
                   {
                     type: "button",
                     className: "ll-hpill ll-hpill--compact",
-                    onClick: (h) => {
-                      h.stopPropagation(), x();
+                    onClick: (m) => {
+                      m.stopPropagation(), L();
                     },
                     "aria-haspopup": "listbox",
-                    "aria-expanded": A,
+                    "aria-expanded": R,
                     "aria-label": "Language: English",
                     title: "Language: English",
                     children: [
@@ -1527,11 +1528,11 @@ const Mr = ({
                     ]
                   }
                 ),
-                A && /* @__PURE__ */ n(
+                R && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ll-hmenu",
-                    onClick: (h) => h.stopPropagation(),
+                    onClick: (m) => m.stopPropagation(),
                     role: "listbox",
                     children: /* @__PURE__ */ n(
                       "button",
@@ -1549,88 +1550,88 @@ const Mr = ({
               /* @__PURE__ */ n(
                 "span",
                 {
-                  className: `ll-expanded__state ll-expanded__state--${v}`,
-                  children: v
+                  className: `ll-expanded__state ll-expanded__state--${h}`,
+                  children: h
                 }
               )
             ] }),
-            /* @__PURE__ */ g("div", { className: "ll-expanded__header-actions", children: [
+            /* @__PURE__ */ w("div", { className: "ll-expanded__header-actions", children: [
               ye !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn",
-                  onClick: P,
+                  onClick: Me,
                   "aria-label": "Minimize widget",
                   title: "Minimize",
-                  children: /* @__PURE__ */ n(cn, {})
+                  children: /* @__PURE__ */ n(fn, {})
                 }
               ),
-              Ee !== !1 && /* @__PURE__ */ n(
+              ke !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: mt,
+                  onClick: $,
                   "aria-label": "End call",
                   title: "End call",
-                  children: /* @__PURE__ */ n(an, {})
+                  children: /* @__PURE__ */ n(un, {})
                 }
               )
             ] })
           ] }),
-          ne && /* @__PURE__ */ g("div", { className: "ll-compact-status", "data-state": v, children: [
+          ie && /* @__PURE__ */ w("div", { className: "ll-compact-status", "data-state": h, children: [
             /* @__PURE__ */ n("span", { className: "ll-compact-status__dot", "aria-hidden": !0 }),
-            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: v })
+            /* @__PURE__ */ n("span", { className: "ll-compact-status__label", children: h })
           ] })
         ] }) : (
           // Idle-state header with Live Layer product name + minimize/close.
           // Hidden in compact mode — on a 140×210 docked slot the brand pill
           // and 40px buttons crowded out the central "Start video call"
           // affordance. The user can dismiss by scrolling past the slot.
-          !ne && /* @__PURE__ */ g("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
-            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: it }),
-            /* @__PURE__ */ g("div", { className: "ll-expanded__header-actions", children: [
+          !ie && /* @__PURE__ */ w("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
+            /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ct }),
+            /* @__PURE__ */ w("div", { className: "ll-expanded__header-actions", children: [
               ye !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--ghost",
-                  onClick: P,
+                  onClick: Me,
                   "aria-label": "Minimize widget",
-                  children: /* @__PURE__ */ n(cn, {})
+                  children: /* @__PURE__ */ n(fn, {})
                 }
               ),
-              Ee !== !1 && /* @__PURE__ */ n(
+              ke !== !1 && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
                   className: "ll-hbtn ll-hbtn--danger",
-                  onClick: mt,
+                  onClick: $,
                   "aria-label": "Close widget",
-                  children: /* @__PURE__ */ n(an, {})
+                  children: /* @__PURE__ */ n(un, {})
                 }
               )
             ] })
           ] })
         ),
         Ze && /* @__PURE__ */ (() => {
-          const h = S ? "Resume session" : _ === "disconnected" ? "Reconnect to agent" : "Start video call";
-          return /* @__PURE__ */ g(Ye, { children: [
-            !D && /* @__PURE__ */ g(
+          const m = S ? "Resume session" : _ === "disconnected" ? "Reconnect to agent" : "Start video call";
+          return /* @__PURE__ */ w(Pe, { children: [
+            !A && /* @__PURE__ */ w(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__play",
                 onClick: Ke,
-                "aria-label": h,
+                "aria-label": m,
                 children: [
                   /* @__PURE__ */ n("div", { className: "ll-expanded__play-circle", children: /* @__PURE__ */ n("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("polygon", { points: "6 3 20 12 6 21 6 3" }) }) }),
-                  ne && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: h })
+                  ie && /* @__PURE__ */ n("span", { className: "ll-expanded__play-label", children: m })
                 ]
               }
             ),
-            !ne && /* @__PURE__ */ g("div", { className: "ll-expanded__bottom ll-expanded__bottom--idle", children: [
+            !ie && /* @__PURE__ */ w("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 }) }),
               /* @__PURE__ */ n(
                 "button",
@@ -1638,140 +1639,140 @@ const Mr = ({
                   type: "button",
                   className: "ll-expanded__cta",
                   onClick: Ke,
-                  "aria-label": h,
-                  children: h
+                  "aria-label": m,
+                  children: m
                 }
               )
             ] })
           ] });
         })(),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ w(
           "div",
           {
-            className: `ll-expanded__pip ${Me && (F || H) ? "is-visible" : ""}`,
+            className: `ll-expanded__pip ${Oe && (q || B) ? "is-visible" : ""}`,
             children: [
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: oe,
-                  className: H ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: ue,
+                  className: B ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               ),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: tt,
-                  className: !H && F ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
+                  ref: et,
+                  className: !B && q ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
                 }
               )
             ]
           }
         ),
-        Me ? /* @__PURE__ */ g("div", { className: "ll-expanded__bottom", children: [
-          !ne && We && /* @__PURE__ */ n(
+        Oe ? /* @__PURE__ */ w("div", { className: "ll-expanded__bottom", children: [
+          !ie && rt && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--agent",
               "data-role": "agent",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: We })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: rt })
             }
           ),
-          !ne && yt && /* @__PURE__ */ n(
+          !ie && qe && /* @__PURE__ */ n(
             "div",
             {
               className: "ll-expanded__transcript ll-expanded__transcript--user",
               "data-role": "user",
-              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: yt })
+              children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: qe })
             }
           ),
-          !Pe && !ne && /* @__PURE__ */ g("div", { className: "ll-toolbar", onClick: (h) => h.stopPropagation(), children: [
-            ge && /* @__PURE__ */ n(
+          !ve && !ie && /* @__PURE__ */ w("div", { className: "ll-toolbar", onClick: (m) => m.stopPropagation(), children: [
+            K && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: `ll-tool ${H ? "is-on" : ""}`,
-                onClick: Ne,
-                "aria-label": H ? "Stop sharing screen" : "Share screen",
-                title: H ? "Stop sharing" : "Share screen",
-                children: /* @__PURE__ */ n(vn, {})
+                className: `ll-tool ${B ? "is-on" : ""}`,
+                onClick: Ae,
+                "aria-label": B ? "Stop sharing screen" : "Share screen",
+                title: B ? "Stop sharing" : "Share screen",
+                children: /* @__PURE__ */ n(kn, {})
               }
             ),
-            se && /* @__PURE__ */ g("div", { className: "ll-tool-split", children: [
+            _e && /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${F ? "is-on" : ""}`,
-                  onClick: Se,
-                  "aria-label": F ? "Turn off camera" : "Turn on camera",
-                  title: F ? "Stop camera" : "Start camera",
-                  children: /* @__PURE__ */ n(bn, {})
+                  className: `ll-tool ll-tool--left ${q ? "is-on" : ""}`,
+                  onClick: Ne,
+                  "aria-label": q ? "Turn off camera" : "Turn on camera",
+                  title: q ? "Stop camera" : "Start camera",
+                  children: /* @__PURE__ */ n(Ln, {})
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
-                  ref: be,
+                  ref: ht,
                   type: "button",
-                  className: `ll-tool ll-tool--right ${F ? "is-on" : ""}`,
-                  onClick: (h) => {
-                    h.stopPropagation(), X((J) => !J), de(!1);
+                  className: `ll-tool ll-tool--right ${q ? "is-on" : ""}`,
+                  onClick: (m) => {
+                    m.stopPropagation(), le((Y) => !Y), We(!1);
                   },
                   "aria-label": "Camera devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": ve,
+                  "aria-expanded": te,
                   children: /* @__PURE__ */ n(bt, {})
                 }
               ),
-              ve && O.length > 0 && /* @__PURE__ */ n(
-                sn,
+              te && M.length > 0 && /* @__PURE__ */ n(
+                pn,
                 {
                   label: "Camera",
-                  devices: O,
-                  activeId: j,
-                  anchorRef: be,
-                  onPick: (h) => {
-                    X(!1), ze(h);
+                  devices: M,
+                  activeId: U,
+                  anchorRef: ht,
+                  onPick: (m) => {
+                    le(!1), ze(m);
                   }
                 }
               )
             ] }),
-            /* @__PURE__ */ g("div", { className: "ll-tool-split", children: [
+            /* @__PURE__ */ w("div", { className: "ll-tool-split", children: [
               /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  className: `ll-tool ll-tool--left ${k ? "is-muted" : ""}`,
-                  onClick: Ce,
-                  "aria-label": k ? "Unmute microphone" : "Mute microphone",
-                  title: k ? "Unmute" : "Mute",
-                  children: /* @__PURE__ */ n(wn, { muted: k })
+                  className: `ll-tool ll-tool--left ${F ? "is-muted" : ""}`,
+                  onClick: Se,
+                  "aria-label": F ? "Unmute microphone" : "Mute microphone",
+                  title: F ? "Unmute" : "Mute",
+                  children: /* @__PURE__ */ n(Cn, { muted: F })
                 }
               ),
               /* @__PURE__ */ n(
                 "button",
                 {
-                  ref: ue,
+                  ref: pt,
                   type: "button",
-                  className: `ll-tool ll-tool--right ${k ? "is-muted" : ""}`,
-                  onClick: (h) => {
-                    h.stopPropagation(), de((J) => !J), X(!1);
+                  className: `ll-tool ll-tool--right ${F ? "is-muted" : ""}`,
+                  onClick: (m) => {
+                    m.stopPropagation(), We((Y) => !Y), le(!1);
                   },
                   "aria-label": "Microphone devices",
                   "aria-haspopup": "listbox",
-                  "aria-expanded": ie,
+                  "aria-expanded": Be,
                   children: /* @__PURE__ */ n(bt, {})
                 }
               ),
-              ie && B.length > 0 && /* @__PURE__ */ n(
-                sn,
+              Be && P.length > 0 && /* @__PURE__ */ n(
+                pn,
                 {
                   label: "Microphone",
-                  devices: B,
-                  activeId: q,
-                  anchorRef: ue,
-                  onPick: (h) => {
-                    de(!1), $e(h);
+                  devices: P,
+                  activeId: H,
+                  anchorRef: pt,
+                  onPick: (m) => {
+                    We(!1), $e(m);
                   }
                 }
               )
@@ -1780,11 +1781,11 @@ const Mr = ({
               "button",
               {
                 type: "button",
-                className: `ll-tool ${ce ? "is-muted" : ""}`,
-                onClick: Ae,
-                "aria-label": ce ? "Unmute speaker" : "Mute speaker",
-                title: ce ? "Unmute speaker" : "Mute speaker",
-                children: /* @__PURE__ */ n(_n, { muted: ce })
+                className: `ll-tool ${oe ? "is-muted" : ""}`,
+                onClick: Re,
+                "aria-label": oe ? "Unmute speaker" : "Mute speaker",
+                title: oe ? "Unmute speaker" : "Mute speaker",
+                children: /* @__PURE__ */ n(En, { muted: oe })
               }
             ),
             /* @__PURE__ */ n(
@@ -1795,56 +1796,56 @@ const Mr = ({
                 onClick: Xe,
                 "aria-label": "End conversation",
                 title: "End conversation",
-                children: /* @__PURE__ */ n(xn, {})
+                children: /* @__PURE__ */ n(Sn, {})
               }
             )
           ] }),
-          !Pe && ne && /* @__PURE__ */ n(
-            Ar,
+          !ve && ie && /* @__PURE__ */ n(
+            $r,
             {
-              isMuted: k,
-              onToggleMute: Ce,
-              isCameraEnabled: F,
-              onToggleCamera: Se,
-              allowCamera: se,
-              isScreenShareEnabled: H,
-              onToggleScreenShare: Ne,
-              allowScreenShare: ge,
-              isSpeakerMuted: ce,
-              onToggleSpeaker: Ae,
-              allowTyping: pe,
-              isTypingOpen: He,
-              onToggleTyping: nt,
+              isMuted: F,
+              onToggleMute: Se,
+              isCameraEnabled: q,
+              onToggleCamera: Ne,
+              allowCamera: _e,
+              isScreenShareEnabled: B,
+              onToggleScreenShare: Ae,
+              allowScreenShare: K,
+              isSpeakerMuted: oe,
+              onToggleSpeaker: Re,
+              allowTyping: xe,
+              isTypingOpen: Ce,
+              onToggleTyping: re,
               onDisconnect: Xe
             }
           ),
-          !Pe && pe && (ne ? He : !0) && /* @__PURE__ */ g("form", { className: "ll-message-input", onSubmit: ot, children: [
+          !ve && xe && (ie ? Ce : !0) && /* @__PURE__ */ w("form", { className: "ll-message-input", onSubmit: nt, children: [
             /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "ll-message-input__field",
                 placeholder: "Message...",
-                value: we,
-                onChange: (h) => rt(h.target.value),
+                value: ae,
+                onChange: (m) => Ee(m.target.value),
                 "aria-label": "Message the agent"
               }
             ),
-            we.trim() && /* @__PURE__ */ n(
+            ae.trim() && /* @__PURE__ */ n(
               "button",
               {
                 type: "submit",
                 className: "ll-message-input__send",
                 "aria-label": "Send message",
-                children: /* @__PURE__ */ n(Tr, {})
+                children: /* @__PURE__ */ n(Br, {})
               }
             )
           ] })
         ] }) : null,
         (() => {
-          if (R && _ !== "error")
-            return /* @__PURE__ */ g("div", { className: "ll-expanded__banner", role: "alert", children: [
-              /* @__PURE__ */ n("span", { children: R }),
+          if (g && _ !== "error")
+            return /* @__PURE__ */ w("div", { className: "ll-expanded__banner", role: "alert", children: [
+              /* @__PURE__ */ n("span", { children: g }),
               /* @__PURE__ */ n(
                 "button",
                 {
@@ -1856,17 +1857,17 @@ const Mr = ({
                 }
               )
             ] });
-          if (!D || _ !== "error") return null;
-          let h = "Failed to connect", J = "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__ */ g("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
-            /* @__PURE__ */ n("span", { children: h }),
+          if (!A || _ !== "error") return null;
+          let m = "Failed to connect", Y = "Try again";
+          return A === "MIC_PERMISSION_DENIED" ? m = "Microphone blocked. Allow access to talk." : A === "MIC_NOT_FOUND" ? m = "No microphone found. Plug one in + retry." : A === "MIC_UNAVAILABLE" ? m = "Mic unavailable. Check other apps using it." : A === "AGENT_TIMEOUT" ? m = "Agent didn't pick up. Try again." : A === "CONNECT_FAILED" ? m = "Connection failed. Check your network." : A.length < 80 && (m = A), /* @__PURE__ */ w("div", { className: "ll-expanded__banner ll-expanded__banner--error", role: "alert", children: [
+            /* @__PURE__ */ n("span", { children: m }),
             /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "ll-expanded__banner-retry",
-                onClick: ht,
-                children: J
+                onClick: ft,
+                children: Y
               }
             )
           ] });
@@ -1878,52 +1879,52 @@ const Mr = ({
 function bt() {
   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 an() {
-  return /* @__PURE__ */ g("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
+function un() {
+  return /* @__PURE__ */ w("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 cn() {
+function fn() {
   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 vn() {
-  return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function kn() {
+  return /* @__PURE__ */ w("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 bn() {
-  return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function Ln() {
+  return /* @__PURE__ */ w("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 wn({ muted: e }) {
-  return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function Cn({ muted: e }) {
+  return /* @__PURE__ */ w("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 _n({ muted: e }) {
-  return /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function En({ muted: e }) {
+  return /* @__PURE__ */ w("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__ */ g(Ye, { children: [
+    e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ w(Pe, { children: [
       /* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
       /* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
     ] })
   ] });
 }
-function Tr() {
-  return /* @__PURE__ */ g("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
+function Br() {
+  return /* @__PURE__ */ w("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
     /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
     /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
   ] });
 }
-function xn() {
+function Sn() {
   return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "-4 -4 32 32", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n(
     "path",
     {
@@ -1932,29 +1933,29 @@ function xn() {
     }
   ) });
 }
-const sn = ({
+const pn = ({
   label: e,
   devices: t,
   activeId: r,
   onPick: o,
   anchorRef: i
 }) => {
-  const [l, d] = C(null);
-  return mn(() => {
+  const [l, s] = E(null);
+  return wn(() => {
     const a = () => {
-      const s = i.current;
-      if (!s) return;
-      const u = s.getBoundingClientRect(), y = 126, f = window.innerWidth - 16 - 110, c = u.left + u.width / 2;
-      d({
-        top: u.top - 8,
-        left: Math.max(y, Math.min(f, c))
+      const c = i.current;
+      if (!c) return;
+      const p = c.getBoundingClientRect(), v = 126, f = window.innerWidth - 16 - 110, u = p.left + p.width / 2;
+      s({
+        top: p.top - 8,
+        left: Math.max(v, Math.min(f, u))
       });
     };
     return a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), () => {
       window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a);
     };
-  }, [i]), l === null || typeof document > "u" ? null : It(
-    /* @__PURE__ */ g(
+  }, [i]), l === null || typeof document > "u" ? null : Pt(
+    /* @__PURE__ */ w(
       "div",
       {
         className: "ll-device-menu ll-device-menu--floating",
@@ -1969,22 +1970,22 @@ const sn = ({
         },
         children: [
           /* @__PURE__ */ n("p", { className: "ll-device-menu__label", children: e }),
-          t.map((a, s) => {
-            const u = r === a.deviceId;
-            return /* @__PURE__ */ g(
+          t.map((a, c) => {
+            const p = r === a.deviceId;
+            return /* @__PURE__ */ w(
               "button",
               {
                 type: "button",
-                className: `ll-device-menu__item ${u ? "is-active" : ""}`,
+                className: `ll-device-menu__item ${p ? "is-active" : ""}`,
                 onClick: () => o(a.deviceId),
                 role: "option",
-                "aria-selected": u,
+                "aria-selected": p,
                 children: [
-                  u && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
-                  /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: a.label || `${e} ${s + 1}` })
+                  p && /* @__PURE__ */ n("span", { className: "ll-device-menu__dot", children: "●" }),
+                  /* @__PURE__ */ n("span", { className: "ll-device-menu__name", children: a.label || `${e} ${c + 1}` })
                 ]
               },
-              a.deviceId || s
+              a.deviceId || c
             );
           })
         ]
@@ -1992,21 +1993,25 @@ const sn = ({
     ),
     document.body
   );
-}, Dr = [
-  '[data-ll-private="true"]',
+}, Wr = [
+  // Accept any value (or empty) — `<input data-ll-private />` and
+  // `<input data-ll-private="true" />` both opt out. The bare attribute
+  // is the recommended spelling; "true" is preserved for back-compat.
+  "[data-ll-private]",
+  "[data-ll-skip]",
   ".ll-widget"
 ];
-function Mt(e) {
+function $t(e) {
   let t = e;
   for (; t; ) {
-    for (const r of Dr)
+    for (const r of Wr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
 function xt(e) {
-  if (Mt(e)) return !1;
+  if ($t(e)) return !1;
   if (e instanceof HTMLInputElement) {
     if (e.type === "password") return !1;
     const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -2014,7 +2019,7 @@ function xt(e) {
   }
   return !0;
 }
-const wt = 4096, Pr = 20, $r = 20, zr = 10, Or = 10, Hr = 30, Wr = 20, dn = 500, Br = [
+const wt = 4096, qr = 20, Fr = 20, Ur = 10, jr = 10, Vr = 30, Yr = 20, hn = 500, Gr = [
   '[data-ll-private="true"]',
   ".ll-widget",
   "script",
@@ -2026,24 +2031,24 @@ function st(e) {
   if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
   let t = e;
   for (; t; ) {
-    for (const r of Br)
+    for (const r of Gr)
       if (t.matches(r)) return !0;
     t = t.parentElement;
   }
   return !1;
 }
-function dt(e) {
+function ct(e) {
   if (typeof window > "u") return !0;
   const t = e.getBoundingClientRect();
   if (t.width <= 0 || t.height <= 0) return !1;
   const r = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth;
   return t.bottom > 0 && t.right > 0 && t.top < r && t.left < o;
 }
-function un(e) {
+function mn(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 l = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(t) : t.replace(/"/g, '\\"'), s = document.querySelector(`label[for="${l}"]`);
+    if (s != null && s.textContent) return s.textContent.trim();
   }
   const r = e.getAttribute("aria-label");
   if (r) return r.trim();
@@ -2052,13 +2057,42 @@ function un(e) {
   const i = e.closest("label");
   return i != null && i.textContent ? i.textContent.trim() : "";
 }
-function me(e, t) {
+function we(e, t) {
   return e.length <= t ? e : e.slice(0, t - 1) + "…";
 }
-function Ue(e) {
+function Jr(e) {
+  return e && e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60) || null;
+}
+function Kr(e) {
+  const t = e.getAttribute("aria-label");
+  if (t) return t.trim().slice(0, 80);
+  const r = e.getAttribute("aria-labelledby");
+  if (r) {
+    const l = document.getElementById(r);
+    if (l != null && l.textContent) return l.textContent.trim().slice(0, 80);
+  }
+  const o = e.querySelector(
+    'button[type="submit"], input[type="submit"], button:not([type])'
+  );
+  if (o) {
+    const l = o instanceof HTMLInputElement ? o.value : (o.textContent ?? "").trim();
+    if (l && l.length < 60 && !/^(submit|ok|continue)$/i.test(l))
+      return l;
+  }
+  let i = e.parentElement;
+  for (let l = 0; i && l < 4; l++, i = i.parentElement) {
+    const s = i.querySelector("h1, h2, h3, h4");
+    if (s != null && s.textContent) {
+      const a = s.textContent.trim();
+      if (a && a.length < 80) return a;
+    }
+  }
+  return null;
+}
+function je(e) {
   return e.length;
 }
-function qr(e, t = {}) {
+function Xr(e, t = {}) {
   const r = t.doc ?? (typeof document < "u" ? document : null);
   if (!r)
     return {
@@ -2072,120 +2106,121 @@ function qr(e, t = {}) {
       forms: [],
       extras: e
     };
-  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", d = Array.from(
+  const o = typeof window < "u" && window.location.href || "", i = typeof window < "u" && window.location.pathname || "/", l = r.title || "", s = Array.from(
     r.querySelectorAll("[data-ll-region]")
   ), a = [];
-  for (const k of d) {
-    if (a.length >= zr) break;
-    if (st(k) || !dt(k)) continue;
-    const R = k.getAttribute("data-ll-region") ?? "", B = k.getAttribute("data-ll-intent") ?? void 0, q = me(
-      (k.innerText || k.textContent || "").trim(),
-      dn * 2
+  for (const g of s) {
+    if (a.length >= Ur) break;
+    if (st(g) || !ct(g)) continue;
+    const P = g.getAttribute("data-ll-region") ?? "", H = g.getAttribute("data-ll-intent") ?? void 0, q = we(
+      (g.innerText || g.textContent || "").trim(),
+      hn * 2
     );
-    !R || !q || a.push({ id: R, intent: B, text: q });
+    !P || !q || a.push({ id: P, intent: H, text: q });
   }
-  const s = [], u = ["H1", "H2", "H3", "H4", "H5", "H6"], y = Array.from(
+  const c = [], p = ["H1", "H2", "H3", "H4", "H5", "H6"], v = Array.from(
     r.querySelectorAll("h1, h2, h3, h4, h5, h6")
   );
-  for (const k of y) {
-    if (st(k) || !dt(k)) continue;
-    const R = (k.textContent || "").trim();
-    R && s.push(`${k.tagName}: ${me(R, 200)}`);
+  for (const g of v) {
+    if (st(g) || !ct(g)) continue;
+    const P = (g.textContent || "").trim();
+    P && c.push(`${g.tagName}: ${we(P, 200)}`);
   }
   const f = Array.from(r.querySelectorAll("p, li"));
-  for (const k of f) {
-    if (st(k) || !dt(k) || u.includes(k.tagName)) continue;
-    const R = (k.textContent || "").trim();
-    R.length > 10 && s.push(me(R, dn));
+  for (const g of f) {
+    if (st(g) || !ct(g) || p.includes(g.tagName)) continue;
+    const P = (g.textContent || "").trim();
+    P.length > 10 && c.push(we(P, hn));
   }
-  const c = s.join(`
-`), A = [], x = Array.from(r.querySelectorAll("a[href]"));
-  for (const k of x) {
-    if (A.length >= Pr) break;
-    if (st(k) || !dt(k)) continue;
-    const R = k.getAttribute("href") || "", B = (k.textContent || "").trim();
-    !R || !B || A.push({ href: R, text: me(B, 100) });
+  const u = c.join(`
+`), R = [], L = Array.from(r.querySelectorAll("a[href]"));
+  for (const g of L) {
+    if (R.length >= qr) break;
+    if (st(g) || !ct(g)) continue;
+    const P = g.getAttribute("href") || "", H = (g.textContent || "").trim();
+    !P || !H || R.push({ href: P, text: we(H, 100) });
   }
-  const _ = [], v = Array.from(
+  const _ = [], h = Array.from(
     r.querySelectorAll(
       "input, textarea, select"
     )
   );
-  for (const k of v) {
-    if (_.length >= $r) break;
-    if (st(k) || !xt(k) || !dt(k)) continue;
-    const R = un(k), B = k instanceof HTMLInputElement ? k.type : k.tagName.toLowerCase();
-    R && _.push({ label: me(R, 100), type: B });
+  for (const g of h) {
+    if (_.length >= Fr) break;
+    if (st(g) || !xt(g) || !ct(g)) continue;
+    const P = mn(g), H = g instanceof HTMLInputElement ? g.type : g.tagName.toLowerCase();
+    P && _.push({ label: we(P, 100), type: H });
   }
-  const b = Array.from(
-    r.querySelectorAll("[data-ll-form]")
-  ), S = [];
-  for (const k of b) {
-    if (S.length >= Or) break;
-    if (Mt(k)) continue;
-    const R = k.getAttribute("data-ll-form") || "";
-    if (!R) continue;
-    const B = k.getAttribute("data-ll-intent") || void 0, q = Array.from(
-      k.querySelectorAll(
-        "[data-ll-field]"
+  const b = Array.from(r.querySelectorAll("form")), S = [];
+  let T = 0;
+  for (const g of b) {
+    if (S.length >= jr) break;
+    if ($t(g) || g.matches(".ll-widget *, .ll-widget")) continue;
+    const P = g.getAttribute("id") || g.getAttribute("name") || Jr(g.getAttribute("data-ll-intent")) || `form_${T++}`, H = g.getAttribute("data-ll-intent") || Kr(g) || void 0, q = Array.from(
+      g.querySelectorAll(
+        "input[name], textarea[name], select[name]"
       )
-    ), F = [];
-    for (const U of q) {
-      if (F.length >= Hr) break;
-      if (!xt(U)) continue;
-      const O = U.getAttribute("data-ll-field") || "";
-      if (!O) continue;
-      const j = un(U) || O, H = U instanceof HTMLInputElement ? U.type : U.tagName.toLowerCase(), G = {
-        name: O,
-        label: me(j, 100),
-        type: H
+    ), Z = [];
+    for (const M of q) {
+      if (Z.length >= Vr) break;
+      if (!xt(M)) continue;
+      if (M instanceof HTMLInputElement) {
+        const K = M.type;
+        if (K === "submit" || K === "button" || K === "reset" || K === "hidden" || K === "image" || K === "file") continue;
+      }
+      const U = M.getAttribute("name") || "";
+      if (!U) continue;
+      const B = mn(M) || U, J = M instanceof HTMLInputElement ? M.type : M.tagName.toLowerCase(), oe = {
+        name: U,
+        label: we(B, 100),
+        type: J
       };
-      if (U.required === !0 && (G.required = !0), U instanceof HTMLSelectElement) {
-        const se = [];
-        for (let ge = 0; ge < U.options.length && !(se.length >= Wr); ge++) {
-          const pe = U.options[ge];
-          if (!pe || pe.disabled) continue;
-          const ye = pe.value || "", Ee = (pe.textContent || "").trim() || ye;
-          !ye && !Ee || se.push({ value: ye, label: me(Ee, 60) });
+      if (M.required === !0 && (oe.required = !0), M instanceof HTMLSelectElement) {
+        const K = [];
+        for (let xe = 0; xe < M.options.length && !(K.length >= Yr); xe++) {
+          const ye = M.options[xe];
+          if (!ye || ye.disabled) continue;
+          const ke = ye.value || "", ve = (ye.textContent || "").trim() || ke;
+          !ke && !ve || K.push({ value: ke, label: we(ve, 60) });
         }
-        se.length > 0 && (G.options = se);
+        K.length > 0 && (oe.options = K);
       }
-      const ce = typeof U.validationMessage == "string" ? U.validationMessage : "";
-      ce && (G.validationMessage = me(ce, 200)), F.push(G);
+      const _e = typeof M.validationMessage == "string" ? M.validationMessage : "";
+      _e && (oe.validationMessage = we(_e, 200)), Z.push(oe);
     }
-    S.push({ id: R, intent: B, fields: F });
+    S.push({ id: P, intent: H, fields: Z });
   }
-  const M = {
+  const A = {
     url: o,
     title: l,
     pathname: i,
     regions: a,
-    visibleText: c,
-    visibleLinks: A,
+    visibleText: u,
+    visibleLinks: R,
     visibleFields: _,
     forms: S,
     extras: e
   };
-  let D = Ue(JSON.stringify(M.regions)) + Ue(M.visibleText) + Ue(JSON.stringify(M.visibleLinks)) + Ue(JSON.stringify(M.visibleFields));
-  for (; D > wt && M.visibleFields.length > 0; )
-    M.visibleFields.pop(), D = Ue(JSON.stringify(M.visibleFields));
-  for (; D > wt && M.visibleLinks.length > 0; )
-    M.visibleLinks.pop(), D -= 80;
-  return Ue(M.visibleText) > wt && (M.visibleText = me(M.visibleText, wt - 100)), M;
-}
-let je = null;
-function fn(e, t = {}) {
+  let F = je(JSON.stringify(A.regions)) + je(A.visibleText) + je(JSON.stringify(A.visibleLinks)) + je(JSON.stringify(A.visibleFields));
+  for (; F > wt && A.visibleFields.length > 0; )
+    A.visibleFields.pop(), F = je(JSON.stringify(A.visibleFields));
+  for (; F > wt && A.visibleLinks.length > 0; )
+    A.visibleLinks.pop(), F -= 80;
+  return je(A.visibleText) > wt && (A.visibleText = we(A.visibleText, wt - 100)), A;
+}
+let Ve = null;
+function gn(e, t = {}) {
   const r = Date.now(), i = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
-  if (je && je.key === i && r - je.at < 1e3)
-    return je.ctx;
-  const l = qr(e, t);
-  return je = { key: i, at: r, ctx: l }, l;
+  if (Ve && Ve.key === i && r - Ve.at < 1e3)
+    return Ve.ctx;
+  const l = Xr(e, t);
+  return Ve = { key: i, at: r, ctx: l }, l;
 }
-function Fr() {
-  je = null;
+function Qr() {
+  Ve = null;
 }
-const Ur = 200;
-function jr(e) {
+const Zr = 200;
+function eo(e) {
   const t = String(e.href || "");
   return {
     href: t,
@@ -2195,63 +2230,100 @@ function jr(e) {
     description: e.description
   };
 }
-function Vr(e) {
+function to(e) {
   return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
 }
-function Yr(e) {
+function no(e) {
   const t = e ?? (typeof document < "u" ? document : null);
   if (!t) return [];
   const r = typeof window < "u" && window.location.origin || "", o = /* @__PURE__ */ new Set(), i = [], l = Array.from(t.querySelectorAll("a[href]"));
-  for (const d of l) {
-    if (i.length >= Ur) break;
-    if (Mt(d)) continue;
-    const a = d.getAttribute("href") || "";
-    if (!Vr(a)) continue;
-    let s = a, u = !0;
+  for (const s of l) {
+    if (i.length >= Zr) break;
+    if ($t(s)) continue;
+    const a = s.getAttribute("href") || "";
+    if (!to(a)) continue;
+    let c = a, p = !0;
     try {
       if (typeof window < "u") {
         const f = new URL(a, r);
-        u = f.origin === r, u && a.startsWith("http") && (s = f.pathname + f.search + f.hash);
+        p = f.origin === r, p && a.startsWith("http") && (c = f.pathname + f.search + f.hash);
       }
     } catch {
       continue;
     }
-    if (o.has(s)) continue;
-    o.add(s);
-    const y = (d.textContent || "").trim().slice(0, 120);
-    i.push({ href: s, text: y, internal: u });
+    if (o.has(c)) continue;
+    o.add(c);
+    const v = (s.textContent || "").trim().slice(0, 120);
+    i.push({ href: c, text: v, internal: p });
   }
   return i;
 }
-let Ve = null;
-const Gr = 5e3;
-function At() {
+let Ye = null;
+const ro = 5e3;
+function Mt() {
   const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
-  if (Ve && Ve.pathname === t && e - Ve.at < Gr)
-    return Ve.routes;
-  const r = Yr();
-  return Ve = { at: e, pathname: t, routes: r }, r;
+  if (Ye && Ye.pathname === t && e - Ye.at < ro)
+    return Ye.routes;
+  const r = no();
+  return Ye = { at: e, pathname: t, routes: r }, r;
 }
-function Jr() {
-  Ve = null;
+function oo() {
+  Ye = null;
 }
-function Kr(e, t) {
+function io(e, t) {
   const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, o = Object.getOwnPropertyDescriptor(r, "value"), i = o == null ? void 0 : o.set;
   i ? i.call(e, t) : e.value = t;
 }
-function Xr(e, t, r = {}) {
+function lo(e, t, r = {}) {
   const o = r.triggerInput ?? !0, i = r.triggerChange ?? !0;
   if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
     const l = Object.getOwnPropertyDescriptor(
       HTMLInputElement.prototype,
       "checked"
-    ), d = l == null ? void 0 : l.set, a = t === "true" || t === "1" || t === "on";
-    d ? d.call(e, a) : e.checked = a, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+    ), s = l == null ? void 0 : l.set, a = t === "true" || t === "1" || t === "on";
+    s ? s.call(e, a) : e.checked = a, o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
     return;
   }
-  Kr(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
+  io(e, t), o && e.dispatchEvent(new Event("input", { bubbles: !0 })), i && e.dispatchEvent(new Event("change", { bubbles: !0 }));
 }
-function Qr() {
+function yn(e, t) {
+  if (!t) return null;
+  const r = t.replace(/"/g, '\\"');
+  try {
+    const s = e.querySelector(
+      `form#${CSS.escape(t)}`
+    );
+    if (s) return s;
+  } catch {
+  }
+  const o = e.querySelector(
+    `form[name="${r}"]`
+  );
+  if (o) return o;
+  const i = e.querySelector(
+    `form[data-ll-intent="${r}"]`
+  );
+  if (i) return i;
+  const l = Array.from(e.querySelectorAll("form"));
+  for (const s of l) {
+    const a = s.getAttribute("data-ll-intent");
+    if (a && ao(a) === t) return s;
+  }
+  if (/^form_\d+$/.test(t)) {
+    const s = parseInt(t.slice(5), 10);
+    let a = 0;
+    for (const c of l)
+      if (!(c.id || c.getAttribute("name") || c.getAttribute("data-ll-intent"))) {
+        if (a === s) return c;
+        a++;
+      }
+  }
+  return null;
+}
+function ao(e) {
+  return e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60) || null;
+}
+function so() {
   if (typeof window > "u" || typeof document > "u")
     return !1;
   const e = document.scrollingElement || document.documentElement;
@@ -2259,19 +2331,19 @@ function Qr() {
   const t = window.getComputedStyle(e);
   return !(t.overflowY === "hidden" || t.overflowY === "clip");
 }
-function Zr(e) {
+function co(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const r = window.getComputedStyle(e).overflowY;
   return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
 }
-function eo() {
+function uo() {
   if (typeof document > "u") return null;
   const e = Array.from(
     document.querySelectorAll("body, body *")
   );
   let t = null, r = 0;
   for (const o of e) {
-    if (!Zr(o)) continue;
+    if (!co(o)) continue;
     const i = o.getBoundingClientRect();
     if (i.bottom <= 0 || i.top >= window.innerHeight || i.right <= 0 || i.left >= window.innerWidth || i.width <= 0 || i.height <= 0 || o.closest(".ll-widget")) continue;
     const l = i.width * i.height;
@@ -2279,24 +2351,24 @@ function eo() {
   }
   return t;
 }
-function to() {
+function fo() {
   if (typeof window > "u")
     return null;
-  if (Qr()) return window;
-  const e = eo();
+  if (so()) return window;
+  const e = uo();
   return e || window;
 }
-function pn(e) {
+function vn(e) {
   return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
 }
-function no(e) {
+function po(e) {
   var t, r;
   return e instanceof Window ? typeof document > "u" ? 0 : Math.max(
     ((t = document.body) == null ? void 0 : t.scrollHeight) ?? 0,
     ((r = document.documentElement) == null ? void 0 : r.scrollHeight) ?? 0
   ) : e.scrollHeight - e.clientHeight;
 }
-const ro = /* @__PURE__ */ new Set([
+const ho = /* @__PURE__ */ new Set([
   "agent_state",
   "avatar_stream_ready",
   "avatar_active",
@@ -2317,156 +2389,166 @@ const ro = /* @__PURE__ */ new Set([
   "fill_form",
   "focus_field",
   "submit_form",
-  "request_routes"
-]), kn = ut(
+  "request_routes",
+  // 0.12.0 — structured collection (unified API).
+  // Both `task_field_updated` and `task_completed` data-channel commands
+  // fan out into a single document-level `ll-collected` CustomEvent
+  // (discriminated on phase) that `useCollect()` listens for, plus
+  // `onCollect` on AvatarWidget for one-shot delivery. Not bubbled
+  // to onAgentCommand.
+  "task_field_updated",
+  "task_completed"
+]), Nn = Dt(
   function(t, r) {
-    var Ft, Ut, jt, Vt, Yt, Gt, Jt;
+    var Yt, Gt, Jt, Kt, Xt, Qt, Zt;
     const {
       agentId: o,
       apiKey: i,
       baseUrl: l = "https://app.livelayer.studio",
-      sessionEndpoint: d,
+      sessionEndpoint: s,
       sessionBody: a,
-      soundEffects: s,
-      experienceMode: u = "WIDGET",
-      autoConnect: y = !1,
+      soundEffects: c,
+      experienceMode: p = "WIDGET",
+      autoConnect: v = !1,
       displayMode: f,
-      defaultDisplayMode: c = "expanded",
-      onDisplayModeChange: A,
-      position: x = "bottom-right",
+      defaultDisplayMode: u = "expanded",
+      onDisplayModeChange: R,
+      position: L = "bottom-right",
       mobileBreakpoint: _ = 640,
-      persistKey: v = "ll-widget",
+      persistKey: h = "ll-widget",
       disablePersistence: b = !1,
       teamMembers: S,
-      currentTeamMemberId: M,
-      onTeamMemberChange: D,
-      idleLoopUrl: k,
-      greeting: R,
-      avatarImageUrl: B,
-      agentName: q,
-      branding: F = {},
-      allowCamera: U = !0,
-      allowScreenShare: O = !0,
-      allowTyping: j = !0,
-      showMinimize: H = !0,
-      showClose: G = !0,
-      chromeless: ce = !1,
-      floatingChromeContainer: se = null,
-      compactControls: ge = !1,
-      transforming: pe = !1,
+      currentTeamMemberId: T,
+      onTeamMemberChange: A,
+      idleLoopUrl: F,
+      greeting: g,
+      avatarImageUrl: P,
+      agentName: H,
+      branding: q = {},
+      allowCamera: Z = !0,
+      allowScreenShare: M = !0,
+      allowTyping: U = !0,
+      showMinimize: B,
+      showClose: J,
+      chromeless: oe = !1,
+      floatingChromeContainer: _e = null,
+      compactControls: K = !1,
+      transforming: xe = !1,
       transformingLabel: ye = "Transforming…",
-      showOn: Ee,
-      hideOn: Pe,
-      pathname: ne,
-      onNavigate: ft,
+      showOn: ke,
+      hideOn: ve,
+      pathname: ie,
+      onNavigate: dt,
       onScrollToSelector: Je,
-      getPageContext: pt,
-      pageContextExtras: le,
+      getPageContext: ut,
+      pageContextExtras: se,
       getRoutes: Ke,
       onScrollPage: Xe,
-      onClick: ht,
+      onClick: ft,
       capabilities: Qe,
-      onConnect: Ce,
+      onConnect: Se,
       onDisconnect: $e,
-      onTranscript: Se,
+      onTranscript: Ne,
       onAgentState: ze,
-      onConnectionStateChange: Ne,
-      onAgentEvent: Ae,
-      onAgentCommand: Re,
-      controlledSession: P,
-      className: mt,
-      style: kt,
-      zIndex: Ie = 2147483647
-    } = t, Me = cr(ne), re = mr(Me, Ee, Pe);
+      onConnectionStateChange: Ae,
+      onAgentEvent: Re,
+      onAgentCommand: Ie,
+      onCollect: Me,
+      controlledSession: $,
+      className: kt,
+      style: Te,
+      zIndex: Oe = 2147483647
+    } = t, ce = mr(ie), Ze = xr(ce, ke, ve);
     I(() => {
-      Fr(), Jr();
-    }, [Me]);
-    const Ze = M !== void 0, [et, Oe] = C(() => {
-      var m;
-      return M ?? ((m = S == null ? void 0 : S[0]) == null ? void 0 : m.id);
-    }), Te = Ze ? M : et, ee = Ge(
-      () => (S == null ? void 0 : S.find((m) => m.id === Te)) ?? null,
-      [S, Te]
-    ), gt = (ee == null ? void 0 : ee.agentId) ?? o, tt = u === "EMBEDDED", [oe, ie] = or({
+      Qr(), oo();
+    }, [ce]);
+    const De = T !== void 0, [He, Lt] = E(() => {
+      var y;
+      return T ?? ((y = S == null ? void 0 : S[0]) == null ? void 0 : y.id);
+    }), Le = De ? T : He, ee = Ge(
+      () => (S == null ? void 0 : S.find((y) => y.id === Le)) ?? null,
+      [S, Le]
+    ), et = (ee == null ? void 0 : ee.agentId) ?? o, ue = p === "EMBEDDED", [Be, We] = ur({
       value: f,
-      defaultValue: c,
-      onChange: A,
-      persistKey: v,
-      disablePersistence: tt || b
-    }), de = lr(_), ve = Vn(), X = Yn(), ue = Jn(), be = Kn(), He = Xn(), [Lt, nt] = C(!1), [we, rt] = C(!1), [ot, it] = C(!1), [_e, xe] = C(!1), [We, yt] = C(!1), Be = yr({ baseUrl: l, config: s }), De = N(Be);
-    De.current = Be;
-    const h = N(ft), J = N(Je), Et = N(Xe), Ct = N(ht), Tt = N(pt), Dt = N(le), Pt = N(Ke), St = N(Qe), fe = N(null);
-    h.current = ft, J.current = Je, Et.current = Xe, Ct.current = ht, Tt.current = pt, Dt.current = le, Pt.current = Ke, St.current = Qe;
-    function ke(m) {
-      const p = St.current;
-      return p ? p.includes(m) : !0;
+      defaultValue: u,
+      onChange: R,
+      persistKey: h,
+      disablePersistence: ue || b
+    }), te = ue ? "expanded" : Be, le = ue ? () => {
+    } : We, pt = B ?? !ue, ht = J ?? !ue, Ce = pr(_), tt = Zn(), re = er(), ae = nr(), Ee = rr(), nt = or(), [Ct, fe] = E(!1), [pe, rt] = E(!1), [qe, ot] = E(!1), [mt, m] = E(!1), [Y, An] = E(!1), gt = Lr({ baseUrl: l, config: c }), yt = N(gt);
+    yt.current = gt;
+    const Et = N(dt), St = N(Je), Nt = N(Xe), At = N(ft), zt = N(ut), Ot = N(se), Ht = N(Ke), Rt = N(Qe), he = N(null);
+    Et.current = dt, St.current = Je, Nt.current = Xe, At.current = ft, zt.current = ut, Ot.current = se, Ht.current = Ke, Rt.current = Qe;
+    function me(y) {
+      const d = Rt.current;
+      return d ? d.includes(y) : !0;
     }
-    function Le(m, p) {
+    function ge(y, d) {
       console.warn(
-        `[LiveLayer] Agent command "${m}" blocked — capability "${p}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
+        `[LiveLayer] Agent command "${y}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
       );
     }
-    const lt = E(
-      (m) => {
-        var K, ae, he, ct;
-        const p = m;
-        if (!(!p.type || typeof p.type != "string")) {
-          if (Ae == null || Ae({ eventName: p.type, data: m }), p.type === "navigate") {
-            if (!ke("navigate")) {
-              Le("navigate", "navigate");
+    const it = C(
+      (y) => {
+        var G, de, be, at;
+        const d = y;
+        if (!(!d.type || typeof d.type != "string")) {
+          if (Re == null || Re({ eventName: d.type, data: y }), d.type === "navigate") {
+            if (!me("navigate")) {
+              ge("navigate", "navigate");
               return;
             }
-            const L = typeof p.href == "string" ? p.href : null;
-            if (!L) {
+            const x = typeof d.href == "string" ? d.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 (De.current.playPageChange(), h.current) {
+            if (yt.current.playPageChange(), Et.current) {
               try {
-                h.current(L);
-              } catch (T) {
+                Et.current(x);
+              } catch (D) {
                 console.warn(
-                  `[LiveLayer] onNavigate threw for "${L}". Falling back. Error:`,
-                  T
+                  `[LiveLayer] onNavigate threw for "${x}". Falling back. Error:`,
+                  D
                 );
               }
               return;
             }
             if (typeof document < "u") {
-              const T = document.querySelector(
-                `a[href="${L.replace(/"/g, '\\"')}"]`
+              const D = document.querySelector(
+                `a[href="${x.replace(/"/g, '\\"')}"]`
               );
-              if (T) {
-                T.click();
+              if (D) {
+                D.click();
                 return;
               }
             }
             if (typeof window < "u" && typeof history < "u")
               try {
-                history.pushState({}, "", L), window.dispatchEvent(new PopStateEvent("popstate"));
-              } catch (T) {
+                history.pushState({}, "", x), window.dispatchEvent(new PopStateEvent("popstate"));
+              } catch (D) {
                 console.warn(
-                  `[LiveLayer] history.pushState fallback failed for "${L}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
-                  T
+                  `[LiveLayer] history.pushState fallback failed for "${x}". Pass an onNavigate prop to use your router directly. See https://livelayer.studio/docs/react/navigation`,
+                  D
                 );
               }
             return;
           }
-          if (p.type === "scroll_to") {
-            if (!ke("scroll")) {
-              Le("scroll_to", "scroll");
+          if (d.type === "scroll_to") {
+            if (!me("scroll")) {
+              ge("scroll_to", "scroll");
               return;
             }
-            const L = typeof p.selector == "string" ? p.selector : null;
-            if (!L) return;
-            const T = p.behavior === "instant" ? "instant" : "smooth";
-            if (J.current) {
+            const x = typeof d.selector == "string" ? d.selector : null;
+            if (!x) return;
+            const D = d.behavior === "instant" ? "instant" : "smooth";
+            if (St.current) {
               try {
-                J.current(
-                  L,
-                  T
+                St.current(
+                  x,
+                  D
                 );
               } catch (W) {
                 console.warn("[LiveLayer] onScrollToSelector threw.", W);
@@ -2476,701 +2558,751 @@ const ro = /* @__PURE__ */ new Set([
             if (typeof document < "u") {
               let W = null;
               try {
-                W = document.querySelector(L);
+                W = document.querySelector(x);
               } catch {
                 console.warn(
-                  `[LiveLayer] scroll_to: invalid selector "${L}".`
+                  `[LiveLayer] scroll_to: invalid selector "${x}".`
                 );
                 return;
               }
               if (!W) {
                 console.warn(
-                  `[LiveLayer] scroll_to: no element matched "${L}". 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;
               }
               W.scrollIntoView({
-                behavior: T,
+                behavior: D,
                 block: "start"
               });
             }
             return;
           }
-          if (p.type === "request_page_context") {
-            if (!ke("read_page")) {
-              Le("request_page_context", "read_page");
+          if (d.type === "request_page_context") {
+            if (!me("read_page")) {
+              ge("request_page_context", "read_page");
               return;
             }
-            const L = typeof p.requestId == "string" ? p.requestId : void 0, T = (K = fe.current) == null ? void 0 : K.call(fe), W = (Y) => {
-              const $ = T, Z = $ == null ? void 0 : $.localParticipant;
-              if (Z != null && Z.publishData)
+            const x = typeof d.requestId == "string" ? d.requestId : void 0, D = (G = he.current) == null ? void 0 : G.call(he), W = (V) => {
+              const z = D, Q = z == null ? void 0 : z.localParticipant;
+              if (Q != null && Q.publishData)
                 try {
-                  const te = L ? { ...Y, requestId: L } : Y, Fe = new TextEncoder().encode(JSON.stringify(te));
-                  Z.publishData(Fe, { reliable: !0 });
-                } catch (te) {
-                  console.warn("[LiveLayer] publishData failed.", te);
+                  const ne = x ? { ...V, requestId: x } : V, Ue = new TextEncoder().encode(JSON.stringify(ne));
+                  Q.publishData(Ue, { reliable: !0 });
+                } catch (ne) {
+                  console.warn("[LiveLayer] publishData failed.", ne);
                 }
-            }, z = Dt.current, V = Tt.current;
+            }, O = Ot.current, j = zt.current;
             try {
-              if (V) {
-                const Y = V(z);
-                if (Y instanceof Promise) {
-                  W({ type: "page_context_pending" }), Y.then(($) => W({ type: "page_context", context: $ })).catch(($) => {
+              if (j) {
+                const V = j(O);
+                if (V instanceof Promise) {
+                  W({ type: "page_context_pending" }), V.then((z) => W({ type: "page_context", context: z })).catch((z) => {
                     console.warn(
                       "[LiveLayer] getPageContext rejected; falling back to default walker.",
-                      $
+                      z
                     ), W({
                       type: "page_context",
-                      context: fn(z)
+                      context: gn(O)
                     });
                   });
                   return;
                 }
-                W({ type: "page_context", context: Y });
+                W({ type: "page_context", context: V });
                 return;
               }
               W({
                 type: "page_context",
-                context: fn(z)
+                context: gn(O)
               });
-            } catch (Y) {
+            } catch (V) {
               console.warn(
                 "[LiveLayer] page-context extraction threw. Sending empty context.",
-                Y
+                V
               ), W({
                 type: "page_context",
-                context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: z }
+                context: { url: "", title: "", pathname: "/", regions: [], visibleText: "", visibleLinks: [], visibleFields: [], forms: [], extras: O }
               });
             }
             return;
           }
-          if (p.type === "scroll_page") {
-            if (!ke("scroll")) {
-              Le("scroll_page", "scroll");
+          if (d.type === "scroll_page") {
+            if (!me("scroll")) {
+              ge("scroll_page", "scroll");
               return;
             }
-            const L = p.direction;
-            if (L !== "up" && L !== "down" && L !== "top" && L !== "bottom") {
+            const x = d.direction;
+            if (x !== "up" && x !== "down" && x !== "top" && x !== "bottom") {
               console.warn(
-                `[LiveLayer] scroll_page: invalid direction "${String(L)}". Expected up | down | top | bottom.`
+                `[LiveLayer] scroll_page: invalid direction "${String(x)}". Expected up | down | top | bottom.`
               );
               return;
             }
-            const T = p.behavior === "instant" ? "instant" : "smooth";
-            if (Et.current) {
+            const D = d.behavior === "instant" ? "instant" : "smooth";
+            if (Nt.current) {
               try {
-                Et.current(
-                  L,
-                  T
+                Nt.current(
+                  x,
+                  D
                 );
-              } catch ($) {
-                console.warn("[LiveLayer] onScrollPage threw.", $);
+              } catch (z) {
+                console.warn("[LiveLayer] onScrollPage threw.", z);
               }
               return;
             }
             if (typeof window > "u") return;
-            const W = { behavior: T }, z = to(), V = ($) => {
-              z instanceof Window ? z.scrollBy({ top: $, ...W }) : z.scrollBy({ top: $, ...W });
-            }, Y = ($) => {
-              z instanceof Window ? z.scrollTo({ top: $, ...W }) : z.scrollTo({ top: $, ...W });
+            const W = { behavior: D }, O = fo(), j = (z) => {
+              O instanceof Window ? O.scrollBy({ top: z, ...W }) : O.scrollBy({ top: z, ...W });
+            }, V = (z) => {
+              O instanceof Window ? O.scrollTo({ top: z, ...W }) : O.scrollTo({ top: z, ...W });
             };
-            L === "up" ? V(-pn(z)) : L === "down" ? V(pn(z)) : Y(L === "top" ? 0 : no(z));
+            x === "up" ? j(-vn(O)) : x === "down" ? j(vn(O)) : V(x === "top" ? 0 : po(O));
             return;
           }
-          if (p.type === "click") {
-            if (!ke("click")) {
-              Le("click", "click");
+          if (d.type === "click") {
+            if (!me("click")) {
+              ge("click", "click");
               return;
             }
-            const L = typeof p.selector == "string" ? p.selector : null;
-            if (!L) {
+            const x = typeof d.selector == "string" ? d.selector : null;
+            if (!x) {
               console.warn("[LiveLayer] click: missing selector.");
               return;
             }
-            if (Ct.current) {
+            if (At.current) {
               try {
-                Ct.current(L);
+                At.current(x);
               } catch (W) {
                 console.warn("[LiveLayer] onClick threw.", W);
               }
               return;
             }
             if (typeof document > "u") return;
-            let T = null;
+            let D = null;
             try {
-              T = document.querySelector(L);
+              D = document.querySelector(x);
             } catch {
               console.warn(
-                `[LiveLayer] click: invalid selector "${L}".`
+                `[LiveLayer] click: invalid selector "${x}".`
               );
               return;
             }
-            if (!T) {
+            if (!D) {
               console.warn(
-                `[LiveLayer] click: no element matched "${L}". See https://livelayer.studio/docs/errors/click-no-match`
+                `[LiveLayer] click: no element matched "${x}". See https://livelayer.studio/docs/errors/click-no-match`
               );
               return;
             }
-            if (T.closest('[data-ll-private="true"], .ll-widget')) {
+            if (D.closest('[data-ll-private="true"], .ll-widget')) {
               console.warn(
                 "[LiveLayer] click: refusing to click element inside a private subtree."
               );
               return;
             }
-            (ae = T.click) == null || ae.call(T);
+            (de = D.click) == null || de.call(D);
             return;
           }
-          if (p.type === "fill_form" || p.type === "focus_field") {
-            if (!ke("fill_forms")) {
-              Le(p.type, "fill_forms");
+          if (d.type === "fill_form" || d.type === "focus_field") {
+            if (!me("fill_forms")) {
+              ge(d.type, "fill_forms");
               return;
             }
             if (typeof document > "u") return;
-            p.type === "fill_form" && De.current.playConfirmation();
-            const L = typeof p.formId == "string" ? p.formId : null;
-            if (!L) {
-              console.warn(`[LiveLayer] ${p.type}: missing formId.`);
+            d.type === "fill_form" && yt.current.playConfirmation();
+            const x = typeof d.formId == "string" ? d.formId : null;
+            if (!x) {
+              console.warn(`[LiveLayer] ${d.type}: missing formId.`);
               return;
             }
-            const T = document.querySelector(
-              `[data-ll-form="${L.replace(/"/g, '\\"')}"]`
-            );
-            if (!T) {
+            const D = yn(document, x);
+            if (!D) {
               console.warn(
-                `[LiveLayer] ${p.type}: no form with data-ll-form="${L}". Tag your form with <LiveLayerForm id> or data-ll-form. See https://livelayer.studio/docs/react/forms`
+                `[LiveLayer] ${d.type}: no <form> matched id="${x}" (or matching name / data-ll-intent slug). Forms are auto-discovered — make sure the form has an \`id\`, \`name\`, or \`data-ll-intent\` attribute the agent observed in PageContext.forms.`
               );
               return;
             }
-            if (T.closest('[data-ll-private="true"], .ll-widget')) {
+            if (D.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget')) {
               console.warn(
-                `[LiveLayer] ${p.type}: refusing to touch a form in a private subtree.`
+                `[LiveLayer] ${d.type}: refusing to touch a form in a private / opted-out subtree.`
               );
               return;
             }
-            if (p.type === "focus_field") {
-              const z = typeof p.fieldName == "string" ? p.fieldName : null;
-              if (!z) {
+            if (d.type === "focus_field") {
+              const O = typeof d.fieldName == "string" ? d.fieldName : null;
+              if (!O) {
                 console.warn("[LiveLayer] focus_field: missing fieldName.");
                 return;
               }
-              const V = T.querySelector(`[data-ll-field="${z.replace(/"/g, '\\"')}"]`);
-              if (!V) {
+              const j = D.querySelector(`[name="${O.replace(/"/g, '\\"')}"]`);
+              if (!j) {
                 console.warn(
-                  `[LiveLayer] focus_field: no field "${z}" in form "${L}".`
+                  `[LiveLayer] focus_field: no input with name="${O}" in form "${x}".`
                 );
                 return;
               }
-              if (!xt(V)) {
+              if (!xt(j)) {
                 console.warn(
-                  `[LiveLayer] focus_field: field "${z}" is privacy-protected and not focusable.`
+                  `[LiveLayer] focus_field: field "${O}" is privacy-protected and not focusable.`
                 );
                 return;
               }
-              V.focus();
+              j.focus();
               return;
             }
-            const W = p.values && typeof p.values == "object" ? p.values : null;
+            const W = d.values && typeof d.values == "object" ? d.values : null;
             if (!W) {
               console.warn("[LiveLayer] fill_form: missing or invalid values.");
               return;
             }
-            for (const [z, V] of Object.entries(W)) {
-              if (typeof V != "string") continue;
-              const Y = T.querySelector(`[data-ll-field="${z.replace(/"/g, '\\"')}"]`);
-              if (!Y) {
+            for (const [O, j] of Object.entries(W)) {
+              if (typeof j != "string") continue;
+              const V = D.querySelector(`[name="${O.replace(/"/g, '\\"')}"]`);
+              if (!V) {
                 console.warn(
-                  `[LiveLayer] fill_form: no field "${z}" in form "${L}". Skipping.`
+                  `[LiveLayer] fill_form: no input with name="${O}" in form "${x}". Skipping.`
                 );
                 continue;
               }
-              if (!xt(Y)) {
+              if (!xt(V)) {
                 console.warn(
-                  `[LiveLayer] fill_form: field "${z}" is privacy-protected (password / cc-* / private). Skipping.`
+                  `[LiveLayer] fill_form: field "${O}" is privacy-protected (password / cc-* / private). Skipping.`
                 );
                 continue;
               }
               try {
-                Xr(Y, V);
-              } catch ($) {
+                lo(V, j);
+              } catch (z) {
                 console.warn(
-                  `[LiveLayer] fill_form: failed to set "${z}".`,
-                  $
+                  `[LiveLayer] fill_form: failed to set "${O}".`,
+                  z
                 );
               }
             }
             return;
           }
-          if (p.type === "submit_form") {
-            if (!ke("submit_forms")) {
-              Le("submit_form", "submit_forms");
+          if (d.type === "submit_form") {
+            if (!me("submit_forms")) {
+              ge("submit_form", "submit_forms");
               return;
             }
             if (typeof document > "u") return;
-            const L = typeof p.formId == "string" ? p.formId : null;
-            if (!L) {
+            const x = typeof d.formId == "string" ? d.formId : null;
+            if (!x) {
               console.warn("[LiveLayer] submit_form: missing formId.");
               return;
             }
-            De.current.playConfirmation();
-            const T = document.querySelector(
-              `[data-ll-form="${L.replace(/"/g, '\\"')}"]`
-            );
-            if (!T) {
+            yt.current.playConfirmation();
+            const D = yn(document, x);
+            if (!D) {
               console.warn(
-                `[LiveLayer] submit_form: no form with data-ll-form="${L}".`
+                `[LiveLayer] submit_form: no <form> matched id="${x}" (or matching name / data-ll-intent slug).`
               );
               return;
             }
-            if (T.closest('[data-ll-private="true"], .ll-widget')) {
+            if (D.closest('[data-ll-private="true"], [data-ll-skip], .ll-widget')) {
               console.warn(
-                "[LiveLayer] submit_form: refusing to submit a form in a private subtree."
+                "[LiveLayer] submit_form: refusing to submit a form in a private / opted-out subtree."
               );
               return;
             }
-            const W = typeof p.requestId == "string" ? p.requestId : void 0, z = (he = fe.current) == null ? void 0 : he.call(fe), V = (Z) => {
-              const te = z, Fe = te == null ? void 0 : te.localParticipant;
-              if (Fe != null && Fe.publishData)
+            const W = typeof d.requestId == "string" ? d.requestId : void 0, O = (be = he.current) == null ? void 0 : be.call(he), j = (Q) => {
+              const ne = O, Ue = ne == null ? void 0 : ne.localParticipant;
+              if (Ue != null && Ue.publishData)
                 try {
-                  const $n = W ? { ...Z, requestId: W } : Z, zn = new TextEncoder().encode(JSON.stringify($n));
-                  Fe.publishData(zn, { reliable: !0 });
+                  const qn = W ? { ...Q, requestId: W } : Q, Fn = new TextEncoder().encode(JSON.stringify(qn));
+                  Ue.publishData(Fn, { reliable: !0 });
                 } catch {
                 }
             };
-            let Y = !1;
-            const $ = () => {
-              Y = !0, V({ type: "form_submitted", formId: L });
+            let V = !1;
+            const z = () => {
+              V = !0, j({ type: "form_submitted", formId: x });
             };
-            T.addEventListener("submit", $, { once: !0 });
+            D.addEventListener("submit", z, { once: !0 });
             try {
-              typeof T.requestSubmit == "function" ? T.requestSubmit() : T.submit();
-            } catch (Z) {
-              console.warn("[LiveLayer] submit_form: requestSubmit threw.", Z), T.removeEventListener("submit", $), V({
+              typeof D.requestSubmit == "function" ? D.requestSubmit() : D.submit();
+            } catch (Q) {
+              console.warn("[LiveLayer] submit_form: requestSubmit threw.", Q), D.removeEventListener("submit", z), j({
                 type: "form_submit_blocked",
-                formId: L,
+                formId: x,
                 reason: "exception"
               });
               return;
             }
             setTimeout(() => {
-              Y || (T.removeEventListener("submit", $), V({
+              V || (D.removeEventListener("submit", z), j({
                 type: "form_submit_blocked",
-                formId: L,
+                formId: x,
                 reason: "validation"
               }));
             }, 500);
             return;
           }
-          if (p.type === "request_routes") {
-            if (!ke("read_page")) {
-              Le("request_routes", "read_page");
+          if (d.type === "request_routes") {
+            if (!me("read_page")) {
+              ge("request_routes", "read_page");
               return;
             }
-            const L = typeof p.requestId == "string" ? p.requestId : void 0, W = (ct = fe.current) == null ? void 0 : ct.call(fe), z = W == null ? void 0 : W.localParticipant;
-            if (!(z != null && z.publishData)) return;
-            const V = ($) => {
+            const x = typeof d.requestId == "string" ? d.requestId : void 0, W = (at = he.current) == null ? void 0 : at.call(he), O = W == null ? void 0 : W.localParticipant;
+            if (!(O != null && O.publishData)) return;
+            const j = (z) => {
               try {
-                const Z = L ? { type: "routes", routes: $, requestId: L } : { type: "routes", routes: $ }, te = new TextEncoder().encode(JSON.stringify(Z));
-                z.publishData(te, { reliable: !0 });
-              } catch (Z) {
-                console.warn("[LiveLayer] request_routes: publishData failed.", Z);
+                const Q = x ? { type: "routes", routes: z, requestId: x } : { type: "routes", routes: z }, ne = new TextEncoder().encode(JSON.stringify(Q));
+                O.publishData(ne, { reliable: !0 });
+              } catch (Q) {
+                console.warn("[LiveLayer] request_routes: publishData failed.", Q);
               }
-            }, Y = Pt.current;
-            if (Y) {
+            }, V = Ht.current;
+            if (V) {
               try {
-                const $ = Y(), Z = (te) => {
-                  if (!Array.isArray(te)) {
-                    V([]);
+                const z = V(), Q = (ne) => {
+                  if (!Array.isArray(ne)) {
+                    j([]);
                     return;
                   }
-                  V(te.map(jr).slice(0, 200));
+                  j(ne.map(eo).slice(0, 200));
                 };
-                $ instanceof Promise ? $.then(Z).catch((te) => {
+                z instanceof Promise ? z.then(Q).catch((ne) => {
                   console.warn(
                     "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
-                    te
-                  ), V(At());
-                }) : Z($);
-              } catch ($) {
+                    ne
+                  ), j(Mt());
+                }) : Q(z);
+              } catch (z) {
                 console.warn(
                   "[LiveLayer] getRoutes threw; falling back to DOM walker.",
-                  $
-                ), V(At());
+                  z
+                ), j(Mt());
               }
               return;
             }
             try {
-              V(At());
-            } catch ($) {
-              console.warn("[LiveLayer] request_routes: extractRoutes threw.", $);
+              j(Mt());
+            } catch (z) {
+              console.warn("[LiveLayer] request_routes: extractRoutes threw.", z);
             }
             return;
           }
-          ro.has(p.type) || Re == null || Re(p);
+          if (d.type === "task_field_updated") {
+            if (!me("collect_data")) {
+              ge("task_field_updated", "collect_data");
+              return;
+            }
+            const x = {
+              phase: "field",
+              fieldId: typeof d.fieldId == "string" ? d.fieldId : "",
+              fieldName: typeof d.fieldName == "string" ? d.fieldName : typeof d.fieldId == "string" ? d.fieldId : "",
+              value: typeof d.value == "string" ? d.value : "",
+              kind: typeof d.kind == "string" ? d.kind : "text",
+              source: d.source === "slide" ? "slide" : d.source === "page" ? "page" : "agent",
+              ...typeof d.slideId == "string" ? { slideId: d.slideId } : {},
+              ...typeof d.formId == "string" ? { formId: d.formId } : {}
+            };
+            if (typeof document < "u")
+              try {
+                document.dispatchEvent(
+                  new CustomEvent("ll-collected", { detail: x })
+                );
+              } catch {
+              }
+            return;
+          }
+          if (d.type === "task_completed") {
+            if (!me("collect_data")) {
+              ge("task_completed", "collect_data");
+              return;
+            }
+            const x = d.result;
+            if (!x || typeof x != "object") {
+              console.warn(
+                "[LiveLayer] task_completed missing `result` payload."
+              );
+              return;
+            }
+            if (typeof document < "u")
+              try {
+                document.dispatchEvent(
+                  new CustomEvent("ll-collected", {
+                    detail: { phase: "complete", result: x }
+                  })
+                );
+              } catch {
+              }
+            try {
+              Me == null || Me(
+                x
+              );
+            } catch (D) {
+              console.warn("[LiveLayer] onCollect threw.", D);
+            }
+            return;
+          }
+          ho.has(d.type) || Ie == null || Ie(d);
         }
       },
-      [Re, Ae]
-    ), Q = jn({
-      agentId: P ? "__controlled__" : gt,
+      [Ie, Re, Me]
+    ), X = Qn({
+      agentId: $ ? "__controlled__" : et,
       baseUrl: l,
       apiKey: i,
-      sessionEndpoint: d,
+      sessionEndpoint: s,
       sessionBody: a,
-      onDataMessage: P ? void 0 : lt
+      onDataMessage: $ ? void 0 : it
     });
     I(() => {
-      if (P != null && P.subscribeToDataMessages)
-        return P.subscribeToDataMessages(lt);
-    }, [P, lt]), fe.current = () => {
-      var m;
-      return (m = Q.getRoom) == null ? void 0 : m.call(Q);
+      if ($ != null && $.subscribeToDataMessages)
+        return $.subscribeToDataMessages(it);
+    }, [$, it]), he.current = () => {
+      var y;
+      return (y = X.getRoom) == null ? void 0 : y.call(X);
     }, I(() => {
-      var K;
+      var G;
       if (typeof window > "u") return;
-      const m = ((K = window.location) == null ? void 0 : K.hostname) || "";
-      if (m === "localhost" || m === "127.0.0.1" || m === "0.0.0.0" || m.endsWith(".local") || m.endsWith(".test"))
-        return window.__livelayerSimulateCommand = (ae) => {
+      const y = ((G = window.location) == null ? void 0 : G.hostname) || "";
+      if (y === "localhost" || y === "127.0.0.1" || y === "0.0.0.0" || y.endsWith(".local") || y.endsWith(".test"))
+        return window.__livelayerSimulateCommand = (de) => {
           try {
-            lt(ae);
-          } catch (he) {
-            console.warn("[LiveLayer] simulate-command threw:", he);
+            it(de);
+          } catch (be) {
+            console.warn("[LiveLayer] simulate-command threw:", be);
           }
         }, () => {
           delete window.__livelayerSimulateCommand;
         };
-    }, [lt]);
-    const w = Ge(() => P ? {
-      connectionState: P.connectionState,
-      agentState: P.agentState,
-      transcript: P.transcript,
-      videoElement: P.videoElement,
-      audioElement: P.audioElement,
-      canResume: P.canResume,
-      error: P.error,
+    }, [it]);
+    const k = Ge(() => $ ? {
+      connectionState: $.connectionState,
+      agentState: $.agentState,
+      transcript: $.transcript,
+      videoElement: $.videoElement,
+      audioElement: $.audioElement,
+      canResume: $.canResume,
+      error: $.error,
       agentConfig: null,
       connect: async () => {
-        await P.onConnect();
+        await $.onConnect();
       },
-      disconnect: () => P.onDisconnect(),
+      disconnect: () => $.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: Q.getRoom,
+      getRoom: X.getRoom,
       isControlled: !0
     } : {
-      connectionState: Q.connectionState,
-      agentState: Q.agentState,
-      transcript: Q.transcript,
-      videoElement: Q.videoElement,
-      audioElement: Q.audioElement,
-      canResume: Q.canResume,
-      error: Q.error,
-      agentConfig: Q.agentConfig,
-      connect: Q.connect,
-      disconnect: Q.disconnect,
-      getRoom: Q.getRoom,
+      connectionState: X.connectionState,
+      agentState: X.agentState,
+      transcript: X.transcript,
+      videoElement: X.videoElement,
+      audioElement: X.audioElement,
+      canResume: X.canResume,
+      error: X.error,
+      agentConfig: X.agentConfig,
+      connect: X.connect,
+      disconnect: X.disconnect,
+      getRoom: X.getRoom,
       isControlled: !1
-    }, [P, Q]), $t = N(w);
-    $t.current = w;
-    const zt = N(P);
-    zt.current = P, Hn(
+    }, [$, X]), Bt = N(k);
+    Bt.current = k;
+    const Wt = N($);
+    Wt.current = $, jn(
       r,
       () => ({
-        sendData: async (m) => {
-          var he, ct;
-          const p = zt.current;
-          if (p != null && p.publishData) {
+        sendData: async (y) => {
+          var be, at;
+          const d = Wt.current;
+          if (d != null && d.publishData) {
             try {
-              await p.publishData(m);
-            } catch (L) {
-              console.warn("[AvatarWidget] sendData (controlled) failed:", L);
+              await d.publishData(y);
+            } catch (x) {
+              console.warn("[AvatarWidget] sendData (controlled) failed:", x);
             }
             return;
           }
-          const K = (ct = (he = $t.current) == null ? void 0 : he.getRoom) == null ? void 0 : ct.call(he), ae = K == null ? void 0 : K.localParticipant;
-          if (ae != null && ae.publishData)
+          const G = (at = (be = Bt.current) == null ? void 0 : be.getRoom) == null ? void 0 : at.call(be), de = G == null ? void 0 : G.localParticipant;
+          if (de != null && de.publishData)
             try {
-              const L = new TextEncoder().encode(JSON.stringify(m));
-              await ae.publishData(L, { reliable: !0 });
-            } catch (L) {
-              console.warn("[AvatarWidget] sendData failed:", L);
+              const x = new TextEncoder().encode(JSON.stringify(y));
+              await de.publishData(x, { reliable: !0 });
+            } catch (x) {
+              console.warn("[AvatarWidget] sendData failed:", x);
             }
         }
       }),
       []
     );
-    const Ot = N(null);
+    const qt = N(null);
     I(() => {
-      const m = w.videoElement, p = Ot.current;
-      if (!(!m || !p))
-        return p.appendChild(m), () => {
-          m.parentNode === p && p.removeChild(m);
+      const y = k.videoElement, d = qt.current;
+      if (!(!y || !d))
+        return d.appendChild(y), () => {
+          y.parentNode === d && d.removeChild(y);
         };
-    }, [w.videoElement]), I(() => {
-      const m = w.audioElement;
-      if (!m) return;
-      ve.attach(m);
-      const p = m.play();
-      return p && typeof p.catch == "function" && p.catch((K) => {
-        (K == null ? void 0 : K.name) === "NotAllowedError" && nt(!0);
+    }, [k.videoElement]), I(() => {
+      const y = k.audioElement;
+      if (!y) return;
+      tt.attach(y);
+      const d = y.play();
+      return d && typeof d.catch == "function" && d.catch((G) => {
+        (G == null ? void 0 : G.name) === "NotAllowedError" && fe(!0);
       }), () => {
-        ve.detach();
+        tt.detach();
       };
-    }, [w.audioElement]), I(() => {
-      if (w.isControlled || w.connectionState !== "connected") return;
-      const m = w.getRoom();
-      if (m)
-        return X.setupMic(m).catch(() => {
+    }, [k.audioElement]), I(() => {
+      if (k.isControlled || k.connectionState !== "connected") return;
+      const y = k.getRoom();
+      if (y)
+        return re.setupMic(y).catch(() => {
         }), () => {
-          X.teardownMic();
+          re.teardownMic();
         };
-    }, [w.isControlled, w.connectionState]), I(() => {
-      var p;
-      if (w.connectionState !== "connected") return;
-      const m = w.isControlled ? (p = P == null ? void 0 : P.getRoom) == null ? void 0 : p.call(P) : w.getRoom();
-      if (m)
-        return ue.attachRoom(m), be.attachRoom(m), w.isControlled && X.attachRoom(m), He.refresh(), () => {
-          ue.teardown(), be.teardown();
+    }, [k.isControlled, k.connectionState]), I(() => {
+      var d;
+      if (k.connectionState !== "connected") return;
+      const y = k.isControlled ? (d = $ == null ? void 0 : $.getRoom) == null ? void 0 : d.call($) : k.getRoom();
+      if (y)
+        return ae.attachRoom(y), Ee.attachRoom(y), k.isControlled && re.attachRoom(y), nt.refresh(), () => {
+          ae.teardown(), Ee.teardown();
         };
-    }, [w.isControlled, w.connectionState, P]), I(() => {
-      const m = w.audioElement;
-      m && (m.muted = We);
-    }, [w.audioElement, We]);
-    const Ln = E((m) => {
-      const p = { type: "user_message", text: m };
-      if (P != null && P.publishData) {
+    }, [k.isControlled, k.connectionState, $]), I(() => {
+      const y = k.audioElement;
+      y && (y.muted = Y);
+    }, [k.audioElement, Y]);
+    const Rn = C((y) => {
+      const d = { type: "user_message", text: y };
+      if ($ != null && $.publishData) {
         try {
-          P.publishData(p);
+          $.publishData(d);
         } catch {
         }
         return;
       }
-      const K = w.getRoom();
-      if (K)
+      const G = k.getRoom();
+      if (G)
         try {
-          const ae = new TextEncoder().encode(JSON.stringify(p));
-          K.localParticipant.publishData(ae, { reliable: !0 });
+          const de = new TextEncoder().encode(JSON.stringify(d));
+          G.localParticipant.publishData(de, { reliable: !0 });
         } catch {
         }
-    }, [w, P]), En = E(() => {
-      yt((m) => !m);
+    }, [k, $]), In = C(() => {
+      An((y) => !y);
     }, []);
     I(() => {
-      Ne == null || Ne(w.connectionState), w.connectionState === "connected" ? Ce == null || Ce() : w.connectionState === "disconnected" && ($e == null || $e());
-    }, [w.connectionState, Ce, $e, Ne]), I(() => {
-      Se == null || Se(w.transcript);
-    }, [w.transcript, Se]), I(() => {
-      ze == null || ze(w.agentState);
-    }, [w.agentState, ze]), I(() => {
-      Be.setThinking(w.agentState === "thinking");
-    }, [w.agentState, Be]);
-    const Ht = N(!1);
+      Ae == null || Ae(k.connectionState), k.connectionState === "connected" ? Se == null || Se() : k.connectionState === "disconnected" && ($e == null || $e());
+    }, [k.connectionState, Se, $e, Ae]), I(() => {
+      Ne == null || Ne(k.transcript);
+    }, [k.transcript, Ne]), I(() => {
+      ze == null || ze(k.agentState);
+    }, [k.agentState, ze]), I(() => {
+      gt.setThinking(k.agentState === "thinking");
+    }, [k.agentState, gt]);
+    const Ft = N(!1);
     I(() => {
-      w.isControlled || !y || Ht.current || re && w.connectionState === "idle" && (Ht.current = !0, w.connect());
-    }, [y, w.connectionState, w, re]);
-    const Cn = E(
-      (m) => {
-        const p = S == null ? void 0 : S.find((K) => K.id === m);
-        p && (it(!1), m !== Te && (rt(!0), w.disconnect(), Ze || Oe(m), D == null || D(p)));
+      !v || Ft.current || Ze && k.connectionState === "idle" && (Ft.current = !0, k.connect());
+    }, [v, k.connectionState, k, Ze]);
+    const Mn = C(
+      (y) => {
+        const d = S == null ? void 0 : S.find((G) => G.id === y);
+        d && (ot(!1), y !== Le && (rt(!0), k.disconnect(), De || Lt(y), A == null || A(d)));
       },
       [
         S,
-        Te,
-        w,
-        Ze,
-        D
+        Le,
+        k,
+        De,
+        A
       ]
     );
     I(() => {
-      we && w.connectionState === "connected" && rt(!1);
-    }, [w.connectionState, we]), I(() => {
-      if (!ot) return;
-      const m = (p) => {
-        p.key === "Escape" && it(!1);
+      pe && k.connectionState === "connected" && rt(!1);
+    }, [k.connectionState, pe]), I(() => {
+      if (!qe) return;
+      const y = (d) => {
+        d.key === "Escape" && ot(!1);
       };
-      return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
-    }, [ot]);
-    const Sn = !!B || !!(ee != null && ee.avatarImageUrl) || w.isControlled, at = Qn(gt, l, Sn);
-    Qe === void 0 && ((Ft = at.info) != null && Ft.capabilities) && (St.current = at.info.capabilities);
-    const vt = (ee == null ? void 0 : ee.name) ?? q ?? ((Ut = w.agentConfig) == null ? void 0 : Ut.name) ?? ((jt = at.info) == null ? void 0 : jt.name) ?? "Live Layer", Nt = (ee == null ? void 0 : ee.avatarImageUrl) ?? B ?? ((Vt = w.agentConfig) == null ? void 0 : Vt.avatarImageUrl) ?? ((Yt = at.info) == null ? void 0 : Yt.avatarImageUrl) ?? null, Nn = k ?? ((Gt = w.agentConfig) == null ? void 0 : Gt.idleLoopUrl) ?? ((Jt = at.info) == null ? void 0 : Jt.idleLoopUrl) ?? null, An = R ?? null, Rn = E(() => ie("expanded"), [ie]), In = E(
-      () => ie("minimized"),
-      [ie]
-    ), Wt = E(() => {
-      w.disconnect(), ie("hidden");
-    }, [w, ie]), Mn = E(() => {
-      const m = w.audioElement;
-      m && m.play().then(() => nt(!1)).catch(() => {
+      return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
+    }, [qe]);
+    const Tn = !!P || !!(ee != null && ee.avatarImageUrl) || k.isControlled, lt = ir(et, l, Tn);
+    Qe === void 0 && ((Yt = lt.info) != null && Yt.capabilities) && (Rt.current = lt.info.capabilities);
+    const vt = (ee == null ? void 0 : ee.name) ?? H ?? ((Gt = k.agentConfig) == null ? void 0 : Gt.name) ?? ((Jt = lt.info) == null ? void 0 : Jt.name) ?? "Live Layer", It = (ee == null ? void 0 : ee.avatarImageUrl) ?? P ?? ((Kt = k.agentConfig) == null ? void 0 : Kt.avatarImageUrl) ?? ((Xt = lt.info) == null ? void 0 : Xt.avatarImageUrl) ?? null, Dn = F ?? ((Qt = k.agentConfig) == null ? void 0 : Qt.idleLoopUrl) ?? ((Zt = lt.info) == null ? void 0 : Zt.idleLoopUrl) ?? null, Pn = g ?? null, $n = C(() => le("expanded"), [le]), zn = C(
+      () => le("minimized"),
+      [le]
+    ), Ut = C(() => {
+      k.disconnect(), le("hidden");
+    }, [k, le]), On = C(() => {
+      const y = k.audioElement;
+      y && y.play().then(() => fe(!1)).catch(() => {
       });
-    }, [w.audioElement]), Tn = E(() => {
-      nt(!1), w.connect();
-    }, [w]), qe = {
-      ...kt,
-      ...tt ? {} : { zIndex: Ie }
+    }, [k.audioElement]), Hn = C(() => {
+      fe(!1), k.connect();
+    }, [k]), Fe = {
+      ...Te,
+      ...ue ? {} : { zIndex: Oe }
     };
-    F.primaryColor && (qe["--ll-color-primary"] = F.primaryColor), F.accentColor && (qe["--ll-color-accent"] = F.accentColor), F.backgroundColor && (qe["--ll-color-bg"] = F.backgroundColor), F.textColor && (qe["--ll-color-fg"] = F.textColor);
-    const Dn = [
+    q.primaryColor && (Fe["--ll-color-primary"] = q.primaryColor), q.accentColor && (Fe["--ll-color-accent"] = q.accentColor), q.backgroundColor && (Fe["--ll-color-bg"] = q.backgroundColor), q.textColor && (Fe["--ll-color-fg"] = q.textColor);
+    const Bn = [
       "ll-widget",
-      `ll-widget--${oe}`,
-      `ll-widget--${de ? "mobile" : "desktop"}`,
-      mt
+      `ll-widget--${te}`,
+      `ll-widget--${Ce ? "mobile" : "desktop"}`,
+      kt
     ].filter(Boolean).join(" ");
-    if (!re) return null;
-    const Pn = /* @__PURE__ */ n(
+    if (!Ze) return null;
+    const Wn = /* @__PURE__ */ n(
       "div",
       {
-        className: Dn,
-        style: qe,
-        "data-display-mode": oe,
-        "data-position": x,
-        "data-experience-mode": u === "EMBEDDED" ? "embedded" : "widget",
-        children: oe === "expanded" && /* @__PURE__ */ n(
-          Mr,
+        className: Bn,
+        style: Fe,
+        "data-display-mode": te,
+        "data-position": L,
+        "data-experience-mode": p === "EMBEDDED" ? "embedded" : "widget",
+        children: te === "expanded" && /* @__PURE__ */ n(
+          Hr,
           {
-            position: x,
-            isMobile: de,
+            position: L,
+            isMobile: Ce,
             agentName: vt,
-            avatarImageUrl: Nt,
-            idleLoopUrl: Nn,
-            greeting: An,
-            branding: F,
+            avatarImageUrl: It,
+            idleLoopUrl: Dn,
+            greeting: Pn,
+            branding: q,
             teamMembers: S,
-            currentTeamMemberId: Te,
-            isSwitchingTeamMember: we,
-            teamSwitcherOpen: ot,
-            onToggleTeamSwitcher: () => it((m) => !m),
-            onSelectTeamMember: Cn,
-            connectionState: w.connectionState,
-            agentState: w.agentState,
-            transcript: w.transcript,
-            isMuted: X.isMuted,
-            micDevices: He.mics,
-            activeMicId: X.activeDeviceId,
-            isCameraEnabled: ue.isEnabled,
-            cameraPreviewEl: ue.previewEl,
-            cameraDevices: He.cameras,
-            activeCameraId: ue.activeDeviceId,
-            isScreenShareEnabled: be.isEnabled,
-            screenPreviewEl: be.previewEl,
-            isSpeakerMuted: We,
-            allowCamera: U,
-            allowScreenShare: O,
-            allowTyping: j,
-            showMinimize: H,
-            showClose: G,
-            chromeless: ce,
-            compactControls: ge,
-            transforming: pe,
+            currentTeamMemberId: Le,
+            isSwitchingTeamMember: pe,
+            teamSwitcherOpen: qe,
+            onToggleTeamSwitcher: () => ot((y) => !y),
+            onSelectTeamMember: Mn,
+            connectionState: k.connectionState,
+            agentState: k.agentState,
+            transcript: k.transcript,
+            isMuted: re.isMuted,
+            micDevices: nt.mics,
+            activeMicId: re.activeDeviceId,
+            isCameraEnabled: ae.isEnabled,
+            cameraPreviewEl: ae.previewEl,
+            cameraDevices: nt.cameras,
+            activeCameraId: ae.activeDeviceId,
+            isScreenShareEnabled: Ee.isEnabled,
+            screenPreviewEl: Ee.previewEl,
+            isSpeakerMuted: Y,
+            allowCamera: Z,
+            allowScreenShare: M,
+            allowTyping: U,
+            showMinimize: pt,
+            showClose: ht,
+            chromeless: oe,
+            compactControls: K,
+            transforming: xe,
             transformingLabel: ye,
-            languageMenuOpen: _e,
-            onToggleLanguageMenu: () => xe((m) => !m),
-            needsUserGesture: Lt,
-            canResume: w.canResume,
-            micError: X.micError,
-            error: w.error,
-            avatarVideoContainerRef: Ot,
-            agentVideoEl: w.videoElement,
-            onConnect: () => void w.connect(),
-            onDisconnect: () => w.disconnect(),
-            onRetry: Tn,
-            onResumeAudio: Mn,
-            onToggleMute: X.toggleMute,
-            onSwitchMicDevice: (m) => void X.switchDevice(m),
-            onToggleCamera: () => void ue.toggle(),
-            onSwitchCameraDevice: (m) => void ue.switchDevice(m),
-            onToggleScreenShare: () => void be.toggle(),
-            onToggleSpeaker: En,
-            onSendMessage: Ln,
-            onMinimize: In,
-            onClose: Wt,
-            onClearMicError: X.clearError
+            languageMenuOpen: mt,
+            onToggleLanguageMenu: () => m((y) => !y),
+            needsUserGesture: Ct,
+            canResume: k.canResume,
+            micError: re.micError,
+            error: k.error,
+            avatarVideoContainerRef: qt,
+            agentVideoEl: k.videoElement,
+            onConnect: () => void k.connect(),
+            onDisconnect: () => k.disconnect(),
+            onRetry: Hn,
+            onResumeAudio: On,
+            onToggleMute: re.toggleMute,
+            onSwitchMicDevice: (y) => void re.switchDevice(y),
+            onToggleCamera: () => void ae.toggle(),
+            onSwitchCameraDevice: (y) => void ae.switchDevice(y),
+            onToggleScreenShare: () => void Ee.toggle(),
+            onToggleSpeaker: In,
+            onSendMessage: Rn,
+            onMinimize: zn,
+            onClose: Ut,
+            onClearMicError: re.clearError
           }
         )
       }
-    ), Bt = oe === "hidden" || oe === "minimized" ? /* @__PURE__ */ g(
+    ), jt = !ue && (te === "hidden" || te === "minimized") ? /* @__PURE__ */ w(
       "div",
       {
         className: [
           "ll-widget",
           "ll-widget--floating",
-          `ll-widget--${oe}`,
-          `ll-widget--${de ? "mobile" : "desktop"}`
+          `ll-widget--${te}`,
+          `ll-widget--${Ce ? "mobile" : "desktop"}`
         ].join(" "),
-        style: qe,
-        "data-display-mode": oe,
-        "data-position": x,
+        style: Fe,
+        "data-display-mode": te,
+        "data-position": L,
         children: [
-          oe === "hidden" && /* @__PURE__ */ n(
-            kr,
+          te === "hidden" && /* @__PURE__ */ n(
+            Rr,
             {
-              position: x,
-              isMobile: de,
-              isSpeaking: w.agentState === "speaking",
-              onExpand: () => ie("expanded"),
+              position: L,
+              isMobile: Ce,
+              isSpeaking: k.agentState === "speaking",
+              onExpand: () => le("expanded"),
               label: `Open ${vt} widget`,
-              avatarImageUrl: Nt,
+              avatarImageUrl: It,
               agentName: vt,
-              containerEl: se
+              containerEl: _e
             }
           ),
-          oe === "minimized" && /* @__PURE__ */ n(
-            Er,
+          te === "minimized" && /* @__PURE__ */ n(
+            Mr,
             {
-              position: x,
-              isMobile: de,
+              position: L,
+              isMobile: Ce,
               agentName: vt,
-              avatarImageUrl: Nt,
-              agentState: w.agentState,
-              isMuted: X.isMuted,
-              audioLevel: ve,
-              onExpand: Rn,
-              onToggleMute: X.toggleMute,
-              onClose: Wt
+              avatarImageUrl: It,
+              agentState: k.agentState,
+              isMuted: re.isMuted,
+              audioLevel: tt,
+              onExpand: $n,
+              onToggleMute: re.toggleMute,
+              onClose: Ut
             }
           )
         ]
       }
-    ) : null, qt = se ?? (typeof document < "u" ? document.body : null);
-    return /* @__PURE__ */ g(Ye, { children: [
-      Pn,
-      Bt && qt && It(Bt, qt)
+    ) : null, Vt = _e ?? (typeof document < "u" ? document.body : null);
+    return /* @__PURE__ */ w(Pe, { children: [
+      Wn,
+      jt && Vt && Pt(jt, Vt)
     ] });
   }
 );
-kn.displayName = "AvatarWidgetInner";
-const oo = ut(
+Nn.displayName = "AvatarWidgetInner";
+const mo = Dt(
   function(t, r) {
-    return /* @__PURE__ */ n(Un, { children: /* @__PURE__ */ n(kn, { ...t, ref: r }) });
+    return /* @__PURE__ */ n(Xn, { children: /* @__PURE__ */ n(Nn, { ...t, ref: r }) });
   }
 );
-oo.displayName = "AvatarWidget";
-const mo = ({
+mo.displayName = "AvatarWidget";
+const Eo = ({
   agentId: e,
   baseUrl: t,
   apiKey: r,
   mode: o,
   onAgentEvent: i,
   className: l,
-  style: d
+  style: s
 }) => {
-  const a = N(null), s = N(null), u = N(i);
-  u.current = i;
-  const y = E((f) => {
-    var A;
-    const c = f.detail;
-    (A = u.current) == null || A.call(u, c);
+  const a = N(null), c = N(null), p = N(i);
+  p.current = i;
+  const v = C((f) => {
+    var R;
+    const u = f.detail;
+    (R = p.current) == null || R.call(p, u);
   }, []);
   return I(() => {
     const f = a.current;
     if (!f) return;
-    const c = document.createElement("livelayer-widget");
-    return c.setAttribute("agent-id", e), t && c.setAttribute("base-url", t), r && c.setAttribute("api-key", r), o && c.setAttribute("mode", o), c.addEventListener("agent-event", y), f.appendChild(c), s.current = c, () => {
-      c.removeEventListener("agent-event", y), f.removeChild(c), s.current = null;
+    const u = document.createElement("livelayer-widget");
+    return u.setAttribute("agent-id", e), t && u.setAttribute("base-url", t), r && u.setAttribute("api-key", r), o && u.setAttribute("mode", o), u.addEventListener("agent-event", v), f.appendChild(u), c.current = u, () => {
+      u.removeEventListener("agent-event", v), f.removeChild(u), c.current = null;
     };
   }, [e]), I(() => {
-    s.current && (o ? s.current.setAttribute("mode", o) : s.current.removeAttribute("mode"));
-  }, [o]), /* @__PURE__ */ n("div", { ref: a, className: l, style: d });
-}, go = ut(
-  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: d }, a) {
-    return Wn(
+    c.current && (o ? c.current.setAttribute("mode", o) : c.current.removeAttribute("mode"));
+  }, [o]), /* @__PURE__ */ n("div", { ref: a, className: l, style: s });
+}, So = Dt(
+  function({ id: t, intent: r, as: o = "div", className: i, style: l, children: s }, a) {
+    return Vn(
       o,
       {
         ref: a,
@@ -3179,75 +3311,64 @@ const mo = ({
         className: i,
         style: l
       },
-      d
-    );
-  }
-), yo = ut(
-  function({ id: t, intent: r, children: o, ...i }, l) {
-    return /* @__PURE__ */ n(
-      "form",
-      {
-        ref: l,
-        "data-ll-form": t,
-        "data-ll-intent": r,
-        ...i,
-        children: o
-      }
+      s
     );
   }
-), vo = ut(
-  function(t, r) {
-    const { name: o, label: i, labelClassName: l } = t, d = { name: o, "data-ll-field": o };
-    let a;
-    if ("as" in t && t.as === "textarea") {
-      const { name: s, label: u, labelClassName: y, as: f, ...c } = t;
-      a = /* @__PURE__ */ n(
-        "textarea",
-        {
-          ref: r,
-          ...d,
-          ...c
-        }
-      );
-    } else if ("as" in t && t.as === "select") {
-      const { name: s, label: u, labelClassName: y, as: f, children: c, ...A } = t;
-      a = /* @__PURE__ */ n(
-        "select",
-        {
-          ref: r,
-          ...d,
-          ...A,
-          children: c
+);
+function No(e = {}) {
+  const { onFieldUpdate: t, onComplete: r, source: o = "all" } = e, [i, l] = E({}), [s, a] = E(!1), [c, p] = E(null), v = N(t), f = N(r), u = N(o);
+  I(() => {
+    v.current = t, f.current = r, u.current = o;
+  }, [t, r, o]);
+  const R = C(() => {
+    l({}), a(!1);
+  }, []);
+  return I(() => {
+    if (typeof window > "u") return;
+    const L = (_) => {
+      var b, S;
+      const h = _.detail;
+      if (h) {
+        if (h.phase === "field") {
+          if (u.current !== "all" && h.source !== u.current)
+            return;
+          a(!0), l(
+            (T) => T[h.fieldName] === h.value ? T : { ...T, [h.fieldName]: h.value }
+          );
+          try {
+            (b = v.current) == null || b.call(v, h);
+          } catch (T) {
+            console.warn("[LiveLayer] useCollect onFieldUpdate threw.", T);
+          }
+          return;
         }
-      );
-    } else {
-      const { name: s, label: u, labelClassName: y, as: f, ...c } = t;
-      a = /* @__PURE__ */ n(
-        "input",
-        {
-          ref: r,
-          ...d,
-          ...c
+        if (h.phase === "complete") {
+          const T = h.result;
+          if (u.current !== "all" && T.source !== u.current)
+            return;
+          p(T), a(!1);
+          try {
+            (S = f.current) == null || S.call(f, T);
+          } catch (A) {
+            console.warn("[LiveLayer] useCollect onComplete threw.", A);
+          }
         }
-      );
-    }
-    return i === void 0 ? a : /* @__PURE__ */ g("label", { className: l, children: [
-      i,
-      a
-    ] });
-  }
-);
-let hn = 1;
-function bo({
+      }
+    };
+    return document.addEventListener("ll-collected", L), () => document.removeEventListener("ll-collected", L);
+  }, []), { fields: i, isCollecting: s, lastResult: c, reset: R };
+}
+let bn = 1;
+function Ao({
   onMount: e,
   defaultOpen: t = !1,
   storageKey: r = "ll-debug-open"
 }) {
-  const [o, i] = C(t), [l, d] = C([]), [a, s] = C(""), [u, y] = C(!1), f = N(/* @__PURE__ */ new Set()), c = N([]), A = N(u);
-  A.current = u, I(() => {
+  const [o, i] = E(t), [l, s] = E([]), [a, c] = E(""), [p, v] = E(!1), f = N(/* @__PURE__ */ new Set()), u = N([]), R = N(p);
+  R.current = p, I(() => {
     try {
-      const v = localStorage.getItem(r);
-      v === "1" && i(!0), v === "0" && i(!1);
+      const h = localStorage.getItem(r);
+      h === "1" && i(!0), h === "0" && i(!1);
     } catch {
     }
   }, [r]), I(() => {
@@ -3256,48 +3377,48 @@ function bo({
     } catch {
     }
   }, [o, r]), I(() => {
-    const v = (b) => {
+    const h = (b) => {
       (b.metaKey || b.ctrlKey) && b.shiftKey && b.key.toLowerCase() === "l" && (b.preventDefault(), i((S) => !S));
     };
-    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
+    return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
   }, []), I(() => {
-    const v = setInterval(() => {
-      if (c.current.length === 0 || A.current) return;
-      const b = c.current.splice(0, c.current.length);
-      d(
+    const h = setInterval(() => {
+      if (u.current.length === 0 || R.current) return;
+      const b = u.current.splice(0, u.current.length);
+      s(
         (S) => [...b.reverse(), ...S].slice(0, 200)
       );
     }, 100);
-    return () => clearInterval(v);
+    return () => clearInterval(h);
   }, []);
-  const x = N(!1);
+  const L = N(!1);
   if (I(() => {
-    !e || x.current || (x.current = !0, e((v) => {
-      c.current.push({
-        id: hn++,
+    !e || L.current || (L.current = !0, e((h) => {
+      u.current.push({
+        id: bn++,
         ts: Date.now(),
         kind: "event",
-        type: v.eventName,
-        data: v.data
+        type: h.eventName,
+        data: h.data
       });
     }));
   }, [e]), I(() => {
-    const v = console.warn, b = console.log, S = (M, D) => function(...k) {
+    const h = console.warn, b = console.log, S = (T, A) => function(...F) {
       try {
-        const R = typeof k[0] == "string" ? k[0] : "";
-        R.startsWith("[LiveLayer]") && c.current.push({
-          id: hn++,
+        const g = typeof F[0] == "string" ? F[0] : "";
+        g.startsWith("[LiveLayer]") && u.current.push({
+          id: bn++,
           ts: Date.now(),
-          kind: M,
-          type: R.slice(0, 120),
-          data: { args: k.slice(1).map((B) => lo(B)) }
+          kind: T,
+          type: g.slice(0, 120),
+          data: { args: F.slice(1).map((P) => yo(P)) }
         });
       } catch {
       }
-      return D.apply(this, k);
+      return A.apply(this, F);
     };
-    return console.warn = S("warn", v), console.log = S("log", b), () => {
-      console.warn = v, console.log = b;
+    return console.warn = S("warn", h), console.log = S("log", b), () => {
+      console.warn = h, console.log = b;
     };
   }, []), !o)
     return /* @__PURE__ */ n(
@@ -3326,12 +3447,12 @@ function bo({
         children: "🛰 LL debug"
       }
     );
-  const _ = l.filter((v) => {
+  const _ = l.filter((h) => {
     if (!a) return !0;
     const b = a.toLowerCase();
-    return v.type.toLowerCase().includes(b) || JSON.stringify(v.data || {}).toLowerCase().includes(b);
+    return h.type.toLowerCase().includes(b) || JSON.stringify(h.data || {}).toLowerCase().includes(b);
   });
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ w(
     "div",
     {
       style: {
@@ -3353,7 +3474,7 @@ function bo({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ w(
           "div",
           {
             style: {
@@ -3366,7 +3487,7 @@ function bo({
             },
             children: [
               /* @__PURE__ */ n("span", { style: { fontWeight: 600, fontSize: 12 }, children: "LiveLayer debug" }),
-              /* @__PURE__ */ g("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
+              /* @__PURE__ */ w("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)" }, children: [
                 l.length,
                 " event",
                 l.length === 1 ? "" : "s"
@@ -3376,10 +3497,10 @@ function bo({
                 "button",
                 {
                   type: "button",
-                  onClick: () => y((v) => !v),
-                  style: Rt(u ? "#f59e0b" : "transparent"),
+                  onClick: () => v((h) => !h),
+                  style: Tt(p ? "#f59e0b" : "transparent"),
                   title: "Pause / resume capture",
-                  children: u ? "▶ resume" : "⏸ pause"
+                  children: p ? "▶ resume" : "⏸ pause"
                 }
               ),
               /* @__PURE__ */ n(
@@ -3387,9 +3508,9 @@ function bo({
                 {
                   type: "button",
                   onClick: () => {
-                    d([]), c.current = [];
+                    s([]), u.current = [];
                   },
-                  style: Rt("transparent"),
+                  style: Tt("transparent"),
                   title: "Clear buffer",
                   children: "clear"
                 }
@@ -3399,7 +3520,7 @@ function bo({
                 {
                   type: "button",
                   onClick: () => i(!1),
-                  style: Rt("transparent"),
+                  style: Tt("transparent"),
                   "aria-label": "Close",
                   title: "Close (Cmd/Ctrl + Shift + L)",
                   children: "✕"
@@ -3413,7 +3534,7 @@ function bo({
           {
             type: "text",
             value: a,
-            onChange: (v) => s(v.target.value),
+            onChange: (h) => c(h.target.value),
             placeholder: "filter by type or data…",
             style: {
               margin: 8,
@@ -3435,7 +3556,7 @@ function bo({
               overflowY: "auto",
               padding: "0 8px 8px"
             },
-            children: _.length === 0 ? /* @__PURE__ */ g(
+            children: _.length === 0 ? /* @__PURE__ */ w(
               "div",
               {
                 style: {
@@ -3465,16 +3586,16 @@ function bo({
                   )
                 ]
               }
-            ) : _.map((v) => /* @__PURE__ */ n(
-              io,
+            ) : _.map((h) => /* @__PURE__ */ n(
+              go,
               {
-                entry: v,
-                expanded: f.current.has(v.id),
+                entry: h,
+                expanded: f.current.has(h.id),
                 onToggle: () => {
-                  f.current.has(v.id) ? f.current.delete(v.id) : f.current.add(v.id), d((b) => [...b]);
+                  f.current.has(h.id) ? f.current.delete(h.id) : f.current.add(h.id), s((b) => [...b]);
                 }
               },
-              v.id
+              h.id
             ))
           }
         )
@@ -3482,7 +3603,7 @@ function bo({
     }
   );
 }
-function io({
+function go({
   entry: e,
   expanded: t,
   onToggle: r
@@ -3490,7 +3611,7 @@ function io({
   const o = e.kind === "warn" ? "#f59e0b" : e.type.startsWith("[LiveLayer]") ? "#94a3b8" : e.type === "navigate" || e.type === "scroll_page" || e.type === "scroll_to" || e.type === "click" ? "#22c55e" : e.type === "fill_form" || e.type === "submit_form" || e.type === "focus_field" ? "#a78bfa" : e.type === "request_page_context" || e.type === "request_routes" ? "#38bdf8" : e.type === "agent_state" ? "#facc15" : "#cbd5e1", i = new Date(e.ts).toLocaleTimeString("en-US", {
     hour12: !1
   });
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ w(
     "button",
     {
       type: "button",
@@ -3508,7 +3629,7 @@ function io({
         lineHeight: 1.4
       },
       children: [
-        /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ n(
             "span",
             {
@@ -3552,7 +3673,7 @@ function io({
     }
   );
 }
-function Rt(e) {
+function Tt(e) {
   return {
     background: e,
     color: "#fff",
@@ -3563,24 +3684,31 @@ function Rt(e) {
     cursor: "pointer"
   };
 }
-function lo(e) {
+function yo(e) {
   try {
     return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
   } catch {
     return String(e);
   }
 }
-function wo() {
-  const [e, t] = C([]), r = E((i) => {
+function vo(e) {
+  const t = JSON.stringify(e);
+  I(() => Gn(e), [t]);
+}
+function Ro({ fields: e, children: t }) {
+  return vo(e), /* @__PURE__ */ n(Pe, { children: t });
+}
+function Io() {
+  const [e, t] = E([]), r = C((i) => {
     t((l) => {
-      const d = l.findIndex((a) => a.id === i.id);
-      if (d >= 0) {
+      const s = l.findIndex((a) => a.id === i.id);
+      if (s >= 0) {
         const a = l.slice();
-        return a[d] = i, a;
+        return a[s] = i, a;
       }
       return [...l, i];
     });
-  }, []), o = E(() => t([]), []);
+  }, []), o = C(() => t([]), []);
   return {
     entries: e,
     pushSegment: r,
@@ -3589,33 +3717,38 @@ function wo() {
   };
 }
 export {
-  oo as AvatarWidget,
-  Un as ErrorBoundary,
-  bo as LiveLayerDebugPanel,
-  vo as LiveLayerField,
-  yo as LiveLayerForm,
-  go as LiveLayerRegion,
-  mo as LiveLayerWidget,
-  Fr as clearPageContextCache,
-  Jr as clearRoutesCache,
-  qr as extractPageContext,
-  Yr as extractRoutes,
-  fn as getCachedPageContext,
-  At as getCachedRoutes,
-  pr as matchesPattern,
-  jr as normalizeRouteInput,
-  hr as shouldRenderAtPath,
-  Qn as useAgentInfo,
-  Vn as useAudioLevel,
-  Jn as useCameraState,
-  tr as useDisplayMode,
-  or as useDisplayModePersistence,
-  lr as useIsMobile,
-  jn as useLiveKitSession,
-  Xn as useMediaDevices,
-  Yn as useMicrophoneState,
-  cr as usePathname,
-  mr as useRouteMatch,
-  Kn as useScreenShareState,
-  wo as useTranscript
+  mo as AvatarWidget,
+  Xn as ErrorBoundary,
+  Ro as FieldProvider,
+  Ao as LiveLayerDebugPanel,
+  So as LiveLayerRegion,
+  Eo as LiveLayerWidget,
+  Do as clearFieldRegistry,
+  Qr as clearPageContextCache,
+  oo as clearRoutesCache,
+  Xr as extractPageContext,
+  no as extractRoutes,
+  gn as getCachedPageContext,
+  Mt as getCachedRoutes,
+  Po as getRegisteredFields,
+  wr as matchesPattern,
+  eo as normalizeRouteInput,
+  $o as registerFields,
+  zo as setFieldValue,
+  _r as shouldRenderAtPath,
+  ir as useAgentInfo,
+  Zn as useAudioLevel,
+  nr as useCameraState,
+  No as useCollect,
+  sr as useDisplayMode,
+  ur as useDisplayModePersistence,
+  pr as useIsMobile,
+  Qn as useLiveKitSession,
+  or as useMediaDevices,
+  er as useMicrophoneState,
+  mr as usePathname,
+  vo as useRegisterFields,
+  xr as useRouteMatch,
+  rr as useScreenShareState,
+  Io as useTranscript
 };