@oar-sh/oar 0.9.3 → 0.9.5

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

@@ -45,6 +45,8 @@ import {
   imageEditTarget,
   setImageEditTarget as setStoredImageEditTarget,
   getSessionWorkerState,
+  openSummaryModal,
+  closeSummaryModal,
 } from './store.js';
 import { getPendingQuestionCountsByConversation } from './ask-user-view.js';
 import { sendMessage as sendMessageApi, cancelConversationTurn, cancelQueuedConversationTurn, cancelSubagentRun, compactConversation as compactConversationApi, scheduleContextUsageRefresh, loadConversation as loadConversationApi, loadSharedConversation, updateConversationDraft as updateConversationDraftApi, updateMessageShareVisibility } from './api-client.js';
@@ -55,6 +57,9 @@ import { buildWorkflowRunCard } from './background-tasks-view.mjs';
 import { parsePreviewCommand, runPreviewCommand } from './preview-command.mjs';
 import { buildTranscriptPreviewCard } from './preview-cards.mjs';
 import { closeSlashAutocomplete, handleSlashAutocompleteKey, updateSlashAutocomplete } from './slash-autocomplete.mjs';
+import { closeMentionAutocomplete, handleMentionAutocompleteKey, updateMentionAutocomplete } from './mention-autocomplete.mjs';
+import { renderRemoteOriginBadgeHtml } from './remote-relay-origin-view.mjs';
+import { stripRemoteRelayDisplayArtifacts } from './relay-prompt-sanitizer.mjs';
 import { evaluateUnknownCommandGuard } from './slash-commands.mjs';
 import { attachCodeCopyButtons } from './code-copy.mjs';
 import { relayErrorCtaActions } from './relay-error-ctas.mjs';
@@ -102,6 +107,16 @@ import {
   shouldApplyIncomingDraftToComposer,
 } from './conversation-draft-sync.mjs';
 import { isChatInteractionHeld, selectionIntersectsNode } from './selection-guard.mjs';
+import {
+  applyThinkingFollow,
+  getThinkingFollowMode,
+  initThinkingFollow,
+  observeThinkingBubble,
+  renderThinkingFollowButtonsHtml,
+  syncThinkingFollowButtons,
+  toggleThinkingFollowMode,
+  unobserveThinkingBubble,
+} from './thinking-follow.js';
 import { buildInFlightSnapshotKey } from './in-flight-snapshot.mjs';
 import { computeStablePrefixLength, planListPatch } from './streaming-dom-patch.mjs';
 import { prefixToolActivityEmoji } from './tool-activity-emoji.mjs';
@@ -1212,8 +1227,18 @@ function createMessageNode(msg, msgId = null, force = false) {
     seenMessageIds.add(msgId);
   }
 
+  // A prompt another relay's agent sent carries `origin`: its header line is
+  // hidden (the badge below says the same), and a stray remote-relay mention
+  // hint never shows on any user bubble.
+  const remoteOrigin = (msg?.role === 'user' && msg?.origin && typeof msg.origin === 'object') ? msg.origin : null;
+  if (msg?.role === 'user') {
+    const displayText = stripRemoteRelayDisplayArtifacts(msg.text, { origin: remoteOrigin });
+    if (displayText !== String(msg.text ?? '')) msg = { ...msg, text: displayText };
+  }
+
   const div = document.createElement('div');
   div.className = `msg ${msg.role}`;
