clay-server 5.2.0-beta.11 → 5.2.0-beta.12

package/lib/public/app.js

@@ -64,6 +64,7 @@ import { initProjectLogs, closeProjectLogs } from './modules/project-logs.js';
 import { initProjectSwitcher } from './modules/project-switcher.js';
 import { initSplitView } from './modules/split-view.js';
 import { initPaneBridge } from './modules/pane-bridge.js';
+import { initPaneAppearanceBridge } from './modules/pane-appearance-bridge.js';
 import { initAdmin, checkAdminAccess } from './modules/admin.js';
 import { initSessionSearch, toggleSearch, closeSearch, isSearchOpen, handleFindInSessionResults, onHistoryPrepended as onSessionSearchHistoryPrepended } from './modules/session-search.js';
 import { initTooltips, registerTooltip } from './modules/tooltip.js';
@@ -427,7 +428,6 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     projectListLoaded: false,
     projectsAccessLoaded: false,
     projectsHubRestoreRequested: false,
-    projectsShowGuide: false,
     projectStart: initialProjectStart(),
     projectStartFolder: emptyFolderState(),
     onboardingStep: 'welcome',
@@ -709,6 +709,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
 
   // --- Theme (module) ---
   initTheme();
+  initPaneAppearanceBridge();
 
   // --- Tooltips ---
   initTooltips();

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

@@ -93,6 +93,10 @@
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
+  /* The transform makes this group its own stacking context, so its popovers
+     are ordered by this value. Sit above chat layers but below contextual Clay
+     (160), the mobile overlays and modals. */
+  z-index: 150;
   display: flex;
   align-items: center;
   gap: 2px;

package/lib/public/modules/account-transport-settings.js

