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

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); });
 }

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

@@ -71,6 +71,54 @@ export function workerRemovalTarget(container, driverOrigin, workerOrigin, gener
     bindingGeneration: source.binding.generation, bindingRequestId: source.binding.requestId,
     viewRevision: store.get('projectSplitViewRevision'), socketGeneration: store.get('projectSplitViewSocketGeneration') };
 }
+// One introduction per Driver in this page, independent of transcript refreshes.
+export function showCreatedWorkerViewer(group) {
+  var state = store.snap(), roles = splitGroupRoles(group);
+  if (!roles || state.paneMode || state.dmMode || state.replayingHistory || !state.connected ||
+      state.activeSessionId !== roles.driverId || document.hidden) return;
+  var workerId = roles.workerIds[roles.workerIds.length - 1];
+  var worker = sessions().find(function (item) { return item.id === workerId; });
+  var anchors = group.pairAnchors, anchor = anchors && (anchors.workers || [anchors.worker])[roles.workerIds.length - 1];
+  var origin = worker && worker.sessionOriginId || anchor && anchor.origin;
+  if (!origin) return;
+  var driverIdentity = sessions().find(function (item) { return item.id === roles.driverId; });
+  var driverOrigin = driverIdentity && driverIdentity.sessionOriginId || anchors && anchors.driver && anchors.driver.origin;
+  if (!driverOrigin) return;
+  var key = JSON.stringify([state.myUserId, state.currentSlug, driverOrigin]);
+  var seen = state.introducedWorkerDrivers || [];
+  if (seen.indexOf(key) >= 0) return;
+  store.set({ introducedWorkerDrivers: seen.concat(key).slice(-64) });
+  if (state.createdWorkerViewer || state.splitViewWorkerConversation) return;
+  store.set({ createdWorkerViewer: { driverId: roles.driverId, driverOrigin: driverOrigin, workerId: workerId, workerOrigin: origin,
+    generation: worker ? worker.workerGeneration : null,
+    ownerId: state.myUserId, slug: state.currentSlug, socketGeneration: state.projectSplitViewSocketGeneration } });
+  var driver = sessions().find(function (item) { return item.id === roles.driverId; });
+  var pane = driver && document.querySelector('.split-pane[data-session-origin="' + CSS.escape(driver.sessionOriginId) + '"]');
+  if (pane) renderPaneWorkers(pane, driver);
+}
+function introduceWorkerViewer(container, driver) {
+  var pending = store.get('createdWorkerViewer'), state = store.snap();
+  if (!pending || pending.driverId !== driver.id) return;
+  var worker = sessions().find(function (item) { return item.id === pending.workerId; });
+  if (!worker) return;
+  store.set({ createdWorkerViewer: null });
+  var group = (state.splitGroups || []).find(function (item) {
+    var roles = splitGroupRoles(item);
+    return roles && roles.driverId === driver.id && roles.workerIds.indexOf(worker.id) >= 0;
+  });
+  if (!group || driver.sessionOriginId !== pending.driverOrigin || worker.sessionOriginId !== pending.workerOrigin || pending.generation !== null && worker.workerGeneration !== pending.generation ||
+      state.splitViewWorkerConversation || document.hidden || !container.isConnected || container.hidden || container.inert ||
+      driver.hidden || worker.hidden || exactWorker(driver, worker.sessionOriginId, worker.workerGeneration) !== worker) return;
+  var chip = Array.from(container.querySelectorAll('.split-view-worker-chip')).find(function (item) { return item.dataset.workerOrigin === worker.sessionOriginId; });
+  if (chip) open(chip, driver, worker, false);
+}
+function syncWorkerSelection() {
+  var state = store.get('splitViewWorkerConversation');
+  document.querySelectorAll('.split-view-worker-chip').forEach(function (chip) {
+    chip.setAttribute('aria-expanded', String(!!state && chip.dataset.workerOrigin === state.workerOriginId &&
+      chip.dataset.workerGeneration === String(state.generation)));
+  });
+}
 function popover() { return document.getElementById("split-view-worker-popover"); }
 function close(returnFocus) {
   var state = store.get('splitViewWorkerConversation');
@@ -84,6 +132,7 @@ function close(returnFocus) {
   if (state.fillTimer) clearTimeout(state.fillTimer);
   if (state.requestTimer) clearTimeout(state.requestTimer);
   store.set({ splitViewWorkerConversation: null });
+  syncWorkerSelection();
   var element = popover(); if (element) element.remove();
   if (returnFocus) {
     var chip = document.querySelector('.split-pane[data-session-origin="' + CSS.escape(state.driverOriginId) + '"] [data-worker-origin="' + CSS.escape(state.workerOriginId) + '"]');
@@ -135,7 +184,7 @@ function requestPage(state, before, append, refresh) {
     }
   }
 }
-function open(chip, driver, worker) {
+function open(chip, driver, worker, takeFocus) {
   var existing = store.get('splitViewWorkerConversation');
   if (existing && existing.driverOriginId === driver.sessionOriginId && existing.workerOriginId === worker.sessionOriginId && existing.generation === worker.workerGeneration) { close(true); return; }
   if (existing) close(false);
@@ -146,7 +195,8 @@ function open(chip, driver, worker) {
   store.set({ splitViewWorkerConversation: state }); ensurePopover(); renderContent();
   var element = popover(); position(element, chip);
   requestPage(state, undefined, false);
-  var closeButton = element && element.querySelector('[aria-label="Close Worker conversation"]'); if (closeButton) closeButton.focus();
+  syncWorkerSelection();
+  var closeButton = element && element.querySelector('[aria-label="Close Worker conversation"]'); if (closeButton && takeFocus !== false) closeButton.focus();
 }
 function ensurePopover() {
   var state = store.get('splitViewWorkerConversation');
@@ -368,6 +418,7 @@ export function renderPaneWorkers(container, driver) {
     });
     root.appendChild(controls);
   }
+  introduceWorkerViewer(container, driver);
   var conversation = store.get('splitViewWorkerConversation');
   if (conversation) ensurePopover();
 }
@@ -386,6 +437,11 @@ window.addEventListener("scroll", function (event) {
   reanchorPopover();
 }, true);
 store.subscribe(function (state, previous) {
+  var introduction = state.createdWorkerViewer;
+  if (introduction && (!state.connected || introduction.slug !== state.currentSlug || introduction.ownerId !== state.myUserId ||
+      introduction.socketGeneration !== state.projectSplitViewSocketGeneration || introduction.driverId !== state.activeSessionId)) {
+    store.set({ createdWorkerViewer: null });
+  }
   if (state.paneBindingSessions !== previous.paneBindingSessions || state.connected !== previous.connected) {
     document.querySelectorAll('.split-view-worker-chip').forEach(function (chip) {
       var worker = sessions().find(function (item) { return item.sessionOriginId === chip.dataset.workerOrigin; });

package/lib/public/modules/worker-created-presentation.js

@@ -1,4 +1,5 @@
 // New execution pairs keep the Driver's current presentation; Workers live in pills.
+import { showCreatedWorkerViewer } from './split-view-workers.js';
 import { store } from './store.js';
 import { getWs } from './ws-ref.js';
 import { getCachedSessions } from './sidebar-sessions.js';
@@ -24,6 +25,7 @@ function reconcileCreatedWorkerPresentation() {
     (session.ownerId || null) === (state.myUserId || null); });
   if (state.sessionListProjectSlug !== state.currentSlug || !driver || !driver.sessionOriginId || !getWs() || getWs().readyState !== 1) return false;
   store.set({ createdWorkerPresentation: null });
+  showCreatedWorkerViewer(pending.group);
   if (state.activeSessionId === driver.id && !state.splitPanes) return true;
   var view = (state.projectSplitViews || []).find(function (item) {
     return item.sessions.some(function (ref) { return ref.id === driver.id && ref.sessionOriginId === driver.sessionOriginId; });