diff --git a/package-lock.json b/package-lock.json
index a78bda1e..cd017bc2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "impro",
-  "version": "0.14.119",
+  "version": "0.17.138",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "impro",
-      "version": "0.14.119",
+      "version": "0.17.138",
       "license": "0BSD",
       "dependencies": {
         "@capacitor/app": "^7.0.0",
@@ -15,7 +15,7 @@
         "@capacitor/haptics": "^7.0.0",
         "@capacitor/ios": "^7.0.0",
         "@capacitor/status-bar": "^7.0.0",
-        "lit-html": "^3.3.1"
+        "lit-html": "3.3.3"
       },
       "devDependencies": {
         "@11ty/eleventy": "^3.1.2",
@@ -6040,9 +6040,9 @@
       "license": "MIT"
     },
     "node_modules/lit-html": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.3.1.tgz",
-      "integrity": "sha512-S9hbyDu/vs1qNrithiNyeyv64c9yqiW9l+DBgI18fL+MTvOtWoFR0FWiyq1TxaYef5wNlpEmzlXoBlZEO+WjoA==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.3.3.tgz",
+      "integrity": "sha512-el8M6jK2o3RXBnrSHX3ZKrsN8zEV63pSExTO1wYJz7QndGYZ8353e2a5PPX+qHe2aGayfnchQmkAojaWAREOIA==",
       "license": "BSD-3-Clause",
       "dependencies": {
         "@types/trusted-types": "^2.0.2"
diff --git a/package.json b/package.json
index 848118bb..08e28d1d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "impro",
-  "version": "0.17.138",
+  "version": "0.17.139",
   "type": "module",
   "scripts": {
     "start": "rm -rf \"${BUILD_DIR:-build}\" && NODE_ENV=development eleventy --serve",
@@ -44,6 +44,6 @@
     "@capacitor/haptics": "^7.0.0",
     "@capacitor/ios": "^7.0.0",
     "@capacitor/status-bar": "^7.0.0",
-    "lit-html": "^3.3.1"
+    "lit-html": "3.3.3"
   }
 }
diff --git a/src/js/lib/lit-html.js b/src/js/lib/lit-html.js
index b57bd4e3..14a5a175 100644
--- a/src/js/lib/lit-html.js
+++ b/src/js/lib/lit-html.js
@@ -1,93 +1,94 @@
 // node_modules/lit-html/lit-html.js
 var t = globalThis;
