clay-server 2.8.0 → 2.8.2

package/bin/cli.js

@@ -121,7 +121,7 @@ for (var i = 0; i < args.length; i++) {
     console.log("  --list             List all registered projects");
     console.log("  --headless         Start daemon and exit immediately (implies --yes)");
     console.log("  --dangerously-skip-permissions");
-    console.log("                     Bypass all permission prompts (requires --pin)");
+    console.log("                     Bypass all permission prompts");
     process.exit(0);
   }
 }
@@ -1243,7 +1243,30 @@ function setup(callback) {
           port = p;
           log(sym.bar);
 
-          promptPin(function (pin) {
+          function askPin() {
+            promptPin(function (pin) {
+              if (dangerouslySkipPermissions && !pin) {
+                log(sym.bar);
+                log(sym.warn + "  " + a.yellow + "WARNING: No PIN + skip permissions = anyone with the URL" + a.reset);
+                log(sym.bar + "  " + a.yellow + "can execute any command without approval." + a.reset);
+                log(sym.bar);
+                promptToggle("Continue without PIN?", null, false, function (confirmed) {
+                  if (!confirmed) {
+                    clearUp(6);
+                    log(sym.done + "  PIN protection " + a.dim + "·" + a.reset + " " + a.yellow + "Required for skip permissions" + a.reset);
+                    log(sym.bar);
+                    askPin();
+                    return;
+                  }
+                  afterPin(pin);
+                });
+              } else {
+                afterPin(pin);
+              }
+            });
+          }
+
+          function afterPin(pin) {
             if (process.platform === "darwin") {
               promptToggle("Keep awake", "Prevent system sleep while relay is running", false, function (keepAwake) {
                 callback(pin, keepAwake);
@@ -1251,7 +1274,9 @@ function setup(callback) {
             } else {
               callback(pin, false);
             }
-          });
+          }
+
+          askPin();
         });
       });
     }
@@ -2398,15 +2423,10 @@ var currentVersion = require("../package.json").version;
     // No daemon running — first-time setup
     if (autoYes) {
       var pin = cliPin || null;
-      if (dangerouslySkipPermissions && !pin) {
-        console.error("  " + sym.warn + "  " + a.red + "--dangerously-skip-permissions requires --pin <pin>" + a.reset);
-        process.exit(1);
-        return;
-      }
       console.log("  " + sym.done + "  Auto-accepted disclaimer");
       console.log("  " + sym.done + "  PIN: " + (pin ? "Enabled" : "Skipped"));
       if (dangerouslySkipPermissions) {
-        console.log("  " + sym.warn + "  " + a.yellow + "Skip permissions mode enabled" + a.reset);
+        console.log("  " + sym.warn + "  " + a.yellow + "Skip permissions mode enabled" + (pin ? "" : " (no PIN)") + a.reset);
       }
       var autoRc = loadClayrc();
       var autoRestorable = (autoRc.recentProjects || []).filter(function (p) {
@@ -2423,13 +2443,6 @@ var currentVersion = require("../package.json").version;
       await forkDaemon(pin, false, autoRestorable.length > 0 ? autoRestorable : undefined, addCwd);
     } else {
       setup(function (pin, keepAwake) {
-        if (dangerouslySkipPermissions && !pin) {
-          log(sym.warn + "  " + a.red + "--dangerously-skip-permissions requires a PIN." + a.reset);
-          log(a.dim + "     Please set a PIN to use skip permissions mode." + a.reset);
-          process.exit(1);
-          return;
-        }
-
         // Check ~/.clayrc for previous projects to restore
         var rc = loadClayrc();
         var restorable = (rc.recentProjects || []).filter(function (p) {

package/lib/public/app.js

@@ -1,6 +1,6 @@
 import { showToast, copyToClipboard, escapeHtml } from './modules/utils.js';
 import { refreshIcons, iconHtml, randomThinkingVerb } from './modules/icons.js';
-import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks, closeMermaidModal, parseEmojis } from './modules/markdown.js';
+import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks, closeMermaidModal } from './modules/markdown.js';
 import { initSidebar, renderSessionList, handleSearchResults, updatePageTitle, getActiveSearchQuery, buildSearchTimeline, removeSearchTimeline, populateCliSessionList, renderIconStrip, initIconStrip, getEmojiCategories } from './modules/sidebar.js';
 import { initRewind, setRewindMode, showRewindModal, clearPendingRewindUuid, addRewindButton } from './modules/rewind.js';
 import { initNotifications, showDoneNotification, playDoneSound, isNotifAlertEnabled, isNotifSoundEnabled } from './modules/notifications.js';
@@ -181,7 +181,7 @@ import { initProfile } from './modules/profile.js';
     }
     // Normal update (no animation)
     greetEl.textContent = getGreeting();
-    parseEmojis(greetEl);
+
     applyWeatherTooltip(greetEl);
   }
 
@@ -213,13 +213,13 @@ import { initProfile } from './modules/profile.js';
       if (step < totalSteps) {
         var idx = (startIdx + step) % SLOT_EMOJIS.length;
         greetEl.textContent = prefix + " " + SLOT_EMOJIS[idx];
-        parseEmojis(greetEl);
+    
         step++;
         setTimeout(tick, intervals[step - 1]);
       } else {
         // Final: land on actual weather
         greetEl.textContent = prefix + " " + weatherEmoji;
-        parseEmojis(greetEl);
+    
         applyWeatherTooltip(greetEl);
       }
     }
@@ -366,7 +366,7 @@ import { initProfile } from './modules/profile.js';
         })(projects[p]);
       }
       // Render emoji icons
