@gamention/pulse-elements 0.1.19 → 0.1.20

package/dist/pulse-elements.js

@@ -43,7 +43,7 @@ let Ge = class {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let Lt = class {
+let jt = class {
   get value() {
     return this.o;
   }
@@ -76,11 +76,11 @@ let Lt = class {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let jt = class extends Event {
+let zt = class extends Event {
   constructor(e, t) {
     super("context-provider", { bubbles: !0, composed: !0 }), this.context = e, this.contextTarget = t;
   }
-}, Je = class extends Lt {
+}, Je = class extends jt {
   constructor(e, t, i) {
     var s, o;
     super(t.context !== void 0 ? t.initialValue : i), this.onContextRequest = (r) => {
@@ -98,7 +98,7 @@ let jt = class extends Event {
     this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
   }
   hostConnected() {
-    this.host.dispatchEvent(new jt(this.context, this.host));
+    this.host.dispatchEvent(new zt(this.context, this.host));
   }
 };
 /**
@@ -106,7 +106,7 @@ let jt = class extends Event {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function zt({ context: n }) {
+function Ut({ context: n }) {
   return (e, t) => {
     const i = /* @__PURE__ */ new WeakMap();
     if (typeof t == "object") return { get() {
@@ -157,7 +157,7 @@ function fe({ context: n, subscribe: e }) {
     }));
   };
 }
-var Ut = Object.defineProperty, Dt = (n, e, t) => e in n ? Ut(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, k = (n, e, t) => Dt(n, typeof e != "symbol" ? e + "" : e, t);
+var Dt = Object.defineProperty, Ht = (n, e, t) => e in n ? Dt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, k = (n, e, t) => Ht(n, typeof e != "symbol" ? e + "" : e, t);
 const _e = {
   allowImages: !0,
   allowAudio: !0,
@@ -170,7 +170,7 @@ const _e = {
   showCursors: !0,
   showPresence: !0,
   showTypingIndicators: !0
-}, Ht = "ws://localhost:4567", Ze = 50, Nt = 3e4, Bt = 1e3, Ft = 3e4;
+}, Nt = "ws://localhost:4567", Ze = 50, Bt = 3e4, Ft = 1e3, qt = 3e4;
 let He = class {
   constructor() {
     k(this, "handlers", /* @__PURE__ */ new Map());
@@ -191,9 +191,9 @@ let He = class {
   removeAll() {
     this.handlers.clear();
   }
-}, qt = class extends He {
+}, Vt = class extends He {
   constructor(e) {
-    super(), k(this, "ws", null), k(this, "endpoint"), k(this, "reconnectAttempt", 0), k(this, "reconnectTimer", null), k(this, "_state", "disconnected"), this.endpoint = e ?? Ht;
+    super(), k(this, "ws", null), k(this, "endpoint"), k(this, "reconnectAttempt", 0), k(this, "reconnectTimer", null), k(this, "_state", "disconnected"), this.endpoint = e ?? Nt;
   }
   get state() {
     return this._state;
@@ -221,14 +221,14 @@ let He = class {
   }
   scheduleReconnect() {
     const e = Math.min(
-      Bt * 2 ** this.reconnectAttempt,
-      Ft
+      Ft * 2 ** this.reconnectAttempt,
+      qt
     );
     this.reconnectAttempt++, this.reconnectTimer = setTimeout(() => {
       this.reconnectTimer = null, this.connect();
     }, e);
   }
-}, Vt = class extends He {
+}, Wt = class extends He {
   constructor() {
     super(...arguments), k(this, "baseUrl", ""), k(this, "_user", null), k(this, "_config", { ..._e }), k(this, "_users", /* @__PURE__ */ new Map()), k(this, "_presence", /* @__PURE__ */ new Map()), k(this, "_threads", /* @__PURE__ */ new Map()), k(this, "_reactions", /* @__PURE__ */ new Map()), k(this, "_notifications", []), k(this, "_activityLogs", []), k(this, "_typing", /* @__PURE__ */ new Map()), k(this, "_viewports", /* @__PURE__ */ new Map()), k(this, "_selections", /* @__PURE__ */ new Map());
   }
@@ -456,9 +456,9 @@ let He = class {
 }, Et = class extends He {
   constructor(e) {
     var t;
-    super(), k(this, "state"), k(this, "connection"), k(this, "config"), k(this, "heartbeatTimer", null), k(this, "lastCursorSend", 0), k(this, "pendingCursor", null), k(this, "cursorTimer", null), this.config = e, this.state = new Vt(), this.state.baseUrl = (e.endpoint ?? "").replace(/^ws(s?):/, "http$1:").replace(/\/$/, "");
+    super(), k(this, "state"), k(this, "connection"), k(this, "config"), k(this, "heartbeatTimer", null), k(this, "lastCursorSend", 0), k(this, "pendingCursor", null), k(this, "cursorTimer", null), this.config = e, this.state = new Wt(), 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 qt(i), this.connection.on("message", (s) => {
+    this.connection = new Vt(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();
@@ -502,7 +502,7 @@ let He = class {
   startHeartbeat() {
     this.heartbeatTimer = setInterval(() => {
       this.send({ type: "presence:update", status: "online" });
-    }, Nt);
+    }, Bt);
   }
   stopHeartbeat() {
     this.heartbeatTimer && (clearInterval(this.heartbeatTimer), this.heartbeatTimer = null);
@@ -621,14 +621,14 @@ let Ct = class {
     return this.cssText;
   }
 };
-const Wt = (n) => new Ct(typeof n == "string" ? n : n + "", void 0, Be), M = (n, ...e) => {
+const Xt = (n) => new Ct(typeof n == "string" ? n : n + "", void 0, Be), 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 Ct(t, n, Be);
-}, Xt = (n, e) => {
+}, Yt = (n, e) => {
   if (Ne) n.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
     const i = document.createElement("style"), s = ye.litNonce;
@@ -637,17 +637,17 @@ const Wt = (n) => new Ct(typeof n == "string" ? n : n + "", void 0, Be), M = (n,
 }, et = Ne ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const i of e.cssRules) t += i.cssText;
-  return Wt(t);
+  return Xt(t);
 })(n) : n;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Yt, defineProperty: Kt, getOwnPropertyDescriptor: Gt, getOwnPropertyNames: Jt, getOwnPropertySymbols: Zt, getPrototypeOf: Qt } = Object, H = globalThis, tt = H.trustedTypes, ei = tt ? tt.emptyScript : "", Ie = H.reactiveElementPolyfillSupport, ne = (n, e) => n, ke = { toAttribute(n, e) {
+const { is: Kt, defineProperty: Gt, getOwnPropertyDescriptor: Jt, getOwnPropertyNames: Zt, getOwnPropertySymbols: Qt, getPrototypeOf: ei } = Object, H = globalThis, tt = H.trustedTypes, ti = tt ? tt.emptyScript : "", Ie = H.reactiveElementPolyfillSupport, ne = (n, e) => n, ke = { toAttribute(n, e) {
   switch (e) {
     case Boolean:
-      n = n ? ei : null;
+      n = n ? ti : null;
       break;
     case Object:
     case Array:
@@ -672,7 +672,7 @@ const { is: Yt, defineProperty: Kt, getOwnPropertyDescriptor: Gt, getOwnProperty
       }
   }
   return t;
-} }, Fe = (n, e) => !Yt(n, e), it = { attribute: !0, type: String, converter: ke, reflect: !1, useDefault: !1, hasChanged: Fe };
+} }, Fe = (n, e) => !Kt(n, e), it = { attribute: !0, type: String, converter: ke, reflect: !1, useDefault: !1, hasChanged: Fe };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), H.litPropertyMetadata ?? (H.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let G = class extends HTMLElement {
   static addInitializer(e) {
@@ -684,11 +684,11 @@ let G = class extends HTMLElement {
   static createProperty(e, t = it) {
     if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
       const i = Symbol(), s = this.getPropertyDescriptor(e, i, t);
-      s !== void 0 && Kt(this.prototype, e, s);
+      s !== void 0 && Gt(this.prototype, e, s);
     }
   }
   static getPropertyDescriptor(e, t, i) {
-    const { get: s, set: o } = Gt(this.prototype, e) ?? { get() {
+    const { get: s, set: o } = Jt(this.prototype, e) ?? { get() {
       return this[t];
     }, set(r) {
       this[t] = r;
@@ -703,13 +703,13 @@ let G = class extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(ne("elementProperties"))) return;
-    const e = Qt(this);
+    const e = ei(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(ne("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(ne("properties"))) {
-      const t = this.properties, i = [...Jt(t), ...Zt(t)];
+      const t = this.properties, i = [...Zt(t), ...Qt(t)];
       for (const s of i) this.createProperty(s, t[s]);
     }
     const e = this[Symbol.metadata];
@@ -758,7 +758,7 @@ let G = class extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Xt(e, this.constructor.elementStyles), e;
+    return Yt(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
@@ -883,14 +883,14 @@ G.elementStyles = [], G.shadowRootOptions = { mode: "open" }, G[ne("elementPrope
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const oe = globalThis, st = (n) => n, Ee = oe.trustedTypes, nt = Ee ? Ee.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Tt = "$lit$", D = `lit$${Math.random().toFixed(9).slice(2)}$`, St = "?" + D, ti = `<${St}>`, V = document, ae = () => V.createComment(""), le = (n) => n === null || typeof n != "object" && typeof n != "function", qe = Array.isArray, ii = (n) => qe(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", Me = `[ 	
+const oe = globalThis, st = (n) => n, Ee = oe.trustedTypes, nt = Ee ? Ee.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Tt = "$lit$", D = `lit$${Math.random().toFixed(9).slice(2)}$`, St = "?" + D, ii = `<${St}>`, V = document, ae = () => V.createComment(""), le = (n) => n === null || typeof n != "object" && typeof n != "function", qe = Array.isArray, si = (n) => qe(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", Me = `[ 	
 \f\r]`, se = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ot = /-->/g, rt = />/g, B = RegExp(`>|${Me}(?:([^\\s"'>=/]+)(${Me}*=${Me}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), at = /'/g, lt = /"/g, At = /^(?:script|style|textarea|title)$/i, Pt = (n) => (e, ...t) => ({ _$litType$: n, strings: e, values: t }), u = Pt(1), si = Pt(2), W = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), ct = /* @__PURE__ */ new WeakMap(), F = V.createTreeWalker(V, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), at = /'/g, lt = /"/g, At = /^(?:script|style|textarea|title)$/i, Pt = (n) => (e, ...t) => ({ _$litType$: n, strings: e, values: t }), u = Pt(1), ni = Pt(2), W = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), ct = /* @__PURE__ */ new WeakMap(), F = V.createTreeWalker(V, 129);
 function _t(n, e) {
   if (!qe(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return nt !== void 0 ? nt.createHTML(e) : e;
 }
-const ni = (n, e) => {
+const oi = (n, e) => {
   const t = n.length - 1, i = [];
   let s, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", r = se;
   for (let a = 0; a < t; a++) {
@@ -898,7 +898,7 @@ const ni = (n, e) => {
     let d, c, h = -1, p = 0;
     for (; p < l.length && (r.lastIndex = p, c = r.exec(l), c !== null); ) p = r.lastIndex, r === se ? c[1] === "!--" ? r = ot : c[1] !== void 0 ? r = rt : c[2] !== void 0 ? (At.test(c[2]) && (s = RegExp("</" + c[2], "g")), r = B) : c[3] !== void 0 && (r = B) : r === B ? c[0] === ">" ? (r = s ?? se, h = -1) : c[1] === void 0 ? h = -2 : (h = r.lastIndex - c[2].length, d = c[1], r = c[3] === void 0 ? B : c[3] === '"' ? lt : at) : r === lt || r === at ? r = B : r === ot || r === rt ? r = se : (r = B, s = void 0);
     const m = r === B && n[a + 1].startsWith("/>") ? " " : "";
-    o += r === se ? l + ti : h >= 0 ? (i.push(d), l.slice(0, h) + Tt + l.slice(h) + D + m) : l + D + (h === -2 ? a : m);
+    o += r === se ? l + ii : h >= 0 ? (i.push(d), l.slice(0, h) + Tt + l.slice(h) + D + m) : l + D + (h === -2 ? a : m);
   }
   return [_t(n, o + (n[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
 };
@@ -907,7 +907,7 @@ class ce {
     let s;
     this.parts = [];
     let o = 0, r = 0;
-    const a = e.length - 1, l = this.parts, [d, c] = ni(e, t);
+    const a = e.length - 1, l = this.parts, [d, c] = oi(e, t);
     if (this.el = ce.createElement(d, i), F.currentNode = this.el.content, t === 2 || t === 3) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
@@ -916,7 +916,7 @@ class ce {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const h of s.getAttributeNames()) if (h.endsWith(Tt)) {
           const p = c[r++], m = s.getAttribute(h).split(D), g = /([.?@])?(.*)/.exec(p);
-          l.push({ type: 1, index: o, name: g[2], strings: m, ctor: g[1] === "." ? ri : g[1] === "?" ? ai : g[1] === "@" ? li : Se }), s.removeAttribute(h);
+          l.push({ type: 1, index: o, name: g[2], strings: m, ctor: g[1] === "." ? ai : g[1] === "?" ? li : g[1] === "@" ? ci : Se }), s.removeAttribute(h);
         } else h.startsWith(D) && (l.push({ type: 6, index: o }), s.removeAttribute(h));
         if (At.test(s.tagName)) {
           const h = s.textContent.split(D), p = h.length - 1;
@@ -946,7 +946,7 @@ function J(n, e, t = n, i) {
   const o = le(e) ? void 0 : e._$litDirective$;
   return (s == null ? void 0 : s.constructor) !== o && ((a = s == null ? void 0 : s._$AO) == null || a.call(s, !1), o === void 0 ? s = void 0 : (s = new o(n), s._$AT(n, t, i)), i !== void 0 ? (t._$Co ?? (t._$Co = []))[i] = s : t._$Cl = s), s !== void 0 && (e = J(n, s._$AS(n, e.values), s, i)), e;
 }
-class oi {
+class ri {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -963,7 +963,7 @@ class oi {
     for (; l !== void 0; ) {
       if (r === l.index) {
         let d;
-        l.type === 2 ? d = new me(o, o.nextSibling, this, e) : l.type === 1 ? d = new l.ctor(o, l.name, l.strings, this, e) : l.type === 6 && (d = new ci(o, this, e)), this._$AV.push(d), l = i[++a];
+        l.type === 2 ? d = new me(o, o.nextSibling, this, e) : l.type === 1 ? d = new l.ctor(o, l.name, l.strings, this, e) : l.type === 6 && (d = new di(o, this, e)), this._$AV.push(d), l = i[++a];
       }
       r !== (l == null ? void 0 : l.index) && (o = F.nextNode(), r++);
     }
@@ -994,7 +994,7 @@ class me {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = J(this, e, t), le(e) ? e === v || e == null || e === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : e !== this._$AH && e !== W && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : ii(e) ? this.k(e) : this._(e);
+    e = J(this, e, t), le(e) ? e === v || e == null || e === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : e !== this._$AH && e !== W && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : si(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -1010,7 +1010,7 @@ class me {
     const { values: t, _$litType$: i } = e, s = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = ce.createElement(_t(i.h, i.h[0]), this.options)), i);
     if (((o = this._$AH) == null ? void 0 : o._$AD) === s) this._$AH.p(t);
     else {
-      const r = new oi(s, this), a = r.u(this.options);
+      const r = new ri(s, this), a = r.u(this.options);
       r.p(t), this.T(a), this._$AH = r;
     }
   }
@@ -1062,7 +1062,7 @@ class Se {
     e === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class ri extends Se {
+class ai extends Se {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -1070,7 +1070,7 @@ class ri extends Se {
     this.element[this.name] = e === v ? void 0 : e;
   }
 }
-class ai extends Se {
+class li extends Se {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -1078,7 +1078,7 @@ class ai extends Se {
     this.element.toggleAttribute(this.name, !!e && e !== v);
   }
 }
-class li extends Se {
+class ci extends Se {
   constructor(e, t, i, s, o) {
     super(e, t, i, s, o), this.type = 5;
   }
@@ -1092,7 +1092,7 @@ class li extends Se {
     typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class ci {
+class di {
   constructor(e, t, i) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = i;
   }
@@ -1105,7 +1105,7 @@ class ci {
 }
 const Oe = oe.litHtmlPolyfillSupport;
 Oe == null || Oe(ce, me), (oe.litHtmlVersions ?? (oe.litHtmlVersions = [])).push("3.3.2");
-const di = (n, e, t) => {
+const hi = (n, e, t) => {
   const i = (t == null ? void 0 : t.renderBefore) ?? e;
   let s = i._$litPart$;
   if (s === void 0) {
@@ -1120,7 +1120,7 @@ const di = (n, e, t) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const q = globalThis;
-let A = class extends G {
+let P = class extends G {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -1131,7 +1131,7 @@ let A = class extends G {
   }
   update(e) {
     const t = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = di(t, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = hi(t, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -1146,9 +1146,9 @@ let A = class extends G {
   }
 };
 var $t;
-A._$litElement$ = !0, A.finalized = !0, ($t = q.litElementHydrateSupport) == null || $t.call(q, { LitElement: A });
+P._$litElement$ = !0, P.finalized = !0, ($t = q.litElementHydrateSupport) == null || $t.call(q, { LitElement: P });
 const Re = q.litElementPolyfillSupport;
-Re == null || Re({ LitElement: A });
+Re == null || Re({ LitElement: P });
 (q.litElementVersions ?? (q.litElementVersions = [])).push("4.2.2");
 /**
  * @license
@@ -1165,7 +1165,7 @@ const L = (n) => (e, t) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const hi = { attribute: !0, type: String, converter: ke, reflect: !1, hasChanged: Fe }, pi = (n = hi, e, t) => {
+const pi = { attribute: !0, type: String, converter: ke, reflect: !1, hasChanged: Fe }, ui = (n = pi, 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") {
@@ -1187,7 +1187,7 @@ const hi = { attribute: !0, type: String, converter: ke, reflect: !1, hasChanged
   throw Error("Unsupported decorator location: " + i);
 };
 function x(n) {
-  return (e, t) => typeof t == "object" ? pi(n, e, t) : ((i, s, o) => {
+  return (e, t) => typeof t == "object" ? ui(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);
@@ -1201,12 +1201,12 @@ function $(n) {
   return x({ ...n, state: !0, attribute: !1 });
 }
 const Q = "pulse-client";
-var ui = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, ee = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? fi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var fi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, ee = (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;
 };
-let X = class extends A {
+let X = class extends P {
   constructor() {
     super(...arguments), this.apiKey = "", this.token = "", this.room = "";
   }
@@ -1241,17 +1241,17 @@ ee([
   x()
 ], X.prototype, "endpoint", 2);
 ee([
-  zt({ context: Q })
+  Ut({ context: Q })
 ], X.prototype, "client", 2);
 X = ee([
   L("pulse-provider")
 ], X);
-var mi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, Ae = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? gi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var gi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, Ae = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? vi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
-  return i && s && mi(e, t, s), s;
+  return i && s && gi(e, t, s), s;
 };
-let Z = class extends A {
+let Z = class extends P {
   constructor() {
     super(...arguments), this.maxVisible = 5, this.users = [];
   }
@@ -1295,7 +1295,7 @@ let Z = class extends A {
     `;
   }
 };
-Z.styles = M`
+Z.styles = O`
     :host {
       display: inline-flex;
       align-items: center;
@@ -1412,12 +1412,12 @@ Ae([
 Z = Ae([
   L("pulse-presence")
 ], Z);
-var vi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, Ve = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? bi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var bi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, Ve = (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 && vi(e, t, s), s;
+  return i && s && bi(e, t, s), s;
 };
-let de = class extends A {
+let de = class extends P {
   constructor() {
     super(...arguments), this.cursors = /* @__PURE__ */ new Map(), this.unsubs = [], this.handleLocalCursor = (n) => {
       var e;
@@ -1494,7 +1494,7 @@ let de = class extends A {
     `;
   }
 };
-de.styles = M`
+de.styles = O`
     :host {
       position: fixed;
       top: 0;
@@ -1541,12 +1541,12 @@ Ve([
 de = Ve([
   L("pulse-cursors")
 ], de);
-var xi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, ge = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? yi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var yi = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, ge = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? wi(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 && xi(e, t, s), s;
+  return i && s && yi(e, t, s), s;
 };
-let Y = class extends A {
+let Y = class extends P {
   constructor() {
     super(...arguments), this.showResolved = !1, this.threads = [], this.replyingTo = null;
   }
@@ -1664,7 +1664,7 @@ let Y = class extends A {
     return o < 24 ? `${o}h ago` : e.toLocaleDateString();
   }
 };
-Y.styles = M`
+Y.styles = O`
     :host {
       display: block;
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
@@ -1892,25 +1892,25 @@ ge([
 Y = ge([
   L("pulse-comments")
 ], Y);
-var wi = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, We = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? $i(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var $i = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, We = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? ki(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 && wi(e, t, s), s;
+  return i && s && $i(e, t, s), s;
 };
-const ki = {
+const Ei = {
   "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"
-}, Ei = {
+}, Ci = {
   "comment:created": "💬",
   "comment:mention": "📣",
   "comment:reply": "↩️",
   "thread:resolved": "✅",
   "reaction:added": "🎉"
 };
-let he = class extends A {
+let he = class extends P {
   constructor() {
     super(...arguments), this.notifications = [];
   }
@@ -1977,11 +1977,11 @@ let he = class extends A {
                   class="item ${e.read ? "" : "unread"}"
                   @click=${() => this.handleClick(e)}
                 >
-                  <span class="icon">${Ei[e.type] ?? "🔔"}</span>
+                  <span class="icon">${Ci[e.type] ?? "🔔"}</span>
                   <div class="content">
                     <div class="text">
                       <span class="actor">${this.getActorName(e.actorId)}</span>
-                      ${ki[e.type] ?? e.type}
+                      ${Ei[e.type] ?? e.type}
                     </div>
                     <div class="time">${this.formatTime(e.createdAt)}</div>
                   </div>
@@ -1993,7 +1993,7 @@ let he = class extends A {
     `;
   }
 };
-he.styles = M`
+he.styles = O`
     :host {
       display: block;
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
@@ -2144,13 +2144,13 @@ We([
 he = We([
   L("pulse-notifications")
 ], he);
-var Ci = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, te = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ti(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var Ti = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, te = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Si(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 && Ti(e, t, s), s;
 };
-const Si = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
-let N = class extends A {
+const Ai = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
+let N = class extends P {
   constructor() {
     super(...arguments), this.targetId = "", this.targetType = "comment", this.reactions = [], this.showPicker = !1;
   }
@@ -2211,7 +2211,7 @@ let N = class extends A {
         </button>
         ${this.showPicker ? u`
               <div class="picker">
-                ${Si.map(
+                ${Ai.map(
       (e) => u`
                     <button @click=${() => this.addEmoji(e)}>
                       ${e}
@@ -2224,7 +2224,7 @@ let N = class extends A {
     `;
   }
 };
-N.styles = M`
+N.styles = O`
     :host {
       display: inline-flex;
       align-items: center;
@@ -2355,13 +2355,26 @@ te([
 N = te([
   L("pulse-reactions")
 ], N);
+const It = {
+  allowImages: !0,
+  allowAudio: !0,
+  allowVideo: !0,
+  maxFileSizeMb: 10,
+  maxAttachmentsPerComment: 5,
+  allowReactions: !0,
+  allowDrawing: !0,
+  allowMentions: !0,
+  showCursors: !0,
+  showPresence: !0,
+  showTypingIndicators: !0
+};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ai = { CHILD: 2 }, Pi = (n) => (...e) => ({ _$litDirective$: n, values: e });
-class _i {
+const Pi = { CHILD: 2 }, _i = (n) => (...e) => ({ _$litDirective$: n, values: e });
+class Ii {
   constructor(e) {
   }
   get _$AU() {
@@ -2382,9 +2395,9 @@ class _i {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Le extends _i {
+class Le extends Ii {
   constructor(e) {
-    if (super(e), this.it = v, e.type !== Ai.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    if (super(e), this.it = v, e.type !== Pi.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(e) {
     if (e === v || e == null) return this._t = void 0, this.it = e;
@@ -2405,14 +2418,14 @@ Le.directiveName = "unsafeHTML", Le.resultType = 1;
 class je extends Le {
 }
 je.directiveName = "unsafeSVG", je.resultType = 2;
-const Ii = Pi(je);
+const Mi = _i(je);
 /**
  * @license lucide v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mi = [
+const Oi = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }],
   [
     "path",
@@ -2427,7 +2440,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 = [
   ["circle", { cx: "12", cy: "12", r: "10" }],
   ["path", { d: "M12 6v6l4 2" }]
 ];
@@ -2437,7 +2450,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 Ri = [
+const Li = [
   [
     "path",
     {
@@ -2451,7 +2464,7 @@ const Ri = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Li = [
+const ji = [
   ["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" }]
@@ -2462,7 +2475,7 @@ const Li = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ji = [
+const zi = [
   [
     "path",
     {
@@ -2476,7 +2489,7 @@ const ji = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zi = [
+const Ui = [
   [
     "path",
     {
@@ -2498,7 +2511,7 @@ const zi = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ui = [
+const Di = [
   [
     "path",
     {
@@ -2513,7 +2526,7 @@ const Ui = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const It = [
+const Mt = [
   ["path", { d: "M12 17v5" }],
   [
     "path",
@@ -2528,7 +2541,7 @@ const It = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Di = [
+const Hi = [
   [
     "path",
     {
@@ -2543,7 +2556,7 @@ const Di = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hi = [
+const Ni = [
   ["path", { d: "M10 11v6" }],
   ["path", { d: "M14 11v6" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }],
@@ -2556,7 +2569,7 @@ const Hi = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ni = [
+const Bi = [
   ["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" }]
 ];
@@ -2576,7 +2589,7 @@ const ve = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bi = [
+const Fi = [
   [
     "path",
     {
@@ -2584,14 +2597,14 @@ const Bi = [
     }
   ]
 ];
-function Fi(n) {
+function qi(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 si`<svg
+function T(n, e = 18) {
+  return ni`<svg
     xmlns="http://www.w3.org/2000/svg"
     width="${e}"
     height="${e}"
@@ -2601,9 +2614,9 @@ function C(n, e = 18) {
     stroke-width="2"
     stroke-linecap="round"
     stroke-linejoin="round"
-  >${Ii(Fi(n))}</svg>`;
+  >${Mi(qi(n))}</svg>`;
 }
-const ie = M`
+const ie = O`
   * {
     box-sizing: border-box;
     margin: 0;
@@ -2646,7 +2659,7 @@ const ie = M`
     --pw-shadow: var(--pulse-shadow);
     --pw-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.16), 0 2px 8px rgba(0, 0, 0, 0.08);
   }
-`, be = M`
+`, be = O`
   .pw-btn {
     display: inline-flex;
     align-items: center;
@@ -2690,7 +2703,7 @@ const ie = M`
     width: 18px;
     height: 18px;
   }
-`, Pe = M`
+`, Pe = O`
   .pw-scrollable::-webkit-scrollbar {
     width: 4px;
   }
@@ -2702,12 +2715,12 @@ const ie = M`
     background: transparent;
   }
 `;
-var qi = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, Xe = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? Vi(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var Vi = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, Xe = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Wi(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 && Vi(e, t, s), s;
 };
-let K = class extends A {
+let K = class extends P {
   constructor() {
     super(...arguments), this.items = [], this.unsubs = [], this.counter = 0;
   }
@@ -2758,7 +2771,7 @@ let K = class extends A {
         <div class="panel-header">
           <span class="panel-title">Activity</span>
           <button class="close-btn" @click=${this.fireClose} title="Close">
-            ${C(ve, 16)}
+            ${T(ve, 16)}
           </button>
         </div>
 
@@ -2793,7 +2806,7 @@ K.styles = [
   ie,
   be,
   Pe,
-  M`
+  O`
       :host {
         display: block;
       }
@@ -2927,7 +2940,7 @@ Xe([
 K = Xe([
   L("pulse-widget-activity-panel")
 ], K);
-const Wi = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", dt = "#6366f1", ht = "#e2e8f0", Xi = "#f8fafc", Yi = "#e2e8f0", pt = "#64748b", we = 28, Ki = Array.from({ length: we }, (n, e) => 0.2 + Math.abs(Math.sin(e * 12.9898 + 78.233) * 43758.5453) % 1 * 0.8);
+const Xi = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", dt = "#6366f1", ht = "#e2e8f0", Yi = "#f8fafc", Ki = "#e2e8f0", pt = "#64748b", we = 28, Gi = Array.from({ length: we }, (n, e) => 0.2 + Math.abs(Math.sin(e * 12.9898 + 78.233) * 43758.5453) % 1 * 0.8);
 function ut(n) {
   const e = Math.max(0, Math.floor(n)), t = Math.floor(e / 60), i = e % 60;
   return `${t}:${i.toString().padStart(2, "0")}`;
@@ -2953,10 +2966,10 @@ class ze {
       width: "220px",
       height: "44px",
       padding: "0 10px",
-      background: Xi,
+      background: Yi,
       borderRadius: "12px",
-      border: `1px solid ${Yi}`,
-      fontFamily: Wi,
+      border: `1px solid ${Ki}`,
+      fontFamily: Xi,
       fontSize: "11px",
       color: pt,
       userSelect: "none",
@@ -3016,7 +3029,7 @@ class ze {
     });
     const g = [];
     for (let E = 0; E < we; E++) {
-      const I = document.createElement("div"), z = Math.round(Ki[E] * 20);
+      const I = document.createElement("div"), z = Math.round(Gi[E] * 20);
       Object.assign(I.style, {
         flex: "1",
         height: `${Math.max(3, z)}px`,
@@ -3218,7 +3231,7 @@ class Ue {
     this.recorder = null, this.container && (this.container.remove(), this.container = null), this.canvas = null, this.timerEl = null;
   }
 }
-const Gi = 180, Ji = 120, Zi = "#e2e8f0", Qi = `
+const Ji = 180, Zi = 120, Qi = "#e2e8f0", es = `
 <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)"/>
@@ -3227,12 +3240,12 @@ const Gi = 180, Ji = 120, Zi = "#e2e8f0", Qi = `
   <polygon points="11,5 6,9 2,9 2,15 6,15 11,19"/>
   <line x1="23" y1="9" x2="17" y2="15"/>
   <line x1="17" y1="9" x2="23" y2="15"/>
-</svg>`, es = `
+</svg>`, ts = `
 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.9)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
   <polygon points="11,5 6,9 2,9 2,15 6,15 11,19"/>
   <path d="M19.07 4.93a10 10 0 0 1 0 14.14"/>
   <path d="M15.54 8.46a5 5 0 0 1 0 7.07"/>
-</svg>`, ts = `
+</svg>`, is = `
 <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"/>
@@ -3248,10 +3261,10 @@ const Gi = 180, Ji = 120, Zi = "#e2e8f0", Qi = `
     Object.assign(o.style, {
       position: "relative",
       display: "inline-block",
-      width: `${Gi}px`,
-      height: `${Ji}px`,
+      width: `${Ji}px`,
+      height: `${Zi}px`,
       borderRadius: "8px",
-      border: `1px solid ${Zi}`,
+      border: `1px solid ${Qi}`,
       boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
       overflow: "hidden",
       cursor: "pointer",
@@ -3281,7 +3294,7 @@ const Gi = 180, Ji = 120, Zi = "#e2e8f0", Qi = `
       transition: "opacity 0.25s ease",
       opacity: "1",
       pointerEvents: "none"
-    }), a.innerHTML = Qi, o.appendChild(a);
+    }), a.innerHTML = es, o.appendChild(a);
     const l = document.createElement("div");
     Object.assign(l.style, {
       position: "absolute",
@@ -3312,7 +3325,7 @@ const Gi = 180, Ji = 120, Zi = "#e2e8f0", Qi = `
       cursor: "pointer",
       pointerEvents: "auto",
       transition: "opacity 0.2s ease, background 0.15s ease"
-    }), d.innerHTML = ts, d.title = "Fullscreen", d.addEventListener("mouseenter", () => {
+    }), d.innerHTML = is, d.title = "Fullscreen", d.addEventListener("mouseenter", () => {
       d.style.background = "rgba(0,0,0,0.7)";
     }), d.addEventListener("mouseleave", () => {
       d.style.background = "rgba(0,0,0,0.45)";
@@ -3323,7 +3336,7 @@ const Gi = 180, Ji = 120, Zi = "#e2e8f0", Qi = `
       a.style.opacity = i ? "0" : "1";
     }
     function h() {
-      l.style.display = i ? "flex" : "none", l.innerHTML = s ? ft : es, d.style.display = i ? "flex" : "none";
+      l.style.display = i ? "flex" : "none", l.innerHTML = s ? ft : ts, d.style.display = i ? "flex" : "none";
     }
     return o.addEventListener("click", (p) => {
       p.stopPropagation(), i ? s ? (r.muted = !1, s = !1) : (r.pause(), i = !1, s = !0, r.muted = !0) : (r.muted = !0, s = !0, r.play().catch(() => {
@@ -3402,7 +3415,7 @@ const Gi = 180, Ji = 120, Zi = "#e2e8f0", Qi = `
 };
 S.fullscreenOverlay = null, S.fullscreenKeyHandler = null;
 let Ce = S;
-const mt = 60, is = `
+const mt = 60, ss = `
   .vr-overlay {
     display: flex;
     flex-direction: column;
@@ -3512,11 +3525,11 @@ const mt = 60, is = `
 function gt(n) {
   return n.toString().padStart(2, "0");
 }
-function ss(n) {
+function ns(n) {
   const e = Math.floor(n / 60), t = n % 60;
   return `${gt(e)}:${gt(t)}`;
 }
-function ns() {
+function os() {
   const n = [
     "video/webm;codecs=vp9,opus",
     "video/webm;codecs=vp8,opus",
@@ -3527,7 +3540,7 @@ function ns() {
     if (MediaRecorder.isTypeSupported(e)) return e;
   return "";
 }
-function os(n) {
+function rs(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", () => {
@@ -3563,7 +3576,7 @@ class De {
     }
     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 = ns(), s = {};
+    const i = os(), s = {};
     i && (s.mimeType = i);
     const o = new MediaRecorder(t, s);
     return this.mediaRecorder = o, o.ondataavailable = (r) => {
@@ -3588,7 +3601,7 @@ class De {
   }
   // ── Private ──
   buildUI(e) {
-    this.styleEl = document.createElement("style"), this.styleEl.textContent = is, document.head.appendChild(this.styleEl), this.root = document.createElement("div"), this.root.className = "vr-overlay";
+    this.styleEl = document.createElement("style"), this.styleEl.textContent = ss, 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");
@@ -3605,14 +3618,14 @@ class De {
   updateTimer() {
     if (!this.timerEl) return;
     const e = mt - this.elapsed;
-    this.timerEl.textContent = ss(this.elapsed), e <= 10 ? this.timerEl.classList.add("vr-countdown") : this.timerEl.classList.remove("vr-countdown");
+    this.timerEl.textContent = ns(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 os(t);
+      i = await rs(t);
     } catch {
       const r = document.createElement("canvas");
       r.width = 1, r.height = 1, i = await new Promise((a) => {
@@ -3864,7 +3877,7 @@ class re {
     this.input.remove();
   }
 }
-const rs = ["👍", "👎", "❤️", "🎉", "👀", "🚀"], xe = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", as = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>', ls = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/></svg>', bt = `<button class="pulse-close-btn" style="
+const as = ["👍", "👎", "❤️", "🎉", "👀", "🚀"], xe = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", ls = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="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>', cs = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/></svg>', bt = `<button class="pulse-close-btn" style="
   border:none;background:none;cursor:pointer;color:#94a3b8;padding:4px;
   border-radius:6px;display:flex;align-items:center;justify-content:center;
   transition:all 0.15s;flex-shrink:0;
@@ -3872,7 +3885,7 @@ const rs = ["👍", "👎", "❤️", "🎉", "👀", "🚀"], xe = "-apple-syst
    onmouseout="this.style.background='none';this.style.color='#94a3b8'">
   <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
 </button>`;
-class cs {
+class ds {
   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(() => {
@@ -4176,7 +4189,7 @@ class cs {
     }
     const i = (d = this.client.state.user) == null ? void 0 : d.id;
     t.innerHTML = e.comments.map((c) => {
-      const h = this.client.state.getUser(c.userId), p = h ? h.name.split(" ").map((O) => O[0]).join("").toUpperCase().slice(0, 2) : "?", m = (h == null ? void 0 : h.color) ?? "#94a3b8", g = this.escapeHtml((h == null ? void 0 : h.name) ?? "Unknown"), y = this.formatTime(c.createdAt), b = i === c.userId, w = c.editedAt ? '<span style="font-size:10px;color:#94a3b8;font-style:italic;">(edited)</span>' : "";
+      const h = this.client.state.getUser(c.userId), p = h ? h.name.split(" ").map((R) => R[0]).join("").toUpperCase().slice(0, 2) : "?", m = (h == null ? void 0 : h.color) ?? "#94a3b8", g = this.escapeHtml((h == null ? void 0 : h.name) ?? "Unknown"), y = this.formatTime(c.createdAt), b = i === c.userId, w = c.editedAt ? '<span style="font-size:10px;color:#94a3b8;font-style:italic;">(edited)</span>' : "";
       if (this.editingPopoverCommentId === c.id)
         return `
             <div style="margin-bottom:10px;" data-comment-id="${c.id}">
@@ -4196,22 +4209,22 @@ class cs {
       const E = c.body && c.body !== "(attachment)" ? c.body.replace(
         /@(\w+)/g,
         '<span style="color:#6366f1;font-weight:600;background:#eef2ff;padding:0 3px;border-radius:3px;">@$1</span>'
-      ) : "", I = (c.attachments ?? []).map((O) => {
-        if (O.type === "image") {
-          const Rt = O.thumbnailUrl || O.url;
-          return `<div class="popover-attachment-img" data-full-url="${this.escapeHtml(O.url)}" style="margin:4px 0 4px 29px;cursor:pointer;">
-              <img src="${this.escapeHtml(Rt)}" alt="${this.escapeHtml(O.filename)}" style="max-width:180px;max-height:120px;border-radius:8px;border:1px solid #e2e8f0;display:block;" />
+      ) : "", I = (c.attachments ?? []).map((R) => {
+        if (R.type === "image") {
+          const Lt = R.thumbnailUrl || R.url;
+          return `<div class="popover-attachment-img" data-full-url="${this.escapeHtml(R.url)}" style="margin:4px 0 4px 29px;cursor:pointer;">
+              <img src="${this.escapeHtml(Lt)}" alt="${this.escapeHtml(R.filename)}" style="max-width:180px;max-height:120px;border-radius:8px;border:1px solid #e2e8f0;display:block;" />
             </div>`;
         }
-        return O.type === "audio" ? `<div class="popover-attachment-audio" data-url="${this.escapeHtml(O.url)}" data-duration="${O.durationMs ?? ""}" style="margin:4px 0 4px 29px;"></div>` : O.type === "video" ? `<div class="popover-attachment-video" data-url="${this.escapeHtml(O.url)}" data-poster="${this.escapeHtml(O.thumbnailUrl ?? "")}" style="margin:4px 0 4px 29px;"></div>` : "";
+        return R.type === "audio" ? `<div class="popover-attachment-audio" data-url="${this.escapeHtml(R.url)}" data-duration="${R.durationMs ?? ""}" style="margin:4px 0 4px 29px;"></div>` : R.type === "video" ? `<div class="popover-attachment-video" data-url="${this.escapeHtml(R.url)}" data-poster="${this.escapeHtml(R.thumbnailUrl ?? "")}" style="margin:4px 0 4px 29px;"></div>` : "";
       }).join(""), z = b ? `<div class="popover-comment-actions" style="display:flex;gap:2px;margin-top:2px;margin-left:29px;">
               <button class="edit-btn" data-comment-id="${c.id}" style="border:none;background:none;cursor:pointer;color:#94a3b8;padding:3px;border-radius:4px;display:flex;align-items:center;transition:all 0.15s;" title="Edit"
                 onmouseover="this.style.color='#6366f1';this.style.background='#eef2ff'"
-                onmouseout="this.style.color='#94a3b8';this.style.background='none'">${as}</button>
+                onmouseout="this.style.color='#94a3b8';this.style.background='none'">${ls}</button>
               <button class="delete-btn" data-comment-id="${c.id}" style="border:none;background:none;cursor:pointer;color:#94a3b8;padding:3px;border-radius:4px;display:flex;align-items:center;transition:all 0.15s;" title="Delete"
                 onmouseover="this.style.color='#ef4444';this.style.background='#fef2f2'"
-                onmouseout="this.style.color='#94a3b8';this.style.background='none'">${ls}</button>
-            </div>` : "", Ot = this.buildReactionPillsHtml(c.id);
+                onmouseout="this.style.color='#94a3b8';this.style.background='none'">${cs}</button>
+            </div>` : "", Rt = this.buildReactionPillsHtml(c.id);
       return `
           <div class="popover-comment" style="margin-bottom:10px;" data-comment-id="${c.id}">
             <div style="display:flex;align-items:center;gap:7px;margin-bottom:2px;">
@@ -4223,7 +4236,7 @@ class cs {
             ${E ? `<div style="font-size:13px;color:#334155;line-height:1.45;margin-left:29px;word-wrap:break-word;">${E}</div>` : ""}
             ${I}
             ${z}
-            ${Ot}
+            ${Rt}
           </div>
         `;
     }).join(""), t.querySelectorAll(".edit-btn").forEach((c) => {
@@ -4396,7 +4409,7 @@ class cs {
       zIndex: "10002",
       fontFamily: xe
     });
-    for (const s of rs) {
+    for (const s of as) {
       const o = document.createElement("button");
       Object.assign(o.style, {
         border: "none",
@@ -4531,13 +4544,13 @@ class cs {
     });
   }
 }
-var ds = Object.defineProperty, hs = Object.getOwnPropertyDescriptor, U = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? hs(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var hs = Object.defineProperty, ps = Object.getOwnPropertyDescriptor, U = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? ps(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 && ds(e, t, s), s;
+  return i && s && hs(e, t, s), s;
 };
-const ps = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
-let P = class extends A {
+const us = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
+let _ = 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 = [];
   }
@@ -4652,14 +4665,14 @@ let P = class extends A {
   }
   async handleAttachImage() {
     this.upload || (this.upload = new re(this.client));
-    const n = P.MAX_ATTACHMENTS - this.replyAttachmentIds.length;
+    const n = _.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;
+    if (this.replyAttachmentIds.length >= _.MAX_ATTACHMENTS) return;
     this.upload || (this.upload = new re(this.client)), this.audioRecorder || (this.audioRecorder = new Ue());
     const e = (i = this.shadowRoot) == null ? void 0 : i.querySelector(`[data-thread-id="${n}"]`), t = await this.audioRecorder.startRecording(e ?? document.body);
     if (t) {
@@ -4669,7 +4682,7 @@ let P = class extends A {
   }
   async handleRecordVideo(n) {
     var i;
-    if (this.replyAttachmentIds.length >= P.MAX_ATTACHMENTS) return;
+    if (this.replyAttachmentIds.length >= _.MAX_ATTACHMENTS) return;
     this.upload || (this.upload = new re(this.client)), this.videoRecorder || (this.videoRecorder = new De());
     const e = (i = this.shadowRoot) == null ? void 0 : i.querySelector(`[data-thread-id="${n}"]`), t = await this.videoRecorder.startRecording(e ?? document.body);
     if (t) {
@@ -4754,7 +4767,7 @@ let P = class extends A {
           +
           ${this.pickerOpenForComment === n.id ? u`
                 <div class="emoji-picker">
-                  ${ps.map(
+                  ${us.map(
       (o) => u`
                       <button @click=${(r) => {
         r.stopPropagation(), this.toggleReaction(n.id, o);
@@ -4790,7 +4803,7 @@ let P = class extends A {
             <span class="thread-count">${this.threads.length}</span>
           </span>
           <button class="close-btn" @click=${this.fireClose} title="Close">
-            ${C(ve, 16)}
+            ${T(ve, 16)}
           </button>
         </div>
 
@@ -4852,7 +4865,7 @@ let P = class extends A {
         data-thread-id=${n.id}
       >
         ${n.position ? u`<div class="pin-badge">
-              ${C(It, 12)}
+              ${T(Mt, 12)}
               Pinned
             </div>` : v}
         ${n.comments.map((t, i) => {
@@ -4876,8 +4889,8 @@ let P = class extends A {
                     ${this.renderAttachments(t.attachments ?? [])}
                   `}
               ${o && !r ? u`<div class="comment-actions">
-                    <button @click=${() => this.startEdit(t)} title="Edit">${C(Ui, 14)}</button>
-                    <button class="danger" @click=${() => this.deleteComment(t.id)} title="Delete">${C(Hi, 14)}</button>
+                    <button @click=${() => this.startEdit(t)} title="Edit">${T(Di, 14)}</button>
+                    <button class="danger" @click=${() => this.deleteComment(t.id)} title="Delete">${T(Ni, 14)}</button>
                   </div>` : v}
               ${this.renderReactions(t)}
             </div>
@@ -4918,19 +4931,19 @@ let P = class extends A {
                     class="reply-media-btn"
                     title="Attach image"
                     @click=${() => this.handleAttachImage()}
-                  >${C(ji, 16)}</button>
+                  >${T(zi, 16)}</button>
                   <button
                     type="button"
                     class="reply-media-btn"
                     title="Record audio"
                     @click=${() => this.handleRecordAudio(n.id)}
-                  >${C(Li, 16)}</button>
+                  >${T(ji, 16)}</button>
                   <button
                     type="button"
                     class="reply-media-btn"
                     title="Record video"
                     @click=${() => this.handleRecordVideo(n.id)}
-                  >${C(Ni, 16)}</button>
+                  >${T(Bi, 16)}</button>
                   <div class="reply-preview">
                     ${this.replyAttachmentIds.map(
       (t, i) => u`<span class="reply-preview-badge">
@@ -4950,11 +4963,11 @@ let P = class extends A {
     `;
   }
 };
-P.styles = [
+_.styles = [
   ie,
   be,
   Pe,
-  M`
+  O`
       :host {
         display: block;
       }
@@ -5494,56 +5507,56 @@ P.styles = [
       }
     `
 ];
-P.MAX_ATTACHMENTS = 5;
+_.MAX_ATTACHMENTS = 5;
 U([
   x({ attribute: !1 })
-], P.prototype, "client", 2);
+], _.prototype, "client", 2);
 U([
   x()
-], P.prototype, "highlightThreadId", 2);
+], _.prototype, "highlightThreadId", 2);
 U([
   $()
-], P.prototype, "threadsVersion", 2);
+], _.prototype, "threadsVersion", 2);
 U([
   $()
-], P.prototype, "replyingTo", 2);
+], _.prototype, "replyingTo", 2);
 U([
   $()
-], P.prototype, "editingCommentId", 2);
+], _.prototype, "editingCommentId", 2);
 U([
   $()
-], P.prototype, "editBody", 2);
+], _.prototype, "editBody", 2);
 U([
   $()
-], P.prototype, "pickerOpenForComment", 2);
+], _.prototype, "pickerOpenForComment", 2);
 U([
   $()
-], P.prototype, "typingByThread", 2);
+], _.prototype, "typingByThread", 2);
 U([
   $()
-], P.prototype, "reactionsVersion", 2);
-P = U([
+], _.prototype, "reactionsVersion", 2);
+_ = U([
   L("pulse-widget-comments-panel")
-], P);
-var us = Object.defineProperty, fs = Object.getOwnPropertyDescriptor, Ye = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? fs(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+], _);
+var fs = Object.defineProperty, ms = Object.getOwnPropertyDescriptor, Ye = (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 && us(e, t, s), s;
+  return i && s && fs(e, t, s), s;
 };
-const ms = {
+const gs = {
   "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"
-}, gs = {
+}, vs = {
   "comment:created": "💬",
   "comment:mention": "📣",
   "comment:reply": "↩️",
   "thread:resolved": "✅",
   "reaction:added": "🎉"
 };
-let pe = class extends A {
+let pe = class extends P {
   constructor() {
     super(...arguments), this.notifications = [];
   }
@@ -5599,7 +5612,7 @@ let pe = class extends A {
                   Mark all read
                 </button>` : v}
             <button class="close-btn" @click=${this.fireClose} title="Close">
-              ${C(ve, 16)}
+              ${T(ve, 16)}
             </button>
           </div>
         </div>
@@ -5614,11 +5627,11 @@ let pe = class extends A {
                     class="item ${e.read ? "" : "unread"}"
                     @click=${() => this.handleClick(e)}
                   >
-                    <span class="icon">${gs[e.type] ?? "🔔"}</span>
+                    <span class="icon">${vs[e.type] ?? "🔔"}</span>
                     <div class="content">
                       <div class="text">
                         <span class="actor">${this.getActorName(e.actorId)}</span>
-                        ${ms[e.type] ?? e.type}
+                        ${gs[e.type] ?? e.type}
                       </div>
                       <div class="time">${this.formatTime(e.createdAt)}</div>
                     </div>
@@ -5635,7 +5648,7 @@ pe.styles = [
   ie,
   be,
   Pe,
-  M`
+  O`
       :host {
         display: block;
       }
@@ -5837,8 +5850,8 @@ Ye([
 pe = Ye([
   L("pulse-widget-notifications-panel")
 ], pe);
-const vs = 3e3;
-class bs {
+const bs = 3e3;
+class xs {
   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({
@@ -5890,7 +5903,7 @@ class bs {
     ), this.setSending(!0), this.staleTimer = setInterval(() => {
       const e = Date.now();
       for (const [t, i] of this.cursorLastSeen)
-        if (e - i > vs) {
+        if (e - i > bs) {
           this.cursors.delete(t);
           const s = this.cursorEls.get(t);
           s && s.remove(), this.cursorEls.delete(t), this.cursorLastSeen.delete(t);
@@ -5986,7 +5999,7 @@ class bs {
     i.style.transform = `translate(${t.position.x}px, ${t.position.y}px)`;
   }
 }
-class xs {
+class ys {
   constructor(e) {
     this.container = null, this.unsubs = [], this.enabled = !1, this.drawMode = !1, this.currentPoints = [], this.currentPath = null, this.lastPoint = null, this.fadeTimers = /* @__PURE__ */ new Map(), this.handlePointerDown = (t) => {
       var a, l, d;
@@ -6069,7 +6082,7 @@ class xs {
     this.fadeTimers.set(e, t);
   }
 }
-function ys(n) {
+function ws(n) {
   if (!n.rangeCount || n.isCollapsed) return null;
   const e = n.getRangeAt(0), t = e.startContainer, i = e.endContainer, s = xt(t), o = xt(i);
   return !s || !o ? null : {
@@ -6079,7 +6092,7 @@ function ys(n) {
     endOffset: e.endOffset
   };
 }
-function ws(n) {
+function $s(n) {
   var e, t;
   try {
     const i = wt(n.startSelector), s = wt(n.endSelector);
@@ -6144,7 +6157,7 @@ function wt(n) {
     return null;
   }
 }
-class $s {
+class ks {
   constructor(e) {
     this.container = null, this.unsubs = [], this.enabled = !1, this.selectionEls = /* @__PURE__ */ new Map(), this.clearTimers = /* @__PURE__ */ new Map(), this.client = e;
   }
@@ -6188,7 +6201,7 @@ class $s {
     if (!this.container) return;
     const i = (a = this.client.state.user) == null ? void 0 : a.id;
     if (e === i || (this.clearSelection(e), !t)) return;
-    const s = ws(t);
+    const s = $s(t);
     if (!s) return;
     const o = this.client.state.presence.find(
       (l) => l.user.id === e
@@ -6227,12 +6240,12 @@ class $s {
     }
   }
 }
-var ks = Object.defineProperty, Es = Object.getOwnPropertyDescriptor, Ke = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? Es(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var Es = Object.defineProperty, Cs = Object.getOwnPropertyDescriptor, Ke = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Cs(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 && ks(e, t, s), s;
+  return i && s && Es(e, t, s), s;
 };
-let ue = class extends A {
+let ue = class extends P {
   constructor() {
     super(...arguments), this.roomId = "";
   }
@@ -6273,7 +6286,7 @@ let ue = class extends A {
         <div class="panel-header">
           <span class="panel-title">Settings</span>
           <button class="close-btn" @click=${this.fireClose} title="Close">
-            ${C(ve, 16)}
+            ${T(ve, 16)}
           </button>
         </div>
 
@@ -6322,7 +6335,7 @@ ue.styles = [
   ie,
   be,
   Pe,
-  M`
+  O`
       :host {
         display: block;
       }
@@ -6513,26 +6526,26 @@ const $e = {
   showViewportIndicators: !0,
   showSelections: !0,
   showDrawings: !0
-}, Mt = "pulse:settings:";
-function Cs(n) {
+}, Ot = "pulse:settings:";
+function Ts(n) {
   try {
-    const e = localStorage.getItem(`${Mt}${n}`);
+    const e = localStorage.getItem(`${Ot}${n}`);
     return e ? { ...$e, ...JSON.parse(e) } : { ...$e };
   } catch {
     return { ...$e };
   }
 }
-function Ts(n, e) {
-  localStorage.setItem(`${Mt}${n}`, JSON.stringify(e));
+function Ss(n, e) {
+  localStorage.setItem(`${Ot}${n}`, JSON.stringify(e));
 }
-var Ss = Object.defineProperty, As = Object.getOwnPropertyDescriptor, j = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? As(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var As = Object.defineProperty, Ps = Object.getOwnPropertyDescriptor, j = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ps(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 && Ss(e, t, s), s;
+  return i && s && As(e, t, s), s;
 };
-let R = class extends A {
+let M = 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;
+    super(...arguments), this.collapsed = !1, this.activePanel = null, this.pinModeActive = !1, this.featuresDisabled = !1, this.drawModeActive = !1, this.followingUserId = null, this.display = "floating", this.envConfig = { ...It }, this.users = [], this.unreadCount = 0;
   }
   connectedCallback() {
     super.connectedCallback(), this.setupPresence();
@@ -6585,14 +6598,14 @@ let R = class extends A {
     if (this.collapsed)
       return u`
         <div class="toolbar collapsed ${n ? "inline" : ""}" @click=${this.fireToggle}>
-          <span class="fab-icon">${C(Bi, n ? 18 : 24)}</span>
+          <span class="fab-icon">${T(Fi, n ? 18 : 24)}</span>
         </div>
       `;
     const e = this.users.slice(0, 3), t = this.users.length - 3;
     return u`
       <div class="toolbar ${n ? "inline" : ""}"
         <!-- Presence avatars -->
-        ${this.users.length > 0 ? u`
+        ${this.users.length > 0 && this.envConfig.showPresence ? u`
               <div class="presence">
                 ${t > 0 ? u`<div class="presence-overflow">+${t}</div>` : v}
                 ${e.map(
@@ -6621,7 +6634,7 @@ let R = class extends A {
           ?disabled=${this.featuresDisabled}
           style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : ""}"
         >
-          ${C(It)}
+          ${T(Mt)}
         </button>
 
         <!-- View comments -->
@@ -6632,7 +6645,7 @@ let R = class extends A {
           ?disabled=${this.featuresDisabled}
           style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : ""}"
         >
-          ${C(Ri)}
+          ${T(Li)}
         </button>
 
         <!-- Activity feed -->
@@ -6643,19 +6656,21 @@ let R = class extends A {
           ?disabled=${this.featuresDisabled}
           style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : ""}"
         >
-          ${C(Oi)}
+          ${T(Ri)}
         </button>
 
         <!-- Draw mode -->
-        <button
-          class="pw-btn pw-btn-icon ${this.drawModeActive ? "active" : ""}"
-          @click=${() => this.fire("draw-mode")}
-          title="Draw on page"
-          ?disabled=${this.featuresDisabled}
-          style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : ""}"
-        >
-          ${C(zi)}
-        </button>
+        ${this.envConfig.allowDrawing ? u`
+          <button
+            class="pw-btn pw-btn-icon ${this.drawModeActive ? "active" : ""}"
+            @click=${() => this.fire("draw-mode")}
+            title="Draw on page"
+            ?disabled=${this.featuresDisabled}
+            style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : ""}"
+          >
+            ${T(Ui)}
+          </button>
+        ` : v}
 
         <!-- Notifications -->
         <button
@@ -6665,7 +6680,7 @@ let R = class extends A {
           ?disabled=${this.featuresDisabled}
           style="${this.featuresDisabled ? "opacity:0.35;pointer-events:none" : "position:relative"}"
         >
-          ${C(Mi)}
+          ${T(Oi)}
           ${this.unreadCount > 0 ? u`<span class="badge">${this.unreadCount > 9 ? "9+" : this.unreadCount}</span>` : v}
         </button>
 
@@ -6675,7 +6690,7 @@ let R = class extends A {
           @click=${() => this.fire("settings")}
           title="Settings"
         >
-          ${C(Di)}
+          ${T(Hi)}
         </button>
 
         <div class="separator"></div>
@@ -6686,16 +6701,16 @@ let R = class extends A {
           @click=${this.fireToggle}
           title="Collapse"
         >
-          ${C(ve, 14)}
+          ${T(ve, 14)}
         </button>
       </div>
     `;
   }
 };
-R.styles = [
+M.styles = [
   ie,
   be,
-  M`
+  O`
       :host {
         display: block;
       }
@@ -6909,38 +6924,41 @@ R.styles = [
 ];
 j([
   x({ attribute: !1 })
-], R.prototype, "client", 2);
+], M.prototype, "client", 2);
 j([
   x({ type: Boolean })
-], R.prototype, "collapsed", 2);
+], M.prototype, "collapsed", 2);
 j([
   x()
-], R.prototype, "activePanel", 2);
+], M.prototype, "activePanel", 2);
 j([
   x({ type: Boolean })
-], R.prototype, "pinModeActive", 2);
+], M.prototype, "pinModeActive", 2);
 j([
   x({ type: Boolean })
-], R.prototype, "featuresDisabled", 2);
+], M.prototype, "featuresDisabled", 2);
 j([
   x({ type: Boolean })
-], R.prototype, "drawModeActive", 2);
+], M.prototype, "drawModeActive", 2);
 j([
   x()
-], R.prototype, "followingUserId", 2);
+], M.prototype, "followingUserId", 2);
 j([
   x()
-], R.prototype, "display", 2);
+], M.prototype, "display", 2);
+j([
+  x({ attribute: !1 })
+], M.prototype, "envConfig", 2);
 j([
   $()
-], R.prototype, "users", 2);
+], M.prototype, "users", 2);
 j([
   $()
-], R.prototype, "unreadCount", 2);
-R = j([
+], M.prototype, "unreadCount", 2);
+M = j([
   L("pulse-widget-toolbar")
-], R);
-class Ps {
+], M);
+class _s {
   constructor(e) {
     this.container = null, this.unsubs = [], this.enabled = !1, this.pillEls = /* @__PURE__ */ new Map(), this.client = e;
   }
@@ -7018,14 +7036,14 @@ class Ps {
     return e.split(" ").map((t) => t[0]).join("").toUpperCase().slice(0, 2);
   }
 }
-var _s = Object.defineProperty, Is = Object.getOwnPropertyDescriptor, _ = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? Is(e, t) : e, o = n.length - 1, r; o >= 0; o--)
+var Is = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, A = (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 && _s(e, t, s), s;
+  return i && s && Is(e, t, s), s;
 };
-let T = class extends A {
+let C = 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 = { ...$e }, 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 = { ...$e }, this.followingUserId = null, this.drawModeActive = !1, this.connectionState = "disconnected", this.showConnectedFlash = !1, this.envConfig = { ...It }, 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({
@@ -7046,7 +7064,7 @@ let T = class extends A {
           (t = this.client) == null || t.updateSelection(null);
           return;
         }
-        const e = ys(n);
+        const e = ws(n);
         (i = this.client) == null || i.updateSelection(e);
       }, 500));
     }, this.handleDocumentClick = (n) => {
@@ -7078,11 +7096,16 @@ let T = class extends A {
       room: this.room,
       endpoint: this.endpoint
     };
-    this.client = new Et(n), this.clientConfigKey = this.getConfigKey(), this.cursorOverlay = new bs(this.client), this.commentPins = new cs(this.client, {
+    this.client = new Et(n), this.clientConfigKey = this.getConfigKey(), this.cursorOverlay = new xs(this.client), this.commentPins = new ds(this.client, {
       onPinModeExit: () => {
         this.pinModeActive = !1;
       }
-    }), this.viewportOverlay = new Ps(this.client), this.selectionOverlay = new $s(this.client), this.drawingOverlay = new xs(this.client), this.settings = Cs(this.room), this.applySettings(this.settings), this.unsubs.push(
+    }), this.viewportOverlay = new _s(this.client), this.selectionOverlay = new ks(this.client), this.drawingOverlay = new ys(this.client), this.settings = Ts(this.room), this.applySettings(this.settings), this.unsubs.push(
+      this.client.state.on("auth", () => {
+        var e, t;
+        this.envConfig = this.client.state.config, this.envConfig.showCursors || (e = this.cursorOverlay) == null || e.disable(), !this.envConfig.allowDrawing && this.drawModeActive && ((t = this.drawingOverlay) == null || t.disableDrawMode(), this.drawModeActive = !1);
+      })
+    ), 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;
@@ -7140,6 +7163,7 @@ let T = class extends A {
         this.pinModeActive = !this.pinModeActive, this.pinModeActive && ((o = this.commentPins) == null || o.enterPinMode());
         break;
       case "draw-mode":
+        if (!this.envConfig.allowDrawing) break;
         this.drawModeActive = !this.drawModeActive, this.drawModeActive && ((r = this.drawingOverlay) == null || r.enableDrawMode());
         break;
     }
@@ -7150,7 +7174,7 @@ let T = class extends A {
   }
   handleSettingsChange(n) {
     const e = n.detail;
-    this.settings = e, Ts(this.room, e), this.applySettings(e);
+    this.settings = e, Ss(this.room, e), this.applySettings(e);
   }
   applySettings(n) {
     var e, t, i, s, o, r, a, l, d, c, h, p, m, g, y, b, w;
@@ -7268,6 +7292,7 @@ let T = class extends A {
               .drawModeActive=${this.drawModeActive}
               .followingUserId=${this.followingUserId}
               .display=${this.display}
+              .envConfig=${this.envConfig}
               @toolbar-action=${this.handleToolbarAction}
               @toolbar-toggle=${this.handleToolbarToggle}
               @toolbar-follow=${this.handleFollow}
@@ -7289,6 +7314,7 @@ let T = class extends A {
           .drawModeActive=${this.drawModeActive}
           .followingUserId=${this.followingUserId}
           .display=${this.display}
+          .envConfig=${this.envConfig}
           @toolbar-action=${this.handleToolbarAction}
           @toolbar-toggle=${this.handleToolbarToggle}
           @toolbar-follow=${this.handleFollow}
@@ -7297,9 +7323,9 @@ let T = class extends A {
     `;
   }
 };
-T.styles = [
+C.styles = [
   ie,
-  M`
+  O`
       :host {
         display: block;
       }
@@ -7475,54 +7501,57 @@ T.styles = [
       }
     `
 ];
-_([
+A([
   x({ attribute: "api-key" })
-], T.prototype, "apiKey", 2);
-_([
+], C.prototype, "apiKey", 2);
+A([
   x()
-], T.prototype, "token", 2);
-_([
+], C.prototype, "token", 2);
+A([
   x()
-], T.prototype, "room", 2);
-_([
+], C.prototype, "room", 2);
+A([
   x()
-], T.prototype, "endpoint", 2);
-_([
+], C.prototype, "endpoint", 2);
+A([
   x({ reflect: !0 })
-], T.prototype, "position", 2);
-_([
+], C.prototype, "position", 2);
+A([
   x({ reflect: !0 })
-], T.prototype, "display", 2);
-_([
+], C.prototype, "display", 2);
+A([
+  $()
+], C.prototype, "collapsed", 2);
+A([
   $()
-], T.prototype, "collapsed", 2);
-_([
+], C.prototype, "activePanel", 2);
+A([
   $()
-], T.prototype, "activePanel", 2);
-_([
+], C.prototype, "pinModeActive", 2);
+A([
   $()
-], T.prototype, "pinModeActive", 2);
-_([
+], C.prototype, "highlightThreadId", 2);
+A([
   $()
-], T.prototype, "highlightThreadId", 2);
-_([
+], C.prototype, "settings", 2);
+A([
   $()
-], T.prototype, "settings", 2);
-_([
+], C.prototype, "followingUserId", 2);
+A([
   $()
-], T.prototype, "followingUserId", 2);
-_([
+], C.prototype, "drawModeActive", 2);
+A([
   $()
-], T.prototype, "drawModeActive", 2);
-_([
+], C.prototype, "connectionState", 2);
+A([
   $()
-], T.prototype, "connectionState", 2);
-_([
+], C.prototype, "showConnectedFlash", 2);
+A([
   $()
-], T.prototype, "showConnectedFlash", 2);
-T = _([
+], C.prototype, "envConfig", 2);
+C = A([
   L("pulse-widget")
-], T);
+], C);
 export {
   Y as PulseComments,
   de as PulseCursors,
@@ -7530,5 +7559,5 @@ export {
   Z as PulsePresence,
   X as PulseProvider,
   N as PulseReactions,
-  T as PulseWidget
+  C as PulseWidget
 };