@gamention/pulse-elements 0.1.3 → 0.1.5

package/dist/pulse-elements.js

@@ -20,11 +20,11 @@ let bt = class extends Event {
  */
 let We = class {
   constructor(e, t, i, n) {
-    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (r, o) => {
-      this.unsubscribe && (this.unsubscribe !== o && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = r, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(r, o)), this.unsubscribe = o;
+    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (o, r) => {
+      this.unsubscribe && (this.unsubscribe !== r && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = o, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(o, r)), this.unsubscribe = r;
     }, this.host = e, t.context !== void 0) {
-      const r = t;
-      this.context = r.context, this.callback = r.callback, this.subscribe = r.subscribe ?? !1;
+      const o = t;
+      this.context = o.context, this.callback = o.callback, this.subscribe = o.subscribe ?? !1;
     } else this.context = t, this.callback = i, this.subscribe = n ?? !1;
     this.host.addController(this);
   }
@@ -82,17 +82,17 @@ let At = class extends Event {
   }
 }, Ve = class extends Pt {
   constructor(e, t, i) {
-    var n, r;
-    super(t.context !== void 0 ? t.initialValue : i), this.onContextRequest = (o) => {
-      if (o.context !== this.context) return;
-      const l = o.contextTarget ?? o.composedPath()[0];
-      l !== this.host && (o.stopPropagation(), this.addCallback(o.callback, l, o.subscribe));
-    }, this.onProviderRequest = (o) => {
-      if (o.context !== this.context || (o.contextTarget ?? o.composedPath()[0]) === this.host) return;
+    var n, o;
+    super(t.context !== void 0 ? t.initialValue : i), this.onContextRequest = (r) => {
+      if (r.context !== this.context) return;
+      const l = r.contextTarget ?? r.composedPath()[0];
+      l !== this.host && (r.stopPropagation(), this.addCallback(r.callback, l, r.subscribe));
+    }, this.onProviderRequest = (r) => {
+      if (r.context !== this.context || (r.contextTarget ?? r.composedPath()[0]) === this.host) return;
       const l = /* @__PURE__ */ new Set();
       for (const [a, { consumerHost: c }] of this.subscriptions) l.has(a) || (l.add(a), c.dispatchEvent(new bt(this.context, c, a, !0)));
-      o.stopPropagation();
-    }, this.host = e, t.context !== void 0 ? this.context = t.context : this.context = t, this.attachListeners(), (r = (n = this.host).addController) == null || r.call(n, this);
+      r.stopPropagation();
+    }, this.host = e, t.context !== void 0 ? this.context = t.context : this.context = t, this.attachListeners(), (o = (n = this.host).addController) == null || o.call(n, this);
   }
   attachListeners() {
     this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
@@ -106,7 +106,7 @@ let At = class extends Event {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function It({ context: s }) {
+function Mt({ context: s }) {
   return (e, t) => {
     const i = /* @__PURE__ */ new WeakMap();
     if (typeof t == "object") return { get() {
@@ -117,25 +117,25 @@ function It({ context: s }) {
       return i.set(this, new Ve(this, { context: s, initialValue: n })), n;
     } };
     {
-      e.constructor.addInitializer(((o) => {
-        i.set(o, new Ve(o, { context: s }));
+      e.constructor.addInitializer(((r) => {
+        i.set(r, new Ve(r, { context: s }));
       }));
       const n = Object.getOwnPropertyDescriptor(e, t);
-      let r;
+      let o;
       if (n === void 0) {
-        const o = /* @__PURE__ */ new WeakMap();
-        r = { get() {
-          return o.get(this);
+        const r = /* @__PURE__ */ new WeakMap();
+        o = { get() {
+          return r.get(this);
         }, set(l) {
-          i.get(this).setValue(l), o.set(this, l);
+          i.get(this).setValue(l), r.set(this, l);
         }, configurable: !0, enumerable: !0 };
       } else {
-        const o = n.set;
-        r = { ...n, set(l) {
-          i.get(this).setValue(l), o == null || o.call(this, l);
+        const r = n.set;
+        o = { ...n, set(l) {
+          i.get(this).setValue(l), r == null || r.call(this, l);
         } };
       }
-      return void Object.defineProperty(e, t, r);
+      return void Object.defineProperty(e, t, o);
     }
   };
 }
@@ -151,13 +151,13 @@ function he({ context: s, subscribe: e }) {
         t.set.call(this, n);
       }, subscribe: e });
     })) : t.constructor.addInitializer(((n) => {
-      new We(n, { context: s, callback: (r) => {
-        n[i] = r;
+      new We(n, { context: s, callback: (o) => {
+        n[i] = o;
       }, subscribe: e });
     }));
   };
 }
-var Mt = Object.defineProperty, Ot = (s, e, t) => e in s ? Mt(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, y = (s, e, t) => Ot(s, typeof e != "symbol" ? e + "" : e, t);
+var It = Object.defineProperty, Ot = (s, e, t) => e in s ? It(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, y = (s, e, t) => Ot(s, typeof e != "symbol" ? e + "" : e, t);
 const Rt = "ws://localhost:4567";
 let Le = class {
   constructor() {
@@ -248,8 +248,8 @@ let Le = class {
     const t = this._typing.get(e);
     if (!t) return [];
     const i = Date.now(), n = [];
-    for (const [r, o] of t)
-      i - o < 3e3 && n.push(r);
+    for (const [o, r] of t)
+      i - r < 3e3 && n.push(o);
     return n;
   }
   get viewports() {
@@ -527,8 +527,8 @@ let Le = class {
       body: i
     });
     if (!n.ok) {
-      const r = await n.json().catch(() => ({ error: "Upload failed" }));
-      throw new Error(r.error ?? "Upload failed");
+      const o = await n.json().catch(() => ({ error: "Upload failed" }));
+      throw new Error(o.error ?? "Upload failed");
     }
     return n.json();
   }
@@ -561,12 +561,12 @@ let xt = class {
     return this.cssText;
   }
 };
-const zt = (s) => new xt(typeof s == "string" ? s : s + "", void 0, ze), I = (s, ...e) => {
-  const t = s.length === 1 ? s[0] : e.reduce((i, n, r) => i + ((o) => {
-    if (o._$cssResult$ === !0) return o.cssText;
-    if (typeof o == "number") return o;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(n) + s[r + 1], s[0]);
+const zt = (s) => new xt(typeof s == "string" ? s : s + "", void 0, ze), M = (s, ...e) => {
+  const t = s.length === 1 ? s[0] : e.reduce((i, n, o) => i + ((r) => {
+    if (r._$cssResult$ === !0) return r.cssText;
+    if (typeof r == "number") return r;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(n) + s[o + 1], s[0]);
   return new xt(t, s, ze);
 }, Ut = (s, e) => {
   if (je) s.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
@@ -628,14 +628,14 @@ let Y = class extends HTMLElement {
     }
   }
   static getPropertyDescriptor(e, t, i) {
-    const { get: n, set: r } = Nt(this.prototype, e) ?? { get() {
+    const { get: n, set: o } = Nt(this.prototype, e) ?? { get() {
       return this[t];
-    }, set(o) {
-      this[t] = o;
+    }, set(r) {
+      this[t] = r;
     } };
-    return { get: n, set(o) {
+    return { get: n, set(r) {
       const l = n == null ? void 0 : n.call(this);
-      r == null || r.call(this, o), this.requestUpdate(e, l, i);
+      o == null || o.call(this, r), this.requestUpdate(e, l, i);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
@@ -720,34 +720,34 @@ let Y = class extends HTMLElement {
     this._$AK(e, i);
   }
   _$ET(e, t) {
-    var r;
+    var o;
     const i = this.constructor.elementProperties.get(e), n = this.constructor._$Eu(e, i);
     if (n !== void 0 && i.reflect === !0) {
-      const o = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : ye).toAttribute(t, i.type);
-      this._$Em = e, o == null ? this.removeAttribute(n) : this.setAttribute(n, o), this._$Em = null;
+      const r = (((o = i.converter) == null ? void 0 : o.toAttribute) !== void 0 ? i.converter : ye).toAttribute(t, i.type);
+      this._$Em = e, r == null ? this.removeAttribute(n) : this.setAttribute(n, r), this._$Em = null;
     }
   }
   _$AK(e, t) {
-    var r, o;
+    var o, r;
     const i = this.constructor, n = i._$Eh.get(e);
     if (n !== void 0 && this._$Em !== n) {
-      const l = i.getPropertyOptions(n), a = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((r = l.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? l.converter : ye;
+      const l = i.getPropertyOptions(n), a = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((o = l.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? l.converter : ye;
       this._$Em = n;
       const c = a.fromAttribute(t, l.type);
-      this[n] = c ?? ((o = this._$Ej) == null ? void 0 : o.get(n)) ?? c, this._$Em = null;
+      this[n] = c ?? ((r = this._$Ej) == null ? void 0 : r.get(n)) ?? c, this._$Em = null;
     }
   }
-  requestUpdate(e, t, i, n = !1, r) {
-    var o;
+  requestUpdate(e, t, i, n = !1, o) {
+    var r;
     if (e !== void 0) {
       const l = this.constructor;
-      if (n === !1 && (r = this[e]), i ?? (i = l.getPropertyOptions(e)), !((i.hasChanged ?? Ue)(r, t) || i.useDefault && i.reflect && r === ((o = this._$Ej) == null ? void 0 : o.get(e)) && !this.hasAttribute(l._$Eu(e, i)))) return;
+      if (n === !1 && (o = this[e]), i ?? (i = l.getPropertyOptions(e)), !((i.hasChanged ?? Ue)(o, t) || i.useDefault && i.reflect && o === ((r = this._$Ej) == null ? void 0 : r.get(e)) && !this.hasAttribute(l._$Eu(e, i)))) return;
       this.C(e, t, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(e, t, { useDefault: i, reflect: n, wrapped: r }, o) {
-    i && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, o ?? t ?? this[e]), r !== !0 || o !== void 0) || (this._$AL.has(e) || (this.hasUpdated || i || (t = void 0), this._$AL.set(e, t)), n === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
+  C(e, t, { useDefault: i, reflect: n, wrapped: o }, r) {
+    i && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, r ?? t ?? this[e]), o !== !0 || r !== void 0) || (this._$AL.has(e) || (this.hasUpdated || i || (t = void 0), this._$AL.set(e, t)), n === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -767,21 +767,21 @@ let Y = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [r, o] of this._$Ep) this[r] = o;
+        for (const [o, r] of this._$Ep) this[o] = r;
         this._$Ep = void 0;
       }
       const n = this.constructor.elementProperties;
-      if (n.size > 0) for (const [r, o] of n) {
-        const { wrapped: l } = o, a = this[r];
-        l !== !0 || this._$AL.has(r) || a === void 0 || this.C(r, void 0, o, a);
+      if (n.size > 0) for (const [o, r] of n) {
+        const { wrapped: l } = r, a = this[o];
+        l !== !0 || this._$AL.has(o) || a === void 0 || this.C(o, void 0, r, a);
       }
     }
     let e = !1;
     const t = this._$AL;
     try {
       e = this.shouldUpdate(t), e ? (this.willUpdate(t), (i = this._$EO) == null || i.forEach((n) => {
-        var r;
-        return (r = n.hostUpdate) == null ? void 0 : r.call(n);
+        var o;
+        return (o = n.hostUpdate) == null ? void 0 : o.call(n);
       }), this.update(t)) : this._$EM();
     } catch (n) {
       throw e = !1, this._$EM(), n;
@@ -832,21 +832,21 @@ function Et(s, e) {
 }
 const Kt = (s, e) => {
   const t = s.length - 1, i = [];
-  let n, r = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = te;
+  let n, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", r = te;
   for (let l = 0; l < t; l++) {
     const a = s[l];
     let c, h, p = -1, m = 0;
-    for (; m < a.length && (o.lastIndex = m, h = o.exec(a), h !== null); ) m = o.lastIndex, o === te ? h[1] === "!--" ? o = Qe : h[1] !== void 0 ? o = et : h[2] !== void 0 ? ($t.test(h[2]) && (n = RegExp("</" + h[2], "g")), o = H) : h[3] !== void 0 && (o = H) : o === H ? h[0] === ">" ? (o = n ?? te, p = -1) : h[1] === void 0 ? p = -2 : (p = o.lastIndex - h[2].length, c = h[1], o = h[3] === void 0 ? H : h[3] === '"' ? it : tt) : o === it || o === tt ? o = H : o === Qe || o === et ? o = te : (o = H, n = void 0);
-    const f = o === H && s[l + 1].startsWith("/>") ? " " : "";
-    r += o === te ? a + Vt : p >= 0 ? (i.push(c), a.slice(0, p) + yt + a.slice(p) + z + f) : a + z + (p === -2 ? l : f);
+    for (; m < a.length && (r.lastIndex = m, h = r.exec(a), h !== null); ) m = r.lastIndex, r === te ? h[1] === "!--" ? r = Qe : h[1] !== void 0 ? r = et : h[2] !== void 0 ? ($t.test(h[2]) && (n = RegExp("</" + h[2], "g")), r = H) : h[3] !== void 0 && (r = H) : r === H ? h[0] === ">" ? (r = n ?? te, p = -1) : h[1] === void 0 ? p = -2 : (p = r.lastIndex - h[2].length, c = h[1], r = h[3] === void 0 ? H : h[3] === '"' ? it : tt) : r === it || r === tt ? r = H : r === Qe || r === et ? r = te : (r = H, n = void 0);
+    const f = r === H && s[l + 1].startsWith("/>") ? " " : "";
+    o += r === te ? a + Vt : p >= 0 ? (i.push(c), a.slice(0, p) + yt + a.slice(p) + z + f) : a + z + (p === -2 ? l : f);
   }
-  return [Et(s, r + (s[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
+  return [Et(s, o + (s[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
 };
 class re {
   constructor({ strings: e, _$litType$: t }, i) {
     let n;
     this.parts = [];
-    let r = 0, o = 0;
+    let o = 0, r = 0;
     const l = e.length - 1, a = this.parts, [c, h] = Kt(e, t);
     if (this.el = re.createElement(c, i), N.currentNode = this.el.content, t === 2 || t === 3) {
       const p = this.el.content.firstChild;
@@ -855,23 +855,23 @@ class re {
     for (; (n = N.nextNode()) !== null && a.length < l; ) {
       if (n.nodeType === 1) {
         if (n.hasAttributes()) for (const p of n.getAttributeNames()) if (p.endsWith(yt)) {
-          const m = h[o++], f = n.getAttribute(p).split(z), b = /([.?@])?(.*)/.exec(m);
-          a.push({ type: 1, index: r, name: b[2], strings: f, ctor: b[1] === "." ? Jt : b[1] === "?" ? Zt : b[1] === "@" ? Qt : Ee }), n.removeAttribute(p);
-        } else p.startsWith(z) && (a.push({ type: 6, index: r }), n.removeAttribute(p));
+          const m = h[r++], f = n.getAttribute(p).split(z), b = /([.?@])?(.*)/.exec(m);
+          a.push({ type: 1, index: o, name: b[2], strings: f, ctor: b[1] === "." ? Jt : b[1] === "?" ? Zt : b[1] === "@" ? Qt : Ee }), n.removeAttribute(p);
+        } else p.startsWith(z) && (a.push({ type: 6, index: o }), n.removeAttribute(p));
         if ($t.test(n.tagName)) {
           const p = n.textContent.split(z), m = p.length - 1;
           if (m > 0) {
             n.textContent = we ? we.emptyScript : "";
-            for (let f = 0; f < m; f++) n.append(p[f], ne()), N.nextNode(), a.push({ type: 2, index: ++r });
+            for (let f = 0; f < m; f++) n.append(p[f], ne()), N.nextNode(), a.push({ type: 2, index: ++o });
             n.append(p[m], ne());
           }
         }
-      } else if (n.nodeType === 8) if (n.data === wt) a.push({ type: 2, index: r });
+      } else if (n.nodeType === 8) if (n.data === wt) a.push({ type: 2, index: o });
       else {
         let p = -1;
-        for (; (p = n.data.indexOf(z, p + 1)) !== -1; ) a.push({ type: 7, index: r }), p += z.length - 1;
+        for (; (p = n.data.indexOf(z, p + 1)) !== -1; ) a.push({ type: 7, index: o }), p += z.length - 1;
       }
-      r++;
+      o++;
     }
   }
   static createElement(e, t) {
@@ -880,11 +880,11 @@ class re {
   }
 }
 function K(s, e, t = s, i) {
-  var o, l;
+  var r, l;
   if (e === q) return e;
-  let n = i !== void 0 ? (o = t._$Co) == null ? void 0 : o[i] : t._$Cl;
-  const r = oe(e) ? void 0 : e._$litDirective$;
-  return (n == null ? void 0 : n.constructor) !== r && ((l = n == null ? void 0 : n._$AO) == null || l.call(n, !1), r === void 0 ? n = void 0 : (n = new r(s), n._$AT(s, t, i)), i !== void 0 ? (t._$Co ?? (t._$Co = []))[i] = n : t._$Cl = n), n !== void 0 && (e = K(s, n._$AS(s, e.values), n, i)), e;
+  let n = i !== void 0 ? (r = t._$Co) == null ? void 0 : r[i] : t._$Cl;
+  const o = oe(e) ? void 0 : e._$litDirective$;
+  return (n == null ? void 0 : n.constructor) !== o && ((l = n == null ? void 0 : n._$AO) == null || l.call(n, !1), o === void 0 ? n = void 0 : (n = new o(s), n._$AT(s, t, i)), i !== void 0 ? (t._$Co ?? (t._$Co = []))[i] = n : t._$Cl = n), n !== void 0 && (e = K(s, n._$AS(s, e.values), n, i)), e;
 }
 class Gt {
   constructor(e, t) {
@@ -899,13 +899,13 @@ class Gt {
   u(e) {
     const { el: { content: t }, parts: i } = this._$AD, n = ((e == null ? void 0 : e.creationScope) ?? F).importNode(t, !0);
     N.currentNode = n;
-    let r = N.nextNode(), o = 0, l = 0, a = i[0];
+    let o = N.nextNode(), r = 0, l = 0, a = i[0];
     for (; a !== void 0; ) {
-      if (o === a.index) {
+      if (r === a.index) {
         let c;
-        a.type === 2 ? c = new pe(r, r.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(r, a.name, a.strings, this, e) : a.type === 6 && (c = new ei(r, this, e)), this._$AV.push(c), a = i[++l];
+        a.type === 2 ? c = new pe(o, o.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(o, a.name, a.strings, this, e) : a.type === 6 && (c = new ei(o, this, e)), this._$AV.push(c), a = i[++l];
       }
-      o !== (a == null ? void 0 : a.index) && (r = N.nextNode(), o++);
+      r !== (a == null ? void 0 : a.index) && (o = N.nextNode(), r++);
     }
     return N.currentNode = F, n;
   }
@@ -946,12 +946,12 @@ class pe {
     this._$AH !== u && oe(this._$AH) ? this._$AA.nextSibling.data = e : this.T(F.createTextNode(e)), this._$AH = e;
   }
   $(e) {
-    var r;
+    var o;
     const { values: t, _$litType$: i } = e, n = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = re.createElement(Et(i.h, i.h[0]), this.options)), i);
-    if (((r = this._$AH) == null ? void 0 : r._$AD) === n) this._$AH.p(t);
+    if (((o = this._$AH) == null ? void 0 : o._$AD) === n) this._$AH.p(t);
     else {
-      const o = new Gt(n, this), l = o.u(this.options);
-      o.p(t), this.T(l), this._$AH = o;
+      const r = new Gt(n, this), l = r.u(this.options);
+      r.p(t), this.T(l), this._$AH = r;
     }
   }
   _$AC(e) {
@@ -962,7 +962,7 @@ class pe {
     De(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let i, n = 0;
-    for (const r of e) n === t.length ? t.push(i = new pe(this.O(ne()), this.O(ne()), this, this.options)) : i = t[n], i._$AI(r), n++;
+    for (const o of e) n === t.length ? t.push(i = new pe(this.O(ne()), this.O(ne()), this, this.options)) : i = t[n], i._$AI(o), n++;
     n < t.length && (this._$AR(i && i._$AB.nextSibling, n), t.length = n);
   }
   _$AR(e = this._$AA.nextSibling, t) {
@@ -984,19 +984,19 @@ class Ee {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(e, t, i, n, r) {
-    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = e, this.name = t, this._$AM = n, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = u;
+  constructor(e, t, i, n, o) {
+    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = e, this.name = t, this._$AM = n, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = u;
   }
   _$AI(e, t = this, i, n) {
-    const r = this.strings;
-    let o = !1;
-    if (r === void 0) e = K(this, e, t, 0), o = !oe(e) || e !== this._$AH && e !== q, o && (this._$AH = e);
+    const o = this.strings;
+    let r = !1;
+    if (o === void 0) e = K(this, e, t, 0), r = !oe(e) || e !== this._$AH && e !== q, r && (this._$AH = e);
     else {
       const l = e;
       let a, c;
-      for (e = r[0], a = 0; a < r.length - 1; a++) c = K(this, l[i + a], t, a), c === q && (c = this._$AH[a]), o || (o = !oe(c) || c !== this._$AH[a]), c === u ? e = u : e !== u && (e += (c ?? "") + r[a + 1]), this._$AH[a] = c;
+      for (e = o[0], a = 0; a < o.length - 1; a++) c = K(this, l[i + a], t, a), c === q && (c = this._$AH[a]), r || (r = !oe(c) || c !== this._$AH[a]), c === u ? e = u : e !== u && (e += (c ?? "") + o[a + 1]), this._$AH[a] = c;
     }
-    o && !n && this.j(e);
+    r && !n && this.j(e);
   }
   j(e) {
     e === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
@@ -1019,13 +1019,13 @@ class Zt extends Ee {
   }
 }
 class Qt extends Ee {
-  constructor(e, t, i, n, r) {
-    super(e, t, i, n, r), this.type = 5;
+  constructor(e, t, i, n, o) {
+    super(e, t, i, n, o), this.type = 5;
   }
   _$AI(e, t = this) {
     if ((e = K(this, e, t, 0) ?? u) === q) return;
-    const i = this._$AH, n = e === u && i !== u || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, r = e !== u && (i === u || n);
-    n && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, e), this._$AH = e;
+    const i = this._$AH, n = e === u && i !== u || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, o = e !== u && (i === u || n);
+    n && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
     var t;
@@ -1049,8 +1049,8 @@ const ti = (s, e, t) => {
   const i = (t == null ? void 0 : t.renderBefore) ?? e;
   let n = i._$litPart$;
   if (n === void 0) {
-    const r = (t == null ? void 0 : t.renderBefore) ?? null;
-    i._$litPart$ = n = new pe(e.insertBefore(ne(), r), r, void 0, t ?? {});
+    const o = (t == null ? void 0 : t.renderBefore) ?? null;
+    i._$litPart$ = n = new pe(e.insertBefore(ne(), o), o, void 0, t ?? {});
   }
   return n._$AI(s), n;
 };
@@ -1107,29 +1107,29 @@ const R = (s) => (e, t) => {
  */
 const ii = { attribute: !0, type: String, converter: ye, reflect: !1, hasChanged: Ue }, si = (s = ii, e, t) => {
   const { kind: i, metadata: n } = t;
-  let r = globalThis.litPropertyMetadata.get(n);
-  if (r === void 0 && globalThis.litPropertyMetadata.set(n, r = /* @__PURE__ */ new Map()), i === "setter" && ((s = Object.create(s)).wrapped = !0), r.set(t.name, s), i === "accessor") {
-    const { name: o } = t;
+  let o = globalThis.litPropertyMetadata.get(n);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(n, o = /* @__PURE__ */ new Map()), i === "setter" && ((s = Object.create(s)).wrapped = !0), o.set(t.name, s), i === "accessor") {
+    const { name: r } = t;
     return { set(l) {
       const a = e.get.call(this);
-      e.set.call(this, l), this.requestUpdate(o, a, s, !0, l);
+      e.set.call(this, l), this.requestUpdate(r, a, s, !0, l);
     }, init(l) {
-      return l !== void 0 && this.C(o, void 0, s, l), l;
+      return l !== void 0 && this.C(r, void 0, s, l), l;
     } };
   }
   if (i === "setter") {
-    const { name: o } = t;
+    const { name: r } = t;
     return function(l) {
-      const a = this[o];
-      e.call(this, l), this.requestUpdate(o, a, s, !0, l);
+      const a = this[r];
+      e.call(this, l), this.requestUpdate(r, a, s, !0, l);
     };
   }
   throw Error("Unsupported decorator location: " + i);
 };
 function g(s) {
-  return (e, t) => typeof t == "object" ? si(s, e, t) : ((i, n, r) => {
-    const o = n.hasOwnProperty(r);
-    return n.constructor.createProperty(r, i), o ? Object.getOwnPropertyDescriptor(n, r) : void 0;
+  return (e, t) => typeof t == "object" ? si(s, e, t) : ((i, n, o) => {
+    const r = n.hasOwnProperty(o);
+    return n.constructor.createProperty(o, i), r ? Object.getOwnPropertyDescriptor(n, o) : void 0;
   })(s, e, t);
 }
 /**
@@ -1142,8 +1142,8 @@ function v(s) {
 }
 const J = "pulse-client";
 var ni = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, Z = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? oi(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? oi(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && ni(e, t, n), n;
 };
 let W = class extends S {
@@ -1181,14 +1181,14 @@ Z([
   g()
 ], W.prototype, "endpoint", 2);
 Z([
-  It({ context: J })
+  Mt({ context: J })
 ], W.prototype, "client", 2);
 W = Z([
   R("pulse-provider")
 ], W);
 var ri = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, Ce = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? ai(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? ai(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && ri(e, t, n), n;
 };
 let G = class extends S {
@@ -1235,7 +1235,7 @@ let G = class extends S {
     `;
   }
 };
-G.styles = I`
+G.styles = M`
     :host {
       display: inline-flex;
       align-items: center;
@@ -1353,8 +1353,8 @@ G = Ce([
   R("pulse-presence")
 ], G);
 var li = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, He = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? ci(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? ci(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && li(e, t, n), n;
 };
 let ae = class extends S {
@@ -1434,7 +1434,7 @@ let ae = class extends S {
     `;
   }
 };
-ae.styles = I`
+ae.styles = M`
     :host {
       position: fixed;
       top: 0;
@@ -1482,8 +1482,8 @@ ae = He([
   R("pulse-cursors")
 ], ae);
 var di = Object.defineProperty, hi = Object.getOwnPropertyDescriptor, ue = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? hi(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? hi(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && di(e, t, n), n;
 };
 let V = class extends S {
@@ -1522,15 +1522,15 @@ let V = class extends S {
     s.preventDefault();
     const t = s.target.querySelector("textarea"), i = t.value.trim();
     if (!i) return;
-    const n = [...i.matchAll(/@(\w+)/g)].map((r) => r[1]);
+    const n = [...i.matchAll(/@(\w+)/g)].map((o) => o[1]);
     this.client.createThread(i, { mentions: n }), t.value = "";
   }
   handleReply(s, e) {
     e.preventDefault();
     const i = e.target.querySelector("input"), n = i.value.trim();
     if (!n) return;
-    const r = [...n.matchAll(/@(\w+)/g)].map((o) => o[1]);
-    this.client.reply(s, n, r), i.value = "", this.replyingTo = null;
+    const o = [...n.matchAll(/@(\w+)/g)].map((r) => r[1]);
+    this.client.reply(s, n, o), i.value = "", this.replyingTo = null;
   }
   render() {
     const s = this.showResolved ? this.threads : this.threads.filter((e) => !e.resolved);
@@ -1600,11 +1600,11 @@ let V = class extends S {
     const e = new Date(s), i = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(i / 6e4);
     if (n < 1) return "just now";
     if (n < 60) return `${n}m ago`;
-    const r = Math.floor(n / 60);
-    return r < 24 ? `${r}h ago` : e.toLocaleDateString();
+    const o = Math.floor(n / 60);
+    return o < 24 ? `${o}h ago` : e.toLocaleDateString();
   }
 };
-V.styles = I`
+V.styles = M`
     :host {
       display: block;
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
@@ -1833,8 +1833,8 @@ V = ue([
   R("pulse-comments")
 ], V);
 var pi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, Ne = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? ui(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? ui(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && pi(e, t, n), n;
 };
 const fi = {
@@ -1892,8 +1892,8 @@ let le = class extends S {
     const e = new Date(s), i = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(i / 6e4);
     if (n < 1) return "just now";
     if (n < 60) return `${n}m ago`;
-    const r = Math.floor(n / 60);
-    return r < 24 ? `${r}h ago` : e.toLocaleDateString();
+    const o = Math.floor(n / 60);
+    return o < 24 ? `${o}h ago` : e.toLocaleDateString();
   }
   render() {
     const s = this.notifications.filter((e) => !e.read).length;
@@ -1933,7 +1933,7 @@ let le = class extends S {
     `;
   }
 };
-le.styles = I`
+le.styles = M`
     :host {
       display: block;
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
@@ -2085,8 +2085,8 @@ le = Ne([
   R("pulse-notifications")
 ], le);
 var gi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, Q = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? bi(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? bi(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && gi(e, t, n), n;
 };
 const vi = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
@@ -2114,12 +2114,12 @@ let D = class extends S {
     var t, i;
     const s = /* @__PURE__ */ new Map(), e = (i = (t = this.client) == null ? void 0 : t.state.user) == null ? void 0 : i.id;
     for (const n of this.reactions) {
-      const r = s.get(n.emoji) ?? { count: 0, userReactionId: null };
-      r.count++, n.userId === e && (r.userReactionId = n.id), s.set(n.emoji, r);
+      const o = s.get(n.emoji) ?? { count: 0, userReactionId: null };
+      o.count++, n.userId === e && (o.userReactionId = n.id), s.set(n.emoji, o);
     }
-    return [...s.entries()].map(([n, r]) => ({
+    return [...s.entries()].map(([n, o]) => ({
       emoji: n,
-      ...r
+      ...o
     }));
   }
   toggleReaction(s) {
@@ -2164,7 +2164,7 @@ let D = class extends S {
     `;
   }
 };
-D.styles = I`
+D.styles = M`
     :host {
       display: inline-flex;
       align-items: center;
@@ -2322,7 +2322,7 @@ class wi {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Ie extends wi {
+class Me extends wi {
   constructor(e) {
     if (super(e), this.it = u, e.type !== xi.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
@@ -2336,16 +2336,16 @@ class Ie extends wi {
     return t.raw = t, this._t = { _$litType$: this.constructor.resultType, strings: t, values: [] };
   }
 }
-Ie.directiveName = "unsafeHTML", Ie.resultType = 1;
+Me.directiveName = "unsafeHTML", Me.resultType = 1;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Me extends Ie {
+class Ie extends Me {
 }
-Me.directiveName = "unsafeSVG", Me.resultType = 2;
-const $i = yi(Me);
+Ie.directiveName = "unsafeSVG", Ie.resultType = 2;
+const $i = yi(Ie);
 /**
  * @license lucide v0.577.0 - ISC
  *
@@ -2483,7 +2483,7 @@ const Ai = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ii = [
+const Mi = [
   ["path", { d: "M10 11v6" }],
   ["path", { d: "M14 11v6" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }],
@@ -2506,7 +2506,7 @@ const fe = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mi = [
+const Ii = [
   [
     "path",
     {
@@ -2516,7 +2516,7 @@ const Mi = [
 ];
 function Oi(s) {
   return s.map(([e, t]) => {
-    const i = Object.entries(t).filter(([, n]) => n != null).map(([n, r]) => `${n}="${r}"`).join(" ");
+    const i = Object.entries(t).filter(([, n]) => n != null).map(([n, o]) => `${n}="${o}"`).join(" ");
     return `<${e} ${i}/>`;
   }).join("");
 }
@@ -2533,7 +2533,7 @@ function C(s, e = 18) {
     stroke-linejoin="round"
   >${$i(Oi(s))}</svg>`;
 }
-const ee = I`
+const ee = M`
   * {
     box-sizing: border-box;
     margin: 0;
@@ -2576,7 +2576,7 @@ const ee = I`
     --pw-shadow: var(--pulse-shadow);
     --pw-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.16), 0 2px 8px rgba(0, 0, 0, 0.08);
   }
-`, me = I`
+`, me = M`
   .pw-btn {
     display: inline-flex;
     align-items: center;
@@ -2620,7 +2620,7 @@ const ee = I`
     width: 18px;
     height: 18px;
   }
-`, _e = I`
+`, _e = M`
   .pw-scrollable::-webkit-scrollbar {
     width: 4px;
   }
@@ -2633,8 +2633,8 @@ const ee = I`
   }
 `;
 var Ri = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, Be = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? Li(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? Li(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && Ri(e, t, n), n;
 };
 let X = class extends S {
@@ -2723,7 +2723,7 @@ X.styles = [
   ee,
   me,
   _e,
-  I`
+  M`
       :host {
         display: block;
       }
@@ -2872,9 +2872,9 @@ class Oe {
    *                     element once metadata has loaded.
    */
   static render(e, t) {
-    let i = !1, n = t != null ? t / 1e3 : 0, r = 0;
-    const o = document.createElement("audio");
-    o.preload = "metadata", o.src = e;
+    let i = !1, n = t != null ? t / 1e3 : 0, o = 0;
+    const r = document.createElement("audio");
+    r.preload = "metadata", r.src = e;
     const l = document.createElement("div");
     Object.assign(l.style, {
       display: "inline-flex",
@@ -2964,12 +2964,12 @@ class Oe {
       lineHeight: "1"
     });
     function _() {
-      const k = at(r), A = at(n);
+      const k = at(o), A = at(n);
       x.textContent = `${k} / ${A}`;
     }
     _(), m.appendChild(f), m.appendChild(x), l.appendChild(a), l.appendChild(m);
     function $() {
-      const k = n > 0 ? r / n : 0, A = Math.floor(k * ve);
+      const k = n > 0 ? o / n : 0, A = Math.floor(k * ve);
       for (let w = 0; w < ve; w++)
         b[w].style.background = w <= A ? nt : ot;
     }
@@ -2979,22 +2979,22 @@ class Oe {
         1,
         Math.max(0, (k.clientX - A.left) / A.width)
       );
-      o.currentTime = w * n, r = o.currentTime, $(), _();
+      r.currentTime = w * n, o = r.currentTime, $(), _();
     }), a.addEventListener("click", () => {
-      i ? o.pause() : o.play().catch(() => {
+      i ? r.pause() : r.play().catch(() => {
       });
-    }), o.addEventListener("play", () => {
+    }), r.addEventListener("play", () => {
       i = !0, p();
-    }), o.addEventListener("pause", () => {
+    }), r.addEventListener("pause", () => {
       i = !1, h();
-    }), o.addEventListener("ended", () => {
-      i = !1, h(), r = 0, $(), _();
-    }), o.addEventListener("timeupdate", () => {
-      r = o.currentTime, $(), _();
-    }), o.addEventListener("loadedmetadata", () => {
-      o.duration && isFinite(o.duration) && (n = o.duration, _());
-    }), o.addEventListener("durationchange", () => {
-      o.duration && isFinite(o.duration) && (n = o.duration, _());
+    }), r.addEventListener("ended", () => {
+      i = !1, h(), o = 0, $(), _();
+    }), r.addEventListener("timeupdate", () => {
+      o = r.currentTime, $(), _();
+    }), r.addEventListener("loadedmetadata", () => {
+      r.duration && isFinite(r.duration) && (n = r.duration, _());
+    }), r.addEventListener("durationchange", () => {
+      r.duration && isFinite(r.duration) && (n = r.duration, _());
     }), l;
   }
 }
@@ -3014,20 +3014,20 @@ class Re {
     this.analyser = this.audioCtx.createAnalyser(), this.analyser.fftSize = 64, t.connect(this.analyser);
     const i = this.detectMimeType(), n = {};
     i && (n.mimeType = i), this.recorder = new MediaRecorder(this.stream, n);
-    const r = [];
+    const o = [];
     this.recorder.ondataavailable = (l) => {
-      l.data.size > 0 && r.push(l.data);
+      l.data.size > 0 && o.push(l.data);
     }, this.buildUI(e);
-    const o = new Promise((l) => {
+    const r = new Promise((l) => {
       this.resolve = l;
     });
     return this.recorder.onstop = () => {
       var c, h;
-      const l = ((c = this.recorder) == null ? void 0 : c.mimeType) || i || "audio/webm", a = new Blob(r, { type: l });
+      const l = ((c = this.recorder) == null ? void 0 : c.mimeType) || i || "audio/webm", a = new Blob(o, { type: l });
       (h = this.resolve) == null || h.call(this, a), this.resolve = null, this.cleanupResources();
     }, this.recorder.start(), this.recording = !0, this.startTime = Date.now(), this.maxTimer = setTimeout(() => {
       this.stopRecording();
-    }, this.maxDuration), this.animate(), o;
+    }, this.maxDuration), this.animate(), r;
   }
   /** Stops recording — resolves the promise with the recorded Blob. */
   stopRecording() {
@@ -3125,11 +3125,11 @@ class Re {
     if (!this.canvas || !this.analyser) return;
     const e = this.canvas.getContext("2d");
     if (!e) return;
-    const t = this.canvas.width, i = this.canvas.height, n = this.analyser.frequencyBinCount, r = new Uint8Array(n);
-    this.analyser.getByteFrequencyData(r), e.clearRect(0, 0, t, i);
-    const o = n, l = Math.max(2, t / o * 0.7), a = (t - l * o) / (o - 1 || 1);
-    for (let c = 0; c < o; c++) {
-      const h = r[c] / 255, p = Math.max(2, h * i * 0.85), m = c * (l + a), f = (i - p) / 2, b = 0.4 + h * 0.6;
+    const t = this.canvas.width, i = this.canvas.height, n = this.analyser.frequencyBinCount, o = new Uint8Array(n);
+    this.analyser.getByteFrequencyData(o), e.clearRect(0, 0, t, i);
+    const r = n, l = Math.max(2, t / r * 0.7), a = (t - l * r) / (r - 1 || 1);
+    for (let c = 0; c < r; c++) {
+      const h = o[c] / 255, p = Math.max(2, h * i * 0.85), m = c * (l + a), f = (i - p) / 2, b = 0.4 + h * 0.6;
       e.fillStyle = `rgba(99, 102, 241, ${b})`, e.beginPath(), e.roundRect(m, f, l, p, 1), e.fill();
     }
   }
@@ -3171,8 +3171,8 @@ class _t {
    */
   static render(e, t) {
     let i = !1, n = !0;
-    const r = document.createElement("div");
-    Object.assign(r.style, {
+    const o = document.createElement("div");
+    Object.assign(o.style, {
       position: "relative",
       display: "inline-block",
       width: `${lt}px`,
@@ -3186,14 +3186,14 @@ class _t {
       userSelect: "none",
       WebkitUserSelect: "none"
     });
-    const o = document.createElement("video");
-    Object.assign(o.style, {
+    const r = document.createElement("video");
+    Object.assign(r.style, {
       width: "100%",
       height: "100%",
       objectFit: "cover",
       display: "block",
       borderRadius: "50%"
-    }), o.src = e, o.loop = !0, o.muted = !0, o.playsInline = !0, o.preload = "metadata", t && (o.poster = t), r.appendChild(o);
+    }), r.src = e, r.loop = !0, r.muted = !0, r.playsInline = !0, r.preload = "metadata", t && (r.poster = t), o.appendChild(r);
     const l = document.createElement("div");
     Object.assign(l.style, {
       position: "absolute",
@@ -3208,7 +3208,7 @@ class _t {
       transition: "opacity 0.25s ease",
       opacity: "1",
       pointerEvents: "none"
-    }), l.innerHTML = Ni, r.appendChild(l);
+    }), l.innerHTML = Ni, o.appendChild(l);
     const a = document.createElement("div");
     Object.assign(a.style, {
       position: "absolute",
@@ -3223,19 +3223,19 @@ class _t {
       justifyContent: "center",
       pointerEvents: "none",
       transition: "opacity 0.2s ease"
-    }), a.innerHTML = ct, r.appendChild(a);
+    }), a.innerHTML = ct, o.appendChild(a);
     function c() {
       l.style.opacity = i ? "0" : "1";
     }
     function h() {
       a.style.display = i ? "flex" : "none", a.innerHTML = n ? ct : Bi;
     }
-    return r.addEventListener("click", (p) => {
-      p.stopPropagation(), i ? n ? (o.muted = !1, n = !1) : (o.pause(), i = !1, n = !0, o.muted = !0) : (o.muted = !0, n = !0, o.play().catch(() => {
+    return o.addEventListener("click", (p) => {
+      p.stopPropagation(), i ? n ? (r.muted = !1, n = !1) : (r.pause(), i = !1, n = !0, r.muted = !0) : (r.muted = !0, n = !0, r.play().catch(() => {
       }), i = !0), c(), h();
-    }), o.addEventListener("pause", () => {
-      i && (i = !1, n = !0, o.muted = !0, c(), h());
-    }), r;
+    }), r.addEventListener("pause", () => {
+      i && (i = !1, n = !0, r.muted = !0, c(), h());
+    }), o;
   }
 }
 const dt = 60, Fi = `
@@ -3369,8 +3369,8 @@ function Vi(s) {
     n.muted = !0, n.playsInline = !0, n.preload = "auto", n.src = i, n.addEventListener("loadeddata", () => {
       n.currentTime = 0.01;
     }), n.addEventListener("seeked", () => {
-      const r = document.createElement("canvas");
-      r.width = n.videoWidth || 240, r.height = n.videoHeight || 240, r.getContext("2d").drawImage(n, 0, 0, r.width, r.height), URL.revokeObjectURL(i), r.toBlob(
+      const o = document.createElement("canvas");
+      o.width = n.videoWidth || 240, o.height = n.videoHeight || 240, o.getContext("2d").drawImage(n, 0, 0, o.width, o.height), URL.revokeObjectURL(i), o.toBlob(
         (l) => {
           l ? e(l) : t(new Error("Failed to generate poster frame"));
         },
@@ -3401,15 +3401,15 @@ class Xi {
     }));
     const i = Wi(), n = {};
     i && (n.mimeType = i);
-    const r = new MediaRecorder(t, n);
-    return this.mediaRecorder = r, r.ondataavailable = (o) => {
-      o.data.size > 0 && this.chunks.push(o.data);
-    }, r.onstop = () => {
+    const o = new MediaRecorder(t, n);
+    return this.mediaRecorder = o, o.ondataavailable = (r) => {
+      r.data.size > 0 && this.chunks.push(r.data);
+    }, o.onstop = () => {
       this.handleRecordingComplete();
-    }, r.start(), this.timerInterval = setInterval(() => {
+    }, o.start(), this.timerInterval = setInterval(() => {
       this.elapsed++, this.updateTimer(), this.elapsed >= dt && this.stopRecording();
-    }, 1e3), new Promise((o) => {
-      this.resolvePromise = o;
+    }, 1e3), new Promise((r) => {
+      this.resolvePromise = r;
     });
   }
   stopRecording() {
@@ -3431,12 +3431,12 @@ class Xi {
     i.className = "vr-ring", t.appendChild(i);
     const n = document.createElement("div");
     n.className = "vr-video-circle", this.videoEl = document.createElement("video"), this.videoEl.muted = !0, this.videoEl.playsInline = !0, this.videoEl.setAttribute("playsinline", ""), n.appendChild(this.videoEl), t.appendChild(n), this.root.appendChild(t), this.timerEl = document.createElement("span"), this.timerEl.className = "vr-timer", this.timerEl.textContent = "00:00", this.root.appendChild(this.timerEl);
-    const r = document.createElement("div");
-    r.className = "vr-actions";
-    const o = document.createElement("button");
-    o.className = "vr-btn vr-btn-stop", o.textContent = "Stop", o.addEventListener("click", () => this.stopRecording()), r.appendChild(o);
+    const o = document.createElement("div");
+    o.className = "vr-actions";
+    const r = document.createElement("button");
+    r.className = "vr-btn vr-btn-stop", r.textContent = "Stop", r.addEventListener("click", () => this.stopRecording()), o.appendChild(r);
     const l = document.createElement("button");
-    l.className = "vr-btn vr-btn-cancel", l.textContent = "Cancel", l.addEventListener("click", () => this.cancelRecording()), r.appendChild(l), this.root.appendChild(r), e.appendChild(this.root);
+    l.className = "vr-btn vr-btn-cancel", l.textContent = "Cancel", l.addEventListener("click", () => this.cancelRecording()), o.appendChild(l), this.root.appendChild(o), e.appendChild(this.root);
   }
   updateTimer() {
     if (!this.timerEl) return;
@@ -3444,18 +3444,18 @@ class Xi {
     this.timerEl.textContent = qi(this.elapsed), e <= 10 ? this.timerEl.classList.add("vr-countdown") : this.timerEl.classList.remove("vr-countdown");
   }
   async handleRecordingComplete() {
-    var n, r;
+    var n, o;
     const e = ((n = this.mediaRecorder) == null ? void 0 : n.mimeType) || "video/webm", t = new Blob(this.chunks, { type: e });
     let i;
     try {
       i = await Vi(t);
     } catch {
-      const o = document.createElement("canvas");
-      o.width = 1, o.height = 1, i = await new Promise((l) => {
-        o.toBlob((a) => l(a), "image/png");
+      const r = document.createElement("canvas");
+      r.width = 1, r.height = 1, i = await new Promise((l) => {
+        r.toBlob((a) => l(a), "image/png");
       });
     }
-    this.cleanup(), (r = this.resolvePromise) == null || r.call(this, { blob: t, posterBlob: i }), this.resolvePromise = null;
+    this.cleanup(), (o = this.resolvePromise) == null || o.call(this, { blob: t, posterBlob: i }), this.resolvePromise = null;
   }
   cleanup() {
     if (this.recording = !1, this.timerInterval && (clearInterval(this.timerInterval), this.timerInterval = null), this.mediaRecorder && this.mediaRecorder.state !== "inactive")
@@ -3517,8 +3517,8 @@ const T = class T {
       i.style.background = "rgba(255,255,255,0.3)";
     }), i.addEventListener("mouseleave", () => {
       i.style.background = "rgba(255,255,255,0.15)";
-    }), i.addEventListener("click", (o) => {
-      o.stopPropagation(), T.close();
+    }), i.addEventListener("click", (r) => {
+      r.stopPropagation(), T.close();
     });
     const n = document.createElement("img");
     n.src = e, n.alt = "Lightbox image", Object.assign(n.style, {
@@ -3528,15 +3528,15 @@ const T = class T {
       objectFit: "contain",
       cursor: "default",
       userSelect: "none"
-    }), n.addEventListener("click", (o) => {
-      o.stopPropagation();
+    }), n.addEventListener("click", (r) => {
+      r.stopPropagation();
     }), t.appendChild(i), t.appendChild(n), t.addEventListener("click", () => {
       T.close();
     });
-    const r = (o) => {
-      o.key === "Escape" && T.close();
+    const o = (r) => {
+      r.key === "Escape" && T.close();
     };
-    document.addEventListener("keydown", r), T.overlay = t, T.onKeyDown = r, document.body.appendChild(t), requestAnimationFrame(() => {
+    document.addEventListener("keydown", o), T.overlay = t, T.onKeyDown = o, document.body.appendChild(t), requestAnimationFrame(() => {
       t.style.opacity = "1";
     });
   }
@@ -3563,25 +3563,25 @@ class ke {
     return new Promise((t) => {
       this.input.accept = e, this.input.value = "";
       const i = () => {
-        r(), t(null);
+        o(), t(null);
       }, n = async () => {
         var l;
-        r();
-        const o = (l = this.input.files) == null ? void 0 : l[0];
-        if (!o) {
+        o();
+        const r = (l = this.input.files) == null ? void 0 : l[0];
+        if (!r) {
           t(null);
           return;
         }
         this.uploading = !0;
         try {
-          const a = await this.client.uploadFile(o);
+          const a = await this.client.uploadFile(r);
           t(a);
         } catch {
           t(null);
         } finally {
           this.uploading = !1;
         }
-      }, r = () => {
+      }, o = () => {
         this.input.removeEventListener("change", n), this.input.removeEventListener("cancel", i);
       };
       this.input.addEventListener("change", n, { once: !0 }), this.input.addEventListener("cancel", i, { once: !0 }), this.input.click();
@@ -3626,27 +3626,27 @@ class Ji {
     }, this.handlePopoverEscape = (i) => {
       i.key === "Escape" && this.closePopover();
     }, this.handlePopoverOutsideClick = (i) => {
-      var n, r;
+      var n, o;
       if (this.popover && !this.popover.contains(i.target)) {
-        if ((n = this.container) != null && n.contains(i.target) || (r = this.pickerEl) != null && r.contains(i.target)) return;
+        if ((n = this.container) != null && n.contains(i.target) || (o = this.pickerEl) != null && o.contains(i.target)) return;
         this.closePopover();
       }
     }, this.handleOverlayClick = (i) => {
       this.form && (this.form.remove(), this.form = null);
-      const n = window.innerWidth, r = window.innerHeight, o = {
+      const n = window.innerWidth, o = window.innerHeight, r = {
         x: i.clientX / n,
-        y: i.clientY / r,
+        y: i.clientY / o,
         scrollX: window.scrollX,
         scrollY: window.scrollY
       }, l = this.overlay.style.pointerEvents;
       this.overlay.style.pointerEvents = "none";
       const a = document.elementFromPoint(i.clientX, i.clientY);
       if (this.overlay.style.pointerEvents = l, a) {
-        o.selector = this.getSelector(a);
+        r.selector = this.getSelector(a);
         const c = a.getBoundingClientRect();
-        c.width > 0 && c.height > 0 && (o.elementOffsetX = (i.clientX - c.left) / c.width, o.elementOffsetY = (i.clientY - c.top) / c.height);
+        c.width > 0 && c.height > 0 && (r.elementOffsetX = (i.clientX - c.left) / c.width, r.elementOffsetY = (i.clientY - c.top) / c.height);
       }
-      this.showPinForm(i.clientX, i.clientY, o);
+      this.showPinForm(i.clientX, i.clientY, r);
     }, this.pickerEl = null, this.client = e, this.onPinModeExit = t.onPinModeExit, this.init();
   }
   get pinModeActive() {
@@ -3704,8 +3704,8 @@ class Ji {
     this.container && (this.container.style.display = e ? "" : "none");
   }
   destroy() {
-    var e, t, i, n, r, o;
-    this.exitPinMode(), this.closePopover(), this.removePickerEl(), (e = this.unsub) == null || e.call(this), (t = this.threadUnsub) == null || t.call(this), (i = this.reactionUnsub) == null || i.call(this), (n = this.typingUnsub2) == null || n.call(this), window.removeEventListener("scroll", this.handleReposition, !0), window.removeEventListener("resize", this.handleReposition), (r = this.mutationObserver) == null || r.disconnect(), this.mutationObserver = null, this.repositionDebounce && (clearTimeout(this.repositionDebounce), this.repositionDebounce = null), (o = this.container) == null || o.remove(), this.container = null, this.pinEls.clear();
+    var e, t, i, n, o, r;
+    this.exitPinMode(), this.closePopover(), this.removePickerEl(), (e = this.unsub) == null || e.call(this), (t = this.threadUnsub) == null || t.call(this), (i = this.reactionUnsub) == null || i.call(this), (n = this.typingUnsub2) == null || n.call(this), window.removeEventListener("scroll", this.handleReposition, !0), window.removeEventListener("resize", this.handleReposition), (o = this.mutationObserver) == null || o.disconnect(), this.mutationObserver = null, this.repositionDebounce && (clearTimeout(this.repositionDebounce), this.repositionDebounce = null), (r = this.container) == null || r.remove(), this.container = null, this.pinEls.clear();
   }
   closePopover() {
     var e;
@@ -3722,27 +3722,27 @@ class Ji {
         t.unshift(`#${i.id}`);
         break;
       }
-      const n = i.tagName.toLowerCase(), r = [...i.classList].filter((a) => !a.startsWith("pulse-")).slice(0, 2);
-      let o = r.length > 0 ? `${n}.${r.join(".")}` : n;
+      const n = i.tagName.toLowerCase(), o = [...i.classList].filter((a) => !a.startsWith("pulse-")).slice(0, 2);
+      let r = o.length > 0 ? `${n}.${o.join(".")}` : n;
       const l = i.parentElement;
       if (l) {
         const a = [...l.children].filter((c) => c.tagName === i.tagName);
         if (a.length > 1) {
           const c = a.indexOf(i) + 1;
-          o += `:nth-child(${c})`;
+          r += `:nth-child(${c})`;
         }
       }
-      if (t.unshift(o), i = i.parentElement, t.length >= 4) break;
+      if (t.unshift(r), i = i.parentElement, t.length >= 4) break;
     }
     return t.join(" > ");
   }
   showPinForm(e, t, i) {
     this.form = document.createElement("div");
-    const n = Math.min(280, window.innerWidth - 32), r = 120;
-    let o = e + 16, l = t - 10;
-    o + n > window.innerWidth - 16 && (o = e - n - 16), l + r > window.innerHeight - 16 && (l = window.innerHeight - r - 16), l < 16 && (l = 16), Object.assign(this.form.style, {
+    const n = Math.min(280, window.innerWidth - 32), o = 120;
+    let r = e + 16, l = t - 10;
+    r + n > window.innerWidth - 16 && (r = e - n - 16), l + o > window.innerHeight - 16 && (l = window.innerHeight - o - 16), l < 16 && (l = 16), Object.assign(this.form.style, {
       position: "fixed",
-      left: `${o}px`,
+      left: `${r}px`,
       top: `${l}px`,
       width: `${n}px`,
       zIndex: "10001",
@@ -3828,14 +3828,7 @@ class Ji {
       const f = a.value.trim();
       if (!f && this.pendingAttachmentIds.length === 0) return;
       const b = [...(f || "").matchAll(/@(\w+)/g)].map((x) => x[1]);
-      this.client.send({
-        type: "thread:create",
-        id: crypto.randomUUID(),
-        body: f || "(attachment)",
-        mentions: b,
-        position: i,
-        attachmentIds: this.pendingAttachmentIds.length > 0 ? [...this.pendingAttachmentIds] : void 0
-      }), this.pendingAttachmentIds = [], this.exitPinMode();
+      this.client.createThread(f || "(attachment)", { position: i, mentions: b }), this.pendingAttachmentIds = [], this.exitPinMode();
     }), a.addEventListener("keydown", (f) => {
       f.key === "Escape" && this.exitPinMode(), f.stopPropagation();
     }), document.body.appendChild(this.form), requestAnimationFrame(() => a.focus());
@@ -3843,11 +3836,11 @@ class Ji {
   // ── Inline thread popover (shown when a pin dot is clicked) ──
   showThreadPopover(e, t) {
     this.closePopover(), this.popover = document.createElement("div"), this.popover.dataset.threadId = e.id;
-    const i = window.innerWidth <= 480, n = i ? window.innerWidth : 300, r = t.getBoundingClientRect();
-    let o, l;
-    i ? (o = 0, l = window.innerHeight * 0.4) : (o = r.right + 10, l = r.top - 8, o + n > window.innerWidth - 16 && (o = r.left - n - 10), l < 16 && (l = 16)), Object.assign(this.popover.style, {
+    const i = window.innerWidth <= 480, n = i ? window.innerWidth : 300, o = t.getBoundingClientRect();
+    let r, l;
+    i ? (r = 0, l = window.innerHeight * 0.4) : (r = o.right + 10, l = o.top - 8, r + n > window.innerWidth - 16 && (r = o.left - n - 10), l < 16 && (l = 16)), Object.assign(this.popover.style, {
       position: "fixed",
-      left: `${o}px`,
+      left: `${r}px`,
       top: `${l}px`,
       width: i ? "100vw" : `${n}px`,
       maxHeight: i ? "60vh" : "360px",
@@ -3960,11 +3953,11 @@ class Ji {
         this.client.deleteComment(a.dataset.commentId);
       });
     });
-    const n = t.querySelector(".edit-save"), r = t.querySelector(".edit-cancel"), o = t.querySelector(
+    const n = t.querySelector(".edit-save"), o = t.querySelector(".edit-cancel"), r = t.querySelector(
       ".edit-textarea"
     );
-    n && o && n.addEventListener("click", () => {
-      const a = o.value.trim();
+    n && r && n.addEventListener("click", () => {
+      const a = r.value.trim();
       if (!a) return;
       const c = [...a.matchAll(/@(\w+)/g)].map((h) => h[1]);
       this.client.editComment(
@@ -3972,7 +3965,7 @@ class Ji {
         a,
         c
       ), this.editingPopoverCommentId = null;
-    }), r && r.addEventListener("click", () => {
+    }), o && o.addEventListener("click", () => {
       this.editingPopoverCommentId = null, this.refreshPopoverComments(e);
     }), t.querySelectorAll("[data-reaction-emoji]").forEach((a) => {
       a.addEventListener("click", (c) => {
@@ -4030,41 +4023,23 @@ class Ji {
     `;
     const i = t.querySelector("input"), n = t.querySelector(".reply-send");
     this.upload || (this.upload = new ke(this.client)), t.querySelector(".reply-attach-img").addEventListener("click", async () => {
-      const o = await this.upload.pickFile("image/*");
-      o && this.client.send({
-        type: "comment:create",
-        threadId: e.id,
-        id: crypto.randomUUID(),
-        body: "(image)",
-        mentions: [],
-        attachmentIds: [o.id]
-      });
+      await this.upload.pickFile("image/*") && this.client.reply(e.id, "(image)");
     }), t.querySelector(".reply-attach-mic").addEventListener("click", async () => {
       this.audioRecorder || (this.audioRecorder = new Re());
-      const o = await this.audioRecorder.startRecording(t);
-      if (o) {
-        const l = await this.upload.uploadBlob(o, "audio.webm");
-        l && this.client.send({
-          type: "comment:create",
-          threadId: e.id,
-          id: crypto.randomUUID(),
-          body: "(audio note)",
-          mentions: [],
-          attachmentIds: [l.id]
-        });
-      }
+      const r = await this.audioRecorder.startRecording(t);
+      r && await this.upload.uploadBlob(r, "audio.webm") && this.client.reply(e.id, "(audio note)");
     });
-    const r = () => {
-      const o = i.value.trim();
-      if (!o) return;
-      const l = [...o.matchAll(/@(\w+)/g)].map((a) => a[1]);
-      this.client.reply(e.id, o, l), i.value = "";
+    const o = () => {
+      const r = i.value.trim();
+      if (!r) return;
+      const l = [...r.matchAll(/@(\w+)/g)].map((a) => a[1]);
+      this.client.reply(e.id, r, l), i.value = "";
     };
-    n.addEventListener("click", r), i.addEventListener("input", () => {
-      const o = Date.now(), l = this.lastTypingSendPins.get(e.id) ?? 0;
-      o - l >= 2e3 && (this.client.sendTyping(e.id), this.lastTypingSendPins.set(e.id, o));
-    }), i.addEventListener("keydown", (o) => {
-      o.key === "Enter" && (o.preventDefault(), r()), o.key === "Escape" && this.closePopover(), o.stopPropagation();
+    n.addEventListener("click", o), i.addEventListener("input", () => {
+      const r = Date.now(), l = this.lastTypingSendPins.get(e.id) ?? 0;
+      r - l >= 2e3 && (this.client.sendTyping(e.id), this.lastTypingSendPins.set(e.id, r));
+    }), i.addEventListener("keydown", (r) => {
+      r.key === "Enter" && (r.preventDefault(), o()), r.key === "Escape" && this.closePopover(), r.stopPropagation();
     }), this.popover.appendChild(t);
   }
   removePickerEl() {
@@ -4090,8 +4065,8 @@ class Ji {
       fontFamily: ge
     });
     for (const n of Yi) {
-      const r = document.createElement("button");
-      Object.assign(r.style, {
+      const o = document.createElement("button");
+      Object.assign(o.style, {
         border: "none",
         background: "none",
         cursor: "pointer",
@@ -4099,8 +4074,8 @@ class Ji {
         padding: "4px",
         borderRadius: "4px",
         lineHeight: "1"
-      }), r.textContent = n, r.addEventListener("click", (o) => {
-        o.stopPropagation();
+      }), o.textContent = n, o.addEventListener("click", (r) => {
+        r.stopPropagation();
         const a = this.client.state.getReactions(t).find(
           (c) => {
             var h;
@@ -4108,7 +4083,7 @@ class Ji {
           }
         );
         a ? this.client.removeReaction(a.id) : this.client.addReaction(t, "comment", n), this.popoverPickerOpen = null, this.removePickerEl();
-      }), this.pickerEl.appendChild(r);
+      }), this.pickerEl.appendChild(o);
     }
     document.body.appendChild(this.pickerEl);
   }
@@ -4119,10 +4094,10 @@ class Ji {
       const h = n.get(c.emoji) ?? { count: 0, ownId: null };
       h.count++, c.userId === i && (h.ownId = c.id), n.set(c.emoji, h);
     }
-    const r = "display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-size:12px;cursor:pointer;transition:all 0.15s;line-height:1.4;", o = r + "background:#eef2ff;border-color:#6366f1;";
+    const o = "display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-size:12px;cursor:pointer;transition:all 0.15s;line-height:1.4;", r = o + "background:#eef2ff;border-color:#6366f1;";
     let l = '<div style="margin-left:29px;display:flex;gap:4px;flex-wrap:wrap;margin-top:4px;">';
     for (const [c, { count: h, ownId: p }] of n) {
-      const m = p ? o : r;
+      const m = p ? r : o;
       l += `<button data-reaction-emoji="${c}" data-reaction-target="${e}" ${p ? `data-reaction-id="${p}"` : ""} style="${m}">
         <span>${c}</span><span style="font-size:11px;font-weight:600;color:#64748b;">${h}</span>
       </button>`;
@@ -4144,20 +4119,20 @@ class Ji {
       n && this.popover.insertBefore(t, n);
     }
     const i = this.client.state.getTypingUsers(e).filter((n) => {
-      var r;
-      return n !== ((r = this.client.state.user) == null ? void 0 : r.id);
+      var o;
+      return n !== ((o = this.client.state.user) == null ? void 0 : o.id);
     }).map((n) => {
-      const r = this.client.state.presence.find((o) => o.user.id === n);
-      return (r == null ? void 0 : r.user.name) ?? "Someone";
+      const o = this.client.state.presence.find((r) => r.user.id === n);
+      return (o == null ? void 0 : o.user.name) ?? "Someone";
     });
     i.length === 0 ? t.textContent = "" : i.length === 1 ? t.textContent = `${i[0]} is typing...` : t.textContent = `${i.join(", ")} are typing...`;
   }
   formatTime(e) {
-    const t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
-    if (r < 1) return "now";
-    if (r < 60) return `${r}m`;
-    const o = Math.floor(r / 60);
-    return o < 24 ? `${o}h` : t.toLocaleDateString();
+    const t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), o = Math.floor(n / 6e4);
+    if (o < 1) return "now";
+    if (o < 60) return `${o}m`;
+    const r = Math.floor(o / 60);
+    return r < 24 ? `${r}h` : t.toLocaleDateString();
   }
   // ── Pin rendering ──
   /** Resolve a pin position to viewport pixel coordinates. */
@@ -4185,9 +4160,9 @@ class Ji {
     for (const [i, n] of this.pinEls)
       t.has(i) || (n.remove(), this.pinEls.delete(i));
     e.forEach((i, n) => {
-      const r = i.position;
-      let o = this.pinEls.get(i.id);
-      o || (o = document.createElement("div"), Object.assign(o.style, {
+      const o = i.position;
+      let r = this.pinEls.get(i.id);
+      r || (r = document.createElement("div"), Object.assign(r.style, {
         position: "fixed",
         width: "24px",
         height: "24px",
@@ -4207,26 +4182,26 @@ class Ji {
         transition: "left 0.15s ease, top 0.15s ease, transform 0.15s ease",
         zIndex: "9997",
         transform: "translate(-50%, -50%)"
-      }), o.addEventListener("mouseenter", () => {
-        o.style.transform = "translate(-50%, -50%) scale(1.15)";
-      }), o.addEventListener("mouseleave", () => {
-        o.style.transform = "translate(-50%, -50%)";
-      }), o.addEventListener("click", () => {
+      }), r.addEventListener("mouseenter", () => {
+        r.style.transform = "translate(-50%, -50%) scale(1.15)";
+      }), r.addEventListener("mouseleave", () => {
+        r.style.transform = "translate(-50%, -50%)";
+      }), r.addEventListener("click", () => {
         if (this.popover && this.popover.dataset.threadId === i.id) {
           this.closePopover();
           return;
         }
         const a = this.threads.find((c) => c.id === i.id);
-        a && this.showThreadPopover(a, o);
-      }), this.container.appendChild(o), this.pinEls.set(i.id, o)), o.textContent = `${n + 1}`;
-      const l = this.resolvePosition(r);
-      o.style.left = `${l.x}px`, o.style.top = `${l.y}px`;
+        a && this.showThreadPopover(a, r);
+      }), this.container.appendChild(r), this.pinEls.set(i.id, r)), r.textContent = `${n + 1}`;
+      const l = this.resolvePosition(o);
+      r.style.left = `${l.x}px`, r.style.top = `${l.y}px`;
     });
   }
 }
 var Zi = Object.defineProperty, Qi = Object.getOwnPropertyDescriptor, j = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? Qi(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? Qi(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && Zi(e, t, n), n;
 };
 const es = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
@@ -4235,28 +4210,34 @@ let O = class extends S {
     super(...arguments), this.highlightThreadId = null, this.threads = [], this.replyingTo = null, this.editingCommentId = null, this.editBody = "", this.pickerOpenForComment = null, this.typingByThread = /* @__PURE__ */ new Map(), this.reactionsVersion = 0, this.typingTimers = /* @__PURE__ */ new Map(), this.lastTypingSend = /* @__PURE__ */ new Map();
   }
   connectedCallback() {
-    super.connectedCallback(), this.setupListener();
+    super.connectedCallback(), this.updateComplete.then(() => this.ensureListener());
   }
   disconnectedCallback() {
+    super.disconnectedCallback(), this.teardownListeners();
+  }
+  updated(s) {
+    var e, t;
+    s.has("client") && this.client && this.ensureListener(), (e = this.shadowRoot) == null || e.querySelectorAll(".audio-player-host").forEach((i) => {
+      if (i.children.length > 0) return;
+      const n = i.dataset.url;
+      if (n) {
+        const o = i.dataset.duration ? parseInt(i.dataset.duration) : void 0;
+        i.appendChild(Oe.render(n, o));
+      }
+    }), (t = this.shadowRoot) == null || t.querySelectorAll(".video-player-host").forEach((i) => {
+      if (i.children.length > 0) return;
+      const n = i.dataset.url;
+      n && i.appendChild(_t.render(n, i.dataset.poster || void 0));
+    });
+  }
+  teardownListeners() {
     var s, e, t;
-    super.disconnectedCallback(), (s = this.unsub) == null || s.call(this), (e = this.reactionUnsub) == null || e.call(this), (t = this.typingUnsub) == null || t.call(this);
+    (s = this.unsub) == null || s.call(this), this.unsub = void 0, (e = this.reactionUnsub) == null || e.call(this), this.reactionUnsub = void 0, (t = this.typingUnsub) == null || t.call(this), this.typingUnsub = void 0;
     for (const i of this.typingTimers.values()) clearTimeout(i);
     this.typingTimers.clear();
   }
-  updated(s) {
-    var e, t, i, n, r;
-    s.has("client") && this.client && ((e = this.unsub) == null || e.call(this), (t = this.reactionUnsub) == null || t.call(this), (i = this.typingUnsub) == null || i.call(this), this.setupListener()), (n = this.shadowRoot) == null || n.querySelectorAll(".audio-player-host").forEach((o) => {
-      if (o.children.length > 0) return;
-      const l = o.dataset.url;
-      if (l) {
-        const a = o.dataset.duration ? parseInt(o.dataset.duration) : void 0;
-        o.appendChild(Oe.render(l, a));
-      }
-    }), (r = this.shadowRoot) == null || r.querySelectorAll(".video-player-host").forEach((o) => {
-      if (o.children.length > 0) return;
-      const l = o.dataset.url;
-      l && o.appendChild(_t.render(l, o.dataset.poster || void 0));
-    });
+  ensureListener() {
+    this.client && (this.teardownListeners(), this.threads = [...this.client.state.threads], this.setupListener());
   }
   setupListener() {
     this.client && (this.threads = this.client.state.threads, this.unsub = this.client.state.on("threads", (s) => {
@@ -4272,11 +4253,11 @@ let O = class extends S {
   }
   refreshTyping(s) {
     const t = this.client.state.getTypingUsers(s).filter((n) => {
-      var r;
-      return n !== ((r = this.client.state.user) == null ? void 0 : r.id);
+      var o;
+      return n !== ((o = this.client.state.user) == null ? void 0 : o.id);
     }).map((n) => {
-      const r = this.client.state.presence.find((o) => o.user.id === n);
-      return (r == null ? void 0 : r.user.name) ?? "Someone";
+      const o = this.client.state.presence.find((r) => r.user.id === n);
+      return (o == null ? void 0 : o.user.name) ?? "Someone";
     }), i = new Map(this.typingByThread);
     i.set(s, t), this.typingByThread = i, this.typingTimers.has(s) && clearTimeout(this.typingTimers.get(s)), this.typingTimers.set(
       s,
@@ -4290,9 +4271,9 @@ let O = class extends S {
     e - t >= 2e3 && (this.client.sendTyping(s), this.lastTypingSend.set(s, e));
   }
   toggleReaction(s, e) {
-    var r;
-    const t = this.client.state.getReactions(s), i = (r = this.client.state.user) == null ? void 0 : r.id, n = t.find(
-      (o) => o.emoji === e && o.userId === i
+    var o;
+    const t = this.client.state.getReactions(s), i = (o = this.client.state.user) == null ? void 0 : o.id, n = t.find(
+      (r) => r.emoji === e && r.userId === i
     );
     n ? this.client.removeReaction(n.id) : this.client.addReaction(s, "comment", e), this.pickerOpenForComment = null;
   }
@@ -4325,43 +4306,24 @@ let O = class extends S {
     const e = new Date(s), i = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(i / 6e4);
     if (n < 1) return "now";
     if (n < 60) return `${n}m`;
-    const r = Math.floor(n / 60);
-    return r < 24 ? `${r}h` : e.toLocaleDateString();
+    const o = Math.floor(n / 60);
+    return o < 24 ? `${o}h` : e.toLocaleDateString();
   }
   async handleAttachImage(s) {
-    this.upload || (this.upload = new ke(this.client));
-    const e = await this.upload.pickFile("image/*");
-    e && this.client.send({
-      type: "comment:create",
-      threadId: s,
-      id: crypto.randomUUID(),
-      body: "(image)",
-      mentions: [],
-      attachmentIds: [e.id]
-    });
+    this.upload || (this.upload = new ke(this.client)), await this.upload.pickFile("image/*") && this.client.reply(s, "(image)");
   }
   async handleRecordAudio(s) {
     var i;
     this.upload || (this.upload = new ke(this.client)), this.audioRecorder || (this.audioRecorder = new Re());
     const e = (i = this.shadowRoot) == null ? void 0 : i.querySelector(`[data-thread-id="${s}"]`), t = await this.audioRecorder.startRecording(e ?? document.body);
-    if (t) {
-      const n = await this.upload.uploadBlob(t, "audio.webm");
-      n && this.client.send({
-        type: "comment:create",
-        threadId: s,
-        id: crypto.randomUUID(),
-        body: "(audio note)",
-        mentions: [],
-        attachmentIds: [n.id]
-      });
-    }
+    t && await this.upload.uploadBlob(t, "audio.webm") && this.client.reply(s, "(audio note)");
   }
   handleReply(s, e) {
     e.preventDefault();
     const i = e.target.querySelector("input"), n = i.value.trim();
     if (!n) return;
-    const r = [...n.matchAll(/@(\w+)/g)].map((o) => o[1]);
-    this.client.reply(s, n, r), i.value = "", this.replyingTo = null;
+    const o = [...n.matchAll(/@(\w+)/g)].map((r) => r[1]);
+    this.client.reply(s, n, o), i.value = "", this.replyingTo = null;
   }
   isOwnComment(s) {
     var e, t;
@@ -4402,20 +4364,20 @@ let O = class extends S {
     var n;
     this.reactionsVersion;
     const e = this.client.state.getReactions(s.id), t = (n = this.client.state.user) == null ? void 0 : n.id, i = /* @__PURE__ */ new Map();
-    for (const r of e)
-      i.has(r.emoji) || i.set(r.emoji, []), i.get(r.emoji).push(r);
+    for (const o of e)
+      i.has(o.emoji) || i.set(o.emoji, []), i.get(o.emoji).push(o);
     return d`
       <div class="comment-reactions">
         ${[...i.entries()].map(
-      ([r, o]) => {
-        const l = o.some((a) => a.userId === t);
+      ([o, r]) => {
+        const l = r.some((a) => a.userId === t);
         return d`
               <button
                 class="reaction-pill ${l ? "own" : ""}"
-                @click=${() => this.toggleReaction(s.id, r)}
+                @click=${() => this.toggleReaction(s.id, o)}
               >
-                <span>${r}</span>
-                <span class="count">${o.length}</span>
+                <span>${o}</span>
+                <span class="count">${r.length}</span>
               </button>
             `;
       }
@@ -4431,10 +4393,10 @@ let O = class extends S {
           ${this.pickerOpenForComment === s.id ? d`
                 <div class="emoji-picker">
                   ${es.map(
-      (r) => d`
-                      <button @click=${(o) => {
-        o.stopPropagation(), this.toggleReaction(s.id, r);
-      }}>${r}</button>
+      (o) => d`
+                      <button @click=${(r) => {
+        r.stopPropagation(), this.toggleReaction(s.id, o);
+      }}>${o}</button>
                     `
     )}
                 </div>
@@ -4530,7 +4492,7 @@ let O = class extends S {
               Pinned
             </div>` : u}
         ${s.comments.map((t, i) => {
-      const n = this.getUserForComment(t.userId), r = this.isOwnComment(t), o = this.editingCommentId === t.id;
+      const n = this.getUserForComment(t.userId), o = this.isOwnComment(t), r = this.editingCommentId === t.id;
       return d`
             ${i > 0 ? d`<div class="comment-divider"></div>` : u}
             <div class="comment">
@@ -4545,13 +4507,13 @@ let O = class extends S {
                 <span class="comment-time">${this.formatTime(t.createdAt)}</span>
                 ${t.editedAt ? d`<span class="edited-badge">(edited)</span>` : u}
               </div>
-              ${o ? this.renderEditForm(t) : d`
+              ${r ? this.renderEditForm(t) : d`
                     <div class="comment-body">${this.parseMentions(t.body)}</div>
                     ${this.renderAttachments(t.attachments ?? [])}
                   `}
-              ${r && !o ? d`<div class="comment-actions">
+              ${o && !r ? d`<div class="comment-actions">
                     <button @click=${() => this.startEdit(t)} title="Edit">${C(Pi, 14)}</button>
-                    <button class="danger" @click=${() => this.deleteComment(t.id)} title="Delete">${C(Ii, 14)}</button>
+                    <button class="danger" @click=${() => this.deleteComment(t.id)} title="Delete">${C(Mi, 14)}</button>
                   </div>` : u}
               ${this.renderReactions(t)}
             </div>
@@ -4608,7 +4570,7 @@ O.styles = [
   ee,
   me,
   _e,
-  I`
+  M`
       :host {
         display: block;
       }
@@ -5098,8 +5060,8 @@ O = j([
   R("pulse-widget-comments-panel")
 ], O);
 var ts = Object.defineProperty, is = Object.getOwnPropertyDescriptor, Fe = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? is(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? is(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && ts(e, t, n), n;
 };
 const ss = {
@@ -5154,8 +5116,8 @@ let ce = class extends S {
     const e = new Date(s), i = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(i / 6e4);
     if (n < 1) return "now";
     if (n < 60) return `${n}m`;
-    const r = Math.floor(n / 60);
-    return r < 24 ? `${r}h` : e.toLocaleDateString();
+    const o = Math.floor(n / 60);
+    return o < 24 ? `${o}h` : e.toLocaleDateString();
   }
   render() {
     const s = this.notifications.filter((e) => !e.read).length;
@@ -5207,7 +5169,7 @@ ce.styles = [
   ee,
   me,
   _e,
-  I`
+  M`
       :host {
         display: block;
       }
@@ -5440,7 +5402,7 @@ class rs {
             i.position = t;
           else {
             const n = this.client.state.presence.find(
-              (r) => r.user.id === e
+              (o) => o.user.id === e
             );
             n && this.cursors.set(e, {
               userId: e,
@@ -5488,9 +5450,9 @@ class rs {
   showClickRipple(e, t) {
     if (!this.container) return;
     const i = this.client.state.presence.find(
-      (o) => o.user.id === e
-    ), n = (i == null ? void 0 : i.user.color) ?? "#6366f1", r = document.createElement("div");
-    Object.assign(r.style, {
+      (r) => r.user.id === e
+    ), n = (i == null ? void 0 : i.user.color) ?? "#6366f1", o = document.createElement("div");
+    Object.assign(o.style, {
       position: "absolute",
       left: `${t.x}px`,
       top: `${t.y}px`,
@@ -5502,9 +5464,9 @@ class rs {
       pointerEvents: "none",
       opacity: "1",
       transition: "width 0.6s ease-out, height 0.6s ease-out, opacity 0.6s ease-out"
-    }), this.container.appendChild(r), requestAnimationFrame(() => {
-      r.style.width = "60px", r.style.height = "60px", r.style.opacity = "0";
-    }), setTimeout(() => r.remove(), 600);
+    }), this.container.appendChild(o), requestAnimationFrame(() => {
+      o.style.width = "60px", o.style.height = "60px", o.style.opacity = "0";
+    }), setTimeout(() => o.remove(), 600);
   }
   showEmojiDrop(e, t, i) {
     if (!this.container) return;
@@ -5563,11 +5525,11 @@ class as {
     this.container = null, this.unsubs = [], this.enabled = !1, this.drawMode = !1, this.currentPoints = [], this.currentPath = null, this.lastPoint = null, this.fadeTimers = /* @__PURE__ */ new Map(), this.handlePointerDown = (t) => {
       var l, a, c;
       t.preventDefault(), (a = (l = t.target) == null ? void 0 : l.setPointerCapture) == null || a.call(l, t.pointerId), this.currentPoints = [{ x: t.clientX, y: t.clientY }], this.lastPoint = { x: t.clientX, y: t.clientY };
-      const i = this.client.state.user, n = (i == null ? void 0 : i.color) ?? "#6366f1", o = 2 + (t.pressure > 0 ? t.pressure : 0.5) * 4;
+      const i = this.client.state.user, n = (i == null ? void 0 : i.color) ?? "#6366f1", r = 2 + (t.pressure > 0 ? t.pressure : 0.5) * 4;
       this.currentPath = document.createElementNS(
         "http://www.w3.org/2000/svg",
         "polyline"
-      ), this.currentPath.setAttribute("fill", "none"), this.currentPath.setAttribute("stroke", n), this.currentPath.setAttribute("stroke-width", String(o)), this.currentPath.setAttribute("stroke-linecap", "round"), this.currentPath.setAttribute("stroke-linejoin", "round"), this.currentPath.setAttribute(
+      ), this.currentPath.setAttribute("fill", "none"), this.currentPath.setAttribute("stroke", n), this.currentPath.setAttribute("stroke-width", String(r)), this.currentPath.setAttribute("stroke-linecap", "round"), this.currentPath.setAttribute("stroke-linejoin", "round"), this.currentPath.setAttribute(
         "points",
         `${t.clientX},${t.clientY}`
       ), (c = this.container) == null || c.appendChild(this.currentPath), document.addEventListener("pointermove", this.handlePointerMove), document.addEventListener("pointerup", this.handlePointerUp);
@@ -5576,8 +5538,8 @@ class as {
       const i = t.clientX - this.lastPoint.x, n = t.clientY - this.lastPoint.y;
       if (i * i + n * n < 4) return;
       this.currentPoints.push({ x: t.clientX, y: t.clientY }), this.lastPoint = { x: t.clientX, y: t.clientY };
-      const r = this.currentPoints.map((o) => `${o.x},${o.y}`).join(" ");
-      this.currentPath.setAttribute("points", r);
+      const o = this.currentPoints.map((r) => `${r.x},${r.y}`).join(" ");
+      this.currentPath.setAttribute("points", o);
     }, this.handlePointerUp = () => {
       var t;
       if (document.removeEventListener("pointermove", this.handlePointerMove), document.removeEventListener("pointerup", this.handlePointerUp), this.currentPoints.length > 1) {
@@ -5629,7 +5591,7 @@ class as {
     );
     n.setAttribute("fill", "none"), n.setAttribute("stroke", t), n.setAttribute("stroke-width", String(i)), n.setAttribute("stroke-linecap", "round"), n.setAttribute("stroke-linejoin", "round"), n.setAttribute(
       "points",
-      e.map((r) => `${r.x},${r.y}`).join(" ")
+      e.map((o) => `${o.x},${o.y}`).join(" ")
     ), n.style.willChange = "opacity", this.container.appendChild(n), this.scheduleFade(n);
   }
   scheduleFade(e) {
@@ -5643,11 +5605,11 @@ class as {
 }
 function ls(s) {
   if (!s.rangeCount || s.isCollapsed) return null;
-  const e = s.getRangeAt(0), t = e.startContainer, i = e.endContainer, n = ut(t), r = ut(i);
-  return !n || !r ? null : {
+  const e = s.getRangeAt(0), t = e.startContainer, i = e.endContainer, n = ut(t), o = ut(i);
+  return !n || !o ? null : {
     startSelector: n,
     startOffset: e.startOffset,
-    endSelector: r,
+    endSelector: o,
     endOffset: e.endOffset
   };
 }
@@ -5656,8 +5618,8 @@ function cs(s) {
   try {
     const i = mt(s.startSelector), n = mt(s.endSelector);
     if (!i || !n) return null;
-    const r = document.createRange(), o = i.nodeType === Node.TEXT_NODE ? ((e = i.textContent) == null ? void 0 : e.length) ?? 0 : i.childNodes.length, l = n.nodeType === Node.TEXT_NODE ? ((t = n.textContent) == null ? void 0 : t.length) ?? 0 : n.childNodes.length;
-    return r.setStart(i, Math.min(s.startOffset, o)), r.setEnd(n, Math.min(s.endOffset, l)), r;
+    const o = document.createRange(), r = i.nodeType === Node.TEXT_NODE ? ((e = i.textContent) == null ? void 0 : e.length) ?? 0 : i.childNodes.length, l = n.nodeType === Node.TEXT_NODE ? ((t = n.textContent) == null ? void 0 : t.length) ?? 0 : n.childNodes.length;
+    return o.setStart(i, Math.min(s.startOffset, r)), o.setEnd(n, Math.min(s.endOffset, l)), o;
   } catch {
     return null;
   }
@@ -5682,14 +5644,14 @@ function ft(s) {
   for (; t && t !== document.body && i < 10; ) {
     const n = t.parentElement;
     if (!n) break;
-    const r = t.tagName.toLowerCase(), o = t.tagName, l = Array.from(n.children).filter(
-      (a) => a.tagName === o
+    const o = t.tagName.toLowerCase(), r = t.tagName, l = Array.from(n.children).filter(
+      (a) => a.tagName === r
     );
     if (l.length === 1)
-      e.unshift(r);
+      e.unshift(o);
     else {
       const a = l.indexOf(t) + 1;
-      e.unshift(`${r}:nth-of-type(${a})`);
+      e.unshift(`${o}:nth-of-type(${a})`);
     }
     if (n.id) {
       e.unshift(`#${CSS.escape(n.id)}`);
@@ -5762,9 +5724,9 @@ class ds {
     if (e === i || (this.clearSelection(e), !t)) return;
     const n = cs(t);
     if (!n) return;
-    const r = this.client.state.presence.find(
+    const o = this.client.state.presence.find(
       (a) => a.user.id === e
-    ), o = (r == null ? void 0 : r.user.color) ?? "#6366f1";
+    ), r = (o == null ? void 0 : o.user.color) ?? "#6366f1";
     try {
       const a = n.getClientRects(), c = [];
       for (let h = 0; h < a.length; h++) {
@@ -5775,7 +5737,7 @@ class ds {
           top: `${p.top}px`,
           width: `${p.width}px`,
           height: `${p.height}px`,
-          background: o,
+          background: r,
           opacity: "0.2",
           borderRadius: "2px",
           pointerEvents: "none"
@@ -5800,8 +5762,8 @@ class ds {
   }
 }
 var hs = Object.defineProperty, ps = Object.getOwnPropertyDescriptor, qe = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? ps(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? ps(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && hs(e, t, n), n;
 };
 let de = class extends S {
@@ -5894,7 +5856,7 @@ de.styles = [
   ee,
   me,
   _e,
-  I`
+  M`
       :host {
         display: block;
       }
@@ -6098,11 +6060,11 @@ function fs(s, e) {
   localStorage.setItem(`${Tt}${s}`, JSON.stringify(e));
 }
 var ms = Object.defineProperty, gs = Object.getOwnPropertyDescriptor, L = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? gs(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? gs(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && ms(e, t, n), n;
 };
-let M = class extends S {
+let I = class extends S {
   constructor() {
     super(...arguments), this.collapsed = !1, this.activePanel = null, this.pinModeActive = !1, this.featuresDisabled = !1, this.drawModeActive = !1, this.followingUserId = null, this.display = "floating", this.users = [], this.unreadCount = 0;
   }
@@ -6155,7 +6117,7 @@ let M = class extends S {
     if (this.collapsed)
       return d`
         <div class="toolbar collapsed ${s ? "inline" : ""}" @click=${this.fireToggle}>
-          <span class="fab-icon">${C(Mi, s ? 18 : 24)}</span>
+          <span class="fab-icon">${C(Ii, s ? 18 : 24)}</span>
         </div>
       `;
     const e = this.users.slice(0, 3), t = this.users.length - 3;
@@ -6262,10 +6224,10 @@ let M = class extends S {
     `;
   }
 };
-M.styles = [
+I.styles = [
   ee,
   me,
-  I`
+  M`
       :host {
         display: block;
       }
@@ -6479,37 +6441,37 @@ M.styles = [
 ];
 L([
   g({ attribute: !1 })
-], M.prototype, "client", 2);
+], I.prototype, "client", 2);
 L([
   g({ type: Boolean })
-], M.prototype, "collapsed", 2);
+], I.prototype, "collapsed", 2);
 L([
   g()
-], M.prototype, "activePanel", 2);
+], I.prototype, "activePanel", 2);
 L([
   g({ type: Boolean })
-], M.prototype, "pinModeActive", 2);
+], I.prototype, "pinModeActive", 2);
 L([
   g({ type: Boolean })
-], M.prototype, "featuresDisabled", 2);
+], I.prototype, "featuresDisabled", 2);
 L([
   g({ type: Boolean })
-], M.prototype, "drawModeActive", 2);
+], I.prototype, "drawModeActive", 2);
 L([
   g()
-], M.prototype, "followingUserId", 2);
+], I.prototype, "followingUserId", 2);
 L([
   g()
-], M.prototype, "display", 2);
+], I.prototype, "display", 2);
 L([
   v()
-], M.prototype, "users", 2);
+], I.prototype, "users", 2);
 L([
   v()
-], M.prototype, "unreadCount", 2);
-M = L([
+], I.prototype, "unreadCount", 2);
+I = L([
   R("pulse-widget-toolbar")
-], M);
+], I);
 class bs {
   constructor(e) {
     this.container = null, this.unsubs = [], this.enabled = !1, this.pillEls = /* @__PURE__ */ new Map(), this.client = e;
@@ -6541,14 +6503,14 @@ class bs {
     this.disable();
   }
   render() {
-    var o;
+    var r;
     if (!this.container) return;
     if (document.documentElement.scrollHeight <= window.innerHeight) {
       for (const l of this.pillEls.values()) l.remove();
       this.pillEls.clear();
       return;
     }
-    const e = window.scrollY, t = window.innerHeight, i = document.documentElement.scrollHeight, n = (o = this.client.state.user) == null ? void 0 : o.id, r = /* @__PURE__ */ new Set();
+    const e = window.scrollY, t = window.innerHeight, i = document.documentElement.scrollHeight, n = (r = this.client.state.user) == null ? void 0 : r.id, o = /* @__PURE__ */ new Set();
     for (const [l, a] of this.client.state.viewports) {
       if (l === n) continue;
       const c = a.scrollY, h = a.scrollY + a.viewportHeight, p = e, m = e + t;
@@ -6557,7 +6519,7 @@ class bs {
         k && (k.style.display = "none");
         continue;
       }
-      r.add(l);
+      o.add(l);
       const f = this.client.state.presence.find(
         (k) => k.user.id === l
       );
@@ -6582,15 +6544,15 @@ class bs {
       }), this.container.appendChild($), this.pillEls.set(l, $)), $.style.display = "", $.style.background = f.user.color, $.style.top = `${_}px`, $.textContent = this.getInitials(f.user.name);
     }
     for (const [l, a] of this.pillEls)
-      !r.has(l) && !this.client.state.viewports.has(l) && (a.remove(), this.pillEls.delete(l));
+      !o.has(l) && !this.client.state.viewports.has(l) && (a.remove(), this.pillEls.delete(l));
   }
   getInitials(e) {
     return e.split(" ").map((t) => t[0]).join("").toUpperCase().slice(0, 2);
   }
 }
 var vs = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, P = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? xs(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? xs(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && vs(e, t, n), n;
 };
 let E = class extends S {
@@ -6682,14 +6644,14 @@ let E = class extends S {
     ), window.addEventListener("scroll", this.handleScroll), document.addEventListener("selectionchange", this.handleSelectionChange), this.client.connect();
   }
   teardownClient() {
-    var s, e, t, i, n, r;
-    this.unsubs.forEach((o) => o()), this.unsubs = [], window.removeEventListener("scroll", this.handleScroll), document.removeEventListener("selectionchange", this.handleSelectionChange), this._viewportThrottleTimer && (clearTimeout(this._viewportThrottleTimer), this._viewportThrottleTimer = null), this._selectionThrottleTimer && (clearTimeout(this._selectionThrottleTimer), this._selectionThrottleTimer = null), (s = this.cursorOverlay) == null || s.destroy(), (e = this.commentPins) == null || e.destroy(), (t = this.viewportOverlay) == null || t.destroy(), (i = this.selectionOverlay) == null || i.destroy(), (n = this.drawingOverlay) == null || n.destroy(), (r = this.client) == null || r.disconnect(), this.client = void 0, this.cursorOverlay = void 0, this.commentPins = void 0, this.viewportOverlay = void 0, this.selectionOverlay = void 0, this.drawingOverlay = void 0, this.clientConfigKey = "", this.followingUserId = null, this.drawModeActive = !1, this.connectionState = "disconnected", this.showConnectedFlash = !1, this._wasDisconnected = !1, this._connectedFlashTimer && (clearTimeout(this._connectedFlashTimer), this._connectedFlashTimer = null);
+    var s, e, t, i, n, o;
+    this.unsubs.forEach((r) => r()), this.unsubs = [], window.removeEventListener("scroll", this.handleScroll), document.removeEventListener("selectionchange", this.handleSelectionChange), this._viewportThrottleTimer && (clearTimeout(this._viewportThrottleTimer), this._viewportThrottleTimer = null), this._selectionThrottleTimer && (clearTimeout(this._selectionThrottleTimer), this._selectionThrottleTimer = null), (s = this.cursorOverlay) == null || s.destroy(), (e = this.commentPins) == null || e.destroy(), (t = this.viewportOverlay) == null || t.destroy(), (i = this.selectionOverlay) == null || i.destroy(), (n = this.drawingOverlay) == null || n.destroy(), (o = this.client) == null || o.disconnect(), this.client = void 0, this.cursorOverlay = void 0, this.commentPins = void 0, this.viewportOverlay = void 0, this.selectionOverlay = void 0, this.drawingOverlay = void 0, this.clientConfigKey = "", this.followingUserId = null, this.drawModeActive = !1, this.connectionState = "disconnected", this.showConnectedFlash = !1, this._wasDisconnected = !1, this._connectedFlashTimer && (clearTimeout(this._connectedFlashTimer), this._connectedFlashTimer = null);
   }
   handlePanelClose() {
     this.activePanel = null, this.highlightThreadId = null;
   }
   handleToolbarAction(s) {
-    var t, i, n, r;
+    var t, i, n, o;
     const e = s.detail;
     if (!(!this.settings.enabled && e !== "settings"))
       switch (e) {
@@ -6709,7 +6671,7 @@ let E = class extends S {
           this.pinModeActive = !this.pinModeActive, this.pinModeActive ? (t = this.commentPins) == null || t.enterPinMode() : (i = this.commentPins) == null || i.exitPinMode();
           break;
         case "draw-mode":
-          this.drawModeActive = !this.drawModeActive, this.drawModeActive ? (n = this.drawingOverlay) == null || n.enableDrawMode() : (r = this.drawingOverlay) == null || r.disableDrawMode();
+          this.drawModeActive = !this.drawModeActive, this.drawModeActive ? (n = this.drawingOverlay) == null || n.enableDrawMode() : (o = this.drawingOverlay) == null || o.disableDrawMode();
           break;
       }
   }
@@ -6722,9 +6684,9 @@ let E = class extends S {
     this.settings = e, fs(this.room, e), this.applySettings(e);
   }
   applySettings(s) {
-    var e, t, i, n, r, o, l, a, c, h, p, m, f, b, x, _, $;
+    var e, t, i, n, o, r, l, a, c, h, p, m, f, b, x, _, $;
     if (!s.enabled) {
-      (e = this.cursorOverlay) == null || e.disable(), (t = this.viewportOverlay) == null || t.disable(), (i = this.selectionOverlay) == null || i.disable(), (n = this.drawingOverlay) == null || n.disable(), this.drawModeActive && ((r = this.drawingOverlay) == null || r.disableDrawMode(), this.drawModeActive = !1), (o = this.client) == null || o.setAppearOffline(!0), (l = this.commentPins) == null || l.setVisible(!1), this.followingUserId = null, this.pinModeActive && ((a = this.commentPins) == null || a.exitPinMode(), this.pinModeActive = !1), this.activePanel = this.activePanel === "settings" ? "settings" : null, this.highlightThreadId = null;
+      (e = this.cursorOverlay) == null || e.disable(), (t = this.viewportOverlay) == null || t.disable(), (i = this.selectionOverlay) == null || i.disable(), (n = this.drawingOverlay) == null || n.disable(), this.drawModeActive && ((o = this.drawingOverlay) == null || o.disableDrawMode(), this.drawModeActive = !1), (r = this.client) == null || r.setAppearOffline(!0), (l = this.commentPins) == null || l.setVisible(!1), this.followingUserId = null, this.pinModeActive && ((a = this.commentPins) == null || a.exitPinMode(), this.pinModeActive = !1), this.activePanel = this.activePanel === "settings" ? "settings" : null, this.highlightThreadId = null;
       return;
     }
     this.applyCursorSettings(s), (c = this.client) == null || c.setAppearOffline(s.appearOffline), (h = this.commentPins) == null || h.setVisible(s.showCommentPins), s.showViewportIndicators ? (p = this.viewportOverlay) == null || p.enable() : (m = this.viewportOverlay) == null || m.disable(), s.showSelections ? (f = this.selectionOverlay) == null || f.enable() : (b = this.selectionOverlay) == null || b.disable(), s.showDrawings ? (x = this.drawingOverlay) == null || x.enable() : ((_ = this.drawingOverlay) == null || _.disable(), this.drawModeActive && (($ = this.drawingOverlay) == null || $.disableDrawMode(), this.drawModeActive = !1));
@@ -6744,10 +6706,10 @@ let E = class extends S {
     var b, x, _, $;
     const s = this.display === "inline", e = (b = this.shadowRoot) == null ? void 0 : b.querySelector(".inline-trigger"), t = (x = this.shadowRoot) == null ? void 0 : x.querySelector("pulse-widget-toolbar"), i = s ? e : t;
     if (!i) return;
-    const n = i.getBoundingClientRect(), r = window.innerWidth, o = window.innerHeight, l = 8, a = (_ = this.shadowRoot) == null ? void 0 : _.querySelector(".toolbar-popover");
+    const n = i.getBoundingClientRect(), o = window.innerWidth, r = window.innerHeight, l = 8, a = (_ = this.shadowRoot) == null ? void 0 : _.querySelector(".toolbar-popover");
     if (a) {
       Object.assign(a.style, { top: "auto", left: "auto" });
-      const k = a.getBoundingClientRect(), A = this.computePosition(n, k, r, o, l);
+      const k = a.getBoundingClientRect(), A = this.computePosition(n, k, o, r, l);
       a.style.top = `${A.top}px`, a.style.left = `${A.left}px`;
     }
     const c = ($ = this.shadowRoot) == null ? void 0 : $.querySelector(".panel-container");
@@ -6755,13 +6717,13 @@ let E = class extends S {
     Object.assign(c.style, { top: "auto", left: "auto" });
     const h = a ?? t;
     if (!h) return;
-    const p = h.getBoundingClientRect(), m = c.getBoundingClientRect(), f = this.computePosition(p, m, r, o, l);
+    const p = h.getBoundingClientRect(), m = c.getBoundingClientRect(), f = this.computePosition(p, m, o, r, l);
     c.style.top = `${f.top}px`, c.style.left = `${f.left}px`;
   }
   computePosition(s, e, t, i, n) {
-    const r = s.top, o = i - s.bottom;
+    const o = s.top, r = i - s.bottom;
     let l;
-    r >= e.height + n ? l = s.top - e.height - n : o >= e.height + n ? l = s.bottom + n : l = r >= o ? Math.max(n, s.top - e.height - n) : s.bottom + n;
+    o >= e.height + n ? l = s.top - e.height - n : r >= e.height + n ? l = s.bottom + n : l = o >= r ? Math.max(n, s.top - e.height - n) : s.bottom + n;
     let a;
     const c = s.right - e.width;
     return c >= n ? a = c : s.left + e.width + n <= t ? a = s.left : a = Math.max(n, Math.min(t - e.width - n, s.left)), l = Math.max(n, Math.min(i - e.height - n, l)), a = Math.max(n, Math.min(t - e.width - n, a)), { top: l, left: a };
@@ -6868,7 +6830,7 @@ let E = class extends S {
 };
 E.styles = [
   ee,
-  I`
+  M`
       :host {
         display: block;
       }