-      parseEmojis(projectsList);
+
     }
 
     // --- Week strip ---
@@ -451,7 +451,7 @@ import { initProfile } from './modules/profile.js';
             pbGrid.appendChild(card);
           })(pbs[pi]);
         }
-        parseEmojis(pbGrid);
+
       }
     }
 
@@ -498,7 +498,7 @@ import { initProfile } from './modules/profile.js';
     }
 
     // Render twemoji for all emoji in the hub
-    parseEmojis(homeHub);
+
   }
 
   function handleHubSchedules(msg) {
@@ -617,7 +617,7 @@ import { initProfile } from './modules/profile.js';
           var pIcon = cachedProjects[pi].icon || null;
           if (pIcon) {
             tbIcon.textContent = pIcon;
-            parseEmojis(tbIcon);
+
             tbIcon.classList.add("has-icon");
             try { localStorage.setItem("clay-project-icon-" + (currentSlug || "default"), pIcon); } catch (e) {}
           } else {
@@ -736,7 +736,7 @@ import { initProfile } from './modules/profile.js';
       var _tbi = $("title-bar-project-icon");
       if (_tbi) {
         _tbi.textContent = _cachedProjectIcon;
-        parseEmojis(_tbi);
+
         _tbi.classList.add("has-icon");
       }
     }
@@ -1848,7 +1848,7 @@ import { initProfile } from './modules/profile.js';
       bubble.appendChild(textEl);
     }
 
-    parseEmojis(bubble);
+
     div.appendChild(bubble);
 
     // Action bar below bubble (icons visible on hover)
@@ -1975,7 +1975,6 @@ import { initProfile } from './modules/profile.js';
     if (highlightTimer) clearTimeout(highlightTimer);
     highlightTimer = setTimeout(function () {
       highlightCodeBlocks(contentEl);
-      parseEmojis(contentEl);
     }, 150);
 
     scrollToBottom();
@@ -1996,7 +1995,6 @@ import { initProfile } from './modules/profile.js';
       if (contentEl) {
         contentEl.innerHTML = renderMarkdown(currentFullText);
         highlightCodeBlocks(contentEl);
-        parseEmojis(contentEl);
       }
     }
   }
@@ -2008,7 +2006,6 @@ import { initProfile } from './modules/profile.js';
       if (contentEl) {
         highlightCodeBlocks(contentEl);
         renderMermaidBlocks(contentEl);
-        parseEmojis(contentEl);
       }
       if (currentFullText) {
         addCopyHandler(currentMsgEl, currentFullText);

package/lib/public/css/base.css

@@ -58,6 +58,13 @@
   font-display: swap;
 }
 
