@alxxsck/ai-assistant 3.2.0 → 3.3.0

package/dist/ChatWidgetContent-CPYrjWPG.js

@@ -0,0 +1,4772 @@
+import { jsxs as N, jsx as i, Fragment as Ce } from "react/jsx-runtime";
+import * as we from "react";
+import V, { useContext as Ee, createContext as Ue, useId as Qe, useState as F, useMemo as ue, useCallback as U, useEffect as R, useRef as S, useSyncExternalStore as Nn, Fragment as Kt, useReducer as Mr, createRef as ja, useLayoutEffect as ye, forwardRef as _r, createElement as fn, memo as kr } from "react";
+import { Y as be, K as Ne, a as An, y as He, n as et, b as tt, o as oe, c as St, s as Ht, u as At, l as Mt, d as _t, r as Qn, e as za, t as Sn, T as Wa, p as Lr, f as Rr, g as Ir, h as Ga, O as zt, i as Or, j as ze, k as Ft, m as qa, A as er, $ as Ka, q as Ya, V as Za, v as ne, P as Te, w as me, x as kt, L as Q, z as Xa, B as Ja, S as $r, C as Qa, D as eo, E as to, F as Yt, G as Mn, H as Fr, I as _n, J as Se, M as ve, N as st, Q as $e, R as no, U as ro, W as ao, X as oo, Z as Pr, _ as so, a0 as io, a1 as co, a2 as kn, a3 as lo, a4 as uo, a5 as Ln, a6 as Xe, a7 as ho, a8 as fo, a9 as mo, aa as po, ab as go, ac as Dr, ad as Ur, ae as vo, af as wo, ag as yo, ah as bo, ai as xo, aj as Co, ak as Hr, al as Rn, am as Br, an as To, ao as Eo, ap as No, aq as Ao, ar as In, as as So, at as Bt, au as Mo, av as _o, aw as ko, ax as Lo, ay as Ro, az as Io, aA as it, aB as Oo, aC as on, aD as $o, aE as pt, aF as mn } from "./mount-B4JOSFpY.js";
+import { o as Fo, L as Po, a as Do } from "./index-C6_FMpJa.js";
+import { createPortal as Uo } from "react-dom";
+let Ho = "span";
+var Wt = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Wt || {});
+function Bo(e, t) {
+  var n;
+  let { features: r = 1, ...a } = e, o = { ref: t, "aria-hidden": (r & 2) === 2 ? !0 : (n = a["aria-hidden"]) != null ? n : void 0, hidden: (r & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(r & 4) === 4 && (r & 2) !== 2 && { display: "none" } } };
+  return Ne()({ ourProps: o, theirProps: a, slot: {}, defaultTag: Ho, name: "Hidden" });
+}
+let pn = be(Bo), Vo = Ue(void 0);
+function Vr() {
+  return Ee(Vo);
+}
+function jo(e) {
+  return typeof e != "object" || e === null ? !1 : "nodeType" in e;
+}
+function Pe(e) {
+  return jo(e) && "tagName" in e;
+}
+function qe(e) {
+  return Pe(e) && "accessKey" in e;
+}
+function Ge(e) {
+  return Pe(e) && "tabIndex" in e;
+}
+function zo(e) {
+  return Pe(e) && "style" in e;
+}
+function Wo(e) {
+  return qe(e) && e.nodeName === "IFRAME";
+}
+function jr(e) {
+  return qe(e) && e.nodeName === "INPUT";
+}
+function tr(e) {
+  return qe(e) && e.nodeName === "LABEL";
+}
+function Go(e) {
+  return Pe(e) ? e.matches('a[href],audio[controls],button,details,embed,iframe,img[usemap],input:not([type="hidden"]),label,select,textarea,video[controls]') : !1;
+}
+let Zt = Ue(null);
+Zt.displayName = "DescriptionContext";
+function zr() {
+  let e = Ee(Zt);
+  if (e === null) {
+    let t = new Error("You used a <Description /> component, but it is not inside a relevant parent.");
+    throw Error.captureStackTrace && Error.captureStackTrace(t, zr), t;
+  }
+  return e;
+}
+function qo() {
+  var e, t;
+  return (t = (e = Ee(Zt)) == null ? void 0 : e.value) != null ? t : void 0;
+}
+function Ko() {
+  let [e, t] = F([]);
+  return [e.length > 0 ? e.join(" ") : void 0, ue(() => function(n) {
+    let r = oe((o) => (t((c) => [...c, o]), () => t((c) => {
+      let s = c.slice(), l = s.indexOf(o);
+      return l !== -1 && s.splice(l, 1), s;
+    }))), a = ue(() => ({ register: r, slot: n.slot, name: n.name, props: n.props, value: n.value }), [r, n.slot, n.name, n.props, n.value]);
+    return V.createElement(Zt.Provider, { value: a }, n.children);
+  }, [t])];
+}
+let Yo = "p";
+function Zo(e, t) {
+  let n = Qe(), r = An(), { id: a = `headlessui-description-${n}`, ...o } = e, c = zr(), s = He(t);
+  et(() => c.register(a), [a, c.register]);
+  let l = tt({ ...c.slot, disabled: r || !1 }), u = { ref: s, ...c.props, id: a };
+  return Ne()({ ourProps: u, theirProps: o, slot: l, defaultTag: Yo, name: c.name || "Description" });
+}
+let Xo = be(Zo), Jo = Object.assign(Xo, {});
+var Wr = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(Wr || {});
+let On = Ue(null);
+On.displayName = "LabelContext";
+function Gr() {
+  let e = Ee(On);
+  if (e === null) {
+    let t = new Error("You used a <Label /> component, but it is not inside a relevant parent.");
+    throw Error.captureStackTrace && Error.captureStackTrace(t, Gr), t;
+  }
+  return e;
+}
+function Qo(e) {
+  var t, n, r;
+  let a = (n = (t = Ee(On)) == null ? void 0 : t.value) != null ? n : void 0;
+  return ((r = void 0) != null ? r : 0) > 0 ? [a, ...e].filter(Boolean).join(" ") : a;
+}
+let es = "label";
+function ts(e, t) {
+  var n;
+  let r = Qe(), a = Gr(), o = Vr(), c = An(), { id: s = `headlessui-label-${r}`, htmlFor: l = o ?? ((n = a.props) == null ? void 0 : n.htmlFor), passive: u = !1, ...w } = e, p = He(t);
+  et(() => a.register(s), [s, a.register]);
+  let d = oe((g) => {
+    let b = g.currentTarget;
+    if (!(g.target !== g.currentTarget && Go(g.target)) && (tr(b) && g.preventDefault(), a.props && "onClick" in a.props && typeof a.props.onClick == "function" && a.props.onClick(g), tr(b))) {
+      let C = document.getElementById(b.htmlFor);
+      if (C) {
+        let v = C.getAttribute("disabled");
+        if (v === "true" || v === "") return;
+        let y = C.getAttribute("aria-disabled");
+        if (y === "true" || y === "") return;
+        (jr(C) && (C.type === "file" || C.type === "radio" || C.type === "checkbox") || C.role === "radio" || C.role === "checkbox" || C.role === "switch") && C.click(), C.focus({ preventScroll: !0 });
+      }
+    }
+  }), h = tt({ ...a.slot, disabled: c || !1 }), m = { ref: p, ...a.props, id: s, htmlFor: l, onClick: d };
+  return u && ("onClick" in m && (delete m.htmlFor, delete m.onClick), "onClick" in w && delete w.onClick), Ne()({ ourProps: m, theirProps: w, slot: h, defaultTag: l ? es : "div", name: a.name || "Label" });
+}
+let ns = be(ts);
+Object.assign(ns, {});
+let rs = Ue(() => {
+});
+function as({ value: e, children: t }) {
+  return V.createElement(rs.Provider, { value: e }, t);
+}
+let qr = class extends Map {
+  constructor(t) {
+    super(), this.factory = t;
+  }
+  get(t) {
+    let n = super.get(t);
+    return n === void 0 && (n = this.factory(t), this.set(t, n)), n;
+  }
+};
+var os = Object.defineProperty, ss = (e, t, n) => t in e ? os(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, is = (e, t, n) => (ss(e, t + "", n), n), Kr = (e, t, n) => {
+  if (!t.has(e)) throw TypeError("Cannot " + n);
+}, xe = (e, t, n) => (Kr(e, t, "read from private field"), n ? n.call(e) : t.get(e)), sn = (e, t, n) => {
+  if (t.has(e)) throw TypeError("Cannot add the same private member more than once");
+  t instanceof WeakSet ? t.add(e) : t.set(e, n);
+}, nr = (e, t, n, r) => (Kr(e, t, "write to private field"), t.set(e, n), n), Le, bt, xt;
+let cs = class {
+  constructor(t) {
+    sn(this, Le, {}), sn(this, bt, new qr(() => /* @__PURE__ */ new Set())), sn(this, xt, /* @__PURE__ */ new Set()), is(this, "disposables", St()), nr(this, Le, t), Ht.isServer && this.disposables.microTask(() => {
+      this.dispose();
+    });
+  }
+  dispose() {
+    this.disposables.dispose();
+  }
+  get state() {
+    return xe(this, Le);
+  }
+  subscribe(t, n) {
+    if (Ht.isServer) return () => {
+    };
+    let r = { selector: t, callback: n, current: t(xe(this, Le)) };
+    return xe(this, xt).add(r), this.disposables.add(() => {
+      xe(this, xt).delete(r);
+    });
+  }
+  on(t, n) {
+    return Ht.isServer ? () => {
+    } : (xe(this, bt).get(t).add(n), this.disposables.add(() => {
+      xe(this, bt).get(t).delete(n);
+    }));
+  }
+  send(t) {
+    let n = this.reduce(xe(this, Le), t);
+    if (n !== xe(this, Le)) {
+      nr(this, Le, n);
+      for (let r of xe(this, xt)) {
+        let a = r.selector(xe(this, Le));
+        Yr(r.current, a) || (r.current = a, r.callback(a));
+      }
+      for (let r of xe(this, bt).get(t.type)) r(xe(this, Le), t);
+    }
+  }
+};
+Le = /* @__PURE__ */ new WeakMap(), bt = /* @__PURE__ */ new WeakMap(), xt = /* @__PURE__ */ new WeakMap();
+function Yr(e, t) {
+  return Object.is(e, t) ? !0 : typeof e != "object" || e === null || typeof t != "object" || t === null ? !1 : Array.isArray(e) && Array.isArray(t) ? e.length !== t.length ? !1 : cn(e[Symbol.iterator](), t[Symbol.iterator]()) : e instanceof Map && t instanceof Map || e instanceof Set && t instanceof Set ? e.size !== t.size ? !1 : cn(e.entries(), t.entries()) : rr(e) && rr(t) ? cn(Object.entries(e)[Symbol.iterator](), Object.entries(t)[Symbol.iterator]()) : !1;
+}
+function cn(e, t) {
+  do {
+    let n = e.next(), r = t.next();
+    if (n.done && r.done) return !0;
+    if (n.done || r.done || !Object.is(n.value, r.value)) return !1;
+  } while (!0);
+}
+function rr(e) {
+  if (Object.prototype.toString.call(e) !== "[object Object]") return !1;
+  let t = Object.getPrototypeOf(e);
+  return t === null || Object.getPrototypeOf(t) === null;
+}
+var ls = Object.defineProperty, us = (e, t, n) => t in e ? ls(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ar = (e, t, n) => (us(e, typeof t != "symbol" ? t + "" : t, n), n), ds = ((e) => (e[e.Push = 0] = "Push", e[e.Pop = 1] = "Pop", e))(ds || {});
+let hs = { 0(e, t) {
+  let n = t.id, r = e.stack, a = e.stack.indexOf(n);
+  if (a !== -1) {
+    let o = e.stack.slice();
+    return o.splice(a, 1), o.push(n), r = o, { ...e, stack: r };
+  }
+  return { ...e, stack: [...e.stack, n] };
+}, 1(e, t) {
+  let n = t.id, r = e.stack.indexOf(n);
+  if (r === -1) return e;
+  let a = e.stack.slice();
+  return a.splice(r, 1), { ...e, stack: a };
+} }, fs = class Zr extends cs {
+  constructor() {
+    super(...arguments), ar(this, "actions", { push: (t) => this.send({ type: 0, id: t }), pop: (t) => this.send({ type: 1, id: t }) }), ar(this, "selectors", { isTop: (t, n) => t.stack[t.stack.length - 1] === n, inStack: (t, n) => t.stack.includes(n) });
+  }
+  static new() {
+    return new Zr({ stack: [] });
+  }
+  reduce(t, n) {
+    return At(n.type, hs, t, n);
+  }
+};
+const Xr = new qr(() => fs.new());
+var Pt = { exports: {} }, ln = {};
+var or;
+function ms() {
+  if (or) return ln;
+  or = 1;
+  var e = V;
+  function t(l, u) {
+    return l === u && (l !== 0 || 1 / l === 1 / u) || l !== l && u !== u;
+  }
+  var n = typeof Object.is == "function" ? Object.is : t, r = e.useSyncExternalStore, a = e.useRef, o = e.useEffect, c = e.useMemo, s = e.useDebugValue;
+  return ln.useSyncExternalStoreWithSelector = function(l, u, w, p, d) {
+    var h = a(null);
+    if (h.current === null) {
+      var m = { hasValue: !1, value: null };
+      h.current = m;
+    } else m = h.current;
+    h = c(
+      function() {
+        function b(E) {
+          if (!C) {
+            if (C = !0, v = E, E = p(E), d !== void 0 && m.hasValue) {
+              var A = m.value;
+              if (d(A, E))
+                return y = A;
+            }
+            return y = E;
+          }
+          if (A = y, n(v, E)) return A;
+          var _ = p(E);
+          return d !== void 0 && d(A, _) ? (v = E, A) : (v = E, y = _);
+        }
+        var C = !1, v, y, T = w === void 0 ? null : w;
+        return [
+          function() {
+            return b(u());
+          },
+          T === null ? void 0 : function() {
+            return b(T());
+          }
+        ];
+      },
+      [u, w, p, d]
+    );
+    var g = r(l, h[0], h[1]);
+    return o(
+      function() {
+        m.hasValue = !0, m.value = g;
+      },
+      [g]
+    ), s(g), g;
+  }, ln;
+}
+var un = {};
+var sr;
+function ps() {
+  return sr || (sr = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(l, u) {
+      return l === u && (l !== 0 || 1 / l === 1 / u) || l !== l && u !== u;
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var t = V, n = typeof Object.is == "function" ? Object.is : e, r = t.useSyncExternalStore, a = t.useRef, o = t.useEffect, c = t.useMemo, s = t.useDebugValue;
+    un.useSyncExternalStoreWithSelector = function(l, u, w, p, d) {
+      var h = a(null);
+      if (h.current === null) {
+        var m = { hasValue: !1, value: null };
+        h.current = m;
+      } else m = h.current;
+      h = c(
+        function() {
+          function b(E) {
+            if (!C) {
+              if (C = !0, v = E, E = p(E), d !== void 0 && m.hasValue) {
+                var A = m.value;
+                if (d(A, E))
+                  return y = A;
+              }
+              return y = E;
+            }
+            if (A = y, n(v, E))
+              return A;
+            var _ = p(E);
+            return d !== void 0 && d(A, _) ? (v = E, A) : (v = E, y = _);
+          }
+          var C = !1, v, y, T = w === void 0 ? null : w;
+          return [
+            function() {
+              return b(u());
+            },
+            T === null ? void 0 : function() {
+              return b(T());
+            }
+          ];
+        },
+        [u, w, p, d]
+      );
+      var g = r(l, h[0], h[1]);
+      return o(
+        function() {
+          m.hasValue = !0, m.value = g;
+        },
+        [g]
+      ), s(g), g;
+    }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), un;
+}
+var ir;
+function gs() {
+  return ir || (ir = 1, process.env.NODE_ENV === "production" ? Pt.exports = ms() : Pt.exports = ps()), Pt.exports;
+}
+var vs = gs();
+function Jr(e, t, n = Yr) {
+  return vs.useSyncExternalStoreWithSelector(oe((r) => e.subscribe(ws, r)), oe(() => e.state), oe(() => e.state), oe(t), n);
+}
+function ws(e) {
+  return e;
+}
+function Lt(e, t) {
+  let n = Qe(), r = Xr.get(t), [a, o] = Jr(r, U((c) => [r.selectors.isTop(c, n), r.selectors.inStack(c, n)], [r, n]));
+  return et(() => {
+    if (e) return r.actions.push(n), () => r.actions.pop(n);
+  }, [r, e, n]), e ? o ? a : !0 : !1;
+}
+let gn = /* @__PURE__ */ new Map(), Tt = /* @__PURE__ */ new Map();
+function cr(e) {
+  var t;
+  let n = (t = Tt.get(e)) != null ? t : 0;
+  return Tt.set(e, n + 1), n !== 0 ? () => lr(e) : (gn.set(e, { "aria-hidden": e.getAttribute("aria-hidden"), inert: e.inert }), e.setAttribute("aria-hidden", "true"), e.inert = !0, () => lr(e));
+}
+function lr(e) {
+  var t;
+  let n = (t = Tt.get(e)) != null ? t : 1;
+  if (n === 1 ? Tt.delete(e) : Tt.set(e, n - 1), n !== 1) return;
+  let r = gn.get(e);
+  r && (r["aria-hidden"] === null ? e.removeAttribute("aria-hidden") : e.setAttribute("aria-hidden", r["aria-hidden"]), e.inert = r.inert, gn.delete(e));
+}
+function ys(e, { allowed: t, disallowed: n } = {}) {
+  let r = Lt(e, "inert-others");
+  et(() => {
+    var a, o;
+    if (!r) return;
+    let c = St();
+    for (let l of (a = n?.()) != null ? a : []) l && c.add(cr(l));
+    let s = (o = t?.()) != null ? o : [];
+    for (let l of s) {
+      if (!l) continue;
+      let u = Mt(l);
+      if (!u) continue;
+      let w = l.parentElement;
+      for (; w && w !== u.body; ) {
+        for (let p of w.children) s.some((d) => p.contains(d)) || c.add(cr(p));
+        w = w.parentElement;
+      }
+    }
+    return c.dispose;
+  }, [r, t, n]);
+}
+function bs(e, t, n) {
+  let r = _t((a) => {
+    let o = a.getBoundingClientRect();
+    o.x === 0 && o.y === 0 && o.width === 0 && o.height === 0 && n();
+  });
+  R(() => {
+    if (!e) return;
+    let a = t === null ? null : qe(t) ? t : t.current;
+    if (!a) return;
+    let o = St();
+    if (typeof ResizeObserver < "u") {
+      let c = new ResizeObserver(() => r.current(a));
+      c.observe(a), o.add(() => c.disconnect());
+    }
+    if (typeof IntersectionObserver < "u") {
+      let c = new IntersectionObserver(() => r.current(a));
+      c.observe(a), o.add(() => c.disconnect());
+    }
+    return () => o.dispose();
+  }, [t, r, e]);
+}
+let Gt = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "details>summary", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), xs = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
+var Fe = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e[e.AutoFocus = 64] = "AutoFocus", e))(Fe || {}), vn = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(vn || {}), Cs = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Cs || {});
+function Ts(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(Gt)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+function Es(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(xs)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+var Qr = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(Qr || {});
+function Ns(e, t = 0) {
+  var n;
+  return e === ((n = Mt(e)) == null ? void 0 : n.body) ? !1 : At(t, { 0() {
+    return e.matches(Gt);
+  }, 1() {
+    let r = e;
+    for (; r !== null; ) {
+      if (r.matches(Gt)) return !0;
+      r = r.parentElement;
+    }
+    return !1;
+  } });
+}
+var As = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(As || {});
+typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (e) => {
+  e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, !0), document.addEventListener("click", (e) => {
+  e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, !0));
+function De(e) {
+  e?.focus({ preventScroll: !0 });
+}
+let Ss = ["textarea", "input"].join(",");
+function Ms(e) {
+  var t, n;
+  return (n = (t = e?.matches) == null ? void 0 : t.call(e, Ss)) != null ? n : !1;
+}
+function _s(e, t = (n) => n) {
+  return e.slice().sort((n, r) => {
+    let a = t(n), o = t(r);
+    if (a === null || o === null) return 0;
+    let c = a.compareDocumentPosition(o);
+    return c & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : c & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+  });
+}
+function Et(e, t, { sorted: n = !0, relativeTo: r = null, skipElements: a = [] } = {}) {
+  let o = Array.isArray(e) ? e.length > 0 ? Qn(e[0]) : document : Qn(e), c = Array.isArray(e) ? n ? _s(e) : e : t & 64 ? Es(e) : Ts(e);
+  a.length > 0 && c.length > 1 && (c = c.filter((h) => !a.some((m) => m != null && "current" in m ? m?.current === h : m === h))), r = r ?? o?.activeElement;
+  let s = (() => {
+    if (t & 5) return 1;
+    if (t & 10) return -1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), l = (() => {
+    if (t & 1) return 0;
+    if (t & 2) return Math.max(0, c.indexOf(r)) - 1;
+    if (t & 4) return Math.max(0, c.indexOf(r)) + 1;
+    if (t & 8) return c.length - 1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), u = t & 32 ? { preventScroll: !0 } : {}, w = 0, p = c.length, d;
+  do {
+    if (w >= p || w + p <= 0) return 0;
+    let h = l + w;
+    if (t & 16) h = (h + p) % p;
+    else {
+      if (h < 0) return 3;
+      if (h >= p) return 1;
+    }
+    d = c[h], d?.focus(u), w += s;
+  } while (d !== za(d));
+  return t & 6 && Ms(d) && d.select(), 2;
+}
+function ea() {
+  return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
+}
+function ks() {
+  return /Android/gi.test(window.navigator.userAgent);
+}
+function ur() {
+  return ea() || ks();
+}
+function Dt(e, t, n, r) {
+  let a = _t(n);
+  R(() => {
+    if (!e) return;
+    function o(c) {
+      a.current(c);
+    }
+    return document.addEventListener(t, o, r), () => document.removeEventListener(t, o, r);
+  }, [e, t, r]);
+}
+function ta(e, t, n, r) {
+  let a = _t(n);
+  R(() => {
+    if (!e) return;
+    function o(c) {
+      a.current(c);
+    }
+    return window.addEventListener(t, o, r), () => window.removeEventListener(t, o, r);
+  }, [e, t, r]);
+}
+const dr = 30;
+function Ls(e, t, n) {
+  let r = _t(n), a = U(function(s, l) {
+    if (s.defaultPrevented) return;
+    let u = l(s);
+    if (u === null || !u.getRootNode().contains(u) || !u.isConnected) return;
+    let w = (function p(d) {
+      return typeof d == "function" ? p(d()) : Array.isArray(d) || d instanceof Set ? d : [d];
+    })(t);
+    for (let p of w) if (p !== null && (p.contains(u) || s.composed && s.composedPath().includes(p))) return;
+    return !Ns(u, Qr.Loose) && u.tabIndex !== -1 && s.preventDefault(), r.current(s, u);
+  }, [r, t]), o = S(null);
+  Dt(e, "pointerdown", (s) => {
+    var l, u;
+    ur() || (o.current = ((u = (l = s.composedPath) == null ? void 0 : l.call(s)) == null ? void 0 : u[0]) || s.target);
+  }, !0), Dt(e, "pointerup", (s) => {
+    if (ur() || !o.current) return;
+    let l = o.current;
+    return o.current = null, a(s, () => l);
+  }, !0);
+  let c = S({ x: 0, y: 0 });
+  Dt(e, "touchstart", (s) => {
+    c.current.x = s.touches[0].clientX, c.current.y = s.touches[0].clientY;
+  }, !0), Dt(e, "touchend", (s) => {
+    let l = { x: s.changedTouches[0].clientX, y: s.changedTouches[0].clientY };
+    if (!(Math.abs(l.x - c.current.x) >= dr || Math.abs(l.y - c.current.y) >= dr)) return a(s, () => Ge(s.target) ? s.target : null);
+  }, !0), ta(e, "blur", (s) => a(s, () => Wo(window.document.activeElement) ? window.document.activeElement : null), !0);
+}
+function $n(...e) {
+  return ue(() => Mt(...e), [...e]);
+}
+function na(e, t, n, r) {
+  let a = _t(n);
+  R(() => {
+    e = e ?? window;
+    function o(c) {
+      a.current(c);
+    }
+    return e.addEventListener(t, o, r), () => e.removeEventListener(t, o, r);
+  }, [e, t, r]);
+}
+function Rs(e) {
+  return Nn(e.subscribe, e.getSnapshot, e.getSnapshot);
+}
+function Is(e, t) {
+  let n = e(), r = /* @__PURE__ */ new Set();
+  return { getSnapshot() {
+    return n;
+  }, subscribe(a) {
+    return r.add(a), () => r.delete(a);
+  }, dispatch(a, ...o) {
+    let c = t[a].call(n, ...o);
+    c && (n = c, r.forEach((s) => s()));
+  } };
+}
+function Os() {
+  let e;
+  return { before({ doc: t }) {
+    var n;
+    let r = t.documentElement, a = (n = t.defaultView) != null ? n : window;
+    e = Math.max(0, a.innerWidth - r.clientWidth);
+  }, after({ doc: t, d: n }) {
+    let r = t.documentElement, a = Math.max(0, r.clientWidth - r.offsetWidth), o = Math.max(0, e - a);
+    n.style(r, "paddingRight", `${o}px`);
+  } };
+}
+function $s() {
+  return ea() ? { before({ doc: e, d: t, meta: n }) {
+    function r(a) {
+      for (let o of n().containers) for (let c of o()) if (c.contains(a)) return !0;
+      return !1;
+    }
+    t.microTask(() => {
+      var a;
+      if (window.getComputedStyle(e.documentElement).scrollBehavior !== "auto") {
+        let s = St();
+        s.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => s.dispose()));
+      }
+      let o = (a = window.scrollY) != null ? a : window.pageYOffset, c = null;
+      t.addEventListener(e, "click", (s) => {
+        if (Ge(s.target)) try {
+          let l = s.target.closest("a");
+          if (!l) return;
+          let { hash: u } = new URL(l.href), w = e.querySelector(u);
+          Ge(w) && !r(w) && (c = w);
+        } catch {
+        }
+      }, !0), t.group((s) => {
+        t.addEventListener(e, "touchstart", (l) => {
+          if (s.dispose(), Ge(l.target) && zo(l.target)) if (r(l.target)) {
+            let u = l.target;
+            for (; u.parentElement && r(u.parentElement); ) u = u.parentElement;
+            s.style(u, "overscrollBehavior", "contain");
+          } else s.style(l.target, "touchAction", "none");
+        });
+      }), t.addEventListener(e, "touchmove", (s) => {
+        if (Ge(s.target)) {
+          if (jr(s.target)) return;
+          if (r(s.target)) {
+            let l = s.target;
+            for (; l.parentElement && l.dataset.headlessuiPortal !== "" && !(l.scrollHeight > l.clientHeight || l.scrollWidth > l.clientWidth); ) l = l.parentElement;
+            l.dataset.headlessuiPortal === "" && s.preventDefault();
+          } else s.preventDefault();
+        }
+      }, { passive: !1 }), t.add(() => {
+        var s;
+        let l = (s = window.scrollY) != null ? s : window.pageYOffset;
+        o !== l && window.scrollTo(0, o), c && c.isConnected && (c.scrollIntoView({ block: "nearest" }), c = null);
+      });
+    });
+  } } : {};
+}
+function Fs() {
+  return { before({ doc: e, d: t }) {
+    t.style(e.documentElement, "overflow", "hidden");
+  } };
+}
+function hr(e) {
+  let t = {};
+  for (let n of e) Object.assign(t, n(t));
+  return t;
+}
+let Je = Is(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
+  var n;
+  let r = (n = this.get(e)) != null ? n : { doc: e, count: 0, d: St(), meta: /* @__PURE__ */ new Set(), computedMeta: {} };
+  return r.count++, r.meta.add(t), r.computedMeta = hr(r.meta), this.set(e, r), this;
+}, POP(e, t) {
+  let n = this.get(e);
+  return n && (n.count--, n.meta.delete(t), n.computedMeta = hr(n.meta)), this;
+}, SCROLL_PREVENT(e) {
+  let t = { doc: e.doc, d: e.d, meta() {
+    return e.computedMeta;
+  } }, n = [$s(), Os(), Fs()];
+  n.forEach(({ before: r }) => r?.(t)), n.forEach(({ after: r }) => r?.(t));
+}, SCROLL_ALLOW({ d: e }) {
+  e.dispose();
+}, TEARDOWN({ doc: e }) {
+  this.delete(e);
+} });
+Je.subscribe(() => {
+  let e = Je.getSnapshot(), t = /* @__PURE__ */ new Map();
+  for (let [n] of e) t.set(n, n.documentElement.style.overflow);
+  for (let n of e.values()) {
+    let r = t.get(n.doc) === "hidden", a = n.count !== 0;
+    (a && !r || !a && r) && Je.dispatch(n.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", n), n.count === 0 && Je.dispatch("TEARDOWN", n);
+  }
+});
+function Ps(e, t, n = () => ({ containers: [] })) {
+  let r = Rs(Je), a = t ? r.get(t) : void 0, o = a ? a.count > 0 : !1;
+  return et(() => {
+    if (!(!t || !e)) return Je.dispatch("PUSH", t, n), () => Je.dispatch("POP", t, n);
+  }, [e, t]), o;
+}
+function Ds(e, t, n = () => [document.body]) {
+  let r = Lt(e, "scroll-lock");
+  Ps(r, t, (a) => {
+    var o;
+    return { containers: [...(o = a.containers) != null ? o : [], n] };
+  });
+}
+function Fn(e, t) {
+  let n = S([]), r = oe(e);
+  R(() => {
+    let a = [...n.current];
+    for (let [o, c] of t.entries()) if (n.current[o] !== c) {
+      let s = r(t, a);
+      return n.current = t, s;
+    }
+  }, [r, ...t]);
+}
+function Us(e) {
+  function t() {
+    document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", t));
+  }
+  typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", t), t());
+}
+let We = [];
+Us(() => {
+  function e(t) {
+    if (!Ge(t.target) || t.target === document.body || We[0] === t.target) return;
+    let n = t.target;
+    n = n.closest(Gt), We.unshift(n ?? t.target), We = We.filter((r) => r != null && r.isConnected), We.splice(10);
+  }
+  window.addEventListener("click", e, { capture: !0 }), window.addEventListener("mousedown", e, { capture: !0 }), window.addEventListener("focus", e, { capture: !0 }), document.body.addEventListener("click", e, { capture: !0 }), document.body.addEventListener("mousedown", e, { capture: !0 }), document.body.addEventListener("focus", e, { capture: !0 });
+});
+function ra(e) {
+  let t = oe(e), n = S(!1);
+  R(() => (n.current = !1, () => {
+    n.current = !0, Sn(() => {
+      n.current && t();
+    });
+  }), [t]);
+}
+let aa = Ue(!1);
+function Hs() {
+  return Ee(aa);
+}
+function fr(e) {
+  return V.createElement(aa.Provider, { value: e.force }, e.children);
+}
+function Bs(e) {
+  let t = Hs(), n = Ee(sa), [r, a] = F(() => {
+    var o;
+    if (!t && n !== null) return (o = n.current) != null ? o : null;
+    if (Ht.isServer) return null;
+    let c = e?.getElementById("headlessui-portal-root");
+    if (c) return c;
+    if (e === null) return null;
+    let s = e.createElement("div");
+    return s.setAttribute("id", "headlessui-portal-root"), e.body.appendChild(s);
+  });
+  return R(() => {
+    r !== null && (e != null && e.body.contains(r) || e == null || e.body.appendChild(r));
+  }, [r, e]), R(() => {
+    t || n !== null && a(n.current);
+  }, [n, a, t]), r;
+}
+let oa = Kt, Vs = be(function(e, t) {
+  let { ownerDocument: n = null, ...r } = e, a = S(null), o = He(Wa((d) => {
+    a.current = d;
+  }), t), c = $n(a.current), s = n ?? c, l = Bs(s), u = Ee(wn), w = Lr(), p = Ne();
+  return ra(() => {
+    var d;
+    l && l.childNodes.length <= 0 && ((d = l.parentElement) == null || d.removeChild(l));
+  }), l ? Uo(V.createElement("div", { "data-headlessui-portal": "", ref: (d) => {
+    w.dispose(), u && d && w.add(u.register(d));
+  } }, p({ ourProps: { ref: o }, theirProps: r, slot: {}, defaultTag: oa, name: "Portal" })), l) : null;
+});
+function js(e, t) {
+  let n = He(t), { enabled: r = !0, ownerDocument: a, ...o } = e, c = Ne();
+  return r ? V.createElement(Vs, { ...o, ownerDocument: a, ref: n }) : c({ ourProps: { ref: n }, theirProps: o, slot: {}, defaultTag: oa, name: "Portal" });
+}
+let zs = Kt, sa = Ue(null);
+function Ws(e, t) {
+  let { target: n, ...r } = e, a = { ref: He(t) }, o = Ne();
+  return V.createElement(sa.Provider, { value: n }, o({ ourProps: a, theirProps: r, defaultTag: zs, name: "Popover.Group" }));
+}
+let wn = Ue(null);
+function Gs() {
+  let e = Ee(wn), t = S([]), n = oe((o) => (t.current.push(o), e && e.register(o), () => r(o))), r = oe((o) => {
+    let c = t.current.indexOf(o);
+    c !== -1 && t.current.splice(c, 1), e && e.unregister(o);
+  }), a = ue(() => ({ register: n, unregister: r, portals: t }), [n, r, t]);
+  return [t, ue(() => function({ children: o }) {
+    return V.createElement(wn.Provider, { value: a }, o);
+  }, [a])];
+}
+let qs = be(js), ia = be(Ws), Ks = Object.assign(qs, { Group: ia });
+function Ys(e, t = typeof document < "u" ? document.defaultView : null, n) {
+  let r = Lt(e, "escape");
+  na(t, "keydown", (a) => {
+    r && (a.defaultPrevented || a.key === Wr.Escape && n(a));
+  });
+}
+function Zs() {
+  var e;
+  let [t] = F(() => typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(pointer: coarse)") : null), [n, r] = F((e = t?.matches) != null ? e : !1);
+  return et(() => {
+    if (!t) return;
+    function a(o) {
+      r(o.matches);
+    }
+    return t.addEventListener("change", a), () => t.removeEventListener("change", a);
+  }, [t]), n;
+}
+function Xs({ defaultContainers: e = [], portals: t, mainTreeNode: n } = {}) {
+  let r = oe(() => {
+    var a, o;
+    let c = Mt(n), s = [];
+    for (let l of e) l !== null && (Pe(l) ? s.push(l) : "current" in l && Pe(l.current) && s.push(l.current));
+    if (t != null && t.current) for (let l of t.current) s.push(l);
+    for (let l of (a = c?.querySelectorAll("html > *, body > *")) != null ? a : []) l !== document.body && l !== document.head && Pe(l) && l.id !== "headlessui-portal-root" && (n && (l.contains(n) || l.contains((o = n?.getRootNode()) == null ? void 0 : o.host)) || s.some((u) => l.contains(u)) || s.push(l));
+    return s;
+  });
+  return { resolveContainers: r, contains: oe((a) => r().some((o) => o.contains(a))) };
+}
+let ca = Ue(null);
+function mr({ children: e, node: t }) {
+  let [n, r] = F(null), a = la(t ?? n);
+  return V.createElement(ca.Provider, { value: a }, e, a === null && V.createElement(pn, { features: Wt.Hidden, ref: (o) => {
+    var c, s;
+    if (o) {
+      for (let l of (s = (c = Mt(o)) == null ? void 0 : c.querySelectorAll("html > *, body > *")) != null ? s : []) if (l !== document.body && l !== document.head && Pe(l) && l != null && l.contains(o)) {
+        r(l);
+        break;
+      }
+    }
+  } }));
+}
+function la(e = null) {
+  var t;
+  return (t = Ee(ca)) != null ? t : e;
+}
+var Ct = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Ct || {});
+function Js() {
+  let e = S(0);
+  return ta(!0, "keydown", (t) => {
+    t.key === "Tab" && (e.current = t.shiftKey ? 1 : 0);
+  }, !0), e;
+}
+function ua(e) {
+  if (!e) return /* @__PURE__ */ new Set();
+  if (typeof e == "function") return new Set(e());
+  let t = /* @__PURE__ */ new Set();
+  for (let n of e.current) Pe(n.current) && t.add(n.current);
+  return t;
+}
+let Qs = "div";
+var Ze = ((e) => (e[e.None = 0] = "None", e[e.InitialFocus = 1] = "InitialFocus", e[e.TabLock = 2] = "TabLock", e[e.FocusLock = 4] = "FocusLock", e[e.RestoreFocus = 8] = "RestoreFocus", e[e.AutoFocus = 16] = "AutoFocus", e))(Ze || {});
+function ei(e, t) {
+  let n = S(null), r = He(n, t), { initialFocus: a, initialFocusFallback: o, containers: c, features: s = 15, ...l } = e;
+  Rr() || (s = 0);
+  let u = $n(n.current);
+  ai(s, { ownerDocument: u });
+  let w = oi(s, { ownerDocument: u, container: n, initialFocus: a, initialFocusFallback: o });
+  si(s, { ownerDocument: u, container: n, containers: c, previousActiveElement: w });
+  let p = Js(), d = oe((v) => {
+    if (!qe(n.current)) return;
+    let y = n.current;
+    ((T) => T())(() => {
+      At(p.current, { [Ct.Forwards]: () => {
+        Et(y, Fe.First, { skipElements: [v.relatedTarget, o] });
+      }, [Ct.Backwards]: () => {
+        Et(y, Fe.Last, { skipElements: [v.relatedTarget, o] });
+      } });
+    });
+  }), h = Lt(!!(s & 2), "focus-trap#tab-lock"), m = Lr(), g = S(!1), b = { ref: r, onKeyDown(v) {
+    v.key == "Tab" && (g.current = !0, m.requestAnimationFrame(() => {
+      g.current = !1;
+    }));
+  }, onBlur(v) {
+    if (!(s & 4)) return;
+    let y = ua(c);
+    qe(n.current) && y.add(n.current);
+    let T = v.relatedTarget;
+    Ge(T) && T.dataset.headlessuiFocusGuard !== "true" && (da(y, T) || (g.current ? Et(n.current, At(p.current, { [Ct.Forwards]: () => Fe.Next, [Ct.Backwards]: () => Fe.Previous }) | Fe.WrapAround, { relativeTo: v.target }) : Ge(v.target) && De(v.target)));
+  } }, C = Ne();
+  return V.createElement(V.Fragment, null, h && V.createElement(pn, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Wt.Focusable }), C({ ourProps: b, theirProps: l, defaultTag: Qs, name: "FocusTrap" }), h && V.createElement(pn, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Wt.Focusable }));
+}
+let ti = be(ei), ni = Object.assign(ti, { features: Ze });
+function ri(e = !0) {
+  let t = S(We.slice());
+  return Fn(([n], [r]) => {
+    r === !0 && n === !1 && Sn(() => {
+      t.current.splice(0);
+    }), r === !1 && n === !0 && (t.current = We.slice());
+  }, [e, We, t]), oe(() => {
+    var n;
+    return (n = t.current.find((r) => r != null && r.isConnected)) != null ? n : null;
+  });
+}
+function ai(e, { ownerDocument: t }) {
+  let n = !!(e & 8), r = ri(n);
+  Fn(() => {
+    n || Ga(t?.body) && De(r());
+  }, [n]), ra(() => {
+    n && De(r());
+  });
+}
+function oi(e, { ownerDocument: t, container: n, initialFocus: r, initialFocusFallback: a }) {
+  let o = S(null), c = Lt(!!(e & 1), "focus-trap#initial-focus"), s = Ir();
+  return Fn(() => {
+    if (e === 0) return;
+    if (!c) {
+      a != null && a.current && De(a.current);
+      return;
+    }
+    let l = n.current;
+    l && Sn(() => {
+      if (!s.current) return;
+      let u = t?.activeElement;
+      if (r != null && r.current) {
+        if (r?.current === u) {
+          o.current = u;
+          return;
+        }
+      } else if (l.contains(u)) {
+        o.current = u;
+        return;
+      }
+      if (r != null && r.current) De(r.current);
+      else {
+        if (e & 16) {
+          if (Et(l, Fe.First | Fe.AutoFocus) !== vn.Error) return;
+        } else if (Et(l, Fe.First) !== vn.Error) return;
+        if (a != null && a.current && (De(a.current), t?.activeElement === a.current)) return;
+        console.warn("There are no focusable elements inside the <FocusTrap />");
+      }
+      o.current = t?.activeElement;
+    });
+  }, [a, c, e]), o;
+}
+function si(e, { ownerDocument: t, container: n, containers: r, previousActiveElement: a }) {
+  let o = Ir(), c = !!(e & 4);
+  na(t?.defaultView, "focus", (s) => {
+    if (!c || !o.current) return;
+    let l = ua(r);
+    qe(n.current) && l.add(n.current);
+    let u = a.current;
+    if (!u) return;
+    let w = s.target;
+    qe(w) ? da(l, w) ? (a.current = w, De(w)) : (s.preventDefault(), s.stopPropagation(), De(u)) : De(a.current);
+  }, !0);
+}
+function da(e, t) {
+  for (let n of e) if (n.contains(t)) return !0;
+  return !1;
+}
+var ii = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(ii || {}), ci = ((e) => (e[e.SetTitleId = 0] = "SetTitleId", e))(ci || {});
+let li = { 0(e, t) {
+  return e.titleId === t.id ? e : { ...e, titleId: t.id };
+} }, Pn = Ue(null);
+Pn.displayName = "DialogContext";
+function Xt(e) {
+  let t = Ee(Pn);
+  if (t === null) {
+    let n = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(n, Xt), n;
+  }
+  return t;
+}
+function ui(e, t) {
+  return At(t.type, li, e, t);
+}
+let pr = be(function(e, t) {
+  let n = Qe(), { id: r = `headlessui-dialog-${n}`, open: a, onClose: o, initialFocus: c, role: s = "dialog", autoFocus: l = !0, __demoMode: u = !1, unmount: w = !1, ...p } = e, d = S(!1);
+  s = (function() {
+    return s === "dialog" || s === "alertdialog" ? s : (d.current || (d.current = !0, console.warn(`Invalid role [${s}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog");
+  })();
+  let h = Or();
+  a === void 0 && h !== null && (a = (h & Ft.Open) === Ft.Open);
+  let m = S(null), g = He(m, t), b = $n(m.current), C = a ? 0 : 1, [v, y] = Mr(ui, { titleId: null, descriptionId: null, panelRef: ja() }), T = oe(() => o(!1)), E = oe((D) => y({ type: 0, id: D })), A = Rr() ? C === 0 : !1, [_, L] = Gs(), I = { get current() {
+    var D;
+    return (D = v.panelRef.current) != null ? D : m.current;
+  } }, X = la(), { resolveContainers: M } = Xs({ mainTreeNode: X, portals: _, defaultContainers: [I] }), G = h !== null ? (h & Ft.Closing) === Ft.Closing : !1;
+  ys(u || G ? !1 : A, { allowed: oe(() => {
+    var D, K;
+    return [(K = (D = m.current) == null ? void 0 : D.closest("[data-headlessui-portal]")) != null ? K : null];
+  }), disallowed: oe(() => {
+    var D;
+    return [(D = X?.closest("body > *:not(#headlessui-portal-root)")) != null ? D : null];
+  }) });
+  let j = Xr.get(null);
+  et(() => {
+    if (A) return j.actions.push(r), () => j.actions.pop(r);
+  }, [j, r, A]);
+  let P = Jr(j, U((D) => j.selectors.isTop(D, r), [j, r]));
+  Ls(P, M, (D) => {
+    D.preventDefault(), T();
+  }), Ys(P, b?.defaultView, (D) => {
+    D.preventDefault(), D.stopPropagation(), document.activeElement && "blur" in document.activeElement && typeof document.activeElement.blur == "function" && document.activeElement.blur(), T();
+  }), Ds(u || G ? !1 : A, b, M), bs(A, m, T);
+  let [re, se] = Ko(), B = ue(() => [{ dialogState: C, close: T, setTitleId: E, unmount: w }, v], [C, T, E, w, v]), J = tt({ open: C === 0 }), ae = { ref: g, id: r, role: s, tabIndex: -1, "aria-modal": u ? void 0 : C === 0 ? !0 : void 0, "aria-labelledby": v.titleId, "aria-describedby": re, unmount: w }, ie = !Zs(), Z = Ze.None;
+  A && !u && (Z |= Ze.RestoreFocus, Z |= Ze.TabLock, l && (Z |= Ze.AutoFocus), ie && (Z |= Ze.InitialFocus));
+  let ee = Ne();
+  return V.createElement(qa, null, V.createElement(fr, { force: !0 }, V.createElement(Ks, null, V.createElement(Pn.Provider, { value: B }, V.createElement(ia, { target: m }, V.createElement(fr, { force: !1 }, V.createElement(se, { slot: J }, V.createElement(L, null, V.createElement(ni, { initialFocus: c, initialFocusFallback: m, containers: M, features: Z }, V.createElement(as, { value: T }, ee({ ourProps: ae, theirProps: p, slot: J, defaultTag: di, features: hi, visible: C === 0, name: "Dialog" })))))))))));
+}), di = "div", hi = er.RenderStrategy | er.Static;
+function fi(e, t) {
+  let { transition: n = !1, open: r, ...a } = e, o = Or(), c = e.hasOwnProperty("open") || o !== null, s = e.hasOwnProperty("onClose");
+  if (!c && !s) throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");
+  if (!c) throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");
+  if (!s) throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");
+  if (!o && typeof e.open != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${e.open}`);
+  if (typeof e.onClose != "function") throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${e.onClose}`);
+  return (r !== void 0 || n) && !a.static ? V.createElement(mr, null, V.createElement(ze, { show: r, transition: n, unmount: a.unmount }, V.createElement(pr, { ref: t, ...a }))) : V.createElement(mr, null, V.createElement(pr, { ref: t, open: r, ...a }));
+}
+let mi = "div";
+function pi(e, t) {
+  let n = Qe(), { id: r = `headlessui-dialog-panel-${n}`, transition: a = !1, ...o } = e, [{ dialogState: c, unmount: s }, l] = Xt("Dialog.Panel"), u = He(t, l.panelRef), w = tt({ open: c === 0 }), p = oe((b) => {
+    b.stopPropagation();
+  }), d = { ref: u, id: r, onClick: p }, h = a ? zt : Kt, m = a ? { unmount: s } : {}, g = Ne();
+  return V.createElement(h, { ...m }, g({ ourProps: d, theirProps: o, slot: w, defaultTag: mi, name: "Dialog.Panel" }));
+}
+let gi = "div";
+function vi(e, t) {
+  let { transition: n = !1, ...r } = e, [{ dialogState: a, unmount: o }] = Xt("Dialog.Backdrop"), c = tt({ open: a === 0 }), s = { ref: t, "aria-hidden": !0 }, l = n ? zt : Kt, u = n ? { unmount: o } : {}, w = Ne();
+  return V.createElement(l, { ...u }, w({ ourProps: s, theirProps: r, slot: c, defaultTag: gi, name: "Dialog.Backdrop" }));
+}
+let wi = "h2";
+function yi(e, t) {
+  let n = Qe(), { id: r = `headlessui-dialog-title-${n}`, ...a } = e, [{ dialogState: o, setTitleId: c }] = Xt("Dialog.Title"), s = He(t);
+  R(() => (c(r), () => c(null)), [r, c]);
+  let l = tt({ open: o === 0 }), u = { ref: s, id: r };
+  return Ne()({ ourProps: u, theirProps: a, slot: l, defaultTag: wi, name: "Dialog.Title" });
+}
+let bi = be(fi), ha = be(pi), xi = be(vi), fa = be(yi), Ci = Object.assign(bi, { Panel: ha, Title: fa, Description: Jo }), Ti = "textarea";
+function Ei(e, t) {
+  let n = Qe(), r = Vr(), a = An(), { id: o = r || `headlessui-textarea-${n}`, disabled: c = a || !1, autoFocus: s = !1, invalid: l = !1, ...u } = e, w = Qo(), p = qo(), { isFocused: d, focusProps: h } = Ka({ autoFocus: s }), { isHovered: m, hoverProps: g } = Ya({ isDisabled: c }), b = Za({ ref: t, id: o, "aria-labelledby": w, "aria-describedby": p, "aria-invalid": l ? "true" : void 0, disabled: c || void 0, autoFocus: s }, h, g), C = tt({ disabled: c, invalid: l, hover: m, focus: d, autofocus: s });
+  return Ne()({ ourProps: b, theirProps: u, slot: C, defaultTag: Ti, name: "Textarea" });
+}
+let Ni = be(Ei);
+const Ai = (e) => /* @__PURE__ */ we.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ we.createElement("path", { d: "M8 1.25C6.66498 1.25 5.35994 1.64588 4.2499 2.38758C3.13987 3.12928 2.27471 4.18349 1.76382 5.41689C1.25292 6.65029 1.11925 8.00749 1.3797 9.31686C1.64015 10.6262 2.28303 11.829 3.22703 12.773C4.17104 13.717 5.37377 14.3598 6.68314 14.6203C7.99252 14.8808 9.34971 14.7471 10.5831 14.2362C11.8165 13.7253 12.8707 12.8601 13.6124 11.7501C14.3541 10.6401 14.75 9.33502 14.75 8C14.748 6.2104 14.0362 4.49466 12.7708 3.22922C11.5053 1.96378 9.78961 1.25199 8 1.25ZM8 13.25C6.96165 13.25 5.94662 12.9421 5.08326 12.3652C4.2199 11.7883 3.547 10.9684 3.14964 10.0091C2.75228 9.04978 2.64831 7.99418 2.85088 6.97578C3.05345 5.95738 3.55347 5.02191 4.28769 4.28769C5.02192 3.55346 5.95738 3.05345 6.97578 2.85088C7.99418 2.6483 9.04978 2.75227 10.0091 3.14963C10.9684 3.54699 11.7883 4.2199 12.3652 5.08326C12.9421 5.94661 13.25 6.96165 13.25 8C13.2485 9.39193 12.6949 10.7264 11.7107 11.7107C10.7264 12.6949 9.39193 13.2485 8 13.25ZM7.25 8.25V5C7.25 4.80109 7.32902 4.61032 7.46967 4.46967C7.61032 4.32902 7.80109 4.25 8 4.25C8.19892 4.25 8.38968 4.32902 8.53033 4.46967C8.67098 4.61032 8.75 4.80109 8.75 5V8.25C8.75 8.44891 8.67098 8.63968 8.53033 8.78033C8.38968 8.92098 8.19892 9 8 9C7.80109 9 7.61032 8.92098 7.46967 8.78033C7.32902 8.63968 7.25 8.44891 7.25 8.25ZM9 10.75C9 10.9478 8.94135 11.1411 8.83147 11.3056C8.72159 11.47 8.56541 11.5982 8.38269 11.6739C8.19996 11.7496 7.99889 11.7694 7.80491 11.7308C7.61093 11.6922 7.43275 11.597 7.2929 11.4571C7.15304 11.3173 7.0578 11.1391 7.01922 10.9451C6.98063 10.7511 7.00044 10.55 7.07612 10.3673C7.15181 10.1846 7.27998 10.0284 7.44443 9.91853C7.60888 9.80865 7.80222 9.75 8 9.75C8.26522 9.75 8.51957 9.85536 8.70711 10.0429C8.89465 10.2304 9 10.4848 9 10.75Z", fill: "currentColor" }));
+function ma({
+  message: e,
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      ...n,
+      className: ne(
+        "message flex h-fit min-h-9 w-fit max-w-70 flex-row items-center justify-center gap-1 bg-black",
+        t
+      ),
+      children: [
+        /* @__PURE__ */ i(Ai, {}),
+        /* @__PURE__ */ i("span", { children: e })
+      ]
+    }
+  );
+}
+var pa = /* @__PURE__ */ ((e) => (e.ReactionMessage = "REACTION_MESSAGE", e))(pa || {});
+function Si({
+  message: e,
+  source: t,
+  className: n,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ...r,
+      "data-author": t === Te.Customer ? "customer" : "agent",
+      className: ne(
+        "message flex h-fit min-h-8 w-fit max-w-[86%] items-center justify-center text-start",
+        {
+          "ms-2 self-start rounded-es-[5px]": t === Te.Agent,
+          "ms-2 self-center rounded-es-[5px]": t === "REACTION_MESSAGE",
+          "me-2 self-end rounded-ee-[5px]": t === Te.Customer
+        },
+        n
+      ),
+      children: e
+    }
+  );
+}
+const yn = (e, t, n, r, a, o) => {
+  R(() => {
+    const c = t.current;
+    if (!(!e || !n || !r || !a || !c))
+      return Fo({
+        element: c,
+        isActive: () => n && e.getSurfaceState() === "OPEN" && e.getSurfaceEpisodeId() === r,
+        ...o ? { isPresentable: o } : {},
+        onPresented: () => e.recordPresented(a, r)
+      });
+  }, [n, r, o, t, e, a]);
+};
+function ga({ className: e }) {
+  const { t } = me(), {
+    cta: n,
+    ctaBusy: r,
+    ctaButtonLabel: a,
+    ctaFeedback: o,
+    ctaTelegramBotUsername: c,
+    ctaTelegramDeepLink: s,
+    ctaManualCommand: l,
+    executeCta: u,
+    dismissCta: w,
+    open: p,
+    surfaceEpisodeId: d,
+    api: h
+  } = kt(), m = S(null), [g, b] = F(() => /* @__PURE__ */ new Set()), C = n?.commandId, v = U(() => {
+    C && b((E) => {
+      if (E.has(C)) return E;
+      const A = new Set(E);
+      if (A.add(C), A.size > 64) {
+        const _ = A.values().next().value;
+        _ !== void 0 && A.delete(_);
+      }
+      return A;
+    });
+  }, [C]), y = ue(
+    () => n ? {
+      subjectKind: "CTA",
+      subjectId: n.commandId,
+      attributionHandle: n.commandId
+    } : null,
+    [n]
+  );
+  if (yn(
+    h?.scenarioInteractionRuntime,
+    m,
+    p,
+    d,
+    y
+  ), !n) return null;
+  const T = p && !r && n.attention === "NUDGE_ONCE" && !g.has(n.commandId);
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      ref: m,
+      className: ne("flex max-w-full flex-col gap-1.5", e),
+      children: [
+        n.text && /* @__PURE__ */ i("p", { className: "max-w-72 text-sm leading-5 break-words whitespace-pre-wrap text-white/90", children: n.text }),
+        /* @__PURE__ */ N("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ i(
+            Q,
+            {
+              type: "button",
+              disabled: r,
+              onClick: () => {
+                v(), u();
+              },
+              className: ne(
+                "chat-cta-primary chat-cta-action data-disabled:opacity-50",
+                T && "chat-attention-nudge-once"
+              ),
+              children: a
+            }
+          ),
+          /* @__PURE__ */ i(
+            Q,
+            {
+              type: "button",
+              disabled: r,
+              "aria-label": t("cta.dismiss"),
+              onClick: () => {
+                v(), w();
+              },
+              className: "chat-cta-secondary data-disabled:opacity-50",
+              children: "×"
+            }
+          )
+        ] }),
+        o && /* @__PURE__ */ i("p", { role: "status", className: "max-w-72 text-xs text-white/75", children: o }),
+        s && c && /* @__PURE__ */ i(
+          "a",
+          {
+            href: s,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "w-fit text-xs text-violet-200 underline underline-offset-2",
+            children: t("cta.openTelegram", { username: c })
+          }
+        ),
+        l && /* @__PURE__ */ N("p", { className: "max-w-72 text-xs text-white/65", children: [
+          t("cta.manualCommand"),
+          " ",
+          /* @__PURE__ */ i("code", { className: "break-all", dir: "ltr", children: l })
+        ] })
+      ]
+    }
+  );
+}
+const bn = 54, Ve = 2, gt = 10, vt = 8, Mi = 6.5, gr = 7, wt = 27, vr = (e, t, n, r) => {
+  const a = (bn - n) / 2;
+  if (typeof e.roundRect != "function") {
+    e.fillRect(t, a, r, n);
+    return;
+  }
+  e.roundRect(t, a, r, n, r / 2);
+};
+function _i({
+  phase: e = "ready",
+  assistantActivity: t = "idle",
+  microphoneEnabled: n = !0,
+  statusLabel: r,
+  microphoneLabel: a,
+  closeLabel: o,
+  disabled: c = !1,
+  frozen: s = !1,
+  onToggleMicrophone: l,
+  onClose: u,
+  className: w,
+  meter: p = Ja,
+  spectrumSource: d
+}) {
+  const h = S(null), m = S(null), g = S(null), b = S(s), C = U((v) => g.current?.(v) ?? !1, []);
+  return ye(() => {
+    b.current = s;
+  }, [s]), R(() => {
+    const v = h.current;
+    if (!v) return;
+    let y = null;
+    try {
+      y = v.getContext("2d");
+    } catch {
+      return;
+    }
+    if (!y) return;
+    let T = 0, E = 1, A = new Float32Array(2), _ = new Float32Array(2), L = new Float32Array(1), I = new Float32Array(1), X = null;
+    const M = e === "ready" && n, G = (se, B, J, ae, ie, Z) => {
+      const ee = typeof y.roundRect == "function";
+      ee && y.beginPath();
+      for (let D = 0; D < se.length; D += 1) {
+        const K = se[D];
+        vr(
+          y,
+          J + D * ae,
+          K,
+          Ve
+        );
+      }
+      for (let D = 0; D < B.length; D += 1) {
+        const K = B[D];
+        vr(
+          y,
+          ie + D * Z,
+          K,
+          Ve
+        );
+      }
+      ee && y.fill();
+    }, j = ({
+      frameTime: se,
+      elapsedMs: B,
+      inputLevel: J,
+      smoothedInputLevel: ae,
+      reducedMotion: ie
+    }) => {
+      if (T <= 0 || b.current) return !1;
+      if (A.fill(0), M && !ie)
+        if (d)
+          try {
+            d.readBands(A);
+          } catch {
+            A.fill(0);
+          }
+        else
+          Qa(A, J, 0);
+      if (ie)
+        _.fill(0);
+      else
+        for (let de = 0; de < _.length; de += 1)
+          _[de] = eo(
+            _[de],
+            A[de],
+            B
+          );
+      const Z = to(
+        L,
+        I,
+        ae,
+        n,
+        _,
+        se
+      ), ee = T / 2 + gr, D = Math.max(
+        Ve,
+        ee - wt - gt - vt
+      ), K = Math.max(
+        Ve,
+        T - vt - ee - wt - gt
+      ), he = E > 1 ? (D - Ve) / (E - 1) : 0, Ae = E > 1 ? (K - Ve) / (E - 1) : 0, Ie = vt, fe = ee + wt + gt;
+      y.clearRect(0, 0, T, bn), y.fillStyle = "#8b889b", y.globalAlpha = 0.52, G(
+        L,
+        I,
+        Ie,
+        he,
+        fe,
+        Ae
+      ), Z > 0.01 && X && (y.fillStyle = X, y.globalAlpha = Math.min(1, Z * 1.2), G(
+        L,
+        I,
+        Ie,
+        he,
+        fe,
+        Ae
+      )), y.globalAlpha = 1;
+      let ce = !1;
+      for (let de = 0; de < _.length; de += 1)
+        if (Math.abs(_[de] - A[de]) > 3e-3) {
+          ce = !0;
+          break;
+        }
+      return !!(!ie && M && (d !== void 0 && J > 3e-3 || ce));
+    };
+    g.current = j;
+    const P = () => {
+      const se = Math.round(v.getBoundingClientRect().width);
+      if (se <= 0 || b.current) return;
+      const B = Math.min(window.devicePixelRatio || 1, 2);
+      T = se;
+      const J = T / 2 + gr, ae = Math.max(
+        Ve,
+        J - wt - gt - vt
+      ), ie = Math.max(
+        Ve,
+        T - vt - J - wt - gt
+      ), Z = Math.max(
+        1,
+        Math.floor(Math.min(ae, ie) / Mi)
+      );
+      Z !== E && (E = Z, A = new Float32Array(E * 2), _ = new Float32Array(E * 2), L = new Float32Array(E), I = new Float32Array(E)), v.width = Math.round(T * B), v.height = Math.round(bn * B), y.setTransform(B, 0, 0, B, 0, 0), X = y.createLinearGradient(0, 12, 0, 42), X.addColorStop(0, "#06e1fd"), X.addColorStop(1, "#ff28b7"), m.current?.requestFrame();
+    }, re = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => P());
+    return re?.observe(v), window.addEventListener("resize", P), P(), () => {
+      re?.disconnect(), window.removeEventListener("resize", P), g.current === j && (g.current = null);
+    };
+  }, [s, n, e, d]), /* @__PURE__ */ N(
+    "div",
+    {
+      className: ne("voice-composer", w),
+      "data-voice-activity": t,
+      "data-voice-frozen": s,
+      "data-voice-muted": !n,
+      "data-voice-phase": e,
+      children: [
+        /* @__PURE__ */ i("span", { "aria-live": "polite", className: "sr-only", children: r }),
+        /* @__PURE__ */ N("div", { className: "voice-composer__track", children: [
+          /* @__PURE__ */ i(
+            "span",
+            {
+              "aria-hidden": e !== "connecting",
+              className: "voice-composer__loader",
+              children: Array.from({ length: 5 }, (v, y) => /* @__PURE__ */ i("span", { className: "voice-composer__loader-bar" }, y))
+            }
+          ),
+          /* @__PURE__ */ i(
+            "canvas",
+            {
+              ref: h,
+              "aria-hidden": "true",
+              className: "voice-composer__wave-canvas",
+              "data-voice-wave-canvas": !0
+            }
+          ),
+          /* @__PURE__ */ i(
+            Xa,
+            {
+              ref: m,
+              phase: e,
+              microphoneEnabled: n,
+              microphoneLabel: a,
+              disabled: c,
+              frozen: s,
+              onToggleMicrophone: l,
+              meter: p,
+              onInputFrame: C
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(
+          Q,
+          {
+            type: "button",
+            "aria-label": o,
+            "data-chat-route-focus": !0,
+            className: "voice-composer__close",
+            onClick: u,
+            children: /* @__PURE__ */ i($r, { "aria-hidden": "true" })
+          }
+        )
+      ]
+    }
+  );
+}
+function ki({
+  className: e,
+  freezePresentation: t = !1
+}) {
+  const { t: n } = me(), { open: r, config: a, api: o, reactionMessage: c } = kt(), s = Yt(), { networkStatus: l } = Mn(), u = Fr(), {
+    startListening: w,
+    stopListening: p,
+    endVoiceChat: d,
+    acceptConversation: h,
+    declineConversation: m
+  } = _n(), g = Se((k) => k.pendingInvitation), b = Se((k) => k.status), C = Se((k) => k.errorMessage), v = Se((k) => k.errorCode), y = Se((k) => k.generation), T = Se((k) => k.microphoneMutedByUser), E = Se(
+    (k) => k.session !== null || k.socket !== null
+  ), A = Se(
+    (k) => k.assistantResponseInProgress
+  ), _ = Se((k) => k.assistantAudioPlaying), [L, I] = F(!1), [X, M] = F(null), G = S(!1), j = S(y), P = S(t), [re, se] = F(
+    !!g
+  ), B = r && !u && !re && !g && !E && b === "idle" && !v && !C;
+  R(() => {
+    g && se(!0);
+  }, [g]), ye(() => {
+    j.current !== y && (j.current = y, G.current = !1);
+  }, [y]), ye(() => {
+    const k = P.current && !t;
+    P.current = t, k && (G.current = !1, M(null));
+  }, [t]);
+  const J = U(async () => {
+    I(!0);
+    try {
+      await h(a, o);
+    } catch (k) {
+      console.error("voice invitation failed", k);
+    } finally {
+      I(!1);
+    }
+  }, [h, o, a]), ae = U(async () => {
+    s(ve.text), await m(a, o);
+  }, [o, a, m, s]), ie = U(async () => {
+    if (g) {
+      await J();
+      return;
+    }
+    if (!T) {
+      p();
+      return;
+    }
+    try {
+      await w(a, o);
+    } catch (k) {
+      console.error("voice init error", k);
+    }
+  }, [
+    J,
+    o,
+    a,
+    T,
+    g,
+    w,
+    p
+  ]);
+  R(() => {
+    if (!r) {
+      re || (G.current = !1);
+      return;
+    }
+    t || X || G.current || !B || (G.current = !0, w(a, o).catch((k) => {
+      console.error("voice init error", k);
+    }));
+  }, [
+    o,
+    B,
+    a,
+    X,
+    t,
+    re,
+    r,
+    w
+  ]);
+  const Z = ue(() => l === st.Unavailable ? n($e.connectionFailed) : l === st.Offline ? n($e.offline) : v ? n(no[v]) : C || null, [l, n, v, C]), ee = ue(() => n(_ ? "voice.speaking" : u || b === "connecting" || B ? "voice.connecting" : A ? "chat.thinking" : b === "speaking" ? "voice.speaking" : g ? "voice.incoming" : T ? "voice.muted" : "voice.startTalking"), [
+    _,
+    A,
+    B,
+    u,
+    T,
+    g,
+    n,
+    b
+  ]), D = !c && Z, K = u || b === "connecting" || B ? "connecting" : "ready", he = _ ? "speaking" : A ? "thinking" : "idle", Ae = {
+    phase: K,
+    assistantActivity: he,
+    microphoneEnabled: !T
+  }, [Ie, fe] = F(Ae);
+  ye(() => {
+    t || fe({
+      phase: K,
+      assistantActivity: he,
+      microphoneEnabled: !T
+    });
+  }, [
+    he,
+    K,
+    t,
+    T
+  ]);
+  const ce = X ?? (t ? Ie : Ae), de = U(() => {
+    M({
+      phase: K,
+      assistantActivity: he,
+      microphoneEnabled: !T
+    }), d(), s(ve.text);
+  }, [
+    he,
+    K,
+    d,
+    T,
+    s
+  ]);
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: ne(
+        "z-1 flex min-h-0 flex-1 flex-col items-center justify-end px-4 pb-3",
+        e
+      ),
+      children: [
+        c && /* @__PURE__ */ i(
+          Si,
+          {
+            className: "mb-5",
+            message: c,
+            source: pa.ReactionMessage
+          }
+        ),
+        g && !c && /* @__PURE__ */ N("div", { className: "chat-voice-card mb-5 flex max-w-70 flex-col items-center gap-2.5 p-4 text-center text-white", children: [
+          /* @__PURE__ */ i("p", { className: "text-sm font-semibold", children: n("voice.calling") }),
+          /* @__PURE__ */ i("p", { className: "text-[13px] leading-5 text-white/80", children: g.text }),
+          /* @__PURE__ */ i("p", { className: "text-xs text-white/70", children: n("voice.aiDisclosure") }),
+          /* @__PURE__ */ N("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ i(
+              Q,
+              {
+                type: "button",
+                disabled: L,
+                onClick: () => {
+                  J();
+                },
+                className: "chat-cta-primary data-disabled:opacity-50",
+                children: n(L ? "voice.connecting" : "voice.accept")
+              }
+            ),
+            /* @__PURE__ */ i(
+              Q,
+              {
+                type: "button",
+                disabled: L,
+                onClick: () => {
+                  ae();
+                },
+                className: "chat-cta-secondary data-disabled:opacity-50",
+                children: n("voice.decline")
+              }
+            )
+          ] })
+        ] }),
+        D && /* @__PURE__ */ i(ma, { className: "mb-5", message: Z }),
+        /* @__PURE__ */ i(ga, { className: "mb-5 items-center text-center" }),
+        /* @__PURE__ */ i(
+          _i,
+          {
+            phase: ce.phase,
+            assistantActivity: ce.assistantActivity,
+            microphoneEnabled: ce.microphoneEnabled,
+            statusLabel: ee,
+            microphoneLabel: n(g ? "voice.accept" : T ? "voice.unmuteMicrophone" : "voice.muteMicrophone"),
+            closeLabel: n("voice.switchToText"),
+            disabled: L || u,
+            frozen: !!(X || t || !r),
+            spectrumSource: ro,
+            onToggleMicrophone: () => {
+              ie();
+            },
+            onClose: () => {
+              de();
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+const Li = (e) => /* @__PURE__ */ we.createElement("svg", { width: 21, height: 19, viewBox: "0 0 21 19", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ we.createElement("path", { d: "M11.3359 18C11.3359 18.5523 10.8882 19 10.3359 19C9.78365 19 9.33594 18.5523 9.33594 18V1C9.33594 0.447715 9.78365 0 10.3359 0C10.8882 0 11.3359 0.447715 11.3359 1V18ZM16.2461 15.5C16.2461 16.0523 15.7984 16.5 15.2461 16.5C14.6938 16.5 14.2461 16.0523 14.2461 15.5V4.5C14.2461 3.94772 14.6938 3.5 15.2461 3.5C15.7984 3.5 16.2461 3.94772 16.2461 4.5V15.5ZM6.58594 13.583C6.58594 14.1353 6.13822 14.583 5.58594 14.583C5.03365 14.583 4.58594 14.1353 4.58594 13.583V6.58301C4.58594 6.03072 5.03365 5.58301 5.58594 5.58301C6.13822 5.58301 6.58594 6.03072 6.58594 6.58301V13.583ZM2 10.583C2 11.1353 1.55228 11.583 1 11.583C0.447715 11.583 0 11.1353 0 10.583V9.58301C0 9.03072 0.447715 8.58301 1 8.58301C1.55228 8.58301 2 9.03072 2 9.58301V10.583ZM20.4922 10.583C20.4922 11.1353 20.0445 11.583 19.4922 11.583C18.9399 11.583 18.4922 11.1353 18.4922 10.583V9.58301C18.4922 9.03072 18.9399 8.58301 19.4922 8.58301C20.0445 8.58301 20.4922 9.03072 20.4922 9.58301V10.583Z" })), Ri = (e) => /* @__PURE__ */ we.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ we.createElement("path", { d: "M14.2199 21.6303C13.0399 21.6303 11.3699 20.8003 10.0499 16.8303L9.32988 14.6703L7.16988 13.9503C3.20988 12.6303 2.37988 10.9603 2.37988 9.78031C2.37988 8.61031 3.20988 6.93032 7.16988 5.60032L15.6599 2.77032C17.7799 2.06032 19.5499 2.27032 20.6399 3.35032C21.7299 4.43032 21.9399 6.21032 21.2299 8.33032L18.3999 16.8203C17.0699 20.8003 15.3999 21.6303 14.2199 21.6303ZM7.63988 7.03032C4.85988 7.96032 3.86988 9.06032 3.86988 9.78031C3.86988 10.5003 4.85988 11.6003 7.63988 12.5203L10.1599 13.3603C10.3799 13.4303 10.5599 13.6103 10.6299 13.8303L11.4699 16.3503C12.3899 19.1303 13.4999 20.1203 14.2199 20.1203C14.9399 20.1203 16.0399 19.1303 16.9699 16.3503L19.7999 7.86032C20.3099 6.32032 20.2199 5.06032 19.5699 4.41032C18.9199 3.76032 17.6599 3.68032 16.1299 4.19032L7.63988 7.03032Z" }), /* @__PURE__ */ we.createElement("path", { d: "M10.1098 14.4C9.9198 14.4 9.7298 14.33 9.5798 14.18C9.2898 13.89 9.2898 13.41 9.5798 13.12L13.1598 9.53C13.4498 9.24 13.9298 9.24 14.2198 9.53C14.5098 9.82 14.5098 10.3 14.2198 10.59L10.6398 14.18C10.4998 14.33 10.2998 14.4 10.1098 14.4Z" }));
+const Ii = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Oi = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, n, r) => r ? r.toUpperCase() : n.toLowerCase()
+), wr = (e) => {
+  const t = Oi(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}, va = (...e) => e.filter((t, n, r) => !!t && t.trim() !== "" && r.indexOf(t) === n).join(" ").trim(), $i = (e) => {
+  for (const t in e)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
+      return !0;
+};
+var Fi = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const Pi = _r(
+  ({
+    color: e = "currentColor",
+    size: t = 24,
+    strokeWidth: n = 2,
+    absoluteStrokeWidth: r,
+    className: a = "",
+    children: o,
+    iconNode: c,
+    ...s
+  }, l) => fn(
+    "svg",
+    {
+      ref: l,
+      ...Fi,
+      width: t,
+      height: t,
+      stroke: e,
+      strokeWidth: r ? Number(n) * 24 / Number(t) : n,
+      className: va("lucide", a),
+      ...!o && !$i(s) && { "aria-hidden": "true" },
+      ...s
+    },
+    [
+      ...c.map(([u, w]) => fn(u, w)),
+      ...Array.isArray(o) ? o : [o]
+    ]
+  )
+);
+const pe = (e, t) => {
+  const n = _r(
+    ({ className: r, ...a }, o) => fn(Pi, {
+      ref: o,
+      iconNode: t,
+      className: va(
+        `lucide-${Ii(wr(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...a
+    })
+  );
+  return n.displayName = wr(e), n;
+};
+const Di = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Ui = pe("check", Di);
+const Hi = [
+  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+], Bi = pe("clock", Hi);
+const Vi = [
+  ["path", { d: "M12 15V3", key: "m9g1x1" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
+], xn = pe("download", Vi);
+const ji = [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], zi = pe("eye", ji);
+const Wi = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+], Gi = pe("file-exclamation-point", Wi);
+const qi = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+], Dn = pe("file-text", qi);
+const Ki = [
+  [
+    "path",
+    {
+      d: "M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3",
+      key: "1xhozi"
+    }
+  ]
+], wa = pe("headphones", Ki);
+const Yi = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+], Zi = pe("image", Yi);
+const Xi = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Vt = pe("loader-circle", Xi);
+const Ji = [
+  [
+    "path",
+    {
+      d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
+      key: "1miecu"
+    }
+  ]
+], yr = pe("paperclip", Ji);
+const Qi = [
+  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
+], br = pe("rotate-ccw", Qi);
+const ec = [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+], xr = pe("shield-check", ec);
+const tc = [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ]
+], nc = pe("shield", tc);
+const rc = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], ya = pe("x", rc);
+function ba({
+  className: e,
+  label: t,
+  ...n
+}) {
+  const { t: r } = me();
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      ...n,
+      role: "status",
+      className: ne("chat-typing-indicator", e),
+      children: [
+        /* @__PURE__ */ i("span", { className: "sr-only", children: t ?? r("chat.thinking") }),
+        /* @__PURE__ */ i(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "chat-typing-indicator__dot chat-typing-indicator__dot_left"
+          }
+        ),
+        /* @__PURE__ */ i(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "chat-typing-indicator__dot chat-typing-indicator__dot_center"
+          }
+        ),
+        /* @__PURE__ */ i(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "chat-typing-indicator__dot chat-typing-indicator__dot_right"
+          }
+        )
+      ]
+    }
+  );
+}
+const ac = () => document.visibilityState === "hidden", oc = (e, t) => {
+  const [n] = F(() => {
+    const c = ao();
+    return t && e.startsWith(t) && (c.setTarget(t), c.flush()), c;
+  }), r = S(null), [a, o] = F(
+    () => n.getSnapshot()
+  );
+  return R(() => {
+    const c = typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
+    let s = null, l = !1;
+    const u = () => {
+      s !== null && (window.cancelAnimationFrame(s), s = null);
+    }, w = () => {
+      u();
+      const g = n.flush();
+      g && !l && o(g);
+    }, p = () => c?.matches || ac() || typeof Intl.Segmenter != "function", d = (g) => {
+      if (s = null, l) return;
+      if (p()) {
+        w();
+        return;
+      }
+      const b = n.advance(g);
+      b && o(b), n.isSettled() || (s = window.requestAnimationFrame(d));
+    }, h = () => {
+      n.isSettled() || (p() ? w() : s === null && (s = window.requestAnimationFrame(d)));
+    };
+    r.current = { start: h };
+    const m = () => h();
+    return c?.addEventListener("change", m), document.addEventListener("visibilitychange", m), () => {
+      l = !0, r.current = null, u(), c?.removeEventListener("change", m), document.removeEventListener(
+        "visibilitychange",
+        m
+      );
+    };
+  }, [n]), R(() => {
+    n.setTarget(e), r.current?.start();
+  }, [n, e]), {
+    ...a,
+    isSettled: a.displayedText === e
+  };
+};
+function sc({
+  stableText: e,
+  incomingText: t,
+  initialText: n = "",
+  targetText: r = e + t,
+  finished: a = !1,
+  onSettled: o
+}) {
+  const c = oc(r, n), s = S(void 0), l = S(o), u = ue(
+    () => oo(c.displayedText),
+    [c.displayedText]
+  );
+  return R(() => {
+    l.current = o;
+  }, [o]), R(() => {
+    s.current = void 0;
+  }, [r]), R(() => {
+    !a || !c.isSettled || s.current !== r && (s.current = r, l.current?.());
+  }, [a, c.isSettled, r]), /* @__PURE__ */ i(
+    "div",
+    {
+      className: c.animatedText ? "chat-stream-markdown chat-stream-markdown--animated" : "chat-stream-markdown",
+      dangerouslySetInnerHTML: { __html: u }
+    }
+  );
+}
+const xa = (e) => e < 1024 * 1024 ? `${Math.max(1, Math.round(e / 1024))} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`, Ca = (e) => e.mediaType === "image/jpeg" || e.mediaType === "image/png" || e.mediaType === "image/webp" ? "image" : e.mediaType === "application/pdf" ? "pdf" : null, yt = (e, t) => t.every((n, r) => e[r] === n), Ta = (e, t) => {
+  switch (e) {
+    case "application/pdf":
+      return t.some(
+        (n, r) => r <= t.length - 5 && yt(t.slice(r), [37, 80, 68, 70, 45])
+      );
+    case "image/png":
+      return yt(
+        t,
+        [137, 80, 78, 71, 13, 10, 26, 10]
+      );
+    case "image/jpeg":
+      return yt(t, [255, 216, 255]);
+    case "image/webp":
+      return yt(t, [82, 73, 70, 70]) && yt(t.slice(8), [87, 69, 66, 80]);
+    default:
+      return !1;
+  }
+}, ic = async (e, t, n) => {
+  const r = await fetch(e, { signal: n, credentials: "omit" });
+  if (!r.ok) throw new Error("ATTACHMENT_PREVIEW_FETCH_FAILED");
+  const a = await r.blob();
+  if (t.size > 0 && a.size !== t.size)
+    throw new Error("ATTACHMENT_PREVIEW_SIZE_MISMATCH");
+  const o = new Uint8Array(await a.slice(0, 1024).arrayBuffer());
+  if (!Ta(t.mediaType, o))
+    throw new Error("ATTACHMENT_PREVIEW_SIGNATURE_MISMATCH");
+  const c = new Blob([a], { type: t.mediaType });
+  return URL.createObjectURL(c);
+}, cc = async (e, t) => {
+  if (!t.startsWith("image/"))
+    throw new Error("ATTACHMENT_LOCAL_PREVIEW_TYPE_UNSUPPORTED");
+  const n = new Uint8Array(await e.slice(0, 1024).arrayBuffer());
+  if (!Ta(t, n))
+    throw new Error("ATTACHMENT_PREVIEW_SIGNATURE_MISMATCH");
+  return URL.createObjectURL(new Blob([e], { type: t }));
+}, Cn = (e) => {
+  const t = typeof window > "u" ? "https://sdk.invalid/" : window.location.href, n = new URL(e, t), r = n.hostname === "localhost" || n.hostname === "127.0.0.1" || n.hostname === "::1" || n.hostname.endsWith(".localhost");
+  if (!(n.protocol === "https:" || n.protocol === "blob:" || n.protocol === "mock:" || n.protocol === "http:" && r))
+    throw new Error("ATTACHMENT_GRANT_URL_UNSAFE");
+  return n.href;
+}, Ea = async (e, t, n) => {
+  if (e.downloadUrl)
+    return Cn(e.downloadUrl);
+  if (!n.grant) throw new Error("ATTACHMENT_GRANT_UNAVAILABLE");
+  const r = await n.grant({
+    attachmentId: e.id,
+    conversationId: t
+  });
+  return Cn(r.url);
+}, Na = async (e, t, n) => {
+  if (e.downloadUrl) {
+    const a = document.createElement("a");
+    a.href = Cn(e.downloadUrl), a.download = e.fileName, a.rel = "noreferrer", a.click();
+    return;
+  }
+  const r = window.open("about:blank", "_blank");
+  if (!r) throw new Error("ATTACHMENT_DOWNLOAD_WINDOW_BLOCKED");
+  r.opener = null;
+  try {
+    const a = await Ea(
+      e,
+      t,
+      n
+    );
+    r.location.replace(a);
+  } catch (a) {
+    throw r.close(), a;
+  }
+};
+function Aa({
+  attachments: e,
+  onPreview: t,
+  onDownload: n
+}) {
+  const { t: r } = me();
+  return e?.length ? /* @__PURE__ */ N("div", { className: "chat-attachments", "aria-label": r("attachment.listLabel"), children: [
+    e.map((a) => {
+      const o = !!Ca(a), c = a.kind === "image" ? Zi : Dn;
+      return /* @__PURE__ */ N("article", { className: "chat-attachment-card", children: [
+        a.previewUrl && a.kind === "image" ? /* @__PURE__ */ i(
+          "img",
+          {
+            src: a.previewUrl,
+            alt: "",
+            className: "chat-attachment-card__thumbnail"
+          }
+        ) : /* @__PURE__ */ i("span", { className: "chat-attachment-card__icon", "aria-hidden": "true", children: /* @__PURE__ */ i(c, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ N("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ i("p", { className: "truncate text-xs font-semibold text-white/90", children: a.fileName }),
+          /* @__PURE__ */ i("p", { className: "mt-0.5 truncate text-[10px] text-white/48", children: xa(a.size) })
+        ] }),
+        /* @__PURE__ */ N("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+          o && t && /* @__PURE__ */ i(
+            Q,
+            {
+              type: "button",
+              "aria-label": `${r("attachment.preview")} ${a.fileName}`,
+              onClick: () => t(a),
+              className: "chat-attachment-card__action",
+              children: /* @__PURE__ */ i(zi, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+            }
+          ),
+          n ? /* @__PURE__ */ i(
+            Q,
+            {
+              type: "button",
+              "aria-label": `${r("attachment.download")} ${a.fileName}`,
+              onClick: () => n(a),
+              className: "chat-attachment-card__action",
+              children: /* @__PURE__ */ i(xn, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+            }
+          ) : a.downloadUrl ? /* @__PURE__ */ i(
+            "a",
+            {
+              href: a.downloadUrl,
+              download: a.fileName,
+              "aria-label": `${r("attachment.download")} ${a.fileName}`,
+              className: "chat-attachment-card__action",
+              children: /* @__PURE__ */ i(xn, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+            }
+          ) : null
+        ] })
+      ] }, a.id);
+    }),
+    /* @__PURE__ */ i("span", { className: "sr-only", children: e.length === 1 ? r("attachment.oneAttachment") : r("attachment.manyAttachments", { count: e.length }) })
+  ] }) : null;
+}
+const Cr = (e) => typeof Intl.Segmenter == "function" ? Array.from(
+  new Intl.Segmenter(void 0, { granularity: "grapheme" }).segment(e),
+  ({ segment: t }) => t
+) : Array.from(e);
+function lc(e) {
+  const t = e.trim().split(/\s+/u).filter(Boolean);
+  return t.length === 0 ? "?" : (t.length > 1 ? t.slice(0, 2).map((r) => Cr(r)[0]) : Cr(t[0]).slice(0, 2)).filter(Boolean).join("").toLocaleUpperCase() || "?";
+}
+const uc = {
+  message: "h-7 w-7 text-[10px]",
+  header: "h-8 w-8 text-[11px]"
+}, dc = () => () => {
+};
+function Un({
+  conversationId: e,
+  presentation: t,
+  ...n
+}) {
+  const r = Pr(), a = so(e), o = Nn(
+    r?.subscribeAuthority ?? dc,
+    () => r?.getAuthoritySnapshot(e) ?? "none",
+    () => r?.getAuthoritySnapshot(e) ?? "none"
+  ), c = t?.contractState === "LEGACY" ? t.legacyAvatarUrl : null, s = [
+    o,
+    a ? "authorized" : "denied",
+    e,
+    t?.avatarAsset?.id ?? "no-asset",
+    t?.avatarAsset?.version ?? "no-version",
+    c ?? "no-legacy"
+  ].join(":");
+  return /* @__PURE__ */ i(
+    hc,
+    {
+      conversationId: e,
+      isAuthorized: a,
+      presentation: t,
+      ...n
+    },
+    s
+  );
+}
+function hc({
+  conversationId: e,
+  isAuthorized: t,
+  displayName: n,
+  fallbackKind: r,
+  presentation: a,
+  size: o,
+  className: c
+}) {
+  const s = Pr(), l = S(null), [u, w] = F(!1), [p, d] = F(null), [h, m] = F(!1), [g, b] = F(0), [C, v] = F(0), [y, T] = F(
+    () => typeof IntersectionObserver != "function"
+  ), E = a?.avatarAsset ?? null, A = a?.contractState === "LEGACY" ? a.legacyAvatarUrl : null, _ = !!(A && !u);
+  return R(() => {
+    const L = l.current;
+    if (!L || y || typeof IntersectionObserver != "function")
+      return;
+    const I = new IntersectionObserver(
+      (X) => {
+        X.some(({ isIntersecting: M }) => M) && (T(!0), I.disconnect());
+      },
+      { rootMargin: "160px" }
+    );
+    return I.observe(L), () => I.disconnect();
+  }, [y]), R(() => {
+    if (!s || !t || !E || !y || g > 1)
+      return;
+    let L = !0, I;
+    const X = { conversationId: e, asset: E };
+    return s.resolve(X).then((M) => {
+      if (!L) return;
+      if (!M) {
+        d(null), m(!1);
+        return;
+      }
+      d(M.url);
+      const G = Date.parse(M.expiresAt) - Date.now() - 5e3;
+      I = window.setTimeout(
+        () => {
+          v((j) => j + 1);
+        },
+        Math.max(0, Math.min(G, 2147e6))
+      );
+    }), () => {
+      L = !1, I !== void 0 && window.clearTimeout(I);
+    };
+  }, [
+    E,
+    e,
+    g,
+    t,
+    y,
+    C,
+    s
+  ]), /* @__PURE__ */ N(
+    "span",
+    {
+      ref: l,
+      "aria-hidden": "true",
+      className: ne(
+        "presentation-avatar relative grid shrink-0 place-items-center overflow-hidden rounded-full bg-black/45 font-semibold tracking-[-0.02em] text-white/88 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.11)]",
+        uc[o],
+        r === "LOLA" && "bg-[#111923]",
+        r === "HUMAN" && "bg-[linear-gradient(145deg,#684d6d_0%,#3f3348_100%)]",
+        r === "SUPPORT" && "bg-[#171b15] text-[#a5fc4c] shadow-[inset_0_0_0_1px_rgba(165,252,76,0.24),0_0_18px_rgba(165,252,76,0.1)]",
+        c
+      ),
+      children: [
+        r === "LOLA" ? /* @__PURE__ */ i(
+          "img",
+          {
+            src: io,
+            alt: "",
+            draggable: !1,
+            className: "h-full w-full object-cover object-[50%_20%]"
+          }
+        ) : r === "HUMAN" ? /* @__PURE__ */ i("span", { children: lc(n) }) : r === "SYSTEM" ? /* @__PURE__ */ i(nc, { className: "h-[50%] w-[50%] text-white/55" }) : /* @__PURE__ */ i(wa, { className: "h-[52%] w-[52%] text-current opacity-80" }),
+        _ && /* @__PURE__ */ i(
+          "img",
+          {
+            src: A ?? void 0,
+            alt: "",
+            draggable: !1,
+            loading: "lazy",
+            decoding: "async",
+            referrerPolicy: "no-referrer",
+            onError: () => w(!0),
+            className: "absolute inset-0 h-full w-full object-cover shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)]"
+          }
+        ),
+        p && g <= 1 && /* @__PURE__ */ i(
+          "img",
+          {
+            src: p,
+            alt: "",
+            draggable: !1,
+            loading: "lazy",
+            decoding: "async",
+            referrerPolicy: "no-referrer",
+            onLoad: () => m(!0),
+            onError: () => {
+              !E || !s || (s.invalidate({ conversationId: e, asset: E }), d(null), m(!1), b((L) => L + 1));
+            },
+            className: ne(
+              "absolute inset-0 h-full w-full object-cover opacity-0 shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)] transition-opacity duration-150 motion-reduce:transition-none",
+              h && "opacity-100"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const fc = kr(function({
+  message: t,
+  onPreviewAttachment: n,
+  onDownloadAttachment: r,
+  className: a,
+  ref: o,
+  ...c
+}) {
+  const { t: s } = me(), l = Ee(co), { scenarioChoiceSubmissionController: u } = Mn(), { settleMessageStream: w } = kn(), p = lo(t), d = t.author.type === Te.Agent, h = uo(t.id), [m, g] = F(() => Date.now()), [b, C] = F(), [v, y] = F(() => ({
+    active: !!(d && h),
+    text: d && h ? "" : p
+  })), T = S(null), E = S(null), [A, _] = F(() => /* @__PURE__ */ new Set()), L = Ln(), I = !!l?.open && t.conversationId === L, X = l ? I : !0, { author: M } = t, G = t.status === Xe.Failed || t.status === Xe.Cancelled, j = t.status === Xe.Completed || G, P = ue(() => ho(t), [t]), re = ue(
+    () => ({
+      principalId: l?.runtime.getPrincipalSessionId() ?? "anonymous",
+      inputRequestId: P?.inputRequestId ?? `none:${t.id}`
+    }),
+    [P?.inputRequestId, t.id, l?.runtime]
+  ), se = U(
+    (H) => u.subscribe(
+      re,
+      H
+    ),
+    [re, u]
+  ), B = U(
+    () => u.getSnapshot(re),
+    [re, u]
+  ), J = Nn(
+    se,
+    B,
+    B
+  ), ae = J.status, ie = J.selectedOptionId ?? void 0, Z = !!(P && fo(P, m)), ee = P?.inputRequestId ?? null, D = U(() => {
+    ee && _((H) => {
+      if (H.has(ee)) return H;
+      const le = new Set(H);
+      if (le.add(ee), le.size > 64) {
+        const Be = le.values().next().value;
+        Be !== void 0 && le.delete(Be);
+      }
+      return le;
+    });
+  }, [ee]), K = M.role === "ADMIN" || M.role === "ASSISTANT" || M.role === "SCENARIO" || M.role === "SYSTEM" ? M.presentation ?? null : null, he = M.role === "ASSISTANT" || M.role === "SCENARIO" ? "LOLA" : M.role === "SYSTEM" ? "SYSTEM" : M.role === "ADMIN" && (K?.presentationVersion || K?.legacyAvatarUrl) ? "HUMAN" : "SUPPORT", Ae = (K?.displayName === "Support" && K.avatarAsset === null && K.presentationVersion === null ? s("identity.support") : K?.displayName) ?? (M.role === "ADMIN" ? M.displayName : void 0) ?? (he === "LOLA" ? "Lola" : s(he === "SYSTEM" ? "identity.system" : "identity.support")), Ie = ue(
+    () => M.role === "SCENARIO" ? {
+      subjectKind: "MESSAGE",
+      subjectId: t.id,
+      attributionHandle: t.id,
+      ...t.ordinal !== void 0 ? { presentationOrdinal: t.ordinal } : {}
+    } : null,
+    [M.role, t.id, t.ordinal]
+  ), fe = ue(
+    () => P ? {
+      subjectKind: "CHOICE",
+      subjectId: P.inputRequestId,
+      attributionHandle: P.inputRequestId
+    } : null,
+    [P]
+  ), ce = U(() => {
+    const H = T.current;
+    return H ? !!(H.querySelector(
+      ".chat-message-content"
+    )?.textContent?.trim() || H.querySelector(".chat-attachments")) : !1;
+  }, []);
+  yn(
+    l?.runtime,
+    T,
+    I,
+    l?.surfaceEpisodeId ?? null,
+    Ie,
+    ce
+  ), yn(
+    l?.runtime,
+    E,
+    I && Z,
+    l?.surfaceEpisodeId ?? null,
+    fe
+  );
+  const de = U(
+    (H) => {
+      T.current = H, typeof o == "function" ? o(H) : o && (o.current = H);
+    },
+    [o]
+  ), k = d ? h : void 0;
+  !k && (v.active || v.text !== p) ? y({ active: !1, text: p }) : k && !v.active && y({ active: !0, text: v.text });
+  const ct = (j ? p : "") || k?.text || "", Me = !!(k && (k.done || j)), nt = !!(k && ct && (!Me || b !== k.sequence)), lt = nt ? "" : mo(t);
+  R(() => {
+    if (!P || P.lifecycle?.status !== "PENDING") return;
+    const H = po(P, Date.now());
+    if (H === null || H <= 0) return;
+    const le = window.setTimeout(
+      () => g(Date.now()),
+      Math.min(H + 1, 2147483647)
+    );
+    return () => window.clearTimeout(le);
+  }, [P, m]), R(() => {
+    P?.lifecycle && u.handleLifecycle(
+      re,
+      P.lifecycle
+    );
+  }, [
+    P?.lifecycle,
+    re,
+    u
+  ]);
+  const Rt = U(
+    (H) => !P || !Z ? Promise.resolve() : u.submit({
+      ...re,
+      optionId: H,
+      ...I && l?.surfaceEpisodeId ? {
+        presentationContext: {
+          surface: "CHAT",
+          surfaceEpisodeId: l.surfaceEpisodeId
+        }
+      } : {}
+    }),
+    [
+      P,
+      Z,
+      re,
+      I,
+      l,
+      u
+    ]
+  );
+  return G ? null : /* @__PURE__ */ N(
+    "div",
+    {
+      ref: de,
+      ...c,
+      "data-author": d ? "agent" : "customer",
+      className: ne(
+        "chat-message-row flex w-fit max-w-[86%] flex-col gap-2",
+        M.type === Te.Agent ? "self-start" : "self-end",
+        a
+      ),
+      children: [
+        d && /* @__PURE__ */ N("div", { className: "chat-message-identity flex max-w-full items-center gap-1.5 ps-0.5", children: [
+          /* @__PURE__ */ i(
+            Un,
+            {
+              conversationId: t.conversationId,
+              displayName: Ae,
+              fallbackKind: he,
+              presentation: K,
+              size: "message"
+            }
+          ),
+          /* @__PURE__ */ i("span", { className: "chat-message-author-name min-w-0 truncate text-[11px] leading-4 font-semibold text-white/72", children: Ae })
+        ] }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            "data-author": d ? "agent" : "customer",
+            className: ne(
+              "message flex h-fit min-h-8 w-fit max-w-full items-center justify-center text-start",
+              {
+                "rounded-es-[5px]": M.type === Te.Agent,
+                "self-start": M.type === Te.Agent,
+                "rounded-ee-[5px]": M.type === Te.Customer,
+                "self-end": M.type === Te.Customer
+              }
+            ),
+            children: nt && k ? /* @__PURE__ */ i("div", { className: "chat-message-content w-full min-w-0 break-words", children: /* @__PURE__ */ i(
+              sc,
+              {
+                stableText: k.stableText,
+                incomingText: k.incomingText,
+                sequence: k.sequence,
+                initialText: v.text,
+                targetText: ct,
+                finished: Me,
+                onSettled: () => {
+                  C(k.sequence), w(t.id);
+                }
+              }
+            ) }) : lt || j ? /* @__PURE__ */ i(
+              "div",
+              {
+                className: ne(
+                  "chat-message-content w-full min-w-0 break-words",
+                  !d && "whitespace-pre-wrap"
+                ),
+                dangerouslySetInnerHTML: { __html: lt }
+              }
+            ) : /* @__PURE__ */ i(ba, {})
+          }
+        ),
+        /* @__PURE__ */ i(
+          Aa,
+          {
+            attachments: t.attachments,
+            onPreview: n ? (H) => n(H, t.conversationId) : void 0,
+            onDownload: r ? (H) => r(H, t.conversationId) : void 0
+          }
+        ),
+        P && Z && ae !== "terminal" && /* @__PURE__ */ N(
+          "div",
+          {
+            ref: E,
+            className: "flex flex-wrap gap-[10px] self-start",
+            role: "group",
+            "aria-label": s("chat.chooseAnswer"),
+            children: [
+              P.options.map((H) => {
+                const le = ie === H.id, Be = ae === "submitting", ut = X && H.attention === "NUDGE_ONCE" && !Be && !A.has(P.inputRequestId);
+                return /* @__PURE__ */ i(
+                  Q,
+                  {
+                    type: "button",
+                    disabled: Be,
+                    "aria-pressed": le,
+                    "data-presentation": H.presentation,
+                    "data-attention": ut ? "NUDGE_ONCE" : "NONE",
+                    onClick: () => {
+                      D(), Rt(H.id);
+                    },
+                    className: ne(
+                      "chat-choice-option",
+                      ut && "chat-attention-nudge-once",
+                      le && "chat-choice-option--selected"
+                    ),
+                    children: H.label
+                  },
+                  H.id
+                );
+              }),
+              ae === "error" && /* @__PURE__ */ i("span", { className: "self-center text-xs text-red-200", children: s("chat.answerFailed") })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}), mc = 600, pc = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
+function gc({
+  containerRef: e,
+  contentRef: t,
+  firstMessageId: n,
+  messageCount: r,
+  threadId: a,
+  threshold: o = 80
+}) {
+  const c = S(!0), s = S(!1), l = S(null), u = S(null), w = S(r), p = S(n), d = S(a), h = U(() => {
+    l.current !== null && (window.cancelAnimationFrame(l.current), l.current = null);
+  }, []), m = U(() => {
+    u.current !== null && (window.clearTimeout(u.current), u.current = null);
+  }, []), g = U(() => {
+    if (!s.current) return;
+    s.current = !1, m();
+    const v = e.current;
+    !v || !c.current || (h(), v.scrollTo({ top: v.scrollHeight, behavior: "auto" }));
+  }, [h, m, e]), b = U(() => {
+    if (!s.current) return;
+    s.current = !1, m();
+    const v = e.current;
+    if (!v) return;
+    const y = v.scrollHeight - v.scrollTop - v.clientHeight;
+    c.current = y <= o;
+  }, [m, e, o]), C = U(
+    (v) => {
+      if (s.current) return;
+      const y = v.currentTarget, T = y.scrollHeight - y.scrollTop - y.clientHeight;
+      c.current = T <= o;
+    },
+    [o]
+  );
+  return ye(() => {
+    const v = e.current;
+    if (!v) return;
+    const y = w.current, T = d.current !== a, E = r > y, A = E && !T && p.current !== void 0 && p.current !== n;
+    if (T && (c.current = !0), A)
+      h(), m(), s.current = !1;
+    else if (c.current) {
+      h(), m();
+      const _ = E && y > 0 && !pc();
+      s.current = _, _ && (u.current = window.setTimeout(
+        g,
+        mc
+      )), v.scrollTo({
+        top: v.scrollHeight,
+        behavior: _ ? "smooth" : "auto"
+      });
+    }
+    w.current = r, p.current = n, d.current = a;
+  }, [
+    h,
+    m,
+    e,
+    g,
+    n,
+    r,
+    a
+  ]), R(() => {
+    const v = e.current, y = t.current;
+    if (!v || !y) return;
+    let T = null;
+    return typeof ResizeObserver < "u" && (T = new ResizeObserver(() => {
+      s.current || !c.current || l.current !== null || (l.current = window.requestAnimationFrame(() => {
+        l.current = null, c.current && v.scrollTo({ top: v.scrollHeight, behavior: "auto" });
+      }));
+    }), T.observe(y)), v.addEventListener("scrollend", g), v.addEventListener("wheel", b, {
+      passive: !0
+    }), v.addEventListener("touchstart", b, {
+      passive: !0
+    }), v.addEventListener("pointerdown", b, {
+      passive: !0
+    }), () => {
+      T?.disconnect(), v.removeEventListener("scrollend", g), v.removeEventListener("wheel", b), v.removeEventListener("touchstart", b), v.removeEventListener("pointerdown", b), h(), m(), s.current = !1;
+    };
+  }, [
+    h,
+    m,
+    e,
+    t,
+    g,
+    b
+  ]), C;
+}
+function vc({
+  className: e,
+  label: t,
+  ...n
+}) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ...n,
+      "data-author": "agent",
+      className: ne(
+        "chat-message-row chat-pending-assistant-message flex w-fit max-w-[86%] flex-col gap-2 self-start",
+        e
+      ),
+      children: /* @__PURE__ */ i("div", { className: "message flex h-fit min-h-8 w-fit max-w-full items-center justify-center self-start rounded-es-[5px] text-start", children: /* @__PURE__ */ i(ba, { label: t }) })
+    }
+  );
+}
+function wc({
+  message: e,
+  onPreviewAttachment: t,
+  onDownloadAttachment: n
+}) {
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      "data-author": "customer",
+      className: "chat-message-row flex w-fit max-w-[86%] flex-col gap-2 self-end",
+      children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            "data-author": "customer",
+            className: "message flex h-fit min-h-8 w-fit max-w-full items-center justify-center rounded-ee-[5px] text-start",
+            children: /* @__PURE__ */ i("div", { className: "chat-message-content w-full min-w-0 break-words whitespace-pre-wrap", children: e.text })
+          }
+        ),
+        /* @__PURE__ */ i(
+          Aa,
+          {
+            attachments: e.attachments,
+            onPreview: t ? (r) => t(r, e.conversationId) : void 0,
+            onDownload: n ? (r) => n(r, e.conversationId) : void 0
+          }
+        ),
+        e.readByAssistant && /* @__PURE__ */ i("span", { className: "chat-message-receipt", children: "Прочитано Lola" })
+      ]
+    }
+  );
+}
+const yc = [
+  {
+    align: "self-start",
+    delay: "-1280ms",
+    tone: "agent",
+    width: "w-[66%]",
+    lines: ["w-full", "w-[72%]"]
+  },
+  {
+    align: "self-end",
+    delay: "-1120ms",
+    tone: "customer",
+    width: "w-[62%]",
+    lines: ["w-full", "w-[56%]"]
+  },
+  {
+    align: "self-start",
+    delay: "-960ms",
+    tone: "agent",
+    width: "w-[78%]",
+    lines: ["w-full", "w-[86%]", "w-[58%]"]
+  },
+  {
+    align: "self-end",
+    delay: "-800ms",
+    tone: "customer",
+    width: "w-[56%]",
+    lines: ["w-full"]
+  },
+  {
+    align: "self-start",
+    delay: "-640ms",
+    tone: "agent",
+    width: "w-[64%]",
+    lines: ["w-full", "w-[52%]"]
+  },
+  {
+    align: "self-end",
+    delay: "-480ms",
+    tone: "customer",
+    width: "w-[70%]",
+    lines: ["w-full", "w-[64%]"]
+  },
+  {
+    align: "self-start",
+    delay: "-320ms",
+    tone: "agent",
+    width: "w-[72%]",
+    lines: ["w-full", "w-[74%]"]
+  },
+  {
+    align: "self-end",
+    delay: "-160ms",
+    tone: "customer",
+    width: "w-[48%]",
+    lines: ["w-full"]
+  },
+  {
+    align: "self-start",
+    delay: "0ms",
+    tone: "agent",
+    width: "w-[58%]",
+    lines: ["w-full", "w-[62%]"]
+  }
+];
+function bc() {
+  const { t: e } = me();
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      role: "status",
+      "aria-label": e("chat.loadingMessages"),
+      className: "chat-message-skeleton flex w-full flex-col gap-2 pb-1",
+      children: /* @__PURE__ */ i("div", { "aria-hidden": "true", className: "flex flex-col gap-2", children: yc.map((t, n) => /* @__PURE__ */ i(
+        "div",
+        {
+          style: {
+            "--chat-skeleton-delay": t.delay
+          },
+          className: `${t.align} ${t.width} chat-message-skeleton-bubble flex flex-col gap-2 border px-3 py-2.5 ${t.tone === "agent" ? "rounded-[17px] rounded-es-[5px] border-[#68d8ff]/10 bg-[var(--chat-surface-agent)]" : "rounded-[17px] rounded-ee-[5px] border-white/[0.06] bg-[#5b405f]/70"}`,
+          children: t.lines.map((r, a) => /* @__PURE__ */ i(
+            "span",
+            {
+              className: `${r} chat-message-skeleton-line h-2 rounded-full ${t.tone === "agent" ? "bg-[#68d8ff]/[0.13]" : "bg-white/[0.11]"}`
+            },
+            a
+          ))
+        },
+        n
+      )) })
+    }
+  );
+}
+const xc = ["-320ms", "-160ms", "0ms"];
+function Cc() {
+  const { t: e } = me();
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      role: "status",
+      "aria-label": e("chat.loadingOlder"),
+      className: "flex flex-col gap-2 px-2 py-3",
+      children: /* @__PURE__ */ i("div", { "aria-hidden": "true", className: "flex flex-col gap-2", children: xc.map((t) => /* @__PURE__ */ N(
+        "div",
+        {
+          style: { "--chat-skeleton-delay": t },
+          className: "chat-list-pagination-skeleton chat-message-skeleton-bubble flex h-14 items-center gap-3 rounded-2xl border border-white/[0.05] bg-white/[0.035] px-3",
+          children: [
+            /* @__PURE__ */ i("span", { className: "h-8 w-8 shrink-0 rounded-full bg-[#68d8ff]/[0.1]" }),
+            /* @__PURE__ */ N("span", { className: "flex flex-1 flex-col gap-2", children: [
+              /* @__PURE__ */ i("span", { className: "h-2 w-[42%] rounded-full bg-white/[0.11]" }),
+              /* @__PURE__ */ i("span", { className: "h-2 w-[76%] rounded-full bg-white/[0.07]" })
+            ] })
+          ]
+        },
+        t
+      )) })
+    }
+  );
+}
+function Tc() {
+  const { t: e } = me();
+  return /* @__PURE__ */ i(
+    go,
+    {
+      label: e("chat.loadingOlderMessages"),
+      className: "chat-history-pagination-status",
+      dotClassName: "chat-history-pagination-dot"
+    }
+  );
+}
+function Sa({
+  rootRef: e,
+  enabled: t,
+  isLoading: n,
+  onLoad: r,
+  resetKey: a,
+  rootMargin: o = "160px 0px"
+}) {
+  const c = S(null), s = S(!1), l = S(0), u = S(!0), [w, p] = F(null), d = U(async () => {
+    if (!t || n || s.current) return;
+    const h = l.current;
+    s.current = !0, p(null);
+    try {
+      await r();
+    } catch (m) {
+      u.current && l.current === h && p(
+        m instanceof Error ? m : new Error("Failed to load more items")
+      );
+    } finally {
+      l.current === h && (s.current = !1);
+    }
+  }, [t, n, r]);
+  return R(() => {
+    l.current += 1, s.current = !1, p(null);
+  }, [a]), R(() => (u.current = !0, () => {
+    u.current = !1;
+  }), []), R(() => {
+    const h = e.current, m = c.current;
+    if (!t || !h || !m)
+      return;
+    const g = () => {
+      const C = h.getBoundingClientRect(), v = m.getBoundingClientRect();
+      v.bottom >= C.top && v.top <= C.bottom && d();
+    };
+    h.addEventListener("scroll", g, { passive: !0 });
+    const b = typeof IntersectionObserver > "u" ? null : new IntersectionObserver(
+      (C) => {
+        C.some(({ isIntersecting: v }) => v) && d();
+      },
+      { root: h, rootMargin: o }
+    );
+    return b?.observe(m), () => {
+      b?.disconnect(), h.removeEventListener("scroll", g);
+    };
+  }, [t, d, o, e]), { error: w, loadMore: d, sentinelRef: c };
+}
+const jt = (e) => [
+  ...e.querySelectorAll("[data-chat-message-id]")
+], Tr = (e) => {
+  const t = e.getBoundingClientRect();
+  return jt(e).find((n) => {
+    const r = n.getBoundingClientRect();
+    return r.bottom > t.top && r.top < t.bottom;
+  });
+};
+function Ec({
+  containerRef: e,
+  contextId: t,
+  firstItemId: n,
+  isLoading: r,
+  itemCount: a
+}) {
+  const o = S(null), c = S(null), [s, l] = F(0), u = U(() => {
+    o.current = null, c.current?.(), c.current = null;
+  }, []), w = U(() => {
+    const p = e.current;
+    if (!p || !t) return;
+    const d = Tr(p);
+    d?.dataset.chatMessageId && (c.current?.(), c.current = null, o.current = {
+      contextId: t,
+      firstItemId: n,
+      itemId: d.dataset.chatMessageId,
+      itemCount: a,
+      top: d.getBoundingClientRect().top
+    }, l((h) => h + 1));
+  }, [e, t, n, a]);
+  return R(() => {
+    const p = e.current;
+    if (!p || !r) return;
+    const d = () => {
+      const h = o.current;
+      if (!h || h.contextId !== t) return;
+      const m = Tr(p);
+      m?.dataset.chatMessageId && (h.itemId = m.dataset.chatMessageId, h.top = m.getBoundingClientRect().top);
+    };
+    return p.addEventListener("scroll", d, {
+      passive: !0
+    }), () => p.removeEventListener("scroll", d);
+  }, [e, t, r]), ye(() => {
+    const p = o.current;
+    if (!p) return;
+    if (p.contextId !== t) {
+      u();
+      return;
+    }
+    if (r && p.firstItemId === n) return;
+    if (p.itemCount !== a && p.firstItemId === n) {
+      u();
+      return;
+    }
+    const d = e.current, h = d ? jt(d).find(
+      (m) => m.dataset.chatMessageId === p.itemId
+    ) : void 0;
+    d && h ? (d.scrollTop += h.getBoundingClientRect().top - p.top, p.firstItemId = n, p.itemCount = a) : u();
+  }, [u, e, t, n, r, a]), R(() => {
+    const p = o.current, d = e.current;
+    if (!p || !d || r || p.contextId !== t)
+      return;
+    let h = null, m = d.scrollTop;
+    const g = () => {
+      h = null;
+      const A = o.current;
+      if (!A) return;
+      const _ = jt(d).find(
+        (L) => L.dataset.chatMessageId === A.itemId
+      );
+      if (!_) {
+        u();
+        return;
+      }
+      m = d.scrollTop + _.getBoundingClientRect().top - A.top, d.scrollTop = m;
+    }, b = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
+      h === null && (h = window.requestAnimationFrame(g));
+    }), C = jt(d), v = C.findIndex(
+      (A) => A.dataset.chatMessageId === p.itemId
+    );
+    for (const A of C.slice(0, v + 1))
+      b?.observe(A);
+    const y = () => u(), T = () => {
+      Math.abs(d.scrollTop - m) > 1 && u();
+    };
+    d.addEventListener("scroll", T, {
+      passive: !0
+    }), d.addEventListener("wheel", y, { passive: !0 }), d.addEventListener("touchstart", y, {
+      passive: !0
+    }), d.addEventListener("pointerdown", y, {
+      passive: !0
+    });
+    const E = () => {
+      b?.disconnect(), h !== null && window.cancelAnimationFrame(h), d.removeEventListener("scroll", T), d.removeEventListener("wheel", y), d.removeEventListener("touchstart", y), d.removeEventListener("pointerdown", y);
+    };
+    return c.current = E, () => {
+      c.current === E && (c.current = null), E();
+    };
+  }, [
+    s,
+    u,
+    e,
+    t,
+    r,
+    a
+  ]), { captureAnchor: w, clearAnchor: u };
+}
+const Er = 10, Tn = 20 * 1024 * 1024, Nr = 50 * 1024 * 1024, Ma = [
+  "application/pdf",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+  "image/jpeg",
+  "image/png",
+  "image/webp",
+  "text/csv",
+  "text/plain"
+], Nc = [
+  ...Ma,
+  ".pdf",
+  ".docx",
+  ".xlsx",
+  ".pptx",
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".webp",
+  ".csv",
+  ".txt"
+].join(",");
+class Re extends Error {
+  constructor(t, n) {
+    super(t), this.code = t, this.status = n, this.name = "ChatAttachmentApiError";
+  }
+}
+const Ac = {
+  csv: "text/csv",
+  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  jpeg: "image/jpeg",
+  jpg: "image/jpeg",
+  pdf: "application/pdf",
+  png: "image/png",
+  pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+  txt: "text/plain",
+  webp: "image/webp",
+  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+}, Sc = new Set(Ma), _a = (e) => {
+  const t = e.normalize("NFC").trim();
+  return !!(t && new TextEncoder().encode(t).byteLength <= 255 && !/[\0\r\n\\/\u202a-\u202e\u2066-\u2069]/u.test(t));
+}, En = (e) => {
+  const t = e.type.trim().toLowerCase();
+  if (Sc.has(t)) return t;
+  if (t) return null;
+  const n = e.name.split(".").at(-1)?.toLowerCase() ?? "";
+  return Ac[n] ?? null;
+}, Ut = (e) => e ? `?${new URLSearchParams({ conversationId: e }).toString()}` : "", Mc = (e) => {
+  const t = new URL(e), n = t.hostname === "localhost" || t.hostname === "127.0.0.1" || t.hostname === "::1" || t.hostname.endsWith(".localhost");
+  if (t.protocol !== "https:" && !(t.protocol === "http:" && n))
+    throw new Re("CHAT_ATTACHMENT_UPLOAD_URL_UNSAFE");
+  return t.href;
+}, _c = async (e) => {
+  try {
+    const t = await e.json();
+    if (typeof t.code == "string" && t.code) return t.code;
+    if (typeof t.message == "string" && t.message) return t.message;
+  } catch {
+  }
+  return `CHAT_ATTACHMENT_HTTP_${e.status}`;
+}, Nt = (e) => {
+  if (e?.aborted) throw new DOMException("Upload aborted", "AbortError");
+}, kc = (e, t) => new Promise((n, r) => {
+  Nt(t);
+  const a = window.setTimeout(() => {
+    t?.removeEventListener("abort", o), n();
+  }, e), o = () => {
+    window.clearTimeout(a), r(new DOMException("Upload aborted", "AbortError"));
+  };
+  t?.addEventListener("abort", o, { once: !0 });
+}), Lc = async (e) => {
+  const t = await e.arrayBuffer(), n = await crypto.subtle.digest("SHA-256", t);
+  return Array.from(
+    new Uint8Array(n),
+    (r) => r.toString(16).padStart(2, "0")
+  ).join("");
+}, Rc = ({
+  file: e,
+  requiredHeaders: t,
+  signal: n,
+  uploadUrl: r,
+  onProgress: a
+}) => new Promise((o, c) => {
+  Nt(n);
+  const s = new XMLHttpRequest();
+  let l = !1;
+  const u = (p) => {
+    l || (l = !0, n?.removeEventListener("abort", w), p());
+  }, w = () => s.abort();
+  s.open("PUT", r), Object.entries(t).forEach(
+    ([p, d]) => s.setRequestHeader(p, d)
+  ), s.upload.addEventListener("progress", (p) => {
+    p.lengthComputable && p.total > 0 && a?.(Math.min(1, p.loaded / p.total));
+  }), s.addEventListener("load", () => {
+    s.status >= 200 && s.status < 300 ? u(o) : u(
+      () => c(
+        new Re(
+          `CHAT_ATTACHMENT_STORAGE_HTTP_${s.status}`,
+          s.status
+        )
+      )
+    );
+  }), s.addEventListener(
+    "error",
+    () => u(
+      () => c(new Re("CHAT_ATTACHMENT_UPLOAD_FAILED"))
+    )
+  ), s.addEventListener(
+    "abort",
+    () => u(() => c(new DOMException("Upload aborted", "AbortError")))
+  ), n?.addEventListener("abort", w, { once: !0 }), a?.(0), s.send(e);
+}), Ic = (e, t, n = {}) => {
+  const r = n.fetchImpl ?? fetch, a = n.uploadFile ?? Rc, o = n.digest ?? Lc, c = n.wait ?? kc, s = n.pollIntervalMs ?? 750, l = n.maxPolls ?? 160, u = async (h, m) => {
+    const g = await r(`${Po}${h}`, {
+      ...m,
+      headers: {
+        Authorization: `Bearer ${e.customerInteractionSession.accessToken}`,
+        ...m?.body ? { "Content-Type": "application/json" } : {},
+        ...m?.headers
+      }
+    });
+    if (!g.ok)
+      throw g.status === 401 && t.onSessionExpired(), new Re(
+        await _c(g),
+        g.status
+      );
+    return await g.json();
+  }, w = async ({
+    attachmentId: h,
+    conversationId: m
+  }) => {
+    await u(
+      `/chat/attachments/${encodeURIComponent(h)}/revoke${Ut(
+        m
+      )}`,
+      {
+        method: "POST"
+      }
+    );
+  }, p = (h, m, g) => u(
+    `/chat/attachments/${encodeURIComponent(h)}${Ut(
+      m
+    )}`,
+    { signal: g }
+  ), d = (h, m) => {
+    if (h.state !== "READY" || !h.canAttach)
+      throw new Re(
+        h.failureCode || `CHAT_ATTACHMENT_${h.state}`
+      );
+    if (h.id !== m.id || h.contentType !== m.contentType || h.sizeBytes !== m.sizeBytes)
+      throw new Re("CHAT_ATTACHMENT_CONTRACT_MISMATCH");
+    return {
+      id: h.id,
+      fileName: h.displayFilename,
+      mediaType: h.contentType,
+      size: h.sizeBytes,
+      kind: Do(h.contentType)
+    };
+  };
+  return {
+    async upload({
+      file: h,
+      conversationId: m,
+      signal: g,
+      onProgress: b,
+      onStage: C
+    }) {
+      const v = h.name.normalize("NFC").trim();
+      if (!_a(v))
+        throw new Re("CHAT_ATTACHMENT_FILENAME_INVALID");
+      if (h.size < 1 || h.size > Tn)
+        throw new Re("CHAT_ATTACHMENT_SIZE_INVALID");
+      const y = En(h);
+      if (!y)
+        throw new Re(
+          "CHAT_ATTACHMENT_CONTENT_TYPE_UNSUPPORTED"
+        );
+      let T;
+      try {
+        Nt(g), C?.("preparing");
+        const E = await o(h);
+        Nt(g);
+        const A = await u(
+          "/chat/attachments/uploads",
+          {
+            method: "POST",
+            body: JSON.stringify({
+              displayFilename: v,
+              contentType: y,
+              sizeBytes: h.size,
+              checksumSha256: E,
+              ...m ? { conversationId: m } : {}
+            }),
+            signal: g
+          }
+        );
+        T = A.id, C?.("uploading"), await a({
+          file: h,
+          uploadUrl: Mc(A.uploadUrl),
+          requiredHeaders: A.requiredHeaders,
+          signal: g,
+          onProgress: b
+        }), Nt(g), b?.(1), C?.("scanning");
+        let _ = await u(
+          `/chat/attachments/${encodeURIComponent(A.id)}/complete${Ut(
+            m
+          )}`,
+          {
+            method: "POST",
+            signal: g
+          }
+        );
+        for (let L = 0; _.state === "SCANNING"; L += 1) {
+          if (L >= l)
+            throw new Re("CHAT_ATTACHMENT_SCAN_TIMEOUT");
+          await c(s, g), _ = await p(A.id, m, g);
+        }
+        return d(_, {
+          id: A.id,
+          contentType: y,
+          sizeBytes: h.size
+        });
+      } catch (E) {
+        throw T && w({ attachmentId: T, conversationId: m }).catch(() => {
+        }), E;
+      }
+    },
+    async grant({ attachmentId: h, conversationId: m }) {
+      return u(
+        `/chat/attachments/${encodeURIComponent(h)}/grant${Ut(
+          m
+        )}`
+      );
+    },
+    revoke: w
+  };
+};
+function Oc({
+  attachment: e,
+  conversationId: t,
+  transport: n,
+  onClose: r
+}) {
+  const { t: a } = me(), o = e ? Ca(e) : null, [c, s] = F(void 0), [l, u] = F(!1), [w, p] = F(!1), [d, h] = F(!1), m = S(0), g = S(void 0), b = S(void 0), C = U(() => {
+    g.current && URL.revokeObjectURL(g.current), g.current = void 0, s(void 0);
+  }, []), v = U(async () => {
+    if (!e || !o) return;
+    const T = ++m.current;
+    b.current?.abort();
+    const E = new AbortController();
+    b.current = E, C(), u(!1), p(!1), h(!0);
+    try {
+      const A = await Ea(
+        e,
+        t,
+        n
+      ), _ = await ic(
+        A,
+        e,
+        E.signal
+      );
+      if (T !== m.current) {
+        URL.revokeObjectURL(_);
+        return;
+      }
+      g.current = _, s(_);
+    } catch {
+      T === m.current && u(!0);
+    } finally {
+      T === m.current && (h(!1), b.current === E && (b.current = void 0));
+    }
+  }, [e, t, o, C, n]);
+  R(() => {
+    if (!e || !o) {
+      b.current?.abort(), b.current = void 0, C();
+      return;
+    }
+    return v(), () => {
+      m.current += 1, b.current?.abort(), b.current = void 0;
+    };
+  }, [e, v, o, C]), R(
+    () => () => {
+      m.current += 1, b.current?.abort(), g.current && URL.revokeObjectURL(g.current);
+    },
+    []
+  );
+  const y = ue(() => {
+    if (!e) return "";
+    const T = e.size / (1024 * 1024), E = T >= 0.1 ? `${T.toFixed(1)} MB` : `${Math.max(1, Math.round(e.size / 1024))} KB`;
+    return `${e.mediaType} · ${E}`;
+  }, [e]);
+  return /* @__PURE__ */ i(ze, { show: !!e, children: /* @__PURE__ */ N(
+    Ci,
+    {
+      open: !!e,
+      onClose: r,
+      className: "fixed inset-0 z-[70]",
+      children: [
+        /* @__PURE__ */ i(
+          zt,
+          {
+            enter: "duration-200 ease-out",
+            enterFrom: "opacity-0",
+            enterTo: "opacity-100",
+            leave: "duration-150 ease-in",
+            leaveFrom: "opacity-100",
+            leaveTo: "opacity-0",
+            children: /* @__PURE__ */ i(xi, { className: "fixed inset-0 bg-[#05080d]/82 backdrop-blur-md" })
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "fixed inset-0 flex items-center justify-center p-3 sm:p-6", children: /* @__PURE__ */ i(
+          zt,
+          {
+            enter: "duration-200 ease-out",
+            enterFrom: "translate-y-3 scale-[0.98] opacity-0",
+            enterTo: "translate-y-0 scale-100 opacity-100",
+            leave: "duration-150 ease-in",
+            leaveFrom: "translate-y-0 scale-100 opacity-100",
+            leaveTo: "translate-y-2 scale-[0.98] opacity-0",
+            children: /* @__PURE__ */ N(ha, { className: "flex max-h-[min(82vh,760px)] w-[min(92vw,920px)] flex-col overflow-hidden rounded-2xl border border-white/14 bg-[#0c1119]/96 text-white shadow-[0_30px_90px_rgba(0,0,0,.58),0_0_0_1px_rgba(104,216,255,.05)]", children: [
+              /* @__PURE__ */ N("header", { className: "flex min-h-14 items-center gap-3 border-b border-white/10 px-4 py-3", children: [
+                /* @__PURE__ */ i("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-[#68d8ff]/24 bg-[#68d8ff]/10 text-[#68d8ff]", children: /* @__PURE__ */ i(Dn, { "aria-hidden": "true", className: "h-4.5 w-4.5" }) }),
+                /* @__PURE__ */ N("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ i(fa, { className: "truncate text-sm font-semibold", children: e?.fileName ?? "" }),
+                  /* @__PURE__ */ i("p", { className: "truncate text-[11px] text-white/50", children: y })
+                ] }),
+                e && /* @__PURE__ */ N(
+                  Q,
+                  {
+                    type: "button",
+                    "aria-label": `${a("attachment.download")} ${e.fileName}`,
+                    onClick: () => {
+                      Na(
+                        e,
+                        t,
+                        n
+                      ).catch(() => p(!0));
+                    },
+                    className: "flex h-9 items-center gap-2 rounded-xl border border-white/12 bg-white/5 px-3 text-xs font-medium text-white/82 transition-colors outline-none data-focus:ring-2 data-focus:ring-[#68d8ff]/65 data-hover:border-[#68d8ff]/42 data-hover:bg-[#68d8ff]/10 data-hover:text-white",
+                    children: [
+                      /* @__PURE__ */ i(xn, { "aria-hidden": "true", className: "h-4 w-4" }),
+                      /* @__PURE__ */ i("span", { className: "hidden sm:inline", children: a("attachment.download") })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  Q,
+                  {
+                    type: "button",
+                    "aria-label": a("attachment.closePreview"),
+                    onClick: r,
+                    className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-xl text-white/60 transition-colors outline-none data-focus:ring-2 data-focus:ring-[#68d8ff]/65 data-hover:bg-white/8 data-hover:text-white",
+                    children: /* @__PURE__ */ i(ya, { "aria-hidden": "true", className: "h-4.5 w-4.5" })
+                  }
+                )
+              ] }),
+              w && /* @__PURE__ */ i(
+                "p",
+                {
+                  role: "alert",
+                  className: "border-b border-red-200/10 bg-red-300/8 px-4 py-2 text-[11px] text-red-100/88",
+                  children: a("attachment.downloadFailed")
+                }
+              ),
+              /* @__PURE__ */ i("div", { className: "relative flex min-h-64 flex-1 items-center justify-center overflow-auto bg-[radial-gradient(circle_at_50%_20%,rgba(104,216,255,.08),transparent_46%),#080c12] p-3 sm:p-5", children: d ? /* @__PURE__ */ N(
+                "div",
+                {
+                  role: "status",
+                  className: "flex items-center gap-2 text-sm text-white/64",
+                  children: [
+                    /* @__PURE__ */ i(Vt, { className: "h-4 w-4 animate-spin text-[#68d8ff]" }),
+                    a("attachment.loadingPreview")
+                  ]
+                }
+              ) : l ? /* @__PURE__ */ N("div", { className: "max-w-sm text-center", children: [
+                /* @__PURE__ */ i(
+                  "p",
+                  {
+                    role: "alert",
+                    className: "text-sm font-medium text-white/86",
+                    children: a("attachment.previewFailed")
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  Q,
+                  {
+                    type: "button",
+                    onClick: () => {
+                      v();
+                    },
+                    className: "mt-3 rounded-xl border border-[#68d8ff]/35 bg-[#68d8ff]/10 px-3 py-2 text-xs font-semibold text-[#bcecff] transition-colors data-hover:bg-[#68d8ff]/16",
+                    children: a("attachment.retry")
+                  }
+                )
+              ] }) : c && o === "image" ? /* @__PURE__ */ i(
+                "img",
+                {
+                  src: c,
+                  alt: e?.fileName ?? "",
+                  className: "max-h-[66vh] max-w-full rounded-xl object-contain shadow-2xl"
+                }
+              ) : c && o === "pdf" ? /* @__PURE__ */ i(
+                "iframe",
+                {
+                  src: c,
+                  title: e?.fileName ?? a("attachment.pdfPreview"),
+                  sandbox: "allow-same-origin",
+                  referrerPolicy: "no-referrer",
+                  className: "h-[66vh] min-h-96 w-full rounded-xl border border-white/10 bg-white"
+                }
+              ) : null })
+            ] })
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+const Ar = [], $c = 220, qt = 8e3, ka = (e) => Math.max(0, Date.now() - e.occurredAt), Fc = (e, t) => t.type === "dismiss" ? { ...e, dismissedKey: t.key } : {
+  trackedKey: t.candidate?.key ?? null,
+  notice: t.candidate ?? e.notice,
+  dismissedKey: t.candidate ? e.dismissedKey : null
+};
+function Pc(e) {
+  const [t, n] = Mr(Fc, {
+    trackedKey: e?.key ?? null,
+    notice: e,
+    dismissedKey: null
+  }), r = e?.key ?? null, a = e?.occurredAt;
+  return (t.trackedKey !== r || e && t.notice?.message !== e.message) && n({ type: "sync", candidate: e }), R(() => {
+    if (!r || a === void 0 || t.dismissedKey === r)
+      return;
+    const o = Math.max(0, Date.now() - a), c = qt - o, s = window.setTimeout(
+      () => {
+        n({ type: "dismiss", key: r });
+      },
+      Math.max(0, c)
+    );
+    return () => window.clearTimeout(s);
+  }, [r, a, t.dismissedKey]), {
+    notice: t.notice,
+    visible: !!(e && t.dismissedKey !== e.key && ka(e) < qt)
+  };
+}
+const dn = (e, t, n) => typeof e == "number" && Number.isFinite(e) ? Math.min(n, Math.max(1, Math.floor(e))) : t;
+function Dc({
+  timeline: e,
+  isInitialHistoryLoading: t,
+  isOlderHistoryLoading: n,
+  onPreviewAttachment: r,
+  onDownloadAttachment: a
+}) {
+  const o = S(!1), c = S(!0);
+  ye(() => {
+    c.current = t || n, t || (o.current = !0);
+  }, [t, n]);
+  const s = U(
+    (l) => {
+      if (!l || !o.current || c.current)
+        return;
+      l.classList.add("chat-support-message-enter");
+      const u = (w) => {
+        w.target !== l || w.animationName !== "chat-support-message-in" || (l.classList.remove("chat-support-message-enter"), l.removeEventListener("animationend", u));
+      };
+      l.addEventListener("animationend", u);
+    },
+    []
+  );
+  return /* @__PURE__ */ i(Ce, { children: e.map(
+    (l) => l.type === "canonical" ? /* @__PURE__ */ i(
+      fc,
+      {
+        ref: l.message.author.role === "ADMIN" ? s : void 0,
+        "data-chat-message-id": l.message.id,
+        message: l.message,
+        onPreviewAttachment: r,
+        onDownloadAttachment: a
+      },
+      l.message.id
+    ) : l.type === "optimistic" ? /* @__PURE__ */ i(
+      wc,
+      {
+        message: l.message,
+        onPreviewAttachment: r,
+        onDownloadAttachment: a
+      },
+      l.message.id
+    ) : /* @__PURE__ */ i(ga, { className: "self-start" }, `cta:${l.commandId}`)
+  ) });
+}
+function Uc() {
+  const { direction: e, t } = me(), { open: n, cta: r, ctaAfterMessageId: a, config: o, api: c } = kt(), s = Yt(), { startListening: l } = _n(), u = Ln(), [w, p] = F(() => /* @__PURE__ */ new Map()), d = w.get(u) ?? "", h = U(
+    (f) => {
+      p((x) => {
+        const z = new Map(x);
+        return z.set(u, f), z;
+      });
+    },
+    [u]
+  ), m = U(() => {
+    l(o, c).catch((f) => {
+      console.error("voice init error", f);
+    }), s(ve.voice);
+  }, [c, o, s, l]), [g, b] = F(!1), [C, v] = F(), [y, T] = F(null), [E, A] = F(() => /* @__PURE__ */ new Map()), _ = S(E), L = E.get(u) ?? Ar, I = U(
+    (f, x) => {
+      A((z) => {
+        const O = z.get(f) ?? Ar, Y = typeof x == "function" ? x(O) : x, $ = new Map(z);
+        return $.set(f, Y), _.current = $, $;
+      });
+    },
+    []
+  ), X = U(
+    (f) => I(u, f),
+    [u, I]
+  ), M = S(null), G = S(null), j = S(null), P = S(null), re = S(null), se = S(/* @__PURE__ */ new Set()), B = S(/* @__PURE__ */ new Map()), J = S(/* @__PURE__ */ new Map()), ae = S(/* @__PURE__ */ new Set()), ie = S(/* @__PURE__ */ new Set()), Z = S(/* @__PURE__ */ new Set()), ee = S(0), {
+    cancelThreadMessagesRequest: D,
+    clearSendError: K,
+    fetchOlderThreadMessages: he,
+    sendMessage: Ae,
+    setLatestReadMessageDate: Ie
+  } = kn(), fe = Dr(), ce = Ur(), de = vo(), k = Fr(), Jt = wo(), ct = yo(), Me = bo(), nt = xo(), lt = Co("ASSISTANT"), Rt = Hr(), H = Rn(), le = Br(
+    H,
+    Rt
+  ), [Be, ut] = F(
+    () => !le
+  ), [La, Hn] = F(
+    () => !le
+  ), Ke = To(), ge = Eo(), {
+    networkStatus: dt,
+    networkStatusChangedAt: ht,
+    anycableService: Qt,
+    endUserTypingClient: _e
+  } = Mn(), ke = o.attachments?.enabled !== !1 && H.contractState === "CURRENT" && H.humanSupport === "ASSIGNED", Ye = !!d.trim() ? "send" : le ? null : "voice";
+  ye(() => {
+    if (le) {
+      Hn(!1);
+      const x = window.setTimeout(
+        () => ut(!1),
+        $c
+      );
+      return () => window.clearTimeout(x);
+    }
+    ut(!0);
+    const f = window.requestAnimationFrame(
+      () => Hn(!0)
+    );
+    return () => window.cancelAnimationFrame(f);
+  }, [le]);
+  const rt = dn(
+    o.attachments?.maxFiles,
+    Er,
+    Er
+  ), en = dn(
+    o.attachments?.maxBytes,
+    Tn,
+    Tn
+  ), ft = dn(
+    o.attachments?.maxTotalBytes,
+    Nr,
+    Nr
+  ), Bn = L.reduce(
+    (f, x) => f + x.file.size,
+    0
+  ), It = ke && !k && L.length < rt && Bn < ft, Oe = ue(
+    () => o.attachments?.transport ?? Ic(o, c),
+    [c, o]
+  ), Vn = S(Oe);
+  Vn.current = Oe;
+  const at = S(!0), jn = !Rt && (!!lt?.active || de), zn = ue(() => {
+    const f = ge.map((x) => ({
+      type: "canonical",
+      message: x
+    }));
+    if (Ke) {
+      const x = Ke.afterMessageId ? ge.findIndex(
+        ({ id: O }) => O === Ke.afterMessageId
+      ) : -1, z = Ke.afterMessageId ? x >= 0 ? x + 1 : f.length : 0;
+      f.splice(z, 0, {
+        type: "optimistic",
+        message: Ke
+      });
+    }
+    if (r) {
+      const x = a ? f.findIndex(
+        (z) => z.type !== "cta" && z.message.id === a
+      ) : -1;
+      f.splice(x + 1, 0, {
+        type: "cta",
+        commandId: r.commandId
+      });
+    }
+    return f;
+  }, [r, a, Ke, ge]), tn = Jt && zn.length === 0, Ra = gc({
+    containerRef: P,
+    contentRef: re,
+    firstMessageId: ge[0]?.id,
+    messageCount: ge.length + +!!Ke + Number(jn) + +!!r + Number(Be),
+    threadId: u
+  }), { captureAnchor: Wn, clearAnchor: Gn } = Ec({
+    containerRef: P,
+    contextId: u,
+    firstItemId: ge[0]?.id,
+    isLoading: Me,
+    itemCount: ge.length
+  }), Ia = U(async () => {
+    if (u) {
+      Wn();
+      try {
+        await he(u);
+      } catch (f) {
+        throw Gn(), f;
+      }
+    }
+  }, [Wn, Gn, u, he]), {
+    error: qn,
+    loadMore: Kn,
+    sentinelRef: Oa
+  } = Sa({
+    rootRef: P,
+    enabled: ct,
+    isLoading: Me,
+    onLoad: Ia,
+    resetKey: u
+  });
+  R(() => {
+    at.current = !0;
+    const f = B.current, x = J.current, z = ae.current, O = ie.current, Y = Z.current;
+    return () => {
+      at.current = !1, j.current !== null && window.clearTimeout(j.current);
+      const $ = Vn.current;
+      if ($.revoke)
+        for (const [W, te] of _.current)
+          for (const q of te)
+            q.state !== "ready" || !q.attachment || O.has(q.id) || Y.has(q.id) || (Y.add(q.id), $.revoke({
+              attachmentId: q.attachment.id,
+              conversationId: W
+            }).catch(() => {
+            }).finally(() => Y.delete(q.id)));
+      f.forEach((W) => W.abort()), x.forEach((W) => URL.revokeObjectURL(W)), f.clear(), x.clear(), z.clear();
+    };
+  }, []), R(
+    () => () => _e?.stop(),
+    [u, _e]
+  ), R(() => {
+    const f = () => {
+      document.visibilityState === "hidden" && _e?.stop();
+    };
+    return document.addEventListener("visibilitychange", f), () => document.removeEventListener("visibilitychange", f);
+  }, [_e]), R(() => {
+    dt !== st.Available && _e?.stop();
+  }, [_e, dt]), R(
+    () => () => {
+      u && D(u);
+    },
+    [D, u]
+  ), R(() => {
+    if (n && ge.length > 0) {
+      const f = ge.findLast(
+        (x) => x.author.type === Te.Customer || x.status === Xe.Completed || x.status === Xe.Failed || x.status === Xe.Cancelled
+      );
+      f && Ie(f.updatedAt);
+    }
+  }, [ge, n, Ie]), R(() => {
+    if (!(!n || !Qt))
+      for (const f of ge)
+        !f.delivery || f.delivery.status === "READ" || se.current.has(f.id) || (se.current.add(f.id), Qt.acknowledgeMessageDelivery({ messageId: f.id, status: "read" }).catch(() => se.current.delete(f.id)));
+  }, [Qt, n, ge]);
+  const nn = fe === $e.connectionFailed && ce !== null && dt === st.Available && ht >= ce;
+  R(() => {
+    nn && K();
+  }, [K, nn]), R(() => {
+    if (!fe || ce === null) return;
+    const f = qt - Math.max(0, Date.now() - ce), x = window.setTimeout(K, Math.max(0, f));
+    return () => window.clearTimeout(x);
+  }, [K, fe, ce]);
+  const mt = [];
+  fe && fe !== $e.openChatFailed && ce !== null && !nn && mt.push({
+    key: `send:${fe}:${ce}`,
+    message: No(fe, t),
+    source: "send",
+    occurredAt: ce
+  });
+  const Ot = ge.findLast(
+    (f) => f.author.type === Te.Agent && f.author.role === "ASSISTANT"
+  );
+  if (!nt && Ot?.status === Xe.Failed) {
+    const f = Date.parse(Ot.updatedAt);
+    Number.isFinite(f) && mt.push({
+      key: `assistant:${Ot.id}:${Ot.updatedAt}`,
+      message: t($e.agentResponseFailed),
+      source: "assistant",
+      occurredAt: f
+    });
+  }
+  dt === st.Unavailable && mt.push({
+    key: `network:unavailable:${ht}`,
+    message: t($e.connectionFailed),
+    source: "network",
+    occurredAt: ht
+  }), dt === st.Offline && mt.push({
+    key: `network:offline:${ht}`,
+    message: t($e.offline),
+    source: "network",
+    occurredAt: ht
+  });
+  const $a = mt.reduce(
+    (f, x) => ka(x) >= qt ? f : !f || x.occurredAt > f.occurredAt ? x : f,
+    null
+  ), rn = Pc($a), Yn = U(
+    (f, x, z) => {
+      B.current.get(x)?.abort();
+      const O = new AbortController();
+      B.current.set(x, O), I(
+        f,
+        (Y) => Y.map(
+          ($) => $.id === x ? { ...$, progress: 0, state: "preparing" } : $
+        )
+      ), Oe.upload({
+        file: z,
+        conversationId: f,
+        signal: O.signal,
+        onStage: (Y) => {
+          B.current.get(x) === O && I(
+            f,
+            ($) => $.map(
+              (W) => W.id === x ? { ...W, state: Y } : W
+            )
+          );
+        },
+        onProgress: (Y) => B.current.get(x) === O ? I(
+          f,
+          ($) => $.map(
+            (W) => W.id === x ? { ...W, progress: Y, state: "uploading" } : W
+          )
+        ) : void 0
+      }).then((Y) => {
+        B.current.get(x) === O && I(
+          f,
+          ($) => $.map(
+            (W) => W.id === x ? { ...W, progress: 1, state: "ready", attachment: Y } : W
+          )
+        );
+      }).catch((Y) => {
+        B.current.get(x) !== O || Y instanceof DOMException && Y.name === "AbortError" || I(
+          f,
+          ($) => $.map(
+            (W) => W.id === x ? { ...W, state: "failed" } : W
+          )
+        );
+      }).finally(() => {
+        B.current.get(x) === O && B.current.delete(x);
+      });
+    },
+    [Oe, I]
+  ), Zn = (f) => {
+    if (k || !ke || !f) return;
+    const x = [];
+    let z = Bn, O;
+    for (const $ of Array.from(f)) {
+      if (L.length + x.length >= rt) {
+        O ??= t("attachment.tooMany", { count: rt });
+        continue;
+      }
+      if ($.size <= 0) {
+        O ??= t("attachment.emptyFile");
+        continue;
+      }
+      if (!_a($.name)) {
+        O ??= t("attachment.invalidFileName");
+        continue;
+      }
+      if (!En($)) {
+        O ??= t("attachment.unsupportedType");
+        continue;
+      }
+      if ($.size > en) {
+        O ??= t("attachment.fileTooLarge", {
+          size: Math.round(en / (1024 * 1024))
+        });
+        continue;
+      }
+      if (z + $.size > ft) {
+        O ??= t("attachment.totalTooLarge", {
+          size: Math.round(ft / (1024 * 1024))
+        });
+        continue;
+      }
+      x.push($), z += $.size;
+    }
+    v(O);
+    const Y = x.map(($) => ({
+      id: crypto.randomUUID(),
+      file: $,
+      progress: 0,
+      state: "preparing"
+    }));
+    Y.length && (Y.forEach(({ id: $, file: W }) => {
+      ae.current.add($);
+      const te = En(W);
+      te?.startsWith("image/") && cc(W, te).then((q) => {
+        if (!ae.current.has($)) {
+          URL.revokeObjectURL(q);
+          return;
+        }
+        J.current.set($, q), I(
+          u,
+          (ot) => ot.map(
+            (an) => an.id === $ ? { ...an, localPreviewUrl: q } : an
+          )
+        );
+      }).catch(() => {
+      });
+    }), X(($) => [...$, ...Y]), Y.forEach(
+      ({ id: $, file: W }) => Yn(u, $, W)
+    ));
+  }, Xn = U(
+    (f, x) => {
+      B.current.get(x)?.abort(), B.current.delete(x), ae.current.delete(x);
+      const z = J.current.get(x);
+      z && URL.revokeObjectURL(z), J.current.delete(x), I(
+        f,
+        (O) => O.filter((Y) => Y.id !== x)
+      );
+    },
+    [I]
+  ), Fa = (f, x) => {
+    if (!(f.state === "removing" || f.state === "sending")) {
+      if (f.state === "ready" && f.attachment && Oe.revoke) {
+        if (Z.current.has(f.id)) return;
+        Z.current.add(f.id), v(void 0), I(
+          x,
+          (z) => z.map(
+            (O) => O.id === f.id ? { ...O, state: "removing" } : O
+          )
+        ), (async () => {
+          try {
+            await Oe.revoke?.({
+              attachmentId: f.attachment.id,
+              conversationId: x
+            }), at.current && Xn(x, f.id);
+          } catch {
+            at.current && (I(
+              x,
+              (z) => z.map(
+                (O) => O.id === f.id && O.state === "removing" ? { ...O, state: "ready" } : O
+              )
+            ), v(t("attachment.revokeFailed")));
+          } finally {
+            Z.current.delete(f.id);
+          }
+        })();
+        return;
+      }
+      Xn(x, f.id);
+    }
+  }, $t = (f) => Array.from(f.dataTransfer.types).includes("Files"), Pa = (f) => {
+    if ($t(f)) {
+      if (f.preventDefault(), !It) {
+        f.dataTransfer.dropEffect = "none";
+        return;
+      }
+      ee.current += 1, b(!0);
+    }
+  }, Da = (f) => {
+    !$t(f) && !g || (f.preventDefault(), f.dataTransfer.dropEffect = It ? "copy" : "none");
+  }, Ua = (f) => {
+    !$t(f) && !g || (f.preventDefault(), ee.current = Math.max(0, ee.current - 1), ee.current === 0 && b(!1));
+  }, Ha = (f) => {
+    !$t(f) && !g || (f.preventDefault(), ee.current = 0, b(!1), !(k || !ke) && (It ? Zn(f.dataTransfer.files) : L.length >= rt ? v(t("attachment.tooMany", { count: rt })) : v(
+      t("attachment.totalTooLarge", {
+        size: Math.round(ft / (1024 * 1024))
+      })
+    )));
+  }, Jn = () => {
+    const f = u, x = d.trim(), z = L.flatMap(
+      ({ attachment: te, state: q }) => q === "ready" && te ? [te] : []
+    );
+    if (k || !x || nt || !ke && L.length > 0 || L.some(({ state: te }) => te !== "ready"))
+      return;
+    _e?.stop(), j.current !== null && (window.clearTimeout(j.current), j.current = null), h(""), M.current && (M.current.style.height = "auto");
+    const O = L.map(({ id: te }) => te), Y = new Set(O);
+    O.forEach(
+      (te) => ie.current.add(te)
+    ), O.length > 0 && I(
+      f,
+      (te) => te.map(
+        (q) => Y.has(q.id) ? { ...q, state: "sending" } : q
+      )
+    );
+    const $ = () => {
+      O.forEach(
+        (te) => ie.current.delete(te)
+      ), at.current && I(
+        f,
+        (te) => te.map(
+          (q) => Y.has(q.id) && q.state === "sending" ? { ...q, state: "ready" } : q
+        )
+      );
+    };
+    let W;
+    try {
+      W = z.length ? Ae(x, z) : Ae(x);
+    } catch {
+      h(x), $();
+      return;
+    }
+    W.then((te) => {
+      if (!te) {
+        $();
+        return;
+      }
+      O.forEach((q) => {
+        ae.current.delete(q);
+        const ot = J.current.get(q);
+        ot && URL.revokeObjectURL(ot), J.current.delete(q);
+      }), at.current && I(
+        f,
+        (q) => q.filter((ot) => !Y.has(ot.id))
+      );
+    }).catch($);
+  }, Ba = U(
+    (f, x) => T({ attachment: f, conversationId: x }),
+    []
+  ), Va = U(
+    (f, x) => {
+      Na(
+        f,
+        x,
+        Oe
+      ).catch(() => v(t("attachment.downloadFailed")));
+    },
+    [Oe, t]
+  );
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      "aria-busy": k,
+      onDragEnter: Pa,
+      onDragOver: Da,
+      onDragLeave: Ua,
+      onDrop: Ha,
+      className: "relative z-1 flex min-h-0 flex-1 flex-col overflow-hidden px-3 pb-2",
+      children: [
+        /* @__PURE__ */ i(
+          ze,
+          {
+            show: Me,
+            enter: "transition-opacity duration-[120ms] ease-[var(--chat-ease-out)] motion-reduce:duration-75",
+            enterFrom: "opacity-0",
+            enterTo: "opacity-100",
+            leave: "transition-opacity duration-100 ease-[var(--chat-ease-out)] motion-reduce:duration-75",
+            leaveFrom: "opacity-100",
+            leaveTo: "opacity-0",
+            children: /* @__PURE__ */ i("div", { className: "pointer-events-none absolute top-2 right-0 left-0 z-20 flex justify-center px-4", children: /* @__PURE__ */ i(Tc, {}) })
+          }
+        ),
+        /* @__PURE__ */ i(
+          ze,
+          {
+            show: !!qn,
+            enter: "transition-opacity duration-[120ms] ease-[var(--chat-ease-out)] motion-reduce:duration-75",
+            enterFrom: "opacity-0",
+            enterTo: "opacity-100",
+            leave: "transition-opacity duration-100 ease-[var(--chat-ease-out)] motion-reduce:duration-75",
+            leaveFrom: "opacity-100",
+            leaveTo: "opacity-0",
+            children: /* @__PURE__ */ i(
+              "div",
+              {
+                role: "alert",
+                className: "pointer-events-none absolute top-2 right-0 left-0 z-20 flex justify-center px-4",
+                children: /* @__PURE__ */ N(
+                  Q,
+                  {
+                    type: "button",
+                    onClick: () => {
+                      Kn();
+                    },
+                    className: "pointer-events-auto flex max-w-full items-center gap-2 rounded-full border border-white/[0.08] bg-[#161616]/92 px-3 py-2 text-[11px] leading-4 font-medium text-white/68 shadow-[0_8px_24px_rgb(0_0_0/0.26)] backdrop-blur-md transition-colors hover:border-[var(--chat-action-primary)]/30 hover:text-white/90",
+                    children: [
+                      /* @__PURE__ */ i(br, { "aria-hidden": "true", className: "h-3.5 w-3.5 shrink-0" }),
+                      /* @__PURE__ */ i("span", { className: "truncate", children: t("chat.previousLoadFailed") }),
+                      /* @__PURE__ */ i("span", { className: "shrink-0 text-[var(--chat-action-primary)]", children: t("chat.retryPreviousMessages") })
+                    ]
+                  }
+                )
+              }
+            )
+          }
+        ),
+        ke && g && /* @__PURE__ */ i("div", { className: "chat-attachment-dropzone", "aria-hidden": "true", children: /* @__PURE__ */ N("div", { className: "chat-attachment-dropzone__content", children: [
+          /* @__PURE__ */ i(yr, { className: "h-5 w-5" }),
+          /* @__PURE__ */ i("span", { children: t("attachment.dropFiles") }),
+          /* @__PURE__ */ i("small", { children: t("attachment.limits", {
+            count: rt,
+            size: Math.round(en / (1024 * 1024)),
+            total: Math.round(ft / (1024 * 1024))
+          }) })
+        ] }) }),
+        /* @__PURE__ */ N(
+          "div",
+          {
+            ref: P,
+            onScroll: Ra,
+            "data-message-veil": Be ? La ? "on" : "revealing" : "off",
+            className: "chat-message-viewport chat-scrollbar flex h-0 min-h-0 flex-1 flex-col overflow-y-auto px-1 [overflow-anchor:none]",
+            children: [
+              /* @__PURE__ */ i("div", { className: "chat-message-veil-spacer", "aria-hidden": "true" }),
+              /* @__PURE__ */ N(
+                "div",
+                {
+                  ref: re,
+                  "aria-busy": tn || Me,
+                  className: "chat-timeline relative z-1 flex min-h-full shrink-0 flex-col justify-end gap-2 pt-3 pb-3",
+                  children: [
+                    (ct || Me) && /* @__PURE__ */ N("div", { className: "relative flex h-7 shrink-0 items-center justify-center", children: [
+                      /* @__PURE__ */ i(
+                        "div",
+                        {
+                          ref: Oa,
+                          "aria-hidden": "true",
+                          className: "absolute top-0 h-px w-full"
+                        }
+                      ),
+                      !Me && !qn && /* @__PURE__ */ i(
+                        Q,
+                        {
+                          type: "button",
+                          "aria-label": t("chat.loadPreviousMessages"),
+                          onClick: () => {
+                            Kn();
+                          },
+                          className: "rounded-full border border-white/10 bg-black/20 px-3 py-1 text-[11px] text-white/65 transition-colors hover:border-[#68d8ff]/30 hover:text-white/90",
+                          children: t("chat.loadPreviousMessages")
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ N("div", { className: "relative w-full", children: [
+                      /* @__PURE__ */ i(
+                        ze,
+                        {
+                          show: tn,
+                          enter: "transition-[opacity,transform] duration-[220ms] ease-out motion-reduce:transition-none",
+                          enterFrom: "translate-y-1.5 opacity-0 motion-reduce:translate-y-0",
+                          enterTo: "translate-y-0 opacity-100",
+                          leave: "transition-[opacity,transform] duration-[180ms] ease-in motion-reduce:transition-none",
+                          leaveFrom: "translate-y-0 opacity-100",
+                          leaveTo: "-translate-y-1 opacity-0 motion-reduce:translate-y-0",
+                          children: /* @__PURE__ */ i("div", { className: "pointer-events-none absolute right-0 bottom-0 left-0", children: /* @__PURE__ */ i(bc, {}) })
+                        }
+                      ),
+                      /* @__PURE__ */ i(
+                        ze,
+                        {
+                          show: !tn,
+                          enter: "transition-[opacity,transform] delay-75 duration-[220ms] ease-out motion-reduce:transition-none motion-reduce:delay-0",
+                          enterFrom: "translate-y-2 opacity-0 motion-reduce:translate-y-0",
+                          enterTo: "translate-y-0 opacity-100",
+                          leave: "transition-opacity duration-100 ease-out motion-reduce:transition-none",
+                          leaveFrom: "opacity-100",
+                          leaveTo: "opacity-0",
+                          children: /* @__PURE__ */ i("div", { className: "flex w-full flex-col gap-2", children: /* @__PURE__ */ i(
+                            Dc,
+                            {
+                              timeline: zn,
+                              isInitialHistoryLoading: Jt,
+                              isOlderHistoryLoading: Me,
+                              onPreviewAttachment: Ba,
+                              onDownloadAttachment: Va
+                            },
+                            u ?? "new-conversation"
+                          ) })
+                        }
+                      )
+                    ] }),
+                    jn && /* @__PURE__ */ i(
+                      vc,
+                      {
+                        label: lt?.active ? "Lola is typing" : void 0
+                      }
+                    ),
+                    /* @__PURE__ */ i(
+                      ze,
+                      {
+                        show: rn.visible,
+                        enter: "transition-[opacity,transform] duration-200 ease-out motion-reduce:transition-opacity motion-reduce:duration-100",
+                        enterFrom: "translate-y-1.5 opacity-0 motion-reduce:translate-y-0",
+                        enterTo: "translate-y-0 opacity-100",
+                        leave: "transition-[opacity,transform] duration-150 ease-out motion-reduce:transition-opacity motion-reduce:duration-100",
+                        leaveFrom: "translate-y-0 opacity-100",
+                        leaveTo: "translate-y-1 opacity-0 motion-reduce:translate-y-0",
+                        children: /* @__PURE__ */ i(
+                          ma,
+                          {
+                            role: "status",
+                            "aria-live": "polite",
+                            message: rn.notice?.message ?? "",
+                            className: "mt-2"
+                          }
+                        )
+                      },
+                      rn.notice?.key ?? "no-chat-error"
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        L.length > 0 && /* @__PURE__ */ i(
+          "div",
+          {
+            className: "chat-composer-attachments",
+            "aria-label": t("attachment.filesToSend"),
+            "aria-live": "polite",
+            children: L.map((f) => /* @__PURE__ */ N("div", { className: "chat-composer-attachment", children: [
+              /* @__PURE__ */ i("div", { className: "chat-composer-attachment__preview", children: f.localPreviewUrl ? /* @__PURE__ */ i("img", { src: f.localPreviewUrl, alt: "" }) : /* @__PURE__ */ i(Dn, { "aria-hidden": "true", className: "h-4 w-4" }) }),
+              /* @__PURE__ */ N("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ i("p", { className: "truncate text-[11px] font-semibold text-white/88", children: f.file.name }),
+                /* @__PURE__ */ i("div", { className: "mt-0.5 flex items-center gap-1.5 text-[10px]", children: f.state === "preparing" ? /* @__PURE__ */ N(Ce, { children: [
+                  /* @__PURE__ */ i(Vt, { className: "h-3 w-3 animate-spin text-[#68d8ff]" }),
+                  /* @__PURE__ */ i("span", { className: "text-white/52", children: t("attachment.preparing") })
+                ] }) : f.state === "uploading" ? /* @__PURE__ */ N(Ce, { children: [
+                  /* @__PURE__ */ i("span", { className: "text-[#a9eaff]", children: t("attachment.uploading") }),
+                  /* @__PURE__ */ N("span", { className: "text-white/44 tabular-nums", children: [
+                    Math.round(f.progress * 100),
+                    "%"
+                  ] })
+                ] }) : f.state === "scanning" ? /* @__PURE__ */ N(Ce, { children: [
+                  /* @__PURE__ */ i(xr, { className: "h-3 w-3 animate-pulse text-amber-200" }),
+                  /* @__PURE__ */ i("span", { className: "text-amber-100/74", children: t("attachment.scanning") })
+                ] }) : f.state === "ready" ? /* @__PURE__ */ N(Ce, { children: [
+                  /* @__PURE__ */ i(Ui, { className: "h-3 w-3 text-[#8df0c8]" }),
+                  /* @__PURE__ */ i("span", { className: "text-[#a6ebce]", children: t("attachment.ready") }),
+                  /* @__PURE__ */ i("span", { className: "text-white/38", children: xa(f.file.size) })
+                ] }) : f.state === "removing" ? /* @__PURE__ */ N(Ce, { children: [
+                  /* @__PURE__ */ i(Vt, { className: "h-3 w-3 animate-spin text-[#68d8ff]" }),
+                  /* @__PURE__ */ i("span", { className: "text-[#a9eaff]", children: t("attachment.removing") })
+                ] }) : f.state === "sending" ? /* @__PURE__ */ N(Ce, { children: [
+                  /* @__PURE__ */ i(xr, { className: "h-3 w-3 animate-pulse text-[#8df0c8]" }),
+                  /* @__PURE__ */ i("span", { className: "text-[#a6ebce]", children: t("attachment.sending") })
+                ] }) : /* @__PURE__ */ N(Ce, { children: [
+                  /* @__PURE__ */ i(Gi, { className: "h-3 w-3 text-red-200" }),
+                  /* @__PURE__ */ i("span", { className: "text-red-100/80", children: t("attachment.uploadFailed") })
+                ] }) }),
+                (f.state === "uploading" || f.state === "scanning") && /* @__PURE__ */ i("div", { className: "chat-composer-attachment__progress", children: /* @__PURE__ */ i(
+                  "span",
+                  {
+                    className: f.state === "scanning" ? "is-scanning" : "",
+                    style: f.state === "uploading" ? { width: `${Math.max(4, f.progress * 100)}%` } : void 0
+                  }
+                ) })
+              ] }),
+              f.state === "failed" && ke && /* @__PURE__ */ i(
+                Q,
+                {
+                  type: "button",
+                  "aria-label": `${t("attachment.retry")} ${f.file.name}`,
+                  onClick: () => Yn(
+                    u,
+                    f.id,
+                    f.file
+                  ),
+                  className: "chat-composer-attachment__action text-[#68d8ff]",
+                  children: /* @__PURE__ */ i(br, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+                }
+              ),
+              /* @__PURE__ */ i(
+                Q,
+                {
+                  type: "button",
+                  "aria-label": `${t("attachment.remove")} ${f.file.name}`,
+                  "aria-busy": f.state === "removing",
+                  disabled: f.state === "removing" || f.state === "sending",
+                  onClick: () => Fa(f, u),
+                  className: "chat-composer-attachment__action text-white/58",
+                  children: f.state === "removing" ? /* @__PURE__ */ i(
+                    Vt,
+                    {
+                      "aria-hidden": "true",
+                      className: "h-3.5 w-3.5 animate-spin"
+                    }
+                  ) : /* @__PURE__ */ i(ya, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+                }
+              )
+            ] }, f.id))
+          }
+        ),
+        C && /* @__PURE__ */ i(
+          "p",
+          {
+            role: "alert",
+            className: "px-2 pb-1 text-[10px] leading-4 text-amber-100/86",
+            children: C
+          }
+        ),
+        ke && L.some(({ state: f }) => f === "ready") && !d.trim() && /* @__PURE__ */ i("p", { className: "px-2 pb-1 text-[10px] leading-4 text-white/48", children: t("attachment.messageRequired") }),
+        !ke && L.length > 0 && /* @__PURE__ */ i(
+          "p",
+          {
+            role: "status",
+            className: "px-2 pb-1 text-[10px] leading-4 text-white/48",
+            children: t("attachment.disabled")
+          }
+        ),
+        /* @__PURE__ */ N("div", { className: "chat-composer flex shrink-0 flex-row items-end", children: [
+          /* @__PURE__ */ i("div", { className: "chat-composer__input flex min-w-0 flex-1 items-end", children: /* @__PURE__ */ i(
+            Ni,
+            {
+              ref: M,
+              value: d,
+              rows: 1,
+              disabled: k,
+              "aria-label": t("chat.messageLabel"),
+              "data-chat-route-focus": !0,
+              placeholder: t("chat.messagePlaceholder"),
+              onBlur: () => _e?.stop(),
+              onChange: (f) => {
+                const x = f.target.value;
+                h(x), u && x.trim() ? _e?.markActivity(u) : _e?.stop();
+              },
+              onInput: (f) => {
+                const x = f.currentTarget;
+                j.current !== null && window.clearTimeout(j.current), j.current = null;
+                const z = x.clientHeight + "px";
+                x.style.height = "auto";
+                const O = Math.min(x.scrollHeight, 160) + "px";
+                x.style.height = z, z !== O && (j.current = window.setTimeout(() => {
+                  x.style.height = O, j.current = null;
+                }));
+              },
+              onKeyDown: (f) => {
+                f.key === "Enter" && !f.nativeEvent.isComposing && (f.preventDefault(), Jn());
+              },
+              className: "no-scrollbar block h-[38px] min-h-[38px] w-full resize-none overflow-y-auto border-none bg-transparent px-4 py-[9px] text-[16px] leading-5 font-normal text-white outline-none placeholder:text-[14px] placeholder:text-[#858585]"
+            }
+          ) }),
+          /* @__PURE__ */ N("div", { className: "chat-composer__actions flex shrink-0 items-center", children: [
+            ke && /* @__PURE__ */ N(Ce, { children: [
+              /* @__PURE__ */ i(
+                "input",
+                {
+                  ref: G,
+                  type: "file",
+                  multiple: !0,
+                  accept: Nc,
+                  className: "sr-only",
+                  onChange: (f) => {
+                    Zn(f.currentTarget.files), f.currentTarget.value = "";
+                  }
+                }
+              ),
+              /* @__PURE__ */ i(
+                Q,
+                {
+                  type: "button",
+                  "aria-label": t("attachment.attachFiles"),
+                  disabled: !It,
+                  onClick: () => G.current?.click(),
+                  className: "chat-attach-button chat-composer-action",
+                  children: /* @__PURE__ */ i(yr, { "aria-hidden": "true", className: "h-5 w-5" })
+                }
+              )
+            ] }),
+            Ye && /* @__PURE__ */ N(
+              Q,
+              {
+                type: "button",
+                "aria-label": t(Ye === "send" ? "chat.send" : "chat.switchToVoice"),
+                "data-mode": Ye,
+                disabled: k || Ye === "send" && (nt || !ke && L.length > 0 || L.some(({ state: f }) => f !== "ready")),
+                className: "chat-composer-action chat-composer-primary-action",
+                onClick: () => {
+                  Ye === "send" ? Jn() : m();
+                },
+                children: [
+                  /* @__PURE__ */ i(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "chat-composer-primary-action__icon",
+                      "data-active": Ye === "voice",
+                      "data-icon": "voice",
+                      children: /* @__PURE__ */ i(Li, { className: "h-[19px] w-[21px]" })
+                    }
+                  ),
+                  /* @__PURE__ */ i(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "chat-composer-primary-action__icon",
+                      "data-active": Ye === "send",
+                      "data-icon": "send",
+                      children: /* @__PURE__ */ i(
+                        Ri,
+                        {
+                          className: ne(
+                            "h-6 w-6",
+                            e === "rtl" && "-scale-x-100"
+                          )
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ i(
+          Oc,
+          {
+            attachment: y?.attachment ?? null,
+            conversationId: y?.conversationId,
+            transport: Oe,
+            onClose: () => T(null)
+          }
+        )
+      ]
+    }
+  );
+}
+const Hc = (e) => /* @__PURE__ */ we.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ we.createElement("path", { d: "M17.5999 6.3999L13.8666 10.1332M16.9777 10.1332L13.8666 10.1332V7.02212M7.02212 13.8666H10.1332L10.1332 16.9777M10.1332 13.8666L6.3999 17.5999", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }));
+function Bc({
+  conversationId: e,
+  presentation: t
+}) {
+  const { t: n } = me(), r = t.contractState === "CURRENT" && t.humanSupport === "ROUTING", a = t.identity === "SUPPORT" && t.displayName === "Support" && t.avatarAsset === null && t.presentationVersion === null, o = (r || a ? null : t.displayName) ?? (t.identity === "LOLA" ? "Lola" : n("identity.support")), c = n("identity.online"), s = r ? "SUPPORT" : t.identity === "LOLA" ? "LOLA" : t.avatarAsset ? "HUMAN" : "SUPPORT", l = t.contractState === "CURRENT" && !r ? t : null;
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      "data-contract-state": t.contractState.toLowerCase(),
+      "data-human-support": t.humanSupport.toLowerCase(),
+      "data-ai": t.ai.toLowerCase(),
+      className: "chat-responder-identity flex w-full max-w-none min-w-0 items-center gap-3 bg-transparent py-0 ps-0 pe-0 shadow-none",
+      children: [
+        /* @__PURE__ */ i(
+          Un,
+          {
+            conversationId: e,
+            displayName: o,
+            fallbackKind: s,
+            presentation: l,
+            size: "header",
+            className: "chat-responder-avatar h-10 w-10 text-[13px]"
+          }
+        ),
+        /* @__PURE__ */ N("span", { className: "flex min-w-0 flex-col gap-1 text-start", children: [
+          /* @__PURE__ */ N("strong", { className: "chat-responder-name flex min-w-0 items-center gap-1.5 text-[16px] leading-4 font-bold text-white", children: [
+            /* @__PURE__ */ i("span", { className: "truncate", children: o }),
+            t.humanSupport === "ASSIGNED" ? /* @__PURE__ */ i(
+              "span",
+              {
+                "data-support-badge": !0,
+                role: "img",
+                "aria-label": n("identity.operator"),
+                className: "inline-flex shrink-0",
+                children: /* @__PURE__ */ i(
+                  wa,
+                  {
+                    "aria-hidden": "true",
+                    className: "h-4 w-4 text-white/78",
+                    strokeWidth: 2.2
+                  }
+                )
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ i("small", { className: "chat-responder-status flex min-w-0 items-center text-[11px] leading-[13px] font-normal text-[#8b889b]", children: /* @__PURE__ */ N(
+            "span",
+            {
+              "data-human-support-status": !0,
+              className: "flex max-w-full items-center gap-1",
+              children: [
+                /* @__PURE__ */ i(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "h-2 w-2 shrink-0 rounded-full bg-[#8fff37] shadow-[0_0_10px_rgba(143,255,55,0.32)]"
+                  }
+                ),
+                /* @__PURE__ */ i("span", { className: "truncate", children: c })
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ N(
+          "span",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            className: "sr-only",
+            children: [
+              o,
+              ". ",
+              c
+            ]
+          },
+          `${t.humanSupport}:${t.ai}:${o}`
+        )
+      ]
+    }
+  );
+}
+const Vc = 200, hn = (e) => ({
+  contractState: e.contractState,
+  humanSupport: e.humanSupport,
+  ai: e.ai,
+  identity: e.identity,
+  displayName: e.displayName,
+  avatarAsset: e.avatarAsset,
+  presentationVersion: e.presentationVersion
+}), jc = (e, t) => e.contractState === "CURRENT" && e.humanSupport === "NONE" && t.contractState === "CURRENT" && t.humanSupport === "ROUTING", zc = (e, t) => ({
+  ...t,
+  humanSupport: e.humanSupport,
+  identity: e.identity,
+  displayName: e.displayName,
+  avatarAsset: e.avatarAsset,
+  presentationVersion: e.presentationVersion
+});
+function Wc(e, t) {
+  const n = {
+    conversationId: e,
+    presentation: hn(t)
+  }, r = S(n), a = S(n), [o, c] = F(n), s = S(null), l = () => {
+    s.current !== null && (window.clearTimeout(s.current), s.current = null);
+  };
+  return ye(() => {
+    const u = hn(t);
+    r.current = { conversationId: e, presentation: u };
+    const w = a.current, p = r.current;
+    if (w.conversationId !== p.conversationId) {
+      l(), a.current = p, c(p);
+      return;
+    }
+    if (jc(w.presentation, p.presentation)) {
+      const d = {
+        ...p,
+        presentation: zc(
+          w.presentation,
+          p.presentation
+        )
+      };
+      a.current = d, c(d), s.current === null && (s.current = window.setTimeout(() => {
+        s.current = null;
+        const h = r.current;
+        h.conversationId !== w.conversationId || h.presentation.contractState !== "CURRENT" || h.presentation.humanSupport !== "ROUTING" || (a.current = h, c(h));
+      }, Vc));
+      return;
+    }
+    l(), a.current = p, c(p);
+  }, [e, t]), R(() => () => l(), []), o.conversationId === e ? o.presentation : hn(t);
+}
+function Gc({
+  identity: e,
+  actions: t,
+  draggable: n = !1,
+  dragLabel: r
+}) {
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: ne(
+        "chat-top-controls__bar relative flex h-14 items-center gap-2 overflow-hidden border-b border-[#161616] bg-[#111111] px-4",
+        n && "cursor-grab touch-none select-none focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-[#68d8ff] active:cursor-grabbing"
+      ),
+      "data-lola-drag-handle": n || void 0,
+      role: n ? "group" : void 0,
+      "aria-label": n ? r : void 0,
+      tabIndex: n ? 0 : void 0,
+      children: [
+        /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: e }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            "data-controls": "right",
+            "data-lola-drag-exclude": !0,
+            className: "flex shrink-0 items-center gap-2",
+            children: t
+          }
+        )
+      ]
+    }
+  );
+}
+function qc({
+  className: e,
+  ...t
+}) {
+  const { closeAssistant: n, minimizeAssistant: r } = kt(), a = Ao(), { t: o } = me(), c = Yt(), s = In(), l = So(s.pathname), { endVoiceChat: u } = _n(), w = Bt(s.pathname), p = Ln(), d = Rn(), h = Wc(
+    p,
+    d
+  ), m = () => {
+    w && u();
+  }, g = () => {
+    r({
+      actor: "USER",
+      reason: "USER_CLOSE_BUTTON"
+    });
+  }, b = () => {
+    n({
+      actor: "USER",
+      reason: "USER_CLOSE_BUTTON"
+    });
+  }, C = () => {
+    c(ve.list, {
+      state: { chatMode: l }
+    }), m();
+  };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ...t,
+      className: ne("chat-top-controls relative z-10", e),
+      children: /* @__PURE__ */ i(
+        Gc,
+        {
+          draggable: a.presentation === "windowed",
+          dragLabel: o("controls.move"),
+          identity: /* @__PURE__ */ i(
+            Bc,
+            {
+              conversationId: p ?? "lola-default",
+              presentation: h
+            }
+          ),
+          actions: /* @__PURE__ */ N(Ce, { children: [
+            /* @__PURE__ */ i(
+              Q,
+              {
+                onClick: C,
+                "aria-label": o("controls.openChatList"),
+                "data-lola-drag-exclude": !0,
+                className: "chat-icon-button",
+                children: /* @__PURE__ */ i(Bi, { "aria-hidden": "true", className: "h-5 w-5", strokeWidth: 2 })
+              }
+            ),
+            /* @__PURE__ */ i(
+              Q,
+              {
+                type: "button",
+                "aria-label": o("controls.collapse"),
+                "data-lola-drag-exclude": !0,
+                className: "chat-icon-button",
+                onClick: g,
+                children: /* @__PURE__ */ i(Hc, { "aria-hidden": "true", className: "h-5 w-5" })
+              }
+            ),
+            /* @__PURE__ */ i(
+              Q,
+              {
+                type: "button",
+                "aria-label": o("controls.close"),
+                "data-lola-drag-exclude": !0,
+                className: "chat-icon-button",
+                onClick: b,
+                children: /* @__PURE__ */ i($r, { "aria-hidden": "true", className: "h-4 w-4" })
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+function Kc({
+  className: e
+}) {
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: ne(
+        "absolute bottom-0 h-24 w-full transition-opacity",
+        e
+      ),
+      children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: "h-full backdrop-blur-xs",
+            style: {
+              maskImage: `linear-gradient(
+                    to bottom,
+                    transparent 0%,
+                    black 100%
+                    )`
+            }
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "absolute inset-0 bg-[linear-gradient(to_top,rgba(8,10,15,0.78)_0%,rgba(8,10,15,0.42)_42%,rgba(8,10,15,0)_100%)]" })
+      ]
+    }
+  );
+}
+const Yc = (e) => /* @__PURE__ */ we.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ we.createElement("path", { d: "M15 18L9 12L15 6", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" })), Zc = (e) => /* @__PURE__ */ we.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ we.createElement("path", { d: "M12 5V19M5 12H19", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), je = (e) => e < 10 ? `0${e}` : String(e);
+function Xc(e, t) {
+  const n = new Date(e), r = /* @__PURE__ */ new Date(), a = r.getTime() - n.getTime(), o = Math.floor(a / 6e4), c = typeof Intl < "u" && typeof Intl.DateTimeFormat == "function" ? Intl.DateTimeFormat : null, s = typeof Intl < "u" && typeof Intl.RelativeTimeFormat == "function" ? new Intl.RelativeTimeFormat(t, {
+    numeric: "auto",
+    style: "short"
+  }) : null;
+  if (s && o < 1) return s.format(0, "second");
+  if (s && o < 60)
+    return s.format(-o, "minute");
+  const l = Math.floor(o / 60);
+  if (s && l < 24)
+    return s.format(-l, "hour");
+  const u = new Date(
+    n.getFullYear(),
+    n.getMonth(),
+    n.getDate()
+  ), w = new Date(
+    r.getFullYear(),
+    r.getMonth(),
+    r.getDate()
+  ), p = Math.round(
+    (w.getTime() - u.getTime()) / 864e5
+  );
+  return !s && p === 0 ? c ? new c(t, {
+    hour: "2-digit",
+    minute: "2-digit"
+  }).format(n) : `${je(n.getHours())}:${je(n.getMinutes())}` : s && p === 1 ? s.format(-1, "day") : p >= 2 && p <= 7 ? c ? new c(t, { weekday: "short" }).format(n) : `${je(n.getDate())}.${je(n.getMonth() + 1)}` : r.getFullYear() - n.getFullYear() === 0 ? c ? new c(t, {
+    month: "short",
+    day: "numeric"
+  }).format(n) : `${je(n.getDate())}.${je(n.getMonth() + 1)}` : c ? new c(t, {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric"
+  }).format(n) : `${je(n.getDate())}.${je(
+    n.getMonth() + 1
+  )}.${n.getFullYear()}`;
+}
+const Jc = kr(function({
+  threadId: t,
+  title: n,
+  message: r,
+  responderPresentation: a,
+  isSelected: o,
+  onSelect: c
+}) {
+  const { locale: s, t: l } = me(), u = Mo(r), p = (a.identity === "SUPPORT" && a.displayName === "Support" && a.avatarAsset === null && a.presentationVersion === null ? null : a.displayName?.trim()) || (a.identity === "LOLA" ? "Lola" : l("identity.support")), d = r.author.presentation, h = d?.displayName === "Support" && d.avatarAsset === null && d.presentationVersion === null ? l("identity.support") : d?.displayName?.trim(), m = r.author.type === Te.Agent ? h ?? r.author.displayName?.trim() ?? (r.author.role === "ADMIN" ? a.identity === "SUPPORT" ? p : l("identity.support") : r.author.role === "SYSTEM" ? l("identity.system") : "Lola") : null, g = a.identity === "LOLA" ? "LOLA" : a.avatarAsset !== null ? "HUMAN" : "SUPPORT", b = n?.trim() || l("chat.new");
+  return /* @__PURE__ */ N(
+    "button",
+    {
+      type: "button",
+      onClick: () => c(t),
+      "aria-current": o ? "page" : void 0,
+      "data-responder": a.identity.toLowerCase(),
+      "data-human-support": a.humanSupport.toLowerCase(),
+      className: ne(
+        "chat-list-item group relative flex h-[88px] w-full flex-row items-center gap-3 rounded-3xl border border-white/[0.08] bg-white/[0.025] p-3 text-start transition-[background-color,border-color,transform] duration-150 ease-out motion-reduce:transition-none",
+        "active:scale-[0.97] active:bg-white/[0.055] motion-reduce:active:scale-100",
+        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--chat-action-primary)]",
+        o && "chat-list-item_selected"
+      ),
+      children: [
+        /* @__PURE__ */ i(
+          Un,
+          {
+            conversationId: t,
+            displayName: p,
+            fallbackKind: g,
+            presentation: a,
+            size: "header",
+            className: "chat-list-item-avatar h-12 w-12 text-[14px]"
+          }
+        ),
+        /* @__PURE__ */ N("span", { className: "chat-list-item-copy flex min-w-0 flex-1 items-start gap-2", children: [
+          /* @__PURE__ */ N("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ i(
+              "strong",
+              {
+                dir: "auto",
+                className: "chat-list-item-title truncate text-[16px] leading-5 font-bold tracking-[-0.012em] text-white/94",
+                children: b
+              }
+            ),
+            /* @__PURE__ */ N(
+              "span",
+              {
+                dir: "auto",
+                className: "chat-list-item-preview line-clamp-2 text-[14px] leading-[19px] text-white/56",
+                children: [
+                  m ? /* @__PURE__ */ N("span", { className: "font-medium text-white/58", children: [
+                    m,
+                    ":",
+                    " "
+                  ] }) : null,
+                  u
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i(
+            "time",
+            {
+              dateTime: r.updatedAt,
+              className: "chat-list-item-time shrink-0 pt-0.5 text-[12px] leading-4 text-white/40 tabular-nums",
+              children: Xc(r.updatedAt, s)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}), Qc = 8e3;
+function el({
+  className: e,
+  ...t
+}) {
+  const { direction: n, t: r } = me(), a = Yt(), o = In(), c = S(null), s = _o(), {
+    cancelConversationPagination: l,
+    clearSendError: u,
+    createNewConversation: w,
+    fetchMoreConversations: p,
+    setCurrentThread: d
+  } = kn(), h = Dr(), m = Ur(), g = ko(), b = Lo(), C = Ro(), v = Io(o.state), y = v === it.Voice ? ve.voice : ve.text;
+  function T() {
+    a(-1);
+  }
+  function E() {
+    const M = w();
+    a(y), M.catch((G) => {
+      G && typeof G == "object" && "name" in G && G.name === "AbortError" || a(ve.list, {
+        replace: !0,
+        state: {
+          chatMode: v ?? it.Text
+        }
+      });
+    });
+  }
+  const A = h === $e.openChatFailed && m !== null;
+  R(() => {
+    if (h !== $e.openChatFailed || m === null)
+      return;
+    const M = Qc - Math.max(0, Date.now() - m), G = window.setTimeout(u, Math.max(0, M));
+    return () => window.clearTimeout(G);
+  }, [u, h, m]);
+  const _ = U(
+    (M) => {
+      const G = d(M);
+      a(y), G.catch((j) => {
+        console.error("Failed to select conversation", j);
+      });
+    },
+    [y, a, d]
+  ), {
+    error: L,
+    loadMore: I,
+    sentinelRef: X
+  } = Sa({
+    rootRef: c,
+    enabled: b,
+    isLoading: C,
+    onLoad: p
+  });
+  return R(
+    () => () => {
+      l();
+    },
+    [l]
+  ), /* @__PURE__ */ N(
+    "div",
+    {
+      ...t,
+      className: ne(
+        "chat-list-surface chat-history-page z-51 flex h-full flex-col rounded-[inherit]",
+        e
+      ),
+      children: [
+        /* @__PURE__ */ N("header", { className: "chat-list-header flex min-h-16 shrink-0 items-center gap-3 px-4 pt-1", children: [
+          /* @__PURE__ */ i(
+            Q,
+            {
+              onClick: T,
+              "aria-label": r("chat.back"),
+              "data-chat-route-focus": !0,
+              className: "chat-icon-button chat-history-back-button h-8 w-8 shrink-0 rounded-[13px]",
+              children: /* @__PURE__ */ i(
+                Yc,
+                {
+                  className: ne("h-5 w-5", n === "rtl" && "rotate-180")
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ i("h1", { className: "chat-list-title min-w-0 flex-1 text-start text-[20px] leading-6 font-bold tracking-[-0.02em] text-white/95", children: r("chat.listTitle") })
+        ] }),
+        /* @__PURE__ */ N(
+          "div",
+          {
+            ref: c,
+            role: "region",
+            "aria-label": r("chat.listTitle"),
+            "aria-busy": C,
+            className: "chat-list-content chat-scrollbar flex flex-1 flex-col overflow-y-auto px-4 pt-5 pb-[max(16px,var(--lola-safe-area-inset-bottom))]",
+            children: [
+              /* @__PURE__ */ N(
+                Q,
+                {
+                  onClick: E,
+                  "aria-label": r("chat.createNew"),
+                  className: "chat-list-new-button mb-2 flex h-12 w-full shrink-0 items-center gap-3 rounded-2xl border border-[var(--chat-action-primary)]/12 bg-[var(--chat-action-primary)]/10 px-4 text-start text-[16px] leading-5 font-medium text-white/90 transition-[background-color,border-color,transform] duration-150 ease-out active:scale-[0.97] motion-reduce:transition-none motion-reduce:active:scale-100",
+                  children: [
+                    /* @__PURE__ */ i(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: "chat-list-new-icon grid h-6 w-6 shrink-0 place-items-center rounded-full border-2 border-[var(--chat-action-primary)] text-[var(--chat-action-primary)]",
+                        children: /* @__PURE__ */ i(Zc, { className: "h-[18px] w-[18px]" })
+                      }
+                    ),
+                    /* @__PURE__ */ i("span", { className: "truncate", children: r("chat.createNew") })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ i(
+                ze,
+                {
+                  appear: !0,
+                  show: A,
+                  enter: "transition-[opacity,transform] duration-[160ms] ease-[var(--chat-ease-out)] motion-reduce:transition-opacity motion-reduce:duration-100",
+                  enterFrom: "translate-y-1 opacity-0 motion-reduce:translate-y-0",
+                  enterTo: "translate-y-0 opacity-100",
+                  leave: "transition-[opacity,transform] duration-[140ms] ease-[var(--chat-ease-out)] motion-reduce:transition-opacity motion-reduce:duration-100",
+                  leaveFrom: "translate-y-0 opacity-100",
+                  leaveTo: "-translate-y-1 opacity-0 motion-reduce:translate-y-0",
+                  children: /* @__PURE__ */ i(
+                    "p",
+                    {
+                      role: "status",
+                      "aria-live": "polite",
+                      className: "mb-2 rounded-xl border border-white/[0.06] bg-white/[0.035] px-3 py-2 text-[12px] leading-4 text-white/62",
+                      children: r("compact.openFailed")
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ i(
+                "div",
+                {
+                  role: "list",
+                  "aria-label": r("chat.listTitle"),
+                  className: "chat-list-items flex flex-col gap-2",
+                  children: g.map((M) => /* @__PURE__ */ i(
+                    "div",
+                    {
+                      role: "listitem",
+                      className: "chat-list-entry",
+                      children: /* @__PURE__ */ i(
+                        Jc,
+                        {
+                          threadId: M.threadId,
+                          title: M.title,
+                          message: M.lastMessage,
+                          responderPresentation: M.responderPresentation,
+                          isSelected: s === M.threadId,
+                          onSelect: _
+                        }
+                      )
+                    },
+                    M.threadId
+                  ))
+                }
+              ),
+              C && /* @__PURE__ */ i(Cc, {}),
+              /* @__PURE__ */ i("div", { ref: X, "aria-hidden": "true", className: "h-px shrink-0" }),
+              b && !C && /* @__PURE__ */ i(
+                Q,
+                {
+                  type: "button",
+                  "aria-label": r("chat.loadOlder"),
+                  onClick: () => {
+                    I();
+                  },
+                  className: "mx-auto my-2 rounded-full border border-white/10 bg-white/[0.04] px-3 py-1.5 text-xs text-white/65 transition-colors hover:border-[#68d8ff]/30 hover:text-white/90",
+                  children: r(L ? "chat.retryOlder" : "chat.loadOlder")
+                }
+              ),
+              L && /* @__PURE__ */ i(
+                "p",
+                {
+                  role: "alert",
+                  className: "px-3 pb-2 text-center text-xs text-red-200",
+                  children: r("chat.olderLoadFailed")
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function Sr({
+  mode: e,
+  freezeVoicePresentation: t = !1
+}) {
+  const n = e === it.Text;
+  return /* @__PURE__ */ N(Ce, { children: [
+    /* @__PURE__ */ i("div", { className: "pointer-events-none absolute inset-0", children: /* @__PURE__ */ i(
+      Kc,
+      {
+        className: n ? "opacity-100" : "opacity-0"
+      }
+    ) }),
+    /* @__PURE__ */ N("div", { className: "relative z-5 flex h-full min-h-0 w-full flex-col", children: [
+      /* @__PURE__ */ i(qc, { className: "shrink-0" }),
+      /* @__PURE__ */ i("div", { className: "chat-mode-content flex min-h-0 flex-1 flex-col justify-end", children: e === it.Voice ? /* @__PURE__ */ i(ki, { freezePresentation: t }) : /* @__PURE__ */ i(Uc, {}) })
+    ] })
+  ] });
+}
+function tl({
+  location: e,
+  freezeVoicePresentation: t = !1,
+  isCurrentLocation: n = !0
+}) {
+  const r = Hr(), a = Rn(), c = Br(
+    a,
+    r
+  ) && n;
+  return /* @__PURE__ */ N($o, { location: e, children: [
+    /* @__PURE__ */ i(
+      pt,
+      {
+        path: ve.list,
+        element: /* @__PURE__ */ i(el, { className: "h-full w-full" })
+      }
+    ),
+    /* @__PURE__ */ i(
+      pt,
+      {
+        path: ve.voice,
+        element: /* @__PURE__ */ N(Ce, { children: [
+          /* @__PURE__ */ i(
+            Sr,
+            {
+              mode: it.Voice,
+              freezeVoicePresentation: t || c
+            }
+          ),
+          c && /* @__PURE__ */ i(nl, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ i(pt, { path: ve.text, element: /* @__PURE__ */ i(Sr, { mode: it.Text }) }),
+    /* @__PURE__ */ i(pt, { path: "/", element: /* @__PURE__ */ i(mn, { to: ve.text, replace: !0 }) }),
+    /* @__PURE__ */ i(pt, { path: "*", element: /* @__PURE__ */ i(mn, { to: ve.text, replace: !0 }) })
+  ] });
+}
+function nl() {
+  return ye(() => {
+    Se.getState().actions.endVoiceChat("responder_changed");
+  }, []), /* @__PURE__ */ i(mn, { to: ve.text, replace: !0 });
+}
+function dl() {
+  const { setAvatarCoveredByChatList: e } = kt(), t = In(), n = S(null), r = S(t.pathname), [a, o] = F(!1), [c, s] = F(() => ({ location: t, transition: null }));
+  if (t.key !== c.location.key) {
+    const d = c.transition?.to ?? c.location, h = Oo(
+      d.pathname,
+      t.pathname
+    );
+    s({
+      location: t,
+      transition: h ? {
+        id: t.key,
+        direction: h,
+        kind: on(d.pathname) || on(t.pathname) ? "list" : "mode",
+        transferFocus: a,
+        from: d,
+        to: t
+      } : null
+    });
+  }
+  const { location: l, transition: u } = c, w = u ? [u.from, u.to] : [l];
+  ye(() => {
+    e(
+      !u && on(l.pathname)
+    );
+  }, [l.pathname, e, u]), ye(() => {
+    const d = r.current;
+    r.current = t.pathname, Bt(d) && !Bt(t.pathname) && Se.getState().actions.endVoiceChat("route_changed");
+  }, [t.pathname]), ye(() => {
+    if (!u?.transferFocus) return;
+    const d = n.current?.querySelector(
+      '[data-chat-route-state="incoming"]'
+    );
+    (d?.querySelector(
+      "[data-chat-route-focus]:not(:disabled)"
+    ) ?? d?.querySelector(
+      "textarea:not(:disabled), button:not(:disabled), a[href]"
+    ) ?? d)?.focus({ preventScroll: !0 });
+  }, [u]);
+  const p = (d) => {
+    if (!u) return;
+    if (u.kind === "mode") {
+      if (!(d.target instanceof HTMLElement) || !d.target.classList.contains("chat-mode-content"))
+        return;
+    } else if (d.target !== d.currentTarget)
+      return;
+    const h = u.id;
+    s((m) => ({
+      ...m,
+      transition: m.transition?.id === h ? null : m.transition
+    }));
+  };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: n,
+      className: "chat-route-stage relative z-5 h-full rounded-[inherit]",
+      onFocusCapture: () => o(!0),
+      onBlurCapture: (d) => {
+        const h = d.relatedTarget;
+        (!h || !d.currentTarget.contains(h)) && o(!1);
+      },
+      children: w.map((d) => {
+        const h = d.key === u?.to.key, m = u ? u.kind === "mode" ? !0 : u.direction === "forward" ? h : !h : !1, g = h ? "enter" : "exit", b = !!(m && u && (u.kind !== "mode" || (u.direction === "forward" ? h : !h))), C = m && u ? `chat-route-pane chat-route-pane_${g} chat-route-pane_${u.direction} chat-route-pane_${u.kind}` : "chat-route-page_background";
+        return /* @__PURE__ */ i(
+          "div",
+          {
+            className: `chat-route-page rounded-[inherit] ${C}`,
+            "data-chat-route-state": u ? h ? "incoming" : "outgoing" : "active",
+            "aria-hidden": u ? !h : void 0,
+            inert: u && !h ? !0 : void 0,
+            tabIndex: h ? -1 : void 0,
+            "data-chat-route-completes": b ? "true" : void 0,
+            onAnimationEnd: b ? p : void 0,
+            children: /* @__PURE__ */ i(
+              tl,
+              {
+                location: d,
+                isCurrentLocation: d.key === t.key,
+                freezeVoicePresentation: !!(u && !h && Bt(d.pathname))
+              }
+            )
+          },
+          d.key
+        );
+      })
+    }
+  );
+}
+export {
+  dl as default
+};