@@ -33,8 +33,14 @@ export function initAccountTransportSettings() {
     '<div class="settings-form-actions"><button class="settings-btn-sm">Save connection settings</button></div></form><p class="settings-hint" role="status"></p>';
   anchor.after(section);
   section.querySelectorAll('[name=origin],[name=proxies]').forEach(function (input) { input.oninput = function () {
-    var state = Object.assign({}, store.get('accountTransport'), { dirty: true, error: '' });
-    setSettingsDraft('accountTransport', true); store.set({ accountTransport: state }); render(state);
+    // A draft is the form differing from the saved values, so a manual revert clears it.
+    var saved = store.get('accountTransport') || {};
+    var origin = section.querySelector('[name=origin]').value.trim();
+    var proxies = section.querySelector('[name=proxies]').value.split(/\s+/).filter(Boolean);
+    var dirty = origin !== (saved.origin || '') || proxies.join('\n') !== (saved.trustedProxies || []).join('\n');
+    var state = Object.assign({}, saved, { dirty: dirty, error: '' });
+    if (dirty) setSettingsDraft('accountTransport', true); else clearSettingsDraft('accountTransport');
+    store.set({ accountTransport: state }); render(state);
   }; });
   section.querySelector('form').onsubmit = async function (event) {
     event.preventDefault(); var password = section.querySelector('[name=password]');

package/lib/public/modules/admin-settings-email.js

@@ -96,8 +96,13 @@ function renderSmtpTab(body, cfg) {
 
   body.innerHTML = html;
   clearSettingsDraft('smtp');
-  body.oninput = function () { setSettingsDraft('smtp', true); };
-  body.onchange = function () { setSettingsDraft('smtp', true); };
+  // The draft is the form differing from what was rendered, so reverting a field clears it.
+  var fields = Array.from(body.querySelectorAll('input, select, textarea'));
+  function fieldValue(field) { return field.type === 'checkbox' ? field.checked : field.value; }
+  var baseline = fields.map(fieldValue);
+  function syncDraft() { setSettingsDraft('smtp', fields.some(function (field, index) { return fieldValue(field) !== baseline[index]; })); }
+  body.oninput = syncDraft;
+  body.onchange = syncDraft;
   refreshIcons(body);
 
   var errorEl = body.querySelector("#smtp-error");

package/lib/public/modules/home-surface-boot.js

@@ -11,7 +11,6 @@ function explicitProjectPath(pathname) {
 export function resolveHomeBootDestination(options) {
   if (!options) return "wait";
   if (options.paneMode || explicitProjectPath(options.pathname)) return "project";
-  if (/^\/projects\/?$/.test(options.pathname || "")) return "projects";
   // The server-selected project embedded in the root shell is authoritative.
   // Home is entered only through an explicit in-app action; reloading `/`
   // returns to the project workspace even if Home was the last open surface.

package/lib/public/modules/pane-appearance-bridge.js

@@ -0,0 +1,59 @@
+// Live appearance sync between the app shell and its pane iframes (split
+// Driver/Worker panes and the contextual Mate window). Each iframe runs its own
+// theme module and only reads the persisted preference at load, so the shell
+// pushes the applied appearance down on every change and when a frame loads.
+// Same-origin only, shell to child only; nothing is saved from either side.
+
+import { store } from './store.js';
+import { onThemeChange, getAppearanceSnapshot, applyExternalAppearance } from './theme.js';
+
+var ID = /^[a-zA-Z0-9_-]{1,120}$/;
+
+function paneFrames() {
+  return Array.prototype.filter.call(document.querySelectorAll('iframe'), function (frame) {
+    try { var url = new URL(frame.src, window.location.href); return url.origin === window.location.origin && url.searchParams.get('pane') === '1'; }
+    catch (error) { return false; }
+  });
+}
+
+function push(frame) {
+  var snapshot = getAppearanceSnapshot();
+  try { if (frame.contentWindow) frame.contentWindow.postMessage({ type: 'clay-appearance', snapshot: snapshot }, window.location.origin); } catch (error) {}
+}
+
+function isId(value) { return typeof value === 'string' && ID.test(value); }
+function isIdOrNull(value) { return value === null || isId(value); }
+
+// Exact shape only: strings or null, never coerced values.
+function validSnapshot(value) {
+  var pref = value && typeof value === 'object' ? value.preference : null;
+  if (!pref || typeof pref !== 'object' || !isId(value.themeId)) return false;
+  if (value.userId !== null && (typeof value.userId !== 'string' || !value.userId || value.userId.length > 200)) return false;
+  if (typeof pref.configured !== 'boolean') return false;
+  if (pref.mode !== null && pref.mode !== 'light' && pref.mode !== 'dark') return false;
+  return isIdOrNull(pref.theme) && isIdOrNull(pref.lightTheme) && isIdOrNull(pref.darkTheme);
+}
+
+export function initPaneAppearanceBridge() {
+  if (store.get('paneMode')) {
+    if (window.parent === window) return;
+    window.addEventListener('message', function (event) {
+      if (event.origin !== window.location.origin || event.source !== window.parent) return;
+      var msg = event.data;
+      if (!msg || msg.type !== 'clay-appearance' || !validSnapshot(msg.snapshot)) return;
+      // Once this frame knows its owner the snapshot must name exactly that owner (null is a mismatch).
+      // Before identity is known, or in solo mode without one, any well-formed snapshot applies.
+      var owner = store.get('myUserId') || null;
+      if (owner !== null && msg.snapshot.userId !== owner) return;
+      applyExternalAppearance(msg.snapshot);
+    });
+    return;
+  }
+  onThemeChange(function () { paneFrames().forEach(push); });
+  // Frames that rejected an early snapshot (identity not yet known here) get it again once it is.
+  store.subscribe(function (state, previous) { if (state.myUserId !== previous.myUserId) paneFrames().forEach(push); });
+  // A frame that finished loading may have been seeded before a pending save.
+  document.addEventListener('load', function (event) {
+    if (event.target && event.target.tagName === 'IFRAME' && paneFrames().indexOf(event.target) >= 0) push(event.target);
+  }, true);
+}

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

@@ -31,7 +31,18 @@ export function handleProjectEnv(msg) {
   update({ loaded: true, saved: msg.envrc || '', rows: parseEnvString(msg.envrc || '') });
   render(); status('');
 }
-function changeRows(rows) { update({ rows: rows, dirty: true }); document.getElementById('ps-env-save').disabled = false; status('Unsaved changes'); }
+// A draft exists only while the rows differ from the saved variables; blank rows and edits that are
+// reverted by hand leave nothing to save.
+function rowsSignature(rows) {
+  return (rows || []).filter(function (row) { return row.key.trim() || row.value; }).map(function (row) { return row.key.trim() + '\u0000' + row.value; }).join('\n');
+}
+function changeRows(rows) {
+  var dirty = rowsSignature(rows) !== rowsSignature(parseEnvString(state().saved || ''));
+  update({ rows: rows, dirty: dirty });
+  document.getElementById('ps-env-save').disabled = !dirty || !!state().saving;
+  if (!dirty) clearCachedDraft();
+  status(dirty ? 'Unsaved changes' : '');
+}
 function render() {
   var editor = state();
   var list = document.getElementById('ps-env-list'); list.replaceChildren();

package/lib/public/modules/projects-hub-view.js

@@ -1,4 +1,3 @@
-import { escapeHtml } from './utils.js';
 import { iconHtml } from './icons.js';
 
 export function ordinaryProjects(projects) {
@@ -28,53 +27,23 @@ function welcomeCard(label, title, text, action, artwork) {
     '<span class="projects-intro-label">' + label + '</span><h2>' + title + '</h2><p>' + text + '</p><div class="projects-intro-action">' + action + '</div></div>';
 }
 
-function setupAction(mode, icon, title, text, disabled) {
-  return '<button type="button" class="projects-setup-action" data-projects-mode="' + mode + '"' + (disabled ? ' disabled' : '') + '>' +
-    '<span class="projects-action-icon">' + iconHtml(icon) + '</span><span><strong>' + title + '</strong><span>' + text + '</span></span>' + iconHtml('arrow-up-right') + '</button>';
-}
-
+// The standalone project list no longer exists: the hub renders only the loading state
+// and the zero-project welcome. Once ordinary projects are known the app opens a workspace.
 export function projectsHubContent(state) {
   var projects = ordinaryProjects(state.projectsHubList);
-  var ready = state.projectListLoaded;
-  var welcome = ready && (state.projectsShowGuide || !projects.length);
+  if (!state.projectListLoaded || projects.length) {
+    return '<main class="projects-main" aria-labelledby="projects-title"><div class="projects-loading" role="status"><h1 id="projects-title" tabindex="-1">Your workspace</h1><p>Loading your workspace…</p></div></main>';
+  }
   var allowed = state.projectsAccessLoaded && (!state.permissions || state.permissions.createProject === true);
   var available = allowed && state.connected && !state.pendingHomeProjectSlug;
-  var html = isShellWelcome(state) ? '' : '<header class="projects-header"><a class="projects-brand" href="/projects"><img src="/clay-studio-symbol.png" alt="">Clay Studio</a>' +
-    '<nav aria-label="Workspace navigation">' + button('settings', 'Settings', 'projects-button-quiet') + '</nav></header>';
-  html += '<main class="projects-main" aria-labelledby="projects-title">';
-  if (!ready) return html + '<div class="projects-loading" role="status"><h1 id="projects-title" tabindex="-1">Your projects</h1><p>Loading your workspace…</p></div></main>';
-  if (welcome) {
-    var mateReady = !!state.connected && clayMateReady(state);
-    return html + '<section class="projects-welcome"><div class="projects-eyebrow">WELCOME TO</div>' +
-      '<h1 id="projects-title" tabindex="-1"><span class="projects-wordmark" role="img" aria-label="Clay Studio"></span></h1>' +
-      '<p class="projects-lead">Where the minds work together</p>' +
-      '<div class="projects-intro-grid">' +
-      welcomeCard('01 / PROJECTS', 'Work together on a project.', 'Bring a codebase or a folder of files, and work through it together with Clay Studio.',
-        button(projects.length ? 'start' : 'create-project', projects.length ? 'Explore your projects ' + iconHtml('arrow-right') : 'Start a project ' + iconHtml('arrow-right'), 'projects-button-primary', !projects.length && !available), 'project-clay') +
-      welcomeCard('02 / MATES', 'Create your own specialist.', 'Create a Mate with the expertise you need, and work together on your ideas and tasks.',
-        button('mate', 'Create a Mate ' + iconHtml('arrow-right'), 'projects-button-secondary', !mateReady), 'mate-clay') +
-      '</div><p class="projects-footnote">You can revisit this guide from Projects at any time.</p></section></main>';
-  }
-  html += '<div class="projects-heading"><div><div class="projects-eyebrow">YOUR WORKSPACE</div><h1 id="projects-title" tabindex="-1">Projects</h1>' +
-    '<p class="projects-lead">Pick up where you left off, or begin something new.</p></div>' + button('guide', 'Getting started', 'projects-button-quiet') + '</div>';
-  if (state.pendingHomeProjectSlug) html += '<p class="projects-status" role="status">Opening your project…</p>';
-  if (projects.length) {
-    html += '<div class="projects-list" aria-label="Your projects">';
-    projects.forEach(function (project) {
-      html += '<button type="button" class="projects-list-item" data-project-slug="' + escapeHtml(project.slug) + '"' + (!state.connected || state.pendingHomeProjectSlug ? ' disabled' : '') + '>' +
-        '<span class="projects-action-icon">' + iconHtml(project.isWorktree ? 'git-branch' : 'folder') + '</span><span><strong>' + escapeHtml(project.title || project.project || project.slug) + '</strong>' +
-        '<span>' + escapeHtml(project.branch || project.path || project.slug) + '</span></span>' + iconHtml('arrow-right') + '</button>';
-    });
-    html += '</div><h2 class="projects-section-title">Add a project</h2>';
-  }
-  if (!state.projectsAccessLoaded) html += '<p class="projects-status" role="status">Checking project access…</p>';
-  else if (!allowed) html += '<p class="projects-status">Ask an administrator to create or share a project with you.</p>';
-  else {
-    html += '<div class="projects-setup-actions">' +
-      setupAction('existing', 'folder-open', 'Open a folder', 'Use a directory on the machine running Clay.', !available) +
-      setupAction('create', 'plus', 'Create a project', 'Start in a new, empty project directory.', !available) +
-      setupAction('clone', 'git-branch', 'Clone a repository', 'Bring an existing Git repository into Clay.', !available) + '</div>';
-  }
-  if (!state.connected) html += '<p class="projects-status" role="status">Reconnecting… Project actions will be available when the connection returns.</p>';
-  return html + '</main><footer class="projects-footer">Your projects, conversations, and tools. One workspace.</footer>';
+  var mateReady = !!state.connected && clayMateReady(state);
+  return '<main class="projects-main" aria-labelledby="projects-title"><section class="projects-welcome"><div class="projects-eyebrow">WELCOME TO</div>' +
+    '<h1 id="projects-title" tabindex="-1"><span class="projects-wordmark" role="img" aria-label="Clay Studio"></span></h1>' +
+    '<p class="projects-lead">Where the minds work together</p>' +
+    '<div class="projects-intro-grid">' +
+    welcomeCard('01 / PROJECTS', 'Work together on a project.', 'Bring a codebase or a folder of files, and work through it together with Clay Studio.',
+      button('create-project', 'Start a project ' + iconHtml('arrow-right'), 'projects-button-primary', !available), 'project-clay') +
+    welcomeCard('02 / MATES', 'Create your own specialist.', 'Create a Mate with the expertise you need, and work together on your ideas and tasks.',
+      button('mate', 'Create a Mate ' + iconHtml('arrow-right'), 'projects-button-secondary', !mateReady), 'mate-clay') +
+    '</div></section></main>';
 }

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

@@ -3,9 +3,8 @@ import { getWs } from './ws-ref.js';
 import { switchProject } from './app-projects.js';
 import { openAddProjectModal } from './project-start-dialog.js';
 import { startClayMateCreation } from './project-mate-creation-workspace.js';
-import { openUserSettings } from './user-settings.js';
-import { rememberHomePrimarySurface, updateHomeSurfacePreference } from './home-surface.js';
-import { projectsHubContent, isShellWelcome, clayMateReady } from './projects-hub-view.js';
+import { updateHomeSurfacePreference } from './home-surface.js';
+import { projectsHubContent, isShellWelcome, clayMateReady, ordinaryProjects } from './projects-hub-view.js';
 import { refreshIcons } from './icons.js';
 
 function root() { return document.getElementById('projects-hub'); }
@@ -18,13 +17,13 @@ function render() {
   if (store.get('projectsHubMarkup') === html) return;
   store.set({ projectsHubMarkup: html });
   var active = element.contains(document.activeElement) ? document.activeElement : null;
-  var action = active && (active.dataset.projectsAction || active.dataset.projectsMode || active.dataset.projectSlug);
+  var action = active && (active.dataset.projectsAction);
   element.innerHTML = html;
   refreshIcons();
   if (action) {
     var buttons = element.querySelectorAll('button, a');
     for (var i = 0; i < buttons.length; i++) {
-      if ((buttons[i].dataset.projectsAction || buttons[i].dataset.projectsMode || buttons[i].dataset.projectSlug) === action && !buttons[i].disabled) {
+      if (buttons[i].dataset.projectsAction === action && !buttons[i].disabled) {
         buttons[i].focus({ preventScroll: true });
         break;
       }
@@ -38,22 +37,38 @@ function focusHeading() {
   if (title) title.focus({ preventScroll: true });
 }
 
+// The authorised project to open when no standalone list exists: the server-saved
+// last project, then the current one, then the first ordinary project. Only
+// projects present in the server-provided list qualify.
+function workspaceFallback() {
+  var known = ordinaryProjects(store.get('projectsHubList')).map(function (project) { return project.slug; });
+  var choices = [store.get('homeSurfaceProjectSlug'), store.get('currentSlug'), known[0]];
+  for (var i = 0; i < choices.length; i++) if (choices[i] && known.indexOf(choices[i]) !== -1) return choices[i];
+  return null;
+}
+
+// Shows the loading or zero-project welcome; with projects present it opens a workspace instead.
 export function showProjectsHub(fromHistory) {
+  if (store.get('projectListLoaded') && ordinaryProjects(store.get('projectsHubList')).length) {
+    var slug = workspaceFallback();
+    if (slug) {
+      hideProjectsHub();
+      if (fromHistory) history.replaceState(null, '', '/p/' + slug + '/');
+      switchProject(slug);
+      return;
+    }
+  }
   store.set({ projectsHubVisible: true, pendingHomeProjectSlug: null });
   document.body.classList.add('projects-active');
   root().classList.remove('hidden');
-  rememberHomePrimarySurface('projects');
-  if (!fromHistory && location.pathname !== '/projects') {
-    var method = document.documentElement.classList.contains('pwa-standalone') ? 'replaceState' : 'pushState';
-    history[method](null, '', '/projects');
-  }
+  if (location.pathname === '/projects' || location.pathname === '/projects/') history.replaceState(null, '', '/');
   render();
   focusHeading();
 }
 
 export function hideProjectsHub() {
   if (!store.get('projectsHubVisible')) return;
-  store.set({ projectsHubVisible: false, projectsShowGuide: false });
+  store.set({ projectsHubVisible: false });
   document.body.classList.remove('projects-active', 'projects-shell');
   if (root()) root().classList.add('hidden');
 }
@@ -64,26 +79,17 @@ export function completeProjectsOnboarding() {
 }
 
 function handleClick(event) {
-  var button = event.target.closest('[data-projects-action], [data-projects-mode], [data-project-slug]');
+  var button = event.target.closest('[data-projects-action]');
   if (!button || button.disabled) return;
   event.preventDefault();
   var action = button.dataset.projectsAction;
-  if (action === 'settings') { openUserSettings(); return; }
-  if (action === 'guide') { store.set({ projectsShowGuide: true }); render(); focusHeading(); return; }
-  if (action === 'start') {
-    store.set({ projectsShowGuide: false });
-    updateHomeSurfacePreference({ onboardingStep: 'project' });
-    render(); focusHeading();
-    return;
-  }
   var ws = getWs();
   if (!ws || ws.readyState !== 1) return;
   if (action === 'mate') { if (clayMateReady(store.snap())) startClayMateCreation(); return; }
-  if (button.dataset.projectSlug) { switchProject(button.dataset.projectSlug); return; }
-  if (action === 'create-project' || button.dataset.projectsMode) {
+  if (action === 'create-project') {
     var permissions = store.get('permissions');
     if (!store.get('projectsAccessLoaded') || store.get('pendingHomeProjectSlug') || (permissions && permissions.createProject !== true)) return;
-    openAddProjectModal(button.dataset.projectsMode);
+    openAddProjectModal();
   }
 }
 
@@ -92,11 +98,12 @@ export function initProjectsHub() {
   store.subscribe(function (state, previous) {
     if (state.projectsHubRestoreRequested && !previous.projectsHubRestoreRequested) {
       showProjectsHub(true);
-      if (location.pathname === '/') history.replaceState(null, '', '/projects');
       store.set({ projectsHubRestoreRequested: false });
       return;
     }
     if (!state.projectsHubVisible) return;
+    // A project already being opened keeps its own activation; otherwise known projects replace the hub.
+    if (state.projectListLoaded && !state.pendingHomeProjectSlug && ordinaryProjects(state.projectsHubList).length) { showProjectsHub(true); return; }
     if (state.projectsHubList !== previous.projectsHubList || state.projectListLoaded !== previous.projectListLoaded ||
         state.homeSurfaceLoaded !== previous.homeSurfaceLoaded || state.onboardingStep !== previous.onboardingStep ||
         state.projectsAccessLoaded !== previous.projectsAccessLoaded || state.permissions !== previous.permissions ||

package/lib/public/modules/theme.js

@@ -222,6 +222,7 @@ var customSet = {};   // ids that came from ~/.clay/themes/
 var themesLoaded = false;
 var currentThemeId = DEFAULT_DARK_THEME_ID;
 var changeCallbacks = [];
+var externalThemeId = null;  // set by the parent shell for pane iframes
 var STORAGE_KEY = "clay-theme";
 var MODE_KEY = "clay-mode";        // "light" | "dark" | null (system)
 var SKIN_KEY = "clay-skin";        // theme id within current variant pair
@@ -274,6 +275,23 @@ export function onThemeChange(fn) {
   changeCallbacks.push(fn);
 }
 
+// The appearance this frame currently shows, for the parent shell to hand to
+// its pane iframes. Never persisted from here.
+export function getAppearanceSnapshot() {
+  var pref = store.get('appearanceDraft') || store.get('appearancePreference') || {};
+  return { themeId: currentThemeId, userId: store.get('myUserId') || null,
+    preference: { configured: !!pref.configured || !!pref.mode || !!pref.theme, theme: pref.theme || null, mode: pref.mode || null,
+      lightTheme: pref.lightTheme || null, darkTheme: pref.darkTheme || null } };
+}
+
+// A pane iframe mirrors the parent's live appearance. The server remains the
+// only persisted source, so this applies the view without saving anything.
+export function applyExternalAppearance(snapshot) {
+  externalThemeId = snapshot.themeId;
+  store.set({ appearancePreference: snapshot.preference, appearanceDraft: null });
+  applyTheme(snapshot.themeId);
+}
+
 export function getThemes() {
   // Return a copy
   var all = {};
@@ -367,7 +385,7 @@ function loadThemes() {
 
     // Always apply the current theme now that real data is loaded
     // (before this, only defaultExactVars was used as fallback)
-    applyTheme(currentThemeId);
+    applyTheme(externalThemeId && getTheme(externalThemeId) ? externalThemeId : currentThemeId);
   }).catch(function () {
     // API unavailable — keep the embedded Clay Studio pair.
     themes[DEFAULT_DARK_THEME_ID] = defaultDarkFallback;
@@ -719,6 +737,8 @@ async function loadAppearance() {
     if (!response.ok) throw new Error('Appearance preferences unavailable.');
     var data = await response.json();
     if(store.get('appearanceSaveRequest'))return;
+    // A pane that already mirrors its parent's live view is newer than this GET, which may predate a pending save.
+    if(externalThemeId)return;
     if (data.configured) {store.set({appearancePreference:data});applyTheme(themeIdForMode(data.mode || getSystemMode()));}
     else {
       var legacy = null;try {legacy = localStorage.getItem(STORAGE_KEY);}catch(error){}

package/lib/public/modules/user-settings-integrations.js

@@ -54,7 +54,8 @@ export function initPersonalIntegrations() {
     if (!store.get('personalLinearDirty')) { action(); return; }
     confirmSettingsAction('Discard this unsaved connection draft?', 'Discard', action);
   }
-  form.oninput = function () { store.set({personalLinearDirty: !!key.value || name.value !== store.get('personalLinearOriginalName')}); };
+  // Only an open editor holds a draft; autofill or restore into the hidden form is not an edit.
+  form.oninput = function () { if (!store.get('personalLinearEditing')) return; store.set({personalLinearDirty: !!key.value || name.value !== store.get('personalLinearOriginalName')}); };
   async function save(disconnect) {
     if (store.get('personalLinearSaving')) return;
     var actor = store.get('myUserId'), generation = store.get('personalLinearGeneration');

package/lib/public/modules/user-settings-layout.js

@@ -52,8 +52,11 @@ export function personalLeavePrompt(pageId) {
   function leaving(id) {return !pageId || pageId === id;}
   var pin = document.getElementById('us-pin-form');
   var pinDirty = pin && !pin.classList.contains('hidden') && Array.from(pin.querySelectorAll('input')).some(function (input) {return !!input.value;});
+  // A value left in the hidden key field (browser autofill or form restore) is
+  // not an edit; only an open connection editor can hold a draft key.
   var key = document.getElementById('us-linear-key');
-  var dirty = leaving('us-integrations') && (store.get('personalEmailDirty') || store.get('personalLinearDirty') || key && key.value) ||
+  var keyDraft = key && key.value && store.get('personalLinearEditing') && !(key.form && key.form.hidden);
+  var dirty = leaving('us-integrations') && (store.get('personalEmailDirty') || store.get('personalLinearDirty') || keyDraft) ||
     leaving('us-chat') && store.get('userVoiceDirty') ||
     leaving('us-notifications') && store.get('notificationDraft') ||
     leaving('us-appearance') && (store.get('appearanceDraft') || store.get('userTerminalDirty')) ||

package/lib/public/modules/vendor-usage-overview.js

@@ -17,6 +17,7 @@ var records = {};
 var tickTimer = null;
 var outsideHandler = null;
 var keyHandler = null;
+var blurHandler = null;
 var requestCounter = 0;
 var pendingRequestId = null;
 
@@ -135,6 +136,8 @@ function placePopover(pop) {
   if (shift) pop.style.marginRight = (-shift) + "px";
 }
 
+function shellWindow() { return typeof window !== "undefined" ? window : null; }
+
 function bindDismissal(open) {
   if (open && !outsideHandler) {
     outsideHandler = function (event) {
@@ -143,13 +146,21 @@ function bindDismissal(open) {
     keyHandler = function (event) {
       if (event.key === "Escape") { closePopover(true); }
     };
+    // A click inside a split pane or contextual iframe never reaches this
+    // document; focus moving into the frame blurs the shell window instead.
+    blurHandler = function () {
+      if (document.activeElement && document.activeElement.tagName === "IFRAME") closePopover(false);
+    };
     document.addEventListener("pointerdown", outsideHandler, true);
     document.addEventListener("keydown", keyHandler, true);
+    if (shellWindow()) shellWindow().addEventListener("blur", blurHandler);
   } else if (!open && outsideHandler) {
     document.removeEventListener("pointerdown", outsideHandler, true);
     document.removeEventListener("keydown", keyHandler, true);
+    if (blurHandler && shellWindow()) shellWindow().removeEventListener("blur", blurHandler);
     outsideHandler = null;
     keyHandler = null;
+    blurHandler = null;
   }
 }
 

package/lib/public/style.css

@@ -6,7 +6,7 @@
 @import url("css/linear.css");
 @import url("css/base.css?v=20260828-type1");
 @import url("css/icon-strip.css?v=20260828-surfaces4");
-@import url("css/title-bar.css?v=20261017-star4");
+@import url("css/title-bar.css?v=20261018-actions-layer");
 @import url("css/clay-workspace.css?v=20261010-tint");
 @import url("css/pane.css");
 @import url("css/worker-proposal.css");

package/lib/server.js

@@ -970,6 +970,13 @@ function createServer(opts) {
         res.end(auth.getAuthPage());
         return;
       }
+      // The standalone project list was removed. A legacy /projects link resolves
+      // through the same server-backed workspace selection as the root path.
+      if (fullUrl !== "/") {
+        res.writeHead(302, { "Location": "/", "Cache-Control": "no-store" });
+        res.end();
+        return;
+      }
       if (projects.size > 0) {
         var targetSlug = null;
         var reqUser = users.isMultiUser() ? getMultiUserFromReq(req) : null;

package/package.json

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