@echo-sdk/view 0.1.0

package/dist/index.es.js

@@ -0,0 +1,1755 @@
+var he, b, We, J, ke, je, ze, Qe, we, me, fe, Oe, ne = {}, Be = [], ut = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, ue = Array.isArray;
+function Q(e, t) {
+  for (var n in t) e[n] = t[n];
+  return e;
+}
+function be(e) {
+  e && e.parentNode && e.parentNode.removeChild(e);
+}
+function dt(e, t, n) {
+  var r, o, i, s = {};
+  for (i in t) i == "key" ? r = t[i] : i == "ref" ? o = t[i] : s[i] = t[i];
+  if (arguments.length > 2 && (s.children = arguments.length > 3 ? he.call(arguments, 2) : n), typeof e == "function" && e.defaultProps != null) for (i in e.defaultProps) s[i] === void 0 && (s[i] = e.defaultProps[i]);
+  return oe(e, s, r, o, null);
+}
+function oe(e, t, n, r, o) {
+  var i = { type: e, props: t, key: n, ref: r, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: o ?? ++We, __i: -1, __u: 0 };
+  return o == null && b.vnode != null && b.vnode(i), i;
+}
+function re(e) {
+  return e.children;
+}
+function se(e, t) {
+  this.props = e, this.context = t;
+}
+function X(e, t) {
+  if (t == null) return e.__ ? X(e.__, e.__i + 1) : null;
+  for (var n; t < e.__k.length; t++) if ((n = e.__k[t]) != null && n.__e != null) return n.__e;
+  return typeof e.type == "function" ? X(e) : null;
+}
+function Ke(e) {
+  var t, n;
+  if ((e = e.__) != null && e.__c != null) {
+    for (e.__e = e.__c.base = null, t = 0; t < e.__k.length; t++) if ((n = e.__k[t]) != null && n.__e != null) {
+      e.__e = e.__c.base = n.__e;
+      break;
+    }
+    return Ke(e);
+  }
+}
+function pe(e) {
+  (!e.__d && (e.__d = !0) && J.push(e) && !ce.__r++ || ke != b.debounceRendering) && ((ke = b.debounceRendering) || je)(ce);
+}
+function ce() {
+  for (var e, t, n, r, o, i, s, h = 1; J.length; ) J.length > h && J.sort(ze), e = J.shift(), h = J.length, e.__d && (n = void 0, r = void 0, o = (r = (t = e).__v).__e, i = [], s = [], t.__P && ((n = Q({}, r)).__v = r.__v + 1, b.vnode && b.vnode(n), xe(t.__P, n, r, t.__n, t.__P.namespaceURI, 32 & r.__u ? [o] : null, i, o ?? X(r), !!(32 & r.__u), s), n.__v = r.__v, n.__.__k[n.__i] = n, Je(i, n, s), r.__e = r.__ = null, n.__e != o && Ke(n)));
+  ce.__r = 0;
+}
+function Ve(e, t, n, r, o, i, s, h, u, l, _) {
+  var a, g, d, C, I, w, p, f = r && r.__k || Be, A = t.length;
+  for (u = _t(n, t, f, u, A), a = 0; a < A; a++) (d = n.__k[a]) != null && (g = d.__i == -1 ? ne : f[d.__i] || ne, d.__i = a, w = xe(e, d, g, o, i, s, h, u, l, _), C = d.__e, d.ref && g.ref != d.ref && (g.ref && Se(g.ref, null, d), _.push(d.ref, d.__c || C, d)), I == null && C != null && (I = C), (p = !!(4 & d.__u)) || g.__k === d.__k ? u = Ge(d, u, e, p) : typeof d.type == "function" && w !== void 0 ? u = w : C && (u = C.nextSibling), d.__u &= -7);
+  return n.__e = I, u;
+}
+function _t(e, t, n, r, o) {
+  var i, s, h, u, l, _ = n.length, a = _, g = 0;
+  for (e.__k = new Array(o), i = 0; i < o; i++) (s = t[i]) != null && typeof s != "boolean" && typeof s != "function" ? (typeof s == "string" || typeof s == "number" || typeof s == "bigint" || s.constructor == String ? s = e.__k[i] = oe(null, s, null, null, null) : ue(s) ? s = e.__k[i] = oe(re, { children: s }, null, null, null) : s.constructor == null && s.__b > 0 ? s = e.__k[i] = oe(s.type, s.props, s.key, s.ref ? s.ref : null, s.__v) : e.__k[i] = s, u = i + g, s.__ = e, s.__b = e.__b + 1, (l = s.__i = gt(s, n, u, a)) != -1 && (a--, (h = n[l]) && (h.__u |= 2)), h == null || h.__v == null ? (l == -1 && (o > _ ? g-- : o < _ && g++), typeof s.type != "function" && (s.__u |= 4)) : l != u && (l == u - 1 ? g-- : l == u + 1 ? g++ : (l > u ? g-- : g++, s.__u |= 4))) : e.__k[i] = null;
+  if (a) for (i = 0; i < _; i++) (h = n[i]) != null && (2 & h.__u) == 0 && (h.__e == r && (r = X(h)), Xe(h, h));
+  return r;
+}
+function Ge(e, t, n, r) {
+  var o, i;
+  if (typeof e.type == "function") {
+    for (o = e.__k, i = 0; o && i < o.length; i++) o[i] && (o[i].__ = e, t = Ge(o[i], t, n, r));
+    return t;
+  }
+  e.__e != t && (r && (t && e.type && !t.parentNode && (t = X(e)), n.insertBefore(e.__e, t || null)), t = e.__e);
+  do
+    t = t && t.nextSibling;
+  while (t != null && t.nodeType == 8);
+  return t;
+}
+function gt(e, t, n, r) {
+  var o, i, s, h = e.key, u = e.type, l = t[n], _ = l != null && (2 & l.__u) == 0;
+  if (l === null && h == null || _ && h == l.key && u == l.type) return n;
+  if (r > (_ ? 1 : 0)) {
+    for (o = n - 1, i = n + 1; o >= 0 || i < t.length; ) if ((l = t[s = o >= 0 ? o-- : i++]) != null && (2 & l.__u) == 0 && h == l.key && u == l.type) return s;
+  }
+  return -1;
+}
+function $e(e, t, n) {
+  t[0] == "-" ? e.setProperty(t, n ?? "") : e[t] = n == null ? "" : typeof n != "number" || ut.test(t) ? n : n + "px";
+}
+function ie(e, t, n, r, o) {
+  var i, s;
+  e: if (t == "style") if (typeof n == "string") e.style.cssText = n;
+  else {
+    if (typeof r == "string" && (e.style.cssText = r = ""), r) for (t in r) n && t in n || $e(e.style, t, "");
+    if (n) for (t in n) r && n[t] == r[t] || $e(e.style, t, n[t]);
+  }
+  else if (t[0] == "o" && t[1] == "n") i = t != (t = t.replace(Qe, "$1")), s = t.toLowerCase(), t = s in e || t == "onFocusOut" || t == "onFocusIn" ? s.slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + i] = n, n ? r ? n.u = r.u : (n.u = we, e.addEventListener(t, i ? fe : me, i)) : e.removeEventListener(t, i ? fe : me, i);
+  else {
+    if (o == "http://www.w3.org/2000/svg") t = t.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+    else if (t != "width" && t != "height" && t != "href" && t != "list" && t != "form" && t != "tabIndex" && t != "download" && t != "rowSpan" && t != "colSpan" && t != "role" && t != "popover" && t in e) try {
+      e[t] = n ?? "";
+      break e;
+    } catch {
+    }
+    typeof n == "function" || (n == null || n === !1 && t[4] != "-" ? e.removeAttribute(t) : e.setAttribute(t, t == "popover" && n == 1 ? "" : n));
+  }
+}
+function Te(e) {
+  return function(t) {
+    if (this.l) {
+      var n = this.l[t.type + e];
+      if (t.t == null) t.t = we++;
+      else if (t.t < n.u) return;
+      return n(b.event ? b.event(t) : t);
+    }
+  };
+}
+function xe(e, t, n, r, o, i, s, h, u, l) {
+  var _, a, g, d, C, I, w, p, f, A, P, M, L, W, O, F, E, v = t.type;
+  if (t.constructor != null) return null;
+  128 & n.__u && (u = !!(32 & n.__u), i = [h = t.__e = n.__e]), (_ = b.__b) && _(t);
+  e: if (typeof v == "function") try {
+    if (p = t.props, f = "prototype" in v && v.prototype.render, A = (_ = v.contextType) && r[_.__c], P = _ ? A ? A.props.value : _.__ : r, n.__c ? w = (a = t.__c = n.__c).__ = a.__E : (f ? t.__c = a = new v(p, P) : (t.__c = a = new se(p, P), a.constructor = v, a.render = ft), A && A.sub(a), a.state || (a.state = {}), a.__n = r, g = a.__d = !0, a.__h = [], a._sb = []), f && a.__s == null && (a.__s = a.state), f && v.getDerivedStateFromProps != null && (a.__s == a.state && (a.__s = Q({}, a.__s)), Q(a.__s, v.getDerivedStateFromProps(p, a.__s))), d = a.props, C = a.state, a.__v = t, g) f && v.getDerivedStateFromProps == null && a.componentWillMount != null && a.componentWillMount(), f && a.componentDidMount != null && a.__h.push(a.componentDidMount);
+    else {
+      if (f && v.getDerivedStateFromProps == null && p !== d && a.componentWillReceiveProps != null && a.componentWillReceiveProps(p, P), t.__v == n.__v || !a.__e && a.shouldComponentUpdate != null && a.shouldComponentUpdate(p, a.__s, P) === !1) {
+        for (t.__v != n.__v && (a.props = p, a.state = a.__s, a.__d = !1), t.__e = n.__e, t.__k = n.__k, t.__k.some(function(q) {
+          q && (q.__ = t);
+        }), M = 0; M < a._sb.length; M++) a.__h.push(a._sb[M]);
+        a._sb = [], a.__h.length && s.push(a);
+        break e;
+      }
+      a.componentWillUpdate != null && a.componentWillUpdate(p, a.__s, P), f && a.componentDidUpdate != null && a.__h.push(function() {
+        a.componentDidUpdate(d, C, I);
+      });
+    }
+    if (a.context = P, a.props = p, a.__P = e, a.__e = !1, L = b.__r, W = 0, f) {
+      for (a.state = a.__s, a.__d = !1, L && L(t), _ = a.render(a.props, a.state, a.context), O = 0; O < a._sb.length; O++) a.__h.push(a._sb[O]);
+      a._sb = [];
+    } else do
+      a.__d = !1, L && L(t), _ = a.render(a.props, a.state, a.context), a.state = a.__s;
+    while (a.__d && ++W < 25);
+    a.state = a.__s, a.getChildContext != null && (r = Q(Q({}, r), a.getChildContext())), f && !g && a.getSnapshotBeforeUpdate != null && (I = a.getSnapshotBeforeUpdate(d, C)), F = _, _ != null && _.type === re && _.key == null && (F = Ye(_.props.children)), h = Ve(e, ue(F) ? F : [F], t, n, r, o, i, s, h, u, l), a.base = t.__e, t.__u &= -161, a.__h.length && s.push(a), w && (a.__E = a.__ = null);
+  } catch (q) {
+    if (t.__v = null, u || i != null) if (q.then) {
+      for (t.__u |= u ? 160 : 128; h && h.nodeType == 8 && h.nextSibling; ) h = h.nextSibling;
+      i[i.indexOf(h)] = null, t.__e = h;
+    } else {
+      for (E = i.length; E--; ) be(i[E]);
+      ve(t);
+    }
+    else t.__e = n.__e, t.__k = n.__k, q.then || ve(t);
+    b.__e(q, t, n);
+  }
+  else i == null && t.__v == n.__v ? (t.__k = n.__k, t.__e = n.__e) : h = t.__e = mt(n.__e, t, n, r, o, i, s, u, l);
+  return (_ = b.diffed) && _(t), 128 & t.__u ? void 0 : h;
+}
+function ve(e) {
+  e && e.__c && (e.__c.__e = !0), e && e.__k && e.__k.forEach(ve);
+}
+function Je(e, t, n) {
+  for (var r = 0; r < n.length; r++) Se(n[r], n[++r], n[++r]);
+  b.__c && b.__c(t, e), e.some(function(o) {
+    try {
+      e = o.__h, o.__h = [], e.some(function(i) {
+        i.call(o);
+      });
+    } catch (i) {
+      b.__e(i, o.__v);
+    }
+  });
+}
+function Ye(e) {
+  return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : ue(e) ? e.map(Ye) : Q({}, e);
+}
+function mt(e, t, n, r, o, i, s, h, u) {
+  var l, _, a, g, d, C, I, w = n.props || ne, p = t.props, f = t.type;
+  if (f == "svg" ? o = "http://www.w3.org/2000/svg" : f == "math" ? o = "http://www.w3.org/1998/Math/MathML" : o || (o = "http://www.w3.org/1999/xhtml"), i != null) {
+    for (l = 0; l < i.length; l++) if ((d = i[l]) && "setAttribute" in d == !!f && (f ? d.localName == f : d.nodeType == 3)) {
+      e = d, i[l] = null;
+      break;
+    }
+  }
+  if (e == null) {
+    if (f == null) return document.createTextNode(p);
+    e = document.createElementNS(o, f, p.is && p), h && (b.__m && b.__m(t, i), h = !1), i = null;
+  }
+  if (f == null) w === p || h && e.data == p || (e.data = p);
+  else {
+    if (i = i && he.call(e.childNodes), !h && i != null) for (w = {}, l = 0; l < e.attributes.length; l++) w[(d = e.attributes[l]).name] = d.value;
+    for (l in w) if (d = w[l], l != "children") {
+      if (l == "dangerouslySetInnerHTML") a = d;
+      else if (!(l in p)) {
+        if (l == "value" && "defaultValue" in p || l == "checked" && "defaultChecked" in p) continue;
+        ie(e, l, null, d, o);
+      }
+    }
+    for (l in p) d = p[l], l == "children" ? g = d : l == "dangerouslySetInnerHTML" ? _ = d : l == "value" ? C = d : l == "checked" ? I = d : h && typeof d != "function" || w[l] === d || ie(e, l, d, w[l], o);
+    if (_) h || a && (_.__html == a.__html || _.__html == e.innerHTML) || (e.innerHTML = _.__html), t.__k = [];
+    else if (a && (e.innerHTML = ""), Ve(t.type == "template" ? e.content : e, ue(g) ? g : [g], t, n, r, f == "foreignObject" ? "http://www.w3.org/1999/xhtml" : o, i, s, i ? i[0] : n.__k && X(n, 0), h, u), i != null) for (l = i.length; l--; ) be(i[l]);
+    h || (l = "value", f == "progress" && C == null ? e.removeAttribute("value") : C != null && (C !== e[l] || f == "progress" && !C || f == "option" && C != w[l]) && ie(e, l, C, w[l], o), l = "checked", I != null && I != e[l] && ie(e, l, I, w[l], o));
+  }
+  return e;
+}
+function Se(e, t, n) {
+  try {
+    if (typeof e == "function") {
+      var r = typeof e.__u == "function";
+      r && e.__u(), r && t == null || (e.__u = e(t));
+    } else e.current = t;
+  } catch (o) {
+    b.__e(o, n);
+  }
+}
+function Xe(e, t, n) {
+  var r, o;
+  if (b.unmount && b.unmount(e), (r = e.ref) && (r.current && r.current != e.__e || Se(r, null, t)), (r = e.__c) != null) {
+    if (r.componentWillUnmount) try {
+      r.componentWillUnmount();
+    } catch (i) {
+      b.__e(i, t);
+    }
+    r.base = r.__P = null;
+  }
+  if (r = e.__k) for (o = 0; o < r.length; o++) r[o] && Xe(r[o], t, n || typeof e.type != "function");
+  n || be(e.__e), e.__c = e.__ = e.__e = void 0;
+}
+function ft(e, t, n) {
+  return this.constructor(e, n);
+}
+function Ie(e, t, n) {
+  var r, o, i, s;
+  t == document && (t = document.documentElement), b.__ && b.__(e, t), o = (r = !1) ? null : t.__k, i = [], s = [], xe(t, e = t.__k = dt(re, null, [e]), o || ne, ne, t.namespaceURI, o ? null : t.firstChild ? he.call(t.childNodes) : null, i, o ? o.__e : t.firstChild, r, s), Je(i, e, s);
+}
+function pt(e) {
+  function t(n) {
+    var r, o;
+    return this.getChildContext || (r = /* @__PURE__ */ new Set(), (o = {})[t.__c] = this, this.getChildContext = function() {
+      return o;
+    }, this.componentWillUnmount = function() {
+      r = null;
+    }, this.shouldComponentUpdate = function(i) {
+      this.props.value != i.value && r.forEach(function(s) {
+        s.__e = !0, pe(s);
+      });
+    }, this.sub = function(i) {
+      r.add(i);
+      var s = i.componentWillUnmount;
+      i.componentWillUnmount = function() {
+        r && r.delete(i), s && s.call(i);
+      };
+    }), n.children;
+  }
+  return t.__c = "__cC" + Oe++, t.__ = e, t.Provider = t.__l = (t.Consumer = function(n, r) {
+    return n.children(r);
+  }).contextType = t, t;
+}
+he = Be.slice, b = { __e: function(e, t, n, r) {
+  for (var o, i, s; t = t.__; ) if ((o = t.__c) && !o.__) try {
+    if ((i = o.constructor) && i.getDerivedStateFromError != null && (o.setState(i.getDerivedStateFromError(e)), s = o.__d), o.componentDidCatch != null && (o.componentDidCatch(e, r || {}), s = o.__d), s) return o.__E = o;
+  } catch (h) {
+    e = h;
+  }
+  throw e;
+} }, We = 0, se.prototype.setState = function(e, t) {
+  var n;
+  n = this.__s != null && this.__s != this.state ? this.__s : this.__s = Q({}, this.state), typeof e == "function" && (e = e(Q({}, n), this.props)), e && Q(n, e), e != null && this.__v && (t && this._sb.push(t), pe(this));
+}, se.prototype.forceUpdate = function(e) {
+  this.__v && (this.__e = !0, e && this.__h.push(e), pe(this));
+}, se.prototype.render = re, J = [], je = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, ze = function(e, t) {
+  return e.__v.__b - t.__v.__b;
+}, ce.__r = 0, Qe = /(PointerCapture)$|Capture$/i, we = 0, me = Te(!1), fe = Te(!0), Oe = 0;
+var vt = 0;
+function c(e, t, n, r, o, i) {
+  t || (t = {});
+  var s, h, u = t;
+  if ("ref" in u) for (h in u = {}, t) h == "ref" ? s = t[h] : u[h] = t[h];
+  var l = { type: e, props: u, key: n, ref: s, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --vt, __i: -1, __u: 0, __source: o, __self: i };
+  if (typeof e == "function" && (s = e.defaultProps)) for (h in s) u[h] === void 0 && (u[h] = s[h]);
+  return b.vnode && b.vnode(l), l;
+}
+var Z, S, ge, Ne, le = 0, Ze = [], T = b, De = T.__b, Re = T.__r, Ae = T.diffed, Me = T.__c, qe = T.unmount, He = T.__;
+function de(e, t) {
+  T.__h && T.__h(S, e, le || t), le = 0;
+  var n = S.__H || (S.__H = { __: [], __h: [] });
+  return e >= n.__.length && n.__.push({}), n.__[e];
+}
+function N(e) {
+  return le = 1, yt(nt, e);
+}
+function yt(e, t, n) {
+  var r = de(Z++, 2);
+  if (r.t = e, !r.__c && (r.__ = [nt(void 0, t), function(h) {
+    var u = r.__N ? r.__N[0] : r.__[0], l = r.t(u, h);
+    u !== l && (r.__N = [l, r.__[1]], r.__c.setState({}));
+  }], r.__c = S, !S.__f)) {
+    var o = function(h, u, l) {
+      if (!r.__c.__H) return !0;
+      var _ = r.__c.__H.__.filter(function(g) {
+        return !!g.__c;
+      });
+      if (_.every(function(g) {
+        return !g.__N;
+      })) return !i || i.call(this, h, u, l);
+      var a = r.__c.props !== h;
+      return _.forEach(function(g) {
+        if (g.__N) {
+          var d = g.__[0];
+          g.__ = g.__N, g.__N = void 0, d !== g.__[0] && (a = !0);
+        }
+      }), i && i.call(this, h, u, l) || a;
+    };
+    S.__f = !0;
+    var i = S.shouldComponentUpdate, s = S.componentWillUpdate;
+    S.componentWillUpdate = function(h, u, l) {
+      if (this.__e) {
+        var _ = i;
+        i = void 0, o(h, u, l), i = _;
+      }
+      s && s.call(this, h, u, l);
+    }, S.shouldComponentUpdate = o;
+  }
+  return r.__N || r.__;
+}
+function et(e, t) {
+  var n = de(Z++, 3);
+  !T.__s && tt(n.__H, t) && (n.__ = e, n.u = t, S.__H.__h.push(n));
+}
+function Y(e) {
+  return le = 5, wt(function() {
+    return { current: e };
+  }, []);
+}
+function wt(e, t) {
+  var n = de(Z++, 7);
+  return tt(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
+}
+function bt(e) {
+  var t = S.context[e.__c], n = de(Z++, 9);
+  return n.c = e, t ? (n.__ == null && (n.__ = !0, t.sub(S)), t.props.value) : e.__;
+}
+function xt() {
+  for (var e; e = Ze.shift(); ) if (e.__P && e.__H) try {
+    e.__H.__h.forEach(ae), e.__H.__h.forEach(ye), e.__H.__h = [];
+  } catch (t) {
+    e.__H.__h = [], T.__e(t, e.__v);
+  }
+}
+T.__b = function(e) {
+  S = null, De && De(e);
+}, T.__ = function(e, t) {
+  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), He && He(e, t);
+}, T.__r = function(e) {
+  Re && Re(e), Z = 0;
+  var t = (S = e.__c).__H;
+  t && (ge === S ? (t.__h = [], S.__h = [], t.__.forEach(function(n) {
+    n.__N && (n.__ = n.__N), n.u = n.__N = void 0;
+  })) : (t.__h.forEach(ae), t.__h.forEach(ye), t.__h = [], Z = 0)), ge = S;
+}, T.diffed = function(e) {
+  Ae && Ae(e);
+  var t = e.__c;
+  t && t.__H && (t.__H.__h.length && (Ze.push(t) !== 1 && Ne === T.requestAnimationFrame || ((Ne = T.requestAnimationFrame) || St)(xt)), t.__H.__.forEach(function(n) {
+    n.u && (n.__H = n.u), n.u = void 0;
+  })), ge = S = null;
+}, T.__c = function(e, t) {
+  t.some(function(n) {
+    try {
+      n.__h.forEach(ae), n.__h = n.__h.filter(function(r) {
+        return !r.__ || ye(r);
+      });
+    } catch (r) {
+      t.some(function(o) {
+        o.__h && (o.__h = []);
+      }), t = [], T.__e(r, n.__v);
+    }
+  }), Me && Me(e, t);
+}, T.unmount = function(e) {
+  qe && qe(e);
+  var t, n = e.__c;
+  n && n.__H && (n.__H.__.forEach(function(r) {
+    try {
+      ae(r);
+    } catch (o) {
+      t = o;
+    }
+  }), n.__H = void 0, t && T.__e(t, n.__v));
+};
+var Pe = typeof requestAnimationFrame == "function";
+function St(e) {
+  var t, n = function() {
+    clearTimeout(r), Pe && cancelAnimationFrame(t), setTimeout(e);
+  }, r = setTimeout(n, 35);
+  Pe && (t = requestAnimationFrame(n));
+}
+function ae(e) {
+  var t = S, n = e.__c;
+  typeof n == "function" && (e.__c = void 0, n()), S = t;
+}
+function ye(e) {
+  var t = S;
+  e.__c = e.__(), S = t;
+}
+function tt(e, t) {
+  return !e || e.length !== t.length || t.some(function(n, r) {
+    return n !== e[r];
+  });
+}
+function nt(e, t) {
+  return typeof t == "function" ? t(e) : t;
+}
+var te = /* @__PURE__ */ ((e) => (e.TEXT = "text", e.IMAGE = "image", e.FILE = "file", e.SYSTEM = "system", e.TYPING = "typing", e.CUSTOM = "custom", e))(te || {}), G = /* @__PURE__ */ ((e) => (e.PENDING = "pending", e.SENT = "sent", e.DELIVERED = "delivered", e.READ = "read", e.FAILED = "failed", e))(G || {}), rt = class {
+  constructor(e) {
+    this.defaultLogger = (t, n, ...r) => {
+      const o = (/* @__PURE__ */ new Date()).toISOString(), i = this.config.prefix ? `[${this.config.prefix}] [${o}] [${t.toUpperCase()}]` : `[ChatBot SDK ${o}] [${t.toUpperCase()}]`;
+      switch (t) {
+        case "debug":
+          console.debug(i, n, ...r);
+          break;
+        case "info":
+          console.info(i, n, ...r);
+          break;
+        case "warn":
+          console.warn(i, n, ...r);
+          break;
+        case "error":
+          console.error(i, n, ...r);
+          break;
+      }
+    }, this.config = {
+      enabled: e?.enabled ?? !0,
+      level: e?.level ?? "info",
+      customLogger: e?.customLogger ?? this.defaultLogger,
+      prefix: e?.prefix ?? ""
+    };
+  }
+  shouldLog(e) {
+    if (!this.config.enabled) return !1;
+    const t = ["debug", "info", "warn", "error"], n = t.indexOf(this.config.level);
+    return t.indexOf(e) >= n;
+  }
+  debug(e, ...t) {
+    this.shouldLog("debug") && this.config.customLogger("debug", e, ...t);
+  }
+  info(e, ...t) {
+    this.shouldLog("info") && this.config.customLogger("info", e, ...t);
+  }
+  warn(e, ...t) {
+    this.shouldLog("warn") && this.config.customLogger("warn", e, ...t);
+  }
+  error(e, ...t) {
+    this.shouldLog("error") && this.config.customLogger("error", e, ...t);
+  }
+  updateConfig(e) {
+    this.config = {
+      ...this.config,
+      ...e
+    };
+  }
+}, Ct = class {
+  constructor(e) {
+    this.listeners = {}, this.eventHistory = [], this.maxHistorySize = 100, this.logger = e;
+  }
+  /**
+   * Subscribe to an event
+   */
+  on(e, t) {
+    return this.listeners[e] || (this.listeners[e] = /* @__PURE__ */ new Set()), this.listeners[e].add(t), this.logger.debug(`Event listener added for: ${e}`), () => this.off(e, t);
+  }
+  /**
+   * Subscribe to all events (wildcard)
+   */
+  onAny(e) {
+    return this.listeners["*"] || (this.listeners["*"] = /* @__PURE__ */ new Set()), this.listeners["*"].add(e), this.logger.debug("Wildcard event listener added"), () => this.offAny(e);
+  }
+  /**
+   * Subscribe to an event once
+   */
+  once(e, t) {
+    const n = (r) => {
+      t(r), this.off(e, n);
+    };
+    return this.on(e, n);
+  }
+  /**
+   * Unsubscribe from an event
+   */
+  off(e, t) {
+    const n = this.listeners[e];
+    n && (n.delete(t), n.size === 0 && delete this.listeners[e], this.logger.debug(`Event listener removed for: ${e}`));
+  }
+  /**
+   * Unsubscribe from wildcard events
+   */
+  offAny(e) {
+    const t = this.listeners["*"];
+    t && (t.delete(e), t.size === 0 && delete this.listeners["*"], this.logger.debug("Wildcard event listener removed"));
+  }
+  /**
+   * Emit an event
+   */
+  emit(e, t) {
+    const n = { type: e, data: t };
+    this.eventHistory.push(n), this.eventHistory.length > this.maxHistorySize && this.eventHistory.shift(), this.logger.debug(`Event emitted: ${e}`, t);
+    const r = this.listeners[e];
+    r && r.forEach((i) => {
+      try {
+        i(t);
+      } catch (s) {
+        this.logger.error(`Error in event listener for ${e}:`, s);
+      }
+    });
+    const o = this.listeners["*"];
+    o && o.forEach((i) => {
+      try {
+        i(n);
+      } catch (s) {
+        this.logger.error("Error in wildcard event listener:", s);
+      }
+    });
+  }
+  /**
+   * Remove all listeners for a specific event or all events
+   */
+  removeAllListeners(e) {
+    e ? (delete this.listeners[e], this.logger.debug(`All listeners removed for: ${e}`)) : (this.listeners = {}, this.logger.debug("All event listeners removed"));
+  }
+  /**
+   * Get event history
+   */
+  getEventHistory() {
+    return [...this.eventHistory];
+  }
+  /**
+   * Clear event history
+   */
+  clearEventHistory() {
+    this.eventHistory = [], this.logger.debug("Event history cleared");
+  }
+  /**
+   * Get listener count for an event
+   */
+  listenerCount(e) {
+    return this.listeners[e]?.size ?? 0;
+  }
+}, Et = class {
+  constructor(e = {}, t) {
+    this.currentAttempt = 0, this.config = {
+      enabled: e.enabled ?? !0,
+      maxAttempts: e.maxAttempts ?? 1 / 0,
+      baseDelay: e.baseDelay ?? 1e3,
+      maxDelay: e.maxDelay ?? 1e4,
+      jitter: e.jitter ?? 0.3
+    }, this.logger = t;
+  }
+  /**
+   * Check if reconnection should be attempted
+   */
+  shouldReconnect() {
+    return this.config.enabled ? this.currentAttempt >= this.config.maxAttempts ? (this.logger.warn(`Max reconnection attempts (${this.config.maxAttempts}) reached`), !1) : !0 : (this.logger.debug("Reconnection is disabled"), !1);
+  }
+  /**
+   * Calculate next delay with exponential backoff and jitter
+   */
+  getNextDelay() {
+    const e = this.config.baseDelay * Math.pow(2, this.currentAttempt), t = Math.min(e, this.config.maxDelay), n = t * this.config.jitter, r = (Math.random() * 2 - 1) * n, o = Math.max(0, t + r);
+    return this.logger.debug(
+      `Reconnection delay calculated: ${o.toFixed(0)}ms (attempt ${this.currentAttempt + 1})`
+    ), o;
+  }
+  /**
+   * Increment attempt counter
+   */
+  incrementAttempt() {
+    this.currentAttempt++, this.logger.info(`Reconnection attempt ${this.currentAttempt}/${this.config.maxAttempts}`);
+  }
+  /**
+   * Reset attempt counter
+   */
+  reset() {
+    this.logger.debug("Reconnection strategy reset"), this.currentAttempt = 0;
+  }
+  /**
+   * Get current attempt number
+   */
+  getCurrentAttempt() {
+    return this.currentAttempt;
+  }
+  /**
+   * Update configuration
+   */
+  updateConfig(e) {
+    this.config = {
+      ...this.config,
+      ...e
+    }, this.logger.debug("Reconnection config updated", this.config);
+  }
+}, kt = class {
+  constructor(e) {
+    this.queue = [], this.maxQueueSize = 1e3, this.defaultMaxRetries = 3, this.logger = e;
+  }
+  /**
+   * Add a message to the queue
+   */
+  enqueue(e, t = this.defaultMaxRetries) {
+    this.queue.length >= this.maxQueueSize && (this.logger.warn("Message queue is full, removing oldest message"), this.queue.shift());
+    const n = {
+      message: e,
+      timestamp: Date.now(),
+      retries: 0,
+      maxRetries: t
+    };
+    this.queue.push(n), this.logger.debug(`Message queued: ${e.id} (queue size: ${this.queue.length})`);
+  }
+  /**
+   * Get all messages from the queue
+   */
+  dequeueAll() {
+    const e = this.queue.map((t) => t.message);
+    return this.queue = [], this.logger.info(`Dequeued ${e.length} messages`), e;
+  }
+  /**
+   * Get messages that should be retried
+   */
+  getRetryableMessages() {
+    return this.queue.filter((t) => t.retries < t.maxRetries).map((t) => t.message);
+  }
+  /**
+   * Mark a message as failed (increment retry count)
+   */
+  markAsFailed(e) {
+    const t = this.queue.findIndex((n) => n.message.id === e);
+    t !== -1 && (this.queue[t].retries++, this.queue[t].retries >= this.queue[t].maxRetries ? (this.logger.warn(`Message ${e} exceeded max retries, removing from queue`), this.queue.splice(t, 1)) : this.logger.debug(
+      `Message ${e} retry count: ${this.queue[t].retries}/${this.queue[t].maxRetries}`
+    ));
+  }
+  /**
+   * Remove a message from the queue
+   */
+  remove(e) {
+    const t = this.queue.findIndex((n) => n.message.id === e);
+    t !== -1 && (this.queue.splice(t, 1), this.logger.debug(`Message ${e} removed from queue`));
+  }
+  /**
+   * Clear the entire queue
+   */
+  clear() {
+    const e = this.queue.length;
+    this.queue = [], this.logger.info(`Message queue cleared (${e} messages removed)`);
+  }
+  /**
+   * Get queue size
+   */
+  size() {
+    return this.queue.length;
+  }
+  /**
+   * Check if queue is empty
+   */
+  isEmpty() {
+    return this.queue.length === 0;
+  }
+  /**
+   * Get all queued messages (without removing them)
+   */
+  peek() {
+    return this.queue.map((e) => e.message);
+  }
+  /**
+   * Set max queue size
+   */
+  setMaxQueueSize(e) {
+    if (e < 1)
+      throw new Error("Max queue size must be at least 1");
+    for (this.maxQueueSize = e, this.logger.debug(`Max queue size set to ${e}`); this.queue.length > this.maxQueueSize; )
+      this.queue.shift();
+  }
+}, $t = class {
+  constructor(e, t, n, r) {
+    this.ws = null, this.eventQueue = [], this.connectionState = "disconnected", this.lastEmittedState = "disconnected", this.reconnectTimer = null, this.heartbeatTimer = null, this.connectionTimeoutTimer = null, this.stateChangeTimer = null, this.pendingAcks = /* @__PURE__ */ new Map(), this.config = e, this.logger = n, this.eventEmitter = r, this.reconnectionStrategy = new Et(t, n), this.messageQueue = new kt(n);
+  }
+  /**
+   * Update configuration
+   */
+  updateConfig(e) {
+    this.config = e;
+  }
+  /**
+   * Connect to WebSocket server
+   */
+  async connect(e) {
+    if (this.ws?.readyState === WebSocket.OPEN) {
+      this.logger.warn("WebSocket is already connected");
+      return;
+    }
+    if (this.ws?.readyState === WebSocket.CONNECTING) {
+      this.logger.warn("WebSocket is already connecting");
+      return;
+    }
+    return this.updateConnectionState(
+      "connecting"
+      /* CONNECTING */
+    ), this.updateConnectionState(
+      "connecting"
+      /* CONNECTING */
+    ), new Promise((t, n) => {
+      try {
+        e && (this.username = e);
+        let r = this.config.url;
+        if (this.username) {
+          const o = r.includes("?") ? "&" : "?";
+          r = `${r}${o}username=${encodeURIComponent(this.username)}`;
+        }
+        this.ws = new WebSocket(r, this.config.protocols), this.setupEventHandlers(t, n), this.setupConnectionTimeout(n);
+      } catch (r) {
+        this.logger.error("Failed to create WebSocket connection:", r), this.handleConnectionError(r), n(r);
+      }
+    });
+  }
+  /**
+   * Disconnect from WebSocket server
+   */
+  disconnect() {
+    this.logger.info("Disconnecting WebSocket"), this.updateConnectionState(
+      "disconnecting"
+      /* DISCONNECTING */
+    ), this.clearTimers(), this.reconnectionStrategy.reset(), this.ws && (this.ws.close(1e3, "Client disconnect"), this.ws = null), this.updateConnectionState(
+      "disconnected"
+      /* DISCONNECTED */
+    );
+  }
+  /**
+   * Send a raw event through WebSocket
+   */
+  async sendEvent(e, t) {
+    if (this.connectionState !== "connected") {
+      this.logger.warn("WebSocket not connected, queuing event"), this.eventQueue.push({ event: e, data: t });
+      return;
+    }
+    try {
+      const n = JSON.stringify({ event: e, data: t });
+      this.ws?.send(n), this.logger.debug(`Event sent: ${e}`, t);
+    } catch (n) {
+      throw this.logger.error(`Failed to send event ${e}:`, n), n;
+    }
+  }
+  /**
+   * Send a message through WebSocket
+   */
+  async send(e, t = !0, n = 5e3) {
+    if (this.connectionState !== "connected") {
+      this.logger.warn("WebSocket not connected, queuing message"), this.messageQueue.enqueue(e);
+      return;
+    }
+    try {
+      const r = {
+        roomId: e.metadata?.roomId || "general",
+        // Default to general if not specified
+        message: e.content,
+        username: e.sender === "user" ? e.metadata?.username : void 0
+      };
+      return await this.sendEvent("sendMessage", r), this.eventEmitter.emit("messageSent", {
+        message: e,
+        timestamp: Date.now()
+      }), {
+        ackId: "simulated_" + Date.now(),
+        messageId: e.id,
+        status: "received",
+        timestamp: Date.now()
+      };
+    } catch (r) {
+      throw this.logger.error("Failed to send message:", r), this.messageQueue.enqueue(e), r;
+    }
+  }
+  /**
+   * Join a room
+   */
+  async joinRoom(e) {
+    this.currentRoom = e, this.logger.info(`Joining room: ${e}`), await this.sendEvent("joinRoom", { roomId: e });
+  }
+  /**
+   * Leave a room
+   */
+  async leaveRoom(e) {
+    await this.sendEvent("leaveRoom", { roomId: e });
+  }
+  /**
+   * Get room info
+   */
+  async getRoomInfo(e) {
+    await this.sendEvent("getRoomInfo", { roomId: e });
+  }
+  /**
+   * Join a specific conversation to receive its stream
+   */
+  async sendJoinConversation(e) {
+    this.logger.info(`Joining conversation stream: ${e}`), await this.sendEvent("joinConversation", { conversationId: e });
+  }
+  /**
+   * Leave a specific conversation stream
+   */
+  async sendLeaveConversation(e) {
+    this.logger.info(`Leaving conversation stream: ${e}`), await this.sendEvent("leaveConversation", { conversationId: e });
+  }
+  /**
+   * Get current connection state
+   */
+  getConnectionState() {
+    return this.connectionState;
+  }
+  /**
+   * Check if connected
+   */
+  isConnected() {
+    return this.connectionState === "connected";
+  }
+  /**
+   * Get message queue
+   */
+  getMessageQueue() {
+    return this.messageQueue;
+  }
+  /**
+   * Setup WebSocket event handlers
+   */
+  setupEventHandlers(e, t) {
+    this.ws && (this.ws.onopen = () => {
+      this.logger.info("WebSocket connected"), this.clearConnectionTimeout(), this.updateConnectionState(
+        "connected"
+        /* CONNECTED */
+      ), this.reconnectionStrategy.reset(), this.startHeartbeat(), this.reconnectionStrategy.reset(), this.startHeartbeat(), this.currentRoom && (this.logger.info(`Re-joining room: ${this.currentRoom}`), this.sendEvent("joinRoom", { roomId: this.currentRoom }).catch((n) => {
+        this.logger.error(`Failed to re-join room ${this.currentRoom}:`, n);
+      })), this.flushMessageQueue(), e && e();
+    }, this.ws.onmessage = (n) => {
+      this.handleMessage(n.data);
+    }, this.ws.onerror = (n) => {
+      this.logger.error("WebSocket error:", n);
+      const r = new Error("WebSocket error");
+      this.eventEmitter.emit("error", {
+        error: r,
+        timestamp: Date.now(),
+        context: "websocket"
+      }), this.connectionState === "connecting" && t && t(r);
+    }, this.ws.onclose = (n) => {
+      this.logger.info(`WebSocket closed: ${n.code} - ${n.reason}`), this.stopHeartbeat(), this.updateConnectionState(
+        "disconnected"
+        /* DISCONNECTED */
+      ), n.code !== 1e3 && this.reconnectionStrategy.shouldReconnect() && this.attemptReconnection();
+    });
+  }
+  /**
+   * Handle incoming WebSocket message
+   */
+  handleMessage(e) {
+    try {
+      const t = JSON.parse(e), { event: n, data: r } = t;
+      switch (this.logger.debug(`Received event: ${n}`, r), n) {
+        case "pong":
+          this.logger.debug("Heartbeat pong received");
+          break;
+        case "newMessage":
+          const o = {
+            id: `msg_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+            type: "text",
+            // Default to text
+            content: r.message,
+            sender: "user",
+            // Or 'other'
+            timestamp: new Date(r.timestamp).getTime(),
+            status: "delivered",
+            metadata: {
+              roomId: r.roomId,
+              username: r.username
+            }
+          };
+          this.eventEmitter.emit("message", {
+            message: o,
+            timestamp: Date.now()
+          });
+          break;
+        case "joinedRoom":
+          this.eventEmitter.emit("joinedRoom", r);
+          break;
+        case "userJoined":
+          this.eventEmitter.emit("userJoined", r);
+          break;
+        case "leftRoom":
+          this.eventEmitter.emit("leftRoom", r);
+          break;
+        case "userLeft":
+          this.eventEmitter.emit("userLeft", r);
+          break;
+        case "roomInfo":
+          this.eventEmitter.emit("roomInfo", r);
+          break;
+        case "error":
+          this.eventEmitter.emit("error", {
+            error: new Error(r.message),
+            timestamp: Date.now(),
+            context: "server_error"
+          });
+          break;
+        case "agentEvent":
+          this.eventEmitter.emit("agentEvent", {
+            ...r,
+            conversationId: t.conversationId
+          });
+          break;
+        default:
+          this.logger.warn(`Unknown event received: ${n}`);
+      }
+    } catch (t) {
+      this.logger.error("Failed to parse message:", t), this.eventEmitter.emit("error", {
+        error: t,
+        timestamp: Date.now(),
+        context: "message_parsing"
+      });
+    }
+  }
+  /**
+   * Handle message acknowledgement
+   */
+  // private handleAcknowledgement(ack: MessageAcknowledgement): void {
+  //   const pending = this.pendingAcks.get(ack.ackId);
+  //   if (pending) {
+  //     clearTimeout(pending.timeout);
+  //     pending.resolve(ack);
+  //     this.pendingAcks.delete(ack.ackId);
+  //     this.eventEmitter.emit('acknowledgement', {
+  //       acknowledgement: ack,
+  //       timestamp: Date.now(),
+  //     });
+  //     // Remove from queue if it was queued
+  //     if (ack.messageId) {
+  //       this.messageQueue.remove(ack.messageId);
+  //     }
+  //   }
+  // }
+  /**
+   * Wait for message acknowledgement
+   */
+  // private waitForAcknowledgement(ackId: string, timeout: number): Promise<MessageAcknowledgement> {
+  //   return new Promise((resolve, reject) => {
+  //     const timeoutTimer = setTimeout(() => {
+  //       this.pendingAcks.delete(ackId);
+  //       reject(new Error(`Acknowledgement timeout for ${ackId}`));
+  //     }, timeout);
+  //     this.pendingAcks.set(ackId, {
+  //       resolve,
+  //       reject,
+  //       timeout: timeoutTimer,
+  //     });
+  //   });
+  // }
+  /**
+   * Start heartbeat mechanism
+   */
+  startHeartbeat() {
+    const e = this.config.heartbeatInterval ?? 3e4;
+    this.heartbeatTimer = setInterval(() => {
+      if (this.ws?.readyState === WebSocket.OPEN)
+        try {
+          this.sendEvent("ping", {}), this.logger.debug("Heartbeat ping sent");
+        } catch (t) {
+          this.logger.error("Failed to send heartbeat:", t);
+        }
+    }, e), this.logger.debug(`Heartbeat started with interval: ${e}ms`);
+  }
+  /**
+   * Stop heartbeat mechanism
+   */
+  stopHeartbeat() {
+    this.heartbeatTimer && (clearInterval(this.heartbeatTimer), this.heartbeatTimer = null, this.logger.debug("Heartbeat stopped"));
+  }
+  /**
+   * Setup connection timeout
+   */
+  setupConnectionTimeout(e) {
+    const t = this.config.connectionTimeout ?? 1e4;
+    this.connectionTimeoutTimer = setTimeout(() => {
+      if (this.connectionState === "connecting") {
+        this.logger.error("Connection timeout"), this.ws?.close();
+        const n = new Error("Connection timeout");
+        this.handleConnectionError(n), e && e(n);
+      }
+    }, t);
+  }
+  /**
+   * Clear connection timeout
+   */
+  clearConnectionTimeout() {
+    this.connectionTimeoutTimer && (clearTimeout(this.connectionTimeoutTimer), this.connectionTimeoutTimer = null);
+  }
+  /**
+   * Attempt reconnection
+   */
+  attemptReconnection() {
+    if (!this.reconnectionStrategy.shouldReconnect()) {
+      this.logger.error("Reconnection failed: max attempts reached"), this.updateConnectionState(
+        "failed"
+        /* FAILED */
+      ), this.eventEmitter.emit("reconnectFailed", {
+        state: "failed",
+        timestamp: Date.now(),
+        attempt: this.reconnectionStrategy.getCurrentAttempt()
+      });
+      return;
+    }
+    this.updateConnectionState(
+      "reconnecting"
+      /* RECONNECTING */
+    ), this.reconnectionStrategy.incrementAttempt();
+    const e = this.reconnectionStrategy.getNextDelay();
+    this.eventEmitter.emit("reconnecting", {
+      state: "reconnecting",
+      timestamp: Date.now(),
+      attempt: this.reconnectionStrategy.getCurrentAttempt()
+    }), this.reconnectTimer = setTimeout(() => {
+      this.logger.info("Attempting to reconnect..."), this.connect().catch((t) => {
+        this.logger.error("Reconnection attempt failed:", t);
+      });
+    }, e);
+  }
+  /**
+   * Handle connection error
+   */
+  handleConnectionError(e) {
+    this.eventEmitter.emit("error", {
+      error: e,
+      timestamp: Date.now(),
+      context: "connection"
+    }), this.reconnectionStrategy.shouldReconnect() ? this.attemptReconnection() : this.updateConnectionState(
+      "failed"
+      /* FAILED */
+    );
+  }
+  /**
+   * Flush queued messages
+   */
+  flushMessageQueue() {
+    if (this.eventQueue.length > 0) {
+      this.logger.info(`Flushing ${this.eventQueue.length} queued events`);
+      const t = [...this.eventQueue];
+      this.eventQueue = [], t.forEach(({ event: n, data: r }) => {
+        this.sendEvent(n, r).catch((o) => {
+          this.logger.error(`Failed to send queued event ${n}:`, o);
+        });
+      });
+    }
+    const e = this.messageQueue.dequeueAll();
+    e.length > 0 && (this.logger.info(`Flushing ${e.length} queued messages`), e.forEach((t) => {
+      this.send(t, !1).catch((n) => {
+        this.logger.error(`Failed to send queued message ${t.id}:`, n), this.messageQueue.markAsFailed(t.id);
+      });
+    }));
+  }
+  /**
+   * Update connection state
+   */
+  updateConnectionState(e) {
+    const t = this.connectionState;
+    this.connectionState = e, t !== e && this.logger.info(`Connection state changed: ${t} -> ${e}`);
+    const n = this.config.disconnectGracePeriod ?? 0;
+    e === "connected" ? (this.stateChangeTimer && (clearTimeout(this.stateChangeTimer), this.stateChangeTimer = null, this.logger.debug("Reconnected within grace period, suppressing disconnection event")), this.lastEmittedState !== "connected" && this.emitConnectionChange(e)) : this.lastEmittedState === "connected" && n > 0 ? this.stateChangeTimer || (this.logger.debug(`Starting disconnection grace period (${n}ms)`), this.stateChangeTimer = setTimeout(() => {
+      this.stateChangeTimer = null, this.emitConnectionChange(this.connectionState);
+    }, n)) : this.emitConnectionChange(e);
+  }
+  /**
+   * Emit connection change event
+   */
+  emitConnectionChange(e) {
+    this.lastEmittedState !== e && (this.lastEmittedState = e, this.eventEmitter.emit("connection", {
+      state: e,
+      timestamp: Date.now()
+    }));
+  }
+  /**
+   * Clear all timers
+   */
+  clearTimers() {
+    this.reconnectTimer && (clearTimeout(this.reconnectTimer), this.reconnectTimer = null), this.heartbeatTimer && (clearInterval(this.heartbeatTimer), this.heartbeatTimer = null), this.connectionTimeoutTimer && (clearTimeout(this.connectionTimeoutTimer), this.connectionTimeoutTimer = null), this.pendingAcks.forEach((e) => {
+      clearTimeout(e.timeout), e.reject(new Error("Connection closed"));
+    }), this.pendingAcks.clear();
+  }
+}, Le = () => {
+  const e = "echo_device_hash";
+  try {
+    let t = localStorage.getItem(e);
+    return t || (t = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (n) => {
+      const r = Math.random() * 16 | 0;
+      return (n === "x" ? r : r & 3 | 8).toString(16);
+    }), localStorage.setItem(e, t)), t;
+  } catch {
+    return "unknown-device-" + Date.now();
+  }
+}, it = class {
+  constructor(e = {}, t) {
+    this.config = {
+      retries: 3,
+      backoff: 1e3,
+      ...e
+    }, this.logger = t;
+  }
+  async get(e, t = {}) {
+    return this.request(e, { method: "GET", headers: t });
+  }
+  async post(e, t, n = {}) {
+    return this.request(e, {
+      method: "POST",
+      headers: { "Content-Type": "application/json", ...n },
+      body: JSON.stringify(t)
+    });
+  }
+  async request(e, t, n = 0) {
+    const r = {
+      ...this.config.headers,
+      ...t.headers
+    };
+    try {
+      const o = await fetch(e, { ...t, headers: r });
+      if (!o.ok) {
+        if (o.status >= 500 && n < (this.config.retries ?? 3))
+          return this.logger?.warn(`Request failed with status ${o.status}. Retrying... (${n + 1}/${this.config.retries})`), await this.delay(this.getErrorDelay(n)), this.request(e, t, n + 1);
+        const i = await o.text();
+        throw new Error(`HTTP Error ${o.status}: ${i}`);
+      }
+      return o.json();
+    } catch (o) {
+      if (n < (this.config.retries ?? 3))
+        return this.logger?.warn(`Request failed with error: ${o}. Retrying... (${n + 1}/${this.config.retries})`), await this.delay(this.getErrorDelay(n)), this.request(e, t, n + 1);
+      throw o;
+    }
+  }
+  getErrorDelay(e) {
+    return (this.config.backoff ?? 1e3) * Math.pow(2, e);
+  }
+  delay(e) {
+    return new Promise((t) => setTimeout(t, e));
+  }
+};
+class Tt {
+  constructor(t = "http://localhost:3000") {
+    this.baseUrl = t, this.client = new it({
+      retries: 3,
+      backoff: 1e3
+    }, new rt({ prefix: "ConfigService" }));
+  }
+  async fetchConfig(t, n, r) {
+    const o = `${this.baseUrl}/${t}/api/v1/client/configuration`, i = {
+      "x-api-key": n
+    };
+    r && (i["x-external-id"] = r);
+    try {
+      const s = await this.client.get(o, i);
+      if (s.success && s.data)
+        return s.data.finger_print && localStorage.setItem("echo_finger_print", s.data.finger_print), s.data;
+      throw new Error("Invalid configuration response");
+    } catch (s) {
+      throw console.error("Failed to fetch configuration:", s), s;
+    }
+  }
+}
+class It {
+  constructor(t = "http://localhost:3000") {
+    this.baseUrl = t, this.httpClient = new it({
+      // baseURL is not supported in HttpClientConfig
+    });
+  }
+  async getConversations(t, n, r) {
+    const o = {
+      "x-api-key": n
+    };
+    r && (o["x-external-id"] = r);
+    const i = `${this.baseUrl}/${t}/api/v1/client/conversations`;
+    try {
+      return (await this.httpClient.get(i, o)).data;
+    } catch (s) {
+      throw console.error("Failed to get conversations", s), s;
+    }
+  }
+  async createConversation(t, n, r, o, i) {
+    const s = {
+      "x-api-key": n,
+      "Content-Type": "application/json"
+    };
+    o && (s["x-external-id"] = o), i && (s["x-device-hash"] = i);
+    const h = `${this.baseUrl}/${t}/api/v1/client/conversations/new`, u = { prompt: r };
+    try {
+      return (await this.httpClient.post(h, u, s)).data;
+    } catch (l) {
+      throw console.error("Failed to create conversation", l), l;
+    }
+  }
+  async getMessages(t, n, r, o) {
+    const i = {
+      "x-api-key": n
+    };
+    o && (i["x-external-id"] = o);
+    const s = `${this.baseUrl}/${t}/api/v1/client/conversations/${r}/messages`;
+    try {
+      return (await this.httpClient.get(s, i)).data;
+    } catch (h) {
+      throw console.error("Failed to get messages", h), h;
+    }
+  }
+}
+const Fe = 5e3, ot = pt(null), Nt = ({ children: e, sdkConfig: t }) => {
+  const [n, r] = N(!1), [o, i] = N("disconnected"), [s, h] = N(!1), [u, l] = N(!0), [_, a] = N(null), [g, d] = N([]), [C, I] = N([]), [w, p] = N(null), [f, A] = N(null), [P, M] = N(!1), [L, W] = N(null), [O, F] = N({}), E = Y(null), v = Y(null), q = Y(null), K = Y(/* @__PURE__ */ new Map()), B = Y(null);
+  if (v.current || (v.current = new rt({ prefix: "EchoSDK" })), !q.current) {
+    const m = "http://localhost:3000";
+    q.current = new It(m);
+  }
+  et(() => {
+    const m = async () => {
+      l(!0), a(null);
+      try {
+        const D = await new Tt().fetchConfig(
+          t.companyUrl,
+          t.apiKey,
+          t.externalId
+        );
+        A(D);
+        const H = await q.current.getConversations(
+          t.companyUrl,
+          t.apiKey,
+          t.externalId
+        );
+        I(H), h(!0), await ct(D, t);
+      } catch (x) {
+        v.current?.error("Initialization failed:", x), a(x.message || "Failed to initialize SDK");
+      } finally {
+        l(!1);
+      }
+    };
+    return t.apiKey && t.companyUrl ? m() : (a("Missing required configuration (apiKey or companyUrl)"), l(!1)), () => {
+      E.current?.disconnect();
+    };
+  }, [t.apiKey, t.companyUrl, t.externalId]);
+  const ct = async (m, x) => {
+    const D = m.finger_print || localStorage.getItem("echo_finger_print") || Le(), H = "ws://localhost:3000", k = new URLSearchParams();
+    k.append("api_key", x.apiKey), k.append("device_hash", D), x.externalId && k.append("external_id", x.externalId), x.authToken && k.append("x-auth-token", x.authToken);
+    const V = `${H}?${k.toString()}`, U = new Ct(v.current), _e = {
+      url: V,
+      heartbeatInterval: 3e4,
+      connectionTimeout: 1e4
+    }, j = {
+      maxAttempts: 1 / 0,
+      baseDelay: 1e3,
+      maxDelay: 3e4
+    }, ee = new $t(
+      _e,
+      j,
+      v.current,
+      U
+    );
+    E.current = ee, U.on("connection", (y) => {
+      r(y.state === "connected"), i(y.state), console.log("connection triggered custom", y.state, B.current), y.state === "connected" && B.current && (v.current?.info(`Reconnected. Re-joining conversation: ${B.current}`), setTimeout(() => {
+        B.current && ee.sendJoinConversation(B.current);
+      }, 1e3));
+    }), U.on("message", (y) => {
+      d(($) => {
+        if ($.some((z) => z.id === y.message.id)) return $;
+        if (y.message.sender === "user") {
+          const z = $.findIndex(
+            (R) => R.sender === "user" && R.status === G.PENDING && R.content === y.message.content
+          );
+          if (z !== -1) {
+            const R = [...$];
+            return R[z] = y.message, R;
+          }
+        }
+        return [...$, y.message];
+      });
+    }), U.on("messageSent", (y) => {
+      d(($) => {
+        if ($.some((R) => R.id === y.message.id)) return $;
+        const z = $.findIndex(
+          (R) => R.sender === "user" && R.status === G.PENDING && R.content === y.message.content
+        );
+        if (z !== -1) {
+          const R = [...$];
+          return R[z] = y.message, R;
+        }
+        return [...$, y.message];
+      });
+    }), U.on("agentEvent", (y) => {
+      if (y.type === "first_response")
+        M(!0), W(y.runId), F(($) => ({ ...$, [y.runId]: [] }));
+      else if (["thought", "action_start", "action_end"].includes(y.type))
+        M(!0), W(($) => $ || y.runId), F(($) => ({
+          ...$,
+          [y.runId]: [...$[y.runId] || [], y]
+        }));
+      else if (y.type === "final_response" && (M(!1), W(null), y.content)) {
+        const $ = {
+          id: y.messageId || Date.now().toString(),
+          content: y.content,
+          sender: "bot",
+          // 'bot' matches MessageSender
+          type: te.TEXT,
+          status: G.DELIVERED,
+          timestamp: Date.now(),
+          metadata: {
+            roomId: y.conversationId,
+            runId: y.runId
+          }
+        };
+        d((z) => [...z, $]);
+      }
+    }), await ee.connect();
+  }, Ce = async (m) => {
+    const x = w;
+    if (K.current.has(m) && (clearTimeout(K.current.get(m)), K.current.delete(m), v.current?.info(`Cancelled pending leave for conversation: ${m}`)), x && x !== m) {
+      const D = setTimeout(() => {
+        E.current && E.current.sendLeaveConversation(x).catch((H) => v.current?.error(`Failed to leave conversation ${x}`, H)), K.current.delete(x);
+      }, Fe);
+      K.current.set(x, D);
+    }
+    l(!0);
+    try {
+      const H = (await q.current.getMessages(
+        t.companyUrl,
+        t.apiKey,
+        m,
+        t.externalId
+      )).map((k) => ({
+        id: k.id,
+        content: k.content,
+        sender: k.role === "user" ? "user" : "bot",
+        type: te.TEXT,
+        status: G.DELIVERED,
+        timestamp: new Date(k.created_at).getTime(),
+        metadata: { roomId: m }
+      }));
+      d((k) => {
+        const V = k.filter((j) => j.metadata?.roomId === m), U = new Set(H.map((j) => j.id)), _e = V.filter((j) => !U.has(j.id));
+        return [...H, ..._e].sort((j, ee) => j.timestamp - ee.timestamp);
+      }), p(m), B.current = m, E.current && await E.current.sendJoinConversation(m);
+    } catch (D) {
+      v.current?.error("Failed to load conversation", D);
+    } finally {
+      l(!1);
+    }
+  }, lt = () => {
+    const m = w;
+    if (m) {
+      const x = setTimeout(() => {
+        E.current && E.current.sendLeaveConversation(m).catch((D) => v.current?.error(`Failed to leave conversation ${m}`, D)), K.current.delete(m);
+      }, Fe);
+      K.current.set(m, x);
+    }
+    p(null), B.current = null, d([]), M(!1), W(null), F({});
+  }, Ee = async (m) => {
+    const x = Date.now().toString(), D = {
+      id: x,
+      content: m,
+      sender: "user",
+      type: te.TEXT,
+      status: G.PENDING,
+      timestamp: Date.now(),
+      metadata: {}
+    };
+    d([D]), M(!0);
+    try {
+      const H = f?.finger_print || localStorage.getItem("echo_finger_print") || Le(), k = await q.current?.createConversation(
+        t.companyUrl,
+        t.apiKey,
+        m,
+        t.externalId,
+        H
+      );
+      if (!k)
+        throw new Error("Failed to create conversation");
+      I((V) => [k, ...V]), p(k.id), B.current = k.id, d((V) => V.filter(
+        (U) => U.id === x || U.metadata?.roomId === k.id
+      )), E.current && await E.current.sendJoinConversation(k.id), await Ce(k.id);
+    } catch (H) {
+      v.current?.error("Failed to create conversation", H), a("Failed to start new conversation");
+    } finally {
+      l(!1);
+    }
+  }, ht = async (m) => {
+    if (!w) {
+      await Ee(m);
+      return;
+    }
+    if (!E.current) return;
+    const x = {
+      id: Date.now().toString(),
+      content: m,
+      sender: "user",
+      type: te.TEXT,
+      status: G.PENDING,
+      timestamp: Date.now(),
+      metadata: {
+        roomId: w
+      }
+    };
+    d((D) => [...D, x]), await E.current.sendEvent("sendMessage", {
+      conversationId: w,
+      message: m
+    });
+  };
+  return /* @__PURE__ */ c(ot.Provider, { value: {
+    isConnected: n,
+    connectionState: o,
+    isInitialized: s,
+    isLoading: u,
+    error: _,
+    config: f,
+    messages: g,
+    conversations: C,
+    activeConversationId: w,
+    isStreaming: P,
+    activeRunId: L,
+    streamedThoughts: O,
+    sendMessage: ht,
+    joinRoom: async (m) => {
+      await E.current?.joinRoom(m);
+    },
+    // Legacy?
+    leaveRoom: async (m) => {
+      await E.current?.leaveRoom(m);
+    },
+    // Legacy?
+    loadConversation: Ce,
+    createNewChat: lt,
+    startNewConversation: Ee
+  }, children: e });
+}, st = () => {
+  const e = bt(ot);
+  if (!e)
+    throw new Error("useChat must be used within a ChatProvider");
+  return e;
+}, Dt = () => /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+  /* @__PURE__ */ c("circle", { cx: "12", cy: "12", r: "1" }),
+  /* @__PURE__ */ c("circle", { cx: "19", cy: "12", r: "1" }),
+  /* @__PURE__ */ c("circle", { cx: "5", cy: "12", r: "1" })
+] }), at = ({ size: e = 20 }) => /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+  /* @__PURE__ */ c("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+  /* @__PURE__ */ c("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+] }), Rt = () => /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+  /* @__PURE__ */ c("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+  /* @__PURE__ */ c("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+] }), At = () => /* @__PURE__ */ c("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: /* @__PURE__ */ c("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }), Mt = () => /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+  /* @__PURE__ */ c("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+  /* @__PURE__ */ c("polyline", { points: "14 2 14 8 20 8" }),
+  /* @__PURE__ */ c("line", { x1: "12", y1: "18", x2: "12", y2: "12" }),
+  /* @__PURE__ */ c("line", { x1: "9", y1: "15", x2: "15", y2: "15" })
+] }), qt = () => /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+  /* @__PURE__ */ c("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ c("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+  /* @__PURE__ */ c("line", { x1: "9", y1: "9", x2: "9.01", y2: "9" }),
+  /* @__PURE__ */ c("line", { x1: "15", y1: "9", x2: "15.01", y2: "9" })
+] }), Ht = () => /* @__PURE__ */ c("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+  /* @__PURE__ */ c("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
+  /* @__PURE__ */ c("polyline", { points: "12 19 5 12 12 5" })
+] }), Pt = ({ title: e = "Annie Smith", greeting: t, connectionStatus: n = "connected", onToggleSidebar: r, onCloseChat: o, showBackButton: i, onBack: s }) => /* @__PURE__ */ c("div", { class: "echo-header", children: [
+  i && /* @__PURE__ */ c("button", { className: "echo-back-btn", onClick: s, style: "background: none; border: none; color: white; cursor: pointer; opacity: 0.9; padding: 4px; margin-right: 2px;", children: /* @__PURE__ */ c(Ht, {}) }),
+  /* @__PURE__ */ c("div", { class: "echo-avatar", children: [
+    /* @__PURE__ */ c("img", { src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Annie", alt: "Avatar", style: "width: 100%; height: 100%; border-radius: 50%;" }),
+    /* @__PURE__ */ c("div", { style: {
+      position: "absolute",
+      bottom: "0",
+      right: "0",
+      width: "10px",
+      height: "10px",
+      borderRadius: "50%",
+      backgroundColor: ((u) => {
+        switch (u) {
+          case "connected":
+            return "#10b981";
+          // green
+          case "reconnecting":
+            return "#f59e0b";
+          // amber
+          case "disconnected":
+            return "#ef4444";
+          // red
+          default:
+            return "#9ca3af";
+        }
+      })(n),
+      border: "2px solid white"
+    }, title: n })
+  ] }),
+  /* @__PURE__ */ c("div", { class: "echo-header-info", children: [
+    /* @__PURE__ */ c("h3", { class: "echo-header-title", children: e }),
+    !i && /* @__PURE__ */ c("p", { class: "echo-header-subtitle", children: t || "We typically reply in a few minute" })
+  ] }),
+  /* @__PURE__ */ c("button", { class: "echo-menu-btn", onClick: r, style: "background: none; border: none; color: white; cursor: pointer; opacity: 0.8; padding: 4px;", children: /* @__PURE__ */ c(Dt, {}) }),
+  /* @__PURE__ */ c("button", { class: "echo-close-btn", onClick: o, style: "background: none; border: none; color: white; cursor: pointer; opacity: 0.8; margin-left: 8px;", children: /* @__PURE__ */ c(at, {}) })
+] }), Ue = ({ events: e, isExpanded: t = !1 }) => {
+  const [n, r] = N(t);
+  return e.length === 0 ? null : /* @__PURE__ */ c("div", { className: "echo-thought-chain", children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: "echo-thought-header",
+        onClick: () => r(!n),
+        role: "button",
+        tabIndex: 0,
+        children: [
+          /* @__PURE__ */ c("span", { className: "echo-thought-icon", children: "🧠" }),
+          /* @__PURE__ */ c("span", { className: "echo-thought-title", children: [
+            "Thinking Process (",
+            e.length,
+            " steps)"
+          ] }),
+          /* @__PURE__ */ c("span", { className: `echo-thought-chevron ${n ? "expanded" : ""}`, children: "▼" })
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ c("div", { className: "echo-thought-content", children: e.map((o, i) => /* @__PURE__ */ c("div", { className: `echo-thought-item ${o.type}`, children: [
+      /* @__PURE__ */ c("div", { className: "echo-thought-type", children: Lt(o.type) }),
+      /* @__PURE__ */ c("div", { className: "echo-thought-text", children: o.content })
+    ] }, i)) })
+  ] });
+}, Lt = (e) => {
+  switch (e) {
+    case "action_start":
+      return "Starting Action";
+    case "action_end":
+      return "Action Completed";
+    case "thought":
+      return "Reasoning";
+    case "error":
+      return "Error";
+    case "first_response":
+      return "Started";
+    default:
+      return e;
+  }
+}, Ft = ({ messages: e, isStreaming: t, activeRunId: n, streamedThoughts: r }) => {
+  const o = Y(null), i = Y(null);
+  return et(() => {
+    i.current && i.current.scrollIntoView({ behavior: "smooth" });
+  }, [e, t, r]), /* @__PURE__ */ c("div", { className: "echo-message-list", ref: o, children: [
+    e.map((s) => /* @__PURE__ */ c("div", { className: `echo-message ${s.sender === "user" ? "user" : "bot"}`, children: [
+      /* @__PURE__ */ c("div", { className: "echo-message-content", children: s.type === "text" ? s.content : /* @__PURE__ */ c("img", { src: s.content, alt: "sent image", className: "echo-message-image" }) }),
+      /* @__PURE__ */ c("div", { className: "echo-message-time", children: new Date(s.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) }),
+      s.metadata?.runId && r[s.metadata.runId] && /* @__PURE__ */ c(
+        Ue,
+        {
+          events: r[s.metadata.runId],
+          isExpanded: !1
+        }
+      )
+    ] }, s.id)),
+    t && /* @__PURE__ */ c("div", { className: "echo-message bot echo-streaming-container", children: [
+      n && /* @__PURE__ */ c(Ue, { events: r[n] || [], isExpanded: !1 }),
+      /* @__PURE__ */ c("div", { className: "echo-typing-indicator", children: [
+        /* @__PURE__ */ c("span", { children: "." }),
+        /* @__PURE__ */ c("span", { children: "." }),
+        /* @__PURE__ */ c("span", { children: "." })
+      ] })
+    ] }),
+    /* @__PURE__ */ c("div", { ref: i })
+  ] });
+}, Ut = ({ onSendMessage: e, isLoading: t }) => {
+  const [n, r] = N(""), o = () => {
+    n.trim() && !t && (e(n.trim()), r(""));
+  };
+  return /* @__PURE__ */ c("div", { class: "echo-input-area", children: [
+    /* @__PURE__ */ c(
+      "input",
+      {
+        type: "text",
+        class: "echo-input",
+        placeholder: "Type a Message...",
+        value: n,
+        onInput: (s) => r(s.currentTarget.value),
+        onKeyPress: (s) => {
+          s.key === "Enter" && !t && o();
+        },
+        disabled: t
+      }
+    ),
+    /* @__PURE__ */ c("div", { style: "display: flex; gap: 8px; align-items: center;", children: [
+      /* @__PURE__ */ c("button", { style: "background: none; border: none; cursor: pointer; color: #9ca3af; padding: 4px;", disabled: t, children: /* @__PURE__ */ c(Mt, {}) }),
+      /* @__PURE__ */ c("button", { style: "background: none; border: none; cursor: pointer; color: #9ca3af; padding: 4px;", disabled: t, children: /* @__PURE__ */ c(qt, {}) }),
+      /* @__PURE__ */ c("button", { class: "echo-send-btn", onClick: o, disabled: !n.trim() || t, children: /* @__PURE__ */ c(Rt, {}) })
+    ] })
+  ] });
+}, Wt = ({
+  conversations: e,
+  activeConversationId: t,
+  onSelectConversation: n,
+  onNewChat: r,
+  isOpen: o
+}) => o ? /* @__PURE__ */ c("div", { className: "echo-sidebar", children: [
+  /* @__PURE__ */ c("div", { className: "echo-sidebar-header", children: /* @__PURE__ */ c("button", { className: "echo-new-chat-btn", onClick: r, children: "+ New Chat" }) }),
+  /* @__PURE__ */ c("div", { className: "echo-conversation-list", children: e.map((i) => /* @__PURE__ */ c(
+    "div",
+    {
+      className: `echo-conversation-item ${t === i.id ? "active" : ""}`,
+      onClick: () => n(i.id),
+      role: "button",
+      tabIndex: 0,
+      children: [
+        /* @__PURE__ */ c("div", { className: "echo-conversation-summary", children: i.summary || "New Conversation" }),
+        /* @__PURE__ */ c("div", { className: "echo-conversation-date", children: (() => {
+          const s = new Date(i.updated_at || i.created_at), h = /* @__PURE__ */ new Date();
+          return s.getDate() === h.getDate() && s.getMonth() === h.getMonth() && s.getFullYear() === h.getFullYear() ? s.toLocaleTimeString(
+            [],
+            {
+              year: "2-digit",
+              month: "2-digit",
+              day: "2-digit",
+              hour: "2-digit",
+              minute: "2-digit"
+            }
+          ) : s.toLocaleDateString();
+        })() })
+      ]
+    },
+    i.id
+  )) })
+] }) : null, jt = ({ config: e, onQuerySelect: t }) => {
+  if (!e) return null;
+  const { display_name: n, example_queries: r } = e, o = r ? r.slice(0, 3) : [];
+  return /* @__PURE__ */ c("div", { className: "echo-home-view", children: [
+    n && /* @__PURE__ */ c("h2", { className: "echo-home-greeting", children: [
+      "Hi ",
+      n,
+      " 👋"
+    ] }),
+    o.length > 0 && /* @__PURE__ */ c("div", { className: "echo-query-list", children: o.map((i, s) => /* @__PURE__ */ c(
+      "button",
+      {
+        className: "echo-query-chip",
+        onClick: () => t(i),
+        children: i
+      },
+      s
+    )) })
+  ] });
+}, zt = ({ isOpen: e, onClose: t, title: n }) => {
+  const {
+    messages: r,
+    sendMessage: o,
+    config: i,
+    connectionState: s,
+    conversations: h,
+    activeConversationId: u,
+    loadConversation: l,
+    createNewChat: _,
+    startNewConversation: a,
+    isStreaming: g,
+    activeRunId: d,
+    streamedThoughts: C,
+    isInitialized: I,
+    isLoading: w,
+    error: p
+  } = st(), [f, A] = N(!1), P = async (v) => {
+    await o(v);
+  }, M = async (v) => {
+    await l(v), A(!1);
+  }, L = () => {
+    _(), A(!1);
+  }, W = (v) => {
+    a(v);
+  }, O = I && !w && r.length === 0, E = h.find((v) => v.id === u)?.summary || n || i?.brand_name || "Support";
+  return /* @__PURE__ */ c("div", { className: `echo-chat-window ${e ? "open" : ""}`, children: [
+    /* @__PURE__ */ c(
+      Pt,
+      {
+        title: E,
+        greeting: i?.greeting_message,
+        connectionStatus: s,
+        onToggleSidebar: () => A(!f),
+        onCloseChat: t,
+        showBackButton: !!u,
+        onBack: L
+      }
+    ),
+    /* @__PURE__ */ c("div", { className: "echo-chat-body-container", children: [
+      /* @__PURE__ */ c("div", { className: `echo-sidebar-container ${f ? "open" : ""}`, children: /* @__PURE__ */ c(
+        Wt,
+        {
+          conversations: h,
+          activeConversationId: u || void 0,
+          onSelectConversation: M,
+          onNewChat: L,
+          isOpen: f
+        }
+      ) }),
+      /* @__PURE__ */ c("div", { className: "echo-chat-main", children: [
+        p ? /* @__PURE__ */ c("div", { className: "echo-error-message", children: [
+          p,
+          /* @__PURE__ */ c("button", { onClick: () => window.location.reload(), children: "Retry" })
+        ] }) : /* @__PURE__ */ c(re, { children: O ? /* @__PURE__ */ c(jt, { config: i, onQuerySelect: W }) : /* @__PURE__ */ c(
+          Ft,
+          {
+            messages: r,
+            isStreaming: g,
+            activeRunId: d || void 0,
+            streamedThoughts: C
+          }
+        ) }),
+        /* @__PURE__ */ c(Ut, { onSendMessage: P, isLoading: w || g })
+      ] })
+    ] })
+  ] });
+}, Qt = ({ isOpen: e, onClick: t }) => /* @__PURE__ */ c("button", { class: "echo-launcher", onClick: t, children: e ? /* @__PURE__ */ c(at, { size: 24 }) : /* @__PURE__ */ c(At, {}) }), Ot = ({ config: e }) => {
+  const [t, n] = N(!1), { config: r, isLoading: o, error: i, isInitialized: s } = st();
+  if (i)
+    return r?.environment === "dev" ? /* @__PURE__ */ c("div", { className: "echo-error-toast", style: {
+      position: "fixed",
+      bottom: "20px",
+      right: "20px",
+      background: "red",
+      color: "white",
+      padding: "10px",
+      borderRadius: "5px",
+      zIndex: 1e4
+    }, children: [
+      "Error: ",
+      i
+    ] }) : null;
+  if (!s && o)
+    return null;
+  const h = e.bgColor || r?.primary_color || "#0165d2", u = {
+    "--echo-primary": h,
+    "--echo-primary-gradient": `linear-gradient(135deg, ${h} 0%, ${h} 100%)`,
+    "--echo-background": "#ffffff",
+    "--echo-foreground": "#000000"
+  };
+  return e.width && (u.width = e.width), e.height && (u.height = e.height), /* @__PURE__ */ c(
+    "div",
+    {
+      className: `echo-chat-container ${e.position || "bottom-right"}`,
+      style: u,
+      children: [
+        /* @__PURE__ */ c(
+          zt,
+          {
+            isOpen: t,
+            onClose: () => n(!1),
+            title: r?.brand_name || "Support"
+          }
+        ),
+        /* @__PURE__ */ c(
+          Qt,
+          {
+            isOpen: t,
+            onClick: () => n(!t)
+          }
+        )
+      ]
+    }
+  );
+}, Bt = (e) => /* @__PURE__ */ c(Nt, { sdkConfig: e, children: /* @__PURE__ */ c(Ot, { config: e }) });
+function Kt(e, t) {
+  const n = document.createElement("div");
+  return e.appendChild(n), Ie(/* @__PURE__ */ c(Bt, { ...t }), n), {
+    destroy: () => {
+      Ie(null, n), n.remove();
+    }
+  };
+}
+typeof window < "u" && (window.mountChatPopup = Kt);
+export {
+  Bt as ChatPopup,
+  Kt as mountChatPopup
+};