clay-server 5.2.0-beta.3 → 5.2.0-beta.5

package/lib/public/modules/profile.js

@@ -4,7 +4,7 @@ import { setChatLayout } from './theme.js';
 // Generated identities use deterministic local pixel identicons.
 
 import { iconHtml, refreshIcons } from './icons.js';
-import { avatarUrl, mateAvatarUrl, mateMarkUrl, userAvatarSeed } from './avatar.js';
+import { avatarUrl, userAvatarSeed } from './avatar.js';
 import { store } from './store.js';
 import { applyTerminalFont } from './terminal-prefs.js';
 
@@ -586,240 +586,3 @@ export function getProfile() {
 export function getProfileLang() {
   return profile.lang;
 }
-
-// --- Mate profile popover (reuses same UI minus language) ---
-var matePopoverEl = null;
-var mateSaveTimer = null;
-
-export function showMateProfilePopover(anchorEl, mateData, onUpdate) {
-  if (matePopoverEl) {
-    hideMatePopover();
-    return;
-  }
-
-  var mp = mateData.profile || {};
-  var mateName = mp.displayName || mateData.name || '';
-  var mateColor = mp.avatarColor || '#5857fc';
-  var mateStyle = mp.avatarStyle || 'imprint';
-  var mateSeed = mp.avatarSeed || mateData.id || 'mate';
-  var mateCustom = mp.avatarCustom || '';
-
-  matePopoverEl = document.createElement('div');
-  matePopoverEl.className = 'profile-popover mate-profile-popover';
-
-  var html = '';
-
-  // Banner + close
-  html += '<div class="profile-banner">';
-  html += '<button class="profile-close-btn">&times;</button>';
-  html += '</div>';
-
-  // Avatar row
-  var mateAvatarSrc = mateCustom ? mateCustom : mateMarkUrl(mateName || 'Mate', 80);
-  html += '<div class="profile-avatar-row">';
-  html += '<div class="profile-popover-avatar">';
-  html += '<img class="profile-popover-avatar-img" src="' + mateAvatarSrc + '" alt="' + escapeAttr(mateName || 'Clay Mate') + '">';
-  html += '</div>';
-  html += '<div class="profile-name-display">' + escapeAttr(mateName || 'New Mate') + '</div>';
-  html += '</div>';
-
-  // Body
-  html += '<div class="profile-popover-body">';
-
-  // Name
-  html += '<div class="profile-field">';
-  html += '<label class="profile-field-label">Display Name</label>';
-  html += '<input type="text" class="profile-field-input" id="mate-profile-name" value="' + escapeAttr(mateName) + '" placeholder="Name your mate..." maxlength="50" spellcheck="false" autocomplete="off">';
-  html += '</div>';
-
-  // Avatar picker (hidden if avatar is locked)
-  var mateAvatarLocked = mp.avatarLocked || false;
-  if (!mateAvatarLocked) {
-  html += '<div class="profile-field">';
-  html += '<label class="profile-field-label">Identity</label>';
-  html += '<div class="profile-imprint-panel">';
-  html += '<div class="profile-imprint-preview"><img src="' + mateMarkUrl(mateName || 'Mate', 72) + '" alt="Clay Mate initial"><span><strong>Mate initial</strong><small>Based on display name</small></span></div>';
-  html += '<div class="profile-imprint-actions profile-mate-mark-actions">';
-  html += '<button class="profile-use-imprint' + (!mateCustom ? ' is-active' : '') + '" type="button">Use initial</button>';
-  html += '<button class="profile-avatar-upload' + (mateCustom ? ' is-active' : '') + '" type="button">Upload image</button>';
-  html += '</div>';
-  html += '</div>';
-  html += '<input type="file" id="mate-profile-avatar-file" accept="image/*" style="display:none">';
-  html += '</div>';
-  }
-
-  html += '</div>'; // close body
-
-  matePopoverEl.innerHTML = html;
-
-  // State tracker
-  var mateProfile = {
-    displayName: mateName,
-    avatarStyle: mateStyle,
-    avatarSeed: mateSeed,
-    avatarColor: mateColor,
-    avatarCustom: mateCustom,
-  };
-
-  function refreshChatAvatars() {
-    var newUrl = mateAvatarUrl({ profile: mateProfile, id: mateData.id }, 64);
-    // Update all mate avatars in the chat area
-    var bubbles = document.querySelectorAll('.dm-bubble-avatar-mate');
-    for (var i = 0; i < bubbles.length; i++) {
-      bubbles[i].src = newUrl;
-    }
-    // Update body dataset so new messages use the updated URL
-    if (document.body.dataset.mateAvatarUrl) {
-      document.body.dataset.mateAvatarUrl = newUrl;
-    }
-    // Update mate sidebar avatar
-    var sidebarAvatar = document.querySelector('.mate-sidebar-avatar');
-    if (sidebarAvatar) sidebarAvatar.src = newUrl;
-  }
-
-  function debouncedMateUpdate() {
-    if (mateSaveTimer) clearTimeout(mateSaveTimer);
-    mateSaveTimer = setTimeout(function() {
-      if (onUpdate) onUpdate({
-        name: mateProfile.displayName,
-        profile: {
-          displayName: mateProfile.displayName,
-          avatarStyle: mateProfile.avatarStyle,
-          avatarSeed: mateProfile.avatarSeed,
-          avatarColor: mateProfile.avatarColor,
-          avatarCustom: mateProfile.avatarCustom,
-        },
-      });
-      refreshChatAvatars();
-      mateSaveTimer = null;
-    }, 400);
-  }
-
-  function updateMatePopoverHeader() {
-    if (!matePopoverEl) return;
-    var img = matePopoverEl.querySelector('.profile-popover-avatar-img');
-    var nd = matePopoverEl.querySelector('.profile-name-display');
-    if (img) img.src = mateProfile.avatarCustom
-      ? mateProfile.avatarCustom
-      : mateMarkUrl(mateProfile.displayName || 'Mate', 80);
-    var preview = matePopoverEl.querySelector('.profile-imprint-preview img');
-    if (preview) preview.src = mateMarkUrl(mateProfile.displayName || 'Mate', 72);
-    if (nd) nd.textContent = mateProfile.displayName || 'New Mate';
-  }
-
-  // Events
-  matePopoverEl.querySelector('.profile-close-btn').addEventListener('click', function(e) {
-    e.stopPropagation();
-    hideMatePopover();
-  });
-
-  var nameInput = matePopoverEl.querySelector('#mate-profile-name');
-  nameInput.addEventListener('input', function() {
-    mateProfile.displayName = nameInput.value.trim();
-    updateMatePopoverHeader();
-    debouncedMateUpdate();
-  });
-  nameInput.addEventListener('keydown', function(e) {
-    if (e.key === 'Enter') { e.preventDefault(); hideMatePopover(); }
-    e.stopPropagation();
-  });
-  nameInput.addEventListener('keyup', function(e) { e.stopPropagation(); });
-  nameInput.addEventListener('keypress', function(e) { e.stopPropagation(); });
-
-  // Avatar upload button
-  var mateUploadBtn = matePopoverEl.querySelector('.profile-avatar-upload');
-  var mateFileInput = matePopoverEl.querySelector('#mate-profile-avatar-file');
-  if (mateUploadBtn && mateFileInput) {
-    mateUploadBtn.addEventListener('click', function() {
-      mateFileInput.click();
-    });
-    mateFileInput.addEventListener('change', function() {
-      var file = mateFileInput.files[0];
-      if (!file) return;
-
-      function uploadMateBlob(blob) {
-        blob.arrayBuffer().then(function(ab) {
-          var buf = new Uint8Array(ab);
-          fetch('/api/mate-avatar/' + encodeURIComponent(mateData.id), {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/octet-stream' },
-            body: buf,
-          }).then(function(r) { return r.json(); }).then(function(data) {
-            if (data.ok) {
-              mateProfile.avatarCustom = data.avatar;
-              updateMatePopoverHeader();
-              if (mateUploadBtn) {
-                mateUploadBtn.classList.add('is-active');
-              }
-              var imprintButton = matePopoverEl && matePopoverEl.querySelector('.profile-use-imprint');
-              if (imprintButton) imprintButton.classList.remove('is-active');
-              debouncedMateUpdate();
-            }
-          });
-        });
-      }
-
-      // Load image and open position picker
-      var img = new Image();
-      var objectUrl = URL.createObjectURL(file);
-      img.onload = function() {
-        showAvatarPositioner(img, objectUrl, function(croppedBlob) {
-          URL.revokeObjectURL(objectUrl);
-          uploadMateBlob(croppedBlob);
-        });
-      };
-      img.src = objectUrl;
-    });
-  }
-
-  if (!mateAvatarLocked) {
-    matePopoverEl.querySelector('.profile-use-imprint').addEventListener('click', function() {
-      mateProfile.avatarCustom = '';
-      updateMatePopoverHeader();
-      matePopoverEl.querySelector('.profile-use-imprint').classList.add('is-active');
-      matePopoverEl.querySelector('.profile-avatar-upload').classList.remove('is-active');
-      debouncedMateUpdate();
-    });
-  }
-
-  matePopoverEl.addEventListener('click', function(e) { e.stopPropagation(); });
-
-  // Position near anchor
-  document.body.appendChild(matePopoverEl);
-  refreshIcons();
-
-  var rect = anchorEl.getBoundingClientRect();
-  matePopoverEl.style.position = 'fixed';
-  matePopoverEl.style.left = (rect.right + 8) + 'px';
-  matePopoverEl.style.zIndex = '9999';
-  // Align bottom of popover with bottom of anchor icon
-  var popHeight = matePopoverEl.offsetHeight;
-  var bottomAligned = rect.bottom - popHeight;
-  matePopoverEl.style.top = Math.max(8, bottomAligned) + 'px';
-
-  setTimeout(function() {
-    document.addEventListener('click', closeMateOnOutside);
-    document.addEventListener('keydown', closeMateOnEscape);
-  }, 0);
-}
-
-function closeMateOnOutside(e) {
-  if (matePopoverEl && !matePopoverEl.contains(e.target)) {
-    hideMatePopover();
-  }
-}
-
-function closeMateOnEscape(e) {
-  if (e.key === 'Escape' && matePopoverEl) {
-    hideMatePopover();
-  }
-}
-
-function hideMatePopover() {
-  if (matePopoverEl) {
-    matePopoverEl.remove();
-    matePopoverEl = null;
-  }
-  document.removeEventListener('click', closeMateOnOutside);
-  document.removeEventListener('keydown', closeMateOnEscape);
-}

package/lib/public/modules/project-access-recovery.js

@@ -0,0 +1,17 @@
+import { store } from './store.js';
+
+// Hard navigation destroys detached panels, cached transcripts and sockets.
+// Clear the rendered document first so revoked content cannot linger while the
+// replacement page is loading or when that request fails.
+export function leaveRevokedProject(url) {
+  store.set({ activeSessionId: null, activeProjectSlug: null, sessionActivatedProjectSlug: null, sessions: [], splitPanes: null });
+  document.body.replaceChildren();
+  window.location.replace(url || "/");
+}
+
+export function reconnectDestination(info, slug) {
+  if (!slug || !info || !Array.isArray(info.projects)) return null;
+  var project = info.projects.find(function (item) { return item.slug === slug; });
+  if (!project) return "/";
+  return project.contentAccess === false ? "/p/" + encodeURIComponent(slug) + "/" : null;
+}

package/lib/public/modules/project-admin-overview.js

@@ -0,0 +1,21 @@
+// This page never opens a project socket or loads project content modules.
+var tabs = Array.from(document.querySelectorAll('[role="tab"]'));
+function select(tab) {
+  tabs.forEach(function (item) {
+    var active = item === tab;
+    item.setAttribute("aria-selected", String(active));
+    item.tabIndex = active ? 0 : -1;
+    document.getElementById(item.getAttribute("aria-controls")).hidden = !active;
+  });
+}
+tabs.forEach(function (tab, index) {
+  tab.addEventListener("click", function () { select(tab); });
+  tab.addEventListener("keydown", function (event) {
+    if (["ArrowLeft", "ArrowRight", "Home", "End"].indexOf(event.key) === -1) return;
+    event.preventDefault();
+    var target = event.key === "Home" ? tabs[0] : event.key === "End" ? tabs[tabs.length - 1] : tabs[(index + (event.key === "ArrowRight" ? 1 : tabs.length - 1)) % tabs.length];
+    select(target);
+    target.focus();
+  });
+});
+select(tabs[0]);

package/lib/public/modules/project-mate-navigation.js

@@ -8,6 +8,9 @@ import { switchProject } from './app-projects.js';
 import { closeTerminal } from './terminal.js';
 import { closeFileViewer } from './filebrowser.js';
 import { getActiveMentionMateIds, onMentionActiveChange, bindIconTooltip, hideIconTooltip, showMateCtxMenu } from './sidebar-mates.js';
+import { chooseProjectActivationTarget } from './project-activation.js';
+import { showProjectsHub } from './projects-hub.js';
+import { openProjectSession } from './project-session-navigation.js';
 
 var FILTER_MODES = ['all', 'projects', 'mates'];
 var FILTER_LABELS = { all: 'All', projects: 'Projects', mates: 'Mates' };
@@ -98,9 +101,80 @@ function renderMateHeaderDefault(state) {
   renderMateProjectHeader(state, mate);
 }
 
+function ordinaryProjects(state) {
+  return (state.projectsHubList || []).filter(function (project) {
+    return project && project.slug && project.isMate !== true;
+  });
+}
+
+function clayIsActive(state, clay) {
+  return !!clay && !state.homeShellVisible && !state.dmMode && state.currentSlug === 'mate-' + clay.id;
+}
+
+export function clayReturnTargetForState(state) {
+  var target = state && state.clayReturnTarget;
+  var recordedSlug = target && target.projectSlug;
+  var candidates = recordedSlug ? [recordedSlug] : [];
+  var slug = chooseProjectActivationTarget(ordinaryProjects(state), candidates);
+  if (!slug) return null;
+  var sameProject = slug === recordedSlug;
+  return {
+    projectSlug: slug,
+    sessionId: sameProject && target && Number.isSafeInteger(Number(target.sessionId)) && Number(target.sessionId) > 0 ? Number(target.sessionId) : null,
+  };
+}
+
+function rememberClayReturnTarget(state) {
+  if (!state || state.homeShellVisible || state.dmMode || isMateWorkspace(state) || !state.currentSlug ||
+      state.activeProjectSlug !== state.currentSlug || state.sessionActivatedProjectSlug !== state.currentSlug) return;
+  var projects = ordinaryProjects(state);
+  var found = projects.some(function (project) { return project.slug === state.currentSlug; });
+  if (!found) return;
+  var target = { projectSlug: state.currentSlug, sessionId: Number.isSafeInteger(Number(state.activeSessionId)) && Number(state.activeSessionId) > 0 ? Number(state.activeSessionId) : null };
+  store.set({ clayReturnTarget: target });
+  return target;
+}
+
+function returnFromClay() {
+  var state = store.snap();
+  var target = clayReturnTargetForState(state);
+  if (!target) {
+    store.set({ pendingProjectSessionNavigation: null, clayReturnPendingProjectSlug: null, clayReturnTarget: null });
+    showProjectsHub();
+    return false;
+  }
+  store.set({ clayReturnTarget: null, clayReturnPendingProjectSlug: target.sessionId ? target.projectSlug : null });
+  if (target.sessionId) openProjectSession(target.projectSlug, target.sessionId);
+  else {
+    store.set({ pendingProjectSessionNavigation: null });
+    switchProject(target.projectSlug);
+  }
+  return true;
+}
+
+function updateClayBrand(state) {
+  var entry = document.querySelector('.icon-strip-brand');
+  if (!entry) return;
+  var clay = navigationMates(state.cachedMatesList).find(function (mate) { return mate.builtinKey === 'clay'; });
+  var active = clayIsActive(state, clay);
+  var speaking = !!(state.youActivity && state.youActivity.active);
+  entry.dataset.clayMode = active ? 'mate' : 'project';
+  entry.classList.toggle('clay-speaking', speaking);
+  var avatar = entry.querySelector('.clay-brand-avatar');
+  var logo = entry.querySelector('.clay-brand-logo');
+  if (avatar && clay) avatar.src = mateAvatarUrl(clay, 38);
+  if (logo) logo.src = 'clay-studio-symbol.png';
+  entry.disabled = !clay;
+  entry.classList.toggle('active', active);
+  entry.setAttribute('aria-label', clay ? (active ? 'Return to project' : 'Open Clay') : 'Clay is unavailable');
+  if (active) entry.setAttribute('aria-current', 'page');
+  else entry.removeAttribute('aria-current');
+}
+
 export function openMateWorkspace(mateId) {
   var mate = navigationMates(store.get('cachedMatesList')).find(function (item) { return item.id === mateId; });
   if (!mate) return;
+  if (mate.builtinKey === 'clay' && store.snap) rememberClayReturnTarget(store.snap());
   if (store.get('currentSlug') !== 'mate-' + mateId) {
     closeTerminal();
     closeFileViewer();
@@ -126,10 +200,14 @@ function createMateIcon(mateId) {
       avatarUrl: mate ? mateAvatarUrl(mate, 24) : '',
     };
   });
-  button.addEventListener('contextmenu', function (event) {
-    event.preventDefault();
+  function openContextMenu(event) {
+    event.preventDefault(); event.stopPropagation(); hideIconTooltip();
     var mate = navigationMates(store.get('cachedMatesList')).find(function (item) { return item.id === mateId; });
     if (mate) showMateCtxMenu(button, mate);
+  }
+  button.addEventListener('contextmenu', openContextMenu);
+  button.addEventListener('keydown', function (event) {
+    if (event.key === 'ContextMenu' || (event.shiftKey && event.key === 'F10')) openContextMenu(event);
   });
   return button;
 }
@@ -142,14 +220,7 @@ export function renderProjectMates() {
   var clay = navigationMates(state.cachedMatesList).find(function (mate) { return mate.builtinKey === 'clay'; });
   var clayActive = !!clay && !state.homeShellVisible && !state.dmMode && state.currentSlug === 'mate-' + clay.id;
   document.body.classList.toggle('clay-workspace-active', clayActive);
-  var clayEntry = document.querySelector('.icon-strip-brand');
-  if (clayEntry) {
-    clayEntry.disabled = !clay;
-    clayEntry.classList.toggle('active', clayActive);
-    clayEntry.setAttribute('aria-label', clay ? 'Open Clay' : 'Clay is unavailable');
-    if (clayActive) clayEntry.setAttribute('aria-current', 'page');
-    else clayEntry.removeAttribute('aria-current');
-  }
+  updateClayBrand(state);
   document.body.classList.toggle('mate-workspace-active', !state.homeShellVisible && isMateWorkspace(state));
   applyWorkspaceColor(mateForWorkspace(state));
   renderMateHeaderDefault(state);
@@ -216,19 +287,33 @@ export function initProjectMateNavigation() {
   var clayEntry = document.querySelector('.icon-strip-brand');
   if (clayEntry) {
     clayEntry.addEventListener('click', function () {
-      var clay = navigationMates(store.get('cachedMatesList')).find(function (mate) { return mate.builtinKey === 'clay'; });
+      var state = store.snap();
+      var clay = navigationMates(state.cachedMatesList).find(function (mate) { return mate.builtinKey === 'clay'; });
       hideIconTooltip();
-      if (clay) openMateWorkspace(clay.id);
+      if (!clay) return;
+      if (!clayIsActive(state, clay)) {
+        openMateWorkspace(clay.id);
+      } else returnFromClay();
+    });
+    bindIconTooltip(clayEntry, function () {
+      var state = store.snap();
+      var clay = navigationMates(state.cachedMatesList).find(function (mate) { return mate.builtinKey === 'clay'; });
+      return { text: clayIsActive(state, clay) ? 'Return to project' : 'Open Clay', kind: 'mate', avatarUrl: 'clay-studio-symbol.png' };
     });
-    bindIconTooltip(clayEntry, { text: 'Clay', kind: 'mate', avatarUrl: 'clay-studio-symbol.png' });
   }
   var knob = document.getElementById('icon-strip-filter-knob');
   if (knob) knob.addEventListener('click', activateProjectMateFilter);
   store.subscribe(function (state, previous) {
+    if (state.clayReturnPendingProjectSlug && state.currentSlug !== previous.currentSlug &&
+        state.currentSlug !== state.clayReturnPendingProjectSlug) {
+      store.set({ pendingProjectSessionNavigation: null, clayReturnPendingProjectSlug: null });
+    } else if (state.clayReturnPendingProjectSlug && !state.pendingProjectSessionNavigation && previous.pendingProjectSessionNavigation) {
+      store.set({ clayReturnPendingProjectSlug: null });
+    }
     if (state.cachedMatesList !== previous.cachedMatesList || state.homeChatMateId !== previous.homeChatMateId ||
         state.homeShellVisible !== previous.homeShellVisible || state.projectsHubList !== previous.projectsHubList ||
         state.dmUnread !== previous.dmUnread || state.currentSlug !== previous.currentSlug ||
-        state.dmMode !== previous.dmMode || state.connected !== previous.connected) renderProjectMates();
+        state.dmMode !== previous.dmMode || state.connected !== previous.connected || state.activeSessionId !== previous.activeSessionId || state.youActivity !== previous.youActivity) renderProjectMates();
     if (state.projectMateFilterMode !== previous.projectMateFilterMode ||
         state.projectMateFilterTurns !== previous.projectMateFilterTurns) applyProjectMateFilter();
   });

package/lib/public/modules/search-clay-chat.js

@@ -1,3 +1,4 @@
+import { createHomeDebateQuestionCard, applyHomeDebateQuestion, resolveHomeDebateQuestion, markHomeDebateQuestionSubmitting } from './home-debate-planning.js';
 // Compact Clay conversation hosted inside the global search drawer.
 import { getWs } from './ws-ref.js';
 import { openProjectSession } from './project-session-navigation.js';
@@ -131,6 +132,7 @@ function appendActivityList(content, items, expanded, onToggle) {
 }
 
 function renderMessage(message, streaming) {
+  if (message.role === "question" && message.flow === "mcp_import") return createHomeDebateQuestionCard(message, respondToImport);
   var row;
   if (message.role === "user") {
     row = createUserBubble({ text: message.text || "" });
@@ -221,6 +223,13 @@ function stopSearchClayChat() {
   return true;
 }
 
+function respondToImport(message, action, opener, answers) {
+  if (!state || message.status !== 'pending') return;
+  if (!send({ type: 'home_mcp_import_response', mateId: state.mateId, sessionId: state.sessionId, requestId: state.requestId, toolId: message.toolId, answers: answers || {} })) return;
+  markHomeDebateQuestionSubmitting(message, opener);
+  store.set({ searchClayChatState: state }); render();
+}
+
 function respondToPermission(permission, decision) {
   if (!state || permission.status !== "pending") return false;
   if (!send({ type: "home_mate_permission_response", mateId: state.mateId, sessionId: state.sessionId, requestId: state.requestId, permissionRequestId: permission.permissionRequestId, decision: decision })) return false;
@@ -371,7 +380,12 @@ export function handleSearchClayMessage(msg) {
   state.updatedAt = Date.now();
   if (msg.mateId) state.mateId = msg.mateId;
   if (msg.type === "home_mate_session_identity" && msg.sessionId) state.sessionId = msg.sessionId;
-  if (msg.type === "home_clay_activity") {
+  if (msg.type === 'home_mcp_import_question') {
+    if (state.stream) { state.messages.push({ role: 'assistant', text: state.stream }); state.stream = ''; }
+    state.messages = applyHomeDebateQuestion(state.messages, msg);
+  } else if (msg.type === 'home_mcp_import_question_resolved') {
+    state.messages = resolveHomeDebateQuestion(state.messages, msg);
+  } else if (msg.type === "home_clay_activity") {
     if (!state.awaitingCompletion) return true;
     state.activity = msg.phase || state.activity;
     state.step = typeof msg.step === "number" ? msg.step : state.step;
@@ -379,7 +393,7 @@ export function handleSearchClayMessage(msg) {
   } else if (msg.type === "home_mate_history") {
     state.sessionId = msg.sessionId || state.sessionId;
     state.localId = typeof msg.localId === "number" ? msg.localId : state.localId;
-    state.messages = Array.isArray(msg.messages) ? msg.messages.filter(function (item) { return item && (item.role === "user" || item.role === "assistant"); }).map(function (item) { return { role: item.role, text: item.text || "" }; }) : state.messages;
+    state.messages = Array.isArray(msg.messages) ? msg.messages.filter(function (item) { return item && (item.role === "user" || item.role === "assistant" || item.role === "question" && item.flow === "mcp_import"); }).map(function (item) { return item.role === "question" ? Object.assign({}, item) : { role: item.role, text: item.text || "" }; }) : state.messages;
     state.processing = msg.isProcessing === true;
     state.awaitingCompletion = state.processing;
     state.pendingTurns = state.processing ? Math.max(1, state.pendingTurns) : 0;

package/lib/public/modules/session-folder-layout.js

@@ -9,7 +9,7 @@ export var FAVORITES_ID = "favorites";
 export var UNFILED_ID = "unfiled";
 
 export function defaultFolderState() {
-  return { folders: [], assignments: {}, favorites: [], orders: {}, collapsed: {}, view: { sort: "activity", direction: "desc" } };
+  return { folders: [], assignments: {}, favorites: [], orders: {}, collapsed: {}, view: { sort: "activity", direction: "desc", showDateHeadings: true } };
 }
 
 export function sortUnits(units, view, order) {

package/lib/public/modules/session-folder-view-menu.js

@@ -78,6 +78,15 @@ export function paintViewMenu() {
     note.textContent = "Drag sessions to arrange them. Favorites keep their own order.";
     menu.appendChild(note);
   }
+  var dateToggle = document.createElement("button");
+  dateToggle.type = "button";
+  dateToggle.className = "session-folder-view-toggle";
+  dateToggle.dataset.focusKey = "showDateHeadings";
+  dateToggle.setAttribute("role", "switch");
+  dateToggle.setAttribute("aria-checked", String(view.showDateHeadings !== false));
+  dateToggle.innerHTML = '<span>Show date headings</span><span class="session-folder-view-toggle-track" aria-hidden="true"><span class="session-folder-view-toggle-thumb"></span></span>';
+  dateToggle.addEventListener("click", function () { sendViewPatch({ showDateHeadings: view.showDateHeadings === false }); });
+  menu.appendChild(dateToggle);
   if (focusKey) {
     var target = menu.querySelector('[data-focus-key="' + focusKey + '"]') || menu.querySelector(".session-folder-radio.selected");
     if (target) target.focus();