clay-server 5.0.0-beta.4 → 5.0.1

package/lib/public/app.js

@@ -295,6 +295,8 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     sessionFolderMenu: null,
     sessionFolderContext: null,
     sessionFolderModal: null,
+    sessionContextMenu: null,
+    sessionInlineRename: null,
     splitDelegations: {},
     pairResultStatus: [],
     notesTemporarilyHidden: false,

package/lib/public/css/sidebar.css

@@ -1033,6 +1033,8 @@ body:not(.home-active) #icon-strip-hint-mate { display: none; }
 /* --- Session inline rename --- */
 .session-rename-input {
   width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
   background: var(--input-bg);
   border: 1px solid var(--text-dimmer);
   border-radius: 6px;
@@ -1043,6 +1045,17 @@ body:not(.home-active) #icon-strip-hint-mate { display: none; }
   outline: none;
 }
 
+.session-rename-input:focus {
+  border-color: var(--link);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--link) 18%, transparent);
+}
+
+.session-renaming .session-item-title,
+.session-renaming .mobile-session-title {
+  overflow: visible;
+  text-overflow: clip;
+}
+
 /* --- Session loop groups --- */
 .session-loop-wrapper {
   margin-bottom: 0;

package/lib/public/css/title-bar.css

@@ -386,10 +386,16 @@
   /* The inline title editor must own the header while the keyboard is open.
      Leaving the other controls visible made its usable width nearly zero. */
   .title-bar-content.session-renaming .status,
-  .title-bar-content.session-renaming #header-left > :not(.header-rename-input) {
+  .title-bar-content.session-renaming #header-left > :not(.header-title):not(.header-rename-input) {
     display: none !important;
   }
 
