@oar-sh/oar 0.9.10 → 0.9.12

package/server/public/app/bootstrap.js

@@ -1,4 +1,5 @@
 import {
+  BASE,
   CLIENT_ID,
   currentConvId,
   conversations,
@@ -24,7 +25,7 @@ import {
   showTransientRelayNotice,
   applyContextUsageBar,
   scrollBottom,
-  isMessagesAtBottom,
+  isMessagesNearBottom,
   setHistoryRefreshInFlight,
   isHistoryRefreshInFlight,
   setSummaryModalLoading,
@@ -42,18 +43,28 @@ import {
   loadConversationScrollTop,
   loadConversationLoadedMessageCount,
   saveConversationScrollTop,
+  loadConversationReadingAnchor,
+  saveConversationReadingAnchor,
   getSessionWorkerState,
   resolveConversationUiState,
   summaryModalState,
   IS_SHARED_VIEW,
+  IS_SHARE_PREVIEW,
   SHARED_CONVERSATION_TOKEN,
   getConversationWatcherCount,
   generateId,
   imageEditTarget,
   hasPendingUserMessageForConversation,
 } from './store.js';
-import { createTranscriptResizeKeeper } from './transcript-viewport-anchor.mjs';
-import { initTranscriptJumpToBottom } from './transcript-jump-bottom-view.mjs';
+import {
+  captureReadingBlock,
+  createTranscriptResizeKeeper,
+  restoreReadingBlock,
+} from './transcript-viewport-anchor.mjs';
+import { initTranscriptJumpToBottom, onTranscriptEndLeft } from './transcript-jump-bottom-view.mjs';
+import { syncScrollOnSendToggle, updateScrollOnSendSetting } from './transcript-jump-bottom.mjs';
+import { previewWindowRetention, syncWindowRetentionSlider, updateWindowRetention } from './conversation-window-retention.mjs';
+import { conversationPayloadCache, mergeReloadIntoWindow } from './conversation-payload-cache.mjs';
 import {
   verifyExistingSession,
   verifyToken,
@@ -92,6 +103,9 @@ import {
   isArchivedConversationsView,
   refreshNewConversationCloudRepoList,
   openOriginConversation,
+  openConversationGroupPicker,
+  toggleConversationGroupFold,
+  isConversationWorking,
 } from './journal-view.js';
 import {
   loadRelayQuestions,
@@ -126,13 +140,18 @@ import {
   conversationHasActiveTurn,
   focusConversationMessageById,
   syncRenderedPinState,
+  syncRenderedShareVisibility,
   isConversationWindowAtTail,
   getTranscriptJumpEpoch,
   getTranscriptLiveRowEpoch,
-  syncAgentExchangeFoldsNow,
+  getHeldBackLiveRowIds,
+  captureConversationReadingAnchor,
+  canMergeIntoTranscript,
 } from './conversation-view.js';
 import { loadKeepingLiveRows } from './transcript-reload-freshness.mjs';
+import { newerPageReachesEnd } from './transcript-island.mjs';
 import { initPinnedMessagesView, setPinsConversation } from './pinned-messages-view.mjs';
+import { initHiddenMessagesView, setHiddenMessagesConversation } from './hidden-messages-view.mjs';
 import { bindChatSelectionGuard, chatSelectionGuard, isChatInteractionHeld } from './selection-guard.mjs';
 import { loadRepoBrowserTree, openRepoBrowser, closeRepoBrowser, setRepoBrowserSessionInfo, resetWorkspaceRepoBrowserForRootChange } from './attachments-view.js';
 import { handleAttachmentInput, retryAttachmentUpload, openAnnotateEditorForPending, openAnnotateEditorForPreview, handleComposerPaste, handleComposerDrop, refreshComposerAttachmentWarning, removeAttachment, clearAttachments, openUploadedAttachmentViewer, setFilePreviewMode, toggleFilePreviewHtml, copyFilePreviewImage, closeFilePreview, goBackFilePreview, openWorkspaceFilePreview, openWorkspaceFilePreviewFromRepo, setRepoBrowserRoot, setRepoBrowserViewMode, toggleRepoBrowserHidden, toggleRepoBrowserHeavy, refreshRepoBrowser, focusRepoTree, setRepoCurrentPath, confirmRepoBrowserCwdPick, startRepoNewFolder } from './attachments-view.js';
@@ -179,6 +198,8 @@ import {
   closeMessageSearchModal,
 } from './message-search-view.js';
 import { initSubagentViewer } from './subagent-viewer.mjs';
+import { initTaskConsole } from './task-console.mjs';
+import { watchPreviewMarks } from './share-preview-marks.mjs';
 import {
   initGitChangesView,
   openGitChangesModal,
@@ -316,6 +337,8 @@ import {
   updateTurnCeilingSetting,
   previewBackgroundTaskTimeoutSetting,
   updateBackgroundTaskTimeoutSetting,
+  previewTaskStallMinutesSetting,
+  updateTaskStallMinutesSetting,
   updateSubagentRecordRetentionSetting,
 } from './settings-modal.js';
 import {
@@ -371,6 +394,9 @@ import {
   resolveChatActionsMenuState,
 } from './chat-actions-menu-state.mjs';
 import { subscribeProviderReadiness, updateProviderReadinessInputs } from './provider-readiness.mjs';
+import { hasActiveShare, refreshShares, subscribeShares } from './share-state.js';
+import { openStopSharingConfirmation } from './shared-conversations-settings.js';
+import { showAbout, syncAboutMenuLabel } from './about-ui.js';
 import { syncConversationOriginHeader } from './conversation-origin-ui.js';
 import { loadRelayEventSubscriptions, onRelayEventSubscriptionsChanged, syncRelayEventHeader } from './relay-event-subscriptions-ui.js';
 import {
@@ -458,6 +484,8 @@ let liveConversationPollInFlight = false;
 let sharedViewerIdFallback = '';
 let sharedConversationRenderKey = '';
 let sharedConversationLastError = '';
+// The share was stopped or renewed while the page was open: the reader stops.
+let sharedConversationEnded = false;
 let networkLifecycleBound = false;
 let foregroundRecoveryTimer = null;
 let foregroundRecoveryInFlight = false;
@@ -876,14 +904,14 @@ function initNetworkLifecycleHandling() {
 }
 
 function syncThemeMenuLabel() {
-  const button = document.getElementById('chat-menu-shared-theme-toggle');
+  const button = document.getElementById('chat-menu-theme-toggle');
   if (!button) return;
   const isLight = document.documentElement.getAttribute('data-theme') === 'light';
   button.textContent = isLight ? '🌙 Night mode' : '☀️ Day mode';
 }
 
 function initThemeMenuToggle() {
-  const themeBtn = document.getElementById('chat-menu-shared-theme-toggle');
+  const themeBtn = document.getElementById('chat-menu-theme-toggle');
   if (!themeBtn) return;
   themeBtn.hidden = false;
   syncThemeMenuLabel();
@@ -940,7 +968,7 @@ function applySharedReaderUi() {
   const modeSelect = document.getElementById('mode-select');
   const chatMenuBtn = document.getElementById('chat-actions-menu-btn');
   const chatMenu = document.getElementById('chat-actions-menu');
-  const sharedThemeBtn = document.getElementById('chat-menu-shared-theme-toggle');
+  const themeBtn = document.getElementById('chat-menu-theme-toggle');
   const installBtn = document.getElementById('install-btn');
   const activeElement = document.activeElement;
   if (chatMenu && activeElement instanceof Element && chatMenu.contains(activeElement)) {
@@ -957,7 +985,7 @@ function applySharedReaderUi() {
   if (input) {
     input.readOnly = true;
     input.disabled = true;
-    input.placeholder = 'Shared conversation (read-only)';
+    input.placeholder = IS_SHARE_PREVIEW ? 'Preview as shared (read-only)' : 'Shared conversation (read-only)';
   }
   disableSharedControl(sendBtn);
   disableSharedControl(attachBtn);
@@ -973,19 +1001,19 @@ function applySharedReaderUi() {
   // trigger usable). The loop below stays as a guard for entries the resolver
   // does not know.
   applyChatActionsMenuState(resolveChatActionsMenuState({ sharedMode: true }));
-  if (chatMenu && sharedThemeBtn) {
+  if (chatMenu && themeBtn) {
     for (const child of Array.from(chatMenu.children)) {
-      if (child !== sharedThemeBtn) hideSharedMenuEntry(child);
+      if (child !== themeBtn) hideSharedMenuEntry(child);
     }
-    sharedThemeBtn.hidden = false;
-    sharedThemeBtn.removeAttribute('aria-hidden');
-    sharedThemeBtn.disabled = false;
-    sharedThemeBtn.tabIndex = 0;
+    themeBtn.hidden = false;
+    themeBtn.removeAttribute('aria-hidden');
+    themeBtn.disabled = false;
+    themeBtn.tabIndex = 0;
     syncThemeMenuLabel();
   } else if (chatMenuBtn) {
     chatMenuBtn.hidden = true;
   }
-  if (chatMenuBtn && !sharedThemeBtn) chatMenuBtn.hidden = true;
+  if (chatMenuBtn && !themeBtn) chatMenuBtn.hidden = true;
 }
 
 function syncChatTitleWatcherIndicator() {
@@ -1032,25 +1060,42 @@ function resolveStableScrollTopForLiveRefresh(messagesEl, capturedScrollTop) {
 function resolveLiveRefreshAtBottom(messagesEl, capturedScrollTop, capturedAtBottom) {
   const current = Number(messagesEl?.scrollTop);
   if (!Number.isFinite(current) || Math.abs(current - Number(capturedScrollTop)) <= 2) return capturedAtBottom;
-  return isMessagesAtBottom();
+  return isMessagesNearBottom();
+}
+
+// A stopped or renewed share answers 404. The page stops polling at once and
+// keeps nothing of the conversation on screen; one neutral line stays.
+function endSharedConversationReader() {
+  if (sharedConversationEnded) return;
+  sharedConversationEnded = true;
+  stopSharedModeTimers();
+  document.getElementById('messages')?.replaceChildren();
+  const titleEl = document.getElementById('chat-title');
+  if (titleEl) titleEl.textContent = 'Shared conversation';
+  sharedConversationLastError = '';
+  setModelBanner('This shared conversation is not available.');
 }
 
-async function refreshSharedConversation() {
-  if (sharedConversationPollInFlight) return;
+async function refreshSharedConversation({ open = false } = {}) {
+  if (sharedConversationPollInFlight || sharedConversationEnded) return;
   const sharedToken = resolveSharedTokenFromLocation();
-  if (!sharedToken) return;
+  if (!sharedToken && !IS_SHARE_PREVIEW) return;
   sharedConversationPollInFlight = true;
   const requestSeq = ++sharedConversationRequestSeq;
   const messagesEl = document.getElementById('messages');
-  const wasAtBottom = isMessagesAtBottom();
+  const wasAtBottom = isMessagesNearBottom();
   const savedScrollTop = messagesEl?.scrollTop || 0;
   try {
     // The reader has no socket today, so nothing moves the count; the guard
     // keeps a rebuild from dropping a live row should one ever arrive.
     const { response, stale } = await loadKeepingLiveRows(
-      () => loadSharedConversation(sharedToken, { limit: 120 }),
+      () => loadSharedConversation(sharedToken, { limit: 120, open }),
       getTranscriptLiveRowEpoch,
     );
+    if (response?.status === 404) {
+      endSharedConversationReader();
+      return;
+    }
     if (requestSeq < sharedConversationAppliedSeq) return;
     if (stale) return;
     if (!response?.ok) {
@@ -1101,15 +1146,29 @@ async function refreshSharedConversation() {
 
 async function pulseSharedViewerPresence() {
   const sharedToken = resolveSharedTokenFromLocation();
-  if (!sharedToken) return;
+  if (!sharedToken || sharedConversationEnded) return;
   await reportSharedViewerPresence(sharedToken, sharedViewerId()).catch(() => {});
 }
 
+// "Preview as shared": the owner's own page, so it says what it is and what
+// the highlights mean; the marks come with the preview payload.
+function initSharePreviewUi() {
+  if (!IS_SHARE_PREVIEW) return;
+  document.body.classList.add('share-preview-mode');
+  const banner = document.getElementById('share-preview-banner');
+  if (banner) {
+    banner.textContent = 'Preview as shared: this is what a share link shows. Green marks what viewers get instead of a path; amber marks what still looks like one. Free text is filtered on a best-effort basis.';
+  }
+  watchPreviewMarks(document.body);
+}
+
 async function initSharedConversationReader() {
   applySharedReaderUi();
-  await refreshSharedConversation();
+  initSharePreviewUi();
+  await refreshSharedConversation({ open: true });
   await pulseSharedViewerPresence();
   stopSharedModeTimers();
+  if (sharedConversationEnded) return;
   sharedConversationPollTimer = setInterval(() => {
     if (!shouldRunForegroundNetworkWork()) return;
     void refreshSharedConversation();
@@ -1126,6 +1185,12 @@ function showAuthError(msg) {
 
 function resolveAuthErrorMessage(result = null) {
   if (result?.status === 401) return 'Invalid token';
+  if (result?.status === 429) {
+    const seconds = Number(result?.payload?.retryAfterSeconds);
+    return Number.isFinite(seconds) && seconds > 0
+      ? `Too many failed sign-in attempts. Try again in ${Math.ceil(seconds)} seconds.`
+      : 'Too many failed sign-in attempts. Try again in a minute.';
+  }
   if (result?.status === 403) return 'Access denied';
   if (result?.status > 0) return `Authentication failed (${result.status})`;
   return String(result?.error || 'Could not reach the relay').trim() || 'Could not reach the relay';
@@ -3650,6 +3715,23 @@ function transcriptIsInHistory(conversationId) {
   return !isConversationWindowAtTail() && !hasPendingUserMessageForConversation(conversationId);
 }
 
+// A reload of the end of the conversation on screen, when the page holds
+// more rows than the answer can (the relay caps a page at 100): the answer
+// is merged into the window (mergeReloadIntoWindow) rather than rendered,
+// which would cut the page and its kept window down to the answer. Null
+// means the plain render, as before: nothing to merge, or a transcript that
+// cannot take a merge (a bubble waiting for its send, the status view, a
+// held selection, a row missing from the page). Both callers merge only an
+// answer no live row overtook (loadKeepingLiveRows not stale), so the window
+// predates it: a newer row the answer lacks was deleted (a cancelled
+// follow-up) and leaves the page.
+function reloadMergeFor(conversationId, response) {
+  if (IS_SHARED_VIEW) return null;
+  const merge = mergeReloadIntoWindow(conversationPayloadCache.peekWindow(conversationId), response, { windowPredatesPage: true });
+  if (!merge || !canMergeIntoTranscript(merge.mergeFrom, conversationId)) return null;
+  return merge;
+}
+
 async function pollAuthenticatedCurrentConversationLive() {
   if (liveConversationPollInFlight) return;
   if (isSharedReaderMode()) return;
@@ -3672,7 +3754,7 @@ async function pollAuthenticatedCurrentConversationLive() {
   liveConversationPollInFlight = true;
   try {
     const messagesEl = document.getElementById('messages');
-    const wasAtBottom = isMessagesAtBottom();
+    const wasAtBottom = isMessagesNearBottom();
     const savedScrollTop = messagesEl?.scrollTop || 0;
     const savedLoadedCount = loadConversationLoadedMessageCount(currentId);
     const requestLimit = Math.max(20, getConversationLoadedMessageCount() || 0, savedLoadedCount || 0);
@@ -3692,11 +3774,20 @@ async function pollAuthenticatedCurrentConversationLive() {
     if (stale) return;
     const preserveBottom = resolveLiveRefreshAtBottom(messagesEl, savedScrollTop, wasAtBottom);
     const stableSavedScrollTop = resolveStableScrollTopForLiveRefresh(messagesEl, savedScrollTop);
-    applyLoadedConversationState(currentId, response, {
+    // The rows are rebuilt: a reader who is not at the end keeps the text
+    // they read where it is, whatever the rows above it measure now.
+    const reading = preserveBottom ? null : captureReadingBlock(messagesEl);
+    const merge = reloadMergeFor(currentId, response);
+    applyLoadedConversationState(currentId, merge?.payload || response, {
       restoreScroll: !preserveBottom,
       savedScrollTop: preserveBottom ? null : stableSavedScrollTop,
       followLiveUpdates: preserveBottom,
+      mergeFrom: merge?.mergeFrom || null,
     });
+    // A merge does not scroll as the full render does: a reader at the end
+    // is taken to the new end here.
+    if (merge && preserveBottom && messagesEl) messagesEl.scrollTop = messagesEl.scrollHeight;
+    if (reading) restoreReadingBlock(messagesEl, reading);
   } finally {
     liveConversationPollInFlight = false;
   }
@@ -3713,6 +3804,7 @@ function startLiveConversationPolling() {
 const transcriptResizeKeeper = createTranscriptResizeKeeper({
   getElement: () => document.getElementById('messages'),
 });
+onTranscriptEndLeft(() => transcriptResizeKeeper.recordEndLeft());
 
 function setupViewportTracking() {
   syncViewportMetrics();
@@ -3830,6 +3922,21 @@ function initComposerAttachmentInput() {
   window.addEventListener('dragend', clearHighlight);
 }
 
+// The place read is noted once per frame: it measures rows, a scroll event
+// can come many times a frame. It is noted for the conversation whose rows
+// are on the page, and only while that is the one open: during a switch the
+// page still shows the conversation left.
+let readingAnchorSaveFrame = 0;
+function scheduleReadingAnchorSave() {
+  if (readingAnchorSaveFrame || IS_SHARED_VIEW) return;
+  readingAnchorSaveFrame = requestAnimationFrame(() => {
+    readingAnchorSaveFrame = 0;
+    const captured = captureConversationReadingAnchor();
+    if (!captured || captured.conversationId !== String(currentConvId || '').trim()) return;
+    saveConversationReadingAnchor(captured.conversationId, captured.anchor);
+  });
+}
+
 function initMessageScrollPersistence() {
   const el = document.getElementById('messages');
   if (!el || el.dataset.scrollPersistenceBound === '1') return;
@@ -3839,19 +3946,43 @@ function initMessageScrollPersistence() {
     const convId = String(currentConvId || '').trim();
     if (!convId) return;
     saveConversationScrollTop(convId, el.scrollTop);
+    scheduleReadingAnchorSave();
   }, { passive: true });
 }
 
-// The jump-to-bottom button on a window in the middle of the history: the
-// end of the conversation replaces it, scrolled to the bottom.
+// The end's answer can predate a row held back below the window while it
+// was on its way (stored after the request read the conversation), and its
+// render lets the held rows go. The newest row held is the one to look for:
+// older ones can lie before a page of the end and are not missing.
+function endAnswerLacksHeldBackRow(response) {
+  const newestHeld = getHeldBackLiveRowIds().slice(-1);
+  if (!newestHeld.length) return false;
+  return !newerPageReachesEnd({
+    pageHasMore: false,
+    pageMessageIds: (Array.isArray(response?.messages) ? response.messages : []).map((message) => message?.id),
+    heldBackIds: newestHeld,
+  });
+}
+
+// The jump-to-bottom button on a window in the middle of the history (and an
+// own send from one): the end of the conversation replaces it, scrolled to
+// the bottom.
 async function loadCurrentConversationEnd() {
   const currentId = String(currentConvId || '').trim();
   if (!currentId) return;
   const jumpEpoch = getTranscriptJumpEpoch();
-  const response = await loadConversation(currentId, { limit: 20 });
+  const load = () => loadConversation(currentId, { limit: 20 });
+  let response = await load();
   if (!response || String(currentConvId || '').trim() !== currentId) return;
   // A jump into the history while it was on its way wins.
   if (getTranscriptJumpEpoch() !== jumpEpoch) return;
+  // Asked once more, not until it has them: a held row deleted since would
+  // never come.
+  if (endAnswerLacksHeldBackRow(response)) {
+    const again = await load();
+    if (String(currentConvId || '').trim() !== currentId || getTranscriptJumpEpoch() !== jumpEpoch) return;
+    if (again) response = again;
+  }
   applyLoadedConversationState(currentId, response, { restoreScroll: false });
 }
 
@@ -3913,7 +4044,7 @@ async function refreshCurrentView() {
   const capturedVersion = ++refreshViewVersion;
   const jumpEpoch = getTranscriptJumpEpoch();
   const messagesEl = document.getElementById('messages');
-  const wasAtBottom = isMessagesAtBottom();
+  const wasAtBottom = isMessagesNearBottom();
   const scrollTop = messagesEl?.scrollTop || 0;
 
   await refreshConversations();
@@ -3943,13 +4074,23 @@ async function refreshCurrentView() {
   const keepTranscript = getTranscriptJumpEpoch() !== jumpEpoch || transcriptIsInHistory(currentId) || stale;
   const preserveBottom = resolveLiveRefreshAtBottom(messagesEl, scrollTop, wasAtBottom);
   const stableSavedScrollTop = resolveStableScrollTopForLiveRefresh(messagesEl, scrollTop);
+  // As in the live poll: the text the reader is at stays where it is.
+  const reading = preserveBottom || keepTranscript ? null : captureReadingBlock(messagesEl);
+  let restoredAt = null;
   if (r) {
-    applyLoadedConversationState(currentId, r, {
+    const merge = keepTranscript ? null : reloadMergeFor(currentId, r);
+    applyLoadedConversationState(currentId, merge?.payload || r, {
       restoreScroll: !preserveBottom,
       savedScrollTop: preserveBottom ? null : stableSavedScrollTop,
       followLiveUpdates: preserveBottom && !keepTranscript,
       keepTranscript,
+      mergeFrom: merge?.mergeFrom || null,
     });
+    // As in the live poll: a merge leaves the scrolling to the caller.
+    if (merge && preserveBottom && messagesEl) messagesEl.scrollTop = messagesEl.scrollHeight;
+    // At once, and again below once the cards are back on the page.
+    restoreReadingBlock(messagesEl, reading);
+    restoredAt = { scrollTop: messagesEl?.scrollTop };
   } else {
     setRepoBrowserSessionInfo('', '');
     restoreInFlightThinking(null);
@@ -3958,7 +4099,12 @@ async function refreshCurrentView() {
   await loadRelayBoards();
   scheduleContextUsageRefresh(currentId, 0);
   if (messagesEl && !keepTranscript && String(currentConvId || '').trim() === currentId) {
-    if (!preserveBottom && Number.isFinite(stableSavedScrollTop) && stableSavedScrollTop >= 0) {
+    // Two requests later: a reader who has scrolled, pressed the jump
+    // button or sent something meanwhile is where they want to be.
+    const readerMoved = !restoredAt
+      || Math.abs(Number(messagesEl.scrollTop) - Number(restoredAt.scrollTop)) > 2;
+    if (!preserveBottom && !readerMoved && !restoreReadingBlock(messagesEl, reading)
+      && Number.isFinite(stableSavedScrollTop) && stableSavedScrollTop >= 0) {
       messagesEl.scrollTop = stableSavedScrollTop;
     }
     saveConversationScrollTop(currentId, messagesEl.scrollTop);
@@ -4078,11 +4224,15 @@ function syncChatActionsMenuState() {
     cloudSessionUrl: isCloud ? buildCloudLineModel(conversation?.cloud)?.sessionUrl || null : null,
     editing: !!convId && chatTitleEditingConversationId === convId,
     suspendVisible: isSuspendHostActionVisible(),
+    hasActiveShare: hasActiveShare(convId),
   });
   applyChatActionsMenuState(state);
   return state;
 }
 
+// The menu follows the relay's share list (made, renewed, stopped anywhere).
+subscribeShares(() => syncChatActionsMenuState());
+
 function toggleChatActionsMenu() {
   const menu = document.getElementById('chat-actions-menu');
   const trigger = document.getElementById('chat-actions-menu-btn');
@@ -4092,6 +4242,7 @@ function toggleChatActionsMenu() {
   if (trigger.hidden || trigger.disabled) return;
   syncRefreshHistoryMenuState();
   syncThemeMenuLabel();
+  syncAboutMenuLabel();
   const willOpen = !!menu.hidden;
   menu.hidden = !willOpen;
   trigger.setAttribute('aria-expanded', willOpen ? 'true' : 'false');
@@ -4170,13 +4321,17 @@ function lockChatActionsMenuShield(ms = 300) {
 function syncChatTitleControls() {
   const { title, editor, input } = getChatTitleElements();
   const convId = String(currentConvId || '').trim();
-  // No conversation open (deleted, new chat): its 📍 button goes with it.
-  if (!convId) setPinsConversation(null);
+  // No conversation open (deleted, new chat): its 📍 and 🙈 buttons go with it.
+  if (!convId) {
+    setPinsConversation(null);
+    setHiddenMessagesConversation(null);
+  }
   const conversation = convId ? (conversations[convId] || null) : null;
   const sdkSessionId = String(conversation?.sdkSessionId || '').trim();
   if (title) {
     if (!convId || !conversation) {
       delete title.dataset.uiState;
+      delete title.dataset.working;
     } else {
       const pendingByConversation = getPendingQuestionCountsByConversation();
       const pendingCount = Number(pendingByConversation[convId] || 0);
@@ -4187,6 +4342,8 @@ function syncChatTitleControls() {
         hasPendingQuestion: pendingCount > 0,
       });
       title.dataset.uiState = uiState;
+      // Bright green while it works, the darker green while idle, as its row.
+      title.toggleAttribute('data-working', isConversationWorking(conversation));
     }
   }
   if (chatTitleEditingConversationId && chatTitleEditingConversationId !== convId) {
@@ -4429,19 +4586,20 @@ async function initApp() {
   appSharedMode = sharedMode;
   initNetworkLifecycleHandling();
   setForegroundNetworkWorkEnabled(document.visibilityState === 'visible');
-  const sharedThemeBtn = document.getElementById('chat-menu-shared-theme-toggle');
   initTheme();
   initScrollbarHover();
   initThemeMenuToggle();
-  if (sharedThemeBtn && sharedMode) sharedThemeBtn.hidden = false;
   initFontScaling();
   if (!sharedMode) {
     clearLegacyKnownCwdHistoryStorage();
   }
   syncPwaVersionMenuEntry();
   syncQueueStatusMenuEntry();
+  if (!sharedMode) syncAboutMenuLabel();
   if (!sharedMode) {
     syncSuspendHostVisibility();
+    syncScrollOnSendToggle();
+    syncWindowRetentionSlider();
     initHostSuspendUi();
     initUsageLimitUi();
   }
@@ -4506,6 +4664,16 @@ async function initApp() {
         });
       });
     }
+    // "Session group…": the picker for the open conversation, reachable on
+    // the phone with the drawer closed.
+    bindMenuAction(document.getElementById('chat-menu-group'), (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      lockChatActionsMenuShield(350);
+      closeChatActionsMenu();
+      const convId = String(currentConvId || '').trim();
+      if (convId) openConversationGroupPicker(convId);
+    });
     const chatMenuArchiveBtn = document.getElementById('chat-menu-archive');
     bindMenuAction(chatMenuArchiveBtn, (event) => {
       event.preventDefault();
@@ -4536,10 +4704,35 @@ async function initApp() {
         }
         const copied = await copyTextToClipboard(shareUrl);
         showTransientRelayNotice(copied ? 'Share link copied to clipboard.' : shareUrl);
+        void refreshShares().catch(() => {});
       }).catch((error) => {
         showTransientRelayNotice(error?.message || 'Could not create share link.');
       });
     });
+    // "Stop sharing": only shown while the open conversation has a live link.
+    bindMenuAction(document.getElementById('chat-menu-stop-sharing'), (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      lockChatActionsMenuShield(350);
+      closeChatActionsMenu();
+      const convId = String(currentConvId || '').trim();
+      if (!convId) return;
+      openStopSharingConfirmation(convId, conversations[convId]?.title || '');
+    });
+    const chatMenuPreviewSharedBtn = document.getElementById('chat-menu-preview-shared');
+    bindMenuAction(chatMenuPreviewSharedBtn, (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      lockChatActionsMenuShield(350);
+      closeChatActionsMenu();
+      const convId = String(currentConvId || '').trim();
+      if (!convId) {
+        showTransientRelayNotice('Select a conversation first.');
+        return;
+      }
+      // Never creates a share link: the preview reads through the owner's route.
+      window.open(`${BASE}/share-preview/${encodeURIComponent(convId)}`, '_blank', 'noopener');
+    });
     const chatMenuRefreshHistoryBtn = document.getElementById('chat-menu-refresh-history');
     if (chatMenuRefreshHistoryBtn && !chatMenuRefreshHistoryBtn.hidden && !chatMenuRefreshHistoryBtn.disabled) {
       bindMenuAction(chatMenuRefreshHistoryBtn, (event) => {
@@ -4592,6 +4785,14 @@ async function initApp() {
       closeChatActionsMenu();
       openSettingsModal();
     });
+    const chatMenuAboutBtn = document.getElementById('chat-menu-about');
+    bindMenuAction(chatMenuAboutBtn, (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      lockChatActionsMenuShield(350);
+      closeChatActionsMenu();
+      void showAbout();
+    });
     const chatMenuRestartRelayBtn = document.getElementById('chat-menu-restart-relay');
     bindMenuAction(chatMenuRestartRelayBtn, (event) => {
       event.preventDefault();
@@ -4669,6 +4870,7 @@ async function initApp() {
     initBubbleActionHandlers();
     initMessageScrollPersistence();
     initTranscriptJumpToBottom();
+    initSubagentViewer();
     syncChatTitleControls();
     await initSharedConversationReader();
     return;
@@ -4727,11 +4929,13 @@ async function initApp() {
   initComposerAttachmentInput();
   initMessageSearchView({ openConversation });
   initSubagentViewer();
+  initTaskConsole();
   initPinnedMessagesView({
     openConversation,
     focusMessage: focusConversationMessageById,
     syncRenderedPinState,
   });
+  initHiddenMessagesView({ syncRenderedShareVisibility });
   initGitChangesView();
   syncChatTitleControls();
   // A provider turned on or off (a Settings save, a catalog change) redraws
@@ -4795,7 +4999,9 @@ async function doAuth() {
 async function bootstrap() {
   if (ensureTrailingSlashPath()) return;
   const sharedMode = isSharedReaderMode();
-  if (sharedMode && navigator.serviceWorker?.getRegistrations) {
+  // The preview runs in the owner's own browser: their app's service worker
+  // (and its push subscription) stays.
+  if (sharedMode && !IS_SHARE_PREVIEW && navigator.serviceWorker?.getRegistrations) {
     navigator.serviceWorker.getRegistrations()
       .then((registrations) => Promise.all(registrations.map((registration) => registration.unregister().catch(() => false))))
       .catch(() => {});
@@ -4882,11 +5088,20 @@ window.saveGrokAllowanceSettings = saveGrokAllowanceSettings;
 window.resetGrokAllowanceAccounting = resetGrokAllowanceAccounting;
 window.toggleCursorProvider = toggleCursorProvider;
 window.updateShowSuspendHostSetting = updateShowSuspendHostSetting;
+window.updateScrollOnSendSetting = (enabled) => updateScrollOnSendSetting(enabled);
+window.previewConversationWindowRetention = (position) => previewWindowRetention(position);
+// A lower cap cuts the kept windows down now; the open conversation's is cut
+// when it is left.
+window.updateConversationWindowRetention = (position) => updateWindowRetention(position, {
+  onChange: (cap) => conversationPayloadCache.trimAll(cap, loadConversationReadingAnchor, { except: currentConvId }),
+});
 window.updateWindowsAutostartMode = updateWindowsAutostartMode;
 window.previewTurnCeilingSetting = previewTurnCeilingSetting;
 window.updateTurnCeilingSetting = updateTurnCeilingSetting;
 window.previewBackgroundTaskTimeoutSetting = previewBackgroundTaskTimeoutSetting;
 window.updateBackgroundTaskTimeoutSetting = updateBackgroundTaskTimeoutSetting;
+window.previewTaskStallMinutesSetting = previewTaskStallMinutesSetting;
+window.updateTaskStallMinutesSetting = updateTaskStallMinutesSetting;
 window.updateSubagentRecordRetentionSetting = updateSubagentRecordRetentionSetting;
 window.togglePushOnThisDevice = togglePushOnThisDevice;
 window.updatePushPreferencesFromControls = updatePushPreferencesFromControls;
@@ -4936,6 +5151,8 @@ window.confirmNewConversationModel = confirmNewConversationModel;
 window.closeNewConversationModelModal = closeNewConversationModelModal;
 window.deleteConv = deleteConv;
 window.archiveConv = archiveConv;
+window.openConversationGroupPicker = openConversationGroupPicker;
+window.toggleConversationGroupFold = toggleConversationGroupFold;
 window.unarchiveConv = unarchiveConv;
 window.toggleArchivedConversations = toggleArchivedConversations;
 window.refreshNewConversationCloudRepoList = refreshNewConversationCloudRepoList;
@@ -4977,7 +5194,6 @@ window.setRelayQuestionMultiMode = setRelayQuestionMultiMode;
 window.handleRelayQuestionKey = handleRelayQuestionKey;
 window.openPendingQuestionFromBanner = openPendingQuestionFromBanner;
 window.submitRelayBoardAction = submitRelayBoardAction;
-window.syncAgentExchangeFolds = syncAgentExchangeFoldsNow;
 window.compactCurrentConversation = compactCurrentConversation;
 window.sendMessage = sendMessage;
 window.syncComposerButtonState = syncComposerButtonState;