newmark-agent 0.4.0 → 0.4.2

package/dist/tui/src/state.js

@@ -197,9 +197,14 @@ function createState(options = {}) {
     inputCursor: 0,
     conversationScroll: 0,
     conversationMaxScroll: 0,
+    contentScroll: 0,
+    contentFocusLine: -1,
     conversationHistoryFocus: false,
     historySelectedIndex: -1,
     historySelectedImageIndex: -1,
+    historyEventFocus: false,
+    historyEventIndex: -1,
+    collapsedBuildEvents: new Set(),
     historyVisibleRunIds: [],
     historyCursorDirection: 0,
     expandedBuildRuns: new Set(
@@ -549,6 +554,8 @@ function switchView(state, id) {
   state.input = "";
   state.inputCursor = 0;
   if (id === "chat") state.conversationScroll = 0;
+  state.contentScroll = 0;
+  state.contentFocusLine = -1;
 }
 
 function normalizedAutomation(item) {
@@ -1330,6 +1337,76 @@ function filteredCommands(state) {
   return data.commands.filter((command) => command.label.toLowerCase().includes(query));
 }
 
+function focusableEventsForRun(run) {
+  return (run?.events || [])
+    .filter((event) => {
+      const type = String(event?.type || "").toLowerCase();
+      return type && type !== "final_response" && !type.startsWith("guide");
+    })
+    .sort((left, right) => {
+      const leftSeq = Number(left?.sequence);
+      const rightSeq = Number(right?.sequence);
+      if (Number.isFinite(leftSeq) && Number.isFinite(rightSeq) && leftSeq !== rightSeq) return leftSeq - rightSeq;
+      const leftTime = new Date(left?.timestamp || left?.createdAt || "").getTime();
+      const rightTime = new Date(right?.timestamp || right?.createdAt || "").getTime();
+      return (Number.isFinite(leftTime) ? leftTime : 0) - (Number.isFinite(rightTime) ? rightTime : 0);
+    });
+}
+
+function buildEventKey(event, index) {
+  return String(event?.id || event?.toolCallId || `${event?.type || "event"}:${event?.toolName || ""}:${index}`);
+}
+
+function selectedHistoryRun(state) {
+  const runs = [...(state.snapshot.workRuns || [])].sort((left, right) => Number(left.sequence || 0) - Number(right.sequence || 0));
+  return runs[Number(state.historySelectedIndex) || 0];
+}
+
+function enterHistoryEventFocus(state) {
+  const run = selectedHistoryRun(state);
+  const events = focusableEventsForRun(run);
+  if (!run || !state.expandedBuildRuns?.has(run.runId) || !events.length) return false;
+  state.historyEventFocus = true;
+  state.historyEventIndex = 0;
+  state.historySelectedImageIndex = -1;
+  state.notice = `History focus · ${events.length} item(s) · Enter expand · ← back`;
+  return true;
+}
+
+function exitHistoryEventFocus(state) {
+  state.historyEventFocus = false;
+  state.historyEventIndex = -1;
+  state.notice = "History focus · Build Block · Enter expands";
+  return true;
+}
+
+function moveHistoryEventCursor(state, direction) {
+  const run = selectedHistoryRun(state);
+  const events = focusableEventsForRun(run);
+  if (!events.length) return false;
+  const count = events.length;
+  state.historyEventIndex = ((Number(state.historyEventIndex) || 0) + direction + count) % count;
+  state.notice = `History focus · item ${state.historyEventIndex + 1}/${count} · Enter expand`;
+  return true;
+}
+
+function toggleSelectedBuildEvent(state) {
+  const run = selectedHistoryRun(state);
+  const events = focusableEventsForRun(run);
+  const index = Number(state.historyEventIndex) || 0;
+  const event = events[index];
+  if (!event) return false;
+  const key = buildEventKey(event, index);
+  if (state.collapsedBuildEvents.has(key)) {
+    state.collapsedBuildEvents.delete(key);
+    state.notice = "Event expanded";
+  } else {
+    state.collapsedBuildEvents.add(key);
+    state.notice = "Event collapsed";
+  }
+  return true;
+}
+
 module.exports = {
   activeConversationModelLabel,
   INTELLIGENCE_TIERS,
@@ -1341,6 +1418,7 @@ module.exports = {
   applyConversationResult,
   beginAutomationCreate,
   beginWorkflowCreate,
+  buildEventKey,
   conversationModelOptions,
   createAutomationFromDraft,
   createState,
@@ -1349,7 +1427,10 @@ module.exports = {
   cycleMemoryComponent,
   cycleSettingsTab,
   enterConversation,
+  enterHistoryEventFocus,
+  exitHistoryEventFocus,
   filteredCommands,
+  focusableEventsForRun,
   itemCount,
   memoryColumnItems,
   memoryTagOptions,
@@ -1358,6 +1439,7 @@ module.exports = {
   moveMenuSelection,
   moveFocusHorizontal,
   moveConversationHistoryCursor,
+  moveHistoryEventCursor,
   moveInputCursorVertical,
   moveSettingChoiceSelection,
   moveSelection,
@@ -1378,6 +1460,7 @@ module.exports = {
   toggleSelected,
   toggleConversationPinned,
   toggleSelectedBuildBlock,
+  toggleSelectedBuildEvent,
   validateSelectedModel,
   workspaceMenuChildren
 };

package/dist/ui/index.html

@@ -10,6 +10,9 @@ try {
   if (startupQuery.get('startupPrewarm') === '1' && Number(startupQuery.get('startupAttempt') || 0) > 0) {
     document.documentElement.classList.add('startup-prewarm');
   }
+  if (sessionStorage.getItem('newmark-config-reloading') === '1') {
+    document.documentElement.classList.add('config-reloading');
+  }
 } catch {}
 </script>
 <style>
@@ -279,6 +282,7 @@ html, body {
 }
 
 .startup-prewarm #startup-cover { display: flex; }
+.config-reloading #startup-cover { display: flex; }
 
 .startup-cover-shell {
   width: min(520px, calc(100vw - 48px));
@@ -1059,6 +1063,19 @@ button.left-ws-item {
 .conv-archive-btn:hover,
 .conv-rename-btn:hover { background: rgba(255,255,255,0.1); color: var(--text-bright); }
 
+.conv-archive-btn.archiving { cursor: default; border-color: var(--accent); }
+.conv-archive-spinner {
+  width: 11px;
+  height: 11px;
+  border: 2px solid var(--border);
+  border-top-color: var(--accent);
+  border-radius: 50%;
+  animation: conv-archive-spin 0.7s linear infinite;
+}
+@keyframes conv-archive-spin {
+  to { transform: rotate(360deg); }
+}
+
 .conv-item.dragging { opacity: 0.58; }
 .conv-item.drag-over { border-color: var(--accent); background: rgba(91,120,255,0.14); }
 .conv-rename-input {
@@ -2432,9 +2449,9 @@ button.left-ws-item {
 .conversation-work-event.error { color: #ff8888; }
 .conversation-work-event-content { min-width: 0; white-space: pre-wrap; word-break: break-word; }
 .conversation-work-event.narrative { display: block; color: var(--text); font-size: 13px; line-height: 1.65; padding: 3px 1px 7px; }
-.conversation-work-event.activity-summary { font-size: 12px; font-weight: 600; padding: 2px 0; }
+.conversation-work-event.activity-summary { font-size: 11px; font-weight: 400; color: var(--text-dim); padding: 2px 0; }
 .conversation-work-activity { margin: 0; padding: 0; }
-.conversation-work-activity > summary { display: grid; grid-template-columns: 17px minmax(0,1fr) 10px; gap: 8px; align-items: center; min-height: 28px; cursor: pointer; list-style: none; color: var(--text); font-size: 12px; font-weight: 600; }
+.conversation-work-activity > summary { display: grid; grid-template-columns: 17px minmax(0,1fr) 10px; gap: 8px; align-items: center; min-height: 28px; cursor: pointer; list-style: none; color: var(--text-dim); font-size: 11px; font-weight: 400; }
 .conversation-work-activity > summary::-webkit-details-marker { display: none; }
 .conversation-work-activity > summary .nm-icon { color: var(--text-dim); }
 .conversation-work-activity-chevron { width: 7px; height: 7px; border-right: 1px solid var(--text-dim); border-bottom: 1px solid var(--text-dim); transform: rotate(-45deg); transition: transform 140ms ease; }
@@ -3137,15 +3154,19 @@ button.todo-item { background: transparent; }
   font: 9px var(--font-mono);
 }
 
-.conv-branch-comm-badge {
-  flex: 0 0 auto;
-  padding: 2px 5px;
-  border-radius: 999px;
-  background: color-mix(in srgb, var(--accent) 16%, transparent);
+.conv-branch-comm-icon {
+  width: 20px;
+  height: 20px;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border);
+  background: transparent;
   color: var(--accent);
-  font: 9px var(--font-mono);
-  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
 }
+.conv-branch-comm-icon .nm-icon { width: 11px; height: 11px; }
 
 .conv-runtime-badge.running { color: var(--accent2); }
 .conv-runtime-badge.stopping,
@@ -5009,6 +5030,32 @@ html.newmark-memory-overview-viewer body {
 .auto-input-group select:focus,
 .auto-input-group textarea:focus { border-color: var(--accent); }
 
+.auto-input-group.checkbox-row {
+  display: flex;
+  padding: 9px 11px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  background: var(--glass-bg-1);
+}
+.auto-input-group.checkbox-row label {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0;
+  cursor: pointer;
+  font-size: 12px;
+  color: var(--text);
+}
+.auto-input-group.checkbox-row input[type="checkbox"] {
+  width: 15px;
+  height: 15px;
+  flex-shrink: 0;
+  accent-color: var(--accent);
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+}
+
 .auto-conditions {
   display: flex;
   gap: 8px;
@@ -5328,6 +5375,11 @@ html.newmark-memory-overview-viewer body {
     <symbol id="folder" viewBox="0 0 24 24">
       <path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" />
     </symbol>
+    <symbol id="git-branch" viewBox="0 0 24 24">
+      <path d="M15 6a9 9 0 0 0-9 9V3" />
+      <circle cx="18" cy="6" r="3" />
+      <circle cx="6" cy="18" r="3" />
+    </symbol>
     <symbol id="globe" viewBox="0 0 24 24">
       <circle cx="12" cy="12" r="10" />
       <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" />
@@ -6489,6 +6541,7 @@ var NEWMARK_I18N = {
     'model.yes': 'yes',
     'model.notChecked': 'not checked',
     'archive.current': 'Archive current chat',
+    'archive.archiving': 'Archiving...',
     'archive.empty': 'No archives yet.',
     'archive.loading': 'Loading workspace archives...',
     'archive.unavailable': 'Archive list unavailable',
@@ -7190,6 +7243,7 @@ var NEWMARK_I18N = {
     'model.yes': '是',
     'model.notChecked': '未校验',
     'archive.current': '归档当前对话',
+    'archive.archiving': '归档中...',
     'archive.empty': '暂无归档。',
     'archive.loading': '正在加载工作区归档...',
     'archive.unavailable': '归档列表不可用',
@@ -15545,8 +15599,8 @@ window.refreshGlobalConfigFile = function() {
   if (!api.reloadGlobalConfig) return;
   api.reloadGlobalConfig().then(function(result) {
     if (result && result.error) throw new Error(result.error);
-    showUiNotice(t('settings.configReloaded'), 'success', 'global-config-refresh');
-    setTimeout(function() { window.location.reload(); }, 180);
+    try { sessionStorage.setItem('newmark-config-reloading', '1'); } catch (_) {}
+    window.location.reload();
   }).catch(function(error) {
     showUiNotice(error && error.message ? error.message : String(error), 'error', 'global-config-refresh');
   });
@@ -16223,7 +16277,13 @@ window.validateAllModels = function() {
     return state.modelValidationResults;
   }).catch(function(err) {
     document.body.classList.remove('model-evaluating');
-    window.openSubWin(t('model.validationTitle'), '<div style="color:#ff7777;font-size:12px;">' + esc(t('model.validationFailed')) + ': ' + esc(err.message) + '</div>');
+    var failedHtml = '<div style="color:#ff7777;font-size:12px;">' + esc(t('model.validationFailed')) + ': ' + esc(err.message) + '</div>';
+    var body = document.getElementById('sub-win-body');
+    if (body && document.getElementById('model-validation-progress') && els['sub-win-overlay'].classList.contains('open')) {
+      body.innerHTML = failedHtml;
+    } else {
+      addMsg('assistant', redactSensitiveText('[Error] ' + t('model.validationFailed') + ': ' + err.message), 'error', '');
+    }
     return [];
   }).finally(function() {
     window.stopModelValidationProgressPolling();
@@ -16239,16 +16299,45 @@ window.renderModelValidationProgress = function(progress) {
   var completedModels = Math.max(0, Number(progress.completedModels || 0));
   var totalModels = Math.max(0, Number(progress.totalModels || 0));
   var current = [String(progress.currentModel || ''), String(progress.currentCheck || '')].filter(Boolean).join(' · ');
-  return '<div class="provider-card marquee-border">' +
-    '<div style="display:flex;justify-content:space-between;gap:10px;"><span>' + esc(t('model.validating')) + '</span><strong>' + esc(String(percent)) + '%</strong></div>' +
-    '<div role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="' + esc(String(percent)) + '" style="height:7px;margin-top:10px;border-radius:999px;background:var(--surface-strong);overflow:hidden;"><div style="height:100%;width:' + esc(String(percent)) + '%;background:var(--accent);transition:width .18s ease;"></div></div>' +
-    '<div style="margin-top:8px;color:var(--text-dim);font-size:11px;display:flex;justify-content:space-between;gap:8px;"><span>' + esc(String(completedChecks)) + '/' + esc(String(totalChecks)) + ' ' + esc(t('model.validationChecks')) + '</span><span>' + esc(String(completedModels)) + '/' + esc(String(totalModels)) + ' ' + esc(t('model.validationModels')) + '</span></div>' +
-    (current ? '<div style="margin-top:6px;color:var(--text-dim);font-size:11px;overflow-wrap:anywhere;">' + esc(t('model.validationCurrent')) + ': ' + esc(current) + '</div>' : '') +
+  return '<div class="provider-card marquee-border" id="model-validation-progress">' +
+    '<div style="display:flex;justify-content:space-between;gap:10px;"><span>' + esc(t('model.validating')) + '</span><strong id="mv-percent">' + esc(String(percent)) + '%</strong></div>' +
+    '<div id="mv-progressbar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="' + esc(String(percent)) + '" style="height:7px;margin-top:10px;border-radius:999px;background:var(--surface-strong);overflow:hidden;"><div id="mv-bar" style="height:100%;width:' + esc(String(percent)) + '%;background:var(--accent);transition:width .18s ease;"></div></div>' +
+    '<div style="margin-top:8px;color:var(--text-dim);font-size:11px;display:flex;justify-content:space-between;gap:8px;"><span id="mv-checks">' + esc(String(completedChecks)) + '/' + esc(String(totalChecks)) + ' ' + esc(t('model.validationChecks')) + '</span><span id="mv-models">' + esc(String(completedModels)) + '/' + esc(String(totalModels)) + ' ' + esc(t('model.validationModels')) + '</span></div>' +
+    '<div id="mv-current" style="margin-top:6px;color:var(--text-dim);font-size:11px;overflow-wrap:anywhere;' + (current ? '' : 'display:none;') + '">' + esc(t('model.validationCurrent')) + ': ' + esc(current) + '</div>' +
     '</div><div style="margin-top:6px;color:var(--text-dim);font-size:11px;">' + esc(t('model.validationBackgroundNote')) + '</div>';
 };
 
+window.updateModelValidationProgress = function(progress) {
+  progress = progress || {};
+  var body = document.getElementById('sub-win-body');
+  if (!body) return;
+  var percent = Math.max(0, Math.min(100, Number(progress.percent || 0)));
+  var completedChecks = Math.max(0, Number(progress.completedChecks || 0));
+  var totalChecks = Math.max(0, Number(progress.totalChecks || 0));
+  var completedModels = Math.max(0, Number(progress.completedModels || 0));
+  var totalModels = Math.max(0, Number(progress.totalModels || 0));
+  var current = [String(progress.currentModel || ''), String(progress.currentCheck || '')].filter(Boolean).join(' · ');
+  var percentEl = document.getElementById('mv-percent');
+  if (!percentEl) return;
+  percentEl.textContent = String(percent) + '%';
+  var barEl = document.getElementById('mv-bar');
+  if (barEl) barEl.style.width = String(percent) + '%';
+  var progressbarEl = document.getElementById('mv-progressbar');
+  if (progressbarEl) progressbarEl.setAttribute('aria-valuenow', String(percent));
+  var checksEl = document.getElementById('mv-checks');
+  if (checksEl) checksEl.textContent = String(completedChecks) + '/' + String(totalChecks) + ' ' + t('model.validationChecks');
+  var modelsEl = document.getElementById('mv-models');
+  if (modelsEl) modelsEl.textContent = String(completedModels) + '/' + String(totalModels) + ' ' + t('model.validationModels');
+  var currentEl = document.getElementById('mv-current');
+  if (currentEl) {
+    currentEl.textContent = t('model.validationCurrent') + ': ' + current;
+    currentEl.style.display = current ? '' : 'none';
+  }
+};
+
 window.showModelValidationProgress = function(progress) {
   document.body.classList.add('model-evaluating');
+  if (document.getElementById('model-validation-progress')) return;
   window.openSubWin(t('model.validationTitle'), window.renderModelValidationProgress(progress));
 };
 
@@ -16264,7 +16353,7 @@ window.startModelValidationProgressPolling = function() {
     Promise.resolve(api.modelValidationStatus()).then(function(progress) {
       if (!state.modelValidationPromise) return;
       var body = document.getElementById('sub-win-body');
-      if (body && els['sub-win-overlay'].classList.contains('open')) body.innerHTML = window.renderModelValidationProgress(progress);
+      if (body && els['sub-win-overlay'].classList.contains('open')) window.updateModelValidationProgress(progress);
       state.modelValidationProgressTimer = setTimeout(poll, 150);
     }).catch(function() {
       if (state.modelValidationPromise) state.modelValidationProgressTimer = setTimeout(poll, 300);
@@ -16291,7 +16380,21 @@ window.showModelEvaluationResults = function(results) {
     }
   }
   html += '</div>';
-  window.openSubWin(t('model.validationTitle'), html);
+  var body = document.getElementById('sub-win-body');
+  if (body && document.getElementById('model-validation-progress') && els['sub-win-overlay'].classList.contains('open')) {
+    // The progress window is still visible: replace it in place so closing
+    // the results restores whatever window was open before validation.
+    body.innerHTML = html;
+    return;
+  }
+  // The user closed the progress window or opened another window while
+  // validation was running. Do not hijack the current window; summarize in chat.
+  var okCount = 0;
+  for (var j = 0; j < (results || []).length; j++) {
+    var status = String((results[j] && results[j].status) || '');
+    if (status === 'verified' || status === 'degraded' || status === 'available') okCount++;
+  }
+  addMsg('assistant', '[System] ' + t('model.validationTitle') + ': ' + okCount + '/' + (results || []).length + ' ' + t('model.validationModels'), okCount === (results || []).length ? 'success' : 'warning', '');
 };
 renderArchiveSettings = function() {
   if (api.listArchives && !state._allArchiveSettingsLoading) {
@@ -18895,11 +18998,15 @@ function renderConversations() {
     if (runtimeState && ['running', 'stopping', 'force_restarting'].indexOf(String(runtimeState.status || '')) >= 0) div.classList.add('marquee-border');
     var runtimeBadge = runtimeState && runtimeState.status && runtimeState.status !== 'idle'
       ? '<span class="conv-runtime-badge ' + escAttr(String(runtimeState.status)) + '">' + esc(String(runtimeState.status)) + '</span>' : '';
-    var branchCommBadge = conv.branchCommunication
-      ? '<span class="conv-branch-comm-badge" title="' + escAttr(t('conversation.branchCommunicationBadge')) + '">' + esc(t('conversation.branchCommunicationBadge')) + '</span>' : '';
-    div.innerHTML = '<span class="conv-summary" title="' + escAttr(String(conv.id || '')) + '">' + esc(displaySummary) + (conv.messageCount ? ' (' + esc(String(conv.messageCount)) + ')' : '') + '</span>' + branchCommBadge + runtimeBadge +
+    var branchCommIcon = conv.branchCommunication
+      ? '<span class="conv-branch-comm-icon" title="' + escAttr(t('conversation.branchCommunicationBadge')) + '" aria-label="' + escAttr(t('conversation.branchCommunicationBadge')) + '">' + iconSvg('git-branch', t('conversation.branchCommunicationBadge')) + '</span>' : '';
+    var archivePendingKey = currentWorkspaceKey() + '::' + String(conv.id);
+    var archiveBtn = state.conversationArchivePending[archivePendingKey]
+      ? '<button class="conv-archive-btn archiving" title="' + escAttr(t('archive.archiving')) + '" disabled><span class="conv-archive-spinner"></span></button>'
+      : '<button class="conv-archive-btn" onclick="event.stopPropagation();window.archiveConv(this.closest(&quot;.conv-item&quot;).getAttribute(&quot;data-conversation-id&quot;))" title="' + escAttr(t('conversation.archive')) + '">' + iconOnly('archive', t('conversation.archive')) + '</button>';
+    div.innerHTML = '<span class="conv-summary" title="' + escAttr(String(conv.id || '')) + '">' + esc(displaySummary) + (conv.messageCount ? ' (' + esc(String(conv.messageCount)) + ')' : '') + '</span>' + branchCommIcon + runtimeBadge +
       '<button class="conv-rename-btn" onclick="event.stopPropagation();window.editConversationName(' + i + ')" title="' + escAttr(t('conversation.rename')) + '">' + iconOnly('pencil', t('conversation.rename')) + '</button>' +
-      '<button class="conv-archive-btn" onclick="event.stopPropagation();window.archiveConv(this.closest(&quot;.conv-item&quot;).getAttribute(&quot;data-conversation-id&quot;))" title="' + escAttr(t('conversation.archive')) + '">' + iconOnly('archive', t('conversation.archive')) + '</button>' +
+      archiveBtn +
       '<button class="conv-pin-btn' + (conv.pinned ? ' active' : '') + '" onclick="event.stopPropagation();window.toggleConversationPinned(' + i + ')" title="' + escAttr(conv.pinned ? t('conversation.unpin') : t('conversation.pin')) + '">' + iconOnly('pin', conv.pinned ? t('conversation.unpin') : t('conversation.pin')) + '</button>';
     div.onclick = function(idx) { return function() { window.switchConversation(idx); }; }(i);
     div.addEventListener('keydown', window.handleConversationKey);
@@ -19052,7 +19159,7 @@ window.showNewConversationPage = function() {
   var html = '<div style="display:flex;flex-direction:column;gap:12px;padding:4px 2px;">' +
     '<div style="font-size:12px;color:var(--text-dim);line-height:1.5;">' + esc(t('workspace.newConversationDesc')) + '</div>' +
     '<div class="auto-input-group"><label>' + esc(t('status.workspace')) + '</label><select id="new-conv-ws">' + options + '</select></div>' +
-    '<div class="auto-input-group" style="flex-direction:row;align-items:center;gap:8px;"><label style="display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;"><input type="checkbox" id="new-conv-branch-comm" style="accent-color:var(--accent);">' + esc(t('conversation.branchCommunication')) + '</label></div>' +
+    '<div class="auto-input-group checkbox-row"><label><input type="checkbox" id="new-conv-branch-comm"><span>' + esc(t('conversation.branchCommunication')) + '</span></label></div>' +
     '<div style="display:flex;gap:8px;">' +
     '<button class="sec-btn primary" style="flex:1;" onclick="window.doNewConversationFromPage()">' + esc(t('workspace.createConversation')) + '</button>' +
     '<button class="sec-btn" style="flex:1;" onclick="window.showNewWorkspaceDialog()">' + esc(t('workspace.createAction')) + '</button>' +
@@ -19196,45 +19303,45 @@ window.archiveConv = function(conversationId) {
       orderIds: rollbackOrder,
       chatHtml: priorActiveId === targetId && els['chat-area'] ? els['chat-area'].innerHTML : ''
     };
-    convs.splice(idx, 1);
-    if (!convs.length) convs.push({ id: 'default', summary: t('workspace.defaultConversation'), archived: false, active: true });
-    var nextActiveId = priorActiveId && priorActiveId !== targetId ? priorActiveId : String(convs[Math.min(idx, convs.length - 1)].id || 'default');
-    var nextActiveIndex = Math.max(0, convs.findIndex(function(item) { return String(item && item.id || '') === nextActiveId; }));
-    for (var i = 0; i < convs.length; i++) convs[i].active = i === nextActiveIndex;
-    state.workspaceActiveConversation[workspaceKey] = nextActiveIndex;
-    state.activeConversation = nextActiveIndex;
-    state.conversations = convs;
-    if (priorActiveId === targetId) {
-      state.activeBackendConversationId = nextActiveId;
-      if (els['chat-area']) els['chat-area'].innerHTML = '';
-    }
-    // Archiving is a destructive handoff: remove the target's Flow takeover
-    // locally at click time as well as removing its conversation row. The
-    // backend cancellation/manifest write is asynchronous; a late Flow
-    // promise must not leave a visible running bubble over the replacement
-    // conversation while the archive is already in flight.
-    if (state.flowTakeovers) {
-      var archivedFlowKey = runtimeKeyFor(targetRuntime.workspaceId, targetRuntime.conversationId);
-      var archivedFlowRecord = state.flowTakeovers[archivedFlowKey];
-      if (archivedFlowRecord) {
-        archivedFlowRecord.running = false;
-        archivedFlowRecord.paused = false;
-        archivedFlowRecord.runtimeLease = null;
-        archivedFlowRecord.queueLease = null;
-        delete state.flowTakeovers[archivedFlowKey];
-      }
-      if (priorActiveId === targetId && window.renderFlowTakeover) {
-        window.renderFlowTakeover(false, '', { target: targetRuntime });
-      }
-    }
-    setConversationRuntimeState(targetRuntime, 'idle', '');
-    setWorking(!!runningConversationRecord(activeConversationId()));
+    // 归档中：不立即剔除行，按钮转圈等待；后端完成归档后再剔除前端。
     renderConversations();
-    if (priorActiveId === targetId) scheduleConversationArchiveActiveSync(workspaceKey);
     var archivePromise = api.archive ? api.archive(targetRuntime) : Promise.reject(new Error('Archive API unavailable'));
     archivePromise.then(function(receipt) {
       if (!receipt || receipt.ok !== true) throw new Error((receipt && receipt.error) || 'Archive failed');
       delete state.conversationArchivePending[pendingKey];
+      // 后端完成归档：现在才剔除前端行 + 切换 active + 清理 Flow takeover。
+      var currentConvs = currentWorkspaceConversations();
+      var currentIdx = currentConvs.findIndex(function(item) { return String(item && item.id || 'default') === targetId; });
+      if (currentIdx >= 0) currentConvs.splice(currentIdx, 1);
+      if (!currentConvs.length) currentConvs.push({ id: 'default', summary: t('workspace.defaultConversation'), archived: false, active: true });
+      var nextActiveId = priorActiveId && priorActiveId !== targetId ? priorActiveId : String(currentConvs[Math.min(Math.max(currentIdx, 0), currentConvs.length - 1)].id || 'default');
+      var nextActiveIndex = Math.max(0, currentConvs.findIndex(function(item) { return String(item && item.id || '') === nextActiveId; }));
+      for (var i = 0; i < currentConvs.length; i++) currentConvs[i].active = i === nextActiveIndex;
+      state.workspaceActiveConversation[workspaceKey] = nextActiveIndex;
+      state.activeConversation = nextActiveIndex;
+      state.conversations = currentConvs;
+      if (priorActiveId === targetId) {
+        state.activeBackendConversationId = nextActiveId;
+        if (els['chat-area']) els['chat-area'].innerHTML = '';
+      }
+      if (state.flowTakeovers) {
+        var archivedFlowKey = runtimeKeyFor(targetRuntime.workspaceId, targetRuntime.conversationId);
+        var archivedFlowRecord = state.flowTakeovers[archivedFlowKey];
+        if (archivedFlowRecord) {
+          archivedFlowRecord.running = false;
+          archivedFlowRecord.paused = false;
+          archivedFlowRecord.runtimeLease = null;
+          archivedFlowRecord.queueLease = null;
+          delete state.flowTakeovers[archivedFlowKey];
+        }
+        if (priorActiveId === targetId && window.renderFlowTakeover) {
+          window.renderFlowTakeover(false, '', { target: targetRuntime });
+        }
+      }
+      setConversationRuntimeState(targetRuntime, 'idle', '');
+      setWorking(!!runningConversationRecord(activeConversationId()));
+      renderConversations();
+      if (priorActiveId === targetId) scheduleConversationArchiveActiveSync(workspaceKey);
       var optimisticArchive = {
         id: receipt.fileName,
         name: receipt.fileName,
@@ -19262,10 +19369,8 @@ window.archiveConv = function(conversationId) {
       scheduleConversationArchiveRefresh(workspaceKey);
     }).catch(function(err) {
       delete state.conversationArchivePending[pendingKey];
-      // Keep the optimistic removal authoritative for this renderer session.
-      // A failed IPC receipt is surfaced, but never resurrects the row under
-      // the user's pointer; the next explicit workspace refresh is the only
-      // path allowed to reconcile a failed destructive operation.
+      // 归档失败：恢复按钮，保留行（不再乐观剔除）。
+      renderConversations();
       showUiNotice('[Archive] ' + t('workspace.saveFailed') + ': ' + (err.message || String(err)), 'error', 'archive-failed-' + targetId);
     });
   }
@@ -22511,6 +22616,11 @@ function schedulePostStartupUiRendering() {
   // navigation surfaces render after promotion on cancellable browser tasks.
   updateWorkspaceGate();
 
+  if (document.documentElement.classList.contains('config-reloading')) {
+    document.documentElement.classList.remove('config-reloading');
+    try { sessionStorage.removeItem('newmark-config-reloading'); } catch (_) {}
+  }
+
   // === Event Listeners ===
   function escapeBelongsToFocusedControl(event) {
     var target = event && event.target;

package/dist/ui/lucide-sprite.svg

@@ -112,6 +112,11 @@
     <symbol id="folder" viewBox="0 0 24 24">
       <path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" />
     </symbol>
+    <symbol id="git-branch" viewBox="0 0 24 24">
+      <path d="M15 6a9 9 0 0 0-9 9V3" />
+      <circle cx="18" cy="6" r="3" />
+      <circle cx="6" cy="18" r="3" />
+    </symbol>
     <symbol id="globe" viewBox="0 0 24 24">
       <circle cx="12" cy="12" r="10" />
       <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" />