@oar-sh/oar 0.9.2 → 0.9.4

package/server/public/app/ask-user-view.js

@@ -10,11 +10,23 @@ import { loadRelayQuestions as loadRelayQuestionsApi, answerRelayQuestion, answe
 import { enqueueOutboxRequest, registerOutboxSync } from './sync-outbox.mjs';
 import { renderLinkedPlainText } from './router.js';
 import { schemaFieldsFromQuestion } from './question-schema-view.mjs';
+import { composeMultiSelectAnswer, isMultiSelectQuestion, offersMultiSelectToggle } from './question-multi-select.mjs';
 import { isChatInteractionHeld } from './selection-guard.mjs';
+import { questionCardHeadLabel } from './conversation-provider-indicator.mjs';
 
 let relayQuestionRenderHash = '';
 let renderedRelayQuestionIds = new Set();
 const relayQuestionStructuredDrafts = new Map();
+// Ticked choices of a multi-select card (question id → Set of labels), kept
+// across re-renders until the card is answered.
+const relayQuestionMultiDrafts = new Map();
+// The "Select several" switch position per card (question id → boolean) on
+// cards that offer it (Copilot); absent = the provider's flag decides.
+const relayQuestionMultiMode = new Map();
+
+function multiModeFor(question) {
+  return question ? relayQuestionMultiMode.get(question.id) : undefined;
+}
 const RELAY_QUESTION_AUTO_SCROLL_THRESHOLD_PX = 80;
 
 function distanceFromBottom(el) {
@@ -75,6 +87,8 @@ export function upsertRelayQuestion(question) {
   relayQuestions.set(question.id, question);
   updatePendingQuestionBanner();
   window.renderConvList?.();
+  // A question opening or settling flips the composer's steering hold.
+  window.syncComposerButtonState?.();
   renderRelayQuestions();
 }
 
@@ -98,10 +112,19 @@ export async function loadRelayQuestions(conversationId) {
       relayQuestionStructuredDrafts.delete(questionId);
     }
   }
+  // Multi-select ticks and the "Select several" switch position die with the
+  // card, whoever settled it (this device, another one, a timeout).
+  for (const draftMap of [relayQuestionMultiDrafts, relayQuestionMultiMode]) {
+    for (const questionId of draftMap.keys()) {
+      const question = next.get(questionId);
+      if (!question || question.status !== 'pending') draftMap.delete(questionId);
+    }
+  }
   relayQuestions.clear();
   for (const [id, q] of next.entries()) relayQuestions.set(id, q);
   updatePendingQuestionBanner();
   window.renderConvList?.();
+  window.syncComposerButtonState?.();
 
   if (!conversationId && pending.length) {
     const latest = pending
@@ -212,6 +235,7 @@ export function renderRelayQuestions() {
       answeredAt: q.answeredAt || '',
       createdAt: q.createdAt || '',
       choices: Array.isArray(q.choices) ? q.choices : [],
+      multiSelect: isMultiSelectQuestion(q, multiModeFor(q)),
       schema: q.requestSchema || null,
     }))
   );