+  .title-bar-content.session-renaming .header-title {
+    display: flex;
+    flex: 1 1 100%;
+    overflow: visible;
+  }
+
   .title-bar-content.session-renaming .header-rename-input {
     flex: 1 1 100%;
     width: 100%;

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

@@ -13,6 +13,7 @@ import { getSessionUsage, setSessionUsage, getContextData, setContextData, updat
 import { onHistoryPrepended as onSessionSearchHistoryPrepended } from './session-search.js';
 import { getCachedSessions } from './sidebar-sessions.js';
 import { bindPermissionControl, renderPermissionControl } from './permission-control.js';
+import { startHeaderSessionInlineRename } from './session-context-menu.js';
 
 // --- Module-owned state ---
 var sessionInfoPopover = null;
@@ -59,7 +60,20 @@ export function initHeader() {
   if (headerRenameBtn) {
     headerRenameBtn.addEventListener("click", function () {
       if (!store.get('activeSessionId')) return;
+      var split = store.get('splitPanes');
       var currentText = headerTitleEl.textContent;
+      if (!split) {
+        var sessions = getCachedSessions() || [];
+        var active = null;
+        for (var si = 0; si < sessions.length; si++) {
+          if (String(sessions[si].id) === String(store.get('activeSessionId'))) { active = sessions[si]; break; }
+        }
+        startHeaderSessionInlineRename(headerTitleEl, headerRenameBtn, active || {
+          id: store.get('activeSessionId'),
+          title: currentText,
+        });
+        return;
+      }
       var input = document.createElement("input");
       input.type = "text";
       input.className = "header-rename-input";
@@ -78,15 +92,11 @@ export function initHeader() {
         if (newTitle && newTitle !== currentText && ws && ws.readyState === 1) {
           // With a split group open the header shows the GROUP name, so the
           // pencil must rename the group, not the parent's last active session.
-          var split = store.get('splitPanes');
           if (split) {
             if (split.groupId) {
               ws.send(JSON.stringify({ type: "split_group_rename", id: split.groupId, name: newTitle }));
               headerTitleEl.textContent = newTitle;
             }
-          } else {
-            ws.send(JSON.stringify({ type: "rename_session", id: store.get('activeSessionId'), title: newTitle }));
-            headerTitleEl.textContent = newTitle;
           }
         }
         input.remove();

package/lib/public/modules/session-context-menu.js

@@ -0,0 +1,209 @@
+// Session context-menu lifecycle and exact-row title editing.
+
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+import { showToast } from './utils.js';
+
+function menuState() {
+  return store.get('sessionContextMenu');
+}
+
+function renameState() {
+  return store.get('sessionInlineRename');
+}
+
+export function closeSessionContextMenu(restoreFocus) {
+  var state = menuState();
+  if (!state) return;
+  store.set({ sessionContextMenu: null });
+  document.removeEventListener("pointerdown", onOutsidePress, true);
+  document.removeEventListener("mousedown", onOutsidePress, true);
+  document.removeEventListener("touchstart", onOutsidePress, true);
+  document.removeEventListener("keydown", onMenuKey, true);
+  window.removeEventListener("blur", onWindowBlur);
+  if (state.anchor) state.anchor.setAttribute("aria-expanded", "false");
+  if (state.el && state.el.isConnected) state.el.remove();
+  if (restoreFocus !== false && state.anchor && state.anchor.isConnected) {
+    state.anchor.focus({ preventScroll: true });
+    if (!state.anchorHadTabIndex) {
+      state.anchor.addEventListener("blur", function cleanupAnchorTabIndex() {
+        state.anchor.removeAttribute("tabindex");
+      }, { once: true });
+    }
+  }
+  if (state.anchor && restoreFocus === false && !state.anchorHadTabIndex) state.anchor.removeAttribute("tabindex");
+  else if (state.anchor && state.anchorHadTabIndex) state.anchor.setAttribute("tabindex", state.anchorTabIndex);
+}
+
+function onOutsidePress(event) {
+  var state = menuState();
+  if (!state) return;
+  if (event.target && state.el.contains(event.target)) return;
+  // Do not cancel the press: the outside control still receives its click.
+  closeSessionContextMenu(false);
+}
+
+function onWindowBlur() {
+  closeSessionContextMenu(false);
+}
+
+function onMenuKey(event) {
+  var state = menuState();
+  if (!state) return;
+  if (event.key === "Escape") {
+    event.preventDefault();
+    event.stopPropagation();
+    closeSessionContextMenu(true);
+  }
+}
+
+export function mountSessionContextMenu(menu, anchor, sessionId) {
+  closeSessionContextMenu(false);
+  menu.setAttribute("role", "menu");
+  var items = menu.querySelectorAll("button");
+  for (var i = 0; i < items.length; i++) {
+    items[i].type = "button";
+    items[i].setAttribute("role", "menuitem");
+  }
+  anchor.setAttribute("aria-haspopup", "menu");
+  anchor.setAttribute("aria-expanded", "true");
+  var anchorHadTabIndex = anchor.hasAttribute("tabindex");
+  var anchorTabIndex = anchor.getAttribute("tabindex");
+  if (!anchorHadTabIndex) anchor.setAttribute("tabindex", "-1");
+  store.set({ sessionContextMenu: {
+    el: menu,
+    anchor: anchor,
+    anchorHadTabIndex: anchorHadTabIndex,
+    anchorTabIndex: anchorTabIndex,
+    sessionId: sessionId || null,
+  } });
+  document.addEventListener("pointerdown", onOutsidePress, true);
+  document.addEventListener("mousedown", onOutsidePress, true);
+  document.addEventListener("touchstart", onOutsidePress, true);
+  document.addEventListener("keydown", onMenuKey, true);
+  window.addEventListener("blur", onWindowBlur);
+  var first = menu.querySelector("button:not([disabled])");
+  if (first) first.focus({ preventScroll: true });
+}
+
+function restoreTitle(state) {
+  if (!state || !state.title || !state.title.isConnected) return;
+  state.title.replaceChildren();
+  for (var i = 0; i < state.originalNodes.length; i++) state.title.appendChild(state.originalNodes[i]);
+  if (state.row) state.row.classList.remove("session-renaming");
+  if (state.control) state.control.style.display = state.controlDisplay;
+}
+
+export function cancelSessionInlineRename(restoreFocus) {
+  var state = renameState();
+  if (!state) return;
+  store.set({ sessionInlineRename: null });
+  restoreTitle(state);
+  if (restoreFocus && state.row && state.row.isConnected) state.row.focus({ preventScroll: true });
+}
+
+function currentRenameCanSend(state) {
+  var ws = getWs();
+  var permissions = store.get('permissions');
+  var sameSession = state && state.source === "header" ?
+    String(store.get('activeSessionId')) === String(state.sessionId) :
+    state && state.row && String(state.row.dataset.sessionId) === String(state.sessionId);
+  return !!(state && state.row && state.row.isConnected && sameSession &&
+    store.get('connected') && state.ws === ws && ws && ws.readyState === 1 &&
+    state.slug === store.get('currentSlug') &&
+    (!permissions || permissions.sessionRename !== false));
+}
+
+function finishRename(state, commit) {
+  if (!state || state !== renameState()) return;
+  store.set({ sessionInlineRename: null });
+  var nextTitle = state.input.value.trim();
+  restoreTitle(state);
+  if (!commit || !nextTitle || nextTitle === state.currentTitle) return;
+  if (!currentRenameCanSend(state)) {
+    showToast("Rename cancelled because the project, connection, or permission changed.", "warn");
+    return;
+  }
+  try {
+    state.ws.send(JSON.stringify({ type: "rename_session", id: state.sessionId, title: nextTitle }));
+  } catch (error) {
+    showToast("Session rename could not be sent.", "error");
+  }
+}
+
+function stopRowInteraction(event) {
+  event.stopPropagation();
+}
+
+function beginSessionInlineRename(row, title, control, session, source, inputClass) {
+  cancelSessionInlineRename(false);
+  if (!row || !row.isConnected || !title || !session) return false;
+
+  var originalNodes = [];
+  while (title.firstChild) originalNodes.push(title.removeChild(title.firstChild));
+  var input = document.createElement("input");
+  input.type = "text";
+  input.className = inputClass || "session-rename-input";
+  input.value = session.title || "New Session";
+  input.maxLength = 100;
+  input.setAttribute("aria-label", "Session title");
+  title.appendChild(input);
+  row.classList.add("session-renaming");
+  var controlDisplay = control ? control.style.display : "";
+  if (control) control.style.display = "none";
+
+  var state = {
+    row: row,
+    title: title,
+    input: input,
+    originalNodes: originalNodes,
+    sessionId: session.id,
+    currentTitle: session.title || "New Session",
+    control: control || null,
+    controlDisplay: controlDisplay,
+    source: source,
+    slug: store.get('currentSlug'),
+    ws: getWs(),
+    composing: false,
+  };
+  store.set({ sessionInlineRename: state });
+
+  input.addEventListener("compositionstart", function () { state.composing = true; });
+  input.addEventListener("compositionend", function () { state.composing = false; });
+  input.addEventListener("keydown", function (event) {
+    event.stopPropagation();
+    if (event.key === "Enter" && !state.composing && !event.isComposing && event.keyCode !== 229) {
+      event.preventDefault();
+      finishRename(state, true);
+    } else if (event.key === "Escape") {
+      event.preventDefault();
+      finishRename(state, false);
+    }
+  });
+  input.addEventListener("blur", function () { finishRename(state, true); });
+  ["click", "dblclick", "pointerdown", "mousedown", "touchstart", "contextmenu", "dragstart"].forEach(function (type) {
+    input.addEventListener(type, stopRowInteraction);
+  });
+  input.focus({ preventScroll: true });
+  input.select();
+  return true;
+}
+
+export function startSessionInlineRename(row, session) {
+  if (!row) return false;
+  var title = row.querySelector(".session-item-title") || row.querySelector(".mobile-session-title");
+  return beginSessionInlineRename(row, title, null, session, "row", "session-rename-input");
+}
+
+export function startHeaderSessionInlineRename(title, control, session) {
+  var row = title && title.closest(".title-bar-content");
+  return beginSessionInlineRename(row, title, control, session, "header", "header-rename-input");
+}
+
+store.subscribe(function (state, previous) {
+  if (state.currentSlug !== previous.currentSlug || state.dmMode !== previous.dmMode ||
+      (previous.connected && !state.connected)) {
+    closeSessionContextMenu(false);
+    cancelSessionInlineRename(false);
+  }
+});

package/lib/public/modules/session-github.js

@@ -130,7 +130,48 @@ export function resetGithubWork() {
 
 function closeGithubWorkPopover() {
   var popup = document.getElementById('github-work-popover');
-  if (popup) popup.hidePopover();
+  if (popup && popup._closeGithubWorkPopover) popup._closeGithubWorkPopover(false);
+  else if (popup) popup.remove();
+}
+function mountGithubWorkPopover(popup, button) {
+  var closed = false;
+  var observer = new MutationObserver(function () {
+    if (!button.isConnected || !popup.isConnected) dismiss(false);
+  });
+  function includes(target) {
+    return target === popup || target === button || popup.contains(target) || button.contains(target);
+  }
+  function outsidePress(event) {
+    if (!includes(event.target)) dismiss(false);
+  }
+  function keydown(event) {
+    if (event.key === 'Escape') dismiss(true);
+  }
+  function dismiss(restoreFocus) {
+    if (closed) return;
+    closed = true;
+    window.removeEventListener('pointerdown', outsidePress, true);
+    window.removeEventListener('touchstart', outsidePress, true);
+    window.removeEventListener('keydown', keydown, true);
+    window.removeEventListener('blur', blur);
+    observer.disconnect();
+    popup.removeEventListener('toggle', toggled);
+    button.setAttribute('aria-expanded', 'false');
+    try { popup.hidePopover(); } catch (error) {}
+    popup.remove();
+    if (restoreFocus && button.isConnected) button.focus({ preventScroll: true });
+  }
+  function blur() { dismiss(false); }
+  function toggled(event) {
+    if (event.newState === 'closed') dismiss(false);
+  }
+  popup._closeGithubWorkPopover = dismiss;
+  popup.addEventListener('toggle', toggled);
+  window.addEventListener('pointerdown', outsidePress, true);
+  window.addEventListener('touchstart', outsidePress, true);
+  window.addEventListener('keydown', keydown, true);
+  window.addEventListener('blur', blur);
+  observer.observe(document.body, { childList: true, subtree: true });
 }
 function bindGithubWorkPopover() {
   if (store.get('githubWorkPopoverBound')) return;
@@ -144,7 +185,8 @@ function bindGithubWorkPopover() {
     event.stopPropagation();
     var existing = document.getElementById('github-work-popover');
     var same = existing && button.getAttribute('aria-expanded') === 'true';
-    if (existing) { existing.hidePopover(); existing.remove(); }
+    if (existing && existing._closeGithubWorkPopover) existing._closeGithubWorkPopover(false);
+    else if (existing) existing.remove();
     if (same) return;
     var links;
     try { links = JSON.parse(button.dataset.githubLinks); } catch (error) { return; }
@@ -157,15 +199,9 @@ function bindGithubWorkPopover() {
     popup.setAttribute('aria-label', workTitle);
     popup.innerHTML = '<strong>' + workTitle + '</strong>' + githubWorkMarkup({ githubLinks: links }, false, true);
     document.body.appendChild(popup);
+    mountGithubWorkPopover(popup, button);
     button.setAttribute('aria-expanded', 'true');
-    popup.addEventListener('toggle', function (toggle) {
-      if (toggle.newState === 'closed') {
-        button.setAttribute('aria-expanded', 'false');
-        if (document.activeElement === document.body && button.isConnected) button.focus();
-        popup.remove();
-      }
-    });
-    popup.showPopover();
+    try { popup.showPopover(); } catch (error) { popup._closeGithubWorkPopover(false); return; }
     var rect = button.getBoundingClientRect();
     var box = popup.getBoundingClientRect();
     popup.style.left = Math.max(8, Math.min(rect.left, window.innerWidth - box.width - 8)) + 'px';

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

@@ -45,6 +45,7 @@ import {
   renderMobileDriverHierarchy,
   renderMobileOrphanHierarchy
 } from './sidebar-session-hierarchy.js';
+import { cancelSessionInlineRename, closeSessionContextMenu } from './session-context-menu.js';
 
 // --- Mobile state ---
 var mobileChatSheetOpen = false;
@@ -768,6 +769,9 @@ export function refreshMobileChatSheet() {
   var sessionListEl = sheet.querySelector(".mobile-chat-session-list");
   if (!sessionListEl) return;
 
+  closeSessionContextMenu(false);
+  cancelSessionInlineRename(false);
+
   // Update chips: active state and processing dots
   var chips = sheet.querySelectorAll(".mobile-chat-chip");
   for (var i = 0; i < chips.length; i++) {

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

@@ -31,6 +31,12 @@ import {
   renderDesktopDriverHierarchy,
   renderDesktopOrphanHierarchy
 } from './sidebar-session-hierarchy.js';
+import {
+  cancelSessionInlineRename,
+  closeSessionContextMenu,
+  mountSessionContextMenu,
+  startSessionInlineRename
+} from './session-context-menu.js';
 
 
 // --- Session state ---
@@ -43,9 +49,6 @@ var countdownTimer = null;
 var countdownContainer = null;
 
 // --- Session context menu ---
-var sessionCtxMenu = null;
-var sessionCtxMenuAnchor = null;
-var sessionCtxSessionId = null;
 var armedDeleteSessionId = null;
 var armedDeleteTimer = null;
 
@@ -186,7 +189,6 @@ export function startNewSession(vendor, extra) {
 export function initSidebarSessions() {
 
   document.addEventListener("click", function () {
-    closeSessionCtxMenu();
     clearArmedSessionDelete();
   });
 
@@ -228,21 +230,8 @@ export function getExpandedLoopRuns() {
 
 // --- Context menu ---
 
-function closeSessionCtxMenu(restoreFocus) {
-  var anchor = sessionCtxMenuAnchor;
-  if (anchor) anchor.setAttribute("aria-expanded", "false");
-  sessionCtxMenuAnchor = null;
-  if (sessionCtxMenu) {
-    sessionCtxMenu.remove();
-    sessionCtxMenu = null;
-    sessionCtxSessionId = null;
-  }
-  if (restoreFocus && anchor && document.contains(anchor)) anchor.focus();
-}
-
 function showSessionCtxMenu(anchorBtn, sessionId, title, cliSid, sessionData) {
-  closeSessionCtxMenu();
-  sessionCtxSessionId = sessionId;
+  closeSessionContextMenu(false);
 
   var menu = document.createElement("div");
   menu.className = "session-ctx-menu";
@@ -254,7 +243,7 @@ function showSessionCtxMenu(anchorBtn, sessionId, title, cliSid, sessionData) {
     bookmarkItem.innerHTML = iconHtml(isFavorite ? "star-off" : "star") + " <span>" + (isFavorite ? "Remove from Favorites" : "Add to Favorites") + "</span>";
     bookmarkItem.addEventListener("click", function (e) {
       e.stopPropagation();
-      closeSessionCtxMenu();
+      closeSessionContextMenu(false);
       toggleFavorite(sessionData);
     });
     menu.appendChild(bookmarkItem);
@@ -264,7 +253,7 @@ function showSessionCtxMenu(anchorBtn, sessionId, title, cliSid, sessionData) {
     moveItem.innerHTML = iconHtml("folder-input") + " <span>Move to folder</span>";
     moveItem.addEventListener("click", function (e) {
       e.stopPropagation();
-      closeSessionCtxMenu();
+      closeSessionContextMenu(false);
       openMoveToFolder(sessionData);
     });
     menu.appendChild(moveItem);
@@ -275,8 +264,8 @@ function showSessionCtxMenu(anchorBtn, sessionId, title, cliSid, sessionData) {
   renameItem.innerHTML = iconHtml("pencil") + " <span>Rename</span>";
   renameItem.addEventListener("click", function (e) {
     e.stopPropagation();
-    closeSessionCtxMenu();
-    startInlineRename(sessionId, title);
+    closeSessionContextMenu(false);
+    startSessionInlineRename(anchorBtn, sessionData);
   });
   menu.appendChild(renameItem);
 
@@ -290,7 +279,7 @@ function showSessionCtxMenu(anchorBtn, sessionId, title, cliSid, sessionData) {
     visItem.innerHTML = iconHtml(isPrivate ? "eye" : "eye-off") + " <span>" + (isPrivate ? "Make Shared" : "Make Private") + "</span>";
     visItem.addEventListener("click", function (e) {
       e.stopPropagation();
-      closeSessionCtxMenu();
+      closeSessionContextMenu(false);
       var newVis = isPrivate ? "shared" : "private";
       if (getWs() && store.get('connected')) {
         getWs().send(JSON.stringify({ type: "set_session_visibility", sessionId: sessionId, visibility: newVis }));
@@ -305,14 +294,14 @@ function showSessionCtxMenu(anchorBtn, sessionId, title, cliSid, sessionData) {
     deleteItem.innerHTML = iconHtml("trash-2") + " <span>Delete</span>";
     deleteItem.addEventListener("click", function (e) {
       e.stopPropagation();
-      closeSessionCtxMenu();
+      closeSessionContextMenu(false);
       confirmDeleteSession({ id: sessionId, title: title });
     });
     menu.appendChild(deleteItem);
   }
 
   document.body.appendChild(menu);
-  sessionCtxMenu = menu;
+  mountSessionContextMenu(menu, anchorBtn, sessionId);
   refreshIcons();
 
   // Position: fixed relative to the anchor button
@@ -335,7 +324,7 @@ export function openSessionContextMenu(anchor, session) {
 }
 
 function showSplitGroupCtxMenu(anchor, group) {
-  closeSessionCtxMenu();
+  closeSessionContextMenu(false);
   var menu = document.createElement("div");
   menu.className = "session-ctx-menu";
 
@@ -344,7 +333,7 @@ function showSplitGroupCtxMenu(anchor, group) {
   renameItem.innerHTML = iconHtml("pencil") + " <span>Rename</span>";
   renameItem.addEventListener("click", function (e) {
     e.stopPropagation();
-    closeSessionCtxMenu();
+    closeSessionContextMenu(false);
     startSplitGroupInlineRename(group);
   });
   menu.appendChild(renameItem);
@@ -354,13 +343,13 @@ function showSplitGroupCtxMenu(anchor, group) {
   separateItem.innerHTML = iconHtml("columns-2") + " <span>Separate</span>";
   separateItem.addEventListener("click", function (e) {
     e.stopPropagation();
-    closeSessionCtxMenu();
+    closeSessionContextMenu(false);
     separateGroup(group);
   });
   menu.appendChild(separateItem);
 
   document.body.appendChild(menu);
-  sessionCtxMenu = menu;
+  mountSessionContextMenu(menu, anchor, null);
   refreshIcons();
   requestAnimationFrame(function () {
     var rect = anchor.getBoundingClientRect();
@@ -374,7 +363,7 @@ function showSplitGroupCtxMenu(anchor, group) {
 }
 
 function showLoopCtxMenu(anchorBtn, loopId, loopName, childCount) {
-  closeSessionCtxMenu();
+  closeSessionContextMenu(false);
 
   var menu = document.createElement("div");
   menu.className = "session-ctx-menu";
@@ -384,7 +373,7 @@ function showLoopCtxMenu(anchorBtn, loopId, loopName, childCount) {
   renameItem.innerHTML = iconHtml("pencil") + " <span>Rename</span>";
   renameItem.addEventListener("click", function (e) {
     e.stopPropagation();
-    closeSessionCtxMenu();
+    closeSessionContextMenu(false);
     startLoopInlineRename(loopId, loopName);
   });
   menu.appendChild(renameItem);
@@ -395,7 +384,7 @@ function showLoopCtxMenu(anchorBtn, loopId, loopName, childCount) {
     deleteItem.innerHTML = iconHtml("trash-2") + " <span>Delete</span>";
     deleteItem.addEventListener("click", function (e) {
       e.stopPropagation();
-      closeSessionCtxMenu();
+      closeSessionContextMenu(false);
       var msg = 'Delete "' + (loopName || "Loop") + '"';
       if (childCount > 1) msg += " and its " + childCount + " sessions";
       msg += "? This cannot be undone.";
@@ -409,7 +398,7 @@ function showLoopCtxMenu(anchorBtn, loopId, loopName, childCount) {
   }
 
   document.body.appendChild(menu);
-  sessionCtxMenu = menu;
+  mountSessionContextMenu(menu, anchorBtn, null);
   refreshIcons();
 
   requestAnimationFrame(function () {
@@ -427,51 +416,12 @@ function showLoopCtxMenu(anchorBtn, loopId, loopName, childCount) {
 
 // --- Inline rename ---
 
-// A session can be on screen twice (its folder and Favorites); work on the copy
-// the user can actually see.
 function visibleSessionRow(sessionId) {
   var rows = getSessionListEl().querySelectorAll('.session-item[data-session-id="' + sessionId + '"]');
   for (var i = 0; i < rows.length; i++) if (rows[i].getClientRects().length) return rows[i];
   return rows[0] || null;
 }
 
-function startInlineRename(sessionId, currentTitle) {
-  var el = visibleSessionRow(sessionId);
-  if (!el) return;
-  var textSpan = el.querySelector(".session-item-text");
-  if (!textSpan) return;
-
-  var input = document.createElement("input");
-  input.type = "text";
-  input.className = "session-rename-input";
-  input.value = currentTitle || "New Session";
-
-  var originalHtml = textSpan.innerHTML;
-  textSpan.innerHTML = "";
-  textSpan.appendChild(input);
-  input.focus();
-  input.select();
-
-  function commitRename() {
-    var newTitle = input.value.trim();
-    if (newTitle && newTitle !== currentTitle && getWs() && store.get('connected')) {
-      getWs().send(JSON.stringify({ type: "rename_session", id: sessionId, title: newTitle }));
-    }
-    // Restore text (server will send updated session_list)
-    textSpan.innerHTML = originalHtml;
-    if (newTitle && newTitle !== currentTitle) {
-      textSpan.textContent = newTitle;
-    }
-  }
-
-  input.addEventListener("keydown", function (e) {
-    if (e.key === "Enter") { e.preventDefault(); commitRename(); }
-    if (e.key === "Escape") { e.preventDefault(); textSpan.innerHTML = originalHtml; }
-  });
-  input.addEventListener("blur", commitRename);
-  input.addEventListener("click", function (e) { e.stopPropagation(); });
-}
-
 function startSplitGroupInlineRename(group) {
   var el = getSessionListEl().querySelector('.split-group-item[data-split-group-id="' + group.id + '"]');
   if (!el) return;
@@ -1023,6 +973,9 @@ export function renderSessionList(sessions) {
     cachedSessions = sessions;
   }
 
+  closeSessionContextMenu(false);
+  cancelSessionInlineRename(false);
+
   // Remember the inline folder draft before either surface is rebuilt: the mobile
   // refresh below builds a fresh row whose queued focus must not be re-captured.
   captureFolderInputs();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "5.0.0-beta.4",
+  "version": "5.0.1",
   "description": "Self-hosted team workspace for Claude Code and Codex. Multi-user, browser-based, with persistent AI mates.",
   "bin": {
     "clay-server": "./bin/cli.js"