+  if (remoteOrigin) div.classList.add('msg-from-remote-relay');
   if (msgId) div.dataset.messageId = msgId;
   const fingerprint = buildLiveMessageFingerprint({
     ...(msg && typeof msg === 'object' ? msg : {}),
@@ -1252,6 +1277,8 @@ function createMessageNode(msg, msgId = null, force = false) {
   // The settle marker of a steer the CLI consumed without a turn of its own:
   // folded into (and answered by) the turn above, or cut off unanswered by a
   // Stop. Compact, attached to its own user message, never merging forward.
+  // Also the marker of a message answered on a continuation row, which only
+  // shares the look.
   const steerMarkerClass = msg.role === 'assistant' ? STEER_MARKER_CLASS_BY_KIND[messageKind] : null;
   if (steerMarkerClass) div.classList.add(steerMarkerClass);
   const isStoppedSteer = msg.role === 'assistant' && messageKind === 'stopped';
@@ -1376,8 +1403,13 @@ function createMessageNode(msg, msgId = null, force = false) {
     ? `<div class="msg-bubble-actions"><button type="button" class="bubble-action-btn" data-action="resend-stopped-steer" data-message-id="${escHtml(msgId)}" title="Send this message again as a new turn"${resendState ? ' disabled' : ''}>${resendLabel}</button></div>`
     : '';
 
+  // Shared viewers get the badge without the link to the other relay.
+  const originBadgeHtml = remoteOrigin
+    ? renderRemoteOriginBadgeHtml(remoteOrigin, { linkable: !IS_SHARED_VIEW })
+    : '';
+
   div.innerHTML = `
-    <div class="${bubbleClass}">${shareVisibilityActionHtml}${thoughtsHtml}${content}${relayErrorCtaHtml}${attachmentHtml}${activityHtml}${subagentHtml}${workflowRunsHtml}${previewCardsHtml}${userBubbleActionsHtml}${stoppedSteerActionsHtml}</div>
+    <div class="${bubbleClass}">${shareVisibilityActionHtml}${thoughtsHtml}${originBadgeHtml}${content}${relayErrorCtaHtml}${attachmentHtml}${activityHtml}${subagentHtml}${workflowRunsHtml}${previewCardsHtml}${userBubbleActionsHtml}${stoppedSteerActionsHtml}</div>
     <div class="msg-label">${label}${modelTag}${reasoningTag}${modeTag}${autoTag}${continuationTag}${crossProviderTag}${usageTurnTag}${usageRemainingTag}${usageStaleTag} · ${fmtDate(msg.timestamp)}</div>`;
 
   const bubble = div.querySelector('.msg-bubble');
@@ -1699,10 +1731,14 @@ export function showThinking(messageId = null, autoScroll = true) {
       stopBtn.classList.toggle('stopping', stopping);
     }
     anchorThinkingBubble(existing, nextMessageId || existing.dataset.messageId);
-    if (autoScroll) scrollBottom();
+    syncThinkingFollowButtons(existing, getThinkingFollowMode());
+    observeThinkingBubble(existing);
+    if (getThinkingFollowMode()) applyThinkingFollow();
+    else if (autoScroll) scrollBottom();
     return;
   }
   existing?.remove();
+  unobserveThinkingBubble();
   const div = document.createElement('div');
   div.className = 'msg assistant';
   div.id = 'thinking-indicator';
@@ -1712,9 +1748,12 @@ export function showThinking(messageId = null, autoScroll = true) {
   const stopBtnHtml = (!IS_SHARED_VIEW && nextMessageId)
     ? `<button type="button" class="bubble-action-btn${isCancelInFlight ? ' stopping' : ''}" data-action="stop-turn" data-message-id="${escHtml(nextMessageId)}"${isCancelInFlight ? ' disabled' : ''}>${isCancelInFlight ? 'Stopping…' : 'Stop'}</button>`
     : '';
+  // Stop stays left; the follow buttons (💭 thoughts, 📃 answer, 🛠️ tools)
+  // sit on the right. See thinking-follow.js.
+  const followBtnsHtml = renderThinkingFollowButtonsHtml(getThinkingFollowMode());
   div.innerHTML = `
     <div class="thinking-bubble">
-      <div class="thinking-bubble-header">${stopBtnHtml}</div>
+      <div class="thinking-bubble-header">${stopBtnHtml}${followBtnsHtml}</div>
       <details id="thinking-thoughts" class="thinking-thoughts-panel" open>
         <summary>💭 Thoughts</summary>
         <div class="thinking-thoughts-list"></div>
@@ -1727,15 +1766,49 @@ export function showThinking(messageId = null, autoScroll = true) {
   anchorThinkingBubble(div, nextMessageId);
   renderThinkingThoughts();
   renderThinkingStream();
-  if (autoScroll) scrollBottom();
+  observeThinkingBubble(div);
+  if (getThinkingFollowMode()) applyThinkingFollow();
+  else if (autoScroll) scrollBottom();
 }
 
 export function removeThinking() {
   thinkingMessageId = null;
   lastInFlightSnapshotKey = '';
+  unobserveThinkingBubble();
   document.getElementById('thinking-indicator')?.remove();
 }
 
+// Stop is one tap away on a sticky header, so a stray touch must not kill a
+// long turn: confirm first, then run the existing stop path.
+function openStopTurnConfirmation(conversationId, messageId) {
+  const convId = String(conversationId || '').trim();
+  const id = String(messageId || '').trim();
+  if (!convId || !id) return;
+  if (bubbleCancelInFlight.has(id)) return;
+  openSummaryModal({
+    title: 'Stop this turn?',
+    subtitle: 'The agent stops after its current step',
+    kind: 'stop-turn',
+    bodyHtml: `
+      <p>Stop the running turn? Work already done stays; anything the agent was about to do is cut short.</p>
+      <div class="summary-modal-actions">
+        <button class="chat-title-action-btn danger-btn" type="button" data-stop-turn-confirm="1">⏹ Stop turn</button>
+        <button class="chat-title-action-btn" type="button" data-stop-turn-cancel="1">Keep running</button>
+      </div>
+    `,
+  });
+  const body = document.getElementById('summary-modal-body');
+  body?.querySelector('[data-stop-turn-confirm]')?.addEventListener('click', (event) => {
+    event.preventDefault();
+    closeSummaryModal();
+    void stopTurnByMessageId(convId, id);
+  }, { once: true });
+  body?.querySelector('[data-stop-turn-cancel]')?.addEventListener('click', (event) => {
+    event.preventDefault();
+    closeSummaryModal();
+  }, { once: true });
+}
+
 export function collapseThinkingThoughts() {
   const panel = document.getElementById('thinking-thoughts');
   if (!(panel instanceof HTMLDetailsElement)) return;
@@ -2919,7 +2992,7 @@ function runRelayErrorCta(cta) {
 }
 
 function handleBubbleActionClick(event) {
-  const btn = event.target.closest('.bubble-action-btn, .msg-share-visibility-btn');
+  const btn = event.target.closest('.bubble-action-btn, .msg-share-visibility-btn, .thinking-follow-btn');
   if (!btn) return;
   const action = btn.dataset.action;
   const messageId = btn.dataset.messageId;
@@ -2944,7 +3017,15 @@ function handleBubbleActionClick(event) {
   if (action === 'stop-turn' && messageId) {
     event.preventDefault();
     event.stopPropagation();
-    void stopTurnByMessageId(currentConvId, messageId);
+    openStopTurnConfirmation(currentConvId, messageId);
+  }
+
+  if (action === 'follow-thinking') {
+    event.preventDefault();
+    event.stopPropagation();
+    const mode = toggleThinkingFollowMode(currentConvId, btn.dataset.follow);
+    syncThinkingFollowButtons(document, mode);
+    if (mode) applyThinkingFollow({ force: true });
   }
 
   if (action === 'cancel-queued' && messageId) {
@@ -2997,6 +3078,7 @@ export function initBubbleActionHandlers() {
   if (!messagesEl) return;
   messagesEl.addEventListener('click', handleBubbleActionClick);
   messagesEl.addEventListener('click', handleEmbeddedImageClick);
+  initThinkingFollow({ getCurrentConversationId: () => currentConvId });
 }
 
 export function appendMessage(msg, scroll = true, msgId = null, force = false, insertAfterId = null, trackHistory = true) {
@@ -3342,6 +3424,7 @@ export async function sendMessage() {
   }
   if (!hasDraft) return;
   closeSlashAutocomplete();
+  closeMentionAutocomplete();
 
   // Warn-once typo guard: a message that looks like a command but matches none
   // would otherwise burn an agent turn as plain text.
@@ -3589,6 +3672,12 @@ export async function sendMessage() {
       };
       window.syncAutoModelAvailability?.();
     }
+    // Adopting the conversation can grow the composer (session-lock note,
+    // warning banner), which shrinks the transcript under a pane that was
+    // pinned to the newest message. Re-pin now rather than after the draft
+    // save's round trip below, or the new bubble sits under the composer
+    // for as long as that request takes.
+    if (viewingSendConversation()) scrollBottom();
     const persistedConversationId = String(r.conversationId || targetConversationId || '').trim();
     if (persistedConversationId) {
       restorableDraftByConversation.delete(persistedConversationId);
@@ -3661,12 +3750,16 @@ export async function sendMessage() {
 // menu in sync with the caret. Cheap no-op for non-slash text.
 export function updateComposerSlashMenu(input) {
   updateSlashAutocomplete(input, { conversationId: currentConvId });
+  // Second, so it sees the slash menu's verdict: the @relay popup never opens
+  // over an open slash menu, and at most one of them ever handles keys.
+  updateMentionAutocomplete(input);
 }
 
 export function handleKey(e) {
   // The open menu owns navigation keys; Ctrl/Cmd+Enter still falls through to
-  // send because the menu never consumes it.
+  // send because neither menu consumes it.
   if (handleSlashAutocompleteKey(e, e.target)) return;
+  if (handleMentionAutocompleteKey(e, e.target)) return;
   if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
     e.preventDefault();
     sendMessage();

package/server/public/app/host-suspend-ui.js

@@ -0,0 +1,272 @@
+// Pending host suspend / relay restart, as every device sees it: an app-wide
+// banner with a countdown and Cancel, plus the chat-actions menu labels.
+// State arrives over the socket (`host_suspend_state`, `relay_shutdown_state`)
+// and is also re-read from GET /api/status polls, so a client that missed an
+// event still catches up. The banner ignores the per-device "Show Suspend
+// host action" setting on purpose: a device with the action hidden must still
+// be able to see and cancel a queued suspend.
+
+import { escHtml, showTransientRelayNotice } from './store.js';
+import { cancelHostSuspend, cancelRelayRestart } from './api-client.js';
+
+const BANNER_ID = 'pending-action-banner';
+const SUSPEND_MENU_ID = 'chat-menu-suspend-host';
+const RESTART_MENU_ID = 'chat-menu-restart-relay';
+const SUSPEND_MENU_LABEL = '💤 Suspend host';
+const SUSPEND_MENU_PENDING_LABEL = '💤 Suspend pending…';
+const RESTART_MENU_LABEL = '🌄 Restart web relay';
+const RESTART_MENU_PENDING_LABEL = '🌄 Restart pending…';
+
+let hostSuspendState = null;
+let relayShutdownState = null;
+let countdownTimer = null;
+let cancelInFlight = false;
+
+export function getHostSuspendState() {
+  return hostSuspendState;
+}
+
+export function getRelayShutdownState() {
+  return relayShutdownState;
+}
+
+export function isHostSuspendPending(state = hostSuspendState) {
+  const status = String(state?.status || '').trim();
+  return status === 'queued' || status === 'countdown' || status === 'suspending';
+}
+
+export function isRelayShutdownPending(state = relayShutdownState) {
+  const status = String(state?.status || '').trim();
+  return status === 'queued' || status === 'shutting_down';
+}
+
+/** "0:27" style remaining time from a fireAt ISO string; null when not counting. */
+export function formatCountdown(fireAt, nowMs = Date.now()) {
+  const target = Date.parse(String(fireAt || ''));
+  if (!Number.isFinite(target)) return null;
+  const remaining = Math.max(0, Math.ceil((target - nowMs) / 1000));
+  const minutes = Math.floor(remaining / 60);
+  const seconds = remaining % 60;
+  return `${minutes}:${String(seconds).padStart(2, '0')}`;
+}
+
+/** One human line per blocker, e.g. "sidebar polish — 2 background agents: …". */
+export function describeHostSuspendBlocker(blocker) {
+  if (!blocker || typeof blocker !== 'object') return '';
+  const title = String(blocker.title || '').trim();
+  const detail = String(blocker.detail || '').trim();
+  switch (String(blocker.kind || '')) {
+    case 'turn':
+      return `${title || 'a session'} — ${detail || 'turn running'}`;
+    case 'background':
+      return `${title || 'a session'} — ${detail || 'background agents running'}`;
+    case 'ci':
+      return `CI ${title ? `in ${title}` : ''} — ${detail || 'runs open'}`.replace(/\s+—/, ' —');
+    case 'ci-unknown':
+      return detail || `CI state of ${title || 'a repository'} unknown`;
+    case 'ci-checking':
+      return detail || 'Checking CI state';
+    case 'error':
+      return detail || 'Activity check failed';
+    default:
+      return [title, detail].filter(Boolean).join(' — ');
+  }
+}
+
+/** Short banner summary: first two blockers, "+N more". */
+export function summarizeHostSuspendBlockers(blockers) {
+  const list = (Array.isArray(blockers) ? blockers : []).map(describeHostSuspendBlocker).filter(Boolean);
+  if (!list.length) return '';
+  const shown = list.slice(0, 2);
+  const rest = list.length - shown.length;
+  return shown.join('; ') + (rest > 0 ? `; +${rest} more` : '');
+}
+
+export function hostSuspendBannerText(state, nowMs = Date.now()) {
+  if (!isHostSuspendPending(state)) return '';
+  const status = String(state.status || '');
+  if (status === 'suspending') return '💤 Suspending host now…';
+  if (status === 'countdown') {
+    const countdown = formatCountdown(state.fireAt, nowMs);
+    return countdown ? `💤 Everything is idle — suspending host in ${countdown}` : '💤 Everything is idle — suspending host shortly';
+  }
+  const summary = summarizeHostSuspendBlockers(state.blockers);
+  return summary
+    ? `💤 Suspend queued — waiting for: ${summary}`
+    : '💤 Suspend queued — waiting for running agents to finish';
+}
+
+export function relayShutdownBannerText(state) {
+  if (!isRelayShutdownPending(state)) return '';
+  const action = state.action === 'restart' || state.restart ? 'restart' : 'shutdown';
+  const icon = action === 'restart' ? '🌄' : '⏻';
+  if (String(state.status || '') === 'shutting_down') {
+    return `${icon} Relay ${action === 'restart' ? 'restarting' : 'shutting down'} now…`;
+  }
+  const queue = state.queue || {};
+  const turns = Number(queue.pendingCount || 0) + Number(queue.processingCount || 0) + Number(queue.parkedCount || 0);
+  const waiting = turns > 0 ? `waiting for ${turns} turn${turns === 1 ? '' : 's'} to finish` : 'queue is idle, going down now';
+  return `${icon} Relay ${action} queued — ${waiting}`;
+}
+
+function ensureBanner() {
+  let banner = document.getElementById(BANNER_ID);
+  if (banner) return banner;
+  banner = document.createElement('div');
+  banner.id = BANNER_ID;
+  banner.setAttribute('role', 'status');
+  banner.setAttribute('aria-live', 'polite');
+  document.body?.appendChild(banner);
+  return banner;
+}
+
+function bannerRow({ text, cancelLabel, onCancel, key }) {
+  const row = document.createElement('div');
+  row.className = 'pending-action-row';
+  row.dataset.pending = key;
+  const label = document.createElement('span');
+  label.className = 'pending-action-text';
+  label.textContent = text;
+  row.appendChild(label);
+  if (cancelLabel && typeof onCancel === 'function') {
+    const btn = document.createElement('button');
+    btn.type = 'button';
+    btn.className = 'relay-toast-action pending-action-cancel';
+    btn.textContent = cancelLabel;
+    btn.disabled = cancelInFlight;
+    btn.addEventListener('click', (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      void onCancel();
+    });
+    row.appendChild(btn);
+  }
+  return row;
+}
+
+async function runCancelHostSuspend() {
+  if (cancelInFlight) return;
+  cancelInFlight = true;
+  renderPendingActionBanner();
+  try {
+    const result = await cancelHostSuspend();
+    if (!result?.ok) {
+      showTransientRelayNotice('Failed to cancel the queued suspend.', 5000);
+      return;
+    }
+    if (result.state) applyHostSuspendState(result.state);
+    showTransientRelayNotice(result.cancelled ? 'Queued host suspend cancelled.' : 'No host suspend was pending.', 4000);
+  } finally {
+    cancelInFlight = false;
+    renderPendingActionBanner();
+  }
+}
+
+async function runCancelRelayShutdown() {
+  if (cancelInFlight) return;
+  cancelInFlight = true;
+  renderPendingActionBanner();
+  try {
+    const result = await cancelRelayRestart();
+    if (!result?.ok) {
+      showTransientRelayNotice('Failed to cancel the queued relay restart.', 5000);
+      return;
+    }
+    applyRelayShutdownState(result);
+    showTransientRelayNotice(result.cancelled ? 'Queued relay restart cancelled.' : 'No relay restart was pending.', 4000);
+  } finally {
+    cancelInFlight = false;
+    renderPendingActionBanner();
+  }
+}
+
+function syncCountdownTimer() {
+  const needsTicker = isHostSuspendPending() && String(hostSuspendState?.status || '') === 'countdown' && hostSuspendState?.fireAt;
+  if (needsTicker && !countdownTimer) {
+    countdownTimer = setInterval(() => renderPendingActionBanner(), 1000);
+  } else if (!needsTicker && countdownTimer) {
+    clearInterval(countdownTimer);
+    countdownTimer = null;
+  }
+}
+
+export function renderPendingActionBanner() {
+  if (typeof document === 'undefined') return;
+  const rows = [];
+  if (isHostSuspendPending()) {
+    rows.push(bannerRow({
+      key: 'host-suspend',
+      text: hostSuspendBannerText(hostSuspendState),
+      cancelLabel: String(hostSuspendState?.status || '') === 'suspending' ? '' : 'Cancel',
+      onCancel: runCancelHostSuspend,
+    }));
+  }
+  if (isRelayShutdownPending()) {
+    const restarting = String(relayShutdownState?.status || '') === 'shutting_down';
+    rows.push(bannerRow({
+      key: 'relay-shutdown',
+      text: relayShutdownBannerText(relayShutdownState),
+      cancelLabel: restarting ? '' : 'Cancel',
+      onCancel: runCancelRelayShutdown,
+    }));
+  }
+  const banner = document.getElementById(BANNER_ID) || (rows.length ? ensureBanner() : null);
+  if (!banner) return;
+  banner.replaceChildren(...rows);
+  banner.classList.toggle('visible', rows.length > 0);
+  banner.hidden = rows.length === 0;
+  syncMenuLabels();
+  syncCountdownTimer();
+}
+
+function syncMenuLabels() {
+  const suspendBtn = document.getElementById(SUSPEND_MENU_ID);
+  if (suspendBtn) suspendBtn.textContent = isHostSuspendPending() ? SUSPEND_MENU_PENDING_LABEL : SUSPEND_MENU_LABEL;
+  const restartBtn = document.getElementById(RESTART_MENU_ID);
+  if (restartBtn) restartBtn.textContent = isRelayShutdownPending() ? RESTART_MENU_PENDING_LABEL : RESTART_MENU_LABEL;
+}
+
+export function applyHostSuspendState(state) {
+  const previous = hostSuspendState;
+  hostSuspendState = state && typeof state === 'object' ? state : null;
+  if (isHostSuspendPending(previous) && !isHostSuspendPending(hostSuspendState) && hostSuspendState?.lastError) {
+    showTransientRelayNotice(`Host suspend failed: ${hostSuspendState.lastError}`, 8000);
+  }
+  renderPendingActionBanner();
+}
+
+export function applyRelayShutdownState(state) {
+  relayShutdownState = state && typeof state === 'object' ? state : null;
+  renderPendingActionBanner();
+}
+
+/** GET /api/status carries both states; the poll keeps late clients honest. */
+export function applyPendingActionsFromStatus(status) {
+  if (!status || typeof status !== 'object') return;
+  if ('hostSuspend' in status) hostSuspendState = status.hostSuspend || null;
+  if ('relayShutdown' in status) {
+    const next = status.relayShutdown ? { ...status.relayShutdown } : null;
+    if (next && !next.queue) {
+      next.queue = {
+        pendingCount: Number(status.pendingCount || 0),
+        processingCount: Number(status.processingCount || 0),
+        parkedCount: Number(status.parkedCount || 0),
+      };
+    }
+    relayShutdownState = next;
+  }
+  renderPendingActionBanner();
+}
+
+export function initHostSuspendUi() {
+  renderPendingActionBanner();
+}
+
+export function __resetHostSuspendUiForTests() {
+  hostSuspendState = null;
+  relayShutdownState = null;
+  cancelInFlight = false;
+  if (countdownTimer) { clearInterval(countdownTimer); countdownTimer = null; }
+  document.getElementById(BANNER_ID)?.remove();
+  syncMenuLabels();
+}

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

@@ -58,6 +58,7 @@ import {
   conversationProviderIndicatorLabel,
 } from './conversation-provider-indicator.mjs';
 import { leaveStatusView } from './status-view.mjs';
+import { renderConversationOriginMarkerHtml } from './remote-relay-origin-view.mjs';
 import {
   normalizeConversationFilter,
   filterConversations,
@@ -349,10 +350,12 @@ export function renderConvList() {
     const providerIndicatorHtml = providerIndicatorLabel
       ? `<span class="conv-provider-indicator"${providerIndicatorKey ? ` data-provider="${providerIndicatorKey}"` : ''}>${providerIndicatorLabel}</span>`
       : '';
+    // "↗ win-test": another relay's agent created this conversation.
+    const originMarkerHtml = renderConversationOriginMarkerHtml(c);
     return `
     <div class="conv-item worker-ui-${view.visualState}${c.id === currentConvId ? ' active' : ''}" onclick="openConversation('${c.id}')">
       <div class="conv-title">${escHtml(c.title)}${processingDots ? `<span class="conv-processing-dots">${escHtml(` ${processingDots}`)}</span>` : ''}${c.archived ? ' <span style="font-size:0.68rem;color:var(--muted)">(archived)</span>' : ''}${pendingByConversation[c.id] ? ` <span class="conv-open-questions">${pendingByConversation[c.id]} open</span>` : ''}</div>
-      <div class="conv-meta"><span class="conv-meta-primary">${fmtDate(c.updatedAt)} · ${c.messageCount} msg${c.messageCount !== 1 ? 's' : ''}</span>${providerIndicatorHtml}</div>
+      <div class="conv-meta"><span class="conv-meta-primary">${fmtDate(c.updatedAt)} · ${c.messageCount} msg${c.messageCount !== 1 ? 's' : ''}</span>${originMarkerHtml}${providerIndicatorHtml}</div>
       <button class="conv-delete" onclick="deleteConv(event,'${c.id}')" title="Delete">🗑</button>
     </div>`;
   }).join('')}${footerHtml}`;