clay-server 2.29.2-beta.1 → 2.29.3-beta.1

package/lib/public/modules/app-messages.js

@@ -1135,8 +1135,13 @@ export function processMessage(msg) {
           var _s1 = store.getState();
           if (fromId && fromId !== _s1.myUserId) {
             _s1.dmUnread[fromId] = (_s1.dmUnread[fromId] || 0) + 1;
-            // Re-render strip so non-favorited sender appears
-            renderUserStrip(_s1.cachedAllUsers, _s1.cachedOnlineIds, _s1.myUserId, _s1.cachedDmFavorites, _s1.cachedDmConversations, _s1.dmUnread, _s1.dmRemovedUsers, _s1.cachedMatesList);
+            // Only re-render the full strip if the sender isn't already visible
+            // (e.g. non-favorited user sending their first message). Otherwise
+            // just update the badge in-place to avoid a full DOM rebuild flicker.
+            var existingEl = document.querySelector('.icon-strip-user[data-user-id="' + fromId + '"]');
+            if (!existingEl) {
+              renderUserStrip(_s1.cachedAllUsers, _s1.cachedOnlineIds, _s1.myUserId, _s1.cachedDmFavorites, _s1.cachedDmConversations, _s1.dmUnread, _s1.dmRemovedUsers, _s1.cachedMatesList);
+            }
             updateDmBadge(fromId, _s1.dmUnread[fromId]);
           }
         }

package/lib/public/modules/sidebar-projects.js

@@ -1170,12 +1170,57 @@ function showWorktreeModal(parentSlug, parentName) {
 
 // --- Render icon strip ---
 
+// Build a fingerprint string for the project list so we can detect when only
+// the active slug changed (no structural DOM rebuild needed).
+function projectListFingerprint(projects) {
+  var parts = [];
+  for (var i = 0; i < projects.length; i++) {
+    var p = projects[i];
+    parts.push(p.slug + ":" + (p.icon || "") + ":" + (p.isProcessing ? 1 : 0) + ":" + (p.unread || 0) + ":" + (p.pendingPermissions || 0) + ":" + (p.isWorktree ? 1 : 0) + ":" + (p.parentSlug || "") + ":" + (p.worktreeAccessible !== false ? 1 : 0));
+  }
+  return parts.join("|");
+}
+var _lastStripFingerprint = "";
+
 export function renderIconStrip(projects, currentSlug) {
   cachedProjectList = projects;
   cachedCurrentSlug = currentSlug;
 
   var container = document.getElementById("icon-strip-projects");
   if (!container) return;
+
+  // Fast path: if only the active slug changed (project list unchanged),
+  // just toggle active classes instead of a full DOM rebuild.
+  var fp = projectListFingerprint(projects);
+  if (fp === _lastStripFingerprint && container.children.length > 0) {
+    var currentDmUserId2 = _ctx.getCurrentDmUserId ? _ctx.getCurrentDmUserId() : null;
+    var items = container.querySelectorAll(".icon-strip-item");
+    for (var fi = 0; fi < items.length; fi++) {
+      var isNowActive = items[fi].dataset.slug === currentSlug && !currentDmUserId2;
+      items[fi].classList.toggle("active", isNowActive);
+      // Update unread badge visibility (active items hide their badge)
+      var badge = items[fi].querySelector(".icon-strip-project-badge");
+      if (badge && badge.classList.contains("has-unread") && isNowActive) {
+        badge.textContent = "";
+        badge.classList.remove("has-unread");
+      }
+      // Update pending permission glow
+      if (isNowActive) items[fi].classList.remove("has-pending-perm");
+    }
+    // Update home icon
+    var homeIcon2 = document.querySelector(".icon-strip-home");
+    if (homeIcon2) {
+      if ((!currentSlug || projects.length === 0) && !currentDmUserId2) {
+        homeIcon2.classList.add("active");
+      } else {
+        homeIcon2.classList.remove("active");
+      }
+    }
+    renderProjectList(projects, currentSlug);
+    return;
+  }
+  _lastStripFingerprint = fp;
+
   container.innerHTML = "";
 
   var currentDmUserId = _ctx.getCurrentDmUserId ? _ctx.getCurrentDmUserId() : null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "2.29.2-beta.1",
+  "version": "2.29.3-beta.1",
   "description": "Self-hosted Claude Code in your browser. Multi-session, multi-user, push notifications.",
   "bin": {
     "clay-server": "./bin/cli.js",