@gamention/pulse-elements 0.1.17 → 0.1.19

package/dist/pulse-elements.js

@@ -3,7 +3,7 @@
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let wt = class extends Event {
+let kt = class extends Event {
   constructor(e, t, i, s) {
     super("context-request", { bubbles: !0, composed: !0 }), this.context = e, this.contextTarget = t, this.callback = i, this.subscribe = s ?? !1;
   }
@@ -18,7 +18,7 @@ let wt = class extends Event {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let Ke = class {
+let Ge = class {
   constructor(e, t, i, s) {
     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;
@@ -35,7 +35,7 @@ let Ke = class {
     this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
   }
   dispatchRequest() {
-    this.host.dispatchEvent(new wt(this.context, this.host, this.t, this.subscribe));
+    this.host.dispatchEvent(new kt(this.context, this.host, this.t, this.subscribe));
   }
 };
 /**
@@ -43,7 +43,7 @@ let Ke = class {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let Ot = class {
+let Lt = class {
   get value() {
     return this.o;
   }
@@ -76,11 +76,11 @@ let Ot = class {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let Rt = class extends Event {
+let jt = class extends Event {
   constructor(e, t) {
     super("context-provider", { bubbles: !0, composed: !0 }), this.context = e, this.contextTarget = t;
   }
-}, Ge = class extends Ot {
+}, Je = class extends Lt {
   constructor(e, t, i) {
     var s, o;
     super(t.context !== void 0 ? t.initialValue : i), this.onContextRequest = (r) => {
@@ -90,7 +90,7 @@ let Rt = class extends Event {
     }, this.onProviderRequest = (r) => {
       if (r.context !== this.context || (r.contextTarget ?? r.composedPath()[0]) === this.host) return;
       const a = /* @__PURE__ */ new Set();
-      for (const [l, { consumerHost: d }] of this.subscriptions) a.has(l) || (a.add(l), d.dispatchEvent(new wt(this.context, d, l, !0)));
+      for (const [l, { consumerHost: d }] of this.subscriptions) a.has(l) || (a.add(l), d.dispatchEvent(new kt(this.context, d, l, !0)));
       r.stopPropagation();
     }, this.host = e, t.context !== void 0 ? this.context = t.context : this.context = t, this.attachListeners(), (o = (s = this.host).addController) == null || o.call(s, this);
   }
@@ -98,7 +98,7 @@ let Rt = class extends Event {
     this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
   }
   hostConnected() {
-    this.host.dispatchEvent(new Rt(this.context, this.host));
+    this.host.dispatchEvent(new jt(this.context, this.host));
   }
 };
 /**
@@ -106,7 +106,7 @@ let Rt = class extends Event {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Lt({ context: n }) {
+function zt({ context: n }) {
   return (e, t) => {
     const i = /* @__PURE__ */ new WeakMap();
     if (typeof t == "object") return { get() {
@@ -114,11 +114,11 @@ function Lt({ context: n }) {
     }, set(s) {
       return i.get(this).setValue(s), e.set.call(this, s);
     }, init(s) {
-      return i.set(this, new Ge(this, { context: n, initialValue: s })), s;
+      return i.set(this, new Je(this, { context: n, initialValue: s })), s;
     } };
     {
       e.constructor.addInitializer(((r) => {
-        i.set(r, new Ge(r, { context: n }));
+        i.set(r, new Je(r, { context: n }));
       }));
       const s = Object.getOwnPropertyDescriptor(e, t);
       let o;
@@ -147,19 +147,31 @@ function Lt({ context: n }) {
 function fe({ context: n, subscribe: e }) {
   return (t, i) => {
     typeof i == "object" ? i.addInitializer((function() {
-      new Ke(this, { context: n, callback: (s) => {
+      new Ge(this, { context: n, callback: (s) => {
         t.set.call(this, s);
       }, subscribe: e });
     })) : t.constructor.addInitializer(((s) => {
-      new Ke(s, { context: n, callback: (o) => {
+      new Ge(s, { context: n, callback: (o) => {
         s[i] = o;
       }, subscribe: e });
     }));
   };
 }
-var jt = Object.defineProperty, zt = (n, e, t) => e in n ? jt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, k = (n, e, t) => zt(n, typeof e != "symbol" ? e + "" : e, t);
-const Ut = "ws://localhost:4567";
-let De = class {
+var Ut = Object.defineProperty, Dt = (n, e, t) => e in n ? Ut(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, k = (n, e, t) => Dt(n, typeof e != "symbol" ? e + "" : e, t);
+const _e = {
+  allowImages: !0,
+  allowAudio: !0,
+  allowVideo: !0,
+  maxFileSizeMb: 10,
+  maxAttachmentsPerComment: 5,
+  allowReactions: !0,
+  allowDrawing: !0,
+  allowMentions: !0,
+  showCursors: !0,
+  showPresence: !0,
+  showTypingIndicators: !0
+}, Ht = "ws://localhost:4567", Ze = 50, Nt = 3e4, Bt = 1e3, Ft = 3e4;
+let He = class {
   constructor() {
     k(this, "handlers", /* @__PURE__ */ new Map());
   }
@@ -179,9 +191,9 @@ let De = class {
   removeAll() {
     this.handlers.clear();
   }
-}, Dt = class extends De {
+}, qt = class extends He {
   constructor(e) {
-    super(), k(this, "ws", null), k(this, "endpoint"), k(this, "reconnectAttempt", 0), k(this, "reconnectTimer", null), k(this, "_state", "disconnected"), this.endpoint = e ?? Ut;
+    super(), k(this, "ws", null), k(this, "endpoint"), k(this, "reconnectAttempt", 0), k(this, "reconnectTimer", null), k(this, "_state", "disconnected"), this.endpoint = e ?? Ht;
   }
   get state() {
     return this._state;
@@ -209,20 +221,23 @@ let De = class {
   }
   scheduleReconnect() {
     const e = Math.min(
-      1e3 * 2 ** this.reconnectAttempt,
-      3e4
+      Bt * 2 ** this.reconnectAttempt,
+      Ft
     );
     this.reconnectAttempt++, this.reconnectTimer = setTimeout(() => {
       this.reconnectTimer = null, this.connect();
     }, e);
   }
-}, Ht = class extends De {
+}, Vt = class extends He {
   constructor() {
-    super(...arguments), k(this, "baseUrl", ""), k(this, "_user", null), k(this, "_users", /* @__PURE__ */ new Map()), k(this, "_presence", /* @__PURE__ */ new Map()), k(this, "_threads", /* @__PURE__ */ new Map()), k(this, "_reactions", /* @__PURE__ */ new Map()), k(this, "_notifications", []), k(this, "_activityLogs", []), k(this, "_typing", /* @__PURE__ */ new Map()), k(this, "_viewports", /* @__PURE__ */ new Map()), k(this, "_selections", /* @__PURE__ */ new Map());
+    super(...arguments), k(this, "baseUrl", ""), k(this, "_user", null), k(this, "_config", { ..._e }), k(this, "_users", /* @__PURE__ */ new Map()), k(this, "_presence", /* @__PURE__ */ new Map()), k(this, "_threads", /* @__PURE__ */ new Map()), k(this, "_reactions", /* @__PURE__ */ new Map()), k(this, "_notifications", []), k(this, "_activityLogs", []), k(this, "_typing", /* @__PURE__ */ new Map()), k(this, "_viewports", /* @__PURE__ */ new Map()), k(this, "_selections", /* @__PURE__ */ new Map());
   }
   get user() {
     return this._user;
   }
+  get config() {
+    return this._config;
+  }
   /** Optimistically remove a comment from local state (before server round-trip). */
   removeComment(e) {
     for (const [t, i] of this._threads) {
@@ -306,7 +321,7 @@ let De = class {
   handleMessage(e) {
     switch (e.type) {
       case "auth:ok":
-        this._user = e.user, this._users.clear();
+        this._config = e.config ?? { ..._e }, this._user = e.user, this._users.clear();
         for (const t of e.users) this._users.set(t.id, t);
         this._presence.clear();
         for (const t of e.presence)
@@ -436,14 +451,14 @@ let De = class {
     }
   }
   reset() {
-    this._user = null, this._users.clear(), this._presence.clear(), this._threads.clear(), this._reactions.clear(), this._notifications = [], this._activityLogs = [], this._typing.clear(), this._viewports.clear(), this._selections.clear();
+    this._user = null, this._config = { ..._e }, this._users.clear(), this._presence.clear(), this._threads.clear(), this._reactions.clear(), this._notifications = [], this._activityLogs = [], this._typing.clear(), this._viewports.clear(), this._selections.clear();
   }
-}, $t = class extends De {
+}, Et = class extends He {
   constructor(e) {
     var t;
-    super(), k(this, "state"), k(this, "connection"), k(this, "config"), k(this, "heartbeatTimer", null), k(this, "lastCursorSend", 0), k(this, "pendingCursor", null), k(this, "cursorTimer", null), this.config = e, this.state = new Ht(), this.state.baseUrl = (e.endpoint ?? "").replace(/^ws(s?):/, "http$1:").replace(/\/$/, "");
+    super(), k(this, "state"), k(this, "connection"), k(this, "config"), k(this, "heartbeatTimer", null), k(this, "lastCursorSend", 0), k(this, "pendingCursor", null), k(this, "cursorTimer", null), this.config = e, this.state = new Vt(), this.state.baseUrl = (e.endpoint ?? "").replace(/^ws(s?):/, "http$1:").replace(/\/$/, "");
     const i = ((t = e.endpoint) == null ? void 0 : t.replace(/^http/, "ws")) ?? void 0;
-    this.connection = new Dt(i), this.connection.on("message", (s) => {
+    this.connection = new qt(i), this.connection.on("message", (s) => {
       this.state.handleMessage(s), this.emit(s.type, s);
     }), this.connection.on("state", (s) => {
       this.emit("connection", s), s === "connected" ? (this.authenticate(), this.startHeartbeat()) : s === "disconnected" && this.stopHeartbeat();
@@ -473,9 +488,9 @@ let De = class {
   // ── Cursors ──
   moveCursor(e) {
     const t = Date.now();
-    this.pendingCursor = e, t - this.lastCursorSend >= 50 ? this.flushCursor() : this.cursorTimer || (this.cursorTimer = setTimeout(() => {
+    this.pendingCursor = e, t - this.lastCursorSend >= Ze ? this.flushCursor() : this.cursorTimer || (this.cursorTimer = setTimeout(() => {
       this.cursorTimer = null, this.flushCursor();
-    }, 50));
+    }, Ze));
   }
   flushCursor() {
     this.pendingCursor && (this.send({ type: "cursor:move", position: this.pendingCursor }), this.lastCursorSend = Date.now(), this.pendingCursor = null);
@@ -487,7 +502,7 @@ let De = class {
   startHeartbeat() {
     this.heartbeatTimer = setInterval(() => {
       this.send({ type: "presence:update", status: "online" });
-    }, 3e4);
+    }, Nt);
   }
   stopHeartbeat() {
     this.heartbeatTimer && (clearInterval(this.heartbeatTimer), this.heartbeatTimer = null);
@@ -587,18 +602,18 @@ let De = class {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ye = globalThis, He = ye.ShadowRoot && (ye.ShadyCSS === void 0 || ye.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ne = Symbol(), Je = /* @__PURE__ */ new WeakMap();
-let kt = class {
+const ye = globalThis, Ne = ye.ShadowRoot && (ye.ShadyCSS === void 0 || ye.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Be = Symbol(), Qe = /* @__PURE__ */ new WeakMap();
+let Ct = class {
   constructor(e, t, i) {
-    if (this._$cssResult$ = !0, i !== Ne) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, i !== Be) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
   }
   get styleSheet() {
     let e = this.o;
     const t = this.t;
-    if (He && e === void 0) {
+    if (Ne && e === void 0) {
       const i = t !== void 0 && t.length === 1;
-      i && (e = Je.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && Je.set(t, e));
+      i && (e = Qe.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && Qe.set(t, e));
     }
     return e;
   }
@@ -606,33 +621,33 @@ let kt = class {
     return this.cssText;
   }
 };
-const Nt = (n) => new kt(typeof n == "string" ? n : n + "", void 0, Ne), M = (n, ...e) => {
+const Wt = (n) => new Ct(typeof n == "string" ? n : n + "", void 0, Be), M = (n, ...e) => {
   const t = n.length === 1 ? n[0] : e.reduce((i, s, 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.");
   })(s) + n[o + 1], n[0]);
-  return new kt(t, n, Ne);
-}, Bt = (n, e) => {
-  if (He) n.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+  return new Ct(t, n, Be);
+}, Xt = (n, e) => {
+  if (Ne) n.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
     const i = document.createElement("style"), s = ye.litNonce;
     s !== void 0 && i.setAttribute("nonce", s), i.textContent = t.cssText, n.appendChild(i);
   }
-}, Ze = He ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((e) => {
+}, et = Ne ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const i of e.cssRules) t += i.cssText;
-  return Nt(t);
+  return Wt(t);
 })(n) : n;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Ft, defineProperty: qt, getOwnPropertyDescriptor: Vt, getOwnPropertyNames: Wt, getOwnPropertySymbols: Xt, getPrototypeOf: Yt } = Object, H = globalThis, Qe = H.trustedTypes, Kt = Qe ? Qe.emptyScript : "", _e = H.reactiveElementPolyfillSupport, ne = (n, e) => n, ke = { toAttribute(n, e) {
+const { is: Yt, defineProperty: Kt, getOwnPropertyDescriptor: Gt, getOwnPropertyNames: Jt, getOwnPropertySymbols: Zt, getPrototypeOf: Qt } = Object, H = globalThis, tt = H.trustedTypes, ei = tt ? tt.emptyScript : "", Ie = H.reactiveElementPolyfillSupport, ne = (n, e) => n, ke = { toAttribute(n, e) {
   switch (e) {
     case Boolean:
-      n = n ? Kt : null;
+      n = n ? ei : null;
       break;
     case Object:
     case Array:
@@ -657,7 +672,7 @@ const { is: Ft, defineProperty: qt, getOwnPropertyDescriptor: Vt, getOwnProperty
       }
   }
   return t;
-} }, Be = (n, e) => !Ft(n, e), et = { attribute: !0, type: String, converter: ke, reflect: !1, useDefault: !1, hasChanged: Be };
+} }, Fe = (n, e) => !Yt(n, e), it = { attribute: !0, type: String, converter: ke, reflect: !1, useDefault: !1, hasChanged: Fe };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), H.litPropertyMetadata ?? (H.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let G = class extends HTMLElement {
   static addInitializer(e) {
@@ -666,14 +681,14 @@ let G = class extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, t = et) {
+  static createProperty(e, t = it) {
     if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
       const i = Symbol(), s = this.getPropertyDescriptor(e, i, t);
-      s !== void 0 && qt(this.prototype, e, s);
+      s !== void 0 && Kt(this.prototype, e, s);
     }
   }
   static getPropertyDescriptor(e, t, i) {
-    const { get: s, set: o } = Vt(this.prototype, e) ?? { get() {
+    const { get: s, set: o } = Gt(this.prototype, e) ?? { get() {
       return this[t];
     }, set(r) {
       this[t] = r;
@@ -684,17 +699,17 @@ let G = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? et;
+    return this.elementProperties.get(e) ?? it;
   }
   static _$Ei() {
     if (this.hasOwnProperty(ne("elementProperties"))) return;
-    const e = Yt(this);
+    const e = Qt(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(ne("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(ne("properties"))) {
-      const t = this.properties, i = [...Wt(t), ...Xt(t)];
+      const t = this.properties, i = [...Jt(t), ...Zt(t)];
       for (const s of i) this.createProperty(s, t[s]);
     }
     const e = this[Symbol.metadata];
@@ -713,8 +728,8 @@ let G = class extends HTMLElement {
     const t = [];
     if (Array.isArray(e)) {
       const i = new Set(e.flat(1 / 0).reverse());
-      for (const s of i) t.unshift(Ze(s));
-    } else e !== void 0 && t.push(Ze(e));
+      for (const s of i) t.unshift(et(s));
+    } else e !== void 0 && t.push(et(e));
     return t;
   }
   static _$Eu(e, t) {
@@ -743,7 +758,7 @@ let G = class extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Bt(e, this.constructor.elementStyles), e;
+    return Xt(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
@@ -786,7 +801,7 @@ let G = class extends HTMLElement {
     var r;
     if (e !== void 0) {
       const a = this.constructor;
-      if (s === !1 && (o = this[e]), i ?? (i = a.getPropertyOptions(e)), !((i.hasChanged ?? Be)(o, t) || i.useDefault && i.reflect && o === ((r = this._$Ej) == null ? void 0 : r.get(e)) && !this.hasAttribute(a._$Eu(e, i)))) return;
+      if (s === !1 && (o = this[e]), i ?? (i = a.getPropertyOptions(e)), !((i.hasChanged ?? Fe)(o, t) || i.useDefault && i.reflect && o === ((r = this._$Ej) == null ? void 0 : r.get(e)) && !this.hasAttribute(a._$Eu(e, i)))) return;
       this.C(e, t, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -862,48 +877,48 @@ let G = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-G.elementStyles = [], G.shadowRootOptions = { mode: "open" }, G[ne("elementProperties")] = /* @__PURE__ */ new Map(), G[ne("finalized")] = /* @__PURE__ */ new Map(), _e == null || _e({ ReactiveElement: G }), (H.reactiveElementVersions ?? (H.reactiveElementVersions = [])).push("2.1.2");
+G.elementStyles = [], G.shadowRootOptions = { mode: "open" }, G[ne("elementProperties")] = /* @__PURE__ */ new Map(), G[ne("finalized")] = /* @__PURE__ */ new Map(), Ie == null || Ie({ ReactiveElement: G }), (H.reactiveElementVersions ?? (H.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const oe = globalThis, tt = (n) => n, Ee = oe.trustedTypes, it = Ee ? Ee.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Et = "$lit$", D = `lit$${Math.random().toFixed(9).slice(2)}$`, Ct = "?" + D, Gt = `<${Ct}>`, V = document, ae = () => V.createComment(""), le = (n) => n === null || typeof n != "object" && typeof n != "function", Fe = Array.isArray, Jt = (n) => Fe(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", Ie = `[ 	
-\f\r]`, se = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, st = /-->/g, nt = />/g, B = RegExp(`>|${Ie}(?:([^\\s"'>=/]+)(${Ie}*=${Ie}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ot = /'/g, rt = /"/g, Tt = /^(?:script|style|textarea|title)$/i, St = (n) => (e, ...t) => ({ _$litType$: n, strings: e, values: t }), u = St(1), Zt = St(2), W = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), at = /* @__PURE__ */ new WeakMap(), F = V.createTreeWalker(V, 129);
-function At(n, e) {
-  if (!Fe(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return it !== void 0 ? it.createHTML(e) : e;
+const oe = globalThis, st = (n) => n, Ee = oe.trustedTypes, nt = Ee ? Ee.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Tt = "$lit$", D = `lit$${Math.random().toFixed(9).slice(2)}$`, St = "?" + D, ti = `<${St}>`, V = document, ae = () => V.createComment(""), le = (n) => n === null || typeof n != "object" && typeof n != "function", qe = Array.isArray, ii = (n) => qe(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", Me = `[ 	
+\f\r]`, se = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ot = /-->/g, rt = />/g, B = RegExp(`>|${Me}(?:([^\\s"'>=/]+)(${Me}*=${Me}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), at = /'/g, lt = /"/g, At = /^(?:script|style|textarea|title)$/i, Pt = (n) => (e, ...t) => ({ _$litType$: n, strings: e, values: t }), u = Pt(1), si = Pt(2), W = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), ct = /* @__PURE__ */ new WeakMap(), F = V.createTreeWalker(V, 129);
+function _t(n, e) {
+  if (!qe(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return nt !== void 0 ? nt.createHTML(e) : e;
 }
-const Qt = (n, e) => {
+const ni = (n, e) => {
   const t = n.length - 1, i = [];
   let s, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", r = se;
   for (let a = 0; a < t; a++) {
     const l = n[a];
     let d, c, h = -1, p = 0;
-    for (; p < l.length && (r.lastIndex = p, c = r.exec(l), c !== null); ) p = r.lastIndex, r === se ? c[1] === "!--" ? r = st : c[1] !== void 0 ? r = nt : c[2] !== void 0 ? (Tt.test(c[2]) && (s = RegExp("</" + c[2], "g")), r = B) : c[3] !== void 0 && (r = B) : r === B ? c[0] === ">" ? (r = s ?? se, h = -1) : c[1] === void 0 ? h = -2 : (h = r.lastIndex - c[2].length, d = c[1], r = c[3] === void 0 ? B : c[3] === '"' ? rt : ot) : r === rt || r === ot ? r = B : r === st || r === nt ? r = se : (r = B, s = void 0);
+    for (; p < l.length && (r.lastIndex = p, c = r.exec(l), c !== null); ) p = r.lastIndex, r === se ? c[1] === "!--" ? r = ot : c[1] !== void 0 ? r = rt : c[2] !== void 0 ? (At.test(c[2]) && (s = RegExp("</" + c[2], "g")), r = B) : c[3] !== void 0 && (r = B) : r === B ? c[0] === ">" ? (r = s ?? se, h = -1) : c[1] === void 0 ? h = -2 : (h = r.lastIndex - c[2].length, d = c[1], r = c[3] === void 0 ? B : c[3] === '"' ? lt : at) : r === lt || r === at ? r = B : r === ot || r === rt ? r = se : (r = B, s = void 0);
     const m = r === B && n[a + 1].startsWith("/>") ? " " : "";
-    o += r === se ? l + Gt : h >= 0 ? (i.push(d), l.slice(0, h) + Et + l.slice(h) + D + m) : l + D + (h === -2 ? a : m);
+    o += r === se ? l + ti : h >= 0 ? (i.push(d), l.slice(0, h) + Tt + l.slice(h) + D + m) : l + D + (h === -2 ? a : m);
   }
-  return [At(n, o + (n[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
+  return [_t(n, o + (n[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
 };
 class ce {
   constructor({ strings: e, _$litType$: t }, i) {
     let s;
     this.parts = [];
     let o = 0, r = 0;
-    const a = e.length - 1, l = this.parts, [d, c] = Qt(e, t);
+    const a = e.length - 1, l = this.parts, [d, c] = ni(e, t);
     if (this.el = ce.createElement(d, i), F.currentNode = this.el.content, t === 2 || t === 3) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
     }
     for (; (s = F.nextNode()) !== null && l.length < a; ) {
       if (s.nodeType === 1) {
-        if (s.hasAttributes()) for (const h of s.getAttributeNames()) if (h.endsWith(Et)) {
+        if (s.hasAttributes()) for (const h of s.getAttributeNames()) if (h.endsWith(Tt)) {
           const p = c[r++], m = s.getAttribute(h).split(D), g = /([.?@])?(.*)/.exec(p);
-          l.push({ type: 1, index: o, name: g[2], strings: m, ctor: g[1] === "." ? ti : g[1] === "?" ? ii : g[1] === "@" ? si : Se }), s.removeAttribute(h);
+          l.push({ type: 1, index: o, name: g[2], strings: m, ctor: g[1] === "." ? ri : g[1] === "?" ? ai : g[1] === "@" ? li : Se }), s.removeAttribute(h);
         } else h.startsWith(D) && (l.push({ type: 6, index: o }), s.removeAttribute(h));
-        if (Tt.test(s.tagName)) {
+        if (At.test(s.tagName)) {
           const h = s.textContent.split(D), p = h.length - 1;
           if (p > 0) {
             s.textContent = Ee ? Ee.emptyScript : "";
@@ -911,7 +926,7 @@ class ce {
             s.append(h[p], ae());
           }
         }
-      } else if (s.nodeType === 8) if (s.data === Ct) l.push({ type: 2, index: o });
+      } else if (s.nodeType === 8) if (s.data === St) l.push({ type: 2, index: o });
       else {
         let h = -1;
         for (; (h = s.data.indexOf(D, h + 1)) !== -1; ) l.push({ type: 7, index: o }), h += D.length - 1;
@@ -931,7 +946,7 @@ function J(n, e, t = n, i) {
   const o = le(e) ? void 0 : e._$litDirective$;
   return (s == null ? void 0 : s.constructor) !== o && ((a = s == null ? void 0 : s._$AO) == null || a.call(s, !1), o === void 0 ? s = void 0 : (s = new o(n), s._$AT(n, t, i)), i !== void 0 ? (t._$Co ?? (t._$Co = []))[i] = s : t._$Cl = s), s !== void 0 && (e = J(n, s._$AS(n, e.values), s, i)), e;
 }
-class ei {
+class oi {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -948,7 +963,7 @@ class ei {
     for (; l !== void 0; ) {
       if (r === l.index) {
         let d;
-        l.type === 2 ? d = new me(o, o.nextSibling, this, e) : l.type === 1 ? d = new l.ctor(o, l.name, l.strings, this, e) : l.type === 6 && (d = new ni(o, this, e)), this._$AV.push(d), l = i[++a];
+        l.type === 2 ? d = new me(o, o.nextSibling, this, e) : l.type === 1 ? d = new l.ctor(o, l.name, l.strings, this, e) : l.type === 6 && (d = new ci(o, this, e)), this._$AV.push(d), l = i[++a];
       }
       r !== (l == null ? void 0 : l.index) && (o = F.nextNode(), r++);
     }
@@ -965,7 +980,7 @@ class me {
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
   }
   constructor(e, t, i, s) {
-    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = i, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
+    this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = i, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
   }
   get parentNode() {
     let e = this._$AA.parentNode;
@@ -979,7 +994,7 @@ class me {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = J(this, e, t), le(e) ? e === b || e == null || e === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : e !== this._$AH && e !== W && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Jt(e) ? this.k(e) : this._(e);
+    e = J(this, e, t), le(e) ? e === v || e == null || e === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : e !== this._$AH && e !== W && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : ii(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -988,23 +1003,23 @@ class me {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== b && le(this._$AH) ? this._$AA.nextSibling.data = e : this.T(V.createTextNode(e)), this._$AH = e;
+    this._$AH !== v && le(this._$AH) ? this._$AA.nextSibling.data = e : this.T(V.createTextNode(e)), this._$AH = e;
   }
   $(e) {
     var o;
-    const { values: t, _$litType$: i } = e, s = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = ce.createElement(At(i.h, i.h[0]), this.options)), i);
+    const { values: t, _$litType$: i } = e, s = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = ce.createElement(_t(i.h, i.h[0]), this.options)), i);
     if (((o = this._$AH) == null ? void 0 : o._$AD) === s) this._$AH.p(t);
     else {
-      const r = new ei(s, this), a = r.u(this.options);
+      const r = new oi(s, this), a = r.u(this.options);
       r.p(t), this.T(a), this._$AH = r;
     }
   }
   _$AC(e) {
-    let t = at.get(e.strings);
-    return t === void 0 && at.set(e.strings, t = new ce(e)), t;
+    let t = ct.get(e.strings);
+    return t === void 0 && ct.set(e.strings, t = new ce(e)), t;
   }
   k(e) {
-    Fe(this._$AH) || (this._$AH = [], this._$AR());
+    qe(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let i, s = 0;
     for (const o of e) s === t.length ? t.push(i = new me(this.O(ae()), this.O(ae()), this, this.options)) : i = t[s], i._$AI(o), s++;
@@ -1013,8 +1028,8 @@ class me {
   _$AR(e = this._$AA.nextSibling, t) {
     var i;
     for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, t); e !== this._$AB; ) {
-      const s = tt(e).nextSibling;
-      tt(e).remove(), e = s;
+      const s = st(e).nextSibling;
+      st(e).remove(), e = s;
     }
   }
   setConnected(e) {
@@ -1030,7 +1045,7 @@ class Se {
     return this._$AM._$AU;
   }
   constructor(e, t, i, s, o) {
-    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = e, this.name = t, this._$AM = s, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = b;
+    this.type = 1, this._$AH = v, this._$AN = void 0, this.element = e, this.name = t, this._$AM = s, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = v;
   }
   _$AI(e, t = this, i, s) {
     const o = this.strings;
@@ -1039,37 +1054,37 @@ class Se {
     else {
       const a = e;
       let l, d;
-      for (e = o[0], l = 0; l < o.length - 1; l++) d = J(this, a[i + l], t, l), d === W && (d = this._$AH[l]), r || (r = !le(d) || d !== this._$AH[l]), d === b ? e = b : e !== b && (e += (d ?? "") + o[l + 1]), this._$AH[l] = d;
+      for (e = o[0], l = 0; l < o.length - 1; l++) d = J(this, a[i + l], t, l), d === W && (d = this._$AH[l]), r || (r = !le(d) || d !== this._$AH[l]), d === v ? e = v : e !== v && (e += (d ?? "") + o[l + 1]), this._$AH[l] = d;
     }
     r && !s && this.j(e);
   }
   j(e) {
-    e === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+    e === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class ti extends Se {
+class ri extends Se {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(e) {
-    this.element[this.name] = e === b ? void 0 : e;
+    this.element[this.name] = e === v ? void 0 : e;
   }
 }
-class ii extends Se {
+class ai extends Se {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== b);
+    this.element.toggleAttribute(this.name, !!e && e !== v);
   }
 }
-class si extends Se {
+class li extends Se {
   constructor(e, t, i, s, o) {
     super(e, t, i, s, o), this.type = 5;
   }
   _$AI(e, t = this) {
-    if ((e = J(this, e, t, 0) ?? b) === W) return;
-    const i = this._$AH, s = e === b && i !== b || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, o = e !== b && (i === b || s);
+    if ((e = J(this, e, t, 0) ?? v) === W) return;
+    const i = this._$AH, s = e === v && i !== v || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, o = e !== v && (i === v || s);
     s && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
@@ -1077,7 +1092,7 @@ class si extends Se {
     typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class ni {
+class ci {
   constructor(e, t, i) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = i;
   }
@@ -1088,9 +1103,9 @@ class ni {
     J(this, e);
   }
 }
-const Me = oe.litHtmlPolyfillSupport;
-Me == null || Me(ce, me), (oe.litHtmlVersions ?? (oe.litHtmlVersions = [])).push("3.3.2");
-const oi = (n, e, t) => {
+const Oe = oe.litHtmlPolyfillSupport;
+Oe == null || Oe(ce, me), (oe.litHtmlVersions ?? (oe.litHtmlVersions = [])).push("3.3.2");
+const di = (n, e, t) => {
   const i = (t == null ? void 0 : t.renderBefore) ?? e;
   let s = i._$litPart$;
   if (s === void 0) {
@@ -1116,7 +1131,7 @@ let A = class extends G {
   }
   update(e) {
     const t = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = oi(t, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = di(t, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -1130,10 +1145,10 @@ let A = class extends G {
     return W;
   }
 };
-var yt;
-A._$litElement$ = !0, A.finalized = !0, (yt = q.litElementHydrateSupport) == null || yt.call(q, { LitElement: A });
-const Oe = q.litElementPolyfillSupport;
-Oe == null || Oe({ LitElement: A });
+var $t;
+A._$litElement$ = !0, A.finalized = !0, ($t = q.litElementHydrateSupport) == null || $t.call(q, { LitElement: A });
+const Re = q.litElementPolyfillSupport;
+Re == null || Re({ LitElement: A });
 (q.litElementVersions ?? (q.litElementVersions = [])).push("4.2.2");
 /**
  * @license
@@ -1150,7 +1165,7 @@ const L = (n) => (e, t) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ri = { attribute: !0, type: String, converter: ke, reflect: !1, hasChanged: Be }, ai = (n = ri, e, t) => {
+const hi = { attribute: !0, type: String, converter: ke, reflect: !1, hasChanged: Fe }, pi = (n = hi, e, t) => {
   const { kind: i, metadata: s } = t;
   let o = globalThis.litPropertyMetadata.get(s);
   if (o === void 0 && globalThis.litPropertyMetadata.set(s, o = /* @__PURE__ */ new Map()), i === "setter" && ((n = Object.create(n)).wrapped = !0), o.set(t.name, n), i === "accessor") {
@@ -1172,7 +1187,7 @@ const ri = { attribute: !0, type: String, converter: ke, reflect: !1, hasChanged
   throw Error("Unsupported decorator location: " + i);
 };
 function x(n) {
-  return (e, t) => typeof t == "object" ? ai(n, e, t) : ((i, s, o) => {
+  return (e, t) => typeof t == "object" ? pi(n, e, t) : ((i, s, o) => {
     const r = s.hasOwnProperty(o);
     return s.constructor.createProperty(o, i), r ? Object.getOwnPropertyDescriptor(s, o) : void 0;
   })(n, e, t);
@@ -1186,10 +1201,10 @@ function $(n) {
   return x({ ...n, state: !0, attribute: !1 });
 }
 const Q = "pulse-client";
-var li = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, ee = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? ci(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var ui = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, ee = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? fi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && li(e, t, s), s;
+  return i && s && ui(e, t, s), s;
 };
 let X = class extends A {
   constructor() {
@@ -1203,7 +1218,7 @@ let X = class extends A {
       room: this.room,
       endpoint: this.endpoint
     };
-    this.client = new $t(n), this.client.connect();
+    this.client = new Et(n), this.client.connect();
   }
   disconnectedCallback() {
     var n;
@@ -1226,15 +1241,15 @@ ee([
   x()
 ], X.prototype, "endpoint", 2);
 ee([
-  Lt({ context: Q })
+  zt({ context: Q })
 ], X.prototype, "client", 2);
 X = ee([
   L("pulse-provider")
 ], X);
-var di = Object.defineProperty, hi = Object.getOwnPropertyDescriptor, Ae = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? hi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var mi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, Ae = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? gi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && di(e, t, s), s;
+  return i && s && mi(e, t, s), s;
 };
 let Z = class extends A {
   constructor() {
@@ -1397,10 +1412,10 @@ Ae([
 Z = Ae([
   L("pulse-presence")
 ], Z);
-var pi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, qe = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? ui(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var vi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, Ve = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? bi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && pi(e, t, s), s;
+  return i && s && vi(e, t, s), s;
 };
 let de = class extends A {
   constructor() {
@@ -1516,20 +1531,20 @@ de.styles = M`
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
     }
   `;
-qe([
+Ve([
   fe({ context: Q, subscribe: !0 }),
   x({ attribute: !1 })
 ], de.prototype, "client", 2);
-qe([
+Ve([
   $()
 ], de.prototype, "cursors", 2);
-de = qe([
+de = Ve([
   L("pulse-cursors")
 ], de);
-var fi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, ge = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? mi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var xi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, ge = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? yi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && fi(e, t, s), s;
+  return i && s && xi(e, t, s), s;
 };
 let Y = class extends A {
   constructor() {
@@ -1600,7 +1615,7 @@ let Y = class extends A {
         ${n.comments.map((e, t) => {
       const i = this.getUserForComment(e.userId);
       return u`
-            ${t > 0 ? u`<div class="divider"></div>` : b}
+            ${t > 0 ? u`<div class="divider"></div>` : v}
             <div class="comment">
               <div class="comment-header">
                 <div
@@ -1637,7 +1652,7 @@ let Y = class extends A {
                 <input type="text" placeholder="Write a reply..." />
                 <button type="submit">Send</button>
               </form>
-            ` : b}
+            ` : v}
       </div>
     `;
   }
@@ -1877,18 +1892,18 @@ ge([
 Y = ge([
   L("pulse-comments")
 ], Y);
-var gi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, Ve = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? bi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var wi = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, We = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? $i(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && gi(e, t, s), s;
+  return i && s && wi(e, t, s), s;
 };
-const vi = {
+const ki = {
   "comment:created": "left a comment",
   "comment:mention": "mentioned you",
   "comment:reply": "replied to your comment",
   "thread:resolved": "resolved a thread",
   "reaction:added": "reacted to your comment"
-}, xi = {
+}, Ei = {
   "comment:created": "💬",
   "comment:mention": "📣",
   "comment:reply": "↩️",
@@ -1946,11 +1961,11 @@ let he = class extends A {
       <div class="header">
         <span class="title">
           Notifications
-          ${n > 0 ? u`<span class="badge">${n}</span>` : b}
+          ${n > 0 ? u`<span class="badge">${n}</span>` : v}
         </span>
         ${n > 0 ? u`<button class="mark-all" @click=${() => this.client.markAllRead()}>
               Mark all read
-            </button>` : b}
+            </button>` : v}
       </div>
       <div class="list">
         ${this.notifications.length === 0 ? u`<div class="empty">
@@ -1962,11 +1977,11 @@ let he = class extends A {
                   class="item ${e.read ? "" : "unread"}"
                   @click=${() => this.handleClick(e)}
                 >
-                  <span class="icon">${xi[e.type] ?? "🔔"}</span>
+                  <span class="icon">${Ei[e.type] ?? "🔔"}</span>
                   <div class="content">
                     <div class="text">
                       <span class="actor">${this.getActorName(e.actorId)}</span>
-                      ${vi[e.type] ?? e.type}
+                      ${ki[e.type] ?? e.type}
                     </div>
                     <div class="time">${this.formatTime(e.createdAt)}</div>
                   </div>
@@ -2119,22 +2134,22 @@ he.styles = M`
       opacity: 0.4;
     }
   `;
-Ve([
+We([
   fe({ context: Q, subscribe: !0 }),
   x({ attribute: !1 })
 ], he.prototype, "client", 2);
-Ve([
+We([
   $()
 ], he.prototype, "notifications", 2);
-he = Ve([
+he = We([
   L("pulse-notifications")
 ], he);
-var yi = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, te = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? wi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var Ci = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, te = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ti(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && yi(e, t, s), s;
+  return i && s && Ci(e, t, s), s;
 };
-const $i = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
+const Si = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
 let N = class extends A {
   constructor() {
     super(...arguments), this.targetId = "", this.targetType = "comment", this.reactions = [], this.showPicker = !1;
@@ -2196,7 +2211,7 @@ let N = class extends A {
         </button>
         ${this.showPicker ? u`
               <div class="picker">
-                ${$i.map(
+                ${Si.map(
       (e) => u`
                     <button @click=${() => this.addEmoji(e)}>
                       ${e}
@@ -2204,7 +2219,7 @@ let N = class extends A {
                   `
     )}
               </div>
-            ` : b}
+            ` : v}
       </div>
     `;
   }
@@ -2345,8 +2360,8 @@ N = te([
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ki = { CHILD: 2 }, Ei = (n) => (...e) => ({ _$litDirective$: n, values: e });
-class Ci {
+const Ai = { CHILD: 2 }, Pi = (n) => (...e) => ({ _$litDirective$: n, values: e });
+class _i {
   constructor(e) {
   }
   get _$AU() {
@@ -2367,12 +2382,12 @@ class Ci {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Re extends Ci {
+class Le extends _i {
   constructor(e) {
-    if (super(e), this.it = b, e.type !== ki.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    if (super(e), this.it = v, e.type !== Ai.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(e) {
-    if (e === b || e == null) return this._t = void 0, this.it = e;
+    if (e === v || e == null) return this._t = void 0, this.it = e;
     if (e === W) return e;
     if (typeof e != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (e === this.it) return this._t;
@@ -2381,23 +2396,23 @@ class Re extends Ci {
     return t.raw = t, this._t = { _$litType$: this.constructor.resultType, strings: t, values: [] };
   }
 }
-Re.directiveName = "unsafeHTML", Re.resultType = 1;
+Le.directiveName = "unsafeHTML", Le.resultType = 1;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Le extends Re {
+class je extends Le {
 }
-Le.directiveName = "unsafeSVG", Le.resultType = 2;
-const Ti = Ei(Le);
+je.directiveName = "unsafeSVG", je.resultType = 2;
+const Ii = Pi(je);
 /**
  * @license lucide v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Si = [
+const Mi = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }],
   [
     "path",
@@ -2412,7 +2427,7 @@ const Si = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ai = [
+const Oi = [
   ["circle", { cx: "12", cy: "12", r: "10" }],
   ["path", { d: "M12 6v6l4 2" }]
 ];
@@ -2422,7 +2437,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 Pi = [
+const Ri = [
   [
     "path",
     {
@@ -2436,7 +2451,7 @@ const Pi = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _i = [
+const Li = [
   ["path", { d: "M12 19v3" }],
   ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }],
   ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3" }]
@@ -2447,7 +2462,7 @@ const _i = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ii = [
+const ji = [
   [
     "path",
     {
@@ -2461,7 +2476,7 @@ const Ii = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mi = [
+const zi = [
   [
     "path",
     {
@@ -2483,7 +2498,7 @@ const Mi = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Oi = [
+const Ui = [
   [
     "path",
     {
@@ -2498,7 +2513,7 @@ const Oi = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pt = [
+const It = [
   ["path", { d: "M12 17v5" }],
   [
     "path",
@@ -2513,7 +2528,7 @@ const Pt = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ri = [
+const Di = [
   [
     "path",
     {
@@ -2528,7 +2543,7 @@ const Ri = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Li = [
+const Hi = [
   ["path", { d: "M10 11v6" }],
   ["path", { d: "M14 11v6" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }],
@@ -2541,7 +2556,7 @@ const Li = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ji = [
+const Ni = [
   ["path", { d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5" }],
   ["rect", { x: "2", y: "6", width: "14", height: "12", rx: "2" }]
 ];
@@ -2551,7 +2566,7 @@ const ji = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const be = [
+const ve = [
   ["path", { d: "M18 6 6 18" }],
   ["path", { d: "m6 6 12 12" }]
 ];
@@ -2561,7 +2576,7 @@ const be = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zi = [
+const Bi = [
   [
     "path",
     {
@@ -2569,14 +2584,14 @@ const zi = [
     }
   ]
 ];
-function Ui(n) {
+function Fi(n) {
   return n.map(([e, t]) => {
     const i = Object.entries(t).filter(([, s]) => s != null).map(([s, o]) => `${s}="${o}"`).join(" ");
     return `<${e} ${i}/>`;
   }).join("");
 }
 function C(n, e = 18) {
-  return Zt`<svg
+  return si`<svg
     xmlns="http://www.w3.org/2000/svg"
     width="${e}"
     height="${e}"
@@ -2586,7 +2601,7 @@ function C(n, e = 18) {
     stroke-width="2"
     stroke-linecap="round"
     stroke-linejoin="round"
-  >${Ti(Ui(n))}</svg>`;
+  >${Ii(Fi(n))}</svg>`;
 }
 const ie = M`
   * {
@@ -2631,7 +2646,7 @@ const ie = M`
     --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);
   }
-`, ve = M`
+`, be = M`
   .pw-btn {
     display: inline-flex;
     align-items: center;
@@ -2687,10 +2702,10 @@ const ie = M`
     background: transparent;
   }
 `;
-var Di = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, We = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? Hi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var qi = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, Xe = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Vi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && Di(e, t, s), s;
+  return i && s && qi(e, t, s), s;
 };
 let K = class extends A {
   constructor() {
@@ -2743,7 +2758,7 @@ let K = class extends A {
         <div class="panel-header">
           <span class="panel-title">Activity</span>
           <button class="close-btn" @click=${this.fireClose} title="Close">
-            ${C(be, 16)}
+            ${C(ve, 16)}
           </button>
         </div>
 
@@ -2776,7 +2791,7 @@ let K = class extends A {
 };
 K.styles = [
   ie,
-  ve,
+  be,
   Pe,
   M`
       :host {
@@ -2903,21 +2918,21 @@ K.TYPE_COLORS = {
   comment: "#3b82f6",
   resolve: "#22c55e"
 };
-We([
+Xe([
   x({ attribute: !1 })
 ], K.prototype, "client", 2);
-We([
+Xe([
   $()
 ], K.prototype, "items", 2);
-K = We([
+K = Xe([
   L("pulse-widget-activity-panel")
 ], K);
-const Ni = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", lt = "#6366f1", ct = "#e2e8f0", Bi = "#f8fafc", Fi = "#e2e8f0", dt = "#64748b", we = 28, qi = Array.from({ length: we }, (n, e) => 0.2 + Math.abs(Math.sin(e * 12.9898 + 78.233) * 43758.5453) % 1 * 0.8);
-function ht(n) {
+const Wi = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", dt = "#6366f1", ht = "#e2e8f0", Xi = "#f8fafc", Yi = "#e2e8f0", pt = "#64748b", we = 28, Ki = Array.from({ length: we }, (n, e) => 0.2 + Math.abs(Math.sin(e * 12.9898 + 78.233) * 43758.5453) % 1 * 0.8);
+function ut(n) {
   const e = Math.max(0, Math.floor(n)), t = Math.floor(e / 60), i = e % 60;
   return `${t}:${i.toString().padStart(2, "0")}`;
 }
-class je {
+class ze {
   /**
    * Create and return a fully self-contained inline audio player element.
    *
@@ -2938,12 +2953,12 @@ class je {
       width: "220px",
       height: "44px",
       padding: "0 10px",
-      background: Bi,
+      background: Xi,
       borderRadius: "12px",
-      border: `1px solid ${Fi}`,
-      fontFamily: Ni,
+      border: `1px solid ${Yi}`,
+      fontFamily: Wi,
       fontSize: "11px",
-      color: dt,
+      color: pt,
       userSelect: "none",
       boxSizing: "border-box"
     });
@@ -2954,7 +2969,7 @@ class je {
       minWidth: "28px",
       borderRadius: "50%",
       border: "none",
-      background: lt,
+      background: dt,
       cursor: "pointer",
       display: "flex",
       alignItems: "center",
@@ -3001,12 +3016,12 @@ class je {
     });
     const g = [];
     for (let E = 0; E < we; E++) {
-      const I = document.createElement("div"), z = Math.round(qi[E] * 20);
+      const I = document.createElement("div"), z = Math.round(Ki[E] * 20);
       Object.assign(I.style, {
         flex: "1",
         height: `${Math.max(3, z)}px`,
         borderRadius: "1px",
-        background: ct,
+        background: ht,
         transition: "background 0.1s ease",
         minWidth: "0"
       }), g.push(I), m.appendChild(I);
@@ -3014,19 +3029,19 @@ class je {
     const y = document.createElement("div");
     Object.assign(y.style, {
       fontSize: "10px",
-      color: dt,
+      color: pt,
       whiteSpace: "nowrap",
       lineHeight: "1"
     });
-    function v() {
-      const E = ht(o), I = ht(s);
+    function b() {
+      const E = ut(o), I = ut(s);
       y.textContent = `${E} / ${I}`;
     }
-    v(), p.appendChild(m), p.appendChild(y), a.appendChild(l), a.appendChild(p);
+    b(), p.appendChild(m), p.appendChild(y), a.appendChild(l), a.appendChild(p);
     function w() {
       const E = s > 0 ? o / s : 0, I = Math.floor(E * we);
       for (let z = 0; z < we; z++)
-        g[z].style.background = z <= I ? lt : ct;
+        g[z].style.background = z <= I ? dt : ht;
     }
     return m.addEventListener("click", (E) => {
       if (s <= 0) return;
@@ -3034,7 +3049,7 @@ class je {
         1,
         Math.max(0, (E.clientX - I.left) / I.width)
       );
-      r.currentTime = z * s, o = r.currentTime, w(), v();
+      r.currentTime = z * s, o = r.currentTime, w(), b();
     }), l.addEventListener("click", () => {
       i ? r.pause() : r.play().catch(() => {
       });
@@ -3043,17 +3058,17 @@ class je {
     }), r.addEventListener("pause", () => {
       i = !1, c();
     }), r.addEventListener("ended", () => {
-      i = !1, c(), o = 0, w(), v();
+      i = !1, c(), o = 0, w(), b();
     }), r.addEventListener("timeupdate", () => {
-      o = r.currentTime, w(), v();
+      o = r.currentTime, w(), b();
     }), r.addEventListener("loadedmetadata", () => {
-      r.duration && isFinite(r.duration) && (s = r.duration, v());
+      r.duration && isFinite(r.duration) && (s = r.duration, b());
     }), r.addEventListener("durationchange", () => {
-      r.duration && isFinite(r.duration) && (s = r.duration, v());
+      r.duration && isFinite(r.duration) && (s = r.duration, b());
     }), a;
   }
 }
-class ze {
+class Ue {
   constructor() {
     this.container = null, this.stream = null, this.recorder = null, this.analyser = null, this.audioCtx = null, this.recording = !1, this.animFrame = null, this.startTime = 0, this.maxDuration = 12e4, this.maxTimer = null, this.canvas = null, this.timerEl = null, this.resolve = null, this.animate = () => {
       this.recording && (this.drawWaveform(), this.updateTimer(), this.animFrame = requestAnimationFrame(this.animate));
@@ -3203,21 +3218,21 @@ class ze {
     this.recorder = null, this.container && (this.container.remove(), this.container = null), this.canvas = null, this.timerEl = null;
   }
 }
-const Vi = 180, Wi = 120, Xi = "#e2e8f0", Yi = `
+const Gi = 180, Ji = 120, Zi = "#e2e8f0", Qi = `
 <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
   <circle cx="14" cy="14" r="14" fill="rgba(0,0,0,0.35)"/>
   <polygon points="11,8 22,14 11,20" fill="rgba(255,255,255,0.9)"/>
-</svg>`, pt = `
+</svg>`, ft = `
 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.9)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
   <polygon points="11,5 6,9 2,9 2,15 6,15 11,19"/>
   <line x1="23" y1="9" x2="17" y2="15"/>
   <line x1="17" y1="9" x2="23" y2="15"/>
-</svg>`, Ki = `
+</svg>`, es = `
 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.9)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
   <polygon points="11,5 6,9 2,9 2,15 6,15 11,19"/>
   <path d="M19.07 4.93a10 10 0 0 1 0 14.14"/>
   <path d="M15.54 8.46a5 5 0 0 1 0 7.07"/>
-</svg>`, Gi = `
+</svg>`, ts = `
 <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.9)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
   <polyline points="15,3 21,3 21,9"/><line x1="21" y1="3" x2="14" y2="10"/>
   <polyline points="9,21 3,21 3,15"/><line x1="3" y1="21" x2="10" y2="14"/>
@@ -3233,10 +3248,10 @@ const Vi = 180, Wi = 120, Xi = "#e2e8f0", Yi = `
     Object.assign(o.style, {
       position: "relative",
       display: "inline-block",
-      width: `${Vi}px`,
-      height: `${Wi}px`,
+      width: `${Gi}px`,
+      height: `${Ji}px`,
       borderRadius: "8px",
-      border: `1px solid ${Xi}`,
+      border: `1px solid ${Zi}`,
       boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
       overflow: "hidden",
       cursor: "pointer",
@@ -3266,7 +3281,7 @@ const Vi = 180, Wi = 120, Xi = "#e2e8f0", Yi = `
       transition: "opacity 0.25s ease",
       opacity: "1",
       pointerEvents: "none"
-    }), a.innerHTML = Yi, o.appendChild(a);
+    }), a.innerHTML = Qi, o.appendChild(a);
     const l = document.createElement("div");
     Object.assign(l.style, {
       position: "absolute",
@@ -3281,7 +3296,7 @@ const Vi = 180, Wi = 120, Xi = "#e2e8f0", Yi = `
       justifyContent: "center",
       pointerEvents: "none",
       transition: "opacity 0.2s ease"
-    }), l.innerHTML = pt, o.appendChild(l);
+    }), l.innerHTML = ft, o.appendChild(l);
     const d = document.createElement("div");
     Object.assign(d.style, {
       position: "absolute",
@@ -3297,7 +3312,7 @@ const Vi = 180, Wi = 120, Xi = "#e2e8f0", Yi = `
       cursor: "pointer",
       pointerEvents: "auto",
       transition: "opacity 0.2s ease, background 0.15s ease"
-    }), d.innerHTML = Gi, d.title = "Fullscreen", d.addEventListener("mouseenter", () => {
+    }), d.innerHTML = ts, d.title = "Fullscreen", d.addEventListener("mouseenter", () => {
       d.style.background = "rgba(0,0,0,0.7)";
     }), d.addEventListener("mouseleave", () => {
       d.style.background = "rgba(0,0,0,0.45)";
@@ -3308,7 +3323,7 @@ const Vi = 180, Wi = 120, Xi = "#e2e8f0", Yi = `
       a.style.opacity = i ? "0" : "1";
     }
     function h() {
-      l.style.display = i ? "flex" : "none", l.innerHTML = s ? pt : Ki, d.style.display = i ? "flex" : "none";
+      l.style.display = i ? "flex" : "none", l.innerHTML = s ? ft : es, d.style.display = i ? "flex" : "none";
     }
     return o.addEventListener("click", (p) => {
       p.stopPropagation(), i ? s ? (r.muted = !1, s = !1) : (r.pause(), i = !1, s = !0, r.muted = !0) : (r.muted = !0, s = !0, r.play().catch(() => {
@@ -3387,7 +3402,7 @@ const Vi = 180, Wi = 120, Xi = "#e2e8f0", Yi = `
 };
 S.fullscreenOverlay = null, S.fullscreenKeyHandler = null;
 let Ce = S;
-const ut = 60, Ji = `
+const mt = 60, is = `
   .vr-overlay {
     display: flex;
     flex-direction: column;
@@ -3494,14 +3509,14 @@ const ut = 60, Ji = `
     color: #0f172a;
   }
 `;
-function ft(n) {
+function gt(n) {
   return n.toString().padStart(2, "0");
 }
-function Zi(n) {
+function ss(n) {
   const e = Math.floor(n / 60), t = n % 60;
-  return `${ft(e)}:${ft(t)}`;
+  return `${gt(e)}:${gt(t)}`;
 }
-function Qi() {
+function ns() {
   const n = [
     "video/webm;codecs=vp9,opus",
     "video/webm;codecs=vp8,opus",
@@ -3512,7 +3527,7 @@ function Qi() {
     if (MediaRecorder.isTypeSupported(e)) return e;
   return "";
 }
-function es(n) {
+function os(n) {
   return new Promise((e, t) => {
     const i = URL.createObjectURL(n), s = document.createElement("video");
     s.muted = !0, s.playsInline = !0, s.preload = "auto", s.src = i, s.addEventListener("loadeddata", () => {
@@ -3531,7 +3546,7 @@ function es(n) {
     }), s.load();
   });
 }
-class Ue {
+class De {
   constructor() {
     this.recording = !1, this.container = null, this.stream = null, this.mediaRecorder = null, this.chunks = [], this.timerInterval = null, this.elapsed = 0, this.resolvePromise = null, this.root = null, this.styleEl = null, this.videoEl = null, this.timerEl = null;
   }
@@ -3548,7 +3563,7 @@ class Ue {
     }
     this.stream = t, this.container = e, this.recording = !0, this.elapsed = 0, this.chunks = [], this.buildUI(e), this.videoEl && (this.videoEl.srcObject = t, this.videoEl.play().catch(() => {
     }));
-    const i = Qi(), s = {};
+    const i = ns(), s = {};
     i && (s.mimeType = i);
     const o = new MediaRecorder(t, s);
     return this.mediaRecorder = o, o.ondataavailable = (r) => {
@@ -3556,7 +3571,7 @@ class Ue {
     }, o.onstop = () => {
       this.handleRecordingComplete();
     }, o.start(), this.timerInterval = setInterval(() => {
-      this.elapsed++, this.updateTimer(), this.elapsed >= ut && this.stopRecording();
+      this.elapsed++, this.updateTimer(), this.elapsed >= mt && this.stopRecording();
     }, 1e3), new Promise((r) => {
       this.resolvePromise = r;
     });
@@ -3573,7 +3588,7 @@ class Ue {
   }
   // ── Private ──
   buildUI(e) {
-    this.styleEl = document.createElement("style"), this.styleEl.textContent = Ji, document.head.appendChild(this.styleEl), this.root = document.createElement("div"), this.root.className = "vr-overlay";
+    this.styleEl = document.createElement("style"), this.styleEl.textContent = is, document.head.appendChild(this.styleEl), this.root = document.createElement("div"), this.root.className = "vr-overlay";
     const t = document.createElement("div");
     t.className = "vr-circle-wrapper";
     const i = document.createElement("div");
@@ -3589,15 +3604,15 @@ class Ue {
   }
   updateTimer() {
     if (!this.timerEl) return;
-    const e = ut - this.elapsed;
-    this.timerEl.textContent = Zi(this.elapsed), e <= 10 ? this.timerEl.classList.add("vr-countdown") : this.timerEl.classList.remove("vr-countdown");
+    const e = mt - this.elapsed;
+    this.timerEl.textContent = ss(this.elapsed), e <= 10 ? this.timerEl.classList.add("vr-countdown") : this.timerEl.classList.remove("vr-countdown");
   }
   async handleRecordingComplete() {
     var s, o;
     const e = ((s = this.mediaRecorder) == null ? void 0 : s.mimeType) || "video/webm", t = new Blob(this.chunks, { type: e });
     let i;
     try {
-      i = await es(t);
+      i = await os(t);
     } catch {
       const r = document.createElement("canvas");
       r.width = 1, r.height = 1, i = await new Promise((a) => {
@@ -3620,7 +3635,7 @@ class Ue {
     this.videoEl && (this.videoEl.srcObject = null, this.videoEl = null), this.root && this.root.parentElement && this.root.parentElement.removeChild(this.root), this.root = null, this.styleEl && this.styleEl.parentElement && this.styleEl.parentElement.removeChild(this.styleEl), this.styleEl = null, this.chunks = [], this.elapsed = 0;
   }
 }
-const mt = {
+const vt = {
   position: "absolute",
   top: "50%",
   transform: "translateY(-50%)",
@@ -3701,7 +3716,7 @@ const mt = {
       transition: "opacity 150ms ease"
     }), a.addEventListener("click", (d) => d.stopPropagation()), o.appendChild(a), f.imgEl = a, s) {
       const d = document.createElement("button");
-      d.innerHTML = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15,18 9,12 15,6"/></svg>', Object.assign(d.style, { ...mt, left: "16px" }), d.addEventListener("mouseenter", () => {
+      d.innerHTML = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15,18 9,12 15,6"/></svg>', Object.assign(d.style, { ...vt, left: "16px" }), d.addEventListener("mouseenter", () => {
         d.style.background = "rgba(255,255,255,0.3)";
       }), d.addEventListener("mouseleave", () => {
         d.style.background = "rgba(255,255,255,0.15)";
@@ -3709,7 +3724,7 @@ const mt = {
         p.stopPropagation(), f.navigate(-1);
       }), o.appendChild(d), f.prevBtn = d;
       const c = document.createElement("button");
-      c.innerHTML = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9,18 15,12 9,6"/></svg>', Object.assign(c.style, { ...mt, right: "16px" }), c.addEventListener("mouseenter", () => {
+      c.innerHTML = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9,18 15,12 9,6"/></svg>', Object.assign(c.style, { ...vt, right: "16px" }), c.addEventListener("mouseenter", () => {
         c.style.background = "rgba(255,255,255,0.3)";
       }), c.addEventListener("mouseleave", () => {
         c.style.background = "rgba(255,255,255,0.15)";
@@ -3849,7 +3864,7 @@ class re {
     this.input.remove();
   }
 }
-const ts = ["👍", "👎", "❤️", "🎉", "👀", "🚀"], xe = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", is = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>', ss = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/></svg>', gt = `<button class="pulse-close-btn" style="
+const rs = ["👍", "👎", "❤️", "🎉", "👀", "🚀"], xe = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", as = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>', ls = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/></svg>', bt = `<button class="pulse-close-btn" style="
   border:none;background:none;cursor:pointer;color:#94a3b8;padding:4px;
   border-radius:6px;display:flex;align-items:center;justify-content:center;
   transition:all 0.15s;flex-shrink:0;
@@ -3857,7 +3872,7 @@ const ts = ["👍", "👎", "❤️", "🎉", "👀", "🚀"], xe = "-apple-syst
    onmouseout="this.style.background='none';this.style.color='#94a3b8'">
   <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
 </button>`;
-class ns {
+class cs {
   constructor(e, t = {}) {
     this.container = null, this.overlay = null, this.form = null, this.popover = null, this.threads = [], this.pinEls = /* @__PURE__ */ new Map(), this._pinModeActive = !1, this.editingPopoverCommentId = null, this.popoverPickerOpen = null, this.lastTypingSendPins = /* @__PURE__ */ new Map(), this.repositionDebounce = null, this.mutationObserver = null, this.upload = null, this.audioRecorder = null, this.videoRecorder = null, this.pendingAttachmentIds = [], this.handleReposition = () => {
       this.repositionDebounce || (this.repositionDebounce = setTimeout(() => {
@@ -3997,7 +4012,7 @@ class ns {
     }), this.form.innerHTML = `
       <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;">
         <span style="font-size:13px;font-weight:600;color:#0f172a;">Add a comment here</span>
-        ${gt}
+        ${bt}
       </div>
       <textarea
         placeholder="Write a comment..."
@@ -4032,8 +4047,8 @@ class ns {
     const l = this.form.querySelector("textarea"), d = this.form.querySelector(".pulse-close-btn"), c = this.form.querySelector(".pin-submit");
     d.addEventListener("click", () => this.exitPinMode()), this.pendingAttachmentIds = [], this.upload || (this.upload = new re(this.client));
     const h = this.form.querySelector(".pin-attachments-preview"), p = (g, y) => {
-      const v = document.createElement("div");
-      Object.assign(v.style, { position: "relative", display: "inline-block" }), v.appendChild(y);
+      const b = document.createElement("div");
+      Object.assign(b.style, { position: "relative", display: "inline-block" }), b.appendChild(y);
       const w = document.createElement("button");
       w.innerHTML = "×", Object.assign(w.style, {
         position: "absolute",
@@ -4055,46 +4070,46 @@ class ns {
         fontWeight: "700"
       }), w.addEventListener("click", () => {
         const E = this.pendingAttachmentIds.indexOf(g);
-        E !== -1 && this.pendingAttachmentIds.splice(E, 1), v.remove();
-      }), v.appendChild(w), h.appendChild(v);
+        E !== -1 && this.pendingAttachmentIds.splice(E, 1), b.remove();
+      }), b.appendChild(w), h.appendChild(b);
     }, m = 5;
     this.form.querySelector(".attach-img").addEventListener("click", async () => {
       const g = m - this.pendingAttachmentIds.length;
       if (g <= 0) return;
       const y = await this.upload.pickFiles("image/*", g);
-      for (const v of y) {
-        this.pendingAttachmentIds.push(v.id);
+      for (const b of y) {
+        this.pendingAttachmentIds.push(b.id);
         const w = document.createElement("img");
-        w.src = v.thumbnailUrl || v.url, Object.assign(w.style, { width: "48px", height: "48px", borderRadius: "6px", objectFit: "cover", border: "1px solid #e2e8f0", display: "block" }), p(v.id, w);
+        w.src = b.thumbnailUrl || b.url, Object.assign(w.style, { width: "48px", height: "48px", borderRadius: "6px", objectFit: "cover", border: "1px solid #e2e8f0", display: "block" }), p(b.id, w);
       }
     }), this.form.querySelector(".attach-mic").addEventListener("click", async () => {
       if (this.pendingAttachmentIds.length >= m) return;
-      this.audioRecorder || (this.audioRecorder = new ze());
+      this.audioRecorder || (this.audioRecorder = new Ue());
       const g = await this.audioRecorder.startRecording(h);
       if (g) {
         const y = await this.upload.uploadBlob(g, "audio.webm");
         if (y) {
           this.pendingAttachmentIds.push(y.id);
-          const v = document.createElement("span");
-          Object.assign(v.style, { display: "flex", alignItems: "center", padding: "4px 10px", borderRadius: "6px", background: "#f1f5f9", fontSize: "11px", color: "#64748b", height: "48px", boxSizing: "border-box" }), v.textContent = "🎤 Audio", p(y.id, v);
+          const b = document.createElement("span");
+          Object.assign(b.style, { display: "flex", alignItems: "center", padding: "4px 10px", borderRadius: "6px", background: "#f1f5f9", fontSize: "11px", color: "#64748b", height: "48px", boxSizing: "border-box" }), b.textContent = "🎤 Audio", p(y.id, b);
         }
       }
     }), this.form.querySelector(".attach-video").addEventListener("click", async () => {
       if (this.pendingAttachmentIds.length >= m) return;
-      this.videoRecorder || (this.videoRecorder = new Ue());
+      this.videoRecorder || (this.videoRecorder = new De());
       const g = await this.videoRecorder.startRecording(h);
       if (g) {
         const y = await this.upload.uploadBlob(g.blob, "video.webm");
         if (y) {
           this.pendingAttachmentIds.push(y.id);
-          const v = document.createElement("span");
-          Object.assign(v.style, { display: "flex", alignItems: "center", padding: "4px 10px", borderRadius: "6px", background: "#f1f5f9", fontSize: "11px", color: "#64748b", height: "48px", boxSizing: "border-box" }), v.textContent = "🎥 Video", p(y.id, v);
+          const b = document.createElement("span");
+          Object.assign(b.style, { display: "flex", alignItems: "center", padding: "4px 10px", borderRadius: "6px", background: "#f1f5f9", fontSize: "11px", color: "#64748b", height: "48px", boxSizing: "border-box" }), b.textContent = "🎥 Video", p(y.id, b);
         }
       }
     }), c.addEventListener("click", () => {
       const g = l.value.trim();
       if (!g && this.pendingAttachmentIds.length === 0) return;
-      const y = [...(g || "").matchAll(/@(\w+)/g)].map((v) => v[1]);
+      const y = [...(g || "").matchAll(/@(\w+)/g)].map((b) => b[1]);
       this.client.createThread(g, { position: i, mentions: y, attachmentIds: this.pendingAttachmentIds.length > 0 ? [...this.pendingAttachmentIds] : void 0 }), this.pendingAttachmentIds = [], this.exitPinMode();
     }), l.addEventListener("keydown", (g) => {
       g.key === "Escape" && this.exitPinMode(), g.stopPropagation();
@@ -4133,7 +4148,7 @@ class ns {
       flexShrink: "0"
     }), l.innerHTML = `
       <span style="font-size:13px;font-weight:700;color:#0f172a;">Thread</span>
-      ${gt}
+      ${bt}
     `, l.querySelector(".pulse-close-btn").addEventListener("click", () => {
       this.closePopover();
     }), this.popover.appendChild(l), this.refreshPopoverComments(e), this.addPopoverReplyForm(e), document.body.appendChild(this.popover);
@@ -4161,7 +4176,7 @@ class ns {
     }
     const i = (d = this.client.state.user) == null ? void 0 : d.id;
     t.innerHTML = e.comments.map((c) => {
-      const h = this.client.state.getUser(c.userId), p = h ? h.name.split(" ").map((O) => O[0]).join("").toUpperCase().slice(0, 2) : "?", m = (h == null ? void 0 : h.color) ?? "#94a3b8", g = this.escapeHtml((h == null ? void 0 : h.name) ?? "Unknown"), y = this.formatTime(c.createdAt), v = i === c.userId, w = c.editedAt ? '<span style="font-size:10px;color:#94a3b8;font-style:italic;">(edited)</span>' : "";
+      const h = this.client.state.getUser(c.userId), p = h ? h.name.split(" ").map((O) => O[0]).join("").toUpperCase().slice(0, 2) : "?", m = (h == null ? void 0 : h.color) ?? "#94a3b8", g = this.escapeHtml((h == null ? void 0 : h.name) ?? "Unknown"), y = this.formatTime(c.createdAt), b = i === c.userId, w = c.editedAt ? '<span style="font-size:10px;color:#94a3b8;font-style:italic;">(edited)</span>' : "";
       if (this.editingPopoverCommentId === c.id)
         return `
             <div style="margin-bottom:10px;" data-comment-id="${c.id}">
@@ -4183,20 +4198,20 @@ class ns {
         '<span style="color:#6366f1;font-weight:600;background:#eef2ff;padding:0 3px;border-radius:3px;">@$1</span>'
       ) : "", I = (c.attachments ?? []).map((O) => {
         if (O.type === "image") {
-          const Mt = O.thumbnailUrl || O.url;
+          const Rt = O.thumbnailUrl || O.url;
           return `<div class="popover-attachment-img" data-full-url="${this.escapeHtml(O.url)}" style="margin:4px 0 4px 29px;cursor:pointer;">
-              <img src="${this.escapeHtml(Mt)}" alt="${this.escapeHtml(O.filename)}" style="max-width:180px;max-height:120px;border-radius:8px;border:1px solid #e2e8f0;display:block;" />
+              <img src="${this.escapeHtml(Rt)}" alt="${this.escapeHtml(O.filename)}" style="max-width:180px;max-height:120px;border-radius:8px;border:1px solid #e2e8f0;display:block;" />
             </div>`;
         }
         return O.type === "audio" ? `<div class="popover-attachment-audio" data-url="${this.escapeHtml(O.url)}" data-duration="${O.durationMs ?? ""}" style="margin:4px 0 4px 29px;"></div>` : O.type === "video" ? `<div class="popover-attachment-video" data-url="${this.escapeHtml(O.url)}" data-poster="${this.escapeHtml(O.thumbnailUrl ?? "")}" style="margin:4px 0 4px 29px;"></div>` : "";
-      }).join(""), z = v ? `<div class="popover-comment-actions" style="display:flex;gap:2px;margin-top:2px;margin-left:29px;">
+      }).join(""), z = b ? `<div class="popover-comment-actions" style="display:flex;gap:2px;margin-top:2px;margin-left:29px;">
               <button class="edit-btn" data-comment-id="${c.id}" style="border:none;background:none;cursor:pointer;color:#94a3b8;padding:3px;border-radius:4px;display:flex;align-items:center;transition:all 0.15s;" title="Edit"
                 onmouseover="this.style.color='#6366f1';this.style.background='#eef2ff'"
-                onmouseout="this.style.color='#94a3b8';this.style.background='none'">${is}</button>
+                onmouseout="this.style.color='#94a3b8';this.style.background='none'">${as}</button>
               <button class="delete-btn" data-comment-id="${c.id}" style="border:none;background:none;cursor:pointer;color:#94a3b8;padding:3px;border-radius:4px;display:flex;align-items:center;transition:all 0.15s;" title="Delete"
                 onmouseover="this.style.color='#ef4444';this.style.background='#fef2f2'"
-                onmouseout="this.style.color='#94a3b8';this.style.background='none'">${ss}</button>
-            </div>` : "", It = this.buildReactionPillsHtml(c.id);
+                onmouseout="this.style.color='#94a3b8';this.style.background='none'">${ls}</button>
+            </div>` : "", Ot = this.buildReactionPillsHtml(c.id);
       return `
           <div class="popover-comment" style="margin-bottom:10px;" data-comment-id="${c.id}">
             <div style="display:flex;align-items:center;gap:7px;margin-bottom:2px;">
@@ -4208,7 +4223,7 @@ class ns {
             ${E ? `<div style="font-size:13px;color:#334155;line-height:1.45;margin-left:29px;word-wrap:break-word;">${E}</div>` : ""}
             ${I}
             ${z}
-            ${It}
+            ${Ot}
           </div>
         `;
     }).join(""), t.querySelectorAll(".edit-btn").forEach((c) => {
@@ -4256,7 +4271,7 @@ class ns {
     }), t.querySelectorAll(".popover-attachment-audio").forEach((c) => {
       const h = c.dataset.url;
       if (h) {
-        const p = c.dataset.duration ? parseInt(c.dataset.duration) : void 0, m = je.render(h, p);
+        const p = c.dataset.duration ? parseInt(c.dataset.duration) : void 0, m = ze.render(h, p);
         c.appendChild(m);
       }
     }), t.querySelectorAll(".popover-attachment-video").forEach((c) => {
@@ -4319,8 +4334,8 @@ class ns {
         padding: "0",
         fontWeight: "700"
       }), y.addEventListener("click", () => {
-        const v = l.indexOf(p);
-        v !== -1 && l.splice(v, 1), g.remove();
+        const b = l.indexOf(p);
+        b !== -1 && l.splice(b, 1), g.remove();
       }), g.appendChild(y), a.appendChild(g);
     }, c = 5;
     t.querySelector(".reply-attach-img").addEventListener("click", async () => {
@@ -4331,7 +4346,7 @@ class ns {
         l.push(g.id), d(g.id, "📎 Image");
     }), t.querySelector(".reply-attach-mic").addEventListener("click", async () => {
       if (l.length >= c) return;
-      this.audioRecorder || (this.audioRecorder = new ze());
+      this.audioRecorder || (this.audioRecorder = new Ue());
       const p = await this.audioRecorder.startRecording(t);
       if (p) {
         const m = await this.upload.uploadBlob(p, "audio.webm");
@@ -4339,7 +4354,7 @@ class ns {
       }
     }), t.querySelector(".reply-attach-video").addEventListener("click", async () => {
       if (l.length >= c) return;
-      this.videoRecorder || (this.videoRecorder = new Ue());
+      this.videoRecorder || (this.videoRecorder = new De());
       const p = await this.videoRecorder.startRecording(t);
       if (p) {
         const m = await this.upload.uploadBlob(p.blob, "video.webm");
@@ -4381,7 +4396,7 @@ class ns {
       zIndex: "10002",
       fontFamily: xe
     });
-    for (const s of ts) {
+    for (const s of rs) {
       const o = document.createElement("button");
       Object.assign(o.style, {
         border: "none",
@@ -4516,12 +4531,12 @@ class ns {
     });
   }
 }
-var os = Object.defineProperty, rs = Object.getOwnPropertyDescriptor, U = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? rs(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var ds = Object.defineProperty, hs = Object.getOwnPropertyDescriptor, U = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? hs(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && os(e, t, s), s;
+  return i && s && ds(e, t, s), s;
 };
-const as = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
+const ps = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
 let P = class extends A {
   constructor() {
     super(...arguments), this.highlightThreadId = null, this.threadsVersion = 0, 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(), this.replyAttachmentIds = [];
@@ -4546,7 +4561,7 @@ let P = class extends A {
       const s = i.dataset.url;
       if (s) {
         const o = i.dataset.duration ? parseInt(i.dataset.duration) : void 0;
-        i.appendChild(je.render(s, o));
+        i.appendChild(ze.render(s, o));
       }
     }), (t = this.shadowRoot) == null || t.querySelectorAll(".video-player-host").forEach((i) => {
       if (i.children.length > 0) return;
@@ -4645,7 +4660,7 @@ let P = class extends A {
   async handleRecordAudio(n) {
     var i;
     if (this.replyAttachmentIds.length >= P.MAX_ATTACHMENTS) return;
-    this.upload || (this.upload = new re(this.client)), this.audioRecorder || (this.audioRecorder = new ze());
+    this.upload || (this.upload = new re(this.client)), this.audioRecorder || (this.audioRecorder = new Ue());
     const e = (i = this.shadowRoot) == null ? void 0 : i.querySelector(`[data-thread-id="${n}"]`), t = await this.audioRecorder.startRecording(e ?? document.body);
     if (t) {
       const s = await this.upload.uploadBlob(t, "audio.webm");
@@ -4655,7 +4670,7 @@ let P = class extends A {
   async handleRecordVideo(n) {
     var i;
     if (this.replyAttachmentIds.length >= P.MAX_ATTACHMENTS) return;
-    this.upload || (this.upload = new re(this.client)), this.videoRecorder || (this.videoRecorder = new Ue());
+    this.upload || (this.upload = new re(this.client)), this.videoRecorder || (this.videoRecorder = new De());
     const e = (i = this.shadowRoot) == null ? void 0 : i.querySelector(`[data-thread-id="${n}"]`), t = await this.videoRecorder.startRecording(e ?? document.body);
     if (t) {
       const s = await this.upload.uploadBlob(t.blob, "video.webm");
@@ -4739,7 +4754,7 @@ let P = class extends A {
           +
           ${this.pickerOpenForComment === n.id ? u`
                 <div class="emoji-picker">
-                  ${as.map(
+                  ${ps.map(
       (o) => u`
                       <button @click=${(r) => {
         r.stopPropagation(), this.toggleReaction(n.id, o);
@@ -4747,14 +4762,14 @@ let P = class extends A {
                     `
     )}
                 </div>
-              ` : b}
+              ` : v}
         </button>
       </div>
     `;
   }
   renderTypingIndicator(n) {
     const e = this.typingByThread.get(n) ?? [];
-    if (e.length === 0) return b;
+    if (e.length === 0) return v;
     const t = e.length === 1 ? `${e[0]} is typing...` : `${e.join(", ")} are typing...`;
     return u`<div class="typing-indicator">${t}</div>`;
   }
@@ -4775,7 +4790,7 @@ let P = class extends A {
             <span class="thread-count">${this.threads.length}</span>
           </span>
           <button class="close-btn" @click=${this.fireClose} title="Close">
-            ${C(be, 16)}
+            ${C(ve, 16)}
           </button>
         </div>
 
@@ -4793,7 +4808,7 @@ let P = class extends A {
     `;
   }
   renderAttachments(n) {
-    if (!n || n.length === 0) return b;
+    if (!n || n.length === 0) return v;
     const e = n.filter((t) => t.type === "image").map((t) => t.url);
     return u`
       ${n.map((t) => {
@@ -4818,12 +4833,12 @@ let P = class extends A {
             <div class="comment-attachment-media" id="video-${t.id}">
               ${this.renderVideoPlayer(t)}
             </div>
-          ` : b;
+          ` : v;
     })}
     `;
   }
   renderAudioPlayer(n) {
-    const e = document.createElement("div"), t = je.render(n.url, n.durationMs);
+    const e = document.createElement("div"), t = ze.render(n.url, n.durationMs);
     return e.appendChild(t), u`<div class="audio-player-host" data-url=${n.url} data-duration=${n.durationMs ?? ""}></div>`;
   }
   renderVideoPlayer(n) {
@@ -4837,13 +4852,13 @@ let P = class extends A {
         data-thread-id=${n.id}
       >
         ${n.position ? u`<div class="pin-badge">
-              ${C(Pt, 12)}
+              ${C(It, 12)}
               Pinned
-            </div>` : b}
+            </div>` : v}
         ${n.comments.map((t, i) => {
       const s = this.getUserForComment(t.userId), o = this.isOwnComment(t), r = this.editingCommentId === t.id;
       return u`
-            ${i > 0 ? u`<div class="comment-divider"></div>` : b}
+            ${i > 0 ? u`<div class="comment-divider"></div>` : v}
             <div class="comment">
               <div class="comment-header">
                 <div
@@ -4854,16 +4869,16 @@ let P = class extends A {
                 </div>
                 <span class="comment-author">${(s == null ? void 0 : s.name) ?? "Unknown"}</span>
                 <span class="comment-time">${this.formatTime(t.createdAt)}</span>
-                ${t.editedAt ? u`<span class="edited-badge">(edited)</span>` : b}
+                ${t.editedAt ? u`<span class="edited-badge">(edited)</span>` : v}
               </div>
               ${r ? this.renderEditForm(t) : u`
-                    ${t.body && t.body !== "(attachment)" ? u`<div class="comment-body">${this.parseMentions(t.body)}</div>` : b}
+                    ${t.body && t.body !== "(attachment)" ? u`<div class="comment-body">${this.parseMentions(t.body)}</div>` : v}
                     ${this.renderAttachments(t.attachments ?? [])}
                   `}
               ${o && !r ? u`<div class="comment-actions">
-                    <button @click=${() => this.startEdit(t)} title="Edit">${C(Oi, 14)}</button>
-                    <button class="danger" @click=${() => this.deleteComment(t.id)} title="Delete">${C(Li, 14)}</button>
-                  </div>` : b}
+                    <button @click=${() => this.startEdit(t)} title="Edit">${C(Ui, 14)}</button>
+                    <button class="danger" @click=${() => this.deleteComment(t.id)} title="Delete">${C(Hi, 14)}</button>
+                  </div>` : v}
               ${this.renderReactions(t)}
             </div>
           `;
@@ -4903,19 +4918,19 @@ let P = class extends A {
                     class="reply-media-btn"
                     title="Attach image"
                     @click=${() => this.handleAttachImage()}
-                  >${C(Ii, 16)}</button>
+                  >${C(ji, 16)}</button>
                   <button
                     type="button"
                     class="reply-media-btn"
                     title="Record audio"
                     @click=${() => this.handleRecordAudio(n.id)}
-                  >${C(_i, 16)}</button>
+                  >${C(Li, 16)}</button>
                   <button
                     type="button"
                     class="reply-media-btn"
                     title="Record video"
                     @click=${() => this.handleRecordVideo(n.id)}
-                  >${C(ji, 16)}</button>
+                  >${C(Ni, 16)}</button>
                   <div class="reply-preview">
                     ${this.replyAttachmentIds.map(
       (t, i) => u`<span class="reply-preview-badge">
@@ -4930,14 +4945,14 @@ let P = class extends A {
                   </div>
                 </div>
               </form>
-            ` : b}
+            ` : v}
       </div>
     `;
   }
 };
 P.styles = [
   ie,
-  ve,
+  be,
   Pe,
   M`
       :host {
@@ -5510,18 +5525,18 @@ U([
 P = U([
   L("pulse-widget-comments-panel")
 ], P);
-var ls = Object.defineProperty, cs = Object.getOwnPropertyDescriptor, Xe = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? cs(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var us = Object.defineProperty, fs = Object.getOwnPropertyDescriptor, Ye = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? fs(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && ls(e, t, s), s;
+  return i && s && us(e, t, s), s;
 };
-const ds = {
+const ms = {
   "comment:created": "left a comment",
   "comment:mention": "mentioned you",
   "comment:reply": "replied to your comment",
   "thread:resolved": "resolved a thread",
   "reaction:added": "reacted to your comment"
-}, hs = {
+}, gs = {
   "comment:created": "💬",
   "comment:mention": "📣",
   "comment:reply": "↩️",
@@ -5577,14 +5592,14 @@ let pe = class extends A {
         <div class="panel-header">
           <span class="panel-title">
             Notifications
-            ${n > 0 ? u`<span class="unread-badge">${n}</span>` : b}
+            ${n > 0 ? u`<span class="unread-badge">${n}</span>` : v}
           </span>
           <div style="display:flex;align-items:center;gap:4px;">
             ${n > 0 ? u`<button class="mark-all" @click=${() => this.client.markAllRead()}>
                   Mark all read
-                </button>` : b}
+                </button>` : v}
             <button class="close-btn" @click=${this.fireClose} title="Close">
-              ${C(be, 16)}
+              ${C(ve, 16)}
             </button>
           </div>
         </div>
@@ -5599,11 +5614,11 @@ let pe = class extends A {
                     class="item ${e.read ? "" : "unread"}"
                     @click=${() => this.handleClick(e)}
                   >
-                    <span class="icon">${hs[e.type] ?? "🔔"}</span>
+                    <span class="icon">${gs[e.type] ?? "🔔"}</span>
                     <div class="content">
                       <div class="text">
                         <span class="actor">${this.getActorName(e.actorId)}</span>
-                        ${ds[e.type] ?? e.type}
+                        ${ms[e.type] ?? e.type}
                       </div>
                       <div class="time">${this.formatTime(e.createdAt)}</div>
                     </div>
@@ -5618,7 +5633,7 @@ let pe = class extends A {
 };
 pe.styles = [
   ie,
-  ve,
+  be,
   Pe,
   M`
       :host {
@@ -5813,17 +5828,17 @@ pe.styles = [
       }
     `
 ];
-Xe([
+Ye([
   x({ attribute: !1 })
 ], pe.prototype, "client", 2);
-Xe([
+Ye([
   $()
 ], pe.prototype, "notifications", 2);
-pe = Xe([
+pe = Ye([
   L("pulse-widget-notifications-panel")
 ], pe);
-const ps = 3e3;
-class us {
+const vs = 3e3;
+class bs {
   constructor(e) {
     this.container = null, this.cursors = /* @__PURE__ */ new Map(), this.cursorEls = /* @__PURE__ */ new Map(), this.cursorLastSeen = /* @__PURE__ */ new Map(), this.unsubs = [], this.enabled = !1, this.sending = !1, this.staleTimer = null, this.handleLocalCursor = (t) => {
       t.pointerType !== "touch" && this.client.moveCursor({
@@ -5875,7 +5890,7 @@ class us {
     ), this.setSending(!0), this.staleTimer = setInterval(() => {
       const e = Date.now();
       for (const [t, i] of this.cursorLastSeen)
-        if (e - i > ps) {
+        if (e - i > vs) {
           this.cursors.delete(t);
           const s = this.cursorEls.get(t);
           s && s.remove(), this.cursorEls.delete(t), this.cursorLastSeen.delete(t);
@@ -5971,7 +5986,7 @@ class us {
     i.style.transform = `translate(${t.position.x}px, ${t.position.y}px)`;
   }
 }
-class fs {
+class xs {
   constructor(e) {
     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 a, l, d;
@@ -6054,9 +6069,9 @@ class fs {
     this.fadeTimers.set(e, t);
   }
 }
-function ms(n) {
+function ys(n) {
   if (!n.rangeCount || n.isCollapsed) return null;
-  const e = n.getRangeAt(0), t = e.startContainer, i = e.endContainer, s = bt(t), o = bt(i);
+  const e = n.getRangeAt(0), t = e.startContainer, i = e.endContainer, s = xt(t), o = xt(i);
   return !s || !o ? null : {
     startSelector: s,
     startOffset: e.startOffset,
@@ -6064,10 +6079,10 @@ function ms(n) {
     endOffset: e.endOffset
   };
 }
-function gs(n) {
+function ws(n) {
   var e, t;
   try {
-    const i = xt(n.startSelector), s = xt(n.endSelector);
+    const i = wt(n.startSelector), s = wt(n.endSelector);
     if (!i || !s) return null;
     const o = document.createRange(), r = i.nodeType === Node.TEXT_NODE ? ((e = i.textContent) == null ? void 0 : e.length) ?? 0 : i.childNodes.length, a = s.nodeType === Node.TEXT_NODE ? ((t = s.textContent) == null ? void 0 : t.length) ?? 0 : s.childNodes.length;
     return o.setStart(i, Math.min(n.startOffset, r)), o.setEnd(s, Math.min(n.endOffset, a)), o;
@@ -6075,18 +6090,18 @@ function gs(n) {
     return null;
   }
 }
-function bt(n) {
+function xt(n) {
   if (n.nodeType === Node.TEXT_NODE) {
     const e = n.parentElement;
     if (!e) return null;
-    const t = vt(e);
+    const t = yt(e);
     if (!t) return null;
     const i = Array.from(e.childNodes).indexOf(n);
     return `${t}::text(${i})`;
   }
-  return n.nodeType === Node.ELEMENT_NODE ? vt(n) : null;
+  return n.nodeType === Node.ELEMENT_NODE ? yt(n) : null;
 }
-function vt(n) {
+function yt(n) {
   if (!n || n === document.documentElement) return "html";
   if (n === document.body) return "body";
   if (n.id) return `#${CSS.escape(n.id)}`;
@@ -6112,7 +6127,7 @@ function vt(n) {
   }
   return e.length > 0 ? e.join(" > ") : null;
 }
-function xt(n) {
+function wt(n) {
   const e = n.match(/^(.+)::text\((\d+)\)$/);
   if (e) {
     const t = e[1], i = parseInt(e[2], 10);
@@ -6129,7 +6144,7 @@ function xt(n) {
     return null;
   }
 }
-class bs {
+class $s {
   constructor(e) {
     this.container = null, this.unsubs = [], this.enabled = !1, this.selectionEls = /* @__PURE__ */ new Map(), this.clearTimers = /* @__PURE__ */ new Map(), this.client = e;
   }
@@ -6173,7 +6188,7 @@ class bs {
     if (!this.container) return;
     const i = (a = this.client.state.user) == null ? void 0 : a.id;
     if (e === i || (this.clearSelection(e), !t)) return;
-    const s = gs(t);
+    const s = ws(t);
     if (!s) return;
     const o = this.client.state.presence.find(
       (l) => l.user.id === e
@@ -6212,10 +6227,10 @@ class bs {
     }
   }
 }
-var vs = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, Ye = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? xs(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var ks = Object.defineProperty, Es = Object.getOwnPropertyDescriptor, Ke = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Es(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && vs(e, t, s), s;
+  return i && s && ks(e, t, s), s;
 };
 let ue = class extends A {
   constructor() {
@@ -6258,7 +6273,7 @@ let ue = class extends A {
         <div class="panel-header">
           <span class="panel-title">Settings</span>
           <button class="close-btn" @click=${this.fireClose} title="Close">
-            ${C(be, 16)}
+            ${C(ve, 16)}
           </button>
         </div>
 
@@ -6305,7 +6320,7 @@ let ue = class extends A {
 };
 ue.styles = [
   ie,
-  ve,
+  be,
   Pe,
   M`
       :host {
@@ -6478,13 +6493,13 @@ ue.styles = [
       }
     `
 ];
-Ye([
+Ke([
   x({ attribute: !1 })
 ], ue.prototype, "settings", 2);
-Ye([
+Ke([
   x()
 ], ue.prototype, "roomId", 2);
-ue = Ye([
+ue = Ke([
   L("pulse-widget-settings-panel")
 ], ue);
 const $e = {
@@ -6498,22 +6513,22 @@ const $e = {
   showViewportIndicators: !0,
   showSelections: !0,
   showDrawings: !0
-}, _t = "pulse:settings:";
-function ys(n) {
+}, Mt = "pulse:settings:";
+function Cs(n) {
   try {
-    const e = localStorage.getItem(`${_t}${n}`);
+    const e = localStorage.getItem(`${Mt}${n}`);
     return e ? { ...$e, ...JSON.parse(e) } : { ...$e };
   } catch {
     return { ...$e };
   }
 }
-function ws(n, e) {
-  localStorage.setItem(`${_t}${n}`, JSON.stringify(e));
+function Ts(n, e) {
+  localStorage.setItem(`${Mt}${n}`, JSON.stringify(e));
 }
-var $s = Object.defineProperty, ks = Object.getOwnPropertyDescriptor, j = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? ks(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var Ss = Object.defineProperty, As = Object.getOwnPropertyDescriptor, j = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? As(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && $s(e, t, s), s;
+  return i && s && Ss(e, t, s), s;
 };
 let R = class extends A {
   constructor() {
@@ -6570,7 +6585,7 @@ let R = class extends A {
     if (this.collapsed)
       return u`
         <div class="toolbar collapsed ${n ? "inline" : ""}" @click=${this.fireToggle}>
-          <span class="fab-icon">${C(zi, n ? 18 : 24)}</span>
+          <span class="fab-icon">${C(Bi, n ? 18 : 24)}</span>
         </div>
       `;
     const e = this.users.slice(0, 3), t = this.users.length - 3;
@@ -6579,7 +6594,7 @@ let R = class extends A {
         <!-- Presence avatars -->
         ${this.users.length > 0 ? u`
               <div class="presence">
-                ${t > 0 ? u`<div class="presence-overflow">+${t}</div>` : b}
+                ${t > 0 ? u`<div class="presence-overflow">+${t}</div>` : v}
                 ${e.map(
       (i) => u`
                     <div
@@ -6590,13 +6605,13 @@ let R = class extends A {
                     >
                       ${i.user.avatar ? u`<img src="${i.user.avatar}" alt="${i.user.name}" />` : this.getInitials(i.user.name)}
                       <span class="presence-tooltip">${i.user.name}</span>
-                      ${i.deviceType && i.deviceType !== "desktop" ? u`<span class="device-icon">${i.deviceType === "mobile" ? "📱" : "📲"}</span>` : b}
+                      ${i.deviceType && i.deviceType !== "desktop" ? u`<span class="device-icon">${i.deviceType === "mobile" ? "📱" : "📲"}</span>` : v}
                     </div>
                   `
     )}
               </div>
               <div class="separator"></div>
-            ` : b}
+            ` : v}
 
         <!-- Pin comment (primary) -->
         <button
@@ -6606,7 +6621,7 @@ let R = class extends A {
           ?disabled=${this.featuresDisabled}
           style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : ""}"
         >
-          ${C(Pt)}
+          ${C(It)}
         </button>
 
         <!-- View comments -->
@@ -6617,7 +6632,7 @@ let R = class extends A {
           ?disabled=${this.featuresDisabled}
           style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : ""}"
         >
-          ${C(Pi)}
+          ${C(Ri)}
         </button>
 
         <!-- Activity feed -->
@@ -6628,7 +6643,7 @@ let R = class extends A {
           ?disabled=${this.featuresDisabled}
           style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : ""}"
         >
-          ${C(Ai)}
+          ${C(Oi)}
         </button>
 
         <!-- Draw mode -->
@@ -6639,7 +6654,7 @@ let R = class extends A {
           ?disabled=${this.featuresDisabled}
           style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : ""}"
         >
-          ${C(Mi)}
+          ${C(zi)}
         </button>
 
         <!-- Notifications -->
@@ -6650,8 +6665,8 @@ let R = class extends A {
           ?disabled=${this.featuresDisabled}
           style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : "position:relative"}"
         >
-          ${C(Si)}
-          ${this.unreadCount > 0 ? u`<span class="badge">${this.unreadCount > 9 ? "9+" : this.unreadCount}</span>` : b}
+          ${C(Mi)}
+          ${this.unreadCount > 0 ? u`<span class="badge">${this.unreadCount > 9 ? "9+" : this.unreadCount}</span>` : v}
         </button>
 
         <!-- Settings -->
@@ -6660,7 +6675,7 @@ let R = class extends A {
           @click=${() => this.fire("settings")}
           title="Settings"
         >
-          ${C(Ri)}
+          ${C(Di)}
         </button>
 
         <div class="separator"></div>
@@ -6671,7 +6686,7 @@ let R = class extends A {
           @click=${this.fireToggle}
           title="Collapse"
         >
-          ${C(be, 14)}
+          ${C(ve, 14)}
         </button>
       </div>
     `;
@@ -6679,7 +6694,7 @@ let R = class extends A {
 };
 R.styles = [
   ie,
-  ve,
+  be,
   M`
       :host {
         display: block;
@@ -6925,7 +6940,7 @@ j([
 R = j([
   L("pulse-widget-toolbar")
 ], R);
-class Es {
+class Ps {
   constructor(e) {
     this.container = null, this.unsubs = [], this.enabled = !1, this.pillEls = /* @__PURE__ */ new Map(), this.client = e;
   }
@@ -6977,7 +6992,7 @@ class Es {
         (E) => E.user.id === a
       );
       if (!m) continue;
-      const g = l.scrollY + l.viewportHeight / 2, y = i > 0 ? g / i : 0, v = Math.max(
+      const g = l.scrollY + l.viewportHeight / 2, y = i > 0 ? g / i : 0, b = Math.max(
         8,
         Math.min(t - 28, y * t)
       );
@@ -6994,7 +7009,7 @@ class Es {
         whiteSpace: "nowrap",
         pointerEvents: "none",
         transition: "top 0.3s ease"
-      }), this.container.appendChild(w), this.pillEls.set(a, w)), w.style.display = "", w.style.background = m.user.color, w.style.top = `${v}px`, w.textContent = this.getInitials(m.user.name);
+      }), this.container.appendChild(w), this.pillEls.set(a, w)), w.style.display = "", w.style.background = m.user.color, w.style.top = `${b}px`, w.textContent = this.getInitials(m.user.name);
     }
     for (const [a, l] of this.pillEls)
       !o.has(a) && !this.client.state.viewports.has(a) && (l.remove(), this.pillEls.delete(a));
@@ -7003,10 +7018,10 @@ class Es {
     return e.split(" ").map((t) => t[0]).join("").toUpperCase().slice(0, 2);
   }
 }
-var Cs = Object.defineProperty, Ts = Object.getOwnPropertyDescriptor, _ = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ts(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var _s = Object.defineProperty, Is = Object.getOwnPropertyDescriptor, _ = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Is(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && Cs(e, t, s), s;
+  return i && s && _s(e, t, s), s;
 };
 let T = class extends A {
   constructor() {
@@ -7031,7 +7046,7 @@ let T = class extends A {
           (t = this.client) == null || t.updateSelection(null);
           return;
         }
-        const e = ms(n);
+        const e = ys(n);
         (i = this.client) == null || i.updateSelection(e);
       }, 500));
     }, this.handleDocumentClick = (n) => {
@@ -7063,11 +7078,11 @@ let T = class extends A {
       room: this.room,
       endpoint: this.endpoint
     };
-    this.client = new $t(n), this.clientConfigKey = this.getConfigKey(), this.cursorOverlay = new us(this.client), this.commentPins = new ns(this.client, {
+    this.client = new Et(n), this.clientConfigKey = this.getConfigKey(), this.cursorOverlay = new bs(this.client), this.commentPins = new cs(this.client, {
       onPinModeExit: () => {
         this.pinModeActive = !1;
       }
-    }), this.viewportOverlay = new Es(this.client), this.selectionOverlay = new bs(this.client), this.drawingOverlay = new fs(this.client), this.settings = ys(this.room), this.applySettings(this.settings), this.unsubs.push(
+    }), this.viewportOverlay = new Ps(this.client), this.selectionOverlay = new $s(this.client), this.drawingOverlay = new xs(this.client), this.settings = Cs(this.room), this.applySettings(this.settings), this.unsubs.push(
       this.client.on("connection", (e) => {
         this.connectionState = e, e === "connected" && this._wasDisconnected ? (this.showConnectedFlash = !0, this._connectedFlashTimer && clearTimeout(this._connectedFlashTimer), this._connectedFlashTimer = setTimeout(() => {
           this.showConnectedFlash = !1, this._connectedFlashTimer = null;
@@ -7104,29 +7119,30 @@ let T = class extends A {
     this.activePanel = null, this.highlightThreadId = null;
   }
   handleToolbarAction(n) {
-    var t, i, s, o;
+    var i, s, o, r;
     const e = n.detail;
-    if (!(!this.settings.enabled && e !== "settings"))
-      switch (e) {
-        case "comments":
-          this.activePanel = this.activePanel === "comments" ? null : "comments", this.highlightThreadId = null;
-          break;
-        case "settings":
-          this.activePanel = this.activePanel === "settings" ? null : "settings";
-          break;
-        case "notifications":
-          this.activePanel = this.activePanel === "notifications" ? null : "notifications";
-          break;
-        case "activity":
-          this.activePanel = this.activePanel === "activity" ? null : "activity";
-          break;
-        case "pin-mode":
-          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 ? (s = this.drawingOverlay) == null || s.enableDrawMode() : (o = this.drawingOverlay) == null || o.disableDrawMode();
-          break;
-      }
+    if (!this.settings.enabled && e !== "settings") return;
+    const t = e === "comments" || e === "settings" || e === "notifications" || e === "activity";
+    switch ((t || e === "pin-mode") && this.drawModeActive && (this.drawModeActive = !1, (i = this.drawingOverlay) == null || i.disableDrawMode()), (t || e === "draw-mode") && this.pinModeActive && (this.pinModeActive = !1, (s = this.commentPins) == null || s.exitPinMode()), (e === "pin-mode" || e === "draw-mode") && (this.activePanel = null), e) {
+      case "comments":
+        this.activePanel = this.activePanel === "comments" ? null : "comments", this.highlightThreadId = null;
+        break;
+      case "settings":
+        this.activePanel = this.activePanel === "settings" ? null : "settings";
+        break;
+      case "notifications":
+        this.activePanel = this.activePanel === "notifications" ? null : "notifications";
+        break;
+      case "activity":
+        this.activePanel = this.activePanel === "activity" ? null : "activity";
+        break;
+      case "pin-mode":
+        this.pinModeActive = !this.pinModeActive, this.pinModeActive && ((o = this.commentPins) == null || o.enterPinMode());
+        break;
+      case "draw-mode":
+        this.drawModeActive = !this.drawModeActive, this.drawModeActive && ((r = this.drawingOverlay) == null || r.enableDrawMode());
+        break;
+    }
   }
   handleFollow(n) {
     const e = n.detail;
@@ -7134,15 +7150,15 @@ let T = class extends A {
   }
   handleSettingsChange(n) {
     const e = n.detail;
-    this.settings = e, ws(this.room, e), this.applySettings(e);
+    this.settings = e, Ts(this.room, e), this.applySettings(e);
   }
   applySettings(n) {
-    var e, t, i, s, o, r, a, l, d, c, h, p, m, g, y, v, w;
+    var e, t, i, s, o, r, a, l, d, c, h, p, m, g, y, b, w;
     if (!n.enabled) {
       (e = this.cursorOverlay) == null || e.disable(), (t = this.viewportOverlay) == null || t.disable(), (i = this.selectionOverlay) == null || i.disable(), (s = this.drawingOverlay) == null || s.disable(), this.drawModeActive && ((o = this.drawingOverlay) == null || o.disableDrawMode(), this.drawModeActive = !1), (r = this.client) == null || r.setAppearOffline(!0), (a = this.commentPins) == null || a.setVisible(!1), this.followingUserId = null, this.pinModeActive && ((l = this.commentPins) == null || l.exitPinMode(), this.pinModeActive = !1), this.activePanel = this.activePanel === "settings" ? "settings" : null, this.highlightThreadId = null;
       return;
     }
-    this.applyCursorSettings(n), (d = this.client) == null || d.setAppearOffline(n.appearOffline), (c = this.commentPins) == null || c.setVisible(n.showCommentPins), n.showViewportIndicators ? (h = this.viewportOverlay) == null || h.enable() : (p = this.viewportOverlay) == null || p.disable(), n.showSelections ? (m = this.selectionOverlay) == null || m.enable() : (g = this.selectionOverlay) == null || g.disable(), n.showDrawings ? (y = this.drawingOverlay) == null || y.enable() : ((v = this.drawingOverlay) == null || v.disable(), this.drawModeActive && ((w = this.drawingOverlay) == null || w.disableDrawMode(), this.drawModeActive = !1));
+    this.applyCursorSettings(n), (d = this.client) == null || d.setAppearOffline(n.appearOffline), (c = this.commentPins) == null || c.setVisible(n.showCommentPins), n.showViewportIndicators ? (h = this.viewportOverlay) == null || h.enable() : (p = this.viewportOverlay) == null || p.disable(), n.showSelections ? (m = this.selectionOverlay) == null || m.enable() : (g = this.selectionOverlay) == null || g.disable(), n.showDrawings ? (y = this.drawingOverlay) == null || y.enable() : ((b = this.drawingOverlay) == null || b.disable(), this.drawModeActive && ((w = this.drawingOverlay) == null || w.disableDrawMode(), this.drawModeActive = !1));
   }
   applyCursorSettings(n) {
     if (!this.cursorOverlay) return;
@@ -7156,10 +7172,10 @@ let T = class extends A {
    * the trigger element, flipping vertically/horizontally as needed.
    */
   positionPopups() {
-    var g, y, v, w;
+    var g, y, b, w;
     const n = this.display === "inline", e = (g = this.shadowRoot) == null ? void 0 : g.querySelector(".inline-trigger"), t = (y = this.shadowRoot) == null ? void 0 : y.querySelector("pulse-widget-toolbar"), i = n ? e : t;
     if (!i) return;
-    const s = i.getBoundingClientRect(), o = window.innerWidth, r = window.innerHeight, a = 8, l = (v = this.shadowRoot) == null ? void 0 : v.querySelector(".toolbar-popover");
+    const s = i.getBoundingClientRect(), o = window.innerWidth, r = window.innerHeight, a = 8, l = (b = this.shadowRoot) == null ? void 0 : b.querySelector(".toolbar-popover");
     if (l) {
       Object.assign(l.style, { top: "auto", left: "auto" });
       const E = l.getBoundingClientRect(), I = this.computePosition(s, E, o, r, a);
@@ -7196,7 +7212,7 @@ let T = class extends A {
         <span class="connection-dot"></span>Reconnecting...
       </div>` : this.connectionState === "disconnected" && this.client ? u`<div class="connection-banner disconnected">
         <span class="connection-dot"></span>Disconnected
-      </div>` : b;
+      </div>` : v;
   }
   handleToolbarToggle() {
     this.collapsed = !this.collapsed, this.collapsed && (this.activePanel = null, this.highlightThreadId = null);
@@ -7216,25 +7232,25 @@ let T = class extends A {
             ${this.activePanel === "comments" ? u`<pulse-widget-comments-panel
                   .client=${this.client}
                   .highlightThreadId=${this.highlightThreadId}
-                ></pulse-widget-comments-panel>` : b}
+                ></pulse-widget-comments-panel>` : v}
             ${this.activePanel === "settings" ? u`<pulse-widget-settings-panel
                   .settings=${this.settings}
                   .roomId=${this.room}
                   @settings-change=${this.handleSettingsChange}
-                ></pulse-widget-settings-panel>` : b}
+                ></pulse-widget-settings-panel>` : v}
             ${this.activePanel === "notifications" ? u`<pulse-widget-notifications-panel
                   .client=${this.client}
-                ></pulse-widget-notifications-panel>` : b}
+                ></pulse-widget-notifications-panel>` : v}
             ${this.activePanel === "activity" ? u`<pulse-widget-activity-panel
                   .client=${this.client}
-                ></pulse-widget-activity-panel>` : b}
+                ></pulse-widget-activity-panel>` : v}
           </div>
-        ` : b, t = this.followingUserId ? u`<div class="follow-banner">
+        ` : v, t = this.followingUserId ? u`<div class="follow-banner">
           Following ${this.getFollowUserName()}
           <button @click=${() => {
       this.followingUserId = null;
     }}>Stop</button>
-        </div>` : b;
+        </div>` : v;
     return n ? u`
         ${t}
         <div class="widget-root">