@@ -249,24 +273,41 @@ export function renderRelayQuestions() {
       interactiveHtml = renderMultiFieldForm(question);
     } else {
       const choices = Array.isArray(question.choices) ? question.choices : [];
-      const choiceHtml = choices.length
-        ? (question.status === 'pending'
-            ? `<div class="relay-question-choices">${
-                choices.map((choice) => `<button class="relay-question-choice" data-choice="${escHtml(choice)}" data-relay-focus-key="choice-${escHtml(choice)}" onclick="submitRelayQuestionChoice('${question.id}', this.dataset.choice)">${escHtml(choice)}</button>`).join('')
-              }</div>`
-            : `<div class="relay-question-choices">${
-                choices.map((choice) => `<button class="relay-question-choice" disabled>${escHtml(choice)}</button>`).join('')
-              }</div>`)
+      // A multi-select card (the provider said several may be picked) offers
+      // checkmarks and ONE Reply; ticking never answers by itself.
+      const multiSelect = isMultiSelectQuestion(question, multiModeFor(question));
+      const ticked = relayQuestionMultiDrafts.get(question.id) || new Set();
+      // Copilot cards: a switch between one-click answers and checkmarks,
+      // pre-set from the model's flag or the question's wording.
+      const toggleHtml = question.status === 'pending' && offersMultiSelectToggle(question)
+        ? `<label class="relay-question-multi-toggle"><input type="checkbox" data-relay-focus-key="multi-toggle"${multiSelect ? ' checked' : ''} onchange="setRelayQuestionMultiMode('${question.id}', this.checked)"> Select several</label>`
         : '';
+      let choiceHtml = '';
+      if (choices.length && question.status === 'pending' && multiSelect) {
+        choiceHtml = `<div class="relay-question-choices relay-question-multi" id="relay-question-multi-${question.id}">${
+          choices.map((choice) => `<label class="relay-question-choice relay-question-choice-check"><input type="checkbox" data-choice-value="${escHtml(choice)}" data-relay-focus-key="multi-${escHtml(choice)}"${ticked.has(choice) ? ' checked' : ''} onchange="onRelayQuestionMultiSelectChange('${question.id}', this.dataset.choiceValue, this.checked)"> ${escHtml(choice)}</label>`).join('')
+        }</div>`;
+      } else if (choices.length && question.status === 'pending') {
+        choiceHtml = `<div class="relay-question-choices">${
+          choices.map((choice) => `<button class="relay-question-choice" data-choice="${escHtml(choice)}" data-relay-focus-key="choice-${escHtml(choice)}" onclick="submitRelayQuestionChoice('${question.id}', this.dataset.choice)">${escHtml(choice)}</button>`).join('')
+        }</div>`;
+      } else if (choices.length) {
+        choiceHtml = `<div class="relay-question-choices">${
+          choices.map((choice) => `<button class="relay-question-choice" disabled>${escHtml(choice)}</button>`).join('')
+        }</div>`;
+      }
       const showReplyControls = question.status === 'pending';
       const draftText = String(relayQuestionDrafts.get(question.id) || '');
+      const replyPlaceholder = multiSelect
+        ? 'Add another answer or a note (optional)… (Ctrl/Cmd+Enter to send)'
+        : 'Type a reply… (Ctrl/Cmd+Enter to send)';
       const replyHtml = showReplyControls
         ? `<div class="relay-question-reply">
-            <textarea id="relay-question-input-${question.id}" placeholder="Type a reply… (Ctrl/Cmd+Enter to send)" onkeydown="handleRelayQuestionKey(event, '${question.id}')" oninput="onRelayQuestionDraftInput('${question.id}', this.value)">${escHtml(draftText)}</textarea>
-            <button class="relay-question-submit" onclick="submitRelayQuestionAnswer('${question.id}')">Reply</button>
+            <textarea id="relay-question-input-${question.id}" placeholder="${replyPlaceholder}" onkeydown="handleRelayQuestionKey(event, '${question.id}')" oninput="onRelayQuestionDraftInput('${question.id}', this.value)">${escHtml(draftText)}</textarea>
+            <button class="relay-question-submit" onclick="${multiSelect ? 'submitRelayQuestionMultiSelect' : 'submitRelayQuestionAnswer'}('${question.id}')">${multiSelect ? 'Reply with selection' : 'Reply'}</button>
           </div>`
         : '';
-      interactiveHtml = `${choiceHtml}${replyHtml}`;
+      interactiveHtml = `${choiceHtml}${toggleHtml}${replyHtml}`;
     }
 
     const answeredHtml = question.status === 'answered' && question.answer
