clay-server 5.3.0-beta.2 → 5.3.0-beta.3

package/lib/public/css/split-view-layout.css

@@ -404,11 +404,12 @@ body.split-view-resizing .split-pane-frame { pointer-events: none; }
 .split-view-worker-popover-header strong { flex: 1; min-width: 0; font-size: 12px; }
 .split-view-worker-popover-source { padding: 0 13px 10px; color: var(--text-dimmer); font-size: 10px; }
 .split-view-worker-popover-body { flex: 1; min-height: 0; overflow: auto; padding: 14px; }
-.split-view-worker-popover-body .message { display: block; margin: 0 0 18px; padding: 0; max-width: none; }
+.split-view-worker-popover-body .message { display: flex; flex-direction: column; align-items: stretch; margin: 0 0 18px; padding: 0; max-width: none; }
 .split-view-worker-popover-body .author { display: block; margin-bottom: 4px; font-size: 11px; color: var(--text-muted); }
 .split-view-worker-popover-body .message-body { white-space: normal; overflow-wrap: anywhere; font-size: 12px; line-height: 1.65; }
 .split-view-worker-popover-body .message-body pre { white-space: pre-wrap; }
-.split-view-worker-popover-body .worker-tool-message summary { cursor: pointer; font-size: 11px; }
+.split-view-worker-popover-body .worker-tool-message pre { max-height: 280px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
+.split-view-worker-popover-body .worker-tool-message summary { cursor: pointer; font-size: 13px; }
 .split-view-worker-popover-body .worker-tool-message { padding: 6px 8px; border-radius: 5px; background: var(--bg-alt); }
 .split-view-worker-popover-footer { padding: 8px 13px; border-top: 1px solid var(--border-subtle); color: var(--text-dimmer); font-size: 10px; }
 .split-view-worker-page-status { display: block; margin-top: 3px; line-height: 1.4; }

package/lib/public/modules/app-message-cards.js

@@ -166,7 +166,7 @@ export function addUserMessage(text, images, pastes, fromUserId, fromUserName, d
 
   addToMessages(div);
   refreshIcons();
-  forceScrollToBottom();
+  forceScrollToBottom(div);
 }
 
 export function addSystemMessage(text, isError) {

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

@@ -96,7 +96,7 @@ import { renderGeneratedImage, renderImageGenerationProgress, clearImageGenerati
 import { clearPairResultStatus, handlePairResultStatus } from './pair-result-status.js';
 
 // --- App module imports ---
-import { scrollToBottom, addToMessages, addUserMessage, addSystemMessage, removeMatePreThinking, resetStreamBuffer, appendDelta, flushStreamBuffer, finalizeAssistantBlock, addConflictMessage, addContextOverflowMessage, showSuggestionChips, armStickyBottom, VENDOR_AVATARS, VENDOR_NAMES } from './app-rendering.js';
+import { scrollToBottom, addToMessages, addUserMessage, addSystemMessage, removeMatePreThinking, resetStreamBuffer, appendDelta, flushStreamBuffer, finalizeAssistantBlock, addConflictMessage, addContextOverflowMessage, showSuggestionChips, armStickyBottom, releaseTurnAnchor, VENDOR_AVATARS, VENDOR_NAMES } from './app-rendering.js';
 import { setActivity, startUrgentBlink, stopUrgentBlink, blinkSessionDot, updateCrossProjectBlink } from './app-favicon.js';
 import { setStatus } from './app-connection.js';
 import { resolveSwitchedVendor } from './pane-session.js';
@@ -1498,6 +1498,7 @@ export function processMessage(msg) {
 
       case "done":
         store.set({ turnActivity: null });
+        releaseTurnAnchor();
         removeMatePreThinking();
         setActivity(null);
         finishThinkingTurn();

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

@@ -24,7 +24,7 @@ import { hideMemory } from './mate-memory.js';
 import { isSchedulerOpen, closeScheduler, resetScheduler } from './scheduler.js';
 import { closeScheduledTasks } from './scheduled-tasks.js';
 import { connect, cancelReconnect, setStatus } from './app-connection.js';
-import { setTurnCounter, setPrependAnchor, setActivityEl, setIsUserScrolledUp, hideSuggestionChips } from './app-rendering.js';
+import { setTurnCounter, setPrependAnchor, setActivityEl, setIsUserScrolledUp, releaseTurnAnchor, hideSuggestionChips } from './app-rendering.js';
 import { resetToolState, enableMainInput, resetTurnMetaCost } from './tools.js';
 import { resetShellCommand } from './shell-command.js';
 import { clearPendingImages } from './input.js';
@@ -210,6 +210,7 @@ export function resetClientState() {
   setPrependAnchor(null);
   store.set({ loadingMore: false });
   setIsUserScrolledUp(false);
+  releaseTurnAnchor();
   document.getElementById("new-msg-btn").classList.add("hidden");
   setRewindMode(false);
   setActivity(null);

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

@@ -8,10 +8,10 @@ import { refreshIcons } from './icons.js';
 import { closeToolGroup } from './tools.js';
 import { sendMessage, hasSendableContent } from './input.js';
 import { getChatLayout } from './theme.js';
-import { addToMessages, addHistoryIndex, scrollToBottom, forceScrollToBottom, getMsgTime, shouldGroupMessage, getTurnCounter, getActivityEl } from './chat-render-runtime.js';
+import { addToMessages, addHistoryIndex, scrollToBottom, forceScrollToBottom, releaseTurnAnchor, getMsgTime, shouldGroupMessage, getTurnCounter, getActivityEl } from './chat-render-runtime.js';
 import { resolveProjectAssistantIdentity, applyProjectAssistantIdentity } from './project-chat-identity.js';
 export { VENDOR_ORDER, EXPERIMENTAL_VENDORS, isExperimentalVendor } from './vendor-priority.js';
-export { initRendering, addToMessages, addHistoryIndex, scrollToBottom, forceScrollToBottom, getMsgTime, shouldGroupMessage, getTurnCounter, setTurnCounter, getPrependAnchor, setPrependAnchor, getActivityEl, setActivityEl, getIsUserScrolledUp, setIsUserScrolledUp, getStickyBottom, armStickyBottom, disarmStickyBottom, VENDOR_AVATARS, VENDOR_NAMES, VENDOR_HOMEPAGES } from './chat-render-runtime.js';
+export { initRendering, addToMessages, addHistoryIndex, scrollToBottom, forceScrollToBottom, releaseTurnAnchor, getMsgTime, shouldGroupMessage, getTurnCounter, setTurnCounter, getPrependAnchor, setPrependAnchor, getActivityEl, setActivityEl, getIsUserScrolledUp, setIsUserScrolledUp, getStickyBottom, armStickyBottom, disarmStickyBottom, VENDOR_AVATARS, VENDOR_NAMES, VENDOR_HOMEPAGES } from './chat-render-runtime.js';
 export { addUserMessage, addSystemMessage, addConflictMessage, addContextOverflowMessage } from './app-message-cards.js';
 
 // --- Module-owned state (not in store) ---

package/lib/public/modules/chat-render-runtime.js

@@ -56,15 +56,25 @@ var stickyBottom = false;
 var stickyBottomQuietTimer = null;
 var stickyBottomCeilingTimer = null;
 var stickyBottomQuietMs = 750;
+var TURN_ANCHOR_MARGIN = 8;
 var stickyBottomCeilingMs = 8000;
 var stickyBottomResizeObs = null;
 var stickyBottomInputBound = false;
+// The sent user turn that the transcript aligns to while its reply arrives.
+var turnAnchor = null;
+// Completion keeps the clamp until the follow settles, so a final render or a
+// 'done' inside the follow window cannot jump past the sent turn.
+var turnAnchorEnded = false;
 
 function layoutScrollLock() { return store.get('paneLayoutScrollLock'); }
 
 export function beginPaneLayoutScrollLock(token, scrollTop) {
   var messagesEl = getMessagesEl();
   if (!messagesEl || !token) return false;
+  // A layout-only change must not undo a send that is still being followed:
+  // the stored reading position predates that explicit new turn, and the
+  // matching end receipt may never arrive. The follow keeps the turn visible.
+  if (stickyBottom || activeTurnAnchor(messagesEl)) return false;
   disarmStickyBottom();
   var userPosition = store.get('paneLastUserScrollTop');
   var position = Number.isFinite(userPosition) ? userPosition : Number.isFinite(scrollTop) ? Math.max(0, scrollTop) : messagesEl.scrollTop;
@@ -88,10 +98,29 @@ export function endPaneLayoutScrollLock(token) {
 
 export function getStickyBottom() { return stickyBottom; }
 
+function activeTurnAnchor(messagesEl) {
+  if (turnAnchor && (!messagesEl || turnAnchor.parentNode !== messagesEl)) { turnAnchor = null; turnAnchorEnded = false; }
+  return turnAnchor;
+}
+
+// Follow the tail, but never past the top of the sent turn: a long immediate
+// reply grows below the user's message instead of pushing it out of view.
+function followTarget(messagesEl) {
+  var anchor = activeTurnAnchor(messagesEl);
+  if (!anchor) return messagesEl.scrollHeight;
+  var top = anchor.getBoundingClientRect().top - messagesEl.getBoundingClientRect().top + messagesEl.scrollTop - TURN_ANCHOR_MARGIN;
+  return Math.min(messagesEl.scrollHeight, Math.max(0, top));
+}
+
+export function releaseTurnAnchor() {
+  if (stickyBottom && turnAnchor) turnAnchorEnded = true;
+  else { turnAnchor = null; turnAnchorEnded = false; }
+}
+
 function pinToBottomNow() {
   var messagesEl = getMessagesEl();
   if (!messagesEl) return;
-  messagesEl.scrollTop = messagesEl.scrollHeight;
+  messagesEl.scrollTop = followTarget(messagesEl);
 }
 
 function ensureStickyInfrastructure() {
@@ -110,12 +139,13 @@ function ensureStickyInfrastructure() {
   }
   if (!stickyBottomInputBound) {
     stickyBottomInputBound = true;
-    var disarmOnUserScroll = function () { disarmStickyBottom(); };
+    var disarmOnUserScroll = function () { disarmStickyBottom(); turnAnchor = null; turnAnchorEnded = false; };
     messagesEl.addEventListener("wheel", disarmOnUserScroll, { passive: true });
     messagesEl.addEventListener("touchmove", disarmOnUserScroll, { passive: true });
+    messagesEl.addEventListener("pointerdown", disarmOnUserScroll, { passive: true });
     document.addEventListener("keydown", function (event) {
-      if (!stickyBottom) return;
-      if (event.key === "PageUp" || event.key === "Home" || event.key === "ArrowUp") disarmStickyBottom();
+      if (!stickyBottom && !turnAnchor) return;
+      if (event.key === "PageUp" || event.key === "Home" || event.key === "ArrowUp") { disarmStickyBottom(); turnAnchor = null; turnAnchorEnded = false; }
     });
   }
 }
@@ -150,6 +180,7 @@ export function armStickyBottom(durationMs) {
 
 export function disarmStickyBottom() {
   stickyBottom = false;
+  if (turnAnchorEnded) { turnAnchor = null; turnAnchorEnded = false; }
   if (stickyBottomQuietTimer) { clearTimeout(stickyBottomQuietTimer); stickyBottomQuietTimer = null; }
   if (stickyBottomCeilingTimer) { clearTimeout(stickyBottomCeilingTimer); stickyBottomCeilingTimer = null; }
 }
@@ -253,6 +284,11 @@ export function scrollToBottom() {
     requestAnimationFrame(function () { if (stickyBottom && !layoutScrollLock()) pinToBottomNow(); });
     return;
   }
+  if (activeTurnAnchor(messagesEl) && !isUserScrolledUp) {
+    messagesEl.scrollTop = followTarget(messagesEl);
+    requestAnimationFrame(function () { if (!layoutScrollLock() && activeTurnAnchor(messagesEl)) messagesEl.scrollTop = followTarget(messagesEl); });
+    return;
+  }
   var distFromBottom = messagesEl.scrollHeight - messagesEl.scrollTop - messagesEl.clientHeight;
   if (distFromBottom > 150 || isUserScrolledUp) {
     if (distFromBottom > 150) isUserScrolledUp = true;
@@ -274,10 +310,14 @@ export function scrollToBottom() {
   });
 }
 
-export function forceScrollToBottom() {
+export function forceScrollToBottom(sentTurnEl) {
   if (prependAnchor || store.get('replayingHistory')) return;
-  // An explicit new turn supersedes a layout-only scroll receipt.
+  // An explicit new turn supersedes a layout-only scroll receipt and any
+  // earlier reading position.
   if (layoutScrollLock()) store.set({ paneLayoutScrollLock: null });
+  store.set({ paneLastUserScrollTop: null });
+  turnAnchor = sentTurnEl || null;
+  turnAnchorEnded = false;
   armStickyBottom(750);
   requestAnimationFrame(function () { if (stickyBottom && !layoutScrollLock()) pinToBottomNow(); });
 }

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

@@ -20,71 +20,15 @@ export function workerActivityLabel(message, names) {
     WebSearch: 'Search the web', WebFetch: 'Read web page' };
   return definition ? definition.noun : (Object.prototype.hasOwnProperty.call(generic, name) ? generic[name] : null) || (typeof name === 'string' ? name.slice(0, 120) : 'Tool activity');
 }
-function workerActivityActionIcon(message, names) {
-  var match = message.toolId && names[message.toolId];
-  var name = message.toolName || match && match.name;
-  var definition = clayToolDefinition(name);
-  if (definition && typeof definition.icon === 'string' && definition.icon) return definition.icon;
-  var generic = { Read: 'file-text', read_file: 'file-text', Edit: 'pencil', Write: 'file-plus-2',
-    Bash: 'square-terminal', exec_command: 'square-terminal', Grep: 'search', Glob: 'search', WebSearch: 'globe', WebFetch: 'globe' };
-  return Object.prototype.hasOwnProperty.call(generic, name) ? generic[name] : null;
-}
-export function appendWorkerActivity(body, messages, names) {
-  var group = document.createElement('section'); group.className = 'worker-activity-group';
-  var key = String(messages[messages.length - 1].recordIndex);
-  group.dataset.activityKey = key;
-  var toggle = document.createElement('button'); toggle.type = 'button'; toggle.className = 'worker-activity-summary';
-  toggle.dataset.disclosureKey = 'activity-' + key;
-  var activityIcon = document.createElement('i'); activityIcon.setAttribute('data-lucide', 'activity'); activityIcon.setAttribute('aria-hidden', 'true');
-  var heading = document.createElement('span'); heading.className = 'worker-activity-heading'; heading.textContent = 'Activity';
-  var count = document.createElement('span'); count.className = 'worker-activity-count'; count.textContent = messages.length + (messages.length === 1 ? ' recorded step' : ' recorded steps');
-  var chevron = document.createElement('i'); chevron.className = 'worker-activity-chevron';
-  chevron.setAttribute('data-lucide', 'chevron-down'); chevron.setAttribute('aria-hidden', 'true');
-  toggle.append(activityIcon, heading, count, chevron);
-  toggle.setAttribute('aria-expanded', 'false'); toggle.disabled = messages.length <= 2;
-  var list = document.createElement('div'); list.className = 'worker-activity-list';
-  var items = [];
-  messages.forEach(function (message) {
-    var item = document.createElement('article'); item.className = 'worker-activity-item worker-tool-message';
-    item.dataset.recordIndex = String(message.recordIndex);
-    var phase = message.isError ? 'failed' : message.recordType === 'tool_result' ? 'returned' : 'recorded';
-    item.dataset.phase = phase;
-    var row = document.createElement('div'); row.className = 'worker-activity-row';
-    var actionIcon = workerActivityActionIcon(message, names);
-    var statusIcon = phase === 'failed' ? 'circle-alert' : phase === 'returned' ? 'corner-down-left' : 'circle-dot';
-    var glyph = document.createElement('i'); glyph.className = actionIcon ? 'worker-activity-glyph' : 'worker-activity-glyph worker-activity-status'; glyph.setAttribute('aria-hidden', 'true');
-    glyph.setAttribute('data-lucide', actionIcon || statusIcon);
-    var label = document.createElement('span'); label.className = 'worker-activity-label'; label.textContent = workerActivityLabel(message, names);
-    var detail = document.createElement('span'); detail.className = 'worker-activity-detail';
-    detail.textContent = phase === 'failed' ? 'Failed' : phase === 'returned' ? 'Result returned' : 'Call recorded';
-    row.append(glyph, label, detail);
-    if (actionIcon) {
-      var status = document.createElement('i'); status.className = 'worker-activity-status';
-      status.setAttribute('data-lucide', statusIcon); status.setAttribute('aria-hidden', 'true'); row.appendChild(status);
-    }
-    var evidence = document.createElement('details'); evidence.className = 'worker-activity-evidence'; evidence.dataset.disclosureKey = 'record-' + message.recordIndex;
-    var summary = document.createElement('summary'); summary.textContent = 'Technical details';
-    var output = document.createElement('pre'); output.textContent = message.text;
-    evidence.append(summary, output); item.append(row, evidence); items.push(item); list.appendChild(item);
-  });
-  function expand(open) {
-    toggle.setAttribute('aria-expanded', String(open));
-    items.forEach(function (item, index) { item.hidden = !open && index < items.length - 2; item.inert = item.hidden; });
-  }
-  toggle.addEventListener('click', function () { expand(toggle.getAttribute('aria-expanded') !== 'true'); });
-  expand(false); group.append(toggle, list); body.appendChild(group);
-}
 export function captureWorkerDisclosures(body) {
   return {
     open: Array.from(body.querySelectorAll('details[open]')).map(function (node) { return node.dataset.disclosureKey; }),
-    groups: Array.from(body.querySelectorAll('.worker-activity-summary[aria-expanded="true"]')).map(function (node) { return node.dataset.disclosureKey; }),
     focus: document.activeElement && body.contains(document.activeElement) && (document.activeElement.dataset.disclosureKey || document.activeElement.parentElement && document.activeElement.parentElement.dataset.disclosureKey)
   };
 }
 export function restoreWorkerDisclosures(body, saved) {
   Array.from(body.querySelectorAll('[data-disclosure-key]')).forEach(function (node) {
     var key = node.dataset.disclosureKey;
-    if (saved.groups.indexOf(key) >= 0 && node.getAttribute('aria-expanded') === 'false') node.click();
     if (saved.open.indexOf(key) >= 0) node.open = true;
     if (saved.focus === key) {
       var target = node.tagName === 'DETAILS' ? node.querySelector('summary') : node;

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

@@ -1,4 +1,4 @@
-import { appendWorkerActivity, workerActivityNames } from './split-view-worker-activity.js';
+import { workerActivityLabel, workerActivityNames } from './split-view-worker-activity.js';
 import { renderMarkdown } from './markdown.js';
 
 // Reassemble bounded record fragments and contiguous streaming deltas before
@@ -17,13 +17,26 @@ export function workerTranscriptRows(messages) {
   return rows;
 }
 
-export function appendWorkerMessage(body, message) {
-  if (message.role === 'tool') { appendWorkerActivity(body, [message], workerActivityNames([message])); return; }
+export function appendWorkerMessage(body, message, names) {
+  if (message.role === 'tool') {
+    var article = document.createElement('article');
+    article.className = 'message worker-readonly-message worker-tool-message';
+    article.dataset.recordIndex = String(message.recordIndex);
+    article.dataset.phase = message.isError ? 'failed' : message.recordType === 'tool_result' ? 'returned' : 'recorded';
+    var details = document.createElement('details');
+    details.dataset.disclosureKey = 'record-' + message.recordIndex;
+    var summary = document.createElement('summary');
+    summary.textContent = workerActivityLabel(message, names || workerActivityNames([message])) +
+      (message.isError ? ' · Failed' : message.recordType === 'tool_result' ? ' · Result returned' : ' · Call recorded');
+    var output = document.createElement('pre'); output.textContent = message.text;
+    details.append(summary, output); article.appendChild(details); body.appendChild(article);
+    return;
+  }
   var article = document.createElement('article');
   article.className = 'message worker-readonly-message ' + (message.role === 'user' ? 'msg-user' : 'msg-assistant');
   if (Number.isInteger(message.recordIndex)) article.dataset.recordIndex = String(message.recordIndex);
   var author = document.createElement('strong'); author.className = 'author';
-  author.textContent = message.role === 'user' ? 'You' : 'Worker';
+  author.textContent = message.role === 'user' ? 'Driver' : 'Worker';
   var content = document.createElement('div'); content.className = 'message-body md-content';
   // Recorded HTML must not create controls, scoped overlays or active embeds.
   // Keep the shared Markdown parser and its sanitization, with a narrower
@@ -36,11 +49,6 @@ export function appendWorkerMessage(body, message) {
 }
 
 export function appendWorkerTranscript(body, messages) {
-  var rows = workerTranscriptRows(messages), names = workerActivityNames(rows), pending = [];
-  function flush() { if (pending.length) appendWorkerActivity(body, pending, names); pending = []; }
-  rows.forEach(function (message) {
-    if (message.role === 'tool') pending.push(message);
-    else { flush(); appendWorkerMessage(body, message); }
-  });
-  flush();
+  var rows = workerTranscriptRows(messages), names = workerActivityNames(rows);
+  rows.forEach(function (message) { appendWorkerMessage(body, message, names); });
 }