@oar-sh/oar 0.9.10 → 0.9.11

package/server/public/app/socket-handlers.js

@@ -20,7 +20,6 @@ import {
   updateCompactButton,
   clearPendingUserMessage,
   hasPendingUserMessageDuplicate,
-  isMessagesAtBottom,
   upsertSubagentRun,
   getSubagentRun,
   addSubagentActivity,
@@ -35,7 +34,8 @@ import {
 import { scheduleContextUsageRefresh } from './api-client.js';
 import { capLiveActivityEntries } from './activity-replay-state.mjs';
 import { publishStatusEvent, recordStatusEvent } from './status-store.mjs';
-import { clearOpenConversation, renderConvList, refreshConversations, openConversation } from './journal-view.js';
+import { clearOpenConversation, renderConvList, refreshConversations, scheduleLoadedConversationsRefresh, applyConversationGroupEvent, openConversation } from './journal-view.js';
+import { applyBackgroundTasksToConversation, applyTurnStatusToConversation } from './conversation-turn-state.mjs';
 import { applyRelayEventSubscriptions, loadRelayEventSubscriptions } from './relay-event-subscriptions-ui.js';
 import {
   upsertRelayQuestion,
@@ -45,7 +45,10 @@ import {
 import { upsertRelayBoard, loadRelayBoards, renderRelayBoards } from './relay-board-view.js';
 import { setConversationBackgroundTasks } from './background-tasks-view.mjs';
 import { setConversationPins } from './pinned-messages-view.mjs';
+import { setConversationHiddenMessages } from './hidden-messages-view.mjs';
 import { setPreviews } from './preview-cards.mjs';
+import { applyShareSettings, hasActiveShare, refreshShares } from './share-state.js';
+import { handleShareOpened, handleViewerIpsForgotten } from './shared-conversations-settings.js';
 import { setRemoteRelaysSnapshot } from './remote-relays-store.mjs';
 import { REMOTE_RELAY_SOCKET_EVENT } from './remote-relay-shared.mjs';
 import { AGENT_SESSIONS_SOCKET_EVENT } from './agent-sessions-settings.mjs';
@@ -74,6 +77,8 @@ import {
   applyConversationTurnStatus,
   renderMessages,
   appendMessage,
+  captureLiveReplyReadingPosition,
+  restoreLiveReplyReadingPosition,
   replaceRenderedMessage,
   noteTranscriptLiveRow,
   applyIncomingConversationDraftUpdate,
@@ -85,6 +90,7 @@ import {
   syncComposerButtonState,
   syncCancellableSteerButtons,
 } from './conversation-view.js';
+import { followsTranscriptEnd, noteTranscriptNews } from './transcript-jump-bottom-view.mjs';
 import { loadRepoBrowserTree, refreshRepoBrowserIfWorkspaceOpen } from './attachments-view.js';
 import { clearMessageSearchRuntimeState } from './message-search-view.js';
 import { stripRelayPromptContext } from './relay-prompt-sanitizer.mjs';
@@ -333,12 +339,17 @@ export async function connectSocket(overrideDeps) {
     setCliOnline(true);
     renderConvList();
     resyncAfterConnect();
+    // Every loaded page again, not page one only: events missed while the
+    // socket was down touched rows anywhere in the list.
+    scheduleLoadedConversationsRefresh();
     refreshSessionWorkerStatus().catch(() => {});
     refreshModelCatalog().catch(() => {});
     // An open sub-agent viewer fetches whatever it missed while away.
     handleSubagentViewerReconnect();
     // Subscriptions that changed while away.
     void loadRelayEventSubscriptions();
+    // Shares made or stopped while away.
+    void refreshShares().catch(() => {});
   });
   socket.on('connect_error', (e) => {
     setRelayOnline(false);
@@ -511,13 +522,16 @@ export async function connectSocket(overrideDeps) {
       // Another client's message (an agent's prompt included) follows the
       // end like any live row: a reader scrolled up stays where they are,
       // and the jump-to-bottom badge counts it.
-      appendMessage(normalizedMessage, isMessagesAtBottom(), messageId);
+      appendMessage(normalizedMessage, followsTranscriptEnd(), messageId);
       noteTranscriptLiveRow();
     }
   });
   socket.on('assistant_message', ({ conversationId, message, messageId, sourceMessageId }) => {
     const isCurrentConversation = conversationId === currentConvId;
-    const autoScroll = isCurrentConversation ? isMessagesAtBottom() : false;
+    const autoScroll = isCurrentConversation ? followsTranscriptEnd() : false;
+    // A reader who is not at the end keeps what they read where it is while
+    // the reply takes the live bubble's place.
+    const reading = isCurrentConversation && !autoScroll ? captureLiveReplyReadingPosition() : null;
     // A background conversation finishing its turn must not wipe the viewed
     // conversation's live bubble.
     if (isCurrentConversation) {
@@ -536,9 +550,13 @@ export async function connectSocket(overrideDeps) {
         message.thoughts = mergedThoughts;
       }
     }
-    if (messageId && seenMessageIds?.has(messageId)) return;
+    if (messageId && seenMessageIds?.has(messageId)) {
+      restoreLiveReplyReadingPosition(reading);
+      return;
+    }
     if (isCurrentConversation) {
       appendMessage(message, autoScroll, messageId || null, false, sourceMessageId || null);
+      restoreLiveReplyReadingPosition(reading);
       noteTranscriptLiveRow();
       scheduleContextUsageRefresh(conversationId, 120);
     }
@@ -558,7 +576,7 @@ export async function connectSocket(overrideDeps) {
   socket.on('message_updated', ({ conversationId, messageId, message }) => {
     if (!messageId || conversationId !== currentConvId || !message) return;
     if (!replaceRenderedMessage(message, messageId)) {
-      appendMessage(message, isMessagesAtBottom(), messageId, false);
+      appendMessage(message, followsTranscriptEnd(), messageId, false);
     }
     noteTranscriptLiveRow();
   });
@@ -578,17 +596,49 @@ export async function connectSocket(overrideDeps) {
   });
   socket.on('background_tasks', ({ conversationId, tasks }) => {
     setConversationBackgroundTasks(conversationId, tasks);
+    // The sidebar's row (and its group's head) count background work as
+    // running; the set arrives under the conversation or its session id.
+    const id = String(conversationId || '').trim();
+    const record = conversations[id]
+      || Object.values(conversations).find((conversation) => String(conversation?.sdkSessionId || '') === id)
+      || null;
+    if (record && applyBackgroundTasksToConversation(record, tasks)) renderConvList();
   });
   // A message was pinned or unpinned (any client): the conversation's whole
   // pin list, replacing what this page had.
   socket.on('conversation_pins_updated', ({ conversationId, pins, revision }) => {
     setConversationPins(conversationId, pins, revision);
   });
+  // A message was hidden from or shown to shared viewers (any client): the
+  // conversation's whole hidden list, replacing what this page had.
+  socket.on('conversation_hidden_messages_updated', ({ conversationId, hiddenMessages, revision }) => {
+    setConversationHiddenMessages(conversationId, hiddenMessages, revision);
+  });
   // REPLACE semantics for the whole set: the preview registry is relay-owned
   // and global, so every change ships the full list.
   socket.on('previews', ({ previews }) => {
     setPreviews(previews);
   });
+  // Public shares: the events name the conversation only; the list (Settings
+  // → Sharing, the ⋯ menu's Stop sharing) is read again.
+  for (const event of ['share_created', 'share_renewed', 'share_revoked']) {
+    socket.on(event, () => {
+      void refreshShares().catch(() => {});
+    });
+  }
+  // A deleted conversation takes its share along.
+  socket.on('conversation_deleted', ({ conversationId } = {}) => {
+    if (hasActiveShare(conversationId)) void refreshShares().catch(() => {});
+  });
+  socket.on('share_opened', ({ conversationId } = {}) => {
+    handleShareOpened(conversationId);
+  });
+  socket.on('share_settings_changed', (payload) => {
+    applyShareSettings(payload || null);
+  });
+  socket.on('share_viewer_ips_forgotten', () => {
+    handleViewerIpsForgotten();
+  });
   // REPLACE semantics too: the relay ships the whole remote-relay list (no
   // tokens) whenever a remote is added, removed, renamed or changes status.
   socket.on(REMOTE_RELAY_SOCKET_EVENT, (payload) => {
@@ -613,16 +663,17 @@ export async function connectSocket(overrideDeps) {
     const last = items[items.length - 1];
     const lastText = typeof last === 'string' ? last : String(last?.text || '');
     const lastSubagentRunId = typeof last === 'object' && last ? (last.subagentRunId || null) : null;
-    if (lastText !== entry.text || lastSubagentRunId !== entry.subagentRunId) {
-      relayActivities.set(messageId, capLiveActivityEntries(items.concat(entry)));
-    }
+    // The same line again (a repeated event) adds nothing.
+    const added = lastText !== entry.text || lastSubagentRunId !== entry.subagentRunId;
+    if (added) relayActivities.set(messageId, capLiveActivityEntries(items.concat(entry)));
     if (entry.subagentRunId) {
       upsertSubagentRun({ subagentRunId: entry.subagentRunId, messageId, conversationId });
       addSubagentActivity(entry.subagentRunId, entry.text);
     }
     if (conversationId === currentConvId) {
-      const autoScroll = isMessagesAtBottom();
+      const autoScroll = followsTranscriptEnd();
       appendThinkingActivity(entry, entry.subagentRunId, autoScroll);
+      if (added && !autoScroll) noteTranscriptNews();
     }
   });
   socket.on('relay_stream', ({ conversationId, messageId, text, done, seq, subagentRunId }) => {
@@ -631,8 +682,8 @@ export async function connectSocket(overrideDeps) {
       upsertSubagentRun({ subagentRunId: String(subagentRunId).trim(), messageId, conversationId });
     }
     if (conversationId !== currentConvId) return;
-    const autoScroll = isMessagesAtBottom();
-    applyRelayStreamEvent({
+    const autoScroll = followsTranscriptEnd();
+    const accepted = applyRelayStreamEvent({
       messageId,
       text: String(text || ''),
       done: !!done,
@@ -640,11 +691,16 @@ export async function connectSocket(overrideDeps) {
       subagentRunId: subagentRunId ? String(subagentRunId).trim() : null,
       autoScroll,
     });
+    // A frame that was dropped (out of order, a finished turn) is no news.
+    if (accepted && !autoScroll) noteTranscriptNews();
   });
   socket.on('relay_thought', ({ conversationId, messageId, reasoningId, text, done, subagentRunId }) => {
     if (!messageId) return;
     const key = String(reasoningId || 'reasoning');
     const thoughtMap = relayThoughts.get(messageId) || new Map();
+    const known = thoughtMap.get(key);
+    // The same thought again (a repeated event) adds nothing.
+    const added = !known || known.text !== String(text || '') || known.done !== !!done;
     thoughtMap.set(key, { reasoningId: key, text: String(text || ''), done: !!done, subagentRunId: subagentRunId || null });
     relayThoughts.set(messageId, thoughtMap);
     if (subagentRunId) {
@@ -652,8 +708,9 @@ export async function connectSocket(overrideDeps) {
       addSubagentThought(subagentRunId, { reasoningId: key, text: String(text || ''), done: !!done });
     }
     if (conversationId === currentConvId) {
-      const autoScroll = isMessagesAtBottom();
+      const autoScroll = followsTranscriptEnd();
       appendThinkingThought(key, String(text || ''), !!done, subagentRunId, autoScroll);
+      if (added && !autoScroll) noteTranscriptNews();
     }
   });
   socket.on('subagent_status', (payload = {}) => {
@@ -770,6 +827,9 @@ export async function connectSocket(overrideDeps) {
     applyConversationTurnStatus({ conversationId, messageId, status });
     if (conversationId && conversations[conversationId]) {
       const conversation = conversations[conversationId];
+      // The row's turn fields follow the event, open or not: the dots, a
+      // group head's pill and its fold read them between list fetches.
+      applyTurnStatusToConversation(conversation, normalizedStatus);
       if (normalizedStatus === 'processing') {
         conversation.localTurnStatus = 'processing';
         conversation.localTurnStatusUpdatedAt = Date.now();
@@ -785,7 +845,7 @@ export async function connectSocket(overrideDeps) {
       }
     }
     if (conversationId === currentConvId && normalizedStatus === 'processing') {
-      const autoScroll = isMessagesAtBottom();
+      const autoScroll = followsTranscriptEnd();
       showThinking(messageId || null, autoScroll);
       renderThinkingActivities();
       renderThinkingThoughts();
@@ -821,6 +881,12 @@ export async function connectSocket(overrideDeps) {
     }
     renderConvList();
   });
+  // A session group changed (a member joined or left, a name, a dissolve,
+  // here or from another device): every loaded page is fetched again with
+  // its groups, so a row far down the list changes too.
+  socket.on('conversation_group_changed', (payload) => {
+    applyConversationGroupEvent(payload);
+  });
   socket.on('conversation_archived', ({ conversationId, archived }) => {
     const id = String(conversationId || '').trim();
     if (!id) return;

package/server/public/app/store.js

@@ -5,6 +5,7 @@ import { readRepoBrowserPreferences } from './repo-browser-preferences.mjs';
 import { isChatInteractionHeld } from './selection-guard.mjs';
 import { nextSubagentStatus } from './subagent-fold.mjs';
 import { useStrictStrikethrough } from './markdown-strikethrough.mjs';
+import { parseGroupFoldChoices, pruneGroupFoldChoices } from './conversation-group-state.mjs';
 
 function resolveAppBase() {
   const configuredBase = typeof window.__COPILOT_APP_CONFIG?.basePath === 'string'
@@ -16,6 +17,8 @@ function resolveAppBase() {
   const pathname = String(window.location.pathname || '/');
   const sharedIndex = pathname.indexOf('/shared/');
   if (sharedIndex >= 0) return pathname.slice(0, sharedIndex).replace(/\/+$/, '');
+  const previewIndex = pathname.indexOf('/share-preview/');
+  if (previewIndex >= 0) return pathname.slice(0, previewIndex).replace(/\/+$/, '');
   return pathname.replace(/\/+$/, '');
 }
 
@@ -32,8 +35,24 @@ function resolveSharedConversationToken() {
   if (configured) return configured;
   return extractSharedTokenFromPathname(window.location.pathname);
 }
-export const SHARED_CONVERSATION_TOKEN = resolveSharedConversationToken();
-export const IS_SHARED_VIEW = !!SHARED_CONVERSATION_TOKEN;
+// "Preview as shared": the owner reads a conversation as a share link would
+// serve it (marked redactions), through the owner-only preview routes. It is a
+// shared view in every other respect.
+function resolveSharePreviewConversationId() {
+  const configured = String(window.__COPILOT_APP_CONFIG?.sharePreviewConversationId || '').trim();
+  if (configured) return configured;
+  const match = String(window.location.pathname || '/').match(/\/share-preview\/([^/?#]+)\/?$/i);
+  if (!match) return '';
+  try {
+    return decodeURIComponent(String(match[1] || '')).trim();
+  } catch {
+    return '';
+  }
+}
+export const SHARE_PREVIEW_CONVERSATION_ID = resolveSharePreviewConversationId();
+export const IS_SHARE_PREVIEW = !!SHARE_PREVIEW_CONVERSATION_ID;
+export const SHARED_CONVERSATION_TOKEN = IS_SHARE_PREVIEW ? '' : resolveSharedConversationToken();
+export const IS_SHARED_VIEW = !!SHARED_CONVERSATION_TOKEN || IS_SHARE_PREVIEW;
 export let TOKEN = '';
 export let socket = null;
 export let currentConvId = null;
@@ -82,6 +101,9 @@ export let updateState = null;
 export let activeRuntimeSessionCount = 0;
 export let runtimeSessionBindingCount = 0;
 export let conversations = {};
+// Session groups by id, as the list payload describes them (`groups`):
+// name, display name, head and member counts. Merged with every page.
+export const conversationGroups = {};
 export let selectedAttachments = [];
 export let imageEditTarget = null;
 export const RELAY_QUESTION_POLL_MS = 3000;
@@ -172,6 +194,8 @@ const SIDEBAR_WIDTH_PERCENT_FALLBACK = 24;
 const SIDEBAR_WIDTH_PORTRAIT_STORAGE_KEY = 'copilot_sidebar_width_pct_portrait';
 const SIDEBAR_WIDTH_LANDSCAPE_STORAGE_KEY = 'copilot_sidebar_width_pct_landscape';
 const SIDEBAR_COLLAPSED_DESKTOP_STORAGE_KEY = 'copilot_sidebar_collapsed_desktop';
+// The user's fold choices for session groups in the sidebar: { [groupId]: 'open' | 'folded' }.
+const CONVERSATION_GROUP_FOLDS_STORAGE_KEY = 'copilot_conv_group_folds';
 let sidebarWidthPercent = SIDEBAR_WIDTH_PERCENT_FALLBACK;
 const CONVERSATION_SCROLL_STORAGE_PREFIX = 'copilot_message_scroll_';
 
@@ -197,6 +221,59 @@ export function setCurrentConv(id) {
   updateCompactButton();
 }
 
+/** Merges a list payload's `groups` (by id) into the known session groups. */
+export function mergeConversationGroups(groups) {
+  if (!groups || typeof groups !== 'object') return;
+  for (const [groupId, group] of Object.entries(groups)) {
+    const id = String(groupId || '').trim();
+    if (!id || !group || typeof group !== 'object') continue;
+    conversationGroups[id] = { ...(conversationGroups[id] || {}), ...group, id };
+  }
+}
+
+/** Forgets a session group the relay no longer lists. */
+export function forgetConversationGroup(groupId) {
+  delete conversationGroups[String(groupId || '').trim()];
+}
+
+/**
+ * Keeps only the groups that a loaded row still belongs to: after a list
+ * refresh a dissolved group has no row left, and the picker must not offer
+ * it. Returns the ids dropped.
+ */
+export function pruneConversationGroups(keepGroupIds) {
+  const keep = new Set((Array.isArray(keepGroupIds) ? keepGroupIds : []).map((id) => String(id || '').trim()).filter(Boolean));
+  const dropped = [];
+  for (const id of Object.keys(conversationGroups)) {
+    if (keep.has(id)) continue;
+    delete conversationGroups[id];
+    dropped.push(id);
+  }
+  return dropped;
+}
+
+export function readConversationGroupFoldChoices() {
+  return parseGroupFoldChoices(localStorage.getItem(CONVERSATION_GROUP_FOLDS_STORAGE_KEY) || '');
+}
+
+// The stored fold choices are trimmed to the loaded groups only past this
+// size: a choice for a group on an older page or in the other view must
+// not go with every toggle.
+const CONVERSATION_GROUP_FOLDS_MAX = 300;
+
+/** Stores the user's fold choice for a group. */
+export function setConversationGroupFoldChoice(groupId, choice) {
+  const id = String(groupId || '').trim();
+  if (!id) return;
+  let next = readConversationGroupFoldChoices();
+  if (Object.keys(next).length > CONVERSATION_GROUP_FOLDS_MAX) {
+    next = pruneGroupFoldChoices(next, [...Object.keys(conversationGroups), id]);
+  }
+  if (choice === 'open' || choice === 'folded') next[id] = choice;
+  else delete next[id];
+  localStorage.setItem(CONVERSATION_GROUP_FOLDS_STORAGE_KEY, JSON.stringify(next));
+}
+
 export function setConversationWatcherCount(conversationId, count) {
   const id = String(conversationId || '').trim();
   if (!id) return;
@@ -612,37 +689,18 @@ export function getMessagesDistanceFromBottom() {
   return Math.max(0, el.scrollHeight - el.clientHeight - el.scrollTop);
 }
 
-function resolveMessagesNearBottomThreshold(el, thresholdPx = null) {
-  if (Number.isFinite(Number(thresholdPx)) && Number(thresholdPx) >= 0) {
-    return Math.trunc(Number(thresholdPx));
-  }
-  return resolveNearBottomThresholdPx(el?.clientHeight);
-}
-
-export function isMessagesNearBottom(thresholdPx = null) {
-  const el = document.getElementById('messages');
-  if (!el) return true;
-  const distance = Math.max(0, el.scrollHeight - el.clientHeight - el.scrollTop);
-  const threshold = resolveMessagesNearBottomThreshold(el, thresholdPx);
-  return distance <= threshold;
-}
-
-export function isMessagesAtBottom(epsilonPx = 1) {
+/**
+ * "At the end" of the transcript, wherever that is decided: within the
+ * near-bottom margin (8% of the viewport, between 12 and 48 px). One margin
+ * and no parameter: a caller with a margin of its own (there was one with
+ * 80 px, one with 1 px, and a default that read as 0 px) breaks the rule that
+ * the transcript follows a reader who is at the end and nobody else.
+ */
+export function isMessagesNearBottom() {
   const el = document.getElementById('messages');
   if (!el) return true;
-  const epsilon = Math.max(0, Number.isFinite(Number(epsilonPx)) ? Number(epsilonPx) : 1);
   const distance = Math.max(0, el.scrollHeight - el.clientHeight - el.scrollTop);
-  return distance <= epsilon;
-}
-
-export function scrollBottomAfterSend() {
-  scrollBottom();
-  requestAnimationFrame(() => {
-    scrollBottom();
-  });
-  setTimeout(() => {
-    scrollBottom();
-  }, 120);
+  return distance <= resolveNearBottomThresholdPx(el.clientHeight);
 }
 
 export function isMobileComposerViewport() {
@@ -944,8 +1002,16 @@ function buildSessionWorkerStateHash(map) {
 
 let sessionWorkerStateHash = '';
 
+// Whether a status poll has answered yet: before that, a session's reported
+// background work is taken as it is; after it, only a live worker carries it.
+let sessionWorkerStatusKnown = false;
+export function hasSessionWorkerStatus() {
+  return sessionWorkerStatusKnown;
+}
+
 export function setSessionWorkerStatesFromStatusPayload(payload) {
   const workers = Array.isArray(payload?.workers) ? payload.workers : [];
+  sessionWorkerStatusKnown = true;
   const next = new Map();
   for (const worker of workers) {
     const normalized = normalizeWorkerStateEntry(worker);

package/server/public/app/subagent-row.mjs

@@ -60,9 +60,9 @@ export function isRunningSubagentStatus(status) {
 
 /**
  * The row for one run. `clickable` makes the title the button that opens the
- * viewer (`data-subagent-open`); a shared view, which cannot read the record,
- * passes false. `context` lands in a class so the bubble and the viewer can
- * size the row differently.
+ * viewer (`data-subagent-open`); a shared view opens it too, read-only,
+ * through the share's sub-agent route. `context` lands in a class so the
+ * bubble and the viewer can size the row differently.
  */
 export function subagentRowHtml(run, { context = 'bubble', clickable = true, now = Date.now() } = {}) {
   const runId = String(run?.subagentRunId || '').trim();

package/server/public/app/subagent-viewer.mjs

@@ -9,8 +9,12 @@
 // and drops on a backed-up connection; a missed event shows up as a hole in
 // the seq numbers and is fetched again, and so is the end of a run. Full-screen on
 // phones; Escape, ×, a click outside and the system back close it.
+//
+// A shared view (and the owner's "Preview as shared") opens it read-only: the
+// record comes filtered from the share's sub-agent route, without a socket, so
+// a running agent's record is read again every few seconds; no Stop.
 
-import { apiFetch, cancelSubagentRun } from './api-client.js';
+import { apiFetch, cancelSubagentRun, loadSharedSubagentRecord } from './api-client.js';
 import { renderMarkdownPreview } from './router.js';
 import { currentConvId, getSubagentRun, IS_SHARED_VIEW, upsertSubagentRun } from './store.js';
 import { createViewerHistory } from './viewer-history.mjs';
@@ -30,6 +34,7 @@ import {
 const PAGE_LIMIT = 500;
 const MAX_PAGES = 10;
 const STOP_PENDING_MS = 15_000;
+const SHARED_POLL_MS = 3_000;
 
 const viewer = {
   open: false,
@@ -44,6 +49,7 @@ const viewer = {
   stopping: false,
   stopTimer: null,
   tickTimer: null,
+  sharedPollTimer: null,
   openFolds: new Set(),
 };
 
@@ -146,7 +152,7 @@ function buildEntryNode(entry) {
     renderMarkdown,
     children: viewer.children,
     openDetails: viewer.openFolds.has(entry.seq),
-    clickable: !IS_SHARED_VIEW,
+    clickable: true,
   });
   return holder.firstElementChild;
 }
@@ -215,6 +221,21 @@ function applyRunHeader(header) {
   }
   renderHeader();
   syncTicker();
+  syncSharedPoll();
+}
+
+// Without a socket a running record is read again while it is on screen.
+function syncSharedPoll() {
+  const want = IS_SHARED_VIEW && viewer.open && runIsRunning(viewer.run);
+  if (want && !viewer.sharedPollTimer) {
+    viewer.sharedPollTimer = setInterval(() => {
+      if (!viewer.loading && document.visibilityState !== 'hidden') void fetchRecord();
+    }, SHARED_POLL_MS);
+  }
+  if (!want && viewer.sharedPollTimer) {
+    clearInterval(viewer.sharedPollTimer);
+    viewer.sharedPollTimer = null;
+  }
 }
 
 /**
@@ -231,7 +252,9 @@ async function fetchRecord({ fromStart = false } = {}) {
   renderStatus();
   try {
     for (let page = 0; page < MAX_PAGES; page += 1) {
-      const data = await apiFetch(`/api/conversation/${encodeURIComponent(conversationId)}/subagent/${encodeURIComponent(runId)}?after=${after}&limit=${PAGE_LIMIT}`);
+      const data = IS_SHARED_VIEW
+        ? await loadSharedSubagentRecord(runId, { after, limit: PAGE_LIMIT })
+        : await apiFetch(`/api/conversation/${encodeURIComponent(conversationId)}/subagent/${encodeURIComponent(runId)}?after=${after}&limit=${PAGE_LIMIT}`);
       if (token !== viewer.fetchToken || !viewer.open || viewer.state?.runId !== runId) return;
       if (!data) {
         viewer.error = viewer.state.entries.size ? '' : 'This agent\'s record could not be loaded.';
@@ -272,7 +295,7 @@ async function loadRun(runId) {
   renderHeader();
   renderStatus();
   // Joined before the read, so nothing sent in between is lost.
-  await viewerWatch.watch(viewer.conversationId, id);
+  if (!IS_SHARED_VIEW) await viewerWatch.watch(viewer.conversationId, id);
   if (!viewer.open || viewer.state?.runId !== id) return;
   await fetchRecord({ fromStart: true });
   // A finished record reads from the top; a running one follows its end.
@@ -317,6 +340,7 @@ export function closeSubagentViewer({ fromHistory = false } = {}) {
   viewer.children = new Map();
   clearTimeout(viewer.stopTimer);
   syncTicker();
+  syncSharedPoll();
   if (!fromHistory) viewerHistory?.closed();
 }
 
@@ -338,7 +362,7 @@ async function openParent() {
 
 async function stopRun() {
   const run = viewer.run;
-  if (!run || viewer.stopping || !runIsRunning(run)) return;
+  if (IS_SHARED_VIEW || !run || viewer.stopping || !runIsRunning(run)) return;
   viewer.stopping = true;
   renderHeader();
   const task = liveTaskFor(run);
@@ -475,7 +499,7 @@ export function initSubagentViewer() {
   // (a child row) opens that child in place.
   document.addEventListener('click', (event) => {
     const trigger = event.target?.closest?.('[data-subagent-open]');
-    if (!trigger || IS_SHARED_VIEW) return;
+    if (!trigger) return;
     event.preventDefault();
     event.stopPropagation();
     const runId = trigger.getAttribute('data-subagent-open');

package/server/public/app/thinking-follow.js

@@ -7,7 +7,6 @@
 // per conversation for the life of the page.
 
 import { isChatInteractionHeld } from './selection-guard.mjs';
-import { AGENT_EXCHANGE_CLOSED_CLASS } from './agent-exchange-fold-view.mjs';
 
 export const THINKING_FOLLOW_MODES = Object.freeze(['thoughts', 'stream', 'tools']);
 export const THINKING_FOLLOW_BOTTOM_GAP_PX = 16;
@@ -109,9 +108,6 @@ function resolveTarget(mode) {
   const el = document.querySelector(selector);
   if (!el) return null;
   if (el.hidden || el.closest?.('[hidden]')) return null;
-  // Nor does a live bubble folded into an agent exchange: it has no box, and
-  // following it would scroll the pane to the top.
-  if (el.closest?.(`.${AGENT_EXCHANGE_CLOSED_CLASS}`)) return null;
   // A collapsed <details> or an empty list has nothing to follow yet.
   const details = el.closest?.('details');
   if (details && !details.open) return null;