clay-server 3.4.0-beta.21 → 3.4.0-beta.23

package/lib/public/css/filebrowser.css

@@ -960,7 +960,7 @@
     width: 50%;
     max-width: 720px;
     min-width: 360px;
-    border-left: 1px solid var(--border);
+    border-right: 1px solid var(--border);
     background: var(--bg);
     display: flex;
     flex-direction: column;
@@ -1011,6 +1011,11 @@
   min-height: 44px;
 }
 
+.file-viewer-tabs { display: flex; min-width: 0; flex: 1; overflow-x: auto; gap: 2px; }
+.file-viewer-tab { display: inline-flex; align-items: center; gap: 6px; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 0; border-radius: 5px; padding: 4px 7px; background: transparent; color: var(--text-secondary); font: inherit; font-size: 12px; cursor: pointer; }
+.file-viewer-tab.active { background: var(--sidebar-hover); color: var(--text); }
+.file-viewer-tab-close { font-size: 16px; line-height: 12px; color: var(--text-muted); }
+
 .file-viewer-path {
   flex: 1;
   font-family: "Roboto Mono", monospace;

package/lib/public/css/pane.css

@@ -23,6 +23,8 @@ body.pane-mode #sticky-notes-container {
   display: none !important;
 }
 
+body.pane-mode #file-viewer { display: none !important; }
+
 body.pane-mode .notif-banner-container {
   display: none !important;
 }

package/lib/public/index.html

@@ -680,6 +680,7 @@
 
   <div id="file-viewer" class="hidden">
     <div class="file-viewer-header">
+      <div class="file-viewer-tabs" id="file-viewer-tabs" role="tablist"></div>
       <span class="file-viewer-path" id="file-viewer-path"></span>
       <span class="file-viewer-live-status hidden" id="file-viewer-live-status" aria-live="polite">
         <span class="file-viewer-live-dot"></span>

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

@@ -28,6 +28,7 @@ import { startThinking, appendThinking, stopThinking, resetThinkingGroup, create
 import { showDoneNotification, playDoneSound, isNotifAlertEnabled, isNotifSoundEnabled } from './notifications.js';
 import { handleFsList, handleFsRead, handleFileChanged, handleDirChanged, handleFileHistory, handleGitDiff, handleFileAt, refreshIfOpen, getPendingNavigate, handleFsSearch, presentMarkdownEdit } from './filebrowser.js';
 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 { handleTermList, handleTermCreated, sendTerminalCommand, handleTermOutput, handleTermResized, handleTermExited, handleTermClosed } from './terminal.js';
@@ -1400,7 +1401,10 @@ export function processMessage(msg) {
         break;
 
       case "markdown_edit_present":
-        if (!store.get('replayingHistory') && !store.get('dmMode')) presentMarkdownEdit(msg);
+        if (!store.get('replayingHistory') && !store.get('dmMode')) {
+          if (store.get('paneMode')) forwardPaneMarkdownPresentation(msg);
+          else if (!store.get('splitPanes')) presentMarkdownEdit(msg);
+        }
         break;
 
       case "fs_dir_changed":

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

@@ -0,0 +1,65 @@
+var tabs = new Map();
+var focusedPath = null;
+var onFocus = null;
+var onEmpty = null;
+
+function label(path) {
+  var parts = String(path || "").split("/");
+  return parts[parts.length - 1] || path;
+}
+
+function render() {
+  var root = document.getElementById("file-viewer-tabs");
+  if (!root) return;
+  root.innerHTML = "";
+  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.title = path;
+    tab.addEventListener("click", function() { focusFileViewerTab(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(close);
+    root.appendChild(tab);
+  });
+}
+
+export function initFileViewerTabs(options) {
+  onFocus = options && options.onFocus;
+  onEmpty = options && options.onEmpty;
+}
+
+export function openFileViewerTab(path, data) {
+  if (!path) return false;
+  var exists = tabs.has(path);
+  tabs.set(path, Object.assign(tabs.get(path) || {}, data || {}));
+  focusedPath = path;
+  render();
+  return !exists;
+}
+
+export function focusFileViewerTab(path) {
+  if (!tabs.has(path)) return false;
+  focusedPath = path;
+  render();
+  if (onFocus) onFocus(path, tabs.get(path));
+  return true;
+}
+
+export function closeFileViewerTab(path) {
+  if (!tabs.has(path)) return;
+  var paths = Array.from(tabs.keys());
+  var index = paths.indexOf(path);
+  tabs.delete(path);
+  if (focusedPath === path) focusedPath = paths[index + 1] || paths[index - 1] || null;
+  render();
+  if (focusedPath && onFocus) onFocus(focusedPath, tabs.get(focusedPath));
+  if (!focusedPath && onEmpty) onEmpty();
+}
+
+export function focusedFileViewerTab() { return focusedPath; }
+export function clearFileViewerTabs() { tabs.clear(); focusedPath = null; render(); }

package/lib/public/modules/filebrowser.js

@@ -9,6 +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';
 
 var ctx;
 var showDropHint = function () {};
@@ -30,6 +31,14 @@ var pendingFileAt = null;    // callback for pending file-at
 
 export function initFileBrowser(_ctx) {
   ctx = _ctx;
+  var mainPanels = document.getElementById("main-panels");
+  if (mainPanels && ctx.fileViewerEl) mainPanels.insertBefore(ctx.fileViewerEl, mainPanels.firstChild);
+  initFileViewerTabs({
+    onFocus: function(path) {
+      if (path !== currentFilePath) requestFileContent(path);
+    },
+    onEmpty: function() { teardownFileViewer(); },
+  });
 
   // Load material file icons in background
   initFileIcons().then(function () {
@@ -133,7 +142,7 @@ export function initFileBrowser(_ctx) {
 
   // Close button
   document.getElementById("file-viewer-close").addEventListener("click", function () {
-    closeFileViewer();
+    closeFileViewerTab(focusedFileViewerTab());
   });
 
   // Full-viewport presentation toggle
@@ -448,6 +457,14 @@ function ensureRenderedMarkdown() {
 }
 
 export function closeFileViewer() {
+  if (focusedFileViewerTab()) {
+    closeFileViewerTab(focusedFileViewerTab());
+    return;
+  }
+  teardownFileViewer();
+}
+
+function teardownFileViewer() {
   if (currentFilePath && isFollowingMarkdown(currentFilePath)) cancelMarkdownFollow();
   sendUnwatch();
   inlineDiffActive = false;
@@ -475,8 +492,8 @@ export function setFileViewerFullscreen(enabled) {
 }
 
 export function resetFileBrowser() {
-  // Close viewer
-  closeFileViewer();
+  clearFileViewerTabs();
+  teardownFileViewer();
   // Clear all cached state
   treeData = {};
   currentContent = null;
@@ -513,6 +530,7 @@ export function openFile(filePath, opts) {
     cancelMarkdownFollow();
   }
   pendingRenderedOpen = !!(opts && opts.rendered);
+  openFileViewerTab(filePath);
   if (opts && opts.diff) {
     pendingOpenMode = { type: "diff", oldStr: opts.diff.oldStr, newStr: opts.diff.newStr };
   } else {
@@ -540,6 +558,7 @@ export function openWorkingTreeDiff(diff) {
 
 export function presentMarkdownEdit(msg) {
   if (!msg || !beginMarkdownPresentation(msg.path)) return;
+  openFileViewerTab(msg.path, { content: msg.content });
   pendingOpenMode = null;
   pendingRenderedOpen = true;
   pendingRefresh = false;
@@ -1031,6 +1050,7 @@ function renderEntries(container, entries, depth) {
 // --- File viewer ---
 
 function showFileContent(msg) {
+  openFileViewerTab(msg.path, { content: msg.content });
   var pathEl = document.getElementById("file-viewer-path");
   var bodyEl = document.getElementById("file-viewer-body");
   var renderBtn = document.getElementById("file-viewer-render");

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

@@ -23,6 +23,12 @@ export function reportPaneContext(data) {
   }, window.location.origin);
 }
 
+export function forwardPaneMarkdownPresentation(message) {
+  if (!store.get('paneMode') || window.parent === window) return false;
+  window.parent.postMessage({ type: "clay-pane-present-markdown", message: message }, window.location.origin);
+  return true;
+}
+
 // Toggle without setContextView: panes share localStorage with the main app,
 // so persisting here would silently rewrite the user's main-view preference.
 function togglePaneContextPanel() {

package/lib/public/modules/split-view.js

@@ -10,6 +10,7 @@ import { VENDOR_AVATARS, VENDOR_NAMES } from './app-rendering.js';
 import { groupedSessionIds, findSplitGroup } from './split-group-helpers.js';
 import { showConfirm } from './app-misc.js';
 import { syncPairChrome } from './split-pair-ui.js';
+import { presentMarkdownEdit } from './filebrowser.js';
 
 var host = null;
 var nativeApp = null;
@@ -269,7 +270,13 @@ function updatePaneContextChip(paneEl, msg) {
 function handlePaneMessage(event) {
   if (event.origin !== window.location.origin) return;
   var msg = event.data;
-  if (!msg || msg.type !== "clay-pane-context" || !host) return;
+  if (!msg || !host) return;
+  if (msg.type === "clay-pane-present-markdown") {
+    var present = msg.message;
+    if (present) presentMarkdownEdit(present);
+    return;
+  }
+  if (msg.type !== "clay-pane-context") return;
   var frames = host.querySelectorAll(".split-pane-frame");
   for (var i = 0; i < frames.length; i++) {
     if (frames[i].contentWindow === event.source) {

package/lib/yoke/adapters/codex.js

@@ -8,6 +8,7 @@ var fs = require("fs");
 var { CodexAppServer } = require("../codex-app-server");
 var skillDiscovery = require("../skill-discovery");
 var { resolveOsUserInfo } = require("../../os-users");
+var backgroundTasks = require("../codex-background-tasks");
 
 // --- Event flattening ---
 // Converts app-server JSON-RPC notifications into flat objects with a yokeType field.
@@ -672,6 +673,7 @@ function createEventState(model) {
     toolBlocks: {},
     commandInputs: {},
     planTexts: {},
+    backgroundTasks: backgroundTasks.createState(),
   };
 }
 
@@ -698,6 +700,7 @@ function createCodexQueryHandle(appServer, queryOpts) {
   var eventWaiting = null;
   var iteratorDone = false;
   var finishedNotified = false;
+  var removeBackgroundTaskReset = null;
 
   function notifyFinished() {
     if (finishedNotified) return;
@@ -722,6 +725,12 @@ function createCodexQueryHandle(appServer, queryOpts) {
     }
   }
 
+  if (typeof queryOpts.registerBackgroundTaskReset === "function") {
+    removeBackgroundTaskReset = queryOpts.registerBackgroundTaskReset(function() {
+      backgroundTasks.emitReset(state.backgroundTasks, pushEvent);
+    });
+  }
+
   function endIterator() {
     iteratorDone = true;
     if (eventWaiting) {
@@ -729,6 +738,10 @@ function createCodexQueryHandle(appServer, queryOpts) {
       eventWaiting = null;
       resolve({ value: undefined, done: true });
     }
+    if (removeBackgroundTaskReset) {
+      removeBackgroundTaskReset();
+      removeBackgroundTaskReset = null;
+    }
     notifyFinished();
   }
 
@@ -934,6 +947,10 @@ function createCodexQueryHandle(appServer, queryOpts) {
       pushEvent(yokeEvents[i]);
     }
 
+    if (method === "turn/completed" || method === "turn/failed") {
+      backgroundTasks.poll(appServer, state.threadId, state.backgroundTasks, pushEvent).catch(function() {});
+    }
+
     // Resolve turn promise when turn ends
     if (method === "turn/completed" || method === "turn/failed") {
       if (turnResolve) {
@@ -1246,6 +1263,20 @@ function createCodexAdapter(opts) {
   ];
   var _cachedModels = CODEX_MODELS.slice();
   var _appServer = null;
+  var _backgroundTaskResetListeners = [];
+
+  function registerBackgroundTaskReset(listener) {
+    _backgroundTaskResetListeners.push(listener);
+    return function() {
+      var index = _backgroundTaskResetListeners.indexOf(listener);
+      if (index !== -1) _backgroundTaskResetListeners.splice(index, 1);
+    };
+  }
+
+  function emitBackgroundTaskReset() {
+    var listeners = _backgroundTaskResetListeners.slice();
+    for (var i = 0; i < listeners.length; i++) listeners[i]();
+  }
   var _initPromise = null;
   var _shutdownPromise = null;
   var _refCount = 0;
@@ -1541,6 +1572,7 @@ function createCodexAdapter(opts) {
         // Spawn and initialize app-server
         _appServer = _createAppServer(serverOpts);
         await _appServer.start();
+        emitBackgroundTaskReset();
 
         await _appServer.send("initialize", {
           clientInfo: { name: "clay", title: "Clay", version: "1.0.0" },
@@ -1676,6 +1708,7 @@ function createCodexAdapter(opts) {
         canUseTool: queryOpts.canUseTool || null,
         onElicitation: queryOpts.onElicitation || null,
         resumeSessionId: queryOpts.resumeSessionId || null,
+        registerBackgroundTaskReset: registerBackgroundTaskReset,
       };
 
       // Reasoning effort

package/lib/yoke/codex-background-tasks.js

@@ -0,0 +1,84 @@
+function terminalList(result) {
+  if (Array.isArray(result)) return result;
+  if (!result || typeof result !== "object") return [];
+  if (Array.isArray(result.terminals)) return result.terminals;
+  if (Array.isArray(result.backgroundTerminals)) return result.backgroundTerminals;
+  if (Array.isArray(result.items)) return result.items;
+  return [];
+}
+
+function isLiveTerminal(terminal) {
+  var status = String((terminal && (terminal.status || terminal.state)) || "").toLowerCase();
+  return status !== "exited" && status !== "terminated" && status !== "completed" && status !== "failed";
+}
+
+function mapTerminals(result) {
+  var terminals = terminalList(result);
+  var tasks = [];
+  for (var i = 0; i < terminals.length; i++) {
+    var terminal = terminals[i] || {};
+    var taskId = terminal.id || terminal.terminalId || terminal.taskId || "";
+    if (!taskId || !isLiveTerminal(terminal)) continue;
+    tasks.push({
+      task_id: String(taskId),
+      task_type: "shell",
+      description: terminal.commandLine || terminal.command || terminal.name || "",
+    });
+  }
+  return tasks;
+}
+
+function taskIds(tasks) {
+  var ids = {};
+  for (var i = 0; i < tasks.length; i++) ids[tasks[i].task_id] = true;
+  return ids;
+}
+
+function sameMembership(first, second) {
+  var firstKeys = Object.keys(first || {});
+  var secondKeys = Object.keys(second || {});
+  if (firstKeys.length !== secondKeys.length) return false;
+  for (var i = 0; i < firstKeys.length; i++) {
+    if (!second[firstKeys[i]]) return false;
+  }
+  return true;
+}
+
+function createState() {
+  return { taskIds: null };
+}
+
+function emitIfChanged(state, tasks, pushEvent) {
+  var ids = taskIds(tasks);
+  if (state.taskIds === null && tasks.length === 0) {
+    state.taskIds = ids;
+    return false;
+  }
+  if (state.taskIds && sameMembership(state.taskIds, ids)) return false;
+  state.taskIds = ids;
+  pushEvent({ yokeType: "background_tasks_changed", tasks: tasks });
+  return true;
+}
+
+function poll(appServer, threadId, state, pushEvent) {
+  if (!appServer || !threadId || appServer._clayBackgroundTasksPollingDisabled) return Promise.resolve(false);
+  return appServer.send("thread/backgroundTerminals/list", { threadId: threadId }).then(function(result) {
+    return emitIfChanged(state, mapTerminals(result), pushEvent);
+  }).catch(function() {
+    appServer._clayBackgroundTasksPollingDisabled = true;
+    return false;
+  });
+}
+
+function emitReset(state, pushEvent) {
+  state.taskIds = {};
+  pushEvent({ yokeType: "background_tasks_changed", tasks: [] });
+}
+
+module.exports = {
+  createState: createState,
+  mapTerminals: mapTerminals,
+  emitIfChanged: emitIfChanged,
+  poll: poll,
+  emitReset: emitReset,
+};

package/package.json

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