@livelayer/react 0.5.18 → 0.5.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client";
2
- import { jsxs as _, jsx as n, Fragment as wt } from "react/jsx-runtime";
3
- import { Component as mn, useState as L, useRef as A, useEffect as N, useCallback as k, useMemo as st, forwardRef as _t, createElement as gn } from "react";
4
- import { LiveKitSession as yn } from "@livelayer/sdk";
5
- import { createLocalAudioTrack as vn, Track as en, createLocalVideoTrack as bn } from "livekit-client";
6
- class wn extends mn {
2
+ import { jsxs as _, jsx as n, Fragment as _t } from "react/jsx-runtime";
3
+ import { Component as yn, useState as L, useRef as E, useEffect as A, useCallback as k, useMemo as ct, forwardRef as xt, createElement as vn } from "react";
4
+ import { LiveKitSession as bn } from "@livelayer/sdk";
5
+ import { createLocalAudioTrack as wn, Track as nn, createLocalVideoTrack as _n } from "livekit-client";
6
+ class xn extends yn {
7
7
  constructor() {
8
8
  super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
9
9
  this.setState({ hasError: !1, error: null });
@@ -33,9 +33,9 @@ class wn extends mn {
33
33
  ] }) : this.props.children;
34
34
  }
35
35
  }
36
- function _n(e) {
37
- const [t, r] = L("idle"), [i, o] = L("idle"), [l, c] = L([]), [u, f] = L(null), [y, b] = L(null), [s, a] = L(null), [x, E] = L(!1), [C, v] = L(null), w = A(null), O = A(e.onDataMessage);
38
- O.current = e.onDataMessage, N(() => {
36
+ function kn(e) {
37
+ const [t, r] = L("idle"), [i, o] = L("idle"), [l, c] = L([]), [u, f] = L(null), [y, b] = L(null), [s, a] = L(null), [x, N] = L(!1), [C, v] = L(null), w = E(null), O = E(e.onDataMessage);
38
+ O.current = e.onDataMessage, A(() => {
39
39
  const R = {
40
40
  onConnectionStateChange: (z) => {
41
41
  r(z), z === "connected" && v(null);
@@ -51,8 +51,8 @@ function _n(e) {
51
51
  var M;
52
52
  (M = O.current) == null || M.call(O, z);
53
53
  },
54
- onResumabilityChange: E
55
- }, W = new yn(
54
+ onResumabilityChange: N
55
+ }, W = new bn(
56
56
  {
57
57
  agentId: e.agentId,
58
58
  baseUrl: e.baseUrl,
@@ -62,7 +62,7 @@ function _n(e) {
62
62
  },
63
63
  R
64
64
  );
65
- return w.current = W, r("idle"), o("idle"), c([]), f(null), b(null), a(null), E(!1), v(null), () => {
65
+ return w.current = W, r("idle"), o("idle"), c([]), f(null), b(null), a(null), N(!1), v(null), () => {
66
66
  var z;
67
67
  (z = W.destroy) == null || z.call(W), w.current = null;
68
68
  };
@@ -103,8 +103,8 @@ function _n(e) {
103
103
  session: w.current
104
104
  };
105
105
  }
106
- function xn() {
107
- const e = A(null), t = A(null), r = A(null), i = A(null), o = A(/* @__PURE__ */ new Set()), l = A(null), c = k(() => {
106
+ function Ln() {
107
+ const e = E(null), t = E(null), r = E(null), i = E(null), o = E(/* @__PURE__ */ new Set()), l = E(null), c = k(() => {
108
108
  const s = t.current;
109
109
  if (!s) {
110
110
  i.current = null;
@@ -117,10 +117,10 @@ function xn() {
117
117
  s.getByteFrequencyData(a);
118
118
  let x = 0;
119
119
  for (let C = 0; C < a.length; C++) x += a[C];
120
- const E = x / a.length / 255;
120
+ const N = x / a.length / 255;
121
121
  for (const C of o.current)
122
122
  try {
123
- C(E);
123
+ C(N);
124
124
  } catch (v) {
125
125
  console.error("[useAudioLevel] subscriber threw:", v);
126
126
  }
@@ -161,7 +161,7 @@ function xn() {
161
161
  }, []), b = k((s) => (o.current.add(s), () => {
162
162
  o.current.delete(s);
163
163
  }), []);
164
- return N(() => () => {
164
+ return A(() => () => {
165
165
  if (y(), t.current) {
166
166
  try {
167
167
  t.current.disconnect();
@@ -179,8 +179,8 @@ function xn() {
179
179
  o.current.clear(), l.current = null;
180
180
  }, [y]), { attach: f, detach: y, subscribe: b };
181
181
  }
182
- function kn() {
183
- const [e, t] = L(!1), [r, i] = L(null), o = A(null), l = A(null), c = k(
182
+ function Sn() {
183
+ const [e, t] = L(!1), [r, i] = L(null), o = E(null), l = E(null), c = k(
184
184
  async (s, a) => {
185
185
  if (o.current && l.current) {
186
186
  try {
@@ -191,14 +191,14 @@ function kn() {
191
191
  }
192
192
  l.current = s, i(null);
193
193
  try {
194
- const x = await vn({
194
+ const x = await wn({
195
195
  echoCancellation: !0,
196
196
  noiseSuppression: !0
197
197
  });
198
198
  a != null && a.startMuted && await x.mute(), await s.localParticipant.publishTrack(x), o.current = x, t(x.isMuted);
199
199
  } catch (x) {
200
- const E = x instanceof Error && x.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
201
- throw i(E), x;
200
+ const N = x instanceof Error && x.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
201
+ throw i(N), x;
202
202
  }
203
203
  },
204
204
  []
@@ -229,14 +229,14 @@ function kn() {
229
229
  clearError: b
230
230
  };
231
231
  }
232
- const Ln = { resolution: { width: 640, height: 480, frameRate: 24 } };
233
- function Sn() {
234
- const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), [c, u] = L(""), f = A(null), y = A(null), b = k((w) => {
232
+ const Cn = { resolution: { width: 640, height: 480, frameRate: 24 } };
233
+ function En() {
234
+ const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), [c, u] = L(""), f = E(null), y = E(null), b = k((w) => {
235
235
  f.current = w;
236
236
  }, []), s = k(() => {
237
237
  const w = f.current, O = y.current;
238
238
  if (O && w) {
239
- const I = w.localParticipant.getTrackPublication(en.Source.Camera);
239
+ const I = w.localParticipant.getTrackPublication(nn.Source.Camera);
240
240
  if (I != null && I.track) {
241
241
  try {
242
242
  w.localParticipant.unpublishTrack(I.track);
@@ -252,9 +252,9 @@ function Sn() {
252
252
  if (O) {
253
253
  i(null);
254
254
  try {
255
- const I = { ...Ln };
255
+ const I = { ...Cn };
256
256
  w && (I.deviceId = w);
257
- const q = await bn(I);
257
+ const q = await _n(I);
258
258
  await O.localParticipant.publishTrack(q), y.current = q;
259
259
  const m = q.attach();
260
260
  l(m), t(!0), w && u(w);
@@ -272,12 +272,12 @@ function Sn() {
272
272
  }
273
273
  }, []), x = k(async () => {
274
274
  e ? s() : await a(c || void 0);
275
- }, [e, c, s, a]), E = k(async (w) => {
275
+ }, [e, c, s, a]), N = k(async (w) => {
276
276
  s(), await a(w);
277
277
  }, [s, a]), C = k(() => {
278
278
  s(), f.current = null, i(null), u("");
279
279
  }, [s]), v = k(() => i(null), []);
280
- return N(() => () => {
280
+ return A(() => () => {
281
281
  y.current && y.current.stop();
282
282
  }, []), {
283
283
  isEnabled: e,
@@ -285,14 +285,14 @@ function Sn() {
285
285
  previewEl: o,
286
286
  activeDeviceId: c,
287
287
  toggle: x,
288
- switchDevice: E,
288
+ switchDevice: N,
289
289
  attachRoom: b,
290
290
  teardown: C,
291
291
  clearError: v
292
292
  };
293
293
  }
294
- function Cn() {
295
- const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), c = A(null), u = k((a) => {
294
+ function Nn() {
295
+ const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), c = E(null), u = k((a) => {
296
296
  c.current = a;
297
297
  }, []), f = k(() => l(null), []), y = k(async () => {
298
298
  const a = c.current;
@@ -309,8 +309,8 @@ function Cn() {
309
309
  try {
310
310
  await a.localParticipant.setScreenShareEnabled(!0);
311
311
  let x = 0;
312
- const E = () => {
313
- const C = a.localParticipant.getTrackPublication(en.Source.ScreenShare);
312
+ const N = () => {
313
+ const C = a.localParticipant.getTrackPublication(nn.Source.ScreenShare);
314
314
  if (C != null && C.track) {
315
315
  const v = C.track.attach();
316
316
  l(v), t(!0);
@@ -323,12 +323,12 @@ function Cn() {
323
323
  }
324
324
  return;
325
325
  }
326
- x++ < 10 ? setTimeout(E, 100) : t(!0);
326
+ x++ < 10 ? setTimeout(N, 100) : t(!0);
327
327
  };
328
- E();
328
+ N();
329
329
  } catch (x) {
330
- const E = x instanceof Error ? x.name : "";
331
- E !== "NotAllowedError" && E !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
330
+ const N = x instanceof Error ? x.name : "";
331
+ N !== "NotAllowedError" && N !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
332
332
  }
333
333
  }
334
334
  }, [e, f]), b = k(() => {
@@ -342,7 +342,7 @@ function Cn() {
342
342
  }, [e, f]), s = k(() => i(null), []);
343
343
  return { isEnabled: e, error: r, previewEl: o, toggle: y, attachRoom: u, teardown: b, clearError: s };
344
344
  }
345
- function En() {
345
+ function An() {
346
346
  const [e, t] = L([]), [r, i] = L([]), o = k(async () => {
347
347
  if (!(typeof navigator > "u" || !navigator.mediaDevices))
348
348
  try {
@@ -351,15 +351,15 @@ function En() {
351
351
  } catch {
352
352
  }
353
353
  }, []);
354
- return N(() => {
354
+ return A(() => {
355
355
  if (o(), typeof navigator > "u" || !navigator.mediaDevices) return;
356
356
  const l = () => void o();
357
357
  return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
358
358
  }, [o]), { mics: e, cameras: r, refresh: o };
359
359
  }
360
- function Nn(e, t, r = !1) {
360
+ function Rn(e, t, r = !1) {
361
361
  const [i, o] = L(null), [l, c] = L(null), [u, f] = L(!r && !!e);
362
- return N(() => {
362
+ return A(() => {
363
363
  if (r || !e) {
364
364
  f(!1);
365
365
  return;
@@ -380,7 +380,7 @@ function Nn(e, t, r = !1) {
380
380
  }), () => y.abort();
381
381
  }, [e, t, r]), { info: i, error: l, loading: u };
382
382
  }
383
- function An(e) {
383
+ function Mn(e) {
384
384
  if (typeof window > "u") return null;
385
385
  try {
386
386
  return window.localStorage.getItem(e);
@@ -388,14 +388,14 @@ function An(e) {
388
388
  return null;
389
389
  }
390
390
  }
391
- function Rn(e, t) {
391
+ function In(e, t) {
392
392
  if (!(typeof window > "u"))
393
393
  try {
394
394
  window.localStorage.setItem(e, t);
395
395
  } catch {
396
396
  }
397
397
  }
398
- function Mn({
398
+ function Tn({
399
399
  value: e,
400
400
  defaultValue: t = "expanded",
401
401
  onChange: r
@@ -408,34 +408,34 @@ function Mn({
408
408
  );
409
409
  return [c, u];
410
410
  }
411
- const In = ["hidden", "minimized", "expanded"];
412
- function Tn(e) {
413
- return e && In.includes(e) ? e : null;
411
+ const Pn = ["hidden", "minimized", "expanded"];
412
+ function Dn(e) {
413
+ return e && Pn.includes(e) ? e : null;
414
414
  }
415
- function Pn({
415
+ function $n({
416
416
  value: e,
417
417
  defaultValue: t = "expanded",
418
418
  onChange: r,
419
419
  persistKey: i = "ll-widget",
420
420
  disablePersistence: o = !1
421
421
  } = {}) {
422
- const l = `${i}:display-mode`, c = A(!1), [u, f] = Mn({
422
+ const l = `${i}:display-mode`, c = E(!1), [u, f] = Tn({
423
423
  value: e,
424
424
  defaultValue: t,
425
425
  onChange: (y) => {
426
- e === void 0 && !o && Rn(l, y), r == null || r(y);
426
+ e === void 0 && !o && In(l, y), r == null || r(y);
427
427
  }
428
428
  });
429
- return N(() => {
429
+ return A(() => {
430
430
  if (c.current || (c.current = !0, o || e !== void 0)) return;
431
- const y = Tn(An(l));
431
+ const y = Dn(Mn(l));
432
432
  y && y !== u && f(y);
433
433
  }, []), [u, f];
434
434
  }
435
- const Dn = 640;
436
- function $n(e = Dn) {
435
+ const zn = 640;
436
+ function Hn(e = zn) {
437
437
  const [t, r] = L(!1);
438
- return N(() => {
438
+ return A(() => {
439
439
  if (e === !1) {
440
440
  r(!1);
441
441
  return;
@@ -448,67 +448,67 @@ function $n(e = Dn) {
448
448
  });
449
449
  }, [e]), t;
450
450
  }
451
- const zt = "__llHistoryPatched", ct = "ll:pathname";
452
- function zn() {
453
- if (typeof window > "u" || window.history[zt]) return;
451
+ const Ot = "__llHistoryPatched", dt = "ll:pathname";
452
+ function On() {
453
+ if (typeof window > "u" || window.history[Ot]) return;
454
454
  const e = window.history.pushState, t = window.history.replaceState;
455
455
  window.history.pushState = function(...r) {
456
456
  const i = e.apply(this, r);
457
- return window.dispatchEvent(new Event(ct)), i;
457
+ return window.dispatchEvent(new Event(dt)), i;
458
458
  }, window.history.replaceState = function(...r) {
459
459
  const i = t.apply(this, r);
460
- return window.dispatchEvent(new Event(ct)), i;
461
- }, window.history[zt] = !0;
460
+ return window.dispatchEvent(new Event(dt)), i;
461
+ }, window.history[Ot] = !0;
462
462
  }
463
- function Ht() {
463
+ function qt() {
464
464
  return typeof window > "u" ? "/" : window.location.pathname || "/";
465
465
  }
466
- function Hn(e) {
466
+ function qn(e) {
467
467
  const [t, r] = L(
468
- () => e ?? Ht()
468
+ () => e ?? qt()
469
469
  );
470
- return N(() => {
470
+ return A(() => {
471
471
  if (e !== void 0) return;
472
- zn();
473
- const i = () => r(Ht());
474
- return i(), window.addEventListener("popstate", i), window.addEventListener(ct, i), () => {
475
- window.removeEventListener("popstate", i), window.removeEventListener(ct, i);
472
+ On();
473
+ const i = () => r(qt());
474
+ return i(), window.addEventListener("popstate", i), window.addEventListener(dt, i), () => {
475
+ window.removeEventListener("popstate", i), window.removeEventListener(dt, i);
476
476
  };
477
477
  }, [e]), e ?? t;
478
478
  }
479
- const Ot = /* @__PURE__ */ new Map(), On = /[\\^$+?.()|{}[\]]/g;
480
- function qn(e) {
481
- return e.replace(On, "\\$&");
479
+ const Bt = /* @__PURE__ */ new Map(), Bn = /[\\^$+?.()|{}[\]]/g;
480
+ function Wn(e) {
481
+ return e.replace(Bn, "\\$&");
482
482
  }
483
- function Bn(e) {
484
- const t = Ot.get(e);
483
+ function Fn(e) {
484
+ const t = Bt.get(e);
485
485
  if (t) return t;
486
- const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), u = qn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), f = new RegExp(`^${u}\\/?$`);
487
- return Ot.set(e, f), f;
486
+ const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), u = Wn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), f = new RegExp(`^${u}\\/?$`);
487
+ return Bt.set(e, f), f;
488
488
  }
489
- function Wn(e, t) {
489
+ function Un(e, t) {
490
490
  const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
491
- return Bn(e).test(r);
491
+ return Fn(e).test(r);
492
492
  }
493
- function Fn(e, t) {
494
- return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Wn(e, t);
493
+ function jn(e, t) {
494
+ return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Un(e, t);
495
495
  }
496
- function qt(e, t) {
496
+ function Wt(e, t) {
497
497
  if (!e || e.length === 0) return !1;
498
498
  for (const r of e)
499
- if (Fn(r, t)) return !0;
499
+ if (jn(r, t)) return !0;
500
500
  return !1;
501
501
  }
502
- function Un(e, t, r) {
503
- return e === void 0 ? !0 : qt(r, e) ? !1 : t && t.length > 0 ? qt(t, e) : !0;
502
+ function Vn(e, t, r) {
503
+ return e === void 0 ? !0 : Wt(r, e) ? !1 : t && t.length > 0 ? Wt(t, e) : !0;
504
504
  }
505
- function jn(e, t, r) {
506
- return st(
507
- () => Un(e, t, r),
505
+ function Yn(e, t, r) {
506
+ return ct(
507
+ () => Vn(e, t, r),
508
508
  [e, t, r]
509
509
  );
510
510
  }
511
- const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
511
+ const Ft = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
512
512
  "svg",
513
513
  {
514
514
  className: t,
@@ -554,7 +554,7 @@ const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
554
554
  }
555
555
  )
556
556
  }
557
- ), Wt = ({ className: e }) => /* @__PURE__ */ n(
557
+ ), Ut = ({ className: e }) => /* @__PURE__ */ n(
558
558
  "svg",
559
559
  {
560
560
  className: e,
@@ -572,7 +572,7 @@ const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
572
572
  }
573
573
  )
574
574
  }
575
- ), Vn = ({ className: e }) => /* @__PURE__ */ n(
575
+ ), Jn = ({ className: e }) => /* @__PURE__ */ n(
576
576
  "svg",
577
577
  {
578
578
  className: e,
@@ -583,12 +583,12 @@ const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
583
583
  "aria-hidden": "true",
584
584
  children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
585
585
  }
586
- ), Yn = {
586
+ ), Kn = {
587
587
  left: 180,
588
588
  right: 0,
589
589
  up: -90,
590
590
  down: 90
591
- }, Ft = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
591
+ }, jt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
592
592
  "svg",
593
593
  {
594
594
  className: t,
@@ -596,19 +596,19 @@ const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
596
596
  viewBox: "0 0 24 24",
597
597
  stroke: "currentColor",
598
598
  strokeWidth: 2,
599
- style: { transform: `rotate(${Yn[e]}deg)` },
599
+ style: { transform: `rotate(${Kn[e]}deg)` },
600
600
  "aria-hidden": "true",
601
601
  children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
602
602
  }
603
603
  );
604
- function Jn(e) {
604
+ function Xn(e) {
605
605
  return e === "top-left" || e === "bottom-left" ? "left" : "right";
606
606
  }
607
- const tn = "ll-hidden-tab-center-y", Kn = 5, Ut = 16;
608
- function Xn() {
607
+ const rn = "ll-hidden-tab-center-y", Gn = 5, Vt = 16;
608
+ function Qn() {
609
609
  if (typeof window > "u") return null;
610
610
  try {
611
- const e = window.localStorage.getItem(tn);
611
+ const e = window.localStorage.getItem(rn);
612
612
  if (!e) return null;
613
613
  const t = Number.parseFloat(e);
614
614
  return Number.isFinite(t) ? t : null;
@@ -616,14 +616,14 @@ function Xn() {
616
616
  return null;
617
617
  }
618
618
  }
619
- function jt(e) {
619
+ function Yt(e) {
620
620
  if (!(typeof window > "u"))
621
621
  try {
622
- window.localStorage.setItem(tn, String(e));
622
+ window.localStorage.setItem(rn, String(e));
623
623
  } catch {
624
624
  }
625
625
  }
626
- const Gn = ({
626
+ const Zn = ({
627
627
  position: e,
628
628
  isMobile: t,
629
629
  isSpeaking: r,
@@ -632,16 +632,16 @@ const Gn = ({
632
632
  avatarImageUrl: l,
633
633
  agentName: c
634
634
  }) => {
635
- const u = Jn(e), f = u === "right" ? "left" : "right", y = t ? 80 : 72, b = !!l, [s, a] = L(null), [x, E] = L(!1), C = A(null), v = A(!1), w = k(
635
+ const u = Xn(e), f = u === "right" ? "left" : "right", y = t ? 80 : 72, b = !!l, [s, a] = L(null), [x, N] = L(!1), C = E(null), v = E(!1), w = k(
636
636
  (M) => {
637
637
  if (typeof window > "u") return M;
638
- const B = y / 2, F = Ut + B, G = window.innerHeight - Ut - B;
638
+ const B = y / 2, F = Vt + B, G = window.innerHeight - Vt - B;
639
639
  return G < F ? Math.max(F, M) : Math.max(F, Math.min(G, M));
640
640
  },
641
641
  [y]
642
642
  );
643
- N(() => {
644
- const M = Xn();
643
+ A(() => {
644
+ const M = Qn();
645
645
  a(w(M ?? window.innerHeight / 2));
646
646
  const B = () => {
647
647
  a((F) => F === null ? null : w(F));
@@ -668,7 +668,7 @@ const Gn = ({
668
668
  const B = C.current;
669
669
  if (!B) return;
670
670
  const F = M.clientY - B.startClientY;
671
- !B.moved && Math.abs(F) > Kn && (B.moved = !0, E(!0)), B.moved && a(w(B.startCenterY + F));
671
+ !B.moved && Math.abs(F) > Gn && (B.moved = !0, N(!0)), B.moved && a(w(B.startCenterY + F));
672
672
  },
673
673
  [w]
674
674
  ), q = k(
@@ -679,7 +679,7 @@ const Gn = ({
679
679
  M.currentTarget.releasePointerCapture(M.pointerId);
680
680
  } catch {
681
681
  }
682
- C.current = null, B.moved && (E(!1), v.current = !0, a((F) => (F !== null && jt(F), F)));
682
+ C.current = null, B.moved && (N(!1), v.current = !0, a((F) => (F !== null && Yt(F), F)));
683
683
  }
684
684
  },
685
685
  []
@@ -697,7 +697,7 @@ const Gn = ({
697
697
  a((F) => {
698
698
  if (F === null) return F;
699
699
  const G = w(F + B);
700
- return jt(G), G;
700
+ return Yt(G), G;
701
701
  });
702
702
  }
703
703
  },
@@ -729,9 +729,9 @@ const Gn = ({
729
729
  // as the click affordance), then the circular avatar photo
730
730
  // taking the rest of the tab. Reinforces "this is an
731
731
  // avatar-based experience" even when collapsed.
732
- /* @__PURE__ */ _(wt, { children: [
732
+ /* @__PURE__ */ _(_t, { children: [
733
733
  /* @__PURE__ */ n(
734
- Ft,
734
+ jt,
735
735
  {
736
736
  direction: f,
737
737
  className: "ll-hidden__chevron ll-hidden__chevron--mini"
@@ -748,7 +748,7 @@ const Gn = ({
748
748
  )
749
749
  ] })
750
750
  ) : /* @__PURE__ */ n(
751
- Ft,
751
+ jt,
752
752
  {
753
753
  direction: f,
754
754
  className: "ll-hidden__chevron"
@@ -756,7 +756,7 @@ const Gn = ({
756
756
  )
757
757
  }
758
758
  );
759
- }, Qn = ({
759
+ }, er = ({
760
760
  audioLevel: e,
761
761
  bars: t = 20,
762
762
  maxHeight: r = 20,
@@ -764,16 +764,16 @@ const Gn = ({
764
764
  className: o,
765
765
  barClassName: l
766
766
  }) => {
767
- const c = A(null), u = A([]), f = st(() => {
767
+ const c = E(null), u = E([]), f = ct(() => {
768
768
  const b = (Math.sqrt(5) - 1) / 2;
769
769
  return Array.from({ length: t }, (s, a) => 0.5 + a * b % 1 * 0.5);
770
770
  }, [t]);
771
- N(() => e.subscribe((s) => {
771
+ A(() => e.subscribe((s) => {
772
772
  for (let a = 0; a < t; a++) {
773
773
  const x = u.current[a];
774
774
  if (!x) continue;
775
- const E = Math.max(i, s * r * f[a]);
776
- x.style.height = `${E}px`;
775
+ const N = Math.max(i, s * r * f[a]);
776
+ x.style.height = `${N}px`;
777
777
  }
778
778
  }), [e, t, r, i, f]);
779
779
  const y = ["ll-waveform", o].filter(Boolean).join(" ");
@@ -788,7 +788,7 @@ const Gn = ({
788
788
  },
789
789
  s
790
790
  )) });
791
- }, Zn = ({
791
+ }, tr = ({
792
792
  position: e,
793
793
  isMobile: t,
794
794
  agentName: r,
@@ -825,7 +825,7 @@ const Gn = ({
825
825
  )
826
826
  ) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
827
827
  /* @__PURE__ */ n(
828
- Qn,
828
+ er,
829
829
  {
830
830
  audioLevel: c,
831
831
  bars: 16,
@@ -848,10 +848,10 @@ const Gn = ({
848
848
  (b.key === "Enter" || b.key === " ") && (b.stopPropagation(), b.preventDefault(), f());
849
849
  },
850
850
  "aria-label": l ? "Unmute microphone" : "Mute microphone",
851
- children: /* @__PURE__ */ n(Bt, { muted: l, className: "ll-minimized__icon" })
851
+ children: /* @__PURE__ */ n(Ft, { muted: l, className: "ll-minimized__icon" })
852
852
  }
853
853
  ),
854
- /* @__PURE__ */ n(Wt, { className: "ll-minimized__icon ll-minimized__icon--expand" })
854
+ /* @__PURE__ */ n(Ut, { className: "ll-minimized__icon ll-minimized__icon--expand" })
855
855
  ] })
856
856
  ]
857
857
  }
@@ -888,7 +888,7 @@ const Gn = ({
888
888
  className: "ll-minimized__btn",
889
889
  onClick: f,
890
890
  "aria-label": l ? "Unmute microphone" : "Mute microphone",
891
- children: /* @__PURE__ */ n(Bt, { muted: l, className: "ll-minimized__icon" })
891
+ children: /* @__PURE__ */ n(Ft, { muted: l, className: "ll-minimized__icon" })
892
892
  }
893
893
  ),
894
894
  /* @__PURE__ */ n(
@@ -898,7 +898,7 @@ const Gn = ({
898
898
  className: "ll-minimized__btn",
899
899
  onClick: u,
900
900
  "aria-label": `Expand ${r} widget`,
901
- children: /* @__PURE__ */ n(Wt, { className: "ll-minimized__icon" })
901
+ children: /* @__PURE__ */ n(Ut, { className: "ll-minimized__icon" })
902
902
  }
903
903
  ),
904
904
  /* @__PURE__ */ n(
@@ -908,21 +908,21 @@ const Gn = ({
908
908
  className: "ll-minimized__btn ll-minimized__btn--close",
909
909
  onClick: y,
910
910
  "aria-label": "Close widget",
911
- children: /* @__PURE__ */ n(Vn, { className: "ll-minimized__icon" })
911
+ children: /* @__PURE__ */ n(Jn, { className: "ll-minimized__icon" })
912
912
  }
913
913
  )
914
914
  ] })
915
915
  ] })
916
916
  }
917
- ), er = ({
917
+ ), nr = ({
918
918
  src: e,
919
919
  alt: t,
920
920
  preCannedPlaying: r = !1,
921
921
  className: i,
922
922
  style: o
923
923
  }) => {
924
- const [l, c] = L(!1), u = A(e);
925
- if (N(() => {
924
+ const [l, c] = L(!1), u = E(e);
925
+ if (A(() => {
926
926
  u.current !== e && (u.current = e, c(!1));
927
927
  }, [e]), !e) return null;
928
928
  const f = {
@@ -952,7 +952,7 @@ const Gn = ({
952
952
  }
953
953
  )
954
954
  );
955
- }, tr = ({
955
+ }, rr = ({
956
956
  position: e,
957
957
  isMobile: t,
958
958
  agentName: r,
@@ -967,7 +967,7 @@ const Gn = ({
967
967
  onToggleTeamSwitcher: s,
968
968
  onSelectTeamMember: a,
969
969
  languageMenuOpen: x,
970
- onToggleLanguageMenu: E,
970
+ onToggleLanguageMenu: N,
971
971
  connectionState: C,
972
972
  agentState: v,
973
973
  transcript: w,
@@ -991,22 +991,22 @@ const Gn = ({
991
991
  agentVideoEl: re,
992
992
  micGateOpen: ce,
993
993
  onConnect: we,
994
- onDisconnect: Se,
995
- onRetry: Ce,
996
- onResumeAudio: Ee,
997
- onToggleMute: Ne,
998
- onToggleCamera: Ae,
994
+ onDisconnect: Ce,
995
+ onRetry: Ee,
996
+ onResumeAudio: Ne,
997
+ onToggleMute: Ae,
998
+ onToggleCamera: Re,
999
999
  onSwitchCameraDevice: V,
1000
- onToggleScreenShare: ut,
1001
- onToggleSpeaker: ft,
1000
+ onToggleScreenShare: ft,
1001
+ onToggleSpeaker: pt,
1002
1002
  onSendMessage: nt,
1003
1003
  onMinimize: ue,
1004
- onClose: Re,
1005
- onClearMicError: qe
1004
+ onClose: Me,
1005
+ onClearMicError: Be
1006
1006
  }) => {
1007
- var De;
1008
- const _e = ((u == null ? void 0 : u.length) ?? 0) > 1, Me = C === "connecting" || C === "connected", X = C === "connected", ee = C === "idle" || C === "disconnected" || C === "error", [Ie, oe] = L(!1);
1009
- N(() => {
1007
+ var $e;
1008
+ const _e = ((u == null ? void 0 : u.length) ?? 0) > 1, Ie = C === "connecting" || C === "connected", X = C === "connected", te = C === "idle" || C === "disconnected" || C === "error", [Te, oe] = L(!1);
1009
+ A(() => {
1010
1010
  if (!re) {
1011
1011
  oe(!1);
1012
1012
  return;
@@ -1022,73 +1022,73 @@ const Gn = ({
1022
1022
  };
1023
1023
  }, [re]);
1024
1024
  const [de, xe] = L(!1);
1025
- N(() => {
1025
+ A(() => {
1026
1026
  if (!X) {
1027
1027
  xe(!1);
1028
1028
  return;
1029
1029
  }
1030
- if (Ie) return;
1030
+ if (Te) return;
1031
1031
  const p = setTimeout(() => xe(!0), 8e3);
1032
1032
  return () => clearTimeout(p);
1033
- }, [X, Ie]);
1034
- const Be = C === "connecting" || X && !!i && !Ie && !de, te = A(null), le = A(null);
1035
- N(() => {
1036
- const p = te.current;
1033
+ }, [X, Te]);
1034
+ const We = C === "connecting" || X && !!i && !Te && !de, Z = E(null), le = E(null);
1035
+ A(() => {
1036
+ const p = Z.current;
1037
1037
  p && (p.innerHTML = "", M && (M.style.width = "100%", M.style.height = "100%", M.style.objectFit = "cover", M.style.transform = "scaleX(-1)", p.appendChild(M)));
1038
- }, [M]), N(() => {
1038
+ }, [M]), A(() => {
1039
1039
  const p = le.current;
1040
1040
  p && (p.innerHTML = "", ie && (ie.style.width = "100%", ie.style.height = "100%", ie.style.objectFit = "contain", p.appendChild(ie)));
1041
1041
  }, [ie]);
1042
- const [ae, fe] = L(!1), [Te, pe] = L(!1);
1043
- N(() => {
1044
- if (!ae && !Te && !x && !b) return;
1042
+ const [ae, fe] = L(!1), [Pe, pe] = L(!1);
1043
+ A(() => {
1044
+ if (!ae && !Pe && !x && !b) return;
1045
1045
  const p = () => {
1046
- fe(!1), pe(!1), x && E(), b && s();
1046
+ fe(!1), pe(!1), x && N(), b && s();
1047
1047
  };
1048
1048
  return document.addEventListener("click", p), () => document.removeEventListener("click", p);
1049
1049
  }, [
1050
1050
  ae,
1051
- Te,
1051
+ Pe,
1052
1052
  x,
1053
1053
  b,
1054
- E,
1054
+ N,
1055
1055
  s
1056
1056
  ]);
1057
- const [he, We] = L(""), Fe = k(
1057
+ const [he, Fe] = L(""), Ue = k(
1058
1058
  (p) => {
1059
1059
  p.preventDefault();
1060
1060
  const Y = he.trim();
1061
- Y && (nt(Y), We(""));
1061
+ Y && (nt(Y), Fe(""));
1062
1062
  },
1063
1063
  [he, nt]
1064
- ), Ue = c.productName || "Live Layer";
1064
+ ), je = c.productName || "Live Layer";
1065
1065
  let me = null, ge = null;
1066
1066
  for (let p = w.length - 1; p >= 0; p--) {
1067
1067
  const Y = w[p];
1068
1068
  if (!me && Y.role === "agent" ? me = Y : !ge && Y.role === "user" && (ge = Y), me && ge) break;
1069
1069
  }
1070
- const Pe = X ? (me == null ? void 0 : me.text) || null : l || null, rt = X && (ge == null ? void 0 : ge.text) || null, je = [
1070
+ const De = X ? (me == null ? void 0 : me.text) || null : l || null, rt = X && (ge == null ? void 0 : ge.text) || null, Ve = [
1071
1071
  "ll-expanded",
1072
1072
  t ? "ll-expanded--mobile" : "ll-expanded--desktop"
1073
1073
  ].join(" ");
1074
1074
  return /* @__PURE__ */ _(
1075
1075
  "div",
1076
1076
  {
1077
- className: je,
1077
+ className: Ve,
1078
1078
  "data-position": e,
1079
- "data-state": X ? "connected" : Me ? "connecting" : "idle",
1079
+ "data-state": X ? "connected" : Ie ? "connecting" : "idle",
1080
1080
  role: "dialog",
1081
1081
  "aria-label": `${r} widget`,
1082
1082
  children: [
1083
1083
  /* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
1084
1084
  i ? /* @__PURE__ */ n(
1085
- er,
1085
+ nr,
1086
1086
  {
1087
1087
  src: i,
1088
1088
  alt: r,
1089
1089
  className: "ll-expanded__bg-img"
1090
1090
  }
1091
- ) : /* @__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" }) }),
1091
+ ) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: (($e = r == null ? void 0 : r.charAt(0)) == null ? void 0 : $e.toUpperCase()) || "A" }) }),
1092
1092
  o && !X && /* @__PURE__ */ n(
1093
1093
  "video",
1094
1094
  {
@@ -1102,7 +1102,7 @@ const Gn = ({
1102
1102
  )
1103
1103
  ] }),
1104
1104
  /* @__PURE__ */ n("div", { ref: tt, className: "ll-expanded__video" }),
1105
- Be && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
1105
+ We && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
1106
1106
  /* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
1107
1107
  /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: y ? "Switching..." : "Connecting..." })
1108
1108
  ] }),
@@ -1111,14 +1111,14 @@ const Gn = ({
1111
1111
  {
1112
1112
  type: "button",
1113
1113
  className: "ll-expanded__overlay ll-expanded__overlay--gesture",
1114
- onClick: Ee,
1114
+ onClick: Ne,
1115
1115
  children: [
1116
1116
  /* @__PURE__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
1117
1117
  /* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
1118
1118
  ]
1119
1119
  }
1120
1120
  ),
1121
- Me ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
1121
+ Ie ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
1122
1122
  /* @__PURE__ */ _("div", { className: "ll-expanded__topbar-left", children: [
1123
1123
  /* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
1124
1124
  /* @__PURE__ */ _(
@@ -1133,7 +1133,7 @@ const Gn = ({
1133
1133
  "aria-expanded": _e ? b : void 0,
1134
1134
  children: [
1135
1135
  /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
1136
- _e && /* @__PURE__ */ n(lt, {})
1136
+ _e && /* @__PURE__ */ n(at, {})
1137
1137
  ]
1138
1138
  }
1139
1139
  ),
@@ -1176,7 +1176,7 @@ const Gn = ({
1176
1176
  type: "button",
1177
1177
  className: "ll-hpill ll-hpill--compact",
1178
1178
  onClick: (p) => {
1179
- p.stopPropagation(), E();
1179
+ p.stopPropagation(), N();
1180
1180
  },
1181
1181
  "aria-haspopup": "listbox",
1182
1182
  "aria-expanded": x,
@@ -1184,7 +1184,7 @@ const Gn = ({
1184
1184
  title: "Language: English",
1185
1185
  children: [
1186
1186
  /* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
1187
- /* @__PURE__ */ n(lt, {})
1187
+ /* @__PURE__ */ n(at, {})
1188
1188
  ]
1189
1189
  }
1190
1190
  ),
@@ -1224,7 +1224,7 @@ const Gn = ({
1224
1224
  onClick: ue,
1225
1225
  "aria-label": "Minimize widget",
1226
1226
  title: "Minimize",
1227
- children: /* @__PURE__ */ n(Yt, {})
1227
+ children: /* @__PURE__ */ n(Kt, {})
1228
1228
  }
1229
1229
  ),
1230
1230
  /* @__PURE__ */ n(
@@ -1232,17 +1232,17 @@ const Gn = ({
1232
1232
  {
1233
1233
  type: "button",
1234
1234
  className: "ll-hbtn ll-hbtn--danger",
1235
- onClick: Re,
1235
+ onClick: Me,
1236
1236
  "aria-label": "End call",
1237
1237
  title: "End call",
1238
- children: /* @__PURE__ */ n(Vt, {})
1238
+ children: /* @__PURE__ */ n(Jt, {})
1239
1239
  }
1240
1240
  )
1241
1241
  ] })
1242
1242
  ] }) : (
1243
1243
  // Idle-state header with Live Layer product name + minimize/close
1244
1244
  /* @__PURE__ */ _("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
1245
- /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: Ue }),
1245
+ /* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: je }),
1246
1246
  /* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
1247
1247
  /* @__PURE__ */ n(
1248
1248
  "button",
@@ -1251,7 +1251,7 @@ const Gn = ({
1251
1251
  className: "ll-hbtn ll-hbtn--ghost",
1252
1252
  onClick: ue,
1253
1253
  "aria-label": "Minimize widget",
1254
- children: /* @__PURE__ */ n(Yt, {})
1254
+ children: /* @__PURE__ */ n(Kt, {})
1255
1255
  }
1256
1256
  ),
1257
1257
  /* @__PURE__ */ n(
@@ -1259,17 +1259,17 @@ const Gn = ({
1259
1259
  {
1260
1260
  type: "button",
1261
1261
  className: "ll-hbtn ll-hbtn--danger",
1262
- onClick: Re,
1262
+ onClick: Me,
1263
1263
  "aria-label": "Close widget",
1264
- children: /* @__PURE__ */ n(Vt, {})
1264
+ children: /* @__PURE__ */ n(Jt, {})
1265
1265
  }
1266
1266
  )
1267
1267
  ] })
1268
1268
  ] })
1269
1269
  ),
1270
- ee && /* @__PURE__ */ (() => {
1270
+ te && /* @__PURE__ */ (() => {
1271
1271
  const p = O ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", Y = O ? "Pick up where you left off" : null;
1272
- return /* @__PURE__ */ _(wt, { children: [
1272
+ return /* @__PURE__ */ _(_t, { children: [
1273
1273
  C === "idle" && !O && !q && /* @__PURE__ */ _(
1274
1274
  "button",
1275
1275
  {
@@ -1302,7 +1302,7 @@ const Gn = ({
1302
1302
  /* @__PURE__ */ _(
1303
1303
  "div",
1304
1304
  {
1305
- className: `ll-expanded__pip ${Me && (z || G) ? "is-visible" : ""}`,
1305
+ className: `ll-expanded__pip ${Ie && (z || G) ? "is-visible" : ""}`,
1306
1306
  children: [
1307
1307
  /* @__PURE__ */ n(
1308
1308
  "div",
@@ -1314,20 +1314,20 @@ const Gn = ({
1314
1314
  /* @__PURE__ */ n(
1315
1315
  "div",
1316
1316
  {
1317
- ref: te,
1317
+ ref: Z,
1318
1318
  className: !G && z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
1319
1319
  }
1320
1320
  )
1321
1321
  ]
1322
1322
  }
1323
1323
  ),
1324
- Me ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
1325
- Pe && /* @__PURE__ */ n(
1324
+ Ie ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
1325
+ De && /* @__PURE__ */ n(
1326
1326
  "div",
1327
1327
  {
1328
1328
  className: "ll-expanded__transcript ll-expanded__transcript--agent",
1329
1329
  "data-role": "agent",
1330
- children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: Pe })
1330
+ children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: De })
1331
1331
  }
1332
1332
  ),
1333
1333
  rt && /* @__PURE__ */ n(
@@ -1344,10 +1344,10 @@ const Gn = ({
1344
1344
  {
1345
1345
  type: "button",
1346
1346
  className: `ll-tool ${G ? "is-on" : ""}`,
1347
- onClick: ut,
1347
+ onClick: ft,
1348
1348
  "aria-label": G ? "Stop sharing screen" : "Share screen",
1349
1349
  title: G ? "Stop sharing" : "Share screen",
1350
- children: /* @__PURE__ */ n(nr, {})
1350
+ children: /* @__PURE__ */ n(ir, {})
1351
1351
  }
1352
1352
  ),
1353
1353
  Qe && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
@@ -1356,10 +1356,10 @@ const Gn = ({
1356
1356
  {
1357
1357
  type: "button",
1358
1358
  className: `ll-tool ll-tool--left ${z ? "is-on" : ""}`,
1359
- onClick: Ae,
1359
+ onClick: Re,
1360
1360
  "aria-label": z ? "Turn off camera" : "Turn on camera",
1361
1361
  title: z ? "Stop camera" : "Start camera",
1362
- children: /* @__PURE__ */ n(rr, {})
1362
+ children: /* @__PURE__ */ n(or, {})
1363
1363
  }
1364
1364
  ),
1365
1365
  /* @__PURE__ */ n(
@@ -1372,12 +1372,12 @@ const Gn = ({
1372
1372
  },
1373
1373
  "aria-label": "Camera devices",
1374
1374
  "aria-haspopup": "listbox",
1375
- "aria-expanded": Te,
1376
- children: /* @__PURE__ */ n(lt, {})
1375
+ "aria-expanded": Pe,
1376
+ children: /* @__PURE__ */ n(at, {})
1377
1377
  }
1378
1378
  ),
1379
- Te && B.length > 0 && /* @__PURE__ */ n(
1380
- Jt,
1379
+ Pe && B.length > 0 && /* @__PURE__ */ n(
1380
+ Xt,
1381
1381
  {
1382
1382
  label: "Camera",
1383
1383
  devices: B,
@@ -1398,11 +1398,11 @@ const Gn = ({
1398
1398
  {
1399
1399
  type: "button",
1400
1400
  className: `ll-tool ll-tool--left ${m ? "is-muted" : ""}`,
1401
- onClick: Ne,
1401
+ onClick: Ae,
1402
1402
  disabled: !ce && X,
1403
1403
  "aria-label": !ce && X ? "Microphone enables once the agent finishes its greeting" : m ? "Unmute microphone" : "Mute microphone",
1404
1404
  title: !ce && X ? "Mic enables after greeting" : m ? "Unmute" : "Mute",
1405
- children: /* @__PURE__ */ n(ir, { muted: m })
1405
+ children: /* @__PURE__ */ n(lr, { muted: m })
1406
1406
  }
1407
1407
  ),
1408
1408
  /* @__PURE__ */ n(
@@ -1416,11 +1416,11 @@ const Gn = ({
1416
1416
  "aria-label": "Microphone devices",
1417
1417
  "aria-haspopup": "listbox",
1418
1418
  "aria-expanded": ae,
1419
- children: /* @__PURE__ */ n(lt, {})
1419
+ children: /* @__PURE__ */ n(at, {})
1420
1420
  }
1421
1421
  ),
1422
1422
  ae && W.length > 0 && /* @__PURE__ */ n(
1423
- Jt,
1423
+ Xt,
1424
1424
  {
1425
1425
  label: "Microphone",
1426
1426
  devices: W,
@@ -1436,10 +1436,10 @@ const Gn = ({
1436
1436
  {
1437
1437
  type: "button",
1438
1438
  className: `ll-tool ${be ? "is-muted" : ""}`,
1439
- onClick: ft,
1439
+ onClick: pt,
1440
1440
  "aria-label": be ? "Unmute speaker" : "Mute speaker",
1441
1441
  title: be ? "Unmute speaker" : "Mute speaker",
1442
- children: /* @__PURE__ */ n(or, { muted: be })
1442
+ children: /* @__PURE__ */ n(ar, { muted: be })
1443
1443
  }
1444
1444
  ),
1445
1445
  /* @__PURE__ */ n(
@@ -1447,14 +1447,14 @@ const Gn = ({
1447
1447
  {
1448
1448
  type: "button",
1449
1449
  className: "ll-tool ll-tool--danger",
1450
- onClick: Se,
1450
+ onClick: Ce,
1451
1451
  "aria-label": "End conversation",
1452
1452
  title: "End conversation",
1453
- children: /* @__PURE__ */ n(ar, {})
1453
+ children: /* @__PURE__ */ n(cr, {})
1454
1454
  }
1455
1455
  )
1456
1456
  ] }),
1457
- et && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: Fe, children: [
1457
+ et && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: Ue, children: [
1458
1458
  /* @__PURE__ */ n(
1459
1459
  "input",
1460
1460
  {
@@ -1462,7 +1462,7 @@ const Gn = ({
1462
1462
  className: "ll-message-input__field",
1463
1463
  placeholder: "Message...",
1464
1464
  value: he,
1465
- onChange: (p) => We(p.target.value),
1465
+ onChange: (p) => Fe(p.target.value),
1466
1466
  "aria-label": "Message the agent"
1467
1467
  }
1468
1468
  ),
@@ -1472,7 +1472,7 @@ const Gn = ({
1472
1472
  type: "submit",
1473
1473
  className: "ll-message-input__send",
1474
1474
  "aria-label": "Send message",
1475
- children: /* @__PURE__ */ n(lr, {})
1475
+ children: /* @__PURE__ */ n(sr, {})
1476
1476
  }
1477
1477
  )
1478
1478
  ] })
@@ -1486,7 +1486,7 @@ const Gn = ({
1486
1486
  {
1487
1487
  type: "button",
1488
1488
  className: "ll-expanded__banner-x",
1489
- onClick: qe,
1489
+ onClick: Be,
1490
1490
  "aria-label": "Dismiss",
1491
1491
  children: "×"
1492
1492
  }
@@ -1501,7 +1501,7 @@ const Gn = ({
1501
1501
  {
1502
1502
  type: "button",
1503
1503
  className: "ll-expanded__banner-retry",
1504
- onClick: Ce,
1504
+ onClick: Ee,
1505
1505
  children: Y
1506
1506
  }
1507
1507
  )
@@ -1511,32 +1511,32 @@ const Gn = ({
1511
1511
  }
1512
1512
  );
1513
1513
  };
1514
- function lt() {
1514
+ function at() {
1515
1515
  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" }) });
1516
1516
  }
1517
- function Vt() {
1517
+ function Jt() {
1518
1518
  return /* @__PURE__ */ _("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
1519
1519
  /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
1520
1520
  /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
1521
1521
  ] });
1522
1522
  }
1523
- function Yt() {
1523
+ function Kt() {
1524
1524
  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" }) });
1525
1525
  }
1526
- function nr() {
1526
+ function ir() {
1527
1527
  return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
1528
1528
  /* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
1529
1529
  /* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
1530
1530
  /* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
1531
1531
  ] });
1532
1532
  }
1533
- function rr() {
1533
+ function or() {
1534
1534
  return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
1535
1535
  /* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
1536
1536
  /* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
1537
1537
  ] });
1538
1538
  }
1539
- function ir({ muted: e }) {
1539
+ function lr({ muted: e }) {
1540
1540
  return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
1541
1541
  /* @__PURE__ */ n("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
1542
1542
  /* @__PURE__ */ n("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
@@ -1544,22 +1544,22 @@ function ir({ muted: e }) {
1544
1544
  e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
1545
1545
  ] });
1546
1546
  }
1547
- function or({ muted: e }) {
1547
+ function ar({ muted: e }) {
1548
1548
  return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
1549
1549
  /* @__PURE__ */ n("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
1550
- e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(wt, { children: [
1550
+ e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(_t, { children: [
1551
1551
  /* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
1552
1552
  /* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
1553
1553
  ] })
1554
1554
  ] });
1555
1555
  }
1556
- function lr() {
1556
+ function sr() {
1557
1557
  return /* @__PURE__ */ _("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
1558
1558
  /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
1559
1559
  /* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
1560
1560
  ] });
1561
1561
  }
1562
- function ar() {
1562
+ function cr() {
1563
1563
  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(
1564
1564
  "path",
1565
1565
  {
@@ -1568,7 +1568,7 @@ function ar() {
1568
1568
  }
1569
1569
  ) });
1570
1570
  }
1571
- const Jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ _(
1571
+ const Xt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ _(
1572
1572
  "div",
1573
1573
  {
1574
1574
  className: "ll-device-menu",
@@ -1596,21 +1596,21 @@ const Jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
1596
1596
  })
1597
1597
  ]
1598
1598
  }
1599
- ), sr = [
1599
+ ), dr = [
1600
1600
  '[data-ll-private="true"]',
1601
1601
  ".ll-widget"
1602
1602
  ];
1603
- function xt(e) {
1603
+ function kt(e) {
1604
1604
  let t = e;
1605
1605
  for (; t; ) {
1606
- for (const r of sr)
1606
+ for (const r of dr)
1607
1607
  if (t.matches(r)) return !0;
1608
1608
  t = t.parentElement;
1609
1609
  }
1610
1610
  return !1;
1611
1611
  }
1612
- function dt(e) {
1613
- if (xt(e)) return !1;
1612
+ function ut(e) {
1613
+ if (kt(e)) return !1;
1614
1614
  if (e instanceof HTMLInputElement) {
1615
1615
  if (e.type === "password") return !1;
1616
1616
  const t = (e.getAttribute("autocomplete") || "").toLowerCase();
@@ -1618,7 +1618,7 @@ function dt(e) {
1618
1618
  }
1619
1619
  return !0;
1620
1620
  }
1621
- const at = 4096, cr = 20, dr = 20, ur = 10, fr = 10, pr = 30, Kt = 500, hr = [
1621
+ const st = 4096, ur = 20, fr = 20, pr = 10, hr = 10, mr = 30, Gt = 500, gr = [
1622
1622
  '[data-ll-private="true"]',
1623
1623
  ".ll-widget",
1624
1624
  "script",
@@ -1630,7 +1630,7 @@ function Xe(e) {
1630
1630
  if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
1631
1631
  let t = e;
1632
1632
  for (; t; ) {
1633
- for (const r of hr)
1633
+ for (const r of gr)
1634
1634
  if (t.matches(r)) return !0;
1635
1635
  t = t.parentElement;
1636
1636
  }
@@ -1643,7 +1643,7 @@ function Ge(e) {
1643
1643
  const r = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
1644
1644
  return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
1645
1645
  }
1646
- function Xt(e) {
1646
+ function Qt(e) {
1647
1647
  const t = e.getAttribute("id");
1648
1648
  if (t) {
1649
1649
  const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
@@ -1656,13 +1656,13 @@ function Xt(e) {
1656
1656
  const o = e.closest("label");
1657
1657
  return o != null && o.textContent ? o.textContent.trim() : "";
1658
1658
  }
1659
- function Le(e, t) {
1659
+ function Se(e, t) {
1660
1660
  return e.length <= t ? e : e.slice(0, t - 1) + "…";
1661
1661
  }
1662
- function ze(e) {
1662
+ function He(e) {
1663
1663
  return e.length;
1664
1664
  }
1665
- function mr(e, t = {}) {
1665
+ function yr(e, t = {}) {
1666
1666
  const r = t.doc ?? (typeof document < "u" ? document : null);
1667
1667
  if (!r)
1668
1668
  return {
@@ -1680,11 +1680,11 @@ function mr(e, t = {}) {
1680
1680
  r.querySelectorAll("[data-ll-region]")
1681
1681
  ), u = [];
1682
1682
  for (const m of c) {
1683
- if (u.length >= ur) break;
1683
+ if (u.length >= pr) break;
1684
1684
  if (Xe(m) || !Ge(m)) continue;
1685
- const R = m.getAttribute("data-ll-region") ?? "", W = m.getAttribute("data-ll-intent") ?? void 0, z = Le(
1685
+ const R = m.getAttribute("data-ll-region") ?? "", W = m.getAttribute("data-ll-intent") ?? void 0, z = Se(
1686
1686
  (m.innerText || m.textContent || "").trim(),
1687
- Kt * 2
1687
+ Gt * 2
1688
1688
  );
1689
1689
  !R || !z || u.push({ id: R, intent: W, text: z });
1690
1690
  }
@@ -1694,21 +1694,21 @@ function mr(e, t = {}) {
1694
1694
  for (const m of b) {
1695
1695
  if (Xe(m) || !Ge(m)) continue;
1696
1696
  const R = (m.textContent || "").trim();
1697
- R && f.push(`${m.tagName}: ${Le(R, 200)}`);
1697
+ R && f.push(`${m.tagName}: ${Se(R, 200)}`);
1698
1698
  }
1699
1699
  const s = Array.from(r.querySelectorAll("p, li"));
1700
1700
  for (const m of s) {
1701
1701
  if (Xe(m) || !Ge(m) || y.includes(m.tagName)) continue;
1702
1702
  const R = (m.textContent || "").trim();
1703
- R.length > 10 && f.push(Le(R, Kt));
1703
+ R.length > 10 && f.push(Se(R, Gt));
1704
1704
  }
1705
1705
  const a = f.join(`
1706
- `), x = [], E = Array.from(r.querySelectorAll("a[href]"));
1707
- for (const m of E) {
1708
- if (x.length >= cr) break;
1706
+ `), x = [], N = Array.from(r.querySelectorAll("a[href]"));
1707
+ for (const m of N) {
1708
+ if (x.length >= ur) break;
1709
1709
  if (Xe(m) || !Ge(m)) continue;
1710
1710
  const R = m.getAttribute("href") || "", W = (m.textContent || "").trim();
1711
- !R || !W || x.push({ href: R, text: Le(W, 100) });
1711
+ !R || !W || x.push({ href: R, text: Se(W, 100) });
1712
1712
  }
1713
1713
  const C = [], v = Array.from(
1714
1714
  r.querySelectorAll(
@@ -1716,17 +1716,17 @@ function mr(e, t = {}) {
1716
1716
  )
1717
1717
  );
1718
1718
  for (const m of v) {
1719
- if (C.length >= dr) break;
1720
- if (Xe(m) || !dt(m) || !Ge(m)) continue;
1721
- const R = Xt(m), W = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
1722
- R && C.push({ label: Le(R, 100), type: W });
1719
+ if (C.length >= fr) break;
1720
+ if (Xe(m) || !ut(m) || !Ge(m)) continue;
1721
+ const R = Qt(m), W = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
1722
+ R && C.push({ label: Se(R, 100), type: W });
1723
1723
  }
1724
1724
  const w = Array.from(
1725
1725
  r.querySelectorAll("[data-ll-form]")
1726
1726
  ), O = [];
1727
1727
  for (const m of w) {
1728
- if (O.length >= fr) break;
1729
- if (xt(m)) continue;
1728
+ if (O.length >= hr) break;
1729
+ if (kt(m)) continue;
1730
1730
  const R = m.getAttribute("data-ll-form") || "";
1731
1731
  if (!R) continue;
1732
1732
  const W = m.getAttribute("data-ll-intent") || void 0, z = Array.from(
@@ -1735,12 +1735,12 @@ function mr(e, t = {}) {
1735
1735
  )
1736
1736
  ), M = [];
1737
1737
  for (const B of z) {
1738
- if (M.length >= pr) break;
1739
- if (!dt(B)) continue;
1738
+ if (M.length >= mr) break;
1739
+ if (!ut(B)) continue;
1740
1740
  const F = B.getAttribute("data-ll-field") || "";
1741
1741
  if (!F) continue;
1742
- const G = Xt(B) || F, ie = B instanceof HTMLInputElement ? B.type : B.tagName.toLowerCase();
1743
- M.push({ name: F, label: Le(G, 100), type: ie });
1742
+ const G = Qt(B) || F, ie = B instanceof HTMLInputElement ? B.type : B.tagName.toLowerCase();
1743
+ M.push({ name: F, label: Se(G, 100), type: ie });
1744
1744
  }
1745
1745
  O.push({ id: R, intent: W, fields: M });
1746
1746
  }
@@ -1755,26 +1755,26 @@ function mr(e, t = {}) {
1755
1755
  forms: O,
1756
1756
  extras: e
1757
1757
  };
1758
- let q = ze(JSON.stringify(I.regions)) + ze(I.visibleText) + ze(JSON.stringify(I.visibleLinks)) + ze(JSON.stringify(I.visibleFields));
1759
- for (; q > at && I.visibleFields.length > 0; )
1760
- I.visibleFields.pop(), q = ze(JSON.stringify(I.visibleFields));
1761
- for (; q > at && I.visibleLinks.length > 0; )
1758
+ let q = He(JSON.stringify(I.regions)) + He(I.visibleText) + He(JSON.stringify(I.visibleLinks)) + He(JSON.stringify(I.visibleFields));
1759
+ for (; q > st && I.visibleFields.length > 0; )
1760
+ I.visibleFields.pop(), q = He(JSON.stringify(I.visibleFields));
1761
+ for (; q > st && I.visibleLinks.length > 0; )
1762
1762
  I.visibleLinks.pop(), q -= 80;
1763
- return ze(I.visibleText) > at && (I.visibleText = Le(I.visibleText, at - 100)), I;
1763
+ return He(I.visibleText) > st && (I.visibleText = Se(I.visibleText, st - 100)), I;
1764
1764
  }
1765
- let He = null;
1766
- function Gt(e, t = {}) {
1765
+ let Oe = null;
1766
+ function Zt(e, t = {}) {
1767
1767
  const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
1768
- if (He && He.key === o && r - He.at < 1e3)
1769
- return He.ctx;
1770
- const l = mr(e, t);
1771
- return He = { key: o, at: r, ctx: l }, l;
1768
+ if (Oe && Oe.key === o && r - Oe.at < 1e3)
1769
+ return Oe.ctx;
1770
+ const l = yr(e, t);
1771
+ return Oe = { key: o, at: r, ctx: l }, l;
1772
1772
  }
1773
- function gr() {
1774
- He = null;
1773
+ function vr() {
1774
+ Oe = null;
1775
1775
  }
1776
- const yr = 200;
1777
- function vr(e) {
1776
+ const br = 200;
1777
+ function wr(e) {
1778
1778
  const t = String(e.href || "");
1779
1779
  return {
1780
1780
  href: t,
@@ -1784,18 +1784,18 @@ function vr(e) {
1784
1784
  description: e.description
1785
1785
  };
1786
1786
  }
1787
- function br(e) {
1787
+ function _r(e) {
1788
1788
  return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
1789
1789
  }
1790
- function wr(e) {
1790
+ function xr(e) {
1791
1791
  const t = e ?? (typeof document < "u" ? document : null);
1792
1792
  if (!t) return [];
1793
1793
  const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
1794
1794
  for (const c of l) {
1795
- if (o.length >= yr) break;
1796
- if (xt(c)) continue;
1795
+ if (o.length >= br) break;
1796
+ if (kt(c)) continue;
1797
1797
  const u = c.getAttribute("href") || "";
1798
- if (!br(u)) continue;
1798
+ if (!_r(u)) continue;
1799
1799
  let f = u, y = !0;
1800
1800
  try {
1801
1801
  if (typeof window < "u") {
@@ -1812,23 +1812,23 @@ function wr(e) {
1812
1812
  }
1813
1813
  return o;
1814
1814
  }
1815
- let Oe = null;
1816
- const _r = 5e3;
1817
- function vt() {
1815
+ let qe = null;
1816
+ const kr = 5e3;
1817
+ function bt() {
1818
1818
  const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
1819
- if (Oe && Oe.pathname === t && e - Oe.at < _r)
1820
- return Oe.routes;
1821
- const r = wr();
1822
- return Oe = { at: e, pathname: t, routes: r }, r;
1819
+ if (qe && qe.pathname === t && e - qe.at < kr)
1820
+ return qe.routes;
1821
+ const r = xr();
1822
+ return qe = { at: e, pathname: t, routes: r }, r;
1823
1823
  }
1824
- function xr() {
1825
- Oe = null;
1824
+ function Lr() {
1825
+ qe = null;
1826
1826
  }
1827
- function kr(e, t) {
1827
+ function Sr(e, t) {
1828
1828
  const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), o = i == null ? void 0 : i.set;
1829
1829
  o ? o.call(e, t) : e.value = t;
1830
1830
  }
1831
- function Lr(e, t, r = {}) {
1831
+ function Cr(e, t, r = {}) {
1832
1832
  const i = r.triggerInput ?? !0, o = r.triggerChange ?? !0;
1833
1833
  if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
1834
1834
  const l = Object.getOwnPropertyDescriptor(
@@ -1838,9 +1838,9 @@ function Lr(e, t, r = {}) {
1838
1838
  c ? c.call(e, u) : e.checked = u, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
1839
1839
  return;
1840
1840
  }
1841
- kr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
1841
+ Sr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
1842
1842
  }
1843
- function Sr() {
1843
+ function Er() {
1844
1844
  if (typeof window > "u" || typeof document > "u")
1845
1845
  return !1;
1846
1846
  const e = document.scrollingElement || document.documentElement;
@@ -1848,19 +1848,19 @@ function Sr() {
1848
1848
  const t = window.getComputedStyle(e);
1849
1849
  return !(t.overflowY === "hidden" || t.overflowY === "clip");
1850
1850
  }
1851
- function Cr(e) {
1851
+ function Nr(e) {
1852
1852
  if (!(e instanceof HTMLElement)) return !1;
1853
1853
  const r = window.getComputedStyle(e).overflowY;
1854
1854
  return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
1855
1855
  }
1856
- function Er() {
1856
+ function Ar() {
1857
1857
  if (typeof document > "u") return null;
1858
1858
  const e = Array.from(
1859
1859
  document.querySelectorAll("body, body *")
1860
1860
  );
1861
1861
  let t = null, r = 0;
1862
1862
  for (const i of e) {
1863
- if (!Cr(i)) continue;
1863
+ if (!Nr(i)) continue;
1864
1864
  const o = i.getBoundingClientRect();
1865
1865
  if (o.bottom <= 0 || o.top >= window.innerHeight || o.right <= 0 || o.left >= window.innerWidth || o.width <= 0 || o.height <= 0 || i.closest(".ll-widget")) continue;
1866
1866
  const l = o.width * o.height;
@@ -1868,24 +1868,24 @@ function Er() {
1868
1868
  }
1869
1869
  return t;
1870
1870
  }
1871
- function Nr() {
1871
+ function Rr() {
1872
1872
  if (typeof window > "u")
1873
1873
  return null;
1874
- if (Sr()) return window;
1875
- const e = Er();
1874
+ if (Er()) return window;
1875
+ const e = Ar();
1876
1876
  return e || window;
1877
1877
  }
1878
- function Qt(e) {
1878
+ function en(e) {
1879
1879
  return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
1880
1880
  }
1881
- function Ar(e) {
1881
+ function Mr(e) {
1882
1882
  var t, r;
1883
1883
  return e instanceof Window ? typeof document > "u" ? 0 : Math.max(
1884
1884
  ((t = document.body) == null ? void 0 : t.scrollHeight) ?? 0,
1885
1885
  ((r = document.documentElement) == null ? void 0 : r.scrollHeight) ?? 0
1886
1886
  ) : e.scrollHeight - e.clientHeight;
1887
1887
  }
1888
- const Rr = /* @__PURE__ */ new Set([
1888
+ const Ir = /* @__PURE__ */ new Set([
1889
1889
  "agent_state",
1890
1890
  "avatar_stream_ready",
1891
1891
  "avatar_active",
@@ -1908,8 +1908,8 @@ const Rr = /* @__PURE__ */ new Set([
1908
1908
  "submit_form",
1909
1909
  "request_routes"
1910
1910
  ]);
1911
- function Mr(e) {
1912
- var Nt, At, Rt, Mt, It, Tt, Pt;
1911
+ function Tr(e) {
1912
+ var Rt, Mt, It, Tt, Pt, Dt, $t;
1913
1913
  const {
1914
1914
  agentId: t,
1915
1915
  apiKey: r,
@@ -1924,7 +1924,7 @@ function Mr(e) {
1924
1924
  mobileBreakpoint: s = 640,
1925
1925
  persistKey: a = "ll-widget",
1926
1926
  disablePersistence: x = !1,
1927
- teamMembers: E,
1927
+ teamMembers: N,
1928
1928
  currentTeamMemberId: C,
1929
1929
  onTeamMemberChange: v,
1930
1930
  idleLoopUrl: w,
@@ -1948,35 +1948,35 @@ function Mr(e) {
1948
1948
  capabilities: re,
1949
1949
  onConnect: ce,
1950
1950
  onDisconnect: we,
1951
- onTranscript: Se,
1952
- onAgentState: Ce,
1953
- onConnectionStateChange: Ee,
1954
- onAgentEvent: Ne,
1955
- onAgentCommand: Ae,
1951
+ onTranscript: Ce,
1952
+ onAgentState: Ee,
1953
+ onConnectionStateChange: Ne,
1954
+ onAgentEvent: Ae,
1955
+ onAgentCommand: Re,
1956
1956
  controlledSession: V,
1957
- className: ut,
1958
- style: ft,
1957
+ className: ft,
1958
+ style: pt,
1959
1959
  zIndex: nt = 2147483647
1960
- } = e, ue = Hn(F), Re = jn(ue, M, B);
1961
- N(() => {
1962
- gr(), xr();
1960
+ } = e, ue = qn(F), Me = Yn(ue, M, B);
1961
+ A(() => {
1962
+ vr(), Lr();
1963
1963
  }, [ue]);
1964
- const qe = C !== void 0, [_e, Me] = L(() => {
1964
+ const Be = C !== void 0, [_e, Ie] = L(() => {
1965
1965
  var h;
1966
- return C ?? ((h = E == null ? void 0 : E[0]) == null ? void 0 : h.id);
1967
- }), X = qe ? C : _e, ee = st(
1968
- () => (E == null ? void 0 : E.find((h) => h.id === X)) ?? null,
1969
- [E, X]
1970
- ), Ie = (ee == null ? void 0 : ee.agentId) ?? t, [oe, de] = Pn({
1966
+ return C ?? ((h = N == null ? void 0 : N[0]) == null ? void 0 : h.id);
1967
+ }), X = Be ? C : _e, te = ct(
1968
+ () => (N == null ? void 0 : N.find((h) => h.id === X)) ?? null,
1969
+ [N, X]
1970
+ ), Te = (te == null ? void 0 : te.agentId) ?? t, [oe, de] = $n({
1971
1971
  value: u,
1972
1972
  defaultValue: f,
1973
1973
  onChange: y,
1974
1974
  persistKey: a,
1975
1975
  disablePersistence: x
1976
- }), xe = $n(s), Be = xn(), te = kn(), le = Sn(), ae = Cn(), fe = En(), [Te, pe] = L(!1), [he, We] = L(!1), [Fe, Ue] = L(!1), [me, ge] = L(!1), [Pe, rt] = L(!1), je = A(G), De = A(ie), p = A(et), Y = A(tt), pt = A(be), kt = A(Qe), Lt = A(Ze), ht = A(re), ne = A(null);
1977
- je.current = G, De.current = ie, p.current = et, Y.current = tt, pt.current = be, kt.current = Qe, Lt.current = Ze, ht.current = re;
1976
+ }), xe = Hn(s), We = Ln(), Z = Sn(), le = En(), ae = Nn(), fe = An(), [Pe, pe] = L(!1), [he, Fe] = L(!1), [Ue, je] = L(!1), [me, ge] = L(!1), [De, rt] = L(!1), Ve = E(G), $e = E(ie), p = E(et), Y = E(tt), ht = E(be), Lt = E(Qe), St = E(Ze), mt = E(re), ne = E(null);
1977
+ Ve.current = G, $e.current = ie, p.current = et, Y.current = tt, ht.current = be, Lt.current = Qe, St.current = Ze, mt.current = re;
1978
1978
  function ye(h) {
1979
- const d = ht.current;
1979
+ const d = mt.current;
1980
1980
  return d ? d.includes(h) : !0;
1981
1981
  }
1982
1982
  function ve(h, d) {
@@ -1984,12 +1984,12 @@ function Mr(e) {
1984
1984
  `[LiveLayer] Agent command "${h}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
1985
1985
  );
1986
1986
  }
1987
- const Ve = k(
1987
+ const Ye = k(
1988
1988
  (h) => {
1989
- var Z, $e, ot, Dt, $t;
1989
+ var ee, ze, lt, zt, Ht;
1990
1990
  const d = h;
1991
1991
  if (!(!d.type || typeof d.type != "string")) {
1992
- if (Ne == null || Ne({ eventName: d.type, data: h }), d.type === "navigate") {
1992
+ if (Ae == null || Ae({ eventName: d.type, data: h }), d.type === "navigate") {
1993
1993
  if (!ye("navigate")) {
1994
1994
  ve("navigate", "navigate");
1995
1995
  return;
@@ -2001,9 +2001,9 @@ function Mr(e) {
2001
2001
  );
2002
2002
  return;
2003
2003
  }
2004
- if (je.current) {
2004
+ if (Ve.current) {
2005
2005
  try {
2006
- je.current(S);
2006
+ Ve.current(S);
2007
2007
  } catch (P) {
2008
2008
  console.warn(
2009
2009
  `[LiveLayer] onNavigate threw for "${S}". Falling back. Error:`,
@@ -2040,9 +2040,9 @@ function Mr(e) {
2040
2040
  const S = typeof d.selector == "string" ? d.selector : null;
2041
2041
  if (!S) return;
2042
2042
  const P = d.behavior === "instant" ? "instant" : "smooth";
2043
- if (De.current) {
2043
+ if ($e.current) {
2044
2044
  try {
2045
- De.current(
2045
+ $e.current(
2046
2046
  S,
2047
2047
  P
2048
2048
  );
@@ -2079,7 +2079,7 @@ function Mr(e) {
2079
2079
  ve("request_page_context", "read_page");
2080
2080
  return;
2081
2081
  }
2082
- const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (Z = ne.current) == null ? void 0 : Z.call(ne), D = (K) => {
2082
+ const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (ee = ne.current) == null ? void 0 : ee.call(ne), D = (K) => {
2083
2083
  const T = P, U = T == null ? void 0 : T.localParticipant;
2084
2084
  if (U != null && U.publishData)
2085
2085
  try {
@@ -2088,7 +2088,7 @@ function Mr(e) {
2088
2088
  } catch (H) {
2089
2089
  console.warn("[LiveLayer] publishData failed.", H);
2090
2090
  }
2091
- }, $ = kt.current, J = pt.current;
2091
+ }, $ = Lt.current, J = ht.current;
2092
2092
  try {
2093
2093
  if (J) {
2094
2094
  const K = J($);
@@ -2099,7 +2099,7 @@ function Mr(e) {
2099
2099
  T
2100
2100
  ), D({
2101
2101
  type: "page_context",
2102
- context: Gt($)
2102
+ context: Zt($)
2103
2103
  });
2104
2104
  });
2105
2105
  return;
@@ -2109,7 +2109,7 @@ function Mr(e) {
2109
2109
  }
2110
2110
  D({
2111
2111
  type: "page_context",
2112
- context: Gt($)
2112
+ context: Zt($)
2113
2113
  });
2114
2114
  } catch (K) {
2115
2115
  console.warn(
@@ -2147,12 +2147,12 @@ function Mr(e) {
2147
2147
  return;
2148
2148
  }
2149
2149
  if (typeof window > "u") return;
2150
- const D = { behavior: P }, $ = Nr(), J = (T) => {
2150
+ const D = { behavior: P }, $ = Rr(), J = (T) => {
2151
2151
  $ instanceof Window ? $.scrollBy({ top: T, ...D }) : $.scrollBy({ top: T, ...D });
2152
2152
  }, K = (T) => {
2153
2153
  $ instanceof Window ? $.scrollTo({ top: T, ...D }) : $.scrollTo({ top: T, ...D });
2154
2154
  };
2155
- S === "up" ? J(-Qt($)) : S === "down" ? J(Qt($)) : K(S === "top" ? 0 : Ar($));
2155
+ S === "up" ? J(-en($)) : S === "down" ? J(en($)) : K(S === "top" ? 0 : Mr($));
2156
2156
  return;
2157
2157
  }
2158
2158
  if (d.type === "click") {
@@ -2195,7 +2195,7 @@ function Mr(e) {
2195
2195
  );
2196
2196
  return;
2197
2197
  }
2198
- ($e = P.click) == null || $e.call(P);
2198
+ (ze = P.click) == null || ze.call(P);
2199
2199
  return;
2200
2200
  }
2201
2201
  if (d.type === "fill_form" || d.type === "focus_field") {
@@ -2204,15 +2204,15 @@ function Mr(e) {
2204
2204
  return;
2205
2205
  }
2206
2206
  if (typeof document > "u") return;
2207
- const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (ot = ne.current) == null ? void 0 : ot.call(ne), D = (H) => {
2207
+ const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (lt = ne.current) == null ? void 0 : lt.call(ne), D = (H) => {
2208
2208
  if (d.type !== "fill_form") return;
2209
2209
  const Q = P, se = Q == null ? void 0 : Q.localParticipant;
2210
2210
  if (se != null && se.publishData)
2211
2211
  try {
2212
- const ke = S ? { ...H, requestId: S } : H, hn = new TextEncoder().encode(JSON.stringify(ke));
2213
- se.publishData(hn, { reliable: !0 });
2214
- } catch (ke) {
2215
- console.warn("[LiveLayer] publishData failed.", ke);
2212
+ const Le = S ? { ...H, requestId: S } : H, gn = new TextEncoder().encode(JSON.stringify(Le));
2213
+ se.publishData(gn, { reliable: !0 });
2214
+ } catch (Le) {
2215
+ console.warn("[LiveLayer] publishData failed.", Le);
2216
2216
  }
2217
2217
  }, $ = typeof d.formId == "string" ? d.formId : null;
2218
2218
  if (!$) {
@@ -2257,7 +2257,7 @@ function Mr(e) {
2257
2257
  );
2258
2258
  return;
2259
2259
  }
2260
- if (!dt(Q)) {
2260
+ if (!ut(Q)) {
2261
2261
  console.warn(
2262
2262
  `[LiveLayer] focus_field: field "${H}" is privacy-protected and not focusable.`
2263
2263
  );
@@ -2286,18 +2286,18 @@ function Mr(e) {
2286
2286
  ), U.push(H);
2287
2287
  continue;
2288
2288
  }
2289
- if (!dt(se)) {
2289
+ if (!ut(se)) {
2290
2290
  console.warn(
2291
2291
  `[LiveLayer] fill_form: field "${H}" is privacy-protected (password / cc-* / private). Skipping.`
2292
2292
  ), U.push(H);
2293
2293
  continue;
2294
2294
  }
2295
2295
  try {
2296
- Lr(se, Q), T.push(H);
2297
- } catch (ke) {
2296
+ Cr(se, Q), T.push(H);
2297
+ } catch (Le) {
2298
2298
  console.warn(
2299
2299
  `[LiveLayer] fill_form: failed to set "${H}".`,
2300
- ke
2300
+ Le
2301
2301
  ), U.push(H);
2302
2302
  }
2303
2303
  }
@@ -2337,12 +2337,12 @@ function Mr(e) {
2337
2337
  );
2338
2338
  return;
2339
2339
  }
2340
- const D = typeof d.requestId == "string" ? d.requestId : void 0, $ = (Dt = ne.current) == null ? void 0 : Dt.call(ne), J = (U) => {
2340
+ const D = typeof d.requestId == "string" ? d.requestId : void 0, $ = (zt = ne.current) == null ? void 0 : zt.call(ne), J = (U) => {
2341
2341
  const H = $, Q = H == null ? void 0 : H.localParticipant;
2342
2342
  if (Q != null && Q.publishData)
2343
2343
  try {
2344
- const se = D ? { ...U, requestId: D } : U, ke = new TextEncoder().encode(JSON.stringify(se));
2345
- Q.publishData(ke, { reliable: !0 });
2344
+ const se = D ? { ...U, requestId: D } : U, Le = new TextEncoder().encode(JSON.stringify(se));
2345
+ Q.publishData(Le, { reliable: !0 });
2346
2346
  } catch {
2347
2347
  }
2348
2348
  };
@@ -2375,7 +2375,7 @@ function Mr(e) {
2375
2375
  ve("request_routes", "read_page");
2376
2376
  return;
2377
2377
  }
2378
- const S = typeof d.requestId == "string" ? d.requestId : void 0, D = ($t = ne.current) == null ? void 0 : $t.call(ne), $ = D == null ? void 0 : D.localParticipant;
2378
+ const S = typeof d.requestId == "string" ? d.requestId : void 0, D = (Ht = ne.current) == null ? void 0 : Ht.call(ne), $ = D == null ? void 0 : D.localParticipant;
2379
2379
  if (!($ != null && $.publishData)) return;
2380
2380
  const J = (T) => {
2381
2381
  try {
@@ -2384,7 +2384,7 @@ function Mr(e) {
2384
2384
  } catch (U) {
2385
2385
  console.warn("[LiveLayer] request_routes: publishData failed.", U);
2386
2386
  }
2387
- }, K = Lt.current;
2387
+ }, K = St.current;
2388
2388
  if (K) {
2389
2389
  try {
2390
2390
  const T = K(), U = (H) => {
@@ -2392,75 +2392,75 @@ function Mr(e) {
2392
2392
  J([]);
2393
2393
  return;
2394
2394
  }
2395
- J(H.map(vr).slice(0, 200));
2395
+ J(H.map(wr).slice(0, 200));
2396
2396
  };
2397
2397
  T instanceof Promise ? T.then(U).catch((H) => {
2398
2398
  console.warn(
2399
2399
  "[LiveLayer] getRoutes rejected; falling back to DOM walker.",
2400
2400
  H
2401
- ), J(vt());
2401
+ ), J(bt());
2402
2402
  }) : U(T);
2403
2403
  } catch (T) {
2404
2404
  console.warn(
2405
2405
  "[LiveLayer] getRoutes threw; falling back to DOM walker.",
2406
2406
  T
2407
- ), J(vt());
2407
+ ), J(bt());
2408
2408
  }
2409
2409
  return;
2410
2410
  }
2411
2411
  try {
2412
- J(vt());
2412
+ J(bt());
2413
2413
  } catch (T) {
2414
2414
  console.warn("[LiveLayer] request_routes: extractRoutes threw.", T);
2415
2415
  }
2416
2416
  return;
2417
2417
  }
2418
- Rr.has(d.type) || Ae == null || Ae(d);
2418
+ Ir.has(d.type) || Re == null || Re(d);
2419
2419
  }
2420
2420
  },
2421
- [Ae, Ne]
2422
- ), j = _n({
2423
- agentId: V ? "__controlled__" : Ie,
2421
+ [Re, Ae]
2422
+ ), j = kn({
2423
+ agentId: V ? "__controlled__" : Te,
2424
2424
  baseUrl: i,
2425
2425
  apiKey: r,
2426
2426
  sessionEndpoint: o,
2427
2427
  sessionBody: l,
2428
- onDataMessage: V ? void 0 : Ve
2428
+ onDataMessage: V ? void 0 : Ye
2429
2429
  });
2430
- N(() => {
2430
+ A(() => {
2431
2431
  if (V != null && V.subscribeToDataMessages)
2432
- return V.subscribeToDataMessages(Ve);
2433
- }, [V, Ve]), ne.current = () => {
2432
+ return V.subscribeToDataMessages(Ye);
2433
+ }, [V, Ye]), ne.current = () => {
2434
2434
  var h;
2435
2435
  return (h = j.getRoom) == null ? void 0 : h.call(j);
2436
- }, N(() => {
2437
- var Z;
2436
+ }, A(() => {
2437
+ var ee;
2438
2438
  if (!ue) return;
2439
- const h = (Z = j.getRoom) == null ? void 0 : Z.call(j), d = h == null ? void 0 : h.localParticipant;
2439
+ const h = (ee = j.getRoom) == null ? void 0 : ee.call(j), d = h == null ? void 0 : h.localParticipant;
2440
2440
  if (d != null && d.publishData)
2441
2441
  try {
2442
- const $e = new TextEncoder().encode(
2442
+ const ze = new TextEncoder().encode(
2443
2443
  JSON.stringify({ type: "pathname", pathname: ue })
2444
2444
  );
2445
- d.publishData($e, { reliable: !0 });
2445
+ d.publishData(ze, { reliable: !0 });
2446
2446
  } catch {
2447
2447
  }
2448
- }, [ue, j, j.connectionState]), N(() => {
2449
- var Z;
2448
+ }, [ue, j, j.connectionState]), A(() => {
2449
+ var ee;
2450
2450
  if (typeof window > "u") return;
2451
- const h = ((Z = window.location) == null ? void 0 : Z.hostname) || "";
2451
+ const h = ((ee = window.location) == null ? void 0 : ee.hostname) || "";
2452
2452
  if (h === "localhost" || h === "127.0.0.1" || h === "0.0.0.0" || h.endsWith(".local") || h.endsWith(".test"))
2453
- return window.__livelayerSimulateCommand = ($e) => {
2453
+ return window.__livelayerSimulateCommand = (ze) => {
2454
2454
  try {
2455
- Ve($e);
2456
- } catch (ot) {
2457
- console.warn("[LiveLayer] simulate-command threw:", ot);
2455
+ Ye(ze);
2456
+ } catch (lt) {
2457
+ console.warn("[LiveLayer] simulate-command threw:", lt);
2458
2458
  }
2459
2459
  }, () => {
2460
2460
  delete window.__livelayerSimulateCommand;
2461
2461
  };
2462
- }, [Ve]);
2463
- const g = st(() => V ? {
2462
+ }, [Ye]);
2463
+ const g = ct(() => V ? {
2464
2464
  connectionState: V.connectionState,
2465
2465
  agentState: V.agentState,
2466
2466
  transcript: V.transcript,
@@ -2491,174 +2491,180 @@ function Mr(e) {
2491
2491
  disconnect: j.disconnect,
2492
2492
  getRoom: j.getRoom,
2493
2493
  isControlled: !1
2494
- }, [V, j]), St = A(null);
2495
- N(() => {
2496
- const h = g.videoElement, d = St.current;
2494
+ }, [V, j]), Ct = E(null);
2495
+ A(() => {
2496
+ const h = g.videoElement, d = Ct.current;
2497
2497
  if (!(!h || !d))
2498
2498
  return d.appendChild(h), () => {
2499
2499
  h.parentNode === d && d.removeChild(h);
2500
2500
  };
2501
- }, [g.videoElement]), N(() => {
2501
+ }, [g.videoElement]), A(() => {
2502
2502
  const h = g.audioElement;
2503
2503
  if (!h) return;
2504
- Be.attach(h);
2504
+ We.attach(h);
2505
2505
  const d = h.play();
2506
- return d && typeof d.catch == "function" && d.catch((Z) => {
2507
- (Z == null ? void 0 : Z.name) === "NotAllowedError" && pe(!0);
2506
+ return d && typeof d.catch == "function" && d.catch((ee) => {
2507
+ (ee == null ? void 0 : ee.name) === "NotAllowedError" && pe(!0);
2508
2508
  }), () => {
2509
- Be.detach();
2509
+ We.detach();
2510
2510
  };
2511
- }, [g.audioElement]), N(() => {
2511
+ }, [g.audioElement]), A(() => {
2512
2512
  if (g.isControlled || g.connectionState !== "connected") return;
2513
2513
  const h = g.getRoom();
2514
2514
  if (h)
2515
- return te.setupMic(h, { startMuted: !0 }).catch(() => {
2515
+ return Z.setupMic(h, { startMuted: !0 }).catch(() => {
2516
2516
  }), le.attachRoom(h), ae.attachRoom(h), fe.refresh(), () => {
2517
- te.teardownMic(), le.teardown(), ae.teardown();
2517
+ Z.teardownMic(), le.teardown(), ae.teardown();
2518
2518
  };
2519
2519
  }, [g.isControlled, g.connectionState]);
2520
- const [Ye, mt] = L(!1), gt = A("idle");
2521
- N(() => {
2520
+ const [ke, gt] = L(!1), yt = E("idle");
2521
+ A(() => {
2522
2522
  if (g.connectionState === "idle" || g.connectionState === "disconnected") {
2523
- mt(!1), gt.current = "idle";
2523
+ gt(!1), yt.current = "idle";
2524
2524
  return;
2525
2525
  }
2526
- !Ye && gt.current === "speaking" && g.agentState !== "speaking" && (mt(!0), te.setMuted(!1)), gt.current = g.agentState;
2527
- }, [g.agentState, g.connectionState, Ye]), N(() => {
2528
- if (g.connectionState !== "connected" || Ye) return;
2526
+ !ke && yt.current === "speaking" && g.agentState !== "speaking" && (gt(!0), Z.setMuted(!1)), yt.current = g.agentState;
2527
+ }, [g.agentState, g.connectionState, ke]), A(() => {
2528
+ if (g.connectionState !== "connected" || ke) return;
2529
2529
  const h = setTimeout(() => {
2530
- mt(!0), te.setMuted(!1);
2530
+ gt(!0), Z.setMuted(!1);
2531
2531
  }, 4e3);
2532
2532
  return () => clearTimeout(h);
2533
- }, [g.connectionState, Ye]), N(() => {
2533
+ }, [g.connectionState, ke]);
2534
+ const Et = E(!1), it = E(!1);
2535
+ A(() => {
2536
+ if (!ke) return;
2537
+ const h = g.agentState;
2538
+ !it.current && (h === "speaking" || h === "thinking") ? (Et.current = Z.isMuted, it.current = !0, Z.setMuted(!0)) : it.current && h === "listening" && (it.current = !1, Z.setMuted(Et.current));
2539
+ }, [g.agentState, ke]), A(() => {
2534
2540
  const h = g.audioElement;
2535
- h && (h.muted = Pe);
2536
- }, [g.audioElement, Pe]);
2537
- const nn = k((h) => {
2541
+ h && (h.muted = De);
2542
+ }, [g.audioElement, De]);
2543
+ const on = k((h) => {
2538
2544
  const d = g.getRoom();
2539
2545
  if (d)
2540
2546
  try {
2541
- const Z = new TextEncoder().encode(
2547
+ const ee = new TextEncoder().encode(
2542
2548
  JSON.stringify({ type: "user_message", text: h })
2543
2549
  );
2544
- d.localParticipant.publishData(Z, { reliable: !0 });
2550
+ d.localParticipant.publishData(ee, { reliable: !0 });
2545
2551
  } catch {
2546
2552
  }
2547
- }, [g]), rn = k(() => {
2553
+ }, [g]), ln = k(() => {
2548
2554
  rt((h) => !h);
2549
2555
  }, []);
2550
- N(() => {
2551
- Ee == null || Ee(g.connectionState), g.connectionState === "connected" ? ce == null || ce() : g.connectionState === "disconnected" && (we == null || we());
2552
- }, [g.connectionState, ce, we, Ee]), N(() => {
2553
- Se == null || Se(g.transcript);
2554
- }, [g.transcript, Se]), N(() => {
2555
- Ce == null || Ce(g.agentState);
2556
- }, [g.agentState, Ce]);
2557
- const Ct = A(!1);
2558
- N(() => {
2559
- g.isControlled || !c || Ct.current || Re && g.connectionState === "idle" && (Ct.current = !0, g.connect());
2560
- }, [c, g.connectionState, g, Re]);
2561
- const on = k(
2556
+ A(() => {
2557
+ Ne == null || Ne(g.connectionState), g.connectionState === "connected" ? ce == null || ce() : g.connectionState === "disconnected" && (we == null || we());
2558
+ }, [g.connectionState, ce, we, Ne]), A(() => {
2559
+ Ce == null || Ce(g.transcript);
2560
+ }, [g.transcript, Ce]), A(() => {
2561
+ Ee == null || Ee(g.agentState);
2562
+ }, [g.agentState, Ee]);
2563
+ const Nt = E(!1);
2564
+ A(() => {
2565
+ g.isControlled || !c || Nt.current || Me && g.connectionState === "idle" && (Nt.current = !0, g.connect());
2566
+ }, [c, g.connectionState, g, Me]);
2567
+ const an = k(
2562
2568
  (h) => {
2563
- const d = E == null ? void 0 : E.find((Z) => Z.id === h);
2564
- d && (Ue(!1), h !== X && (We(!0), g.disconnect(), qe || Me(h), v == null || v(d)));
2569
+ const d = N == null ? void 0 : N.find((ee) => ee.id === h);
2570
+ d && (je(!1), h !== X && (Fe(!0), g.disconnect(), Be || Ie(h), v == null || v(d)));
2565
2571
  },
2566
2572
  [
2567
- E,
2573
+ N,
2568
2574
  X,
2569
2575
  g,
2570
- qe,
2576
+ Be,
2571
2577
  v
2572
2578
  ]
2573
2579
  );
2574
- N(() => {
2575
- he && g.connectionState === "connected" && We(!1);
2576
- }, [g.connectionState, he]), N(() => {
2577
- if (!Fe) return;
2580
+ A(() => {
2581
+ he && g.connectionState === "connected" && Fe(!1);
2582
+ }, [g.connectionState, he]), A(() => {
2583
+ if (!Ue) return;
2578
2584
  const h = (d) => {
2579
- d.key === "Escape" && Ue(!1);
2585
+ d.key === "Escape" && je(!1);
2580
2586
  };
2581
2587
  return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
2582
- }, [Fe]);
2583
- const ln = !!I || !!(ee != null && ee.avatarImageUrl) || g.isControlled, Je = Nn(Ie, i, ln);
2584
- re === void 0 && ((Nt = Je.info) != null && Nt.capabilities) && (ht.current = Je.info.capabilities);
2585
- const it = (ee == null ? void 0 : ee.name) ?? q ?? ((At = g.agentConfig) == null ? void 0 : At.name) ?? ((Rt = Je.info) == null ? void 0 : Rt.name) ?? "Live Layer", yt = (ee == null ? void 0 : ee.avatarImageUrl) ?? I ?? ((Mt = g.agentConfig) == null ? void 0 : Mt.avatarImageUrl) ?? ((It = Je.info) == null ? void 0 : It.avatarImageUrl) ?? null, an = w ?? ((Tt = g.agentConfig) == null ? void 0 : Tt.idleLoopUrl) ?? ((Pt = Je.info) == null ? void 0 : Pt.idleLoopUrl) ?? null, sn = O ?? null, cn = k(() => de("expanded"), [de]), dn = k(
2588
+ }, [Ue]);
2589
+ const sn = !!I || !!(te != null && te.avatarImageUrl) || g.isControlled, Je = Rn(Te, i, sn);
2590
+ re === void 0 && ((Rt = Je.info) != null && Rt.capabilities) && (mt.current = Je.info.capabilities);
2591
+ const ot = (te == null ? void 0 : te.name) ?? q ?? ((Mt = g.agentConfig) == null ? void 0 : Mt.name) ?? ((It = Je.info) == null ? void 0 : It.name) ?? "Live Layer", vt = (te == null ? void 0 : te.avatarImageUrl) ?? I ?? ((Tt = g.agentConfig) == null ? void 0 : Tt.avatarImageUrl) ?? ((Pt = Je.info) == null ? void 0 : Pt.avatarImageUrl) ?? null, cn = w ?? ((Dt = g.agentConfig) == null ? void 0 : Dt.idleLoopUrl) ?? (($t = Je.info) == null ? void 0 : $t.idleLoopUrl) ?? null, dn = O ?? null, un = k(() => de("expanded"), [de]), fn = k(
2586
2592
  () => de("minimized"),
2587
2593
  [de]
2588
- ), Et = k(() => {
2594
+ ), At = k(() => {
2589
2595
  g.disconnect(), de("hidden");
2590
- }, [g, de]), un = k(() => {
2596
+ }, [g, de]), pn = k(() => {
2591
2597
  const h = g.audioElement;
2592
2598
  h && h.play().then(() => pe(!1)).catch(() => {
2593
2599
  });
2594
- }, [g.audioElement]), fn = k(() => {
2600
+ }, [g.audioElement]), hn = k(() => {
2595
2601
  pe(!1), g.connect();
2596
2602
  }, [g]), Ke = {
2597
- ...ft,
2603
+ ...pt,
2598
2604
  zIndex: nt
2599
2605
  };
2600
2606
  m.primaryColor && (Ke["--ll-color-primary"] = m.primaryColor), m.accentColor && (Ke["--ll-color-accent"] = m.accentColor), m.backgroundColor && (Ke["--ll-color-bg"] = m.backgroundColor), m.textColor && (Ke["--ll-color-fg"] = m.textColor);
2601
- const pn = [
2607
+ const mn = [
2602
2608
  "ll-widget",
2603
2609
  `ll-widget--${oe}`,
2604
2610
  `ll-widget--${xe ? "mobile" : "desktop"}`,
2605
- ut
2611
+ ft
2606
2612
  ].filter(Boolean).join(" ");
2607
- return Re ? /* @__PURE__ */ _(
2613
+ return Me ? /* @__PURE__ */ _(
2608
2614
  "div",
2609
2615
  {
2610
- className: pn,
2616
+ className: mn,
2611
2617
  style: Ke,
2612
2618
  "data-display-mode": oe,
2613
2619
  "data-position": b,
2614
2620
  children: [
2615
2621
  oe === "hidden" && /* @__PURE__ */ n(
2616
- Gn,
2622
+ Zn,
2617
2623
  {
2618
2624
  position: b,
2619
2625
  isMobile: xe,
2620
2626
  isSpeaking: g.agentState === "speaking",
2621
2627
  onExpand: () => de("expanded"),
2622
- label: `Open ${it} widget`,
2623
- avatarImageUrl: yt,
2624
- agentName: it
2628
+ label: `Open ${ot} widget`,
2629
+ avatarImageUrl: vt,
2630
+ agentName: ot
2625
2631
  }
2626
2632
  ),
2627
2633
  oe === "minimized" && /* @__PURE__ */ n(
2628
- Zn,
2634
+ tr,
2629
2635
  {
2630
2636
  position: b,
2631
2637
  isMobile: xe,
2632
- agentName: it,
2633
- avatarImageUrl: yt,
2638
+ agentName: ot,
2639
+ avatarImageUrl: vt,
2634
2640
  agentState: g.agentState,
2635
- isMuted: te.isMuted,
2636
- audioLevel: Be,
2637
- onExpand: cn,
2638
- onToggleMute: te.toggleMute,
2639
- onClose: Et
2641
+ isMuted: Z.isMuted,
2642
+ audioLevel: We,
2643
+ onExpand: un,
2644
+ onToggleMute: Z.toggleMute,
2645
+ onClose: At
2640
2646
  }
2641
2647
  ),
2642
2648
  oe === "expanded" && /* @__PURE__ */ n(
2643
- tr,
2649
+ rr,
2644
2650
  {
2645
2651
  position: b,
2646
2652
  isMobile: xe,
2647
- agentName: it,
2648
- avatarImageUrl: yt,
2649
- idleLoopUrl: an,
2650
- greeting: sn,
2653
+ agentName: ot,
2654
+ avatarImageUrl: vt,
2655
+ idleLoopUrl: cn,
2656
+ greeting: dn,
2651
2657
  branding: m,
2652
- teamMembers: E,
2658
+ teamMembers: N,
2653
2659
  currentTeamMemberId: X,
2654
2660
  isSwitchingTeamMember: he,
2655
- teamSwitcherOpen: Fe,
2656
- onToggleTeamSwitcher: () => Ue((h) => !h),
2657
- onSelectTeamMember: on,
2661
+ teamSwitcherOpen: Ue,
2662
+ onToggleTeamSwitcher: () => je((h) => !h),
2663
+ onSelectTeamMember: an,
2658
2664
  connectionState: g.connectionState,
2659
2665
  agentState: g.agentState,
2660
2666
  transcript: g.transcript,
2661
- isMuted: te.isMuted,
2667
+ isMuted: Z.isMuted,
2662
2668
  micDevices: fe.mics,
2663
2669
  isCameraEnabled: le.isEnabled,
2664
2670
  cameraPreviewEl: le.previewEl,
@@ -2666,42 +2672,42 @@ function Mr(e) {
2666
2672
  activeCameraId: le.activeDeviceId,
2667
2673
  isScreenShareEnabled: ae.isEnabled,
2668
2674
  screenPreviewEl: ae.previewEl,
2669
- isSpeakerMuted: Pe,
2675
+ isSpeakerMuted: De,
2670
2676
  allowCamera: R,
2671
2677
  allowScreenShare: W,
2672
2678
  allowTyping: z,
2673
2679
  languageMenuOpen: me,
2674
2680
  onToggleLanguageMenu: () => ge((h) => !h),
2675
- needsUserGesture: Te,
2681
+ needsUserGesture: Pe,
2676
2682
  canResume: g.canResume,
2677
- micError: te.micError,
2683
+ micError: Z.micError,
2678
2684
  error: g.error,
2679
- avatarVideoContainerRef: St,
2685
+ avatarVideoContainerRef: Ct,
2680
2686
  agentVideoEl: g.videoElement,
2681
- micGateOpen: g.isControlled ? !0 : Ye,
2687
+ micGateOpen: g.isControlled ? !0 : ke,
2682
2688
  onConnect: () => void g.connect(),
2683
2689
  onDisconnect: () => g.disconnect(),
2684
- onRetry: fn,
2685
- onResumeAudio: un,
2686
- onToggleMute: te.toggleMute,
2690
+ onRetry: hn,
2691
+ onResumeAudio: pn,
2692
+ onToggleMute: Z.toggleMute,
2687
2693
  onToggleCamera: () => void le.toggle(),
2688
2694
  onSwitchCameraDevice: (h) => void le.switchDevice(h),
2689
2695
  onToggleScreenShare: () => void ae.toggle(),
2690
- onToggleSpeaker: rn,
2691
- onSendMessage: nn,
2692
- onMinimize: dn,
2693
- onClose: Et,
2694
- onClearMicError: te.clearError
2696
+ onToggleSpeaker: ln,
2697
+ onSendMessage: on,
2698
+ onMinimize: fn,
2699
+ onClose: At,
2700
+ onClearMicError: Z.clearError
2695
2701
  }
2696
2702
  )
2697
2703
  ]
2698
2704
  }
2699
2705
  ) : null;
2700
2706
  }
2701
- function Or(e) {
2702
- return /* @__PURE__ */ n(wn, { children: /* @__PURE__ */ n(Mr, { ...e }) });
2707
+ function Br(e) {
2708
+ return /* @__PURE__ */ n(xn, { children: /* @__PURE__ */ n(Tr, { ...e }) });
2703
2709
  }
2704
- const qr = ({
2710
+ const Wr = ({
2705
2711
  agentId: e,
2706
2712
  baseUrl: t,
2707
2713
  apiKey: r,
@@ -2710,26 +2716,26 @@ const qr = ({
2710
2716
  className: l,
2711
2717
  style: c
2712
2718
  }) => {
2713
- const u = A(null), f = A(null), y = A(o);
2719
+ const u = E(null), f = E(null), y = E(o);
2714
2720
  y.current = o;
2715
2721
  const b = k((s) => {
2716
2722
  var x;
2717
2723
  const a = s.detail;
2718
2724
  (x = y.current) == null || x.call(y, a);
2719
2725
  }, []);
2720
- return N(() => {
2726
+ return A(() => {
2721
2727
  const s = u.current;
2722
2728
  if (!s) return;
2723
2729
  const a = document.createElement("livelayer-widget");
2724
2730
  return a.setAttribute("agent-id", e), t && a.setAttribute("base-url", t), r && a.setAttribute("api-key", r), i && a.setAttribute("mode", i), a.addEventListener("agent-event", b), s.appendChild(a), f.current = a, () => {
2725
2731
  a.removeEventListener("agent-event", b), s.removeChild(a), f.current = null;
2726
2732
  };
2727
- }, [e]), N(() => {
2733
+ }, [e]), A(() => {
2728
2734
  f.current && (i ? f.current.setAttribute("mode", i) : f.current.removeAttribute("mode"));
2729
2735
  }, [i]), /* @__PURE__ */ n("div", { ref: u, className: l, style: c });
2730
- }, Br = _t(
2736
+ }, Fr = xt(
2731
2737
  function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, u) {
2732
- return gn(
2738
+ return vn(
2733
2739
  i,
2734
2740
  {
2735
2741
  ref: u,
@@ -2741,7 +2747,7 @@ const qr = ({
2741
2747
  c
2742
2748
  );
2743
2749
  }
2744
- ), Wr = _t(
2750
+ ), Ur = xt(
2745
2751
  function({ id: t, intent: r, children: i, ...o }, l) {
2746
2752
  return /* @__PURE__ */ n(
2747
2753
  "form",
@@ -2754,7 +2760,7 @@ const qr = ({
2754
2760
  }
2755
2761
  );
2756
2762
  }
2757
- ), Fr = _t(
2763
+ ), jr = xt(
2758
2764
  function(t, r) {
2759
2765
  const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
2760
2766
  let u;
@@ -2796,30 +2802,30 @@ const qr = ({
2796
2802
  ] });
2797
2803
  }
2798
2804
  );
2799
- let Zt = 1;
2800
- function Ur({
2805
+ let tn = 1;
2806
+ function Vr({
2801
2807
  onMount: e,
2802
2808
  defaultOpen: t = !1,
2803
2809
  storageKey: r = "ll-debug-open"
2804
2810
  }) {
2805
- const [i, o] = L(t), [l, c] = L([]), [u, f] = L(""), [y, b] = L(!1), s = A(/* @__PURE__ */ new Set()), a = A([]), x = A(y);
2806
- x.current = y, N(() => {
2811
+ const [i, o] = L(t), [l, c] = L([]), [u, f] = L(""), [y, b] = L(!1), s = E(/* @__PURE__ */ new Set()), a = E([]), x = E(y);
2812
+ x.current = y, A(() => {
2807
2813
  try {
2808
2814
  const v = localStorage.getItem(r);
2809
2815
  v === "1" && o(!0), v === "0" && o(!1);
2810
2816
  } catch {
2811
2817
  }
2812
- }, [r]), N(() => {
2818
+ }, [r]), A(() => {
2813
2819
  try {
2814
2820
  localStorage.setItem(r, i ? "1" : "0");
2815
2821
  } catch {
2816
2822
  }
2817
- }, [i, r]), N(() => {
2823
+ }, [i, r]), A(() => {
2818
2824
  const v = (w) => {
2819
2825
  (w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), o((O) => !O));
2820
2826
  };
2821
2827
  return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
2822
- }, []), N(() => {
2828
+ }, []), A(() => {
2823
2829
  const v = setInterval(() => {
2824
2830
  if (a.current.length === 0 || x.current) return;
2825
2831
  const w = a.current.splice(0, a.current.length);
@@ -2829,27 +2835,27 @@ function Ur({
2829
2835
  }, 100);
2830
2836
  return () => clearInterval(v);
2831
2837
  }, []);
2832
- const E = A(!1);
2833
- if (N(() => {
2834
- !e || E.current || (E.current = !0, e((v) => {
2838
+ const N = E(!1);
2839
+ if (A(() => {
2840
+ !e || N.current || (N.current = !0, e((v) => {
2835
2841
  a.current.push({
2836
- id: Zt++,
2842
+ id: tn++,
2837
2843
  ts: Date.now(),
2838
2844
  kind: "event",
2839
2845
  type: v.eventName,
2840
2846
  data: v.data
2841
2847
  });
2842
2848
  }));
2843
- }, [e]), N(() => {
2849
+ }, [e]), A(() => {
2844
2850
  const v = console.warn, w = console.log, O = (I, q) => function(...m) {
2845
2851
  try {
2846
2852
  const R = typeof m[0] == "string" ? m[0] : "";
2847
2853
  R.startsWith("[LiveLayer]") && a.current.push({
2848
- id: Zt++,
2854
+ id: tn++,
2849
2855
  ts: Date.now(),
2850
2856
  kind: I,
2851
2857
  type: R.slice(0, 120),
2852
- data: { args: m.slice(1).map((W) => Tr(W)) }
2858
+ data: { args: m.slice(1).map((W) => Dr(W)) }
2853
2859
  });
2854
2860
  } catch {
2855
2861
  }
@@ -2936,7 +2942,7 @@ function Ur({
2936
2942
  {
2937
2943
  type: "button",
2938
2944
  onClick: () => b((v) => !v),
2939
- style: bt(y ? "#f59e0b" : "transparent"),
2945
+ style: wt(y ? "#f59e0b" : "transparent"),
2940
2946
  title: "Pause / resume capture",
2941
2947
  children: y ? "▶ resume" : "⏸ pause"
2942
2948
  }
@@ -2948,7 +2954,7 @@ function Ur({
2948
2954
  onClick: () => {
2949
2955
  c([]), a.current = [];
2950
2956
  },
2951
- style: bt("transparent"),
2957
+ style: wt("transparent"),
2952
2958
  title: "Clear buffer",
2953
2959
  children: "clear"
2954
2960
  }
@@ -2958,7 +2964,7 @@ function Ur({
2958
2964
  {
2959
2965
  type: "button",
2960
2966
  onClick: () => o(!1),
2961
- style: bt("transparent"),
2967
+ style: wt("transparent"),
2962
2968
  "aria-label": "Close",
2963
2969
  title: "Close (Cmd/Ctrl + Shift + L)",
2964
2970
  children: "✕"
@@ -3025,7 +3031,7 @@ function Ur({
3025
3031
  ]
3026
3032
  }
3027
3033
  ) : C.map((v) => /* @__PURE__ */ n(
3028
- Ir,
3034
+ Pr,
3029
3035
  {
3030
3036
  entry: v,
3031
3037
  expanded: s.current.has(v.id),
@@ -3041,7 +3047,7 @@ function Ur({
3041
3047
  }
3042
3048
  );
3043
3049
  }
3044
- function Ir({
3050
+ function Pr({
3045
3051
  entry: e,
3046
3052
  expanded: t,
3047
3053
  onToggle: r
@@ -3111,7 +3117,7 @@ function Ir({
3111
3117
  }
3112
3118
  );
3113
3119
  }
3114
- function bt(e) {
3120
+ function wt(e) {
3115
3121
  return {
3116
3122
  background: e,
3117
3123
  color: "#fff",
@@ -3122,14 +3128,14 @@ function bt(e) {
3122
3128
  cursor: "pointer"
3123
3129
  };
3124
3130
  }
3125
- function Tr(e) {
3131
+ function Dr(e) {
3126
3132
  try {
3127
3133
  return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
3128
3134
  } catch {
3129
3135
  return String(e);
3130
3136
  }
3131
3137
  }
3132
- function jr() {
3138
+ function Yr() {
3133
3139
  const [e, t] = L([]), r = k((o) => {
3134
3140
  t((l) => {
3135
3141
  const c = l.findIndex((u) => u.id === o.id);
@@ -3148,33 +3154,33 @@ function jr() {
3148
3154
  };
3149
3155
  }
3150
3156
  export {
3151
- Or as AvatarWidget,
3152
- wn as ErrorBoundary,
3153
- Ur as LiveLayerDebugPanel,
3154
- Fr as LiveLayerField,
3155
- Wr as LiveLayerForm,
3156
- Br as LiveLayerRegion,
3157
- qr as LiveLayerWidget,
3158
- gr as clearPageContextCache,
3159
- xr as clearRoutesCache,
3160
- mr as extractPageContext,
3161
- wr as extractRoutes,
3162
- Gt as getCachedPageContext,
3163
- vt as getCachedRoutes,
3164
- Fn as matchesPattern,
3165
- vr as normalizeRouteInput,
3166
- Un as shouldRenderAtPath,
3167
- Nn as useAgentInfo,
3168
- xn as useAudioLevel,
3169
- Sn as useCameraState,
3170
- Mn as useDisplayMode,
3171
- Pn as useDisplayModePersistence,
3172
- $n as useIsMobile,
3173
- _n as useLiveKitSession,
3174
- En as useMediaDevices,
3175
- kn as useMicrophoneState,
3176
- Hn as usePathname,
3177
- jn as useRouteMatch,
3178
- Cn as useScreenShareState,
3179
- jr as useTranscript
3157
+ Br as AvatarWidget,
3158
+ xn as ErrorBoundary,
3159
+ Vr as LiveLayerDebugPanel,
3160
+ jr as LiveLayerField,
3161
+ Ur as LiveLayerForm,
3162
+ Fr as LiveLayerRegion,
3163
+ Wr as LiveLayerWidget,
3164
+ vr as clearPageContextCache,
3165
+ Lr as clearRoutesCache,
3166
+ yr as extractPageContext,
3167
+ xr as extractRoutes,
3168
+ Zt as getCachedPageContext,
3169
+ bt as getCachedRoutes,
3170
+ jn as matchesPattern,
3171
+ wr as normalizeRouteInput,
3172
+ Vn as shouldRenderAtPath,
3173
+ Rn as useAgentInfo,
3174
+ Ln as useAudioLevel,
3175
+ En as useCameraState,
3176
+ Tn as useDisplayMode,
3177
+ $n as useDisplayModePersistence,
3178
+ Hn as useIsMobile,
3179
+ kn as useLiveKitSession,
3180
+ An as useMediaDevices,
3181
+ Sn as useMicrophoneState,
3182
+ qn as usePathname,
3183
+ Yn as useRouteMatch,
3184
+ Nn as useScreenShareState,
3185
+ Yr as useTranscript
3180
3186
  };