newmark-agent 0.5.11 → 0.5.13

package/dist/ui/index.html

@@ -1545,6 +1545,7 @@ button.left-ws-item {
   font-size: 12px;
 }
 .md-rendered pre {
+  position: relative;
   margin: 8px 0;
   padding: 10px 12px;
   overflow-x: auto;
@@ -2138,6 +2139,19 @@ button.left-ws-item {
   /* Opaque theme-tinted foundation below the transcript, rails and glass. */
   background-color: var(--chat-canvas);
 }
+.md-code-copy {
+  position: absolute;
+  top: 6px;
+  right: 7px;
+  border: 1px solid var(--glass-border-1);
+  border-radius: 4px;
+  background: var(--glass-bg-2);
+  color: var(--text-dim);
+  padding: 2px 6px;
+  font-size: 10px;
+  cursor: pointer;
+}
+.md-code-copy:hover { color: var(--text); }
 
 #chat-area {
   flex: 1;
@@ -2512,6 +2526,33 @@ button.left-ws-item {
   overflow: visible;
 }
 
+/* Build Block transcript is a plain timeline, never a glass surface.  Keep
+   this explicit and high-priority so broad chat/panel material rules cannot
+   reintroduce a rounded white compositor plane around an expanded run. */
+.work-run-message,
+.conversation-work-run,
+.conversation-work-run-head,
+.conversation-work-run-body {
+  background: transparent !important;
+  background-image: none !important;
+  backdrop-filter: none !important;
+  -webkit-backdrop-filter: none !important;
+  filter: none !important;
+  border: 0 !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+}
+
+.work-run-message::before,
+.work-run-message::after,
+.conversation-work-run-head::before,
+.conversation-work-run-head::after,
+.conversation-work-run-body::before,
+.conversation-work-run-body::after {
+  content: none !important;
+  display: none !important;
+}
+
 .conversation-work-run::before {
   content: "";
   position: absolute;
@@ -2589,8 +2630,8 @@ button.left-ws-item {
 .conversation-work-activity-list { display: flex; flex-direction: column; gap: 4px; margin: 4px 0 5px 24px; padding: 0; border: 0; }
 .conversation-work-activity-item { display: grid; grid-template-columns: 17px minmax(0,1fr); gap: 7px; align-items: start; min-height: 24px; color: var(--text-dim); font: 400 11px/1.5 var(--font-ui); }
 .conversation-work-activity-item .nm-icon { margin-top: 2px; }
-.conversation-work-display-image { display:grid; gap:6px; width:min(100%, 640px); margin:7px 0 3px 24px; padding:0; border:0; background:transparent; color:var(--text-dim); text-align:left; cursor:pointer; }
-.conversation-work-display-image img { display:block; width:100%; max-height:420px; object-fit:contain; object-position:left center; border:1px solid var(--glass-border-2); border-radius:var(--radius-md); background:rgba(0,0,0,.18); }
+.conversation-work-display-image { display:inline-grid; justify-items:start; gap:6px; width:fit-content !important; max-width:min(100%, 640px); margin:7px 0 3px 24px; padding:0; border:0; border-radius:0 !important; background:transparent; color:var(--text-dim); text-align:left; cursor:pointer; }
+.conversation-work-display-image img { display:block; width:auto; max-width:100%; height:auto; max-height:420px; object-fit:contain; object-position:left center; border:1px solid var(--glass-border-2); border-radius:var(--radius-sm); background:rgba(0,0,0,.18); }
 .conversation-work-display-image span { font:10px/1.4 var(--font-ui); }
 .conversation-work-display-image:hover span, .conversation-work-display-image:focus-visible span { color:var(--accent); }
 .work-run-collapsed-images { display:none; flex-direction:column; gap:8px; margin:0 34px 8px 0; }
@@ -4823,20 +4864,28 @@ textarea.mcp-input { min-height:76px; resize:vertical; font-family:var(--font-mo
 }
 
 .conversation-image-attachments {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(132px, 190px));
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: flex-start;
   gap: 8px;
   margin-top: 9px;
 }
+.chat-msg.user .conversation-image-attachments { justify-content: flex-end; }
+.chat-msg.assistant .conversation-image-attachments,
+.chat-msg.workflow .conversation-image-attachments { justify-content: flex-start; }
 
 .conversation-image-attachment {
   min-width: 0;
-  display: flex;
+  width: fit-content !important;
+  max-width: min(100%, 280px);
+  display: inline-flex;
   flex-direction: column;
+  align-items: flex-start;
   gap: 5px;
   padding: 6px;
   border: 1px solid var(--glass-border-2);
-  border-radius: var(--radius-md);
+  border-radius: var(--radius-sm) !important;
   background: var(--glass-bg-1);
   color: var(--text);
   font: 11px/1.35 var(--font-ui);
@@ -4851,8 +4900,11 @@ textarea.mcp-input { min-height:76px; resize:vertical; font-family:var(--font-mo
 }
 
 .conversation-image-attachment img {
-  width: 100%;
-  height: 112px;
+  display: block;
+  width: auto;
+  max-width: 100%;
+  height: auto;
+  max-height: 180px;
   border-radius: var(--radius-sm);
   object-fit: contain;
   background: rgba(0,0,0,.18);
@@ -5842,6 +5894,14 @@ button.diff-block-header:active:not(:disabled),
 button.work-review-head:active:not(:disabled) {
   scale: 1;
   filter: none;
+}
+button.conversation-work-run-head:active:not(:disabled) {
+  background: transparent !important;
+  background-image: none !important;
+}
+button.shell-block-header:active:not(:disabled),
+button.diff-block-header:active:not(:disabled),
+button.work-review-head:active:not(:disabled) {
   background-color: revert !important;
 }
 
@@ -8814,7 +8874,7 @@ function renderMarkdownBlocks(text) {
       var code = codeLines.join('\n');
       var normalizedLanguage = lang ? normalizeCodeLanguage(lang) : 'text';
       var highlighted = normalizedLanguage === 'text' ? esc(code) : highlightCodeByLanguage(code, normalizedLanguage);
-      html += '<pre><code' + (lang ? ' data-lang="' + escAttr(lang) + '"' : '') + ' class="md-code-block language-' + escAttr(normalizedLanguage) + '">' + highlighted + '</code></pre>';
+      html += '<pre><button class="md-code-copy" type="button" title="' + escAttr(t('common.copy')) + '" data-code="' + escAttr(code) + '" onclick="window.copyMarkdownCode(this)">' + esc(t('common.copy')) + '</button><code' + (lang ? ' data-lang="' + escAttr(lang) + '"' : '') + ' class="md-code-block language-' + escAttr(normalizedLanguage) + '">' + highlighted + '</code></pre>';
       continue;
     }
     if (trimmed === '$$' || trimmed === '\\[') {
@@ -9891,6 +9951,19 @@ function workReviewRunIds(runId, aliases) {
   return ids;
 }
 
+window.copyMarkdownCode = async function(button) {
+  var value = String(button && button.getAttribute('data-code') || '');
+  try {
+    if (navigator.clipboard && navigator.clipboard.writeText) await navigator.clipboard.writeText(value);
+    else {
+      var helper = document.createElement('textarea');
+      helper.value = value; helper.style.position = 'fixed'; helper.style.opacity = '0';
+      document.body.appendChild(helper); helper.select(); document.execCommand('copy'); helper.remove();
+    }
+    if (button) { button.textContent = t('common.copied'); setTimeout(function() { button.textContent = t('common.copy'); }, 1200); }
+  } catch (e) {}
+};
+
 function upsertWorkReviewRecord(ui, diffs, runId, aliases) {
   if (!ui) return null;
   if (!Array.isArray(ui.workReviews)) ui.workReviews = [];
@@ -9969,7 +10042,9 @@ var STREAMING_LARGE_TEXT_INTERVAL_MS = 100;
 
 function updateMsg(div, text, role, mode, model, options) {
   if (!div) return;
+  var preserveRunFinalResponse = div.classList && div.classList.contains('run-final-response');
   if (role) div.className = 'chat-msg ' + role;
+  if (preserveRunFinalResponse) div.classList.add('run-final-response');
   text = redactSensitiveText(text);
   div._newmarkMessageText = String(text || '');
   var body = div.querySelector('.msg-body');
@@ -11167,6 +11242,7 @@ function presentedWorkRunEvents(run, includeGuides) {
   var rawEvents = (run.events || []).filter(publicWorkEvent).filter(function(event) {
     return includeGuides !== false || !(String(event && event.type || '').toLowerCase().indexOf('guide') === 0 || !!(event && event.guide));
   }).sort(compareConversationWorkEvents);
+  var terminalAssistantResponse = terminalAssistantResponseForRun(run);
   var terminalInterrupted = ['interrupted', 'force_interrupted'].indexOf(String(run && run.status || '')) >= 0;
   var events = [];
   var publicText = '';
@@ -11193,6 +11269,10 @@ function presentedWorkRunEvents(run, includeGuides) {
       // response boundary, while retaining every distinct provider reply.
       publicText = '';
       while (events.length && ['public_text', 'partial_text'].indexOf(String(events[events.length - 1].type || '').toLowerCase()) >= 0) events.pop();
+      // If an interrupted run never produced final_response, its last public
+      // response becomes the standalone Agent boundary below the Build. Do
+      // not keep the same text inside the expanded Build as a duplicate.
+      if (terminalAssistantResponse && terminalAssistantResponse.interrupted && terminalAssistantResponse.event === rawEvent) continue;
       events.push(rawEvent);
       continue;
     }
@@ -11946,6 +12026,47 @@ function renderConversationHistoryFirst(target) {
 }
 
 function renderChatMessages(messages, target) {
+  var liveArea = els['chat-area'];
+  if (!liveArea) return;
+  var previousRendered = Array.isArray(state.renderedChatMessages) ? state.renderedChatMessages.slice() : [];
+  var previousHtml = liveArea.innerHTML;
+  var previousScrollTop = liveArea.scrollTop;
+  var wasAtBottom = shouldAutoScroll(liveArea);
+  var stagingArea = liveArea.cloneNode(false);
+  els['chat-area'] = stagingArea;
+  try {
+    renderChatMessagesUnsafe(messages, target);
+    liveArea.replaceChildren.apply(liveArea, Array.prototype.slice.call(stagingArea.childNodes));
+    if (wasAtBottom) _chatShouldAutoScroll = true;
+    else liveArea.scrollTop = previousScrollTop;
+  } catch (error) {
+    state.renderedChatMessages = previousRendered;
+    liveArea.innerHTML = previousHtml;
+    liveArea.scrollTop = previousScrollTop;
+    console.error('[ui_chat_render_failed]', error);
+    showUiNotice(currentLang() === 'zh' ? '对话渲染出现异常，已保留原内容。' : 'Chat rendering failed; the previous content was preserved.', 'error', 'chat-render-failed');
+  } finally {
+    els['chat-area'] = liveArea;
+  }
+}
+
+function terminalAssistantResponseForRun(run) {
+  var events = Array.isArray(run && run.events) ? run.events : [];
+  for (var finalIndex = events.length - 1; finalIndex >= 0; finalIndex--) {
+    if (String(events[finalIndex] && events[finalIndex].type || '').toLowerCase() !== 'final_response') continue;
+    var finalContent = String(events[finalIndex] && events[finalIndex].content || '').trim();
+    if (finalContent) return { content: finalContent, timestamp: events[finalIndex].timestamp || run.endedAt || '', interrupted: false, event: events[finalIndex] };
+  }
+  if (['interrupted', 'force_interrupted'].indexOf(String(run && run.status || '').toLowerCase()) < 0) return null;
+  for (var responseIndex = events.length - 1; responseIndex >= 0; responseIndex--) {
+    if (String(events[responseIndex] && events[responseIndex].type || '').toLowerCase() !== 'response') continue;
+    var responseContent = String(events[responseIndex] && events[responseIndex].content || '').trim();
+    if (responseContent) return { content: responseContent, timestamp: events[responseIndex].timestamp || run.endedAt || '', interrupted: true, event: events[responseIndex] };
+  }
+  return null;
+}
+
+function renderChatMessagesUnsafe(messages, target) {
   var renderTarget = target || currentConversationTarget(activeConversationId());
   var normalizedMessages = cacheConversationMessages(messages, renderTarget);
   state.renderedChatMessages = normalizedMessages;
@@ -11970,6 +12091,7 @@ function renderChatMessages(messages, target) {
   var persistedRunsById = {};
   var persistedRunIndexes = {};
   var renderedRunIds = {};
+  var recoveredAssistantRunIds = {};
   var messageRunRoles = {};
   state.guideMessageIndexByClientId = {};
   persistedRuns.forEach(function(run, runIndex) {
@@ -11988,26 +12110,20 @@ function renderChatMessages(messages, target) {
     if (!messageRunRoles[runId]) messageRunRoles[runId] = {};
     if (role === 'user' || role === 'assistant') messageRunRoles[runId][role] = true;
   });
-  function finalResponseForRun(run) {
-    var events = Array.isArray(run && run.events) ? run.events : [];
-    for (var eventIndex = events.length - 1; eventIndex >= 0; eventIndex--) {
-      if (String(events[eventIndex] && events[eventIndex].type || '').toLowerCase() !== 'final_response') continue;
-      var content = String(events[eventIndex] && events[eventIndex].content || '').trim();
-      if (content) return { content: content, timestamp: events[eventIndex].timestamp || run.endedAt || '' };
-    }
-    return null;
-  }
   function renderOwnedWorkRun(run, includeRecoveredFinal) {
     var runId = String(run && run.runId || '');
-    if (!runId || renderedRunIds[runId]) return;
+    if (!runId) return;
     var roles = messageRunRoles[runId] || {};
-    if (!roles.user && String(run.primaryPrompt || '').trim()) {
-      addMsg('user', run.primaryPrompt, '', '', -1, { runId: runId, target: renderTarget, timestamp: run.startedAt || '', recovered: true });
+    if (!renderedRunIds[runId]) {
+      if (!roles.user && String(run.primaryPrompt || '').trim()) {
+        addMsg('user', run.primaryPrompt, '', '', -1, { runId: runId, target: renderTarget, timestamp: run.startedAt || '', recovered: true });
+      }
+      renderConversationWorkRun(run, workRunBeforeElement(run));
+      renderedRunIds[runId] = true;
     }
-    renderConversationWorkRun(run, workRunBeforeElement(run));
-    renderedRunIds[runId] = true;
-    if (includeRecoveredFinal && !roles.assistant) {
-      var recoveredFinal = finalResponseForRun(run);
+    if (includeRecoveredFinal && !roles.assistant && !recoveredAssistantRunIds[runId]) {
+      recoveredAssistantRunIds[runId] = true;
+      var recoveredFinal = terminalAssistantResponseForRun(run);
       if (recoveredFinal) addMsg('assistant', recoveredFinal.content, '', '', -1, { runId: runId, target: renderTarget, timestamp: recoveredFinal.timestamp, recovered: true });
     }
   }
@@ -12289,6 +12405,18 @@ function renderAgentWorkEvent(event) {
       var finalMsg = addMsg('assistant', content, event.mode || state.mode, event.model || state.model, undefined, { runId: event.runId || '', target: workRun.target || currentConversationTarget(eventConversationId) });
       markFinalResponseMsg(eventConversationId, content, finalMsg);
     }
+  } else if (workRun && (['interrupted', 'force_interrupted'].indexOf(String(type).toLowerCase()) >= 0
+    || (type === 'status' && ['interrupted', 'force_interrupted'].indexOf(String(event.status || workRun.status || '').toLowerCase()) >= 0))) {
+    ui.activeWorkflowText = '';
+    ui.activeWorkflowMsg = null;
+    ui._streamFlushPending = false;
+    ui._lastLargeStreamRenderAt = 0;
+    var interruptedResponse = terminalAssistantResponseForRun(workRun);
+    if (interruptedResponse && interruptedResponse.content) {
+      var interruptedMsg = addMsg('assistant', interruptedResponse.content, event.mode || state.mode, event.model || state.model, undefined, { runId: event.runId || workRun.runId || '', target: workRun.target || currentConversationTarget(eventConversationId) });
+      markFinalResponseMsg(eventConversationId, interruptedResponse.content, interruptedMsg);
+    }
+    finishToolBatch(eventConversationId);
   } else if (type === 'tool_call' && !workRun) {
     upsertToolEvent(event, '');
   } else if (type === 'tool_result' && !workRun) {
@@ -12359,6 +12487,33 @@ function replayActiveAgentWorkEvents() {
 }
 
 var _conversationsRenderPending = false;
+var _contextWindowRefreshTimer = null;
+var _contextWindowRefreshInFlight = false;
+var _contextWindowRefreshTargetKey = '';
+
+function scheduleActiveContextWindowRefresh(target) {
+  if (!api.getState || !target || !isActiveConversationTarget(target)) return;
+  var targetKey = runtimeKeyFor(target.workspaceId, target.conversationId);
+  _contextWindowRefreshTargetKey = targetKey;
+  if (_contextWindowRefreshTimer !== null) return;
+  _contextWindowRefreshTimer = window.setTimeout(function() {
+    _contextWindowRefreshTimer = null;
+    if (_contextWindowRefreshInFlight || !isActiveConversationTarget(target)) return;
+    _contextWindowRefreshInFlight = true;
+    api.getState(target).then(function(snapshot) {
+      if (!snapshot || !isActiveConversationTarget(target) || _contextWindowRefreshTargetKey !== targetKey) return;
+      if (snapshot.contextWindow !== undefined) {
+        state.contextWindow = snapshot.contextWindow;
+        window.renderContextWindow();
+      }
+      if (snapshot.contextCompression !== undefined) state.contextCompression = snapshot.contextCompression;
+      if (state.rightTab === 'status') window.renderRightStatusPanel();
+    }).catch(function(){}).then(function() {
+      _contextWindowRefreshInFlight = false;
+    });
+  }, 120);
+}
+
 function scheduleConversationsRender() {
   if (_conversationsRenderPending) return;
   _conversationsRenderPending = true;
@@ -12426,6 +12581,15 @@ function appendAgentWorkEvent(event) {
   if (active) {
     setWorking(!!runningConversationRecord(activeConversationId()) || currentFlowRunning());
     updateSubmitButtonState();
+    // Refresh snapshots only at semantic boundaries. Text/thought deltas can
+    // arrive hundreds of times per second; issuing IPC snapshots for each
+    // delta creates avoidable renderer/runtime contention and used to make a
+    // healthy utility runtime look like a mysteriously interrupted run.
+    var refreshableLiveEvent = event.type === 'status'
+      || event.type === 'tool_result'
+      || event.type === 'usage'
+      || event.type === 'message_end';
+    if (refreshableLiveEvent) scheduleActiveContextWindowRefresh(target);
   }
   if (active && event.type === 'tool_result' && ['linked_plan', 'task_read', 'task_create', 'task', 'subagent_create', 'SubAgent', 'subagent_send', 'subagent_read', 'subagent_close'].indexOf(String(event.toolName || '')) >= 0 && api.getState) {
     var eventWorkspaceKey = currentWorkspaceKey();
@@ -12441,6 +12605,12 @@ function appendAgentWorkEvent(event) {
     var terminalWorkspaceKey = currentWorkspaceKey();
     api.getState(target).then(function(snapshot) {
       if (!isActiveConversationTarget(target) || terminalWorkspaceKey !== currentWorkspaceKey()) return;
+      if (snapshot && snapshot.contextWindow !== undefined) {
+        state.contextWindow = snapshot.contextWindow;
+        window.renderContextWindow();
+      }
+      if (snapshot && snapshot.contextCompression !== undefined) state.contextCompression = snapshot.contextCompression;
+      if (state.rightTab === 'status') window.renderRightStatusPanel();
       // Backend-owned Goal continuations have no renderer send promise to
       // return the final snapshot. Refresh on the terminal work event so a
       // completed Goal clears its bar and restores Build immediately.
@@ -16069,7 +16239,7 @@ window.sendMessage = async function(modeOverride, queuedText, opts) {
         applyAutoRouteRatingState(s);
         hydrateConversationBranchState(s);
         syncWorkRunsSnapshot(s.workRuns, lockedTarget);
-        renderChatMessages(s.chatMessages || []);
+        if (Array.isArray(s.chatMessages)) renderChatMessages(s.chatMessages, lockedTarget);
       }
       if (s && s.queued) {
         var refreshedQueue = setBackendQueueForTarget(s.queued, lockedTarget);
@@ -21564,6 +21734,18 @@ function initializeBrowserGuest(view) {
         addMsg('assistant', '[Browser] Load failed: ' + e.errorDescription, 'error', '');
       }
     });
+    // Keep target=_blank/window.open inside the embedded browser. Electron's
+    // webview otherwise creates an external window that has no address bar or
+    // reload control, so a popup page could not be refreshed in-place.
+    view.addEventListener('new-window', function(e) {
+      var popupUrl = String(e && e.url || '').trim();
+      if (!popupUrl || !/^(?:https?:|about:blank|newmark-preview:)/i.test(popupUrl)) return;
+      if (e && typeof e.preventDefault === 'function') e.preventDefault();
+      rememberBrowserUrl(popupUrl, true, target);
+      var input = els['browser-url'];
+      if (input && isActiveConversationTarget(target)) input.value = popupUrl;
+      navigateBrowserView(view, popupUrl);
+    });
     var current = '';
     try { current = view.getURL ? view.getURL() : ''; } catch { current = ''; }
     if (!current && !view.getAttribute('src')) view.setAttribute('src', browserRetainedUrls[targetKey] || 'about:blank');