-var i = t.trustedTypes;
-var s = i ? i.createPolicy("lit-html", { createHTML: (t4) => t4 }) : void 0;
-var e = "$lit$";
-var h = `lit$${Math.random().toFixed(9).slice(2)}$`;
-var o = "?" + h;
-var n = `<${o}>`;
-var r = document;
-var l = () => r.createComment("");
-var c = (t4) => null === t4 || "object" != typeof t4 && "function" != typeof t4;
-var a = Array.isArray;
-var u = (t4) => a(t4) || "function" == typeof t4?.[Symbol.iterator];
-var d = "[ 	\n\f\r]";
-var f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
-var v = /-->/g;
-var _ = />/g;
-var m = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ 	
+var i = (t4) => t4;
+var s = t.trustedTypes;
+var e = s ? s.createPolicy("lit-html", { createHTML: (t4) => t4 }) : void 0;
+var h = "$lit$";
+var o = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var n = "?" + o;
+var r = `<${n}>`;
+var l = document;
+var c = () => l.createComment("");
+var a = (t4) => null === t4 || "object" != typeof t4 && "function" != typeof t4;
+var u = Array.isArray;
+var d = (t4) => u(t4) || "function" == typeof t4?.[Symbol.iterator];
+var f = "[ 	\n\f\r]";
+var v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var _ = /-->/g;
+var m = />/g;
+var p = RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g");
-var p = /'/g;
-var g = /"/g;
-var $ = /^(?:script|style|textarea|title)$/i;
-var y = (t4) => (i4, ...s3) => ({ _$litType$: t4, strings: i4, values: s3 });
-var x = y(1);
-var b = y(2);
-var w = y(3);
-var T = Symbol.for("lit-noChange");
-var E = Symbol.for("lit-nothing");
-var A = /* @__PURE__ */ new WeakMap();
-var C = r.createTreeWalker(r, 129);
-function P(t4, i4) {
-  if (!a(t4) || !t4.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return void 0 !== s ? s.createHTML(i4) : i4;
+var g = /'/g;
+var $ = /"/g;
+var y = /^(?:script|style|textarea|title)$/i;
+var x = (t4) => (i4, ...s3) => ({ _$litType$: t4, strings: i4, values: s3 });
+var b = x(1);
+var w = x(2);
+var T = x(3);
+var E = Symbol.for("lit-noChange");
+var A = Symbol.for("lit-nothing");
+var C = /* @__PURE__ */ new WeakMap();
+var P = l.createTreeWalker(l, 129);
+function V(t4, i4) {
+  if (!u(t4) || !t4.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== e ? e.createHTML(i4) : i4;
 }
-var V = (t4, i4) => {
-  const s3 = t4.length - 1, o4 = [];
-  let r3, l2 = 2 === i4 ? "<svg>" : 3 === i4 ? "<math>" : "", c3 = f;
+var N = (t4, i4) => {
+  const s3 = t4.length - 1, e3 = [];
+  let n4, l2 = 2 === i4 ? "<svg>" : 3 === i4 ? "<math>" : "", c3 = v;
   for (let i5 = 0; i5 < s3; i5++) {
     const s4 = t4[i5];
-    let a2, u3, d2 = -1, y2 = 0;
-    for (; y2 < s4.length && (c3.lastIndex = y2, u3 = c3.exec(s4), null !== u3); ) y2 = c3.lastIndex, c3 === f ? "!--" === u3[1] ? c3 = v : void 0 !== u3[1] ? c3 = _ : void 0 !== u3[2] ? ($.test(u3[2]) && (r3 = RegExp("</" + u3[2], "g")), c3 = m) : void 0 !== u3[3] && (c3 = m) : c3 === m ? ">" === u3[0] ? (c3 = r3 ?? f, d2 = -1) : void 0 === u3[1] ? d2 = -2 : (d2 = c3.lastIndex - u3[2].length, a2 = u3[1], c3 = void 0 === u3[3] ? m : '"' === u3[3] ? g : p) : c3 === g || c3 === p ? c3 = m : c3 === v || c3 === _ ? c3 = f : (c3 = m, r3 = void 0);
-    const x2 = c3 === m && t4[i5 + 1].startsWith("/>") ? " " : "";
-    l2 += c3 === f ? s4 + n : d2 >= 0 ? (o4.push(a2), s4.slice(0, d2) + e + s4.slice(d2) + h + x2) : s4 + h + (-2 === d2 ? i5 : x2);
+    let a2, u2, d2 = -1, f3 = 0;
+    for (; f3 < s4.length && (c3.lastIndex = f3, u2 = c3.exec(s4), null !== u2); ) f3 = c3.lastIndex, c3 === v ? "!--" === u2[1] ? c3 = _ : void 0 !== u2[1] ? c3 = m : void 0 !== u2[2] ? (y.test(u2[2]) && (n4 = RegExp("</" + u2[2], "g")), c3 = p) : void 0 !== u2[3] && (c3 = p) : c3 === p ? ">" === u2[0] ? (c3 = n4 ?? v, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c3.lastIndex - u2[2].length, a2 = u2[1], c3 = void 0 === u2[3] ? p : '"' === u2[3] ? $ : g) : c3 === $ || c3 === g ? c3 = p : c3 === _ || c3 === m ? c3 = v : (c3 = p, n4 = void 0);
+    const x2 = c3 === p && t4[i5 + 1].startsWith("/>") ? " " : "";
+    l2 += c3 === v ? s4 + r : d2 >= 0 ? (e3.push(a2), s4.slice(0, d2) + h + s4.slice(d2) + o + x2) : s4 + o + (-2 === d2 ? i5 : x2);
   }
-  return [P(t4, l2 + (t4[s3] || "<?>") + (2 === i4 ? "</svg>" : 3 === i4 ? "</math>" : "")), o4];
+  return [V(t4, l2 + (t4[s3] || "<?>") + (2 === i4 ? "</svg>" : 3 === i4 ? "</math>" : "")), e3];
 };
-var N = class _N {
-  constructor({ strings: t4, _$litType$: s3 }, n4) {
-    let r3;
+var S = class _S {
+  constructor({ strings: t4, _$litType$: i4 }, e3) {
+    let r4;
     this.parts = [];
-    let c3 = 0, a2 = 0;
-    const u3 = t4.length - 1, d2 = this.parts, [f4, v2] = V(t4, s3);
-    if (this.el = _N.createElement(f4, n4), C.currentNode = this.el.content, 2 === s3 || 3 === s3) {
+    let l2 = 0, a2 = 0;
+    const u2 = t4.length - 1, d2 = this.parts, [f3, v2] = N(t4, i4);
+    if (this.el = _S.createElement(f3, e3), P.currentNode = this.el.content, 2 === i4 || 3 === i4) {
       const t5 = this.el.content.firstChild;
       t5.replaceWith(...t5.childNodes);
     }
-    for (; null !== (r3 = C.nextNode()) && d2.length < u3; ) {
-      if (1 === r3.nodeType) {
-        if (r3.hasAttributes()) for (const t5 of r3.getAttributeNames()) if (t5.endsWith(e)) {
-          const i4 = v2[a2++], s4 = r3.getAttribute(t5).split(h), e3 = /([.?@])?(.*)/.exec(i4);
-          d2.push({ type: 1, index: c3, name: e3[2], strings: s4, ctor: "." === e3[1] ? H : "?" === e3[1] ? I : "@" === e3[1] ? L : k }), r3.removeAttribute(t5);
-        } else t5.startsWith(h) && (d2.push({ type: 6, index: c3 }), r3.removeAttribute(t5));
-        if ($.test(r3.tagName)) {
-          const t5 = r3.textContent.split(h), s4 = t5.length - 1;
-          if (s4 > 0) {
-            r3.textContent = i ? i.emptyScript : "";
-            for (let i4 = 0; i4 < s4; i4++) r3.append(t5[i4], l()), C.nextNode(), d2.push({ type: 2, index: ++c3 });
-            r3.append(t5[s4], l());
+    for (; null !== (r4 = P.nextNode()) && d2.length < u2; ) {
+      if (1 === r4.nodeType) {
+        if (r4.hasAttributes()) for (const t5 of r4.getAttributeNames()) if (t5.endsWith(h)) {
+          const i5 = v2[a2++], s3 = r4.getAttribute(t5).split(o), e4 = /([.?@])?(.*)/.exec(i5);
+          d2.push({ type: 1, index: l2, name: e4[2], strings: s3, ctor: "." === e4[1] ? I : "?" === e4[1] ? L : "@" === e4[1] ? z : H }), r4.removeAttribute(t5);
+        } else t5.startsWith(o) && (d2.push({ type: 6, index: l2 }), r4.removeAttribute(t5));
+        if (y.test(r4.tagName)) {
+          const t5 = r4.textContent.split(o), i5 = t5.length - 1;
+          if (i5 > 0) {
+            r4.textContent = s ? s.emptyScript : "";
+            for (let s3 = 0; s3 < i5; s3++) r4.append(t5[s3], c()), P.nextNode(), d2.push({ type: 2, index: ++l2 });
+            r4.append(t5[i5], c());
           }
         }
-      } else if (8 === r3.nodeType) if (r3.data === o) d2.push({ type: 2, index: c3 });
+      } else if (8 === r4.nodeType) if (r4.data === n) d2.push({ type: 2, index: l2 });
       else {
         let t5 = -1;
-        for (; -1 !== (t5 = r3.data.indexOf(h, t5 + 1)); ) d2.push({ type: 7, index: c3 }), t5 += h.length - 1;
+        for (; -1 !== (t5 = r4.data.indexOf(o, t5 + 1)); ) d2.push({ type: 7, index: l2 }), t5 += o.length - 1;
       }
-      c3++;
+      l2++;
     }
   }
   static createElement(t4, i4) {
-    const s3 = r.createElement("template");
+    const s3 = l.createElement("template");
     return s3.innerHTML = t4, s3;
   }
 };
-function S(t4, i4, s3 = t4, e3) {
-  if (i4 === T) return i4;
+function M(t4, i4, s3 = t4, e3) {
+  if (i4 === E) return i4;
   let h3 = void 0 !== e3 ? s3._$Co?.[e3] : s3._$Cl;
-  const o4 = c(i4) ? void 0 : i4._$litDirective$;
-  return h3?.constructor !== o4 && (h3?._$AO?.(false), void 0 === o4 ? h3 = void 0 : (h3 = new o4(t4), h3._$AT(t4, s3, e3)), void 0 !== e3 ? (s3._$Co ??= [])[e3] = h3 : s3._$Cl = h3), void 0 !== h3 && (i4 = S(t4, h3._$AS(t4, i4.values), h3, e3)), i4;
+  const o4 = a(i4) ? void 0 : i4._$litDirective$;
+  return h3?.constructor !== o4 && (h3?._$AO?.(false), void 0 === o4 ? h3 = void 0 : (h3 = new o4(t4), h3._$AT(t4, s3, e3)), void 0 !== e3 ? (s3._$Co ??= [])[e3] = h3 : s3._$Cl = h3), void 0 !== h3 && (i4 = M(t4, h3._$AS(t4, i4.values), h3, e3)), i4;
 }
-var M = class {
+var R = class {
   constructor(t4, i4) {
     this._$AV = [], this._$AN = void 0, this._$AD = t4, this._$AM = i4;
   }
@@ -98,29 +99,29 @@ var M = class {
     return this._$AM._$AU;
   }
   u(t4) {
-    const { el: { content: i4 }, parts: s3 } = this._$AD, e3 = (t4?.creationScope ?? r).importNode(i4, true);
-    C.currentNode = e3;
-    let h3 = C.nextNode(), o4 = 0, n4 = 0, l2 = s3[0];
-    for (; void 0 !== l2; ) {
-      if (o4 === l2.index) {
+    const { el: { content: i4 }, parts: s3 } = this._$AD, e3 = (t4?.creationScope ?? l).importNode(i4, true);
+    P.currentNode = e3;
+    let h3 = P.nextNode(), o4 = 0, n4 = 0, r4 = s3[0];
+    for (; void 0 !== r4; ) {
+      if (o4 === r4.index) {
         let i5;
-        2 === l2.type ? i5 = new R(h3, h3.nextSibling, this, t4) : 1 === l2.type ? i5 = new l2.ctor(h3, l2.name, l2.strings, this, t4) : 6 === l2.type && (i5 = new z(h3, this, t4)), this._$AV.push(i5), l2 = s3[++n4];
+        2 === r4.type ? i5 = new k(h3, h3.nextSibling, this, t4) : 1 === r4.type ? i5 = new r4.ctor(h3, r4.name, r4.strings, this, t4) : 6 === r4.type && (i5 = new Z(h3, this, t4)), this._$AV.push(i5), r4 = s3[++n4];
       }
-      o4 !== l2?.index && (h3 = C.nextNode(), o4++);
+      o4 !== r4?.index && (h3 = P.nextNode(), o4++);
     }
-    return C.currentNode = r, e3;
+    return P.currentNode = l, e3;
   }
   p(t4) {
     let i4 = 0;
     for (const s3 of this._$AV) void 0 !== s3 && (void 0 !== s3.strings ? (s3._$AI(t4, s3, i4), i4 += s3.strings.length - 2) : s3._$AI(t4[i4])), i4++;
   }
 };
-var R = class _R {
+var k = class _k {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
   constructor(t4, i4, s3, e3) {
-    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t4, this._$AB = i4, this._$AM = s3, this.options = e3, this._$Cv = e3?.isConnected ?? true;
+    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t4, this._$AB = i4, this._$AM = s3, this.options = e3, this._$Cv = e3?.isConnected ?? true;
   }
   get parentNode() {
     let t4 = this._$AA.parentNode;
@@ -134,7 +135,7 @@ var R = class _R {
     return this._$AB;
   }
   _$AI(t4, i4 = this) {
-    t4 = S(this, t4, i4), c(t4) ? t4 === E || null == t4 || "" === t4 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t4 !== this._$AH && t4 !== T && this._(t4) : void 0 !== t4._$litType$ ? this.$(t4) : void 0 !== t4.nodeType ? this.T(t4) : u(t4) ? this.k(t4) : this._(t4);
+    t4 = M(this, t4, i4), a(t4) ? t4 === A || null == t4 || "" === t4 ? (this._$AH !== A && this._$AR(), this._$AH = A) : t4 !== this._$AH && t4 !== E && this._(t4) : void 0 !== t4._$litType$ ? this.$(t4) : void 0 !== t4.nodeType ? this.T(t4) : d(t4) ? this.k(t4) : this._(t4);
   }
   O(t4) {
     return this._$AA.parentNode.insertBefore(t4, this._$AB);
@@ -143,38 +144,38 @@ var R = class _R {
     this._$AH !== t4 && (this._$AR(), this._$AH = this.O(t4));
   }
   _(t4) {
-    this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t4 : this.T(r.createTextNode(t4)), this._$AH = t4;
+    this._$AH !== A && a(this._$AH) ? this._$AA.nextSibling.data = t4 : this.T(l.createTextNode(t4)), this._$AH = t4;
   }
   $(t4) {
-    const { values: i4, _$litType$: s3 } = t4, e3 = "number" == typeof s3 ? this._$AC(t4) : (void 0 === s3.el && (s3.el = N.createElement(P(s3.h, s3.h[0]), this.options)), s3);
+    const { values: i4, _$litType$: s3 } = t4, e3 = "number" == typeof s3 ? this._$AC(t4) : (void 0 === s3.el && (s3.el = S.createElement(V(s3.h, s3.h[0]), this.options)), s3);
     if (this._$AH?._$AD === e3) this._$AH.p(i4);
     else {
-      const t5 = new M(e3, this), s4 = t5.u(this.options);
+      const t5 = new R(e3, this), s4 = t5.u(this.options);
       t5.p(i4), this.T(s4), this._$AH = t5;
     }
   }
   _$AC(t4) {
-    let i4 = A.get(t4.strings);
-    return void 0 === i4 && A.set(t4.strings, i4 = new N(t4)), i4;
+    let i4 = C.get(t4.strings);
+    return void 0 === i4 && C.set(t4.strings, i4 = new S(t4)), i4;
   }
   k(t4) {
-    a(this._$AH) || (this._$AH = [], this._$AR());
+    u(this._$AH) || (this._$AH = [], this._$AR());
     const i4 = this._$AH;
     let s3, e3 = 0;
-    for (const h3 of t4) e3 === i4.length ? i4.push(s3 = new _R(this.O(l()), this.O(l()), this, this.options)) : s3 = i4[e3], s3._$AI(h3), e3++;
+    for (const h3 of t4) e3 === i4.length ? i4.push(s3 = new _k(this.O(c()), this.O(c()), this, this.options)) : s3 = i4[e3], s3._$AI(h3), e3++;
     e3 < i4.length && (this._$AR(s3 && s3._$AB.nextSibling, e3), i4.length = e3);
   }
-  _$AR(t4 = this._$AA.nextSibling, i4) {
-    for (this._$AP?.(false, true, i4); t4 !== this._$AB; ) {
-      const i5 = t4.nextSibling;
-      t4.remove(), t4 = i5;
+  _$AR(t4 = this._$AA.nextSibling, s3) {
+    for (this._$AP?.(false, true, s3); t4 !== this._$AB; ) {
+      const s4 = i(t4).nextSibling;
+      i(t4).remove(), t4 = s4;
     }
   }
   setConnected(t4) {
     void 0 === this._$AM && (this._$Cv = t4, this._$AP?.(t4));
   }
 };
-var k = class {
+var H = class {
   get tagName() {
     return this.element.tagName;
   }
@@ -182,53 +183,53 @@ var k = class {
     return this._$AM._$AU;
   }
   constructor(t4, i4, s3, e3, h3) {
-    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t4, this.name = i4, this._$AM = e3, this.options = h3, s3.length > 2 || "" !== s3[0] || "" !== s3[1] ? (this._$AH = Array(s3.length - 1).fill(new String()), this.strings = s3) : this._$AH = E;
+    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t4, this.name = i4, this._$AM = e3, this.options = h3, s3.length > 2 || "" !== s3[0] || "" !== s3[1] ? (this._$AH = Array(s3.length - 1).fill(new String()), this.strings = s3) : this._$AH = A;
   }
   _$AI(t4, i4 = this, s3, e3) {
     const h3 = this.strings;
     let o4 = false;
-    if (void 0 === h3) t4 = S(this, t4, i4, 0), o4 = !c(t4) || t4 !== this._$AH && t4 !== T, o4 && (this._$AH = t4);
+    if (void 0 === h3) t4 = M(this, t4, i4, 0), o4 = !a(t4) || t4 !== this._$AH && t4 !== E, o4 && (this._$AH = t4);
     else {
       const e4 = t4;
-      let n4, r3;
-      for (t4 = h3[0], n4 = 0; n4 < h3.length - 1; n4++) r3 = S(this, e4[s3 + n4], i4, n4), r3 === T && (r3 = this._$AH[n4]), o4 ||= !c(r3) || r3 !== this._$AH[n4], r3 === E ? t4 = E : t4 !== E && (t4 += (r3 ?? "") + h3[n4 + 1]), this._$AH[n4] = r3;
+      let n4, r4;
+      for (t4 = h3[0], n4 = 0; n4 < h3.length - 1; n4++) r4 = M(this, e4[s3 + n4], i4, n4), r4 === E && (r4 = this._$AH[n4]), o4 ||= !a(r4) || r4 !== this._$AH[n4], r4 === A ? t4 = A : t4 !== A && (t4 += (r4 ?? "") + h3[n4 + 1]), this._$AH[n4] = r4;
     }
     o4 && !e3 && this.j(t4);
   }
   j(t4) {
-    t4 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t4 ?? "");
+    t4 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t4 ?? "");
   }
 };
-var H = class extends k {
+var I = class extends H {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t4) {
-    this.element[this.name] = t4 === E ? void 0 : t4;
+    this.element[this.name] = t4 === A ? void 0 : t4;
   }
 };
-var I = class extends k {
+var L = class extends H {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t4) {
-    this.element.toggleAttribute(this.name, !!t4 && t4 !== E);
+    this.element.toggleAttribute(this.name, !!t4 && t4 !== A);
   }
 };
-var L = class extends k {
+var z = class extends H {
   constructor(t4, i4, s3, e3, h3) {
     super(t4, i4, s3, e3, h3), this.type = 5;
   }
   _$AI(t4, i4 = this) {
-    if ((t4 = S(this, t4, i4, 0) ?? E) === T) return;
-    const s3 = this._$AH, e3 = t4 === E && s3 !== E || t4.capture !== s3.capture || t4.once !== s3.once || t4.passive !== s3.passive, h3 = t4 !== E && (s3 === E || e3);
+    if ((t4 = M(this, t4, i4, 0) ?? A) === E) return;
+    const s3 = this._$AH, e3 = t4 === A && s3 !== A || t4.capture !== s3.capture || t4.once !== s3.once || t4.passive !== s3.passive, h3 = t4 !== A && (s3 === A || e3);
     e3 && this.element.removeEventListener(this.name, this, s3), h3 && this.element.addEventListener(this.name, this, t4), this._$AH = t4;
   }
   handleEvent(t4) {
     "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t4) : this._$AH.handleEvent(t4);
   }
 };
-var z = class {
+var Z = class {
   constructor(t4, i4, s3) {
     this.element = t4, this.type = 6, this._$AN = void 0, this._$AM = i4, this.options = s3;
   }
@@ -236,18 +237,18 @@ var z = class {
     return this._$AM._$AU;
   }
   _$AI(t4) {
-    S(this, t4);
+    M(this, t4);
   }
 };
-var Z = { M: e, P: h, A: o, C: 1, L: V, R: M, D: u, V: S, I: R, H: k, N: I, U: L, B: H, F: z };
-var j = t.litHtmlPolyfillSupport;
-j?.(N, R), (t.litHtmlVersions ??= []).push("3.3.1");
-var B = (t4, i4, s3) => {
+var j = { M: h, P: o, A: n, C: 1, L: N, R, D: d, V: M, I: k, H, N: L, U: z, B: I, F: Z };
+var B = t.litHtmlPolyfillSupport;
+B?.(S, k), (t.litHtmlVersions ??= []).push("3.3.3");
+var D = (t4, i4, s3) => {
   const e3 = s3?.renderBefore ?? i4;
   let h3 = e3._$litPart$;
   if (void 0 === h3) {
     const t5 = s3?.renderBefore ?? null;
-    e3._$litPart$ = h3 = new R(i4.insertBefore(l(), t5), t5, void 0, s3 ?? {});
+    e3._$litPart$ = h3 = new k(i4.insertBefore(c(), t5), t5, void 0, s3 ?? {});
   }
   return h3._$AI(t4), h3;
 };
@@ -273,21 +274,21 @@ var i2 = class {
 };
 
 // node_modules/lit-html/directive-helpers.js
-var { I: t3 } = Z;
-var f2 = (o4) => void 0 === o4.strings;
-var u2 = {};
-var m2 = (o4, t4 = u2) => o4._$AH = t4;
+var { I: t3 } = j;
+var r2 = (o4) => void 0 === o4.strings;
+var m2 = {};
+var p2 = (o4, t4 = m2) => o4._$AH = t4;
 
 // node_modules/lit-html/directives/keyed.js
 var i3 = e2(class extends i2 {
   constructor() {
-    super(...arguments), this.key = E;
+    super(...arguments), this.key = A;
   }
-  render(r3, t4) {
-    return this.key = r3, t4;
+  render(r4, t4) {
+    return this.key = r4, t4;
   }
-  update(r3, [t4, e3]) {
-    return t4 !== this.key && (m2(r3), this.key = t4), e3;
+  update(r4, [t4, e3]) {
+    return t4 !== this.key && (p2(r4), this.key = t4), e3;
   }
 });
 
@@ -305,7 +306,7 @@ var o2 = (i4) => {
     e3 = t4._$AN, e3.delete(i4), i4 = t4;
   } while (0 === e3?.size);
 };
-var r2 = (i4) => {
+var r3 = (i4) => {
   for (let t4; t4 = i4._$AM; i4 = t4) {
     let e3 = t4._$AN;
     if (void 0 === e3) t4._$AN = e3 = /* @__PURE__ */ new Set();
@@ -314,29 +315,29 @@ var r2 = (i4) => {
   }
 };
 function h2(i4) {
-  void 0 !== this._$AN ? (o2(this), this._$AM = i4, r2(this)) : this._$AM = i4;
+  void 0 !== this._$AN ? (o2(this), this._$AM = i4, r3(this)) : this._$AM = i4;
 }
 function n2(i4, t4 = false, e3 = 0) {
-  const r3 = this._$AH, h3 = this._$AN;
-  if (void 0 !== h3 && 0 !== h3.size) if (t4) if (Array.isArray(r3)) for (let i5 = e3; i5 < r3.length; i5++) s2(r3[i5], false), o2(r3[i5]);
-  else null != r3 && (s2(r3, false), o2(r3));
+  const r4 = this._$AH, h3 = this._$AN;
+  if (void 0 !== h3 && 0 !== h3.size) if (t4) if (Array.isArray(r4)) for (let i5 = e3; i5 < r4.length; i5++) s2(r4[i5], false), o2(r4[i5]);
+  else null != r4 && (s2(r4, false), o2(r4));
   else s2(this, i4);
 }
 var c2 = (i4) => {
   i4.type == t2.CHILD && (i4._$AP ??= n2, i4._$AQ ??= h2);
 };
-var f3 = class extends i2 {
+var f2 = class extends i2 {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
   _$AT(i4, t4, e3) {
-    super._$AT(i4, t4, e3), r2(this), this.isConnected = i4._$AU;
+    super._$AT(i4, t4, e3), r3(this), this.isConnected = i4._$AU;
   }
   _$AO(i4, t4 = true) {
     i4 !== this.isConnected && (this.isConnected = i4, i4 ? this.reconnected?.() : this.disconnected?.()), t4 && (s2(this, i4), o2(this));
   }
   setValue(t4) {
-    if (f2(this._$Ct)) this._$Ct._$AI(t4, this);
+    if (r2(this._$Ct)) this._$Ct._$AI(t4, this);
     else {
       const i4 = [...this._$Ct._$AH];
       i4[this._$Ci] = t4, this._$Ct._$AI(i4, this, 0);
@@ -350,16 +351,16 @@ var f3 = class extends i2 {
 
 // node_modules/lit-html/directives/ref.js
 var o3 = /* @__PURE__ */ new WeakMap();
-var n3 = e2(class extends f3 {
+var n3 = e2(class extends f2 {
   render(i4) {
-    return E;
+    return A;
   }
   update(i4, [s3]) {
     const e3 = s3 !== this.G;
-    return e3 && void 0 !== this.G && this.rt(void 0), (e3 || this.lt !== this.ct) && (this.G = s3, this.ht = i4.options?.host, this.rt(this.ct = i4.element)), E;
+    return e3 && this.rt(void 0), (e3 || this.lt !== this.ct) && (this.G = s3, this.ht = i4.options?.host, this.rt(this.ct = i4.element)), A;
   }
   rt(t4) {
-    if (this.isConnected || (t4 = void 0), "function" == typeof this.G) {
+    if (void 0 !== this.G) if (this.isConnected || (t4 = void 0), "function" == typeof this.G) {
       const i4 = this.ht ?? globalThis;
       let s3 = o3.get(i4);
       void 0 === s3 && (s3 = /* @__PURE__ */ new WeakMap(), o3.set(i4, s3)), void 0 !== s3.get(this.G) && this.G.call(this.ht, void 0), s3.set(this.G, t4), void 0 !== t4 && this.G.call(this.ht, t4);
@@ -376,10 +377,10 @@ var n3 = e2(class extends f3 {
   }
 });
 export {
-  x as html,
+  b as html,
   i3 as keyed,
   n3 as ref,
-  B as render
+  D as render
 };
 /*! Bundled license information:
 
diff --git a/src/js/templates/avatar.template.js b/src/js/templates/avatar.template.js
index 095bcbf9..94462590 100644
--- a/src/js/templates/avatar.template.js
+++ b/src/js/templates/avatar.template.js
@@ -65,6 +65,12 @@ export function avatarTemplate({
             "labeler-avatar": isLabeler,
           })}
         >
+          <!-- 
+          This single character fixes a weird bug on iOS safari
+          where the chatDetail page would render extra slowly.
+          I don't know why it works, but it does. 
+          Since line height is zero, it shouldn't be visible on the page. -->
+          x
           <img
             src="${avatarThumbnailUrl}"
             alt="${author.displayName} profile picture"