clay-server 3.5.1 → 3.6.0-beta.2

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

@@ -30,7 +30,7 @@ import { handleFsList, handleFsRead, handleFileChanged, handleDirChanged, handle
 import { beginMarkdownTurn, finishMarkdownTurn, markdownPathFromToolInput } from './markdown-live-edit.js';
 import { forwardPaneMarkdownPresentation } from './pane-bridge.js';
 import { isProjectSettingsOpen, handleInstructionsRead, handleInstructionsWrite, handleProjectEnv, handleProjectEnvSaved, handleProjectSharedEnv, handleProjectSharedEnvSaved, handleProjectOwnerChanged } from './project-settings.js';
-import { updateSettingsModels, updateSettingsStats, updateDaemonConfig, handleSetPinResult, handleKeepAwakeChanged, handleInheritGroupsChanged, handleAutoContinueChanged, handleRestartResult, handleShutdownResult, handleSharedEnv, handleSharedEnvSaved, handleGlobalClaudeMdRead, handleGlobalClaudeMdWrite } from './server-settings.js';
+import { updateSettingsStats, updateDaemonConfig, handleSetPinResult, handleKeepAwakeChanged, handleInheritGroupsChanged, handleAutoContinueChanged, handleRestartResult, handleShutdownResult, handleSharedEnv, handleSharedEnvSaved, handleGlobalClaudeMdRead, handleGlobalClaudeMdWrite } from './server-settings.js';
 import { handleTermList, handleTermCreated, sendTerminalCommand, handleTermOutput, handleTermResized, handleTermExited, handleTermClosed } from './terminal.js';
 import { attachTuiView, detachTuiView, setTuiSuspendedView, tuiHandleTermOutput, tuiHandleTermResized, tuiHandleTermExited, tuiHandleTermClosed } from './session-tui-view.js';
 import { handleTuiTranscriptState } from './tui-grab.js';
@@ -467,7 +467,6 @@ export function processMessage(msg) {
         if (msg.vendor && !store.get('vendorSelectionLocked')) _miUpdate.currentVendor = msg.vendor;
         if (msg.capabilities) _miUpdate.vendorCapabilities = msg.capabilities;
         store.set(_miUpdate);
-        updateSettingsModels(_modelVal, msg.models || []);
         break;
       }
 

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

@@ -138,11 +138,11 @@ function showBanner(notif, autoDismissMs) {
     : mate
     ? '<img class="notif-banner-avatar" src="' + escapeHtml(mateAvatarUrl(mate, 32)) + '" alt="' + escapeHtml(mate.displayName || mate.name || "Mate") + '">'
     : isAuthRequired
-      ? '<img src="/icon-banded-76.png" width="32" height="32" alt="Clay" style="border-radius:8px">'
+      ? '<img src="/clay-studio-symbol.png" width="32" height="32" alt="Clay Studio">'
       : projectIcon
       ? '<span class="notif-banner-emoji">' + projectIcon + '</span>'
       : isEmpty
-        ? '<img src="/icon-banded-76.png" width="32" height="32" alt="Clay" style="border-radius:8px">'
+        ? '<img src="/clay-studio-symbol.png" width="32" height="32" alt="Clay Studio">'
         : iconHtml("folder");
 
   // Format permission title as "Can I ..." style
@@ -828,7 +828,7 @@ export function showUpdateBanner(msg) {
   }
 
   banner.innerHTML =
-    '<div class="notif-banner-icon"><img src="/icon-banded-76.png" width="32" height="32" alt="Clay" style="border-radius:8px"></div>' +
+    '<div class="notif-banner-icon"><img src="/clay-studio-symbol.png" width="32" height="32" alt="Clay Studio"></div>' +
     '<div class="notif-banner-body">' +
       '<div class="notif-banner-project">CLAY</div>' +
       '<div class="notif-banner-title">v' + escapeHtml(msg.version) + ' is available</div>' +

package/lib/public/modules/command-palette.js

@@ -195,7 +195,7 @@ function updateFooter() {
     '<span><kbd>Enter</kbd> select</span>';
   var versionText = cachedVersion ? "v" + cachedVersion : "";
   footerEl.innerHTML =
-    '<a href="https://github.com/chadbyte/clay" target="_blank" rel="noopener" class="cmd-palette-brand"><img src="favicon-banded.png" width="13" height="13" alt="">Clay ' + versionText + '</a>' +
+    '<a href="https://github.com/chadbyte/clay" target="_blank" rel="noopener" class="cmd-palette-brand"><img src="clay-studio-symbol.png" width="13" height="13" alt="">Clay Studio ' + versionText + '</a>' +
     '<span class="cmd-palette-footer-shortcuts">' + shortcuts + '</span>';
 }
 

package/lib/public/modules/filebrowser-tabs.js

@@ -1,5 +1,8 @@
+import { getFileIconSvg } from './fileicons.js';
+
 var tabs = new Map();
 var focusedPath = null;
+var previewPath = null;
 var onFocus = null;
 var onEmpty = null;
 
@@ -15,14 +18,23 @@ function render() {
   tabs.forEach(function(value, path) {
     var tab = document.createElement("button");
     tab.type = "button";
-    tab.className = "file-viewer-tab" + (path === focusedPath ? " active" : "");
-    tab.textContent = label(path);
+    tab.className = "file-viewer-tab" + (path === focusedPath ? " active" : "") + (path === previewPath ? " preview" : "");
+    tab.setAttribute("role", "tab");
+    tab.setAttribute("aria-selected", path === focusedPath ? "true" : "false");
     tab.title = path;
     tab.addEventListener("click", function() { focusFileViewerTab(path); });
+    var icon = document.createElement("span");
+    icon.className = "file-viewer-tab-icon";
+    icon.innerHTML = getFileIconSvg(label(path));
+    var name = document.createElement("span");
+    name.className = "file-viewer-tab-label";
+    name.textContent = label(path);
     var close = document.createElement("span");
     close.className = "file-viewer-tab-close";
     close.textContent = "×";
     close.addEventListener("click", function(event) { event.stopPropagation(); closeFileViewerTab(path); });
+    tab.appendChild(icon);
+    tab.appendChild(name);
     tab.appendChild(close);
     root.appendChild(tab);
   });
@@ -37,11 +49,37 @@ export function openFileViewerTab(path, data) {
   if (!path) return false;
   var exists = tabs.has(path);
   tabs.set(path, Object.assign(tabs.get(path) || {}, data || {}));
+  if (path === previewPath) previewPath = null;
+  focusedPath = path;
+  render();
+  return !exists;
+}
+
+export function previewFileViewerTab(path, data) {
+  if (!path) return false;
+  if (tabs.has(path) && path !== previewPath) {
+    focusedPath = path;
+    render();
+    return false;
+  }
+  if (previewPath && previewPath !== path) tabs.delete(previewPath);
+  var exists = tabs.has(path);
+  tabs.set(path, Object.assign(tabs.get(path) || {}, data || {}));
+  previewPath = path;
   focusedPath = path;
   render();
   return !exists;
 }
 
+export function updateFileViewerTab(path, data) {
+  if (!path) return false;
+  if (!tabs.has(path)) return false;
+  tabs.set(path, Object.assign(tabs.get(path) || {}, data || {}));
+  if (focusedPath !== path) return false;
+  render();
+  return true;
+}
+
 export function focusFileViewerTab(path) {
   if (!tabs.has(path)) return false;
   focusedPath = path;
@@ -55,6 +93,7 @@ export function closeFileViewerTab(path) {
   var paths = Array.from(tabs.keys());
   var index = paths.indexOf(path);
   tabs.delete(path);
+  if (previewPath === path) previewPath = null;
   if (focusedPath === path) focusedPath = paths[index + 1] || paths[index - 1] || null;
   render();
   if (focusedPath && onFocus) onFocus(focusedPath, tabs.get(focusedPath));
@@ -62,4 +101,4 @@ export function closeFileViewerTab(path) {
 }
 
 export function focusedFileViewerTab() { return focusedPath; }
-export function clearFileViewerTabs() { tabs.clear(); focusedPath = null; render(); }
+export function clearFileViewerTabs() { tabs.clear(); focusedPath = null; previewPath = null; render(); }

package/lib/public/modules/filebrowser.js

@@ -9,7 +9,7 @@ import { copyMarkdownFormatting } from './rich-clipboard.js';
 import { animateMarkdownChange, beginMarkdownPresentation, cancelMarkdownFollow, isFollowingMarkdown } from './markdown-live-edit.js';
 import { store } from './store.js';
 import { enterMarkdownSlides, exitMarkdownSlides, handleMarkdownSlideKey, syncMarkdownSlidesButton, toggleMarkdownSlideLevelMenu } from './markdown-slides.js';
-import { initFileViewerTabs, openFileViewerTab, closeFileViewerTab, focusedFileViewerTab, clearFileViewerTabs } from './filebrowser-tabs.js';
+import { initFileViewerTabs, openFileViewerTab, previewFileViewerTab, updateFileViewerTab, closeFileViewerTab, focusedFileViewerTab, clearFileViewerTabs } from './filebrowser-tabs.js';
 
 var ctx;
 var showDropHint = function () {};
@@ -18,6 +18,7 @@ var currentContent = null;  // last read file content for copy
 var currentFilePath = null;  // path of the currently viewed file
 var isRendered = false;      // markdown render toggle state
 var currentIsMarkdown = false;
+var currentIsSvg = false;
 var historyVisible = false;
 var currentHistoryEntries = [];
 var pendingNavigate = null;  // { sessionLocalId, assistantUuid }
@@ -181,8 +182,12 @@ export function initFileBrowser(_ctx) {
 
   // Markdown render toggle
   document.getElementById("file-viewer-render").addEventListener("click", function () {
-    if (!currentContent || !currentIsMarkdown) return;
+    if (!currentContent || (!currentIsMarkdown && !currentIsSvg)) return;
     isRendered = !isRendered;
+    if (currentIsSvg) {
+      renderSvgBody();
+      return;
+    }
     if (!isRendered && isFollowingMarkdown(currentFilePath)) cancelMarkdownFollow();
     renderBody();
   });
@@ -377,7 +382,11 @@ function kbCollapseOrAscend() {
 }
 
 function kbActivate() {
-  if (_kbFocused) _kbFocused.click();
+  if (!_kbFocused) return;
+  if (!isDirRow(_kbFocused) && _kbFocused.dataset.path) {
+    openFileViewerTab(_kbFocused.dataset.path);
+  }
+  _kbFocused.click();
 }
 
 function handleTreeKeyDown(e) {
@@ -500,6 +509,7 @@ export function resetFileBrowser() {
   currentFilePath = null;
   isRendered = false;
   currentIsMarkdown = false;
+  currentIsSvg = false;
   historyVisible = false;
   currentHistoryEntries = [];
   pendingNavigate = null;
@@ -541,6 +551,7 @@ export function openFile(filePath, opts) {
 
 export function openWorkingTreeDiff(diff) {
   if (!diff || !diff.path) return;
+  openFileViewerTab(diff.path);
   pendingRenderedOpen = false;
   pendingOpenMode = diff.binary ? null : {
     type: "diff",
@@ -801,9 +812,14 @@ function renderFilteredTree(container, tree, depth, query) {
           var prev = ctx.fileTreeEl.querySelector(".file-tree-item.active");
           if (prev) prev.classList.remove("active");
           rowEl.classList.add("active");
+          previewFileViewerTab(filePath);
           requestFileContent(filePath);
           if (window.innerWidth <= 768) closeSidebar();
         });
+        rowEl.addEventListener("dblclick", function (e) {
+          e.stopPropagation();
+          openFileViewerTab(filePath);
+        });
       })(entry.path, row);
 
       container.appendChild(row);
@@ -1033,12 +1049,17 @@ function renderEntries(container, entries, depth) {
           var prev = ctx.fileTreeEl.querySelector(".file-tree-item.active");
           if (prev) prev.classList.remove("active");
           rowEl.classList.add("active");
+          previewFileViewerTab(filePath);
           requestFileContent(filePath);
           // Mobile: close sidebar
           if (window.innerWidth <= 768) {
             closeSidebar();
           }
         });
+        rowEl.addEventListener("dblclick", function (e) {
+          e.stopPropagation();
+          openFileViewerTab(filePath);
+        });
       })(entry.path, row);
 
       container.appendChild(row);
@@ -1050,7 +1071,7 @@ function renderEntries(container, entries, depth) {
 // --- File viewer ---
 
 function showFileContent(msg) {
-  openFileViewerTab(msg.path, { content: msg.content });
+  if (!updateFileViewerTab(msg.path, { content: msg.content })) return;
   var pathEl = document.getElementById("file-viewer-path");
   var bodyEl = document.getElementById("file-viewer-body");
   var renderBtn = document.getElementById("file-viewer-render");
@@ -1064,13 +1085,14 @@ function showFileContent(msg) {
 
   exitMarkdownSlides();
 
-  pathEl.textContent = msg.path;
+  renderFileBreadcrumb(pathEl, msg.path);
   var keepRenderState = pendingRefresh && msg.path === currentFilePath;
   var prevRendered = isRendered;
   pendingRefresh = false;
   currentContent = null;
   currentFilePath = msg.path;
   currentIsMarkdown = false;
+  currentIsSvg = false;
   if (!keepRenderState) isRendered = false;
   var requestedExt = msg.path.split(".").pop().toLowerCase();
   if (pendingRenderedOpen && (requestedExt === "md" || requestedExt === "mdx")) {
@@ -1095,23 +1117,27 @@ function showFileContent(msg) {
     currentContent = msg.content;
     var ext = requestedExt;
     currentIsMarkdown = (ext === "md" || ext === "mdx");
+    currentIsSvg = ext === "svg";
     if (pendingRenderedOpen && currentIsMarkdown) isRendered = true;
 
-    if (currentIsMarkdown) {
+    if (currentIsMarkdown || currentIsSvg) {
       renderBtn.classList.remove("hidden");
-      renderBtn.title = "Render markdown";
-      copyBtn.title = "Copy Markdown source";
+      renderBtn.title = currentIsSvg ? "Show SVG source" : "Render markdown";
+      copyBtn.title = currentIsSvg ? "Copy SVG source" : "Copy Markdown source";
     } else {
       copyBtn.title = "Copy contents";
     }
 
-    // Show raw by default, use renderBody for markdown toggle
+    // Markdown starts as source; SVG starts as a safe image preview.
     if (currentIsMarkdown) {
       var transitionFrom = keepRenderState && prevRendered && previousWasMarkdown &&
         isFollowingMarkdown(msg.path) && pathsReferToSameFile(previousPath, msg.path)
         ? (previousContent == null ? "" : previousContent)
         : null;
       renderBody(transitionFrom, refreshSlideIndex);
+    } else if (currentIsSvg) {
+      if (!keepRenderState) isRendered = true;
+      renderSvgBody();
     } else {
       renderCodeWithLineNumbers(bodyEl, msg.content, ext);
     }
@@ -1158,6 +1184,47 @@ function showFileContent(msg) {
   }
 }
 
+function renderSvgBody() {
+  var bodyEl = document.getElementById("file-viewer-body");
+  var renderBtn = document.getElementById("file-viewer-render");
+  if (!bodyEl || !currentFilePath || currentContent == null) return;
+  if (!isRendered) {
+    renderCodeWithLineNumbers(bodyEl, currentContent, "svg");
+    renderBtn.classList.remove("active");
+    renderBtn.title = "Show SVG preview";
+    return;
+  }
+  bodyEl.innerHTML = "";
+  var preview = document.createElement("div");
+  preview.className = "file-viewer-svg-preview";
+  var image = document.createElement("img");
+  image.src = "api/file?path=" + encodeURIComponent(currentFilePath);
+  image.alt = currentFilePath;
+  image.draggable = false;
+  preview.appendChild(image);
+  bodyEl.appendChild(preview);
+  renderBtn.classList.add("active");
+  renderBtn.title = "Show SVG source";
+}
+
+function renderFileBreadcrumb(root, path) {
+  root.innerHTML = "";
+  root.title = path;
+  var parts = String(path || "").replace(/\\/g, "/").split("/").filter(function(part) { return part; });
+  for (var i = 0; i < parts.length; i++) {
+    if (i > 0) {
+      var separator = document.createElement("span");
+      separator.className = "file-viewer-path-separator";
+      separator.textContent = "›";
+      root.appendChild(separator);
+    }
+    var segment = document.createElement("span");
+    segment.className = "file-viewer-path-segment" + (i === parts.length - 1 ? " current" : "");
+    segment.textContent = parts[i];
+    root.appendChild(segment);
+  }
+}
+
 function pathsReferToSameFile(left, right) {
   if (!left || !right) return false;
   var a = String(left).replace(/\\/g, "/");
@@ -1454,6 +1521,8 @@ function rerenderFileContent() {
 
   if (currentIsMarkdown) {
     renderBody();
+  } else if (currentIsSvg) {
+    renderSvgBody();
   } else {
     renderCodeWithLineNumbers(bodyEl, currentContent, ext);
   }

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

@@ -4,7 +4,6 @@ import { showToast, copyToClipboard } from './utils.js';
 import { parseEnvString, looksLikeEnv } from './project-settings.js';
 import { checkAdminAccess, loadAdminSection } from './admin.js';
 import { closeFileViewer } from './filebrowser.js';
-import { renderModelList, renderModeList, renderEffortBar, renderThinkingBar, renderBetaCard, isSonnetModel } from './settings-defaults.js';
 
 var ctx = null;
 var settingsEl = null;
@@ -111,18 +110,6 @@ export function initServerSettings(appCtx) {
     });
   }
 
-  // Model item click
-  settingsEl.addEventListener("click", function (e) {
-    var modelItem = e.target.closest(".settings-model-item");
-    if (!modelItem) return;
-    var model = modelItem.dataset.model;
-    if (!model) return;
-    var ws = ctx.ws;
-    if (ws && ws.readyState === 1) {
-      ws.send(JSON.stringify({ type: "set_server_default_model", model: model }));
-    }
-  });
-
   // PIN buttons
   var pinSetBtn = document.getElementById("settings-pin-set-btn");
   var pinRemoveBtn = document.getElementById("settings-pin-remove-btn");
@@ -348,12 +335,6 @@ function populateSettings() {
   // Sync notification toggles
   syncNotifToggles();
 
-  // Session defaults
-  updateModelList();
-  updateModeList();
-  updateEffortBar();
-  updateThinkingBar();
-  updateSsBetaCard();
 }
 
 function syncNotifToggles() {
@@ -369,51 +350,6 @@ function syncNotifToggles() {
   }
 }
 
-function ssSendMsg(type, data) {
-  var ws = ctx.ws;
-  if (ws && ws.readyState === 1) {
-    var msg = Object.assign({ type: type }, data);
-    ws.send(JSON.stringify(msg));
-  }
-}
-
-function ssDefaultsOpts() {
-  return {
-    models: ctx.currentModels || [],
-    currentModel: ctx.currentModel || ctx._currentModelValue || "",
-    currentMode: ctx.currentMode || "default",
-    currentEffort: ctx.currentEffort || "medium",
-    currentThinking: ctx.currentThinking || "adaptive",
-    currentThinkingBudget: ctx.currentThinkingBudget || 10000,
-    currentBetas: ctx.currentBetas || [],
-    sendMsg: ssSendMsg,
-    modelMsgType: "set_model",
-    modeMsgType: "set_server_default_mode",
-    effortMsgType: "set_server_default_effort",
-    onModelSelect: function (model) { updateSsBetaCard(model); },
-  };
-}
-
-function updateModelList() {
-  renderModelList("ss", ssDefaultsOpts());
-}
-
-function updateModeList() {
-  renderModeList("ss", ssDefaultsOpts());
-}
-
-function updateEffortBar() {
-  renderEffortBar("ss", ssDefaultsOpts());
-}
-
-function updateThinkingBar() {
-  renderThinkingBar("ss", ssDefaultsOpts());
-}
-
-function updateSsBetaCard(overrideModel) {
-  renderBetaCard("ss", Object.assign(ssDefaultsOpts(), { overrideModel: overrideModel }));
-}
-
 export function updateSettingsStats(data) {
   if (!isSettingsOpen()) return;
   var pid = document.getElementById("settings-status-pid");
@@ -429,19 +365,6 @@ export function updateSettingsStats(data) {
   if (clients) clients.textContent = String(data.clients);
 }
 
-export function updateSettingsModels(current, models) {
-  if (!ctx) return;
-  ctx.currentModels = models;
-  ctx._currentModelValue = current;
-  if (isSettingsOpen()) {
-    updateModelList();
-    updateModeList();
-    updateEffortBar();
-    updateThinkingBar();
-    updateSsBetaCard();
-  }
-}
-
 // --- Daemon config ---
 function requestDaemonConfig() {
   var ws = ctx.ws;

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

@@ -275,7 +275,7 @@ export function initSidebarProjects() {
   // Tooltip + click for home icon
   var homeIcon = document.querySelector(".icon-strip-home");
   if (homeIcon) {
-    homeIcon.addEventListener("mouseenter", function () { showIconTooltip(homeIcon, "Clay"); });
+    homeIcon.addEventListener("mouseenter", function () { showIconTooltip(homeIcon, "Clay Studio"); });
     homeIcon.addEventListener("mouseleave", hideIconTooltip);
     homeIcon.addEventListener("click", function (e) {
       e.preventDefault();

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

@@ -1252,14 +1252,19 @@ function renderSessionItem(s) {
   el.className = "session-item" + (s.active ? " active" : "") + (isMatch ? " search-match" : "");
   el.dataset.sessionId = s.id;
 
+  // Keep agent identity separate from the title so each row has a stable
+  // visual anchor instead of mixing a tiny inline logo into the text.
+  var itemVendor = s.vendor || "claude";
+  var vendorIcon = document.createElement("img");
+  vendorIcon.className = "session-vendor-icon session-vendor-mark";
+  vendorIcon.src = VENDOR_AVATARS[itemVendor] || VENDOR_AVATARS.claude;
+  vendorIcon.alt = "";
+  vendorIcon.title = VENDOR_NAMES[itemVendor] || itemVendor;
+  el.appendChild(vendorIcon);
+
   var textSpan = document.createElement("span");
   textSpan.className = "session-item-text";
   var textHtml = "";
-  // Which agent runtime this session ran on. Legacy sessions without a
-  // recorded vendor are Claude (pre-multi-vendor era).
-  var itemVendor = s.vendor || "claude";
-  textHtml += '<img class="session-vendor-icon" src="' + (VENDOR_AVATARS[itemVendor] || VENDOR_AVATARS.claude) +
-    '" alt="" title="' + escapeHtml(VENDOR_NAMES[itemVendor] || itemVendor) + '">';
   if (s.isProcessing) {
     textHtml += '<span class="session-processing"></span>';
   }
@@ -1276,6 +1281,14 @@ function renderSessionItem(s) {
   textSpan.innerHTML = textHtml;
   el.appendChild(textSpan);
 
+  var ageText = relativeTime(s.lastActivity || 0);
+  if (ageText) {
+    var age = document.createElement("span");
+    age.className = "session-item-age";
+    age.textContent = ageText;
+    el.appendChild(age);
+  }
+
   // Right-click / long-press: context menu
   el.addEventListener("contextmenu", (function(id, title, cliSid, anchor, sData) {
     return function(e) {

package/lib/public/modules/sidebar.js

@@ -46,9 +46,9 @@ export function updatePageTitle() {
   if (ctx.projectName && sessionTitle) {
     document.title = sessionTitle + " - " + ctx.projectName;
   } else if (ctx.projectName) {
-    document.title = ctx.projectName + " - Clay";
+    document.title = ctx.projectName + " - Clay Studio";
   } else {
-    document.title = "Clay";
+    document.title = "Clay Studio";
   }
 }