@@ -278,7 +319,7 @@ export function renderRelayQuestions() {
 
     wrapper.innerHTML = `
       <div class="relay-question-card${question.status === 'timed_out' ? ' relay-question-timed-out' : ''}">
-        <div class="relay-question-head">Copilot question${modeTag} · ${fmtDate(question.createdAt)}</div>
+        <div class="relay-question-head">${questionCardHeadLabel(conversations[question.conversationId])}${modeTag} · ${fmtDate(question.createdAt)}</div>
         <div class="relay-question-body">${renderLinkedPlainText(question.prompt || '')}</div>
         ${contextHtml}
         ${answeredHtml}
@@ -467,6 +508,7 @@ export async function submitRelayStructuredAnswer(questionId) {
     if (r.question) relayQuestions.set(questionId, r.question);
     updatePendingQuestionBanner();
     window.renderConvList?.();
+    window.syncComposerButtonState?.();
     renderRelayQuestions();
     window.showTransientRelayNotice?.(`✅ Answer received · Agent continuing…`, 7000);
   } catch (e) {
@@ -480,6 +522,44 @@ export async function submitRelayQuestionChoice(questionId, choice) {
   await submitRelayQuestionAnswer(questionId, choice);
 }
 
+/** Ticked labels of a multi-select card, in the card's own order. */
+function tickedMultiSelectLabels(questionId) {
+  const container = document.getElementById(`relay-question-multi-${questionId}`);
+  if (!container) return [...(relayQuestionMultiDrafts.get(questionId) || [])];
+  return Array.from(container.querySelectorAll('input[type="checkbox"]:checked'))
+    .map((el) => String(el.getAttribute('data-choice-value') || ''));
+}
+
+/**
+ * The "Select several" switch: flip the card between one-click answers and
+ * checkmarks. Ticks made so far are kept, and the card re-renders in place.
+ */
+export function setRelayQuestionMultiMode(questionId, enabled) {
+  const id = String(questionId || '');
+  if (!id) return;
+  relayQuestionMultiMode.set(id, enabled === true);
+  renderRelayQuestions();
+}
+
+export function onRelayQuestionMultiSelectChange(questionId, label, checked) {
+  const id = String(questionId || '');
+  const set = relayQuestionMultiDrafts.get(id) || new Set();
+  if (checked) set.add(String(label || ''));
+  else set.delete(String(label || ''));
+  relayQuestionMultiDrafts.set(id, set);
+}
+
+/**
+ * Answer a multi-select card: every ticked choice, plus whatever was typed as
+ * an extra answer, joined the way the provider's own UI would ("A, C").
+ */
+export async function submitRelayQuestionMultiSelect(questionId) {
+  const input = document.getElementById(`relay-question-input-${questionId}`);
+  const answer = composeMultiSelectAnswer(tickedMultiSelectLabels(questionId), input?.value || '');
+  if (!answer) return;
+  await submitRelayQuestionAnswer(questionId, answer);
+}
+
 // Offline fallback: park the answer in the durable outbox so Background Sync
 // (or the next page load) delivers it. A replay against an already-answered
 // or expired question gets a 4xx and is dropped, so this cannot double-answer.
@@ -499,7 +579,13 @@ async function enqueueRelayAnswerForSync(questionId, body) {
 
 export async function submitRelayQuestionAnswer(questionId, presetAnswer = null) {
   const input = document.getElementById(`relay-question-input-${questionId}`);
-  const answer = String(presetAnswer != null ? presetAnswer : (input?.value || '')).trim();
+  // Ctrl/Cmd+Enter in a multi-select card's text field sends the ticked
+  // choices along with the typed text, exactly like its Reply button.
+  const pendingQuestion = relayQuestions.get(questionId) || null;
+  const composed = presetAnswer == null && isMultiSelectQuestion(pendingQuestion, multiModeFor(pendingQuestion))
+    ? composeMultiSelectAnswer(tickedMultiSelectLabels(questionId), input?.value || '')
+    : null;
+  const answer = String(presetAnswer != null ? presetAnswer : (composed ?? (input?.value || ''))).trim();
   if (!answer) return;
 
   const card = document.querySelector(`.relay-question-container[data-question-id="${questionId}"]`);
@@ -522,9 +608,12 @@ export async function submitRelayQuestionAnswer(questionId, presetAnswer = null)
     }
     relayQuestionDrafts.delete(questionId);
     relayQuestionStructuredDrafts.delete(questionId);
+    relayQuestionMultiDrafts.delete(questionId);
+    relayQuestionMultiMode.delete(questionId);
     relayQuestions.set(questionId, r.question);
     updatePendingQuestionBanner();
     window.renderConvList?.();
+    window.syncComposerButtonState?.();
     renderRelayQuestions();
     window.showTransientRelayNotice?.(`✅ Answer received: ${answer} · Agent continuing…`, 7000);
   } catch (e) {

package/server/public/app/attachments-view.js

@@ -221,7 +221,7 @@ export function renderAttachmentPreview() {
   if (!selectedAttachments.length) {
     el.innerHTML = '';
     el.classList.remove('visible');
-    window.syncComposerControlState?.();
+    window.syncComposerButtonState?.();
     syncComposerAttachmentWarning();
     return;
   }
@@ -251,7 +251,7 @@ export function renderAttachmentPreview() {
   `;
   }).join('');
   el.classList.add('visible');
-  window.syncComposerControlState?.();
+  window.syncComposerButtonState?.();
   syncComposerAttachmentWarning();
 }
 
@@ -293,6 +293,41 @@ export function clearAttachments() {
   renderAttachmentPreview();
 }
 
+function composerAttachmentSha(attachment) {
+  return String(attachment?.sha256 || attachment?.uploaded?.sha256 || '').trim().toLowerCase();
+}
+
+/**
+ * Removes the composer entries a send took with it and keeps anything added
+ * after that snapshot, uploading or not. Matches by identity first, then by
+ * content hash — switching away and back mid-send rebuilds the composer from
+ * the draft cache as new objects — and removes one entry per sent attachment,
+ * so a genuine second copy survives. Persisting what remains is the caller's
+ * job.
+ */
+export function removeComposerAttachments(sent = []) {
+  const pending = (Array.isArray(sent) ? sent : []).filter(Boolean);
+  if (!pending.length) return;
+  const removed = new Set();
+  const unmatched = [];
+  for (const att of pending) {
+    if (selectedAttachments.includes(att) && !removed.has(att)) removed.add(att);
+    else unmatched.push(att);
+  }
+  for (const att of unmatched) {
+    const sha = composerAttachmentSha(att);
+    if (!sha) continue;
+    const match = selectedAttachments.find((candidate) => !removed.has(candidate) && composerAttachmentSha(candidate) === sha);
+    if (match) removed.add(match);
+  }
+  if (!removed.size) return;
+  const kept = selectedAttachments.filter((att) => !removed.has(att));
+  for (const att of removed) releaseAttachmentPreviewUrl(att);
+  selectedAttachments.length = 0;
+  selectedAttachments.push(...kept);
+  renderAttachmentPreview();
+}
+
 /**
  * Replaces composer attachments wholesale, used when hydrating a conversation's
  * cached draft attachments. Object URLs from the outgoing set are released.

package/server/public/app/background-task-timeout-options.mjs

@@ -0,0 +1,9 @@
+// Mirrors shared/background-task-timeout.mjs, which the browser cannot import
+// (only server/public is served). shared/background-task-timeout.test.mjs
+// asserts the two stay identical.
+//
+// The settings slider shows this until the relay's own value loads, and keeps
+// showing it if that request fails, so it must be the default the relay
+// enforces: 4 hours. 0 means no limit only when chosen explicitly.
+
+export const DEFAULT_BACKGROUND_TASK_TIMEOUT_MINUTES = 240;

package/server/public/app/background-tasks-view.mjs

@@ -5,6 +5,8 @@
 // `backgroundTasks` on reload; hidden whenever the set is empty.
 
 import { apiFetch } from './api-client.js';
+import { humanizeModelLabel } from './model-selector-options.mjs';
+import { prefixToolActivityEmoji } from './tool-activity-emoji.mjs';
 import {
   getPreviewsForConversation,
   renderPreviewRowsInto,
@@ -69,11 +71,26 @@ function taskKindLabel(task) {
   return label === 'Subagent' && subagentType ? subagentType : label;
 }
 
-function formatTaskModel(task) {
-  const model = String(task?.model || '').trim();
-  if (!model) return '';
-  const short = model.replace(/^claude-/, '');
-  return task?.modelInherited === true ? `${short} (inherited)` : short;
+// "claude-opus-5-5" → "Opus 5.5". A bare alias ("opus") is what a spawn pin
+// carries until the subagent's first answer names the real model.
+export function formatTaskModelLabel(model) {
+  const value = String(model || '').trim();
+  if (!value) return '';
+  if (/^claude-/i.test(value)) return humanizeModelLabel(value);
+  if (/^[a-z]+(\[[^\]]+\])?$/i.test(value)) return value.charAt(0).toUpperCase() + value.slice(1);
+  return humanizeModelLabel(value);
+}
+
+// Detail line: the live tool call when the worker saw one ("🪓 Tool
+// (PowerShell): cd …", cropped to the row by CSS), else the SDK's progress
+// summary, else the bare tool name.
+export function taskActivityText(task) {
+  const toolCall = String(task?.lastToolCall || '').trim();
+  if (toolCall) return { text: prefixToolActivityEmoji(toolCall), toolCall: true };
+  const summary = String(task?.summary || '').trim();
+  if (summary) return { text: summary, toolCall: false };
+  const lastToolName = String(task?.lastToolName || '').trim();
+  return { text: lastToolName ? `using ${lastToolName}` : '', toolCall: false };
 }
 
 // Compact token counts: "812 tok", "62.2k tok", "1.2M tok". Exported for the
@@ -180,7 +197,7 @@ function buildWorkflowAgentRow(agent) {
   const activityText = state === 'running' && lastToolName ? `— using ${lastToolName}` : '';
 
   const meta = [];
-  const model = String(agent.model ?? '').trim().replace(/^claude-/, '');
+  const model = formatTaskModelLabel(agent.model);
   if (model) meta.push(model);
   const tokens = formatTaskTokens(agent.tokens);
   if (tokens) meta.push(tokens);
@@ -364,16 +381,11 @@ function renderTaskRow(conversationId, task) {
   const key = `${conversationId}:${task.taskId}`;
   const stopping = stopsInFlight.has(key);
   const elapsed = formatElapsed(task.startedAt);
-  // Second line: progress first ("using Bash" prefixed so a bare tool name
-  // can't read as the task's kind), then model. Token usage renders as its
-  // own always-visible element on the row's right side instead of riding
-  // this clampable line, so a long summary can never crowd it out.
-  const summary = String(task.summary || '').trim();
-  const lastToolName = String(task.lastToolName || '').trim();
-  const detail = [
-    summary || (lastToolName ? `using ${lastToolName}` : ''),
-    formatTaskModel(task),
-  ].filter(Boolean).join(' · ');
+  // Token usage and the model render on the row's right side instead of
+  // riding the detail line, so a long tool call can never crowd them out.
+  const activity = taskActivityText(task);
+  const modelLabel = formatTaskModelLabel(task.model);
+  const modelTitle = task.modelInherited === true ? `${task.model} (inherited from the session)` : task.model;
   const tokens = formatTaskTokens(task.totalTokens);
   // Workflow rows with a digest get a fold chevron plus an (initially empty)
   // tree container right below the row; renderBackgroundTasksPanel fills the
@@ -392,10 +404,13 @@ function renderTaskRow(conversationId, task) {
       ${foldButton}<span class="bg-task-icon" title="${escHtml(task.taskType || 'task')}">${taskIcon(task.taskType)}</span>
       <span class="bg-task-main">
         <span class="bg-task-desc">${escHtml(task.description || task.taskId)}</span>
-        ${detail ? `<span class="bg-task-detail">${escHtml(detail)}</span>` : ''}
+        ${activity.text ? `<span class="bg-task-detail${activity.toolCall ? ' bg-task-toolcall' : ''}" title="${escHtml(activity.text)}">${escHtml(activity.text)}</span>` : ''}
       </span>
       <span class="bg-task-side">
-        <span class="bg-task-badge">${escHtml(taskKindLabel(task))}</span>
+        <span class="bg-task-side-head">
+          ${modelLabel ? `<span class="bg-task-model" title="${escHtml(modelTitle)}">${escHtml(modelLabel)}</span>` : ''}
+          <span class="bg-task-badge">${escHtml(taskKindLabel(task))}</span>
+        </span>
         <span class="bg-task-side-status">
           ${tokens ? `<span class="bg-task-tokens">${escHtml(tokens)}</span>` : ''}
           <span class="bg-task-elapsed">${escHtml(elapsed)}</span>

package/server/public/app/bootstrap.js

@@ -51,6 +51,7 @@ import {
   imageEditTarget,
   hasPendingUserMessageForConversation,
 } from './store.js';
+import { createTranscriptResizeKeeper } from './transcript-viewport-anchor.mjs';
 import {
   verifyExistingSession,
   verifyToken,
@@ -76,7 +77,7 @@ import {
   reportSharedViewerPresence,
   setNetworkRequestsEnabled,
 } from './api-client.js';
-import { loadConversations, refreshConversations, openConversation, renderConvList, applyLoadedConversationState, initConversationListLazyLoading } from './journal-view.js';
+import { loadConversations, refreshConversations, openConversation, renderConvList, applyLoadedConversationState, initConversationListLazyLoading, initConversationFilter } from './journal-view.js';
 import {
   newConversation,
   confirmNewConversationModel,
@@ -87,7 +88,7 @@ import {
   loadRelayQuestions,
   getPendingQuestionCountsByConversation,
 } from './ask-user-view.js';
-import { openPendingQuestionFromBanner, submitRelayQuestionChoice, submitRelayQuestionAnswer, submitRelayStructuredAnswer, onRelayQuestionDraftInput, handleRelayQuestionKey } from './ask-user-view.js';
+import { openPendingQuestionFromBanner, submitRelayQuestionChoice, submitRelayQuestionAnswer, submitRelayQuestionMultiSelect, submitRelayStructuredAnswer, onRelayQuestionDraftInput, onRelayQuestionMultiSelectChange, setRelayQuestionMultiMode, handleRelayQuestionKey } from './ask-user-view.js';
 import { loadRelayBoards, submitRelayBoardAction } from './relay-board-view.js';
 import {
   restoreInFlightThinking,
@@ -99,7 +100,10 @@ import {
   updateComposerSlashMenu,
   getConversationLoadedMessageCount,
   loadOlderConversationMessages,
-  syncComposerControlState,
+  syncComposerButtonState,
+  syncCancellableSteerButtons,
+  syncComposerAfterUserEdit,
+  isConversationDraftHeldBySend,
   persistComposerAttachments,
   flushConversationDraft,
   initConversationHistoryLazyLoading,
@@ -115,6 +119,14 @@ import { loadRepoBrowserTree, openRepoBrowser, closeRepoBrowser, setRepoBrowserS
 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 } from './attachments-view.js';
 import { initEmojiPicker, toggleEmojiPicker } from './emoji-view.js';
 import { initSlashAutocomplete } from './slash-autocomplete.mjs';
+import { initMentionAutocomplete } from './mention-autocomplete.mjs';
+import { consumeConversationDeepLink } from './conversation-deep-link.mjs';
+import {
+  addRemoteRelayFromForm,
+  saveRemoteRelayPublicUrl,
+  showRemoteRelayTokenField,
+  toggleRemoteRelayInbound,
+} from './remote-relays-settings.js';
 import { dataTransferHasFiles } from './composer-paste.mjs';
 import { isReasoningOffUnsupported, reasoningEffortOptionLabel, reasoningEffortOptionTitle } from './reasoning-effort-labels.mjs';
 import {
@@ -297,7 +309,9 @@ import {
   confirmEmptyQueue,
   openSuspendHostConfirmation,
   confirmSuspendHost,
+  cancelQueuedHostSuspend,
 } from './action-confirmations.js';
+import { applyPendingActionsFromStatus, initHostSuspendUi } from './host-suspend-ui.js';
 import {
   startClaudeRelogin,
   submitClaudeLoginCodeFromInput,
@@ -694,13 +708,10 @@ function initPushNotificationClientHooks() {
   });
 }
 
+// ?push_conv=<id> (a notification tap) and ?conv=<id> (another relay's
+// provenance badge links here) both open that conversation once.
 function consumePushConversationDeepLink() {
-  const url = new URL(window.location.href);
-  const conversationId = String(url.searchParams.get('push_conv') || '').trim();
-  if (!conversationId) return '';
-  url.searchParams.delete('push_conv');
-  history.replaceState(null, document.title, `${url.pathname}${url.search}${url.hash}`);
-  return conversationId;
+  return consumeConversationDeepLink();
 }
 
 function handleForegroundTransition(reason, { immediate = false } = {}) {
@@ -1139,7 +1150,7 @@ function syncModelMetadataBlocker(message = '') {
     reasoningSelect.disabled = blocked;
     reasoningSelect.title = blocked ? 'Reasoning metadata unavailable' : 'Reasoning effort';
   }
-  window.syncComposerControlState?.();
+  window.syncComposerButtonState?.();
 }
 
 function currentConversationHasMessages() {
@@ -3238,8 +3249,13 @@ async function refreshSessionWorkerStatus() {
   const status = await refreshWorkspaceRootHints();
   if (!status) return;
   syncQueueStatusMenuEntry(status);
+  applyPendingActionsFromStatus(status);
   if (setSessionWorkerStatesFromStatusPayload(status.sessionWorker)) {
     renderConvList();
+    // A worker steering snapshot may have changed; the composer's Steer
+    // button (gate, hold) and the pushed rows' Cancel controls derive from it.
+    syncComposerButtonState();
+    syncCancellableSteerButtons();
   }
   updateCliStatus();
   const nextWorkerState = currentSdkSessionId ? getSessionWorkerState(currentSdkSessionId) : null;
@@ -3311,9 +3327,18 @@ function startLiveConversationPolling() {
   }, 900);
 }
 
+const transcriptResizeKeeper = createTranscriptResizeKeeper({
+  getElement: () => document.getElementById('messages'),
+});
+
 function setupViewportTracking() {
   syncViewportMetrics();
-  const update = () => syncViewportMetrics();
+  // After the metrics: --app-height decides the transcript's height, and the
+  // keeper's restore reads the post-resize layout.
+  const update = () => {
+    syncViewportMetrics();
+    transcriptResizeKeeper.handleResize();
+  };
   window.addEventListener('resize', update, { passive: true });
   window.addEventListener('orientationchange', update, { passive: true });
   if (window.visualViewport) {
@@ -3352,7 +3377,7 @@ function setupViewportTracking() {
   if (input && input.dataset.viewportBound !== '1') {
     input.dataset.viewportBound = '1';
     input.addEventListener('input', () => {
-      syncComposerControlState();
+      syncComposerAfterUserEdit();
     }, { passive: true });
     input.addEventListener('focus', () => {
       document.body.classList.add('keyboard-open');
@@ -3427,6 +3452,7 @@ function initMessageScrollPersistence() {
   if (!el || el.dataset.scrollPersistenceBound === '1') return;
   el.dataset.scrollPersistenceBound = '1';
   el.addEventListener('scroll', () => {
+    transcriptResizeKeeper.recordScroll();
     const convId = String(currentConvId || '').trim();
     if (!convId) return;
     saveConversationScrollTop(convId, el.scrollTop);
@@ -3932,6 +3958,7 @@ async function initApp() {
   syncQueueStatusMenuEntry();
   if (!sharedMode) {
     syncSuspendHostVisibility();
+    initHostSuspendUi();
   }
   setupViewportTracking();
   bindChatSelectionGuard();
@@ -3944,7 +3971,11 @@ async function initApp() {
     // The direct flush below can be killed mid-flight by the browser; the
     // queued copy survives and is replayed by Background Sync. If the direct
     // write wins, the replay hits a draft version conflict and is dropped.
-    if (!appSharedMode) void enqueueDraftFlushForBackgroundSync(currentConvId);
+    if (!appSharedMode) {
+      void enqueueDraftFlushForBackgroundSync(currentConvId, {
+        afterPendingSend: isConversationDraftHeldBySend(currentConvId),
+      });
+    }
     void flushConversationDraft(currentConvId);
     closeTmuxInspectorView();
   });
@@ -4163,7 +4194,9 @@ async function initApp() {
   initChatTitleCopy();
   initEmojiPicker();
   initSlashAutocomplete();
+  initMentionAutocomplete();
   initConversationListLazyLoading();
+  initConversationFilter();
   initConversationHistoryLazyLoading();
   initBubbleActionHandlers();
   initMessageScrollPersistence();
@@ -4294,6 +4327,10 @@ window.togglePushOnThisDevice = togglePushOnThisDevice;
 window.updatePushPreferencesFromControls = updatePushPreferencesFromControls;
 window.openSettingsModal = openSettingsModal;
 window.closeSettingsModal = closeSettingsModal;
+window.addRemoteRelayFromForm = addRemoteRelayFromForm;
+window.showRemoteRelayTokenField = showRemoteRelayTokenField;
+window.saveRemoteRelayPublicUrl = saveRemoteRelayPublicUrl;
+window.toggleRemoteRelayInbound = toggleRemoteRelayInbound;
 window.doAuth = doAuth;
 window.initApp = initApp;
 window.connectSocket = connectSocket;
@@ -4358,14 +4395,17 @@ window.confirmRepoBrowserCwdPick = confirmRepoBrowserCwdPick;
 window.toggleEmojiPicker = toggleEmojiPicker;
 window.submitRelayQuestionChoice = submitRelayQuestionChoice;
 window.submitRelayQuestionAnswer = submitRelayQuestionAnswer;
+window.submitRelayQuestionMultiSelect = submitRelayQuestionMultiSelect;
 window.submitRelayStructuredAnswer = submitRelayStructuredAnswer;
 window.onRelayQuestionDraftInput = onRelayQuestionDraftInput;
+window.onRelayQuestionMultiSelectChange = onRelayQuestionMultiSelectChange;
+window.setRelayQuestionMultiMode = setRelayQuestionMultiMode;
 window.handleRelayQuestionKey = handleRelayQuestionKey;
 window.openPendingQuestionFromBanner = openPendingQuestionFromBanner;
 window.submitRelayBoardAction = submitRelayBoardAction;
 window.compactCurrentConversation = compactCurrentConversation;
 window.sendMessage = sendMessage;
-window.syncComposerControlState = syncComposerControlState;
+window.syncComposerButtonState = syncComposerButtonState;
 window.syncComposerPlaceholder = syncComposerPlaceholder;
 window.persistComposerAttachments = persistComposerAttachments;
 window.appendMessage = appendMessage;
@@ -4387,6 +4427,7 @@ window.openSuspendHostConfirmation = openSuspendHostConfirmation;
 window.confirmKillCurrentSession = confirmKillCurrentSession;
 window.confirmRestartWebRelay = confirmRestartWebRelay;
 window.confirmSuspendHost = confirmSuspendHost;
+window.cancelQueuedHostSuspend = cancelQueuedHostSuspend;
 window.confirmEmptyQueue = confirmEmptyQueue;
 window.openMessageSearchModal = openMessageSearchModal;
 window.closeMessageSearchModal = closeMessageSearchModal;