@gamention/pulse-elements 0.1.14 → 0.1.15

package/dist/pulse-elements.js

@@ -3,7 +3,7 @@
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let vt = class extends Event {
+let yt = 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 vt = class extends Event {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let We = class {
+let Ye = 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 We = class {
     this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
   }
   dispatchRequest() {
-    this.host.dispatchEvent(new vt(this.context, this.host, this.t, this.subscribe));
+    this.host.dispatchEvent(new yt(this.context, this.host, this.t, this.subscribe));
   }
 };
 /**
@@ -43,7 +43,7 @@ let We = class {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let At = class {
+let It = class {
   get value() {
     return this.o;
   }
@@ -76,11 +76,11 @@ let At = class {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let It = class extends Event {
+let Mt = class extends Event {
   constructor(e, t) {
     super("context-provider", { bubbles: !0, composed: !0 }), this.context = e, this.contextTarget = t;
   }
-}, Xe = class extends At {
+}, Ke = class extends It {
   constructor(e, t, i) {
     var s, o;
     super(t.context !== void 0 ? t.initialValue : i), this.onContextRequest = (r) => {
@@ -90,7 +90,7 @@ let It = class extends Event {
     }, this.onProviderRequest = (r) => {
       if (r.context !== this.context || (r.contextTarget ?? r.composedPath()[0]) === this.host) return;
       const l = /* @__PURE__ */ new Set();
-      for (const [a, { consumerHost: c }] of this.subscriptions) l.has(a) || (l.add(a), c.dispatchEvent(new vt(this.context, c, a, !0)));
+      for (const [a, { consumerHost: c }] of this.subscriptions) l.has(a) || (l.add(a), c.dispatchEvent(new yt(this.context, c, a, !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 It = class extends Event {
     this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
   }
   hostConnected() {
-    this.host.dispatchEvent(new It(this.context, this.host));
+    this.host.dispatchEvent(new Mt(this.context, this.host));
   }
 };
 /**
@@ -106,7 +106,7 @@ let It = class extends Event {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Mt({ context: n }) {
+function Ot({ context: n }) {
   return (e, t) => {
     const i = /* @__PURE__ */ new WeakMap();
     if (typeof t == "object") return { get() {
@@ -114,11 +114,11 @@ function Mt({ context: n }) {
     }, set(s) {
       return i.get(this).setValue(s), e.set.call(this, s);
     }, init(s) {
-      return i.set(this, new Xe(this, { context: n, initialValue: s })), s;
+      return i.set(this, new Ke(this, { context: n, initialValue: s })), s;
     } };
     {
       e.constructor.addInitializer(((r) => {
-        i.set(r, new Xe(r, { context: n }));
+        i.set(r, new Ke(r, { context: n }));
       }));
       const s = Object.getOwnPropertyDescriptor(e, t);
       let o;
@@ -144,22 +144,22 @@ function Mt({ context: n }) {
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function pe({ context: n, subscribe: e }) {
+function ue({ context: n, subscribe: e }) {
   return (t, i) => {
     typeof i == "object" ? i.addInitializer((function() {
-      new We(this, { context: n, callback: (s) => {
+      new Ye(this, { context: n, callback: (s) => {
         t.set.call(this, s);
       }, subscribe: e });
     })) : t.constructor.addInitializer(((s) => {
-      new We(s, { context: n, callback: (o) => {
+      new Ye(s, { context: n, callback: (o) => {
         s[i] = o;
       }, subscribe: e });
     }));
   };
 }
-var Ot = Object.defineProperty, Rt = (n, e, t) => e in n ? Ot(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, $ = (n, e, t) => Rt(n, typeof e != "symbol" ? e + "" : e, t);
-const Lt = "ws://localhost:4567";
-let je = class {
+var Rt = Object.defineProperty, Lt = (n, e, t) => e in n ? Rt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, $ = (n, e, t) => Lt(n, typeof e != "symbol" ? e + "" : e, t);
+const jt = "ws://localhost:4567";
+let Ue = class {
   constructor() {
     $(this, "handlers", /* @__PURE__ */ new Map());
   }
@@ -179,9 +179,9 @@ let je = class {
   removeAll() {
     this.handlers.clear();
   }
-}, jt = class extends je {
+}, zt = class extends Ue {
   constructor(e) {
-    super(), $(this, "ws", null), $(this, "endpoint"), $(this, "reconnectAttempt", 0), $(this, "reconnectTimer", null), $(this, "_state", "disconnected"), this.endpoint = e ?? Lt;
+    super(), $(this, "ws", null), $(this, "endpoint"), $(this, "reconnectAttempt", 0), $(this, "reconnectTimer", null), $(this, "_state", "disconnected"), this.endpoint = e ?? jt;
   }
   get state() {
     return this._state;
@@ -216,7 +216,7 @@ let je = class {
       this.reconnectTimer = null, this.connect();
     }, e);
   }
-}, zt = class extends je {
+}, Ut = class extends Ue {
   constructor() {
     super(...arguments), $(this, "baseUrl", ""), $(this, "_user", null), $(this, "_users", /* @__PURE__ */ new Map()), $(this, "_presence", /* @__PURE__ */ new Map()), $(this, "_threads", /* @__PURE__ */ new Map()), $(this, "_reactions", /* @__PURE__ */ new Map()), $(this, "_notifications", []), $(this, "_activityLogs", []), $(this, "_typing", /* @__PURE__ */ new Map()), $(this, "_viewports", /* @__PURE__ */ new Map()), $(this, "_selections", /* @__PURE__ */ new Map());
   }
@@ -426,12 +426,12 @@ let je = 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();
   }
-}, xt = class extends je {
+}, wt = class extends Ue {
   constructor(e) {
     var t;
-    super(), $(this, "state"), $(this, "connection"), $(this, "config"), $(this, "heartbeatTimer", null), $(this, "lastCursorSend", 0), $(this, "pendingCursor", null), $(this, "cursorTimer", null), this.config = e, this.state = new zt(), this.state.baseUrl = (e.endpoint ?? "").replace(/^ws(s?):/, "http$1:").replace(/\/$/, "");
+    super(), $(this, "state"), $(this, "connection"), $(this, "config"), $(this, "heartbeatTimer", null), $(this, "lastCursorSend", 0), $(this, "pendingCursor", null), $(this, "cursorTimer", null), this.config = e, this.state = new Ut(), 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 jt(i), this.connection.on("message", (s) => {
+    this.connection = new zt(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();
@@ -575,18 +575,18 @@ let je = class {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ve = globalThis, ze = ve.ShadowRoot && (ve.ShadyCSS === void 0 || ve.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ue = Symbol(), Ye = /* @__PURE__ */ new WeakMap();
-let yt = class {
+const xe = globalThis, De = xe.ShadowRoot && (xe.ShadyCSS === void 0 || xe.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, He = Symbol(), Ge = /* @__PURE__ */ new WeakMap();
+let $t = class {
   constructor(e, t, i) {
-    if (this._$cssResult$ = !0, i !== Ue) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, i !== He) 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 (ze && e === void 0) {
+    if (De && e === void 0) {
       const i = t !== void 0 && t.length === 1;
-      i && (e = Ye.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && Ye.set(t, e));
+      i && (e = Ge.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && Ge.set(t, e));
     }
     return e;
   }
@@ -594,33 +594,33 @@ let yt = class {
     return this.cssText;
   }
 };
-const Ut = (n) => new yt(typeof n == "string" ? n : n + "", void 0, Ue), M = (n, ...e) => {
+const Dt = (n) => new $t(typeof n == "string" ? n : n + "", void 0, He), O = (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 yt(t, n, Ue);
-}, Dt = (n, e) => {
-  if (ze) n.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+  return new $t(t, n, He);
+}, Ht = (n, e) => {
+  if (De) n.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
-    const i = document.createElement("style"), s = ve.litNonce;
+    const i = document.createElement("style"), s = xe.litNonce;
     s !== void 0 && i.setAttribute("nonce", s), i.textContent = t.cssText, n.appendChild(i);
   }
-}, Ke = ze ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((e) => {
+}, Ze = De ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const i of e.cssRules) t += i.cssText;
-  return Ut(t);
+  return Dt(t);
 })(n) : n;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Ht, defineProperty: Nt, getOwnPropertyDescriptor: Bt, getOwnPropertyNames: Ft, getOwnPropertySymbols: Vt, getPrototypeOf: qt } = Object, U = globalThis, Ge = U.trustedTypes, Wt = Ge ? Ge.emptyScript : "", Te = U.reactiveElementPolyfillSupport, ie = (n, e) => n, we = { toAttribute(n, e) {
+const { is: Nt, defineProperty: Ft, getOwnPropertyDescriptor: Bt, getOwnPropertyNames: qt, getOwnPropertySymbols: Vt, getPrototypeOf: Wt } = Object, D = globalThis, Je = D.trustedTypes, Xt = Je ? Je.emptyScript : "", Pe = D.reactiveElementPolyfillSupport, se = (n, e) => n, $e = { toAttribute(n, e) {
   switch (e) {
     case Boolean:
-      n = n ? Wt : null;
+      n = n ? Xt : null;
       break;
     case Object:
     case Array:
@@ -645,19 +645,19 @@ const { is: Ht, defineProperty: Nt, getOwnPropertyDescriptor: Bt, getOwnProperty
       }
   }
   return t;
-} }, De = (n, e) => !Ht(n, e), Ze = { attribute: !0, type: String, converter: we, reflect: !1, useDefault: !1, hasChanged: De };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), U.litPropertyMetadata ?? (U.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let Y = class extends HTMLElement {
+} }, Ne = (n, e) => !Nt(n, e), Qe = { attribute: !0, type: String, converter: $e, reflect: !1, useDefault: !1, hasChanged: Ne };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), D.litPropertyMetadata ?? (D.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let K = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, t = Ze) {
+  static createProperty(e, t = Qe) {
     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 && Nt(this.prototype, e, s);
+      s !== void 0 && Ft(this.prototype, e, s);
     }
   }
   static getPropertyDescriptor(e, t, i) {
@@ -672,17 +672,17 @@ let Y = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? Ze;
+    return this.elementProperties.get(e) ?? Qe;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(ie("elementProperties"))) return;
-    const e = qt(this);
+    if (this.hasOwnProperty(se("elementProperties"))) return;
+    const e = Wt(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(ie("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(ie("properties"))) {
-      const t = this.properties, i = [...Ft(t), ...Vt(t)];
+    if (this.hasOwnProperty(se("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(se("properties"))) {
+      const t = this.properties, i = [...qt(t), ...Vt(t)];
       for (const s of i) this.createProperty(s, t[s]);
     }
     const e = this[Symbol.metadata];
@@ -701,8 +701,8 @@ let Y = 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(Ke(s));
-    } else e !== void 0 && t.push(Ke(e));
+      for (const s of i) t.unshift(Ze(s));
+    } else e !== void 0 && t.push(Ze(e));
     return t;
   }
   static _$Eu(e, t) {
@@ -731,7 +731,7 @@ let Y = class extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Dt(e, this.constructor.elementStyles), e;
+    return Ht(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
@@ -756,7 +756,7 @@ let Y = class extends HTMLElement {
     var o;
     const i = this.constructor.elementProperties.get(e), s = this.constructor._$Eu(e, i);
     if (s !== void 0 && i.reflect === !0) {
-      const r = (((o = i.converter) == null ? void 0 : o.toAttribute) !== void 0 ? i.converter : we).toAttribute(t, i.type);
+      const r = (((o = i.converter) == null ? void 0 : o.toAttribute) !== void 0 ? i.converter : $e).toAttribute(t, i.type);
       this._$Em = e, r == null ? this.removeAttribute(s) : this.setAttribute(s, r), this._$Em = null;
     }
   }
@@ -764,7 +764,7 @@ let Y = class extends HTMLElement {
     var o, r;
     const i = this.constructor, s = i._$Eh.get(e);
     if (s !== void 0 && this._$Em !== s) {
-      const l = i.getPropertyOptions(s), a = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((o = l.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? l.converter : we;
+      const l = i.getPropertyOptions(s), a = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((o = l.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? l.converter : $e;
       this._$Em = s;
       const c = a.fromAttribute(t, l.type);
       this[s] = c ?? ((r = this._$Ej) == null ? void 0 : r.get(s)) ?? c, this._$Em = null;
@@ -774,7 +774,7 @@ let Y = class extends HTMLElement {
     var r;
     if (e !== void 0) {
       const l = this.constructor;
-      if (s === !1 && (o = this[e]), i ?? (i = l.getPropertyOptions(e)), !((i.hasChanged ?? De)(o, t) || i.useDefault && i.reflect && o === ((r = this._$Ej) == null ? void 0 : r.get(e)) && !this.hasAttribute(l._$Eu(e, i)))) return;
+      if (s === !1 && (o = this[e]), i ?? (i = l.getPropertyOptions(e)), !((i.hasChanged ?? Ne)(o, t) || i.useDefault && i.reflect && o === ((r = this._$Ej) == null ? void 0 : r.get(e)) && !this.hasAttribute(l._$Eu(e, i)))) return;
       this.C(e, t, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -850,76 +850,76 @@ let Y = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-Y.elementStyles = [], Y.shadowRootOptions = { mode: "open" }, Y[ie("elementProperties")] = /* @__PURE__ */ new Map(), Y[ie("finalized")] = /* @__PURE__ */ new Map(), Te == null || Te({ ReactiveElement: Y }), (U.reactiveElementVersions ?? (U.reactiveElementVersions = [])).push("2.1.2");
+K.elementStyles = [], K.shadowRootOptions = { mode: "open" }, K[se("elementProperties")] = /* @__PURE__ */ new Map(), K[se("finalized")] = /* @__PURE__ */ new Map(), Pe == null || Pe({ ReactiveElement: K }), (D.reactiveElementVersions ?? (D.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const se = globalThis, Je = (n) => n, $e = se.trustedTypes, Qe = $e ? $e.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, wt = "$lit$", z = `lit$${Math.random().toFixed(9).slice(2)}$`, $t = "?" + z, Xt = `<${$t}>`, F = document, oe = () => F.createComment(""), re = (n) => n === null || typeof n != "object" && typeof n != "function", He = Array.isArray, Yt = (n) => He(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", Se = `[ 	
-\f\r]`, te = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, et = /-->/g, tt = />/g, H = RegExp(`>|${Se}(?:([^\\s"'>=/]+)(${Se}*=${Se}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), it = /'/g, st = /"/g, kt = /^(?:script|style|textarea|title)$/i, Et = (n) => (e, ...t) => ({ _$litType$: n, strings: e, values: t }), d = Et(1), Kt = Et(2), V = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), nt = /* @__PURE__ */ new WeakMap(), N = F.createTreeWalker(F, 129);
-function Ct(n, e) {
-  if (!He(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Qe !== void 0 ? Qe.createHTML(e) : e;
+const ne = globalThis, et = (n) => n, ke = ne.trustedTypes, tt = ke ? ke.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, kt = "$lit$", U = `lit$${Math.random().toFixed(9).slice(2)}$`, Et = "?" + U, Yt = `<${Et}>`, q = document, re = () => q.createComment(""), ae = (n) => n === null || typeof n != "object" && typeof n != "function", Fe = Array.isArray, Kt = (n) => Fe(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", Ae = `[ 	
+\f\r]`, ie = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, it = /-->/g, st = />/g, N = RegExp(`>|${Ae}(?:([^\\s"'>=/]+)(${Ae}*=${Ae}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), nt = /'/g, ot = /"/g, Ct = /^(?:script|style|textarea|title)$/i, Tt = (n) => (e, ...t) => ({ _$litType$: n, strings: e, values: t }), d = Tt(1), Gt = Tt(2), V = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), rt = /* @__PURE__ */ new WeakMap(), F = q.createTreeWalker(q, 129);
+function _t(n, e) {
+  if (!Fe(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return tt !== void 0 ? tt.createHTML(e) : e;
 }
-const Gt = (n, e) => {
+const Zt = (n, e) => {
   const t = n.length - 1, i = [];
-  let s, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", r = te;
+  let s, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", r = ie;
   for (let l = 0; l < t; l++) {
     const a = n[l];
     let c, h, p = -1, u = 0;
-    for (; u < a.length && (r.lastIndex = u, h = r.exec(a), h !== null); ) u = r.lastIndex, r === te ? h[1] === "!--" ? r = et : h[1] !== void 0 ? r = tt : h[2] !== void 0 ? (kt.test(h[2]) && (s = RegExp("</" + h[2], "g")), r = H) : h[3] !== void 0 && (r = H) : r === H ? h[0] === ">" ? (r = s ?? te, p = -1) : h[1] === void 0 ? p = -2 : (p = r.lastIndex - h[2].length, c = h[1], r = h[3] === void 0 ? H : h[3] === '"' ? st : it) : r === st || r === it ? r = H : r === et || r === tt ? r = te : (r = H, s = void 0);
-    const f = r === H && n[l + 1].startsWith("/>") ? " " : "";
-    o += r === te ? a + Xt : p >= 0 ? (i.push(c), a.slice(0, p) + wt + a.slice(p) + z + f) : a + z + (p === -2 ? l : f);
+    for (; u < a.length && (r.lastIndex = u, h = r.exec(a), h !== null); ) u = r.lastIndex, r === ie ? h[1] === "!--" ? r = it : h[1] !== void 0 ? r = st : h[2] !== void 0 ? (Ct.test(h[2]) && (s = RegExp("</" + h[2], "g")), r = N) : h[3] !== void 0 && (r = N) : r === N ? h[0] === ">" ? (r = s ?? ie, p = -1) : h[1] === void 0 ? p = -2 : (p = r.lastIndex - h[2].length, c = h[1], r = h[3] === void 0 ? N : h[3] === '"' ? ot : nt) : r === ot || r === nt ? r = N : r === it || r === st ? r = ie : (r = N, s = void 0);
+    const f = r === N && n[l + 1].startsWith("/>") ? " " : "";
+    o += r === ie ? a + Yt : p >= 0 ? (i.push(c), a.slice(0, p) + kt + a.slice(p) + U + f) : a + U + (p === -2 ? l : f);
   }
-  return [Ct(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 ae {
+class le {
   constructor({ strings: e, _$litType$: t }, i) {
     let s;
     this.parts = [];
     let o = 0, r = 0;
-    const l = e.length - 1, a = this.parts, [c, h] = Gt(e, t);
-    if (this.el = ae.createElement(c, i), N.currentNode = this.el.content, t === 2 || t === 3) {
+    const l = e.length - 1, a = this.parts, [c, h] = Zt(e, t);
+    if (this.el = le.createElement(c, i), F.currentNode = this.el.content, t === 2 || t === 3) {
       const p = this.el.content.firstChild;
       p.replaceWith(...p.childNodes);
     }
-    for (; (s = N.nextNode()) !== null && a.length < l; ) {
+    for (; (s = F.nextNode()) !== null && a.length < l; ) {
       if (s.nodeType === 1) {
-        if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(wt)) {
-          const u = h[r++], f = s.getAttribute(p).split(z), m = /([.?@])?(.*)/.exec(u);
-          a.push({ type: 1, index: o, name: m[2], strings: f, ctor: m[1] === "." ? Jt : m[1] === "?" ? Qt : m[1] === "@" ? ei : Ee }), s.removeAttribute(p);
-        } else p.startsWith(z) && (a.push({ type: 6, index: o }), s.removeAttribute(p));
-        if (kt.test(s.tagName)) {
-          const p = s.textContent.split(z), u = p.length - 1;
+        if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(kt)) {
+          const u = h[r++], f = s.getAttribute(p).split(U), m = /([.?@])?(.*)/.exec(u);
+          a.push({ type: 1, index: o, name: m[2], strings: f, ctor: m[1] === "." ? Qt : m[1] === "?" ? ei : m[1] === "@" ? ti : Te }), s.removeAttribute(p);
+        } else p.startsWith(U) && (a.push({ type: 6, index: o }), s.removeAttribute(p));
+        if (Ct.test(s.tagName)) {
+          const p = s.textContent.split(U), u = p.length - 1;
           if (u > 0) {
-            s.textContent = $e ? $e.emptyScript : "";
-            for (let f = 0; f < u; f++) s.append(p[f], oe()), N.nextNode(), a.push({ type: 2, index: ++o });
-            s.append(p[u], oe());
+            s.textContent = ke ? ke.emptyScript : "";
+            for (let f = 0; f < u; f++) s.append(p[f], re()), F.nextNode(), a.push({ type: 2, index: ++o });
+            s.append(p[u], re());
           }
         }
-      } else if (s.nodeType === 8) if (s.data === $t) a.push({ type: 2, index: o });
+      } else if (s.nodeType === 8) if (s.data === Et) a.push({ type: 2, index: o });
       else {
         let p = -1;
-        for (; (p = s.data.indexOf(z, p + 1)) !== -1; ) a.push({ type: 7, index: o }), p += z.length - 1;
+        for (; (p = s.data.indexOf(U, p + 1)) !== -1; ) a.push({ type: 7, index: o }), p += U.length - 1;
       }
       o++;
     }
   }
   static createElement(e, t) {
-    const i = F.createElement("template");
+    const i = q.createElement("template");
     return i.innerHTML = e, i;
   }
 }
-function K(n, e, t = n, i) {
+function G(n, e, t = n, i) {
   var r, l;
   if (e === V) return e;
   let s = i !== void 0 ? (r = t._$Co) == null ? void 0 : r[i] : t._$Cl;
-  const o = re(e) ? void 0 : e._$litDirective$;
-  return (s == null ? void 0 : s.constructor) !== o && ((l = s == null ? void 0 : s._$AO) == null || l.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 = K(n, s._$AS(n, e.values), s, i)), e;
+  const o = ae(e) ? void 0 : e._$litDirective$;
+  return (s == null ? void 0 : s.constructor) !== o && ((l = s == null ? void 0 : s._$AO) == null || l.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 = G(n, s._$AS(n, e.values), s, i)), e;
 }
-class Zt {
+class Jt {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -930,24 +930,24 @@ class Zt {
     return this._$AM._$AU;
   }
   u(e) {
-    const { el: { content: t }, parts: i } = this._$AD, s = ((e == null ? void 0 : e.creationScope) ?? F).importNode(t, !0);
-    N.currentNode = s;
-    let o = N.nextNode(), r = 0, l = 0, a = i[0];
+    const { el: { content: t }, parts: i } = this._$AD, s = ((e == null ? void 0 : e.creationScope) ?? q).importNode(t, !0);
+    F.currentNode = s;
+    let o = F.nextNode(), r = 0, l = 0, a = i[0];
     for (; a !== void 0; ) {
       if (r === a.index) {
         let c;
-        a.type === 2 ? c = new ue(o, o.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(o, a.name, a.strings, this, e) : a.type === 6 && (c = new ti(o, this, e)), this._$AV.push(c), a = i[++l];
+        a.type === 2 ? c = new fe(o, o.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(o, a.name, a.strings, this, e) : a.type === 6 && (c = new ii(o, this, e)), this._$AV.push(c), a = i[++l];
       }
-      r !== (a == null ? void 0 : a.index) && (o = N.nextNode(), r++);
+      r !== (a == null ? void 0 : a.index) && (o = F.nextNode(), r++);
     }
-    return N.currentNode = F, s;
+    return F.currentNode = q, s;
   }
   p(e) {
     let t = 0;
     for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(e, i, t), t += i.strings.length - 2) : i._$AI(e[t])), t++;
   }
 }
-class ue {
+class fe {
   get _$AU() {
     var e;
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
@@ -967,7 +967,7 @@ class ue {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = K(this, e, t), re(e) ? e === g || e == null || e === "" ? (this._$AH !== g && this._$AR(), this._$AH = g) : e !== this._$AH && e !== V && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Yt(e) ? this.k(e) : this._(e);
+    e = G(this, e, t), ae(e) ? e === g || e == null || e === "" ? (this._$AH !== g && this._$AR(), this._$AH = g) : e !== this._$AH && e !== V && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Kt(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -976,33 +976,33 @@ class ue {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== g && re(this._$AH) ? this._$AA.nextSibling.data = e : this.T(F.createTextNode(e)), this._$AH = e;
+    this._$AH !== g && ae(this._$AH) ? this._$AA.nextSibling.data = e : this.T(q.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 = ae.createElement(Ct(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 = le.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 Zt(s, this), l = r.u(this.options);
+      const r = new Jt(s, this), l = r.u(this.options);
       r.p(t), this.T(l), this._$AH = r;
     }
   }
   _$AC(e) {
-    let t = nt.get(e.strings);
-    return t === void 0 && nt.set(e.strings, t = new ae(e)), t;
+    let t = rt.get(e.strings);
+    return t === void 0 && rt.set(e.strings, t = new le(e)), t;
   }
   k(e) {
-    He(this._$AH) || (this._$AH = [], this._$AR());
+    Fe(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 ue(this.O(oe()), this.O(oe()), this, this.options)) : i = t[s], i._$AI(o), s++;
+    for (const o of e) s === t.length ? t.push(i = new fe(this.O(re()), this.O(re()), this, this.options)) : i = t[s], i._$AI(o), s++;
     s < t.length && (this._$AR(i && i._$AB.nextSibling, s), t.length = s);
   }
   _$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 = Je(e).nextSibling;
-      Je(e).remove(), e = s;
+      const s = et(e).nextSibling;
+      et(e).remove(), e = s;
     }
   }
   setConnected(e) {
@@ -1010,7 +1010,7 @@ class ue {
     this._$AM === void 0 && (this._$Cv = e, (t = this._$AP) == null || t.call(this, e));
   }
 }
-class Ee {
+class Te {
   get tagName() {
     return this.element.tagName;
   }
@@ -1023,11 +1023,11 @@ class Ee {
   _$AI(e, t = this, i, s) {
     const o = this.strings;
     let r = !1;
-    if (o === void 0) e = K(this, e, t, 0), r = !re(e) || e !== this._$AH && e !== V, r && (this._$AH = e);
+    if (o === void 0) e = G(this, e, t, 0), r = !ae(e) || e !== this._$AH && e !== V, r && (this._$AH = e);
     else {
       const l = e;
       let a, c;
-      for (e = o[0], a = 0; a < o.length - 1; a++) c = K(this, l[i + a], t, a), c === V && (c = this._$AH[a]), r || (r = !re(c) || c !== this._$AH[a]), c === g ? e = g : e !== g && (e += (c ?? "") + o[a + 1]), this._$AH[a] = c;
+      for (e = o[0], a = 0; a < o.length - 1; a++) c = G(this, l[i + a], t, a), c === V && (c = this._$AH[a]), r || (r = !ae(c) || c !== this._$AH[a]), c === g ? e = g : e !== g && (e += (c ?? "") + o[a + 1]), this._$AH[a] = c;
     }
     r && !s && this.j(e);
   }
@@ -1035,7 +1035,7 @@ class Ee {
     e === g ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Jt extends Ee {
+class Qt extends Te {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -1043,7 +1043,7 @@ class Jt extends Ee {
     this.element[this.name] = e === g ? void 0 : e;
   }
 }
-class Qt extends Ee {
+class ei extends Te {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -1051,12 +1051,12 @@ class Qt extends Ee {
     this.element.toggleAttribute(this.name, !!e && e !== g);
   }
 }
-class ei extends Ee {
+class ti extends Te {
   constructor(e, t, i, s, o) {
     super(e, t, i, s, o), this.type = 5;
   }
   _$AI(e, t = this) {
-    if ((e = K(this, e, t, 0) ?? g) === V) return;
+    if ((e = G(this, e, t, 0) ?? g) === V) return;
     const i = this._$AH, s = e === g && i !== g || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, o = e !== g && (i === g || s);
     s && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
@@ -1065,7 +1065,7 @@ class ei extends Ee {
     typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class ti {
+class ii {
   constructor(e, t, i) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = i;
   }
@@ -1073,17 +1073,17 @@ class ti {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    K(this, e);
+    G(this, e);
   }
 }
-const Pe = se.litHtmlPolyfillSupport;
-Pe == null || Pe(ae, ue), (se.litHtmlVersions ?? (se.litHtmlVersions = [])).push("3.3.2");
-const ii = (n, e, t) => {
+const Ie = ne.litHtmlPolyfillSupport;
+Ie == null || Ie(le, fe), (ne.litHtmlVersions ?? (ne.litHtmlVersions = [])).push("3.3.2");
+const si = (n, e, t) => {
   const i = (t == null ? void 0 : t.renderBefore) ?? e;
   let s = i._$litPart$;
   if (s === void 0) {
     const o = (t == null ? void 0 : t.renderBefore) ?? null;
-    i._$litPart$ = s = new ue(e.insertBefore(oe(), o), o, void 0, t ?? {});
+    i._$litPart$ = s = new fe(e.insertBefore(re(), o), o, void 0, t ?? {});
   }
   return s._$AI(n), s;
 };
@@ -1093,7 +1093,7 @@ const ii = (n, e, t) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const B = globalThis;
-let S = class extends Y {
+let P = class extends K {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -1104,7 +1104,7 @@ let S = class extends Y {
   }
   update(e) {
     const t = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = ii(t, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = si(t, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -1118,17 +1118,17 @@ let S = class extends Y {
     return V;
   }
 };
-var bt;
-S._$litElement$ = !0, S.finalized = !0, (bt = B.litElementHydrateSupport) == null || bt.call(B, { LitElement: S });
-const Ae = B.litElementPolyfillSupport;
-Ae == null || Ae({ LitElement: S });
+var xt;
+P._$litElement$ = !0, P.finalized = !0, (xt = B.litElementHydrateSupport) == null || xt.call(B, { LitElement: P });
+const Me = B.litElementPolyfillSupport;
+Me == null || Me({ LitElement: P });
 (B.litElementVersions ?? (B.litElementVersions = [])).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const R = (n) => (e, t) => {
+const L = (n) => (e, t) => {
   t !== void 0 ? t.addInitializer(() => {
     customElements.define(n, e);
   }) : customElements.define(n, e);
@@ -1138,7 +1138,7 @@ const R = (n) => (e, t) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const si = { attribute: !0, type: String, converter: we, reflect: !1, hasChanged: De }, ni = (n = si, e, t) => {
+const ni = { attribute: !0, type: String, converter: $e, reflect: !1, hasChanged: Ne }, oi = (n = ni, 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") {
@@ -1160,7 +1160,7 @@ const si = { attribute: !0, type: String, converter: we, reflect: !1, hasChanged
   throw Error("Unsupported decorator location: " + i);
 };
 function v(n) {
-  return (e, t) => typeof t == "object" ? ni(n, e, t) : ((i, s, o) => {
+  return (e, t) => typeof t == "object" ? oi(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);
@@ -1173,13 +1173,13 @@ function v(n) {
 function w(n) {
   return v({ ...n, state: !0, attribute: !1 });
 }
-const Z = "pulse-client";
-var oi = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, J = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? ri(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+const J = "pulse-client";
+var ri = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, Q = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? ai(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 && oi(e, t, s), s;
+  return i && s && ri(e, t, s), s;
 };
-let q = class extends S {
+let W = class extends P {
   constructor() {
     super(...arguments), this.apiKey = "", this.token = "", this.room = "";
   }
@@ -1191,7 +1191,7 @@ let q = class extends S {
       room: this.room,
       endpoint: this.endpoint
     };
-    this.client = new xt(n), this.client.connect();
+    this.client = new wt(n), this.client.connect();
   }
   disconnectedCallback() {
     var n;
@@ -1201,30 +1201,30 @@ let q = class extends S {
     return d`<slot></slot>`;
   }
 };
-J([
+Q([
   v({ attribute: "api-key" })
-], q.prototype, "apiKey", 2);
-J([
+], W.prototype, "apiKey", 2);
+Q([
   v()
-], q.prototype, "token", 2);
-J([
+], W.prototype, "token", 2);
+Q([
   v()
-], q.prototype, "room", 2);
-J([
+], W.prototype, "room", 2);
+Q([
   v()
-], q.prototype, "endpoint", 2);
-J([
-  Mt({ context: Z })
-], q.prototype, "client", 2);
-q = J([
-  R("pulse-provider")
-], q);
-var ai = Object.defineProperty, li = Object.getOwnPropertyDescriptor, Ce = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? li(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+], W.prototype, "endpoint", 2);
+Q([
+  Ot({ context: J })
+], W.prototype, "client", 2);
+W = Q([
+  L("pulse-provider")
+], W);
+var li = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, _e = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? ci(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 && ai(e, t, s), s;
+  return i && s && li(e, t, s), s;
 };
-let G = class extends S {
+let Z = class extends P {
   constructor() {
     super(...arguments), this.maxVisible = 5, this.users = [];
   }
@@ -1268,7 +1268,7 @@ let G = class extends S {
     `;
   }
 };
-G.styles = M`
+Z.styles = O`
     :host {
       display: inline-flex;
       align-items: center;
@@ -1372,25 +1372,25 @@ G.styles = M`
       opacity: 1;
     }
   `;
-Ce([
-  pe({ context: Z, subscribe: !0 }),
+_e([
+  ue({ context: J, subscribe: !0 }),
   v({ attribute: !1 })
-], G.prototype, "client", 2);
-Ce([
+], Z.prototype, "client", 2);
+_e([
   v({ type: Number, attribute: "max-visible" })
-], G.prototype, "maxVisible", 2);
-Ce([
+], Z.prototype, "maxVisible", 2);
+_e([
   w()
-], G.prototype, "users", 2);
-G = Ce([
-  R("pulse-presence")
-], G);
-var ci = Object.defineProperty, di = Object.getOwnPropertyDescriptor, Ne = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? di(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+], Z.prototype, "users", 2);
+Z = _e([
+  L("pulse-presence")
+], Z);
+var di = Object.defineProperty, hi = Object.getOwnPropertyDescriptor, Be = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? hi(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 && ci(e, t, s), s;
+  return i && s && di(e, t, s), s;
 };
-let le = class extends S {
+let ce = class extends P {
   constructor() {
     super(...arguments), this.cursors = /* @__PURE__ */ new Map(), this.unsubs = [], this.handleLocalCursor = (n) => {
       var e;
@@ -1467,7 +1467,7 @@ let le = class extends S {
     `;
   }
 };
-le.styles = M`
+ce.styles = O`
     :host {
       position: fixed;
       top: 0;
@@ -1504,22 +1504,22 @@ le.styles = M`
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
     }
   `;
-Ne([
-  pe({ context: Z, subscribe: !0 }),
+Be([
+  ue({ context: J, subscribe: !0 }),
   v({ attribute: !1 })
-], le.prototype, "client", 2);
-Ne([
+], ce.prototype, "client", 2);
+Be([
   w()
-], le.prototype, "cursors", 2);
-le = Ne([
-  R("pulse-cursors")
-], le);
-var hi = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, fe = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? pi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+], ce.prototype, "cursors", 2);
+ce = Be([
+  L("pulse-cursors")
+], ce);
+var pi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, me = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? ui(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 && hi(e, t, s), s;
+  return i && s && pi(e, t, s), s;
 };
-let W = class extends S {
+let X = class extends P {
   constructor() {
     super(...arguments), this.showResolved = !1, this.threads = [], this.replyingTo = null;
   }
@@ -1637,7 +1637,7 @@ let W = class extends S {
     return o < 24 ? `${o}h ago` : e.toLocaleDateString();
   }
 };
-W.styles = M`
+X.styles = O`
     :host {
       display: block;
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
@@ -1849,41 +1849,41 @@ W.styles = M`
       opacity: 0.4;
     }
   `;
-fe([
-  pe({ context: Z, subscribe: !0 }),
+me([
+  ue({ context: J, subscribe: !0 }),
   v({ attribute: !1 })
-], W.prototype, "client", 2);
-fe([
+], X.prototype, "client", 2);
+me([
   v({ type: Boolean, attribute: "show-resolved" })
-], W.prototype, "showResolved", 2);
-fe([
+], X.prototype, "showResolved", 2);
+me([
   w()
-], W.prototype, "threads", 2);
-fe([
+], X.prototype, "threads", 2);
+me([
   w()
-], W.prototype, "replyingTo", 2);
-W = fe([
-  R("pulse-comments")
-], W);
-var ui = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, Be = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? fi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+], X.prototype, "replyingTo", 2);
+X = me([
+  L("pulse-comments")
+], X);
+var fi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, qe = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? mi(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 && ui(e, t, s), s;
+  return i && s && fi(e, t, s), s;
 };
-const mi = {
+const gi = {
   "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"
-}, gi = {
+}, bi = {
   "comment:created": "💬",
   "comment:mention": "📣",
   "comment:reply": "↩️",
   "thread:resolved": "✅",
   "reaction:added": "🎉"
 };
-let ce = class extends S {
+let de = class extends P {
   constructor() {
     super(...arguments), this.notifications = [];
   }
@@ -1950,11 +1950,11 @@ let ce = class extends S {
                   class="item ${e.read ? "" : "unread"}"
                   @click=${() => this.handleClick(e)}
                 >
-                  <span class="icon">${gi[e.type] ?? "🔔"}</span>
+                  <span class="icon">${bi[e.type] ?? "🔔"}</span>
                   <div class="content">
                     <div class="text">
                       <span class="actor">${this.getActorName(e.actorId)}</span>
-                      ${mi[e.type] ?? e.type}
+                      ${gi[e.type] ?? e.type}
                     </div>
                     <div class="time">${this.formatTime(e.createdAt)}</div>
                   </div>
@@ -1966,7 +1966,7 @@ let ce = class extends S {
     `;
   }
 };
-ce.styles = M`
+de.styles = O`
     :host {
       display: block;
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
@@ -2107,23 +2107,23 @@ ce.styles = M`
       opacity: 0.4;
     }
   `;
-Be([
-  pe({ context: Z, subscribe: !0 }),
+qe([
+  ue({ context: J, subscribe: !0 }),
   v({ attribute: !1 })
-], ce.prototype, "client", 2);
-Be([
+], de.prototype, "client", 2);
+qe([
   w()
-], ce.prototype, "notifications", 2);
-ce = Be([
-  R("pulse-notifications")
-], ce);
-var bi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, Q = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? vi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+], de.prototype, "notifications", 2);
+de = qe([
+  L("pulse-notifications")
+], de);
+var vi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, ee = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? xi(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 && bi(e, t, s), s;
+  return i && s && vi(e, t, s), s;
 };
-const xi = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
-let D = class extends S {
+const yi = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
+let H = class extends P {
   constructor() {
     super(...arguments), this.targetId = "", this.targetType = "comment", this.reactions = [], this.showPicker = !1;
   }
@@ -2184,7 +2184,7 @@ let D = class extends S {
         </button>
         ${this.showPicker ? d`
               <div class="picker">
-                ${xi.map(
+                ${yi.map(
       (e) => d`
                     <button @click=${() => this.addEmoji(e)}>
                       ${e}
@@ -2197,7 +2197,7 @@ let D = class extends S {
     `;
   }
 };
-D.styles = M`
+H.styles = O`
     :host {
       display: inline-flex;
       align-items: center;
@@ -2309,32 +2309,32 @@ D.styles = M`
       transform: scale(1.2);
     }
   `;
-Q([
-  pe({ context: Z, subscribe: !0 }),
+ee([
+  ue({ context: J, subscribe: !0 }),
   v({ attribute: !1 })
-], D.prototype, "client", 2);
-Q([
+], H.prototype, "client", 2);
+ee([
   v({ attribute: "target-id" })
-], D.prototype, "targetId", 2);
-Q([
+], H.prototype, "targetId", 2);
+ee([
   v({ attribute: "target-type" })
-], D.prototype, "targetType", 2);
-Q([
+], H.prototype, "targetType", 2);
+ee([
   w()
-], D.prototype, "reactions", 2);
-Q([
+], H.prototype, "reactions", 2);
+ee([
   w()
-], D.prototype, "showPicker", 2);
-D = Q([
-  R("pulse-reactions")
-], D);
+], H.prototype, "showPicker", 2);
+H = ee([
+  L("pulse-reactions")
+], H);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const yi = { CHILD: 2 }, wi = (n) => (...e) => ({ _$litDirective$: n, values: e });
-class $i {
+const wi = { CHILD: 2 }, $i = (n) => (...e) => ({ _$litDirective$: n, values: e });
+class ki {
   constructor(e) {
   }
   get _$AU() {
@@ -2355,9 +2355,9 @@ class $i {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Ie extends $i {
+class Oe extends ki {
   constructor(e) {
-    if (super(e), this.it = g, e.type !== yi.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    if (super(e), this.it = g, e.type !== wi.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(e) {
     if (e === g || e == null) return this._t = void 0, this.it = e;
@@ -2369,23 +2369,23 @@ class Ie extends $i {
     return t.raw = t, this._t = { _$litType$: this.constructor.resultType, strings: t, values: [] };
   }
 }
-Ie.directiveName = "unsafeHTML", Ie.resultType = 1;
+Oe.directiveName = "unsafeHTML", Oe.resultType = 1;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Me extends Ie {
+class Re extends Oe {
 }
-Me.directiveName = "unsafeSVG", Me.resultType = 2;
-const ki = wi(Me);
+Re.directiveName = "unsafeSVG", Re.resultType = 2;
+const Ei = $i(Re);
 /**
  * @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 Ei = [
+const Ci = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }],
   [
     "path",
@@ -2400,7 +2400,7 @@ const Ei = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ci = [
+const Ti = [
   ["circle", { cx: "12", cy: "12", r: "10" }],
   ["path", { d: "M12 6v6l4 2" }]
 ];
@@ -2424,7 +2424,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 Ti = [
+const Si = [
   ["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" }]
@@ -2435,7 +2435,7 @@ const Ti = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Si = [
+const Pi = [
   [
     "path",
     {
@@ -2449,7 +2449,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 Pi = [
+const Ai = [
   [
     "path",
     {
@@ -2471,7 +2471,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 Ai = [
+const Ii = [
   [
     "path",
     {
@@ -2486,7 +2486,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 _t = [
+const St = [
   ["path", { d: "M12 17v5" }],
   [
     "path",
@@ -2501,7 +2501,7 @@ const _t = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ii = [
+const Mi = [
   [
     "path",
     {
@@ -2516,7 +2516,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 Oi = [
   ["path", { d: "M10 11v6" }],
   ["path", { d: "M14 11v6" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }],
@@ -2529,7 +2529,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 Ri = [
   ["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" }]
 ];
@@ -2539,7 +2539,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 me = [
+const ge = [
   ["path", { d: "M18 6 6 18" }],
   ["path", { d: "m6 6 12 12" }]
 ];
@@ -2549,7 +2549,7 @@ const me = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ri = [
+const Li = [
   [
     "path",
     {
@@ -2557,14 +2557,14 @@ const Ri = [
     }
   ]
 ];
-function Li(n) {
+function ji(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 Kt`<svg
+  return Gt`<svg
     xmlns="http://www.w3.org/2000/svg"
     width="${e}"
     height="${e}"
@@ -2574,9 +2574,9 @@ function C(n, e = 18) {
     stroke-width="2"
     stroke-linecap="round"
     stroke-linejoin="round"
-  >${ki(Li(n))}</svg>`;
+  >${Ei(ji(n))}</svg>`;
 }
-const ee = M`
+const te = O`
   * {
     box-sizing: border-box;
     margin: 0;
@@ -2619,7 +2619,7 @@ const ee = 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);
   }
-`, ge = M`
+`, be = O`
   .pw-btn {
     display: inline-flex;
     align-items: center;
@@ -2663,7 +2663,7 @@ const ee = M`
     width: 18px;
     height: 18px;
   }
-`, _e = M`
+`, Se = O`
   .pw-scrollable::-webkit-scrollbar {
     width: 4px;
   }
@@ -2675,12 +2675,12 @@ const ee = M`
     background: transparent;
   }
 `;
-var ji = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, Fe = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? zi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var zi = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, Ve = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ui(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 && ji(e, t, s), s;
+  return i && s && zi(e, t, s), s;
 };
-let X = class extends S {
+let Y = class extends P {
   constructor() {
     super(...arguments), this.items = [], this.unsubs = [], this.counter = 0;
   }
@@ -2709,7 +2709,7 @@ let X = class extends S {
       userId: n.userId,
       description: n.description,
       timestamp: new Date(n.createdAt).getTime(),
-      color: X.TYPE_COLORS[n.type] ?? "#94a3b8"
+      color: Y.TYPE_COLORS[n.type] ?? "#94a3b8"
     };
   }
   getUserName(n) {
@@ -2731,7 +2731,7 @@ let X = class extends S {
         <div class="panel-header">
           <span class="panel-title">Activity</span>
           <button class="close-btn" @click=${this.fireClose} title="Close">
-            ${C(me, 16)}
+            ${C(ge, 16)}
           </button>
         </div>
 
@@ -2762,11 +2762,11 @@ let X = class extends S {
     `;
   }
 };
-X.styles = [
-  ee,
-  ge,
-  _e,
-  M`
+Y.styles = [
+  te,
+  be,
+  Se,
+  O`
       :host {
         display: block;
       }
@@ -2884,28 +2884,28 @@ X.styles = [
       }
     `
 ];
-X.TYPE_COLORS = {
+Y.TYPE_COLORS = {
   join: "#22c55e",
   leave: "#94a3b8",
   thread: "var(--pw-accent, #6366f1)",
   comment: "#3b82f6",
   resolve: "#22c55e"
 };
-Fe([
+Ve([
   v({ attribute: !1 })
-], X.prototype, "client", 2);
-Fe([
+], Y.prototype, "client", 2);
+Ve([
   w()
-], X.prototype, "items", 2);
-X = Fe([
-  R("pulse-widget-activity-panel")
-], X);
-const Ui = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", ot = "#6366f1", rt = "#e2e8f0", Di = "#f8fafc", Hi = "#e2e8f0", at = "#64748b", xe = 28, Ni = Array.from({ length: xe }, (n, e) => 0.2 + Math.abs(Math.sin(e * 12.9898 + 78.233) * 43758.5453) % 1 * 0.8);
-function lt(n) {
+], Y.prototype, "items", 2);
+Y = Ve([
+  L("pulse-widget-activity-panel")
+], Y);
+const Di = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", at = "#6366f1", lt = "#e2e8f0", Hi = "#f8fafc", Ni = "#e2e8f0", ct = "#64748b", ye = 28, Fi = Array.from({ length: ye }, (n, e) => 0.2 + Math.abs(Math.sin(e * 12.9898 + 78.233) * 43758.5453) % 1 * 0.8);
+function dt(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 Oe {
+class Le {
   /**
    * Create and return a fully self-contained inline audio player element.
    *
@@ -2926,12 +2926,12 @@ class Oe {
       width: "220px",
       height: "44px",
       padding: "0 10px",
-      background: Di,
+      background: Hi,
       borderRadius: "12px",
-      border: `1px solid ${Hi}`,
-      fontFamily: Ui,
+      border: `1px solid ${Ni}`,
+      fontFamily: Di,
       fontSize: "11px",
-      color: at,
+      color: ct,
       userSelect: "none",
       boxSizing: "border-box"
     });
@@ -2942,7 +2942,7 @@ class Oe {
       minWidth: "28px",
       borderRadius: "50%",
       border: "none",
-      background: ot,
+      background: at,
       cursor: "pointer",
       display: "flex",
       alignItems: "center",
@@ -2988,39 +2988,39 @@ class Oe {
       cursor: "pointer"
     });
     const m = [];
-    for (let E = 0; E < xe; E++) {
-      const I = document.createElement("div"), k = Math.round(Ni[E] * 20);
-      Object.assign(I.style, {
+    for (let E = 0; E < ye; E++) {
+      const M = document.createElement("div"), k = Math.round(Fi[E] * 20);
+      Object.assign(M.style, {
         flex: "1",
         height: `${Math.max(3, k)}px`,
         borderRadius: "1px",
-        background: rt,
+        background: lt,
         transition: "background 0.1s ease",
         minWidth: "0"
-      }), m.push(I), f.appendChild(I);
+      }), m.push(M), f.appendChild(M);
     }
     const x = document.createElement("div");
     Object.assign(x.style, {
       fontSize: "10px",
-      color: at,
+      color: ct,
       whiteSpace: "nowrap",
       lineHeight: "1"
     });
     function b() {
-      const E = lt(o), I = lt(s);
-      x.textContent = `${E} / ${I}`;
+      const E = dt(o), M = dt(s);
+      x.textContent = `${E} / ${M}`;
     }
     b(), u.appendChild(f), u.appendChild(x), l.appendChild(a), l.appendChild(u);
     function y() {
-      const E = s > 0 ? o / s : 0, I = Math.floor(E * xe);
-      for (let k = 0; k < xe; k++)
-        m[k].style.background = k <= I ? ot : rt;
+      const E = s > 0 ? o / s : 0, M = Math.floor(E * ye);
+      for (let k = 0; k < ye; k++)
+        m[k].style.background = k <= M ? at : lt;
     }
     return f.addEventListener("click", (E) => {
       if (s <= 0) return;
-      const I = f.getBoundingClientRect(), k = Math.min(
+      const M = f.getBoundingClientRect(), k = Math.min(
         1,
-        Math.max(0, (E.clientX - I.left) / I.width)
+        Math.max(0, (E.clientX - M.left) / M.width)
       );
       r.currentTime = k * s, o = r.currentTime, y(), b();
     }), a.addEventListener("click", () => {
@@ -3041,7 +3041,7 @@ class Oe {
     }), l;
   }
 }
-class Re {
+class je {
   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));
@@ -3191,11 +3191,11 @@ class Re {
     this.recorder = null, this.container && (this.container.remove(), this.container = null), this.canvas = null, this.timerEl = null;
   }
 }
-const ct = 80, Bi = "#e2e8f0", Fi = `
+const ht = 80, Bi = "#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>`, dt = `
+</svg>`, pt = `
 <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"/>
@@ -3205,8 +3205,11 @@ const ct = 80, Bi = "#e2e8f0", Fi = `
   <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>`;
-class Tt {
+</svg>`, Wi = `
+<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"/>
+</svg>`, _ = class _ {
   /**
    * Renders an inline circular video player and returns the root container.
    * @param url - Video source URL
@@ -3218,8 +3221,8 @@ class Tt {
     Object.assign(o.style, {
       position: "relative",
       display: "inline-block",
-      width: `${ct}px`,
-      height: `${ct}px`,
+      width: `${ht}px`,
+      height: `${ht}px`,
       borderRadius: "50%",
       border: `2px solid ${Bi}`,
       boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
@@ -3251,7 +3254,7 @@ class Tt {
       transition: "opacity 0.25s ease",
       opacity: "1",
       pointerEvents: "none"
-    }), l.innerHTML = Fi, o.appendChild(l);
+    }), l.innerHTML = qi, o.appendChild(l);
     const a = document.createElement("div");
     Object.assign(a.style, {
       position: "absolute",
@@ -3266,22 +3269,113 @@ class Tt {
       justifyContent: "center",
       pointerEvents: "none",
       transition: "opacity 0.2s ease"
-    }), a.innerHTML = dt, o.appendChild(a);
-    function c() {
+    }), a.innerHTML = pt, o.appendChild(a);
+    const c = document.createElement("div");
+    Object.assign(c.style, {
+      position: "absolute",
+      top: "2px",
+      right: "2px",
+      width: "22px",
+      height: "22px",
+      borderRadius: "50%",
+      background: "rgba(0,0,0,0.45)",
+      display: "none",
+      alignItems: "center",
+      justifyContent: "center",
+      cursor: "pointer",
+      pointerEvents: "auto",
+      transition: "opacity 0.2s ease, background 0.15s ease"
+    }), c.innerHTML = Wi, c.title = "Fullscreen", c.addEventListener("mouseenter", () => {
+      c.style.background = "rgba(0,0,0,0.7)";
+    }), c.addEventListener("mouseleave", () => {
+      c.style.background = "rgba(0,0,0,0.45)";
+    }), c.addEventListener("click", (u) => {
+      u.stopPropagation(), _.openFullscreen(e, t);
+    }), o.appendChild(c);
+    function h() {
       l.style.opacity = i ? "0" : "1";
     }
-    function h() {
-      a.style.display = i ? "flex" : "none", a.innerHTML = s ? dt : Vi;
+    function p() {
+      a.style.display = i ? "flex" : "none", a.innerHTML = s ? pt : Vi, c.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(() => {
-      }), i = !0), c(), h();
+    return o.addEventListener("click", (u) => {
+      u.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(() => {
+      }), i = !0), h(), p();
     }), r.addEventListener("pause", () => {
-      i && (i = !1, s = !0, r.muted = !0, c(), h());
+      i && (i = !1, s = !0, r.muted = !0, h(), p());
     }), o;
   }
-}
-const ht = 60, qi = `
+  static openFullscreen(e, t) {
+    _.closeFullscreen();
+    const i = document.createElement("div");
+    Object.assign(i.style, {
+      position: "fixed",
+      top: "0",
+      left: "0",
+      width: "100%",
+      height: "100%",
+      zIndex: "100000",
+      background: "rgba(0,0,0,0.85)",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      opacity: "0",
+      transition: "opacity 200ms ease",
+      cursor: "pointer",
+      fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"
+    });
+    const s = document.createElement("button");
+    s.textContent = "×", Object.assign(s.style, {
+      position: "absolute",
+      top: "16px",
+      right: "16px",
+      width: "40px",
+      height: "40px",
+      border: "none",
+      borderRadius: "50%",
+      background: "rgba(255,255,255,0.15)",
+      color: "#fff",
+      fontSize: "24px",
+      cursor: "pointer",
+      padding: "0",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      transition: "background 150ms ease",
+      zIndex: "1"
+    }), s.addEventListener("mouseenter", () => {
+      s.style.background = "rgba(255,255,255,0.3)";
+    }), s.addEventListener("mouseleave", () => {
+      s.style.background = "rgba(255,255,255,0.15)";
+    }), s.addEventListener("click", (l) => {
+      l.stopPropagation(), _.closeFullscreen();
+    });
+    const o = document.createElement("video");
+    Object.assign(o.style, {
+      maxWidth: "90vw",
+      maxHeight: "90vh",
+      borderRadius: "8px",
+      outline: "none",
+      cursor: "default"
+    }), o.src = e, o.controls = !0, o.autoplay = !0, o.playsInline = !0, t && (o.poster = t), o.addEventListener("click", (l) => l.stopPropagation()), i.appendChild(s), i.appendChild(o), i.addEventListener("click", () => _.closeFullscreen());
+    const r = (l) => {
+      l.key === "Escape" && _.closeFullscreen();
+    };
+    document.addEventListener("keydown", r), _.fullscreenOverlay = i, _.fullscreenKeyHandler = r, document.body.appendChild(i), requestAnimationFrame(() => {
+      i.style.opacity = "1";
+    });
+  }
+  static closeFullscreen() {
+    if (!_.fullscreenOverlay) return;
+    const e = _.fullscreenOverlay;
+    _.fullscreenKeyHandler && (document.removeEventListener("keydown", _.fullscreenKeyHandler), _.fullscreenKeyHandler = null);
+    const t = e.querySelector("video");
+    t && t.pause(), e.style.opacity = "0", e.addEventListener("transitionend", () => e.remove()), _.fullscreenOverlay = null;
+  }
+};
+_.fullscreenOverlay = null, _.fullscreenKeyHandler = null;
+let Ee = _;
+const ut = 60, Xi = `
   .vr-overlay {
     display: flex;
     flex-direction: column;
@@ -3388,14 +3482,14 @@ const ht = 60, qi = `
     color: #0f172a;
   }
 `;
-function pt(n) {
+function ft(n) {
   return n.toString().padStart(2, "0");
 }
-function Wi(n) {
+function Yi(n) {
   const e = Math.floor(n / 60), t = n % 60;
-  return `${pt(e)}:${pt(t)}`;
+  return `${ft(e)}:${ft(t)}`;
 }
-function Xi() {
+function Ki() {
   const n = [
     "video/webm;codecs=vp9,opus",
     "video/webm;codecs=vp8,opus",
@@ -3406,7 +3500,7 @@ function Xi() {
     if (MediaRecorder.isTypeSupported(e)) return e;
   return "";
 }
-function Yi(n) {
+function Gi(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", () => {
@@ -3425,7 +3519,7 @@ function Yi(n) {
     }), s.load();
   });
 }
-class Le {
+class ze {
   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;
   }
@@ -3442,7 +3536,7 @@ class Le {
     }
     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 = Xi(), s = {};
+    const i = Ki(), s = {};
     i && (s.mimeType = i);
     const o = new MediaRecorder(t, s);
     return this.mediaRecorder = o, o.ondataavailable = (r) => {
@@ -3450,7 +3544,7 @@ class Le {
     }, o.onstop = () => {
       this.handleRecordingComplete();
     }, o.start(), this.timerInterval = setInterval(() => {
-      this.elapsed++, this.updateTimer(), this.elapsed >= ht && this.stopRecording();
+      this.elapsed++, this.updateTimer(), this.elapsed >= ut && this.stopRecording();
     }, 1e3), new Promise((r) => {
       this.resolvePromise = r;
     });
@@ -3467,7 +3561,7 @@ class Le {
   }
   // ── Private ──
   buildUI(e) {
-    this.styleEl = document.createElement("style"), this.styleEl.textContent = qi, document.head.appendChild(this.styleEl), this.root = document.createElement("div"), this.root.className = "vr-overlay";
+    this.styleEl = document.createElement("style"), this.styleEl.textContent = Xi, 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");
@@ -3483,15 +3577,15 @@ class Le {
   }
   updateTimer() {
     if (!this.timerEl) return;
-    const e = ht - this.elapsed;
-    this.timerEl.textContent = Wi(this.elapsed), e <= 10 ? this.timerEl.classList.add("vr-countdown") : this.timerEl.classList.remove("vr-countdown");
+    const e = ut - this.elapsed;
+    this.timerEl.textContent = Yi(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 Yi(t);
+      i = await Gi(t);
     } catch {
       const r = document.createElement("canvas");
       r.width = 1, r.height = 1, i = await new Promise((l) => {
@@ -3514,10 +3608,10 @@ class Le {
     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 T = class T {
+const S = class S {
   /** Opens a fullscreen lightbox overlay showing the image. */
   static open(e) {
-    T.close();
+    S.close();
     const t = document.createElement("div");
     t.id = "pulse-widget-lightbox", Object.assign(t.style, {
       position: "fixed",
@@ -3561,7 +3655,7 @@ const T = class T {
     }), i.addEventListener("mouseleave", () => {
       i.style.background = "rgba(255,255,255,0.15)";
     }), i.addEventListener("click", (r) => {
-      r.stopPropagation(), T.close();
+      r.stopPropagation(), S.close();
     });
     const s = document.createElement("img");
     s.src = e, s.alt = "Lightbox image", Object.assign(s.style, {
@@ -3574,27 +3668,27 @@ const T = class T {
     }), s.addEventListener("click", (r) => {
       r.stopPropagation();
     }), t.appendChild(i), t.appendChild(s), t.addEventListener("click", () => {
-      T.close();
+      S.close();
     });
     const o = (r) => {
-      r.key === "Escape" && T.close();
+      r.key === "Escape" && S.close();
     };
-    document.addEventListener("keydown", o), T.overlay = t, T.onKeyDown = o, document.body.appendChild(t), requestAnimationFrame(() => {
+    document.addEventListener("keydown", o), S.overlay = t, S.onKeyDown = o, document.body.appendChild(t), requestAnimationFrame(() => {
       t.style.opacity = "1";
     });
   }
   /** Closes the lightbox if open. */
   static close() {
-    if (!T.overlay) return;
-    const e = T.overlay;
-    T.onKeyDown && (document.removeEventListener("keydown", T.onKeyDown), T.onKeyDown = null), e.style.opacity = "0", e.addEventListener("transitionend", () => {
+    if (!S.overlay) return;
+    const e = S.overlay;
+    S.onKeyDown && (document.removeEventListener("keydown", S.onKeyDown), S.onKeyDown = null), e.style.opacity = "0", e.addEventListener("transitionend", () => {
       e.remove();
-    }), T.overlay = null;
+    }), S.overlay = null;
   }
 };
-T.overlay = null, T.onKeyDown = null;
-let ke = T;
-class ne {
+S.overlay = null, S.onKeyDown = null;
+let Ce = S;
+class oe {
   constructor(e) {
     this.uploading = !1, this.client = e, this.input = document.createElement("input"), this.input.type = "file", this.input.style.display = "none", document.body.appendChild(this.input);
   }
@@ -3688,7 +3782,7 @@ class ne {
     this.input.remove();
   }
 }
-const Ki = ["👍", "👎", "❤️", "🎉", "👀", "🚀"], be = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", Gi = '<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>', Zi = '<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>', ut = `<button class="pulse-close-btn" style="
+const Zi = ["👍", "👎", "❤️", "🎉", "👀", "🚀"], ve = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", Ji = '<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>', Qi = '<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>', mt = `<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;
@@ -3696,7 +3790,7 @@ const Ki = ["👍", "👎", "❤️", "🎉", "👀", "🚀"], be = "-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 Ji {
+class es {
   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(() => {
@@ -3832,11 +3926,11 @@ class Ji {
       boxShadow: "0 8px 40px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.08)",
       border: "1px solid #e2e8f0",
       padding: "14px",
-      fontFamily: be
+      fontFamily: ve
     }), 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>
-        ${ut}
+        ${mt}
       </div>
       <textarea
         placeholder="Write a comment..."
@@ -3869,7 +3963,7 @@ class Ji {
       <div class="pin-attachments-preview" style="margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;"></div>
     `;
     const a = this.form.querySelector("textarea"), c = this.form.querySelector(".pulse-close-btn"), h = this.form.querySelector(".pin-submit");
-    c.addEventListener("click", () => this.exitPinMode()), this.pendingAttachmentIds = [], this.upload || (this.upload = new ne(this.client));
+    c.addEventListener("click", () => this.exitPinMode()), this.pendingAttachmentIds = [], this.upload || (this.upload = new oe(this.client));
     const p = this.form.querySelector(".pin-attachments-preview"), u = (m, x) => {
       const b = document.createElement("div");
       Object.assign(b.style, { position: "relative", display: "inline-block" }), b.appendChild(x);
@@ -3908,7 +4002,7 @@ class Ji {
       }
     }), this.form.querySelector(".attach-mic").addEventListener("click", async () => {
       if (this.pendingAttachmentIds.length >= f) return;
-      this.audioRecorder || (this.audioRecorder = new Re());
+      this.audioRecorder || (this.audioRecorder = new je());
       const m = await this.audioRecorder.startRecording(p);
       if (m) {
         const x = await this.upload.uploadBlob(m, "audio.webm");
@@ -3920,7 +4014,7 @@ class Ji {
       }
     }), this.form.querySelector(".attach-video").addEventListener("click", async () => {
       if (this.pendingAttachmentIds.length >= f) return;
-      this.videoRecorder || (this.videoRecorder = new Le());
+      this.videoRecorder || (this.videoRecorder = new ze());
       const m = await this.videoRecorder.startRecording(p);
       if (m) {
         const x = await this.upload.uploadBlob(m.blob, "video.webm");
@@ -3955,7 +4049,7 @@ class Ji {
       borderRadius: i ? "16px 16px 0 0" : "12px",
       boxShadow: "0 8px 40px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.08)",
       border: "1px solid #e2e8f0",
-      fontFamily: be,
+      fontFamily: ve,
       display: "flex",
       flexDirection: "column",
       overflow: "hidden",
@@ -3972,7 +4066,7 @@ class Ji {
       flexShrink: "0"
     }), a.innerHTML = `
       <span style="font-size:13px;font-weight:700;color:#0f172a;">Thread</span>
-      ${ut}
+      ${mt}
     `, a.querySelector(".pulse-close-btn").addEventListener("click", () => {
       this.closePopover();
     }), this.popover.appendChild(a), this.refreshPopoverComments(e), this.addPopoverReplyForm(e), document.body.appendChild(this.popover);
@@ -4022,20 +4116,20 @@ class Ji {
         '<span style="color:#6366f1;font-weight:600;background:#eef2ff;padding:0 3px;border-radius:3px;">@$1</span>'
       ) : "", y = (a.attachments ?? []).map((k) => {
         if (k.type === "image") {
-          const Pt = k.thumbnailUrl || k.url;
+          const At = k.thumbnailUrl || k.url;
           return `<div class="popover-attachment-img" data-full-url="${this.escapeHtml(k.url)}" style="margin:4px 0 4px 29px;cursor:pointer;">
-              <img src="${this.escapeHtml(Pt)}" alt="${this.escapeHtml(k.filename)}" style="max-width:180px;max-height:120px;border-radius:8px;border:1px solid #e2e8f0;display:block;" />
+              <img src="${this.escapeHtml(At)}" alt="${this.escapeHtml(k.filename)}" style="max-width:180px;max-height:120px;border-radius:8px;border:1px solid #e2e8f0;display:block;" />
             </div>`;
         }
         return k.type === "audio" ? `<div class="popover-attachment-audio" data-url="${this.escapeHtml(k.url)}" data-duration="${k.durationMs ?? ""}" style="margin:4px 0 4px 29px;"></div>` : k.type === "video" ? `<div class="popover-attachment-video" data-url="${this.escapeHtml(k.url)}" data-poster="${this.escapeHtml(k.thumbnailUrl ?? "")}" style="margin:4px 0 4px 29px;"></div>` : "";
       }).join(""), E = m ? `<div class="popover-comment-actions" style="display:flex;gap:2px;margin-top:2px;margin-left:29px;">
               <button class="edit-btn" data-comment-id="${a.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'">${Gi}</button>
+                onmouseout="this.style.color='#94a3b8';this.style.background='none'">${Ji}</button>
               <button class="delete-btn" data-comment-id="${a.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'">${Zi}</button>
-            </div>` : "", I = this.buildReactionPillsHtml(a.id);
+                onmouseout="this.style.color='#94a3b8';this.style.background='none'">${Qi}</button>
+            </div>` : "", M = this.buildReactionPillsHtml(a.id);
       return `
           <div class="popover-comment" style="margin-bottom:10px;" data-comment-id="${a.id}">
             <div style="display:flex;align-items:center;gap:7px;margin-bottom:2px;">
@@ -4047,7 +4141,7 @@ class Ji {
             ${b ? `<div style="font-size:13px;color:#334155;line-height:1.45;margin-left:29px;word-wrap:break-word;">${b}</div>` : ""}
             ${y}
             ${E}
-            ${I}
+            ${M}
           </div>
         `;
     }).join(""), t.querySelectorAll(".edit-btn").forEach((a) => {
@@ -4088,18 +4182,18 @@ class Ji {
     }), t.querySelectorAll(".popover-attachment-img").forEach((a) => {
       a.addEventListener("click", () => {
         const c = a.dataset.fullUrl;
-        c && ke.open(c);
+        c && Ce.open(c);
       });
     }), t.querySelectorAll(".popover-attachment-audio").forEach((a) => {
       const c = a.dataset.url;
       if (c) {
-        const h = a.dataset.duration ? parseInt(a.dataset.duration) : void 0, p = Oe.render(c, h);
+        const h = a.dataset.duration ? parseInt(a.dataset.duration) : void 0, p = Le.render(c, h);
         a.appendChild(p);
       }
     }), t.querySelectorAll(".popover-attachment-video").forEach((a) => {
       const c = a.dataset.url;
       if (c) {
-        const h = a.dataset.poster || void 0, p = Tt.render(c, h);
+        const h = a.dataset.poster || void 0, p = Ee.render(c, h);
         a.appendChild(p);
       }
     }), t.scrollTop = t.scrollHeight;
@@ -4132,7 +4226,7 @@ class Ji {
       </div>
     `;
     const o = t.querySelector("input"), r = t.querySelector(".reply-send"), l = t.querySelector(".reply-attachments-preview");
-    this.upload || (this.upload = new ne(this.client));
+    this.upload || (this.upload = new oe(this.client));
     const a = [], c = (u, f) => {
       const m = document.createElement("span");
       Object.assign(m.style, { position: "relative", display: "inline-flex", alignItems: "center", padding: "2px 18px 2px 8px", borderRadius: "4px", background: "#f1f5f9", fontSize: "10px", color: "#64748b" }), m.textContent = f;
@@ -4168,7 +4262,7 @@ class Ji {
         a.push(m.id), c(m.id, "📎 Image");
     }), t.querySelector(".reply-attach-mic").addEventListener("click", async () => {
       if (a.length >= h) return;
-      this.audioRecorder || (this.audioRecorder = new Re());
+      this.audioRecorder || (this.audioRecorder = new je());
       const u = await this.audioRecorder.startRecording(t);
       if (u) {
         const f = await this.upload.uploadBlob(u, "audio.webm");
@@ -4176,7 +4270,7 @@ class Ji {
       }
     }), t.querySelector(".reply-attach-video").addEventListener("click", async () => {
       if (a.length >= h) return;
-      this.videoRecorder || (this.videoRecorder = new Le());
+      this.videoRecorder || (this.videoRecorder = new ze());
       const u = await this.videoRecorder.startRecording(t);
       if (u) {
         const f = await this.upload.uploadBlob(u.blob, "video.webm");
@@ -4216,9 +4310,9 @@ class Ji {
       borderRadius: "8px",
       boxShadow: "0 4px 24px rgba(0,0,0,0.12)",
       zIndex: "10002",
-      fontFamily: be
+      fontFamily: ve
     });
-    for (const s of Ki) {
+    for (const s of Zi) {
       const o = document.createElement("button");
       Object.assign(o.style, {
         border: "none",
@@ -4328,7 +4422,7 @@ class Ji {
         justifyContent: "center",
         fontSize: "11px",
         fontWeight: "700",
-        fontFamily: be,
+        fontFamily: ve,
         cursor: "pointer",
         pointerEvents: "auto",
         boxShadow: "0 2px 8px rgba(99,102,241,0.4)",
@@ -4353,13 +4447,13 @@ class Ji {
     });
   }
 }
-var Qi = Object.defineProperty, es = Object.getOwnPropertyDescriptor, j = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? es(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var ts = Object.defineProperty, is = Object.getOwnPropertyDescriptor, z = (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 && Qi(e, t, s), s;
+  return i && s && ts(e, t, s), s;
 };
-const ts = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
-let P = class extends S {
+const ss = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
+let A = class extends P {
   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 = [];
   }
@@ -4383,12 +4477,12 @@ let P = class extends S {
       const s = i.dataset.url;
       if (s) {
         const o = i.dataset.duration ? parseInt(i.dataset.duration) : void 0;
-        i.appendChild(Oe.render(s, o));
+        i.appendChild(Le.render(s, o));
       }
     }), (t = this.shadowRoot) == null || t.querySelectorAll(".video-player-host").forEach((i) => {
       if (i.children.length > 0) return;
       const s = i.dataset.url;
-      s && i.appendChild(Tt.render(s, i.dataset.poster || void 0));
+      s && i.appendChild(Ee.render(s, i.dataset.poster || void 0));
     });
   }
   teardownListeners() {
@@ -4473,16 +4567,16 @@ let P = class extends S {
     return o < 24 ? `${o}h` : e.toLocaleDateString();
   }
   async handleAttachImage() {
-    this.upload || (this.upload = new ne(this.client));
-    const n = P.MAX_ATTACHMENTS - this.replyAttachmentIds.length;
+    this.upload || (this.upload = new oe(this.client));
+    const n = A.MAX_ATTACHMENTS - this.replyAttachmentIds.length;
     if (n <= 0) return;
     const e = await this.upload.pickFiles("image/*", n);
     e.length > 0 && (this.replyAttachmentIds.push(...e.map((t) => t.id)), this.requestUpdate());
   }
   async handleRecordAudio(n) {
     var i;
-    if (this.replyAttachmentIds.length >= P.MAX_ATTACHMENTS) return;
-    this.upload || (this.upload = new ne(this.client)), this.audioRecorder || (this.audioRecorder = new Re());
+    if (this.replyAttachmentIds.length >= A.MAX_ATTACHMENTS) return;
+    this.upload || (this.upload = new oe(this.client)), this.audioRecorder || (this.audioRecorder = new je());
     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");
@@ -4491,8 +4585,8 @@ let P = class extends S {
   }
   async handleRecordVideo(n) {
     var i;
-    if (this.replyAttachmentIds.length >= P.MAX_ATTACHMENTS) return;
-    this.upload || (this.upload = new ne(this.client)), this.videoRecorder || (this.videoRecorder = new Le());
+    if (this.replyAttachmentIds.length >= A.MAX_ATTACHMENTS) return;
+    this.upload || (this.upload = new oe(this.client)), this.videoRecorder || (this.videoRecorder = new ze());
     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");
@@ -4576,7 +4670,7 @@ let P = class extends S {
           +
           ${this.pickerOpenForComment === n.id ? d`
                 <div class="emoji-picker">
-                  ${ts.map(
+                  ${ss.map(
       (o) => d`
                       <button @click=${(r) => {
         r.stopPropagation(), this.toggleReaction(n.id, o);
@@ -4612,7 +4706,7 @@ let P = class extends S {
             <span class="thread-count">${this.threads.length}</span>
           </span>
           <button class="close-btn" @click=${this.fireClose} title="Close">
-            ${C(me, 16)}
+            ${C(ge, 16)}
           </button>
         </div>
 
@@ -4640,7 +4734,7 @@ let P = class extends S {
                 class="comment-attachment-img"
                 src=${t}
                 alt=${e.filename}
-                @click=${() => ke.open(e.url)}
+                @click=${() => Ce.open(e.url)}
               />
             </div>
           `;
@@ -4658,7 +4752,7 @@ let P = class extends S {
     `;
   }
   renderAudioPlayer(n) {
-    const e = document.createElement("div"), t = Oe.render(n.url, n.durationMs);
+    const e = document.createElement("div"), t = Le.render(n.url, n.durationMs);
     return e.appendChild(t), d`<div class="audio-player-host" data-url=${n.url} data-duration=${n.durationMs ?? ""}></div>`;
   }
   renderVideoPlayer(n) {
@@ -4672,7 +4766,7 @@ let P = class extends S {
         data-thread-id=${n.id}
       >
         ${n.position ? d`<div class="pin-badge">
-              ${C(_t, 12)}
+              ${C(St, 12)}
               Pinned
             </div>` : g}
         ${n.comments.map((t, i) => {
@@ -4696,8 +4790,8 @@ let P = class extends S {
                     ${this.renderAttachments(t.attachments ?? [])}
                   `}
               ${o && !r ? d`<div class="comment-actions">
-                    <button @click=${() => this.startEdit(t)} title="Edit">${C(Ai, 14)}</button>
-                    <button class="danger" @click=${() => this.deleteComment(t.id)} title="Delete">${C(Mi, 14)}</button>
+                    <button @click=${() => this.startEdit(t)} title="Edit">${C(Ii, 14)}</button>
+                    <button class="danger" @click=${() => this.deleteComment(t.id)} title="Delete">${C(Oi, 14)}</button>
                   </div>` : g}
               ${this.renderReactions(t)}
             </div>
@@ -4738,19 +4832,19 @@ let P = class extends S {
                     class="reply-media-btn"
                     title="Attach image"
                     @click=${() => this.handleAttachImage()}
-                  >${C(Si, 16)}</button>
+                  >${C(Pi, 16)}</button>
                   <button
                     type="button"
                     class="reply-media-btn"
                     title="Record audio"
                     @click=${() => this.handleRecordAudio(n.id)}
-                  >${C(Ti, 16)}</button>
+                  >${C(Si, 16)}</button>
                   <button
                     type="button"
                     class="reply-media-btn"
                     title="Record video"
                     @click=${() => this.handleRecordVideo(n.id)}
-                  >${C(Oi, 16)}</button>
+                  >${C(Ri, 16)}</button>
                   <div class="reply-preview">
                     ${this.replyAttachmentIds.map(
       (t, i) => d`<span class="reply-preview-badge">
@@ -4770,11 +4864,11 @@ let P = class extends S {
     `;
   }
 };
-P.styles = [
-  ee,
-  ge,
-  _e,
-  M`
+A.styles = [
+  te,
+  be,
+  Se,
+  O`
       :host {
         display: block;
       }
@@ -5314,56 +5408,56 @@ P.styles = [
       }
     `
 ];
-P.MAX_ATTACHMENTS = 5;
-j([
+A.MAX_ATTACHMENTS = 5;
+z([
   v({ attribute: !1 })
-], P.prototype, "client", 2);
-j([
+], A.prototype, "client", 2);
+z([
   v()
-], P.prototype, "highlightThreadId", 2);
-j([
+], A.prototype, "highlightThreadId", 2);
+z([
   w()
-], P.prototype, "threadsVersion", 2);
-j([
+], A.prototype, "threadsVersion", 2);
+z([
   w()
-], P.prototype, "replyingTo", 2);
-j([
+], A.prototype, "replyingTo", 2);
+z([
   w()
-], P.prototype, "editingCommentId", 2);
-j([
+], A.prototype, "editingCommentId", 2);
+z([
   w()
-], P.prototype, "editBody", 2);
-j([
+], A.prototype, "editBody", 2);
+z([
   w()
-], P.prototype, "pickerOpenForComment", 2);
-j([
+], A.prototype, "pickerOpenForComment", 2);
+z([
   w()
-], P.prototype, "typingByThread", 2);
-j([
+], A.prototype, "typingByThread", 2);
+z([
   w()
-], P.prototype, "reactionsVersion", 2);
-P = j([
-  R("pulse-widget-comments-panel")
-], P);
-var is = Object.defineProperty, ss = Object.getOwnPropertyDescriptor, Ve = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? ss(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+], A.prototype, "reactionsVersion", 2);
+A = z([
+  L("pulse-widget-comments-panel")
+], A);
+var ns = Object.defineProperty, os = Object.getOwnPropertyDescriptor, We = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? os(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 && is(e, t, s), s;
+  return i && s && ns(e, t, s), s;
 };
-const ns = {
+const rs = {
   "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"
-}, os = {
+}, as = {
   "comment:created": "💬",
   "comment:mention": "📣",
   "comment:reply": "↩️",
   "thread:resolved": "✅",
   "reaction:added": "🎉"
 };
-let de = class extends S {
+let he = class extends P {
   constructor() {
     super(...arguments), this.notifications = [];
   }
@@ -5419,7 +5513,7 @@ let de = class extends S {
                   Mark all read
                 </button>` : g}
             <button class="close-btn" @click=${this.fireClose} title="Close">
-              ${C(me, 16)}
+              ${C(ge, 16)}
             </button>
           </div>
         </div>
@@ -5434,11 +5528,11 @@ let de = class extends S {
                     class="item ${e.read ? "" : "unread"}"
                     @click=${() => this.handleClick(e)}
                   >
-                    <span class="icon">${os[e.type] ?? "🔔"}</span>
+                    <span class="icon">${as[e.type] ?? "🔔"}</span>
                     <div class="content">
                       <div class="text">
                         <span class="actor">${this.getActorName(e.actorId)}</span>
-                        ${ns[e.type] ?? e.type}
+                        ${rs[e.type] ?? e.type}
                       </div>
                       <div class="time">${this.formatTime(e.createdAt)}</div>
                     </div>
@@ -5451,11 +5545,11 @@ let de = class extends S {
     `;
   }
 };
-de.styles = [
-  ee,
-  ge,
-  _e,
-  M`
+he.styles = [
+  te,
+  be,
+  Se,
+  O`
       :host {
         display: block;
       }
@@ -5648,17 +5742,17 @@ de.styles = [
       }
     `
 ];
-Ve([
+We([
   v({ attribute: !1 })
-], de.prototype, "client", 2);
-Ve([
+], he.prototype, "client", 2);
+We([
   w()
-], de.prototype, "notifications", 2);
-de = Ve([
-  R("pulse-widget-notifications-panel")
-], de);
-const rs = 3e3;
-class as {
+], he.prototype, "notifications", 2);
+he = We([
+  L("pulse-widget-notifications-panel")
+], he);
+const ls = 3e3;
+class cs {
   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({
@@ -5710,7 +5804,7 @@ class as {
     ), this.setSending(!0), this.staleTimer = setInterval(() => {
       const e = Date.now();
       for (const [t, i] of this.cursorLastSeen)
-        if (e - i > rs) {
+        if (e - i > ls) {
           this.cursors.delete(t);
           const s = this.cursorEls.get(t);
           s && s.remove(), this.cursorEls.delete(t), this.cursorLastSeen.delete(t);
@@ -5806,7 +5900,7 @@ class as {
     i.style.transform = `translate(${t.position.x}px, ${t.position.y}px)`;
   }
 }
-class ls {
+class ds {
   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 l, a, c;
@@ -5889,9 +5983,9 @@ class ls {
     this.fadeTimers.set(e, t);
   }
 }
-function cs(n) {
+function hs(n) {
   if (!n.rangeCount || n.isCollapsed) return null;
-  const e = n.getRangeAt(0), t = e.startContainer, i = e.endContainer, s = ft(t), o = ft(i);
+  const e = n.getRangeAt(0), t = e.startContainer, i = e.endContainer, s = gt(t), o = gt(i);
   return !s || !o ? null : {
     startSelector: s,
     startOffset: e.startOffset,
@@ -5899,10 +5993,10 @@ function cs(n) {
     endOffset: e.endOffset
   };
 }
-function ds(n) {
+function ps(n) {
   var e, t;
   try {
-    const i = gt(n.startSelector), s = gt(n.endSelector);
+    const i = vt(n.startSelector), s = vt(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, l = 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, l)), o;
@@ -5910,18 +6004,18 @@ function ds(n) {
     return null;
   }
 }
-function ft(n) {
+function gt(n) {
   if (n.nodeType === Node.TEXT_NODE) {
     const e = n.parentElement;
     if (!e) return null;
-    const t = mt(e);
+    const t = bt(e);
     if (!t) return null;
     const i = Array.from(e.childNodes).indexOf(n);
     return `${t}::text(${i})`;
   }
-  return n.nodeType === Node.ELEMENT_NODE ? mt(n) : null;
+  return n.nodeType === Node.ELEMENT_NODE ? bt(n) : null;
 }
-function mt(n) {
+function bt(n) {
   if (!n || n === document.documentElement) return "html";
   if (n === document.body) return "body";
   if (n.id) return `#${CSS.escape(n.id)}`;
@@ -5947,7 +6041,7 @@ function mt(n) {
   }
   return e.length > 0 ? e.join(" > ") : null;
 }
-function gt(n) {
+function vt(n) {
   const e = n.match(/^(.+)::text\((\d+)\)$/);
   if (e) {
     const t = e[1], i = parseInt(e[2], 10);
@@ -5964,7 +6058,7 @@ function gt(n) {
     return null;
   }
 }
-class hs {
+class us {
   constructor(e) {
     this.container = null, this.unsubs = [], this.enabled = !1, this.selectionEls = /* @__PURE__ */ new Map(), this.clearTimers = /* @__PURE__ */ new Map(), this.client = e;
   }
@@ -6008,7 +6102,7 @@ class hs {
     if (!this.container) return;
     const i = (l = this.client.state.user) == null ? void 0 : l.id;
     if (e === i || (this.clearSelection(e), !t)) return;
-    const s = ds(t);
+    const s = ps(t);
     if (!s) return;
     const o = this.client.state.presence.find(
       (a) => a.user.id === e
@@ -6047,12 +6141,12 @@ class hs {
     }
   }
 }
-var ps = Object.defineProperty, us = Object.getOwnPropertyDescriptor, qe = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? us(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var fs = Object.defineProperty, ms = Object.getOwnPropertyDescriptor, Xe = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? ms(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 && ps(e, t, s), s;
+  return i && s && fs(e, t, s), s;
 };
-let he = class extends S {
+let pe = class extends P {
   constructor() {
     super(...arguments), this.roomId = "";
   }
@@ -6093,7 +6187,7 @@ let he = class extends S {
         <div class="panel-header">
           <span class="panel-title">Settings</span>
           <button class="close-btn" @click=${this.fireClose} title="Close">
-            ${C(me, 16)}
+            ${C(ge, 16)}
           </button>
         </div>
 
@@ -6138,11 +6232,11 @@ let he = class extends S {
     `;
   }
 };
-he.styles = [
-  ee,
-  ge,
-  _e,
-  M`
+pe.styles = [
+  te,
+  be,
+  Se,
+  O`
       :host {
         display: block;
       }
@@ -6313,16 +6407,16 @@ he.styles = [
       }
     `
 ];
-qe([
+Xe([
   v({ attribute: !1 })
-], he.prototype, "settings", 2);
-qe([
+], pe.prototype, "settings", 2);
+Xe([
   v()
-], he.prototype, "roomId", 2);
-he = qe([
-  R("pulse-widget-settings-panel")
-], he);
-const ye = {
+], pe.prototype, "roomId", 2);
+pe = Xe([
+  L("pulse-widget-settings-panel")
+], pe);
+const we = {
   enabled: !0,
   showMyCursor: !0,
   showOthersCursors: !0,
@@ -6333,24 +6427,24 @@ const ye = {
   showViewportIndicators: !0,
   showSelections: !0,
   showDrawings: !0
-}, St = "pulse:settings:";
-function fs(n) {
+}, Pt = "pulse:settings:";
+function gs(n) {
   try {
-    const e = localStorage.getItem(`${St}${n}`);
-    return e ? { ...ye, ...JSON.parse(e) } : { ...ye };
+    const e = localStorage.getItem(`${Pt}${n}`);
+    return e ? { ...we, ...JSON.parse(e) } : { ...we };
   } catch {
-    return { ...ye };
+    return { ...we };
   }
 }
-function ms(n, e) {
-  localStorage.setItem(`${St}${n}`, JSON.stringify(e));
+function bs(n, e) {
+  localStorage.setItem(`${Pt}${n}`, JSON.stringify(e));
 }
-var gs = Object.defineProperty, bs = Object.getOwnPropertyDescriptor, L = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? bs(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var vs = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, j = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? xs(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 && gs(e, t, s), s;
+  return i && s && vs(e, t, s), s;
 };
-let O = class extends S {
+let R = class extends P {
   constructor() {
     super(...arguments), this.collapsed = !1, this.activePanel = null, this.pinModeActive = !1, this.featuresDisabled = !1, this.drawModeActive = !1, this.followingUserId = null, this.display = "floating", this.users = [], this.unreadCount = 0;
   }
@@ -6403,7 +6497,7 @@ let O = class extends S {
     if (this.collapsed)
       return d`
         <div class="toolbar collapsed ${n ? "inline" : ""}" @click=${this.fireToggle}>
-          <span class="fab-icon">${C(Ri, n ? 18 : 24)}</span>
+          <span class="fab-icon">${C(Li, n ? 18 : 24)}</span>
         </div>
       `;
     const e = this.users.slice(0, 3), t = this.users.length - 3;
@@ -6439,7 +6533,7 @@ let O = class extends S {
           ?disabled=${this.featuresDisabled}
           style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : ""}"
         >
-          ${C(_t)}
+          ${C(St)}
         </button>
 
         <!-- View comments -->
@@ -6461,7 +6555,7 @@ let O = class extends S {
           ?disabled=${this.featuresDisabled}
           style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : ""}"
         >
-          ${C(Ci)}
+          ${C(Ti)}
         </button>
 
         <!-- Draw mode -->
@@ -6472,7 +6566,7 @@ let O = class extends S {
           ?disabled=${this.featuresDisabled}
           style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : ""}"
         >
-          ${C(Pi)}
+          ${C(Ai)}
         </button>
 
         <!-- Notifications -->
@@ -6483,7 +6577,7 @@ let O = class extends S {
           ?disabled=${this.featuresDisabled}
           style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : "position:relative"}"
         >
-          ${C(Ei)}
+          ${C(Ci)}
           ${this.unreadCount > 0 ? d`<span class="badge">${this.unreadCount > 9 ? "9+" : this.unreadCount}</span>` : g}
         </button>
 
@@ -6493,7 +6587,7 @@ let O = class extends S {
           @click=${() => this.fire("settings")}
           title="Settings"
         >
-          ${C(Ii)}
+          ${C(Mi)}
         </button>
 
         <div class="separator"></div>
@@ -6504,16 +6598,16 @@ let O = class extends S {
           @click=${this.fireToggle}
           title="Collapse"
         >
-          ${C(me, 14)}
+          ${C(ge, 14)}
         </button>
       </div>
     `;
   }
 };
-O.styles = [
-  ee,
-  ge,
-  M`
+R.styles = [
+  te,
+  be,
+  O`
       :host {
         display: block;
       }
@@ -6725,40 +6819,40 @@ O.styles = [
       }
     `
 ];
-L([
+j([
   v({ attribute: !1 })
-], O.prototype, "client", 2);
-L([
+], R.prototype, "client", 2);
+j([
   v({ type: Boolean })
-], O.prototype, "collapsed", 2);
-L([
+], R.prototype, "collapsed", 2);
+j([
   v()
-], O.prototype, "activePanel", 2);
-L([
+], R.prototype, "activePanel", 2);
+j([
   v({ type: Boolean })
-], O.prototype, "pinModeActive", 2);
-L([
+], R.prototype, "pinModeActive", 2);
+j([
   v({ type: Boolean })
-], O.prototype, "featuresDisabled", 2);
-L([
+], R.prototype, "featuresDisabled", 2);
+j([
   v({ type: Boolean })
-], O.prototype, "drawModeActive", 2);
-L([
+], R.prototype, "drawModeActive", 2);
+j([
   v()
-], O.prototype, "followingUserId", 2);
-L([
+], R.prototype, "followingUserId", 2);
+j([
   v()
-], O.prototype, "display", 2);
-L([
+], R.prototype, "display", 2);
+j([
   w()
-], O.prototype, "users", 2);
-L([
+], R.prototype, "users", 2);
+j([
   w()
-], O.prototype, "unreadCount", 2);
-O = L([
-  R("pulse-widget-toolbar")
-], O);
-class vs {
+], R.prototype, "unreadCount", 2);
+R = j([
+  L("pulse-widget-toolbar")
+], R);
+class ys {
   constructor(e) {
     this.container = null, this.unsubs = [], this.enabled = !1, this.pillEls = /* @__PURE__ */ new Map(), this.client = e;
   }
@@ -6836,14 +6930,14 @@ class vs {
     return e.split(" ").map((t) => t[0]).join("").toUpperCase().slice(0, 2);
   }
 }
-var xs = Object.defineProperty, ys = Object.getOwnPropertyDescriptor, A = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? ys(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var ws = Object.defineProperty, $s = Object.getOwnPropertyDescriptor, I = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? $s(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 && xs(e, t, s), s;
+  return i && s && ws(e, t, s), s;
 };
-let _ = class extends S {
+let T = class extends P {
   constructor() {
-    super(...arguments), this.apiKey = "", this.token = "", this.room = "", this.position = "bottom-right", this.display = "floating", this.collapsed = !0, this.activePanel = null, this.pinModeActive = !1, this.highlightThreadId = null, this.settings = { ...ye }, this.followingUserId = null, this.drawModeActive = !1, this.connectionState = "disconnected", this.showConnectedFlash = !1, this.unsubs = [], this.clientConfigKey = "", this._isFollowScrolling = !1, this._viewportThrottleTimer = null, this._selectionThrottleTimer = null, this._connectedFlashTimer = null, this._wasDisconnected = !1, this.handleScroll = () => {
+    super(...arguments), this.apiKey = "", this.token = "", this.room = "", this.position = "bottom-right", this.display = "floating", this.collapsed = !0, this.activePanel = null, this.pinModeActive = !1, this.highlightThreadId = null, this.settings = { ...we }, this.followingUserId = null, this.drawModeActive = !1, this.connectionState = "disconnected", this.showConnectedFlash = !1, this.unsubs = [], this.clientConfigKey = "", this._isFollowScrolling = !1, this._viewportThrottleTimer = null, this._selectionThrottleTimer = null, this._connectedFlashTimer = null, this._wasDisconnected = !1, this.handleScroll = () => {
       !this.settings.enabled || !this.client || this._isFollowScrolling || (this.followingUserId && (this.followingUserId = null), !this._viewportThrottleTimer && (this._viewportThrottleTimer = setTimeout(() => {
         var n;
         this._viewportThrottleTimer = null, (n = this.client) == null || n.updateViewport({
@@ -6864,7 +6958,7 @@ let _ = class extends S {
           (t = this.client) == null || t.updateSelection(null);
           return;
         }
-        const e = cs(n);
+        const e = hs(n);
         (i = this.client) == null || i.updateSelection(e);
       }, 500));
     }, this.handleDocumentClick = (n) => {
@@ -6896,11 +6990,11 @@ let _ = class extends S {
       room: this.room,
       endpoint: this.endpoint
     };
-    this.client = new xt(n), this.clientConfigKey = this.getConfigKey(), this.cursorOverlay = new as(this.client), this.commentPins = new Ji(this.client, {
+    this.client = new wt(n), this.clientConfigKey = this.getConfigKey(), this.cursorOverlay = new cs(this.client), this.commentPins = new es(this.client, {
       onPinModeExit: () => {
         this.pinModeActive = !1;
       }
-    }), this.viewportOverlay = new vs(this.client), this.selectionOverlay = new hs(this.client), this.drawingOverlay = new ls(this.client), this.settings = fs(this.room), this.applySettings(this.settings), this.unsubs.push(
+    }), this.viewportOverlay = new ys(this.client), this.selectionOverlay = new us(this.client), this.drawingOverlay = new ds(this.client), this.settings = gs(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;
@@ -6967,7 +7061,7 @@ let _ = class extends S {
   }
   handleSettingsChange(n) {
     const e = n.detail;
-    this.settings = e, ms(this.room, e), this.applySettings(e);
+    this.settings = e, bs(this.room, e), this.applySettings(e);
   }
   applySettings(n) {
     var e, t, i, s, o, r, l, a, c, h, p, u, f, m, x, b, y;
@@ -6995,8 +7089,8 @@ let _ = class extends S {
     const s = i.getBoundingClientRect(), o = window.innerWidth, r = window.innerHeight, l = 8, a = (b = this.shadowRoot) == null ? void 0 : b.querySelector(".toolbar-popover");
     if (a) {
       Object.assign(a.style, { top: "auto", left: "auto" });
-      const E = a.getBoundingClientRect(), I = this.computePosition(s, E, o, r, l);
-      a.style.top = `${I.top}px`, a.style.left = `${I.left}px`;
+      const E = a.getBoundingClientRect(), M = this.computePosition(s, E, o, r, l);
+      a.style.top = `${M.top}px`, a.style.left = `${M.left}px`;
     }
     const c = (y = this.shadowRoot) == null ? void 0 : y.querySelector(".panel-container");
     if (!c) return;
@@ -7114,9 +7208,9 @@ let _ = class extends S {
     `;
   }
 };
-_.styles = [
-  ee,
-  M`
+T.styles = [
+  te,
+  O`
       :host {
         display: block;
       }
@@ -7292,60 +7386,60 @@ _.styles = [
       }
     `
 ];
-A([
+I([
   v({ attribute: "api-key" })
-], _.prototype, "apiKey", 2);
-A([
+], T.prototype, "apiKey", 2);
+I([
   v()
-], _.prototype, "token", 2);
-A([
+], T.prototype, "token", 2);
+I([
   v()
-], _.prototype, "room", 2);
-A([
+], T.prototype, "room", 2);
+I([
   v()
-], _.prototype, "endpoint", 2);
-A([
+], T.prototype, "endpoint", 2);
+I([
   v({ reflect: !0 })
-], _.prototype, "position", 2);
-A([
+], T.prototype, "position", 2);
+I([
   v({ reflect: !0 })
-], _.prototype, "display", 2);
-A([
+], T.prototype, "display", 2);
+I([
   w()
-], _.prototype, "collapsed", 2);
-A([
+], T.prototype, "collapsed", 2);
+I([
   w()
-], _.prototype, "activePanel", 2);
-A([
+], T.prototype, "activePanel", 2);
+I([
   w()
-], _.prototype, "pinModeActive", 2);
-A([
+], T.prototype, "pinModeActive", 2);
+I([
   w()
-], _.prototype, "highlightThreadId", 2);
-A([
+], T.prototype, "highlightThreadId", 2);
+I([
   w()
-], _.prototype, "settings", 2);
-A([
+], T.prototype, "settings", 2);
+I([
   w()
-], _.prototype, "followingUserId", 2);
-A([
+], T.prototype, "followingUserId", 2);
+I([
   w()
-], _.prototype, "drawModeActive", 2);
-A([
+], T.prototype, "drawModeActive", 2);
+I([
   w()
-], _.prototype, "connectionState", 2);
-A([
+], T.prototype, "connectionState", 2);
+I([
   w()
-], _.prototype, "showConnectedFlash", 2);
-_ = A([
-  R("pulse-widget")
-], _);
+], T.prototype, "showConnectedFlash", 2);
+T = I([
+  L("pulse-widget")
+], T);
 export {
-  W as PulseComments,
-  le as PulseCursors,
-  ce as PulseNotifications,
-  G as PulsePresence,
-  q as PulseProvider,
-  D as PulseReactions,
-  _ as PulseWidget
+  X as PulseComments,
+  ce as PulseCursors,
+  de as PulseNotifications,
+  Z as PulsePresence,
+  W as PulseProvider,
+  H as PulseReactions,
+  T as PulseWidget
 };