+/* --- Twemoji COLR Font (cross-platform consistent emoji via font, no JS parsing) --- */
+@font-face {
+  font-family: 'Twemoji';
+  src: url('https://cdn.jsdelivr.net/npm/twemoji-colr-font@15.0.3/twemoji.woff2') format('woff2');
+  font-display: swap;
+}
+
 /* --- Reset & Variables --- */
 * {
   margin: 0;
@@ -159,7 +166,7 @@ html, body {
   height: 100%;
   background: var(--bg);
   color: var(--text);
-  font-family: "Pretendard", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  font-family: "Pretendard", "Twemoji", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 15px;
   line-height: 1.6;
   overflow: hidden;

package/lib/public/index.html

@@ -12,7 +12,7 @@
 <title>Clay</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&family=Nunito:wght@700;800&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&family=Nunito:wght@700;800&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xterm/xterm@5/css/xterm.min.css">
 <script>
 (function(){try{var k="clay-theme-vars",v=localStorage.getItem(k),r=document.documentElement;if(v){var o=JSON.parse(v),p;for(p in o)r.style.setProperty(p,o[p]);var vt=localStorage.getItem(k.replace("-vars","-variant"));if(vt==="light"){r.classList.add("light-theme");r.classList.remove("dark-theme")}else{r.classList.add("dark-theme");r.classList.remove("light-theme")}var m=document.querySelector('meta[name="theme-color"]');if(m&&o["--bg"])m.setAttribute("content",o["--bg"])}else{var sl=window.matchMedia&&window.matchMedia("(prefers-color-scheme: light)").matches;if(sl){r.classList.add("light-theme");r.classList.remove("dark-theme")}}}catch(e){}})();
@@ -219,7 +219,7 @@
       <div id="app">
         <div id="connect-overlay">
       <canvas id="ascii-logo-canvas"></canvas>
-      <p id="connect-overlay-msg">Server offline. Will reconnect automatically.</p>
+      <p id="connect-overlay-msg">Reconnecting to server…</p>
     </div>
     <div id="sticky-notes-container" class="hidden"></div>
     <div id="messages"></div>
@@ -1361,7 +1361,6 @@
 <script src="https://cdn.jsdelivr.net/npm/qrcode-generator@1.4.4/qrcode.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5/lib/xterm.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0/lib/addon-fit.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/twemoji@14.0.2/dist/twemoji.min.js"></script>
 <script type="module" src="app.js"></script>
 </body>
 </html>

package/lib/public/modules/ascii-logo.js

@@ -13,7 +13,7 @@ var ASCII_LINES = [
   "        _______\\/////////__\\///////////////__\\///________\\///________\\///_______",
 ];
 
-// Tri-accent gradient stops: Green → Indigo → Terracotta
+// Tri-accent gradient stops: Green → Indigo → Terracotta (matches CLI)
 var GRADIENT_STOPS = [
   [9, 229, 163],
   [88, 87, 252],
@@ -42,6 +42,7 @@ var offsetY = 0;
 var centerX = 0;
 var centerY = 0;
 var maxCol = 0;
+var glyphCache = {};  // key: char → offscreen canvas (white glyph)
 var running = false;
 
 function getGradientColor(row, totalRows) {
@@ -61,9 +62,10 @@ function getGradientColor(row, totalRows) {
   return [r, g, b];
 }
 
-function easeOutElastic(t) {
-  if (t === 0 || t === 1) return t;
-  return Math.pow(2, -10 * t) * Math.sin((t - 0.1) * 5 * Math.PI) + 1;
+function easeOutBack(t) {
+  var s = 1.4;
+  var t1 = t - 1;
+  return t1 * t1 * ((s + 1) * t1 + s) + 1;
 }
 
 function easeOutCubic(t) {
@@ -82,7 +84,7 @@ function buildParticles() {
     var line = ASCII_LINES[row];
     for (var col = 0; col < line.length; col++) {
       var ch = line[col];
-      if (ch === " " || ch === "_") continue;
+      if (ch === " ") continue;
       if (col > maxCol) maxCol = col;
       var gc = getGradientColor(row, ASCII_LINES.length);
       particles.push({
@@ -101,9 +103,9 @@ function buildParticles() {
         finalR: gc[0],
         finalG: gc[1],
         finalB: gc[2],
-        r: 160,
-        g: 160,
-        b: 160,
+        r: 220,
+        g: 220,
+        b: 220,
         scatterX: 0,
         scatterY: 0,
       });
@@ -133,12 +135,12 @@ function computeLayout() {
   }
 
   // Responsive font size
-  fontSize = Math.floor(w / maxLen * 1.05);
-  fontSize = Math.max(6, Math.min(fontSize, 20));
+  fontSize = Math.floor(w / maxLen * 1.3);
+  fontSize = Math.max(8, Math.min(fontSize, 28));
 
-  ctx.font = fontSize + "px Menlo, Monaco, Consolas, 'Courier New', monospace";
+  ctx.font = "bold " + fontSize + "px 'Roboto Mono', Menlo, Monaco, Consolas, monospace";
   charWidth = ctx.measureText("M").width;
-  lineHeight = fontSize * 1.5;
+  lineHeight = fontSize * 1.2;
 
   var totalW = maxLen * charWidth;
   var totalH = ASCII_LINES.length * lineHeight;
@@ -153,6 +155,30 @@ function computeLayout() {
     p.targetX = offsetX + p.col * charWidth;
     p.targetY = offsetY + p.row * lineHeight + lineHeight * 0.8;
   }
+
+  // Build glyph cache — pre-render each unique char as white on offscreen canvas
+  glyphCache = {};
+  var dpr2 = window.devicePixelRatio || 1;
+  var pad = Math.ceil(fontSize * 0.3);
+  var gw = Math.ceil(charWidth * dpr2) + pad * 2;
+  var gh = Math.ceil(fontSize * 1.6 * dpr2) + pad * 2;
+  var fontStr = "bold " + fontSize + "px 'Roboto Mono', Menlo, Monaco, Consolas, monospace";
+  var chars = {};
+  for (var i = 0; i < particles.length; i++) chars[particles[i].char] = 1;
+  var keys = Object.keys(chars);
+  for (var i = 0; i < keys.length; i++) {
+    var ch = keys[i];
+    var oc = document.createElement("canvas");
+    oc.width = gw;
+    oc.height = gh;
+    var ox = oc.getContext("2d");
+    ox.scale(dpr2, dpr2);
+    ox.font = fontStr;
+    ox.textBaseline = "alphabetic";
+    ox.fillStyle = "#fff";
+    ox.fillText(ch, pad / dpr2, (gh - pad) / dpr2);
+    glyphCache[ch] = oc;
+  }
 }
 
 function randomScatter(p) {
@@ -167,9 +193,9 @@ function randomScatter(p) {
   p.vx = 0;
   p.vy = 0;
   p.vr = 0;
-  p.r = 160;
-  p.g = 160;
-  p.b = 160;
+  p.r = 220;
+  p.g = 220;
+  p.b = 220;
 }
 
 function setPhase(newPhase) {
@@ -212,7 +238,7 @@ function updateParticles(dt) {
       var delay = (p.col / (maxCol || 1)) * 0.6;
       var localT = Math.max(0, phaseTime - delay) / (PHASE_SCATTER_IN - 0.6);
       localT = Math.min(localT, 1);
-      var ease = easeOutElastic(localT);
+      var ease = easeOutBack(localT);
 
       p.x = lerp(p.scatterX, p.targetX, ease);
       p.y = lerp(p.scatterY, p.targetY, ease);
@@ -238,9 +264,9 @@ function updateParticles(dt) {
       var localT = (sweepProgress - colNorm * 0.6) / 0.4;
       localT = Math.max(0, Math.min(1, localT));
       var ease = easeOutCubic(localT);
-      p.r = Math.round(lerp(160, p.finalR, ease));
-      p.g = Math.round(lerp(160, p.finalG, ease));
-      p.b = Math.round(lerp(160, p.finalB, ease));
+      p.r = Math.round(lerp(220, p.finalR, ease));
+      p.g = Math.round(lerp(220, p.finalG, ease));
+      p.b = Math.round(lerp(220, p.finalB, ease));
     }
     if (phaseTime >= PHASE_COLOR_SWEEP) {
       for (var i = 0; i < particles.length; i++) {
@@ -252,10 +278,10 @@ function updateParticles(dt) {
       setPhase("hold");
     }
   } else if (phase === "hold") {
-    var breath = Math.sin(phaseTime * Math.PI * 0.8) * 0.08;
+    var breath = Math.sin(phaseTime * Math.PI * 0.8) * 0.04;
     for (var i = 0; i < particles.length; i++) {
       var p = particles[i];
-      p.opacity = 0.92 + breath;
+      p.opacity = 0.96 + breath;
       // Subtle micro-jitter
       p.x = p.targetX + Math.sin(phaseTime * 2.3 + i * 0.7) * 0.4;
       p.y = p.targetY + Math.cos(phaseTime * 1.9 + i * 0.5) * 0.3;
@@ -297,7 +323,7 @@ function updateParticles(dt) {
       var delay = ((maxCol - p.col) / (maxCol || 1)) * 0.5;
       var localT = Math.max(0, phaseTime - delay) / (PHASE_REASSEMBLE - 0.5);
       localT = Math.min(localT, 1);
-      var ease = easeOutElastic(localT);
+      var ease = easeOutBack(localT);
 
       p.x = lerp(p.scatterX, p.targetX, ease);
       p.y = lerp(p.scatterY, p.targetY, ease);
@@ -319,29 +345,56 @@ function updateParticles(dt) {
 
 function drawFrame() {
   if (!ctx) return;
-  var w = canvas.width / (window.devicePixelRatio || 1);
-  var h = canvas.height / (window.devicePixelRatio || 1);
+  var dpr = window.devicePixelRatio || 1;
+  var w = canvas.width / dpr;
+  var h = canvas.height / dpr;
   ctx.clearRect(0, 0, w, h);
-  ctx.font = fontSize + "px Menlo, Monaco, Consolas, 'Courier New', monospace";
-  ctx.textBaseline = "alphabetic";
+
+  var pad = Math.ceil(fontSize * 0.3);
+  var drawW = (glyphCache._w || (Math.ceil(charWidth * dpr) + pad * 2)) / dpr;
+  var drawH = (glyphCache._h || (Math.ceil(fontSize * 1.6 * dpr) + pad * 2)) / dpr;
+  var padCSS = pad / dpr;
+
+  // Use globalCompositeOperation to tint white glyphs
+  // 1) Draw glyphs as white (source-over)
+  // 2) Multiply with color overlay
+  // Instead, use simpler approach: drawImage with globalAlpha, then tint via composite
 
   for (var i = 0; i < particles.length; i++) {
     var p = particles[i];
     if (p.opacity <= 0.01) continue;
 
-    ctx.save();
+    var gc = glyphCache[p.char];
+    if (!gc) continue;
+
+    var dx = p.x - padCSS;
+    var dy = p.y - drawH + padCSS;
+
     ctx.globalAlpha = p.opacity;
-    ctx.fillStyle = "rgb(" + p.r + "," + p.g + "," + p.b + ")";
 
     if (Math.abs(p.rotation) > 0.01) {
+      ctx.save();
       ctx.translate(p.x + charWidth / 2, p.y - fontSize / 3);
       ctx.rotate(p.rotation);
-      ctx.fillText(p.char, -charWidth / 2, fontSize / 3);
+      ctx.drawImage(gc, -drawW / 2, -drawH / 2, drawW, drawH);
+      ctx.restore();
     } else {
-      ctx.fillText(p.char, p.x, p.y);
+      ctx.drawImage(gc, dx, dy, drawW, drawH);
     }
-    ctx.restore();
   }
+
+  // Tint pass — multiply white glyphs with particle colors
+  ctx.globalCompositeOperation = "source-atop";
+  for (var i = 0; i < particles.length; i++) {
+    var p = particles[i];
+    if (p.opacity <= 0.01) continue;
+    ctx.globalAlpha = 1;
+    ctx.fillStyle = "rgb(" + p.r + "," + p.g + "," + p.b + ")";
+    var dx = p.x - padCSS;
+    var dy = p.y - drawH + padCSS;
+    ctx.fillRect(dx, dy, drawW, drawH);
+  }
+  ctx.globalCompositeOperation = "source-over";
 }
 
 function tick(now) {

package/lib/public/modules/filebrowser.js

@@ -1,6 +1,6 @@
 import { iconHtml, refreshIcons } from './icons.js';
 import { escapeHtml, copyToClipboard } from './utils.js';
-import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks, exportMarkdownAsPdf, parseEmojis } from './markdown.js';
+import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks, exportMarkdownAsPdf } from './markdown.js';
 import { closeSidebar } from './sidebar.js';
 import { renderUnifiedDiff, renderSplitDiff } from './diff.js';
 import { initFileIcons, getFileIconSvg, getFolderIconSvg } from './fileicons.js';
@@ -198,7 +198,6 @@ function renderBody() {
     }
     highlightCodeBlocks(bodyEl);
     renderMermaidBlocks(bodyEl);
-    parseEmojis(bodyEl);
     renderBtn.classList.add("active");
     renderBtn.title = "Show raw";
     pdfBtn.classList.remove("hidden");

package/lib/public/modules/markdown.js

@@ -27,112 +27,12 @@ export function renderMarkdown(text) {
 }
 
 /**
- * Parse all Unicode emojis inside an element into Twemoji SVGs.
- * Safe to call on any DOM element — skips <pre>/<code> to avoid mangling.
- * With the global MutationObserver active, manual calls are rarely needed.
+ * parseEmojis — no-op stub.
+ * Emoji rendering is now handled by the Twemoji COLR font via CSS @font-face.
+ * No DOM manipulation needed — the font renders emoji glyphs directly.
+ * This stub is kept so existing callers don't break.
  */
-export function parseEmojis(el) {
-  if (typeof twemoji === "undefined" || !el) return;
-  twemoji.parse(el, { folder: "svg", ext: ".svg" });
-}
-
-/**
- * Global Twemoji auto-parser.
- * Observes all DOM mutations and automatically converts Unicode emojis to
- * Twemoji SVGs. This eliminates the need to call parseEmojis() manually
- * after every DOM update.
- */
-var twemojiOpts = { folder: "svg", ext: ".svg" };
-var SKIP_TAGS = { PRE: 1, CODE: 1, SCRIPT: 1, STYLE: 1, TEXTAREA: 1, INPUT: 1 };
-var emojiRegex = /[\u{1F600}-\u{1F64F}\u{1F300}-\u{1F5FF}\u{1F680}-\u{1F6FF}\u{1F1E0}-\u{1F1FF}\u{2600}-\u{27BF}\u{2700}-\u{27BF}\u{FE00}-\u{FE0F}\u{1F900}-\u{1F9FF}\u{1FA00}-\u{1FA6F}\u{1FA70}-\u{1FAFF}\u{200D}\u{20E3}\u{E0020}-\u{E007F}]/u;
-var pendingNodes = [];
-var flushScheduled = false;
-
-function shouldSkip(node) {
-  var el = node.nodeType === 3 ? node.parentElement : node;
-  while (el) {
-    if (SKIP_TAGS[el.tagName]) return true;
-    // Already parsed — img.emoji is what twemoji produces
-    if (el.tagName === "IMG" && el.classList && el.classList.contains("emoji")) return true;
-    el = el.parentElement;
-  }
-  return false;
-}
-
-function flushTwemoji() {
-  flushScheduled = false;
-  if (typeof twemoji === "undefined") return;
-  var nodes = pendingNodes;
-  pendingNodes = [];
-  for (var i = 0; i < nodes.length; i++) {
-    var node = nodes[i];
-    if (!node.isConnected) continue;
-    if (shouldSkip(node)) continue;
-    // For text nodes, parse the parent element
-    var target = node.nodeType === 3 ? node.parentElement : node;
-    if (target) twemoji.parse(target, twemojiOpts);
-  }
-}
-
-function queueTwemoji(node) {
-  pendingNodes.push(node);
-  if (!flushScheduled) {
-    flushScheduled = true;
-    requestAnimationFrame(flushTwemoji);
-  }
-}
-
-// Start observing once DOM is ready
-(function initTwemojiObserver() {
-  if (typeof twemoji === "undefined") return;
-  if (typeof MutationObserver === "undefined") return;
-
-  var observer = new MutationObserver(function (mutations) {
-    for (var m = 0; m < mutations.length; m++) {
-      var mut = mutations[m];
-      // New nodes added
-      if (mut.type === "childList") {
-        for (var n = 0; n < mut.addedNodes.length; n++) {
-          var added = mut.addedNodes[n];
-          if (added.nodeType === 1) {
-            // Element — check if it contains emoji text
-            if (emojiRegex.test(added.textContent || "")) {
-              queueTwemoji(added);
-            }
-          } else if (added.nodeType === 3) {
-            // Text node
-            if (emojiRegex.test(added.data || "")) {
-              queueTwemoji(added);
-            }
-          }
-        }
-      }
-      // Text content changed
-      if (mut.type === "characterData") {
-        if (emojiRegex.test(mut.target.data || "")) {
-          queueTwemoji(mut.target);
-        }
-      }
-    }
-  });
-
-  function start() {
-    // Parse everything already in the page
-    twemoji.parse(document.body, twemojiOpts);
-    // Watch for future changes
-    observer.observe(document.body, {
-      childList: true,
-      subtree: true,
-      characterData: true,
-    });
-  }
-
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", start);
-  } else {
-    start();
-  }
-})();
+export function parseEmojis() {}
 
 var langAliases = { jsonl: "json", dotenv: "bash" };
 

package/lib/public/modules/project-settings.js

@@ -1,7 +1,6 @@
 // project-settings.js — Project settings panel (profile, defaults, instructions, env)
 import { refreshIcons } from './icons.js';
 import { showToast } from './utils.js';
-import { parseEmojis } from './markdown.js';
 
 var ctx = null;
 var panelEl = null;
@@ -253,7 +252,6 @@ function updateIconPreview(icon) {
   var removeBtn = document.getElementById("ps-icon-remove-btn");
   if (preview) {
     preview.textContent = icon || "";
-    if (icon) parseEmojis(preview);
   }
   if (removeBtn) {
     removeBtn.classList.toggle("hidden", !icon);
@@ -338,7 +336,7 @@ function showPsEmojiPicker() {
         grid.appendChild(btn);
       })(emojis[i]);
     }
-    parseEmojis(grid);
+
     scrollArea.scrollTop = 0;
   }
 
@@ -350,7 +348,6 @@ function showPsEmojiPicker() {
   }
 
   buildGrid(EMOJI_CATEGORIES[0].emojis);
-  parseEmojis(tabBar);
 
   anchor.innerHTML = "";
   anchor.appendChild(picker);

package/lib/public/modules/sidebar.js

@@ -2,7 +2,6 @@ import { escapeHtml, copyToClipboard } from './utils.js';
 import { iconHtml, refreshIcons } from './icons.js';
 import { openProjectSettings } from './project-settings.js';
 import { triggerShare } from './qrcode.js';
-import { parseEmojis } from './markdown.js';
 
 var ctx;
 
@@ -1714,7 +1713,7 @@ function showEmojiPicker(slug, anchorEl) {
         grid.appendChild(btn);
       })(emojis[i]);
     }
-    parseEmojis(grid);
+
     scrollArea.scrollTop = 0;
   }
 
@@ -1728,8 +1727,7 @@ function showEmojiPicker(slug, anchorEl) {
   // Start with first category (Frequent)
   buildGrid(EMOJI_CATEGORIES[0].emojis);
 
-  // Parse tabs with twemoji
-  parseEmojis(tabBar);
+
 
   document.body.appendChild(picker);
   emojiPickerEl = picker;
@@ -1993,7 +1991,6 @@ export function renderIconStrip(projects, currentSlug) {
       var emojiSpan = document.createElement("span");
       emojiSpan.className = "project-emoji";
       emojiSpan.textContent = p.icon;
-      parseEmojis(emojiSpan);
       el.appendChild(emojiSpan);
     } else {
       el.appendChild(document.createTextNode(getProjectAbbrev(p.name)));

package/lib/public/modules/sticky-notes.js

@@ -1,5 +1,4 @@
 import { refreshIcons, iconHtml } from './icons.js';
-import { parseEmojis } from './markdown.js';
 
 var ctx;
 var notes = new Map();  // id -> { data, el }
@@ -1124,7 +1123,6 @@ function renderArchiveCards() {
       var bodyLines = (noteData.data.text || "").split("\n").slice(1).join("\n").trim();
       if (bodyLines) {
         body.innerHTML = renderMiniMarkdown("_\n" + bodyLines).replace('<div class="sn-title">_</div>', "");
-        parseEmojis(body);
       }
       card.appendChild(body);
 

package/lib/public/modules/tools.js

@@ -1,6 +1,6 @@
 import { escapeHtml, copyToClipboard } from './utils.js';
 import { iconHtml, refreshIcons, randomThinkingVerb } from './icons.js';
-import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks, parseEmojis } from './markdown.js';
+import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks } from './markdown.js';
 import { renderUnifiedDiff, renderSplitDiff, renderPatchDiff } from './diff.js';
 import { openFile } from './filebrowser.js';
 
@@ -744,7 +744,6 @@ export function renderPlanCard(content) {
   body.innerHTML = renderMarkdown(content);
   highlightCodeBlocks(body);
   renderMermaidBlocks(body);
-  parseEmojis(body);
 
   var copyBtn = header.querySelector(".plan-card-copy");
   if (copyBtn) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "2.8.0",
+  "version": "2.8.2",
   "description": "Web UI for Claude Code. Any device. Push notifications.",
   "bin": {
     "clay-server": "./bin/cli.js",