@yemi33/minions 0.1.2410 → 0.1.2412

package/dashboard/js/command-center.js

@@ -2388,4 +2388,28 @@ if (document.readyState === 'loading') {
   ccInitResize();
 }
 
+// W-mrz5yjdw00052b6e — Esc closes the Command Center drawer. Routes through
+// toggleCommandCenter() so the open/close path stays the single source of truth
+// (same path as the ✕ button and the overlay click). Bubble phase, and guarded
+// so it only fires when the drawer is actually open — Esc is not stolen when CC
+// is hidden. If a modal (#modal.open) or the QA review modal is layered on top,
+// we early-out so the topmost overlay closes first (modal.js / qa.js own that
+// Esc). Closing while mid-typing in cc-input IS desired, so we do NOT exempt
+// TEXTAREA here — but the top command bar's @/# autocomplete popup gets first
+// dibs on Esc (first Esc dismisses the typeahead, second closes the panel).
+if (typeof document !== 'undefined' && typeof document.addEventListener === 'function') {
+  document.addEventListener('keydown', function(ev) {
+    if (ev.key !== 'Escape' && ev.keyCode !== 27) return;
+    if (!_ccOpen) return;
+    // Let a modal / QA review modal layered on top close first.
+    if (typeof _qaModalState !== 'undefined' && _qaModalState) return;
+    var modalEl = document.getElementById('modal');
+    if (modalEl && modalEl.classList.contains('open')) return;
+    // First Esc dismisses the command-bar autocomplete popup, not the drawer.
+    var popup = document.getElementById('cmd-mention-popup');
+    if (popup && popup.classList.contains('visible')) return;
+    toggleCommandCenter();
+  });
+}
+
 window.MinionsCC = { toggleCommandCenter, ccNewSession, ccNewTab, ccSwitchTab, ccCloseTab, ccRenderTabBar, ccRestoreMessages, ccSaveState, ccUpdateSessionIndicator, ccAddMessage, ccSend, ccAbort, ccExecuteAction, ccPrActionFollowup, ccAddImageFiles, ccRemoveAttachment, ccHandlePaste, ccHandleDragOver, ccHandleDragLeave, ccHandleDrop };

package/dashboard/js/settings.js

@@ -144,7 +144,7 @@ async function openSettings() {
         '</div>' +
         '<div data-search="default model fleet">' +
           '<label style="font-size:var(--text-sm);color:var(--muted);display:block;margin-bottom:2px">Default Model</label>' +
-          '<div id="set-defaultModel-wrap"><input id="set-defaultModel" value="' + escHtml(e.defaultModel || '') + '" placeholder="Default (CLI chooses)" style="width:100%;padding:4px 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:var(--text-md)"></div>' +
+          '<div id="set-defaultModel-wrap"><input id="set-defaultModel" value="' + escHtml(e.defaultModel || '') + '" placeholder="Default (CLI chooses)" style="' + MODEL_FIELD_INPUT_STYLE + '"></div>' +
           '<div style="font-size:var(--text-xs);color:var(--muted);margin-top:1px">Empty = let the runtime pick its own default</div>' +
         '</div>' +
       '</div>' +
@@ -168,7 +168,7 @@ async function openSettings() {
             // swaps THIS element. Without the wrap it would wipe the label
             // and the hint below, breaking vertical alignment with the
             // sibling CC CLI / Effort columns.
-            '<div id="set-ccModel-wrap"><input id="set-ccModel" value="' + escHtml(e.ccModel || '') + '" placeholder="(inherits Default Model)" style="width:100%;padding:4px 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:var(--text-md)"></div>' +
+            '<div id="set-ccModel-wrap"><input id="set-ccModel" value="' + escHtml(e.ccModel || '') + '" placeholder="(inherits Default Model)" style="' + MODEL_FIELD_INPUT_STYLE + '"></div>' +
             '<div style="font-size:var(--text-xs);color:var(--muted);margin-top:1px">Empty = inherit Default Model</div>' +
           '</div>' +
           '<div data-search="cc effort reasoning">' +
@@ -253,6 +253,29 @@ async function openSettings() {
   // preferences (font-size scale today; reserved for future theme picks).
   // Kept narrow + featured near the rail top so the setting is discoverable
   // rather than buried under generic Engine headers.
+  // W-mryz1okr00062b6b — the slim-ux enable/disable control lives in Appearance
+  // (a dashboard-wide visual preference) rather than the generic Feature Flags
+  // list. It reuses the EXISTING toggle wiring: rendering a checkbox tagged with
+  // the data-feature-toggle attribute set to slim-ux means the delegated
+  // change-handler below (querySelectorAll('input[data-feature-toggle]'))
+  // persists it via POST /api/features/toggle — no new listener, no new
+  // endpoint. If the flag is missing from the registry response we hide the
+  // control rather than render a broken toggle.
+  const slimUxFeature = featuresList.find(function(f) { return f.id === 'slim-ux'; });
+  const slimUxEnabled = slimUxFeature
+    ? (slimUxFeature.enabled != null ? !!slimUxFeature.enabled : !!slimUxFeature.default)
+    : false;
+  const slimUxControl = slimUxFeature
+    ? '<div data-search="slim ux appearance experimental cockpit">' +
+        '<label style="display:flex;align-items:flex-start;gap:8px;cursor:pointer">' +
+          '<input type="checkbox" data-feature-toggle="slim-ux"' + (slimUxEnabled ? ' checked' : '') + ' style="margin-top:3px;accent-color:var(--blue);width:16px;height:16px;cursor:pointer;flex-shrink:0">' +
+          '<span style="flex:1">' +
+            '<span style="font-size:var(--text-md);color:var(--text);display:block">Slim UX</span>' +
+            '<span style="font-size:var(--text-xs);color:var(--muted);display:block;margin-top:1px">Experimental focused single-screen cockpit. Persists immediately.</span>' +
+          '</span>' +
+        '</label>' +
+      '</div>'
+    : '';
   const paneAppearance =
     '<h3>Appearance</h3>' +
     '<div class="settings-pane-sub">Dashboard-wide visual preferences. Persisted in browser localStorage + server-side settings so they survive a reload from a cold cache.</div>' +
@@ -270,6 +293,7 @@ async function openSettings() {
         '</select>' +
         '<div style="font-size:var(--text-xs);color:var(--muted);margin-top:1px">Scales the whole dashboard. Persisted in browser + server.</div>' +
       '</div>' +
+      slimUxControl +
     '</div>';
 
   // W-mrtdw70o000sb227 — Projects tab now shows ONE project's config at a time,
@@ -605,17 +629,21 @@ async function openSettings() {
     '</div>';
 
   // Toggles persist immediately via POST /api/features/toggle — no Save needed.
+  // W-mryz1okr00062b6b — slim-ux is surfaced in the Appearance pane instead, so
+  // exclude it here (display-only; the /api/features payload + registry are
+  // untouched). The "(N registered)" count below reflects what this list shows.
+  const displayFeatures = featuresList.filter(function(f) { return f.id !== 'slim-ux'; });
   const paneFeatures =
     '<h3>Feature Flags</h3>' +
     '<div class="settings-pane-sub">In-progress UX or behavior gates. Toggles persist immediately. Registry: <code>engine/features.js</code>. Env override: <code>MINIONS_FEATURE_&lt;NAME&gt;=1</code>.</div>' +
     '<details id="settings-features-details" open style="border:1px solid var(--border);border-radius:6px;padding:12px">' +
       '<summary style="cursor:pointer;font-size:var(--text-md);color:var(--text);user-select:none;margin-bottom:8px">Show experimental flags ' +
-        '<span style="font-size:var(--text-sm);color:var(--muted)">(' + featuresList.length + ' registered)</span>' +
+        '<span style="font-size:var(--text-sm);color:var(--muted)">(' + displayFeatures.length + ' registered)</span>' +
       '</summary>' +
-      (featuresList.length === 0
+      (displayFeatures.length === 0
         ? '<div style="font-size:var(--text-base);color:var(--muted);padding:12px;border:1px dashed var(--border);border-radius:4px;text-align:center">No experimental features registered. Add entries to <code>engine/features.js</code> to gate new work.</div>'
         : '<div style="display:flex;flex-direction:column;gap:8px">' +
-          featuresList.map(function(f) {
+          displayFeatures.map(function(f) {
             const checked = f.enabled ? ' checked' : '';
             const expiredBadge = f.expired
               ? ' <span style="font-size:var(--text-xs);padding:1px 5px;background:rgba(220,80,80,0.15);color:var(--red);border-radius:3px;margin-left:4px">EXPIRED</span>'
@@ -995,6 +1023,133 @@ async function initRuntimeFleetUI(engineCfg, agentsCfg) {
   });
 }
 
+// ── Model field styling (W-mrvdup4h000fc0a2) ─────────────────────────────
+// Default Model / CC Model in the Runtime pane are datalist-backed <input>
+// comboboxes (staged/custom model IDs must stay typeable, so they can't be
+// closed native <select>s). These shared styles make the input match the box
+// metrics of the sibling native <select> dropdowns (Default CLI / CC CLI /
+// Effort / Font Size) and add a chevron so it reads as a dropdown.
+// box-sizing:border-box keeps the bordered box the same rendered size as a
+// width:100% <select>; the chevron is drawn just inside the input's right edge.
+const MODEL_FIELD_INPUT_BOX = 'box-sizing:border-box;padding:4px 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:var(--text-md)';
+const MODEL_FIELD_CHEVRON = "background-image:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210%22%20height=%226%22%3E%3Cpath%20d=%22M1%201l4%204%204-4%22%20fill=%22none%22%20stroke=%22%238b949e%22%20stroke-width=%221.5%22/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 8px center;padding-right:22px";
+// Full-width variant for the initial (pre-discovery) placeholder inputs.
+const MODEL_FIELD_INPUT_STYLE = 'width:100%;' + MODEL_FIELD_INPUT_BOX + ';' + MODEL_FIELD_CHEVRON;
+
+// ── Model-picker dropdown (W-mrvdup4h000fc0a2 / PR #916) ──────────────────
+// The Default Model / CC Model fields must stay editable <input>s so staged
+// and custom model IDs remain typeable — they can't be closed native
+// <select>s. Discovery used to be surfaced through a browser <datalist>, but
+// the datalist autocomplete popup is browser chrome and reads visibly
+// different from the native <select> dropdowns of the sibling controls
+// (Default CLI / CC CLI / Effort) — the mismatch the reviewer flagged: the
+// "dialog that it launches doesn't match". This wires a dashboard-themed
+// popover (.model-combo-popup) onto the input so the launched suggestion list
+// matches those dropdowns while keeping the field free-typeable.
+//
+//   inputEl : the editable <input> (kept typeable; free text is preserved)
+//   popupEl : the (initially empty) .model-combo-popup container to render into
+//   models  : array of { id, name } discovery results (may be empty)
+//
+// The popup is positioned with position:fixed at open time (see the CSS) so it
+// escapes the .settings-content / .settings-body overflow clipping and floats
+// like a native dropdown. All listeners are element-scoped so they are GC'd
+// with the input when loadModelsForRuntime re-renders (no global leak).
+function _wireModelCombobox(inputEl, popupEl, models) {
+  if (!inputEl || !popupEl) return;
+  const options = (models || [])
+    .map(function(m) {
+      const id = m.id || m.name || '';
+      const label = (m.name && m.name !== id) ? m.name : '';
+      return { id: id, label: label };
+    })
+    .filter(function(o) { return o.id; });
+  if (options.length === 0) return;
+  let visible = [];
+  let activeIdx = -1;
+
+  function position() {
+    const r = inputEl.getBoundingClientRect();
+    popupEl.style.left = r.left + 'px';
+    popupEl.style.top = r.bottom + 'px';
+    popupEl.style.width = r.width + 'px';
+  }
+  function render() {
+    const q = (inputEl.value || '').toLowerCase();
+    // A value that exactly equals an option shows the full list, so re-focusing
+    // a filled field still offers every model (matching native <select>).
+    const exact = options.some(function(o) { return o.id.toLowerCase() === q; });
+    visible = (!q || exact) ? options.slice()
+      : options.filter(function(o) {
+        return o.id.toLowerCase().indexOf(q) !== -1 || (o.label && o.label.toLowerCase().indexOf(q) !== -1);
+      });
+    if (visible.length === 0) { hide(); return; }
+    if (activeIdx >= visible.length) activeIdx = -1;
+    // eslint-disable-next-line no-unsanitized/property -- reason: structural HTML is a string literal; all user data wrapped in escHtml() (fields: model id, model label)
+    popupEl.innerHTML = visible.map(function(o, i) {
+      return '<div class="model-combo-option' + (i === activeIdx ? ' active' : '') + '" data-idx="' + i + '">' +
+        '<span class="model-combo-id">' + escHtml(o.id) + '</span>' +
+        (o.label ? '<span class="model-combo-label">' + escHtml(o.label) + '</span>' : '') +
+      '</div>';
+    }).join('');
+    position();
+    popupEl.classList.add('visible');
+    inputEl.setAttribute('aria-expanded', 'true');
+  }
+  function hide() {
+    popupEl.classList.remove('visible');
+    inputEl.setAttribute('aria-expanded', 'false');
+    activeIdx = -1;
+  }
+  function pick(o) {
+    if (!o) return;
+    inputEl.value = o.id;
+    hide();
+  }
+  function scrollActive() {
+    const el = popupEl.querySelector('.model-combo-option.active');
+    if (el && el.scrollIntoView) el.scrollIntoView({ block: 'nearest' });
+  }
+
+  inputEl.addEventListener('focus', render);
+  // A click on an already-focused input does not re-fire `focus`, so after a
+  // selection (pick → hide) or Escape (hide) the still-focused input could not
+  // be reopened by clicking — it only stays a dead field until blur+refocus.
+  // Reopen the popup on click whenever it is currently hidden (matches how a
+  // native <select> reopens on click). No-op on the focus-triggering click,
+  // which already opened it, so there is no open/close flicker.
+  inputEl.addEventListener('click', function() {
+    if (!popupEl.classList.contains('visible')) render();
+  });
+  inputEl.addEventListener('input', function() { activeIdx = -1; render(); });
+  inputEl.addEventListener('keydown', function(ev) {
+    const open = popupEl.classList.contains('visible');
+    if (ev.key === 'ArrowDown') {
+      ev.preventDefault();
+      if (!open) { render(); return; }
+      activeIdx = Math.min(activeIdx + 1, visible.length - 1);
+      render(); scrollActive();
+    } else if (ev.key === 'ArrowUp') {
+      if (!open) return;
+      ev.preventDefault();
+      activeIdx = Math.max(activeIdx - 1, 0);
+      render(); scrollActive();
+    } else if (ev.key === 'Enter') {
+      if (open && activeIdx >= 0) { ev.preventDefault(); pick(visible[activeIdx]); }
+    } else if (ev.key === 'Escape') {
+      if (open) { ev.stopPropagation(); hide(); }
+    }
+  });
+  // mousedown (not click) so the pick fires before the input's blur hides it.
+  popupEl.addEventListener('mousedown', function(ev) {
+    const row = ev.target.closest('.model-combo-option');
+    if (!row) return;
+    ev.preventDefault();
+    pick(visible[Number(row.getAttribute('data-idx'))]);
+  });
+  inputEl.addEventListener('blur', function() { setTimeout(hide, 120); });
+}
+
 /**
  * Render an editable model field backed by discovered-model suggestions.
  * Discovery is advisory: staged/future/custom model IDs must remain typeable.
@@ -1005,7 +1160,7 @@ async function loadModelsForRuntime(runtimeName, inputId, currentValue, forceRef
   const token = _nextModelLoadToken('runtime', inputId);
   if (!runtimeName) {
     // eslint-disable-next-line no-unsanitized/property -- reason: structural HTML is a string literal; all user data wrapped in escHtml() (fields: currentValue; inputId is an internal fixed DOM id)
-    wrap.innerHTML = '<input id="' + inputId + '" value="' + escHtml(currentValue || '') + '" placeholder="(no runtime selected)" disabled style="width:100%;padding:4px 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--muted);font-size:var(--text-md)">';
+    wrap.innerHTML = '<input id="' + inputId + '" value="' + escHtml(currentValue || '') + '" placeholder="(no runtime selected)" disabled style="' + MODEL_FIELD_INPUT_STYLE + ';color:var(--muted)">';
     return;
   }
   let payload = { models: null };
@@ -1013,17 +1168,14 @@ async function loadModelsForRuntime(runtimeName, inputId, currentValue, forceRef
 
   if (!_isCurrentModelLoad('runtime', inputId, token)) return;
   const models = Array.isArray(payload.models) ? payload.models : null;
-  const listId = inputId + '-options';
-  let opts = '';
-  for (const m of (models || [])) {
-    const id = m.id || m.name || '';
-    if (!id) continue;
-    const label = m.name && m.name !== id ? m.name : '';
-    opts += '<option value="' + escHtml(id) + '"' + (label ? ' label="' + escHtml(label) + '"' : '') + '></option>';
-  }
   const title = forceRefresh ? 'Model list refreshed' : 'Refresh models from the selected CLI';
-  // eslint-disable-next-line no-unsanitized/property -- reason: structural HTML is a string literal; all user data wrapped in escHtml()
-  wrap.innerHTML = '<div style="display:flex;gap:4px"><input id="' + inputId + '" list="' + listId + '" value="' + escHtml(currentValue || '') + '" placeholder="Default (CLI chooses)" autocomplete="off" style="min-width:0;flex:1;padding:4px 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:var(--text-md)"><button type="button" data-model-refresh title="' + escHtml(title) + '" aria-label="Refresh model list" style="padding:3px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--muted);cursor:pointer">↻</button></div><datalist id="' + listId + '">' + opts + '</datalist>';
+  // Editable model input + themed suggestion popover (see _wireModelCombobox).
+  // The field stays free-typeable for staged/custom IDs; discovered models are
+  // offered through .model-combo-popup so the launched list matches the sibling
+  // native <select> dropdowns instead of the browser's <datalist> chrome.
+  // eslint-disable-next-line no-unsanitized/property -- reason: structural HTML is a string literal; all user data wrapped in escHtml() (fields: currentValue, title; inputId is an internal fixed DOM id)
+  wrap.innerHTML = '<div class="model-combo" style="width:100%"><div style="display:flex;gap:4px;width:100%"><input id="' + inputId + '" value="' + escHtml(currentValue || '') + '" placeholder="Default (CLI chooses)" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" style="min-width:0;flex:1;' + MODEL_FIELD_INPUT_BOX + ';' + MODEL_FIELD_CHEVRON + '"><button type="button" data-model-refresh title="' + escHtml(title) + '" aria-label="Refresh model list" style="padding:3px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--muted);cursor:pointer">↻</button></div><div class="model-combo-popup" data-model-popup></div></div>';
+  _wireModelCombobox(document.getElementById(inputId), wrap.querySelector('[data-model-popup]'), models || []);
   const refresh = wrap.querySelector('[data-model-refresh]');
   if (refresh) {
     refresh.addEventListener('click', async function() {

package/dashboard/slim/body.html

@@ -405,3 +405,25 @@
   </div>
 </div>
 
+<!-- Reused CLASSIC agent detail slide-in panel (W-mrz11djx00050594). Opened by
+     clicking a Team member card; populated by the reused dashboard/js panel
+     modules (openAgentDetail → renderDetailTabs/renderDetailContent) exposed on
+     window.MinionsAgents. Structure mirrors dashboard/layout.html so the shared
+     JS + CSS resolve unchanged. -->
+<div class="detail-overlay" id="detail-overlay" onclick="closeDetail()"></div>
+<div class="detail-panel" id="detail-panel">
+  <div class="detail-header">
+    <h3 id="detail-agent-name">—</h3>
+    <button class="detail-close" onclick="closeDetail()">ESC / Close</button>
+  </div>
+  <div class="status-line" id="detail-status-line">—</div>
+  <div class="detail-tabs" id="detail-tabs"></div>
+  <div class="detail-body">
+    <div class="detail-content" id="detail-content"></div>
+  </div>
+</div>
+
+<!-- Floating toast target for the reused panel's charter-save / steering
+     feedback (showToast in panel-bootstrap.js routes here). -->
+<div class="cmd-toast" id="cmd-toast" role="status" aria-live="polite"></div>
+

package/dashboard/slim/js/members.js

@@ -23,6 +23,12 @@
   function renderMembers(agents) {
     var grid = document.getElementById('member-grid');
     if (!grid) return;
+    // Feed the reused CLASSIC detail panel (W-mrz11djx00050594): its
+    // openAgentDetail(id) does agentData.find(...), so keep the global
+    // agentData (declared in slim/panel-bootstrap.js) in sync with the live
+    // /api/status agents. Set before the unchanged-early-return so it stays
+    // current even on no-op polls.
+    try { window.agentData = agents; } catch { /* non-fatal */ }
     var json = JSON.stringify(agents);
     if (json === _lastAgentsJson) return;
     _lastAgentsJson = json;
@@ -43,9 +49,9 @@
       card.setAttribute('tabindex', '0');
       card.title = (a.name || a.id) + (a.role ? ' — ' + a.role : '');
       // The clicked agent object is captured directly — no id->lookup round-trip.
-      card.addEventListener('click', function() { openAgentDetail(a); });
+      card.addEventListener('click', function() { openAgentDetailPanel(a); });
       card.addEventListener('keydown', function(ev) {
-        if (ev.key === 'Enter' || ev.key === ' ') { ev.preventDefault(); openAgentDetail(a); }
+        if (ev.key === 'Enter' || ev.key === ' ') { ev.preventDefault(); openAgentDetailPanel(a); }
       });
       // Hover (and keyboard focus, for tabindex=0 parity) reveals the inline
       // details bar under the grid without opening the click->modal. Listeners
@@ -219,8 +225,29 @@
     body.appendChild(row);
   }
 
+  // Route an agent-card click to the CLASSIC rich detail slide-in panel
+  // (W-mrz11djx00050594) — tabs + live-output stream + charter editor + full
+  // status — reused verbatim from the classic dashboard and exposed on
+  // window.MinionsAgents by dashboard/js/render-agents.js (injected into the
+  // slim document as a separate global <script>; see dashboard-build.js).
+  // Falls back to the slim mini-modal only if that panel bundle is genuinely
+  // unavailable, so a build/regression that drops the panel still shows detail.
+  function openAgentDetailPanel(a) {
+    if (!a || !a.id) return;
+    var MA = window.MinionsAgents;
+    if (MA && typeof MA.openAgentDetail === 'function') {
+      // openAgentDetail(id) resolves the agent via the global agentData, which
+      // renderMembers keeps in sync; pass the id (classic takes an id, not the
+      // whole object).
+      MA.openAgentDetail(a.id);
+      return;
+    }
+    openAgentDetail(a); // graceful fallback: slim mini-modal
+  }
+
   // Populate + open the agent detail modal for the given agent object (passed
-  // straight from the clicked card).
+  // straight from the clicked card). Retained as the fallback for
+  // openAgentDetailPanel when the reused classic panel is unavailable.
   function openAgentDetail(a) {
     var modal = document.getElementById('slim-agent-modal');
     var body = document.getElementById('slim-agent-body');

package/dashboard/slim/layout.html

@@ -18,5 +18,13 @@
 /* __JS__ */
 })();
 </script>
+<!-- Reused CLASSIC agent detail slide-in panel (W-mrz11djx00050594). Runs at
+     GLOBAL, non-strict scope — the same scope the classic dashboard uses — so
+     the reused dashboard/js panel modules behave identically. Kept separate from
+     (and after) the slim IIFE above; it exposes window.MinionsAgents.openAgentDetail(id),
+     which members.js calls on card click. -->
+<script>
+/* __PANEL_JS__ */
+</script>
 </body>
 </html>

package/dashboard/slim/panel-bootstrap.js

@@ -0,0 +1,83 @@
+// dashboard/slim/panel-bootstrap.js — glue for reusing the CLASSIC agent detail
+// slide-in panel inside the Slim-UX document (W-mrz11djx00050594).
+//
+// The classic panel modules (utils, render-utils, charter-editor, live-stream,
+// render-agents, detail-panel) are the SAME real files the classic dashboard
+// ships — dashboard-build.js concatenates them after this bootstrap into one
+// GLOBAL, non-strict <script> so they run in the exact scope they were written
+// for (unlike slim's own strict IIFE). Those files read a handful of primitives
+// that normally live in classic's state.js / command-parser.js, which slim does
+// NOT bundle. Rather than fork the panel, we wire up just those primitives here:
+//
+//   - agentData / currentAgentId / currentTab  (classic panel module state)
+//   - safeFetch                                (state.js — API fetch w/ timeout)
+//   - showToast                                (command-parser.js — toast feedback)
+//   - DASHBOARD_TAB_ID                         (state.js — per-tab id header)
+//
+// Declared with `var` at the top of the global panel <script> so they become
+// window properties; slim's IIFE (dashboard/slim/js/members.js) sets
+// `window.agentData` before invoking `window.MinionsAgents.openAgentDetail(id)`.
+
+// Classic panel module state (mirrors dashboard/js/state.js declarations).
+var agentData = [];
+var currentAgentId = null;
+var currentTab = 'thought-process';
+
+// Per-tab id echoed to /api/* via safeFetch, mirroring state.js. Best-effort —
+// sessionStorage may throw in locked-down contexts, so fall back to an ephemeral id.
+var DASHBOARD_TAB_ID = (function() {
+  try {
+    var existing = sessionStorage.getItem('minions-dashboard-tab-id');
+    if (existing) return existing;
+    var id = 'tab-' + Date.now().toString(36) + '-' + Math.random().toString(36).slice(2, 10);
+    sessionStorage.setItem('minions-dashboard-tab-id', id);
+    return id;
+  } catch {
+    return 'tab-' + Date.now().toString(36) + '-' + Math.random().toString(36).slice(2, 10);
+  }
+})();
+
+// Abort-on-timeout fetch with the dashboard-tab headers — copied verbatim from
+// dashboard/js/state.js so the reused panel modules (openAgentDetail, charter
+// save, live-stream refresh/steer) behave identically to the classic surface.
+function safeFetch(url, opts) {
+  var timeout = (opts && opts.timeout) || 15000;
+  var controller = new AbortController();
+  var timer = setTimeout(function() { controller.abort(); }, timeout);
+  var fetchOpts = Object.assign({}, opts, { signal: controller.signal });
+  if (typeof url === 'string' && url.indexOf('/api/') === 0) {
+    var headers = Object.assign({}, fetchOpts.headers || {});
+    headers['X-Minions-Dashboard-Tab'] = DASHBOARD_TAB_ID;
+    headers['X-Minions-Dashboard-Url'] = location.pathname + location.search + location.hash;
+    headers['X-Minions-Dashboard-Visibility'] = document.visibilityState || '';
+    fetchOpts.headers = headers;
+  }
+  delete fetchOpts.timeout;
+  return fetch(url, fetchOpts).finally(function() { clearTimeout(timer); });
+}
+
+// Minimal toast used by the reused charter-editor (save) and live-stream
+// (steering) modules. Mirrors the graceful-degradation contract of the classic
+// showToast (dashboard/js/command-parser.js): warn + return when the target
+// element is absent so a missing #cmd-toast can never throw.
+function showToast(id, msg, ok, durationMs) {
+  var el = document.getElementById(id);
+  if (!el) { try { console.warn('[showToast] no element with id', id, '— message:', msg); } catch {} return; }
+  el.classList.add('cmd-toast');
+  el.classList.remove('success', 'error');
+  el.classList.add(ok ? 'success' : 'error');
+  el.textContent = String(msg == null ? '' : msg);
+  el.classList.add('open');
+  setTimeout(function() { el.classList.remove('success', 'error', 'open'); }, durationMs || 4000);
+}
+
+// ESC closes the slide-in panel (parity with the classic "ESC / Close" button).
+// closeDetail() is defined later in this same global script by detail-panel.js;
+// it is only invoked on keydown (runtime), so load-order is fine.
+document.addEventListener('keydown', function(e) {
+  if (e.key !== 'Escape') return;
+  var panel = document.getElementById('detail-panel');
+  if (panel && panel.classList.contains('open') && typeof closeDetail === 'function') {
+    closeDetail();
+  }
+});

package/dashboard/slim/styles.css

@@ -1750,4 +1750,134 @@
       font-family: inherit;
       resize: vertical;
     }
-    .modal-textarea:focus { outline: none; border-color: var(--blue); }
+    .modal-textarea:focus { outline: none; border-color: var(--blue); }
+/* ===================================================================
+   Reused CLASSIC agent detail slide-in panel (W-mrz11djx00050594)
+   -------------------------------------------------------------------
+   The panel markup + JS are reused verbatim from the classic dashboard
+   (dashboard/layout.html + dashboard/js/{render-agents,detail-panel,
+   live-stream,charter-editor,render-utils,utils}.js). Slim and classic
+   ship SEPARATE top-level stylesheets with no shared-CSS partial, so the
+   panel's presentation rules are mirrored here. The rule bodies are the
+   classic rules unchanged; they reference classic design tokens
+   (--space-N, --radius-*, --yellow, --purple, --transition-*) that slim
+   either lacks or scales differently. Those tokens are scoped to the
+   panel roots below so every panel descendant resolves them to the
+   classic values WITHOUT disturbing slim's global palette.
+   =================================================================== */
+#detail-panel, #detail-overlay {
+  --yellow: #d29922; --purple: #bc8cff; --orange: #e3b341;
+  --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 10px; --radius-full: 50%;
+  --transition-fast: 0.15s; --transition-base: 0.2s; --transition-slow: 0.3s;
+  --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 10px;
+  --space-6: 12px; --space-7: 16px; --space-8: 20px; --space-9: 24px;
+}
+
+@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
+.pulse { width: 8px; height: 8px; border-radius: var(--radius-full); background: var(--green); display: inline-block; margin-right: var(--space-3); animation: pulse 2s infinite; }
+
+.detail-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 300; }
+.detail-overlay.open { display: block; }
+.detail-panel {
+  position: fixed; top: 0; right: 0; width: 55%; max-width: 750px; height: 100vh;
+  background: var(--surface); border-left: 1px solid var(--border);
+  z-index: 301; display: flex; flex-direction: column;
+  transform: translateX(100%); transition: transform 0.25s ease;
+}
+.detail-panel.open { transform: translateX(0); }
+.detail-header {
+  padding: var(--space-7) var(--space-8); border-bottom: 1px solid var(--border);
+  display: flex; justify-content: space-between; align-items: center; flex-shrink: 0;
+}
+.detail-header h3 { font-size: var(--text-2xl); color: var(--blue); display: flex; align-items: center; gap: var(--space-4); }
+.detail-close { background: none; border: 1px solid var(--border); color: var(--muted); font-size: var(--text-md); cursor: pointer; padding: var(--space-2) var(--space-6); border-radius: var(--radius-sm); }
+.detail-close:hover { color: var(--text); border-color: var(--text); }
+.detail-body { flex: 1; overflow-y: auto; padding: 0; }
+.detail-tabs { display: flex; border-bottom: 1px solid var(--border); flex-shrink: 0; background: var(--bg); }
+.detail-tab {
+  padding: var(--space-5) var(--space-7); font-size: var(--text-md); font-weight: 500; color: var(--muted);
+  cursor: pointer; border-bottom: 2px solid transparent; transition: all var(--transition-base);
+}
+.detail-tab:hover { color: var(--text); }
+.detail-tab.active { color: var(--blue); border-bottom-color: var(--blue); }
+.detail-content {
+  padding: var(--space-7) var(--space-8); font-size: var(--text-md); line-height: 1.7;
+  white-space: pre-wrap; word-wrap: break-word; font-family: Consolas, monospace; color: var(--muted);
+}
+.detail-content h4 { color: var(--text); font-size: var(--text-lg); margin: var(--space-6) 0 var(--space-3) 0; font-family: 'Segoe UI', sans-serif; }
+.detail-content .section { margin-bottom: var(--space-7); padding: var(--space-6); background: var(--surface2); border: 1px solid var(--border); border-radius: var(--radius-md); }
+.status-line { display: flex; align-items: center; gap: var(--space-5); padding: var(--space-5) var(--space-7); background: var(--bg); border-bottom: 1px solid var(--border); font-size: var(--text-md); }
+
+.status-badge { font-size: var(--text-sm); font-weight: 600; padding: var(--space-1) var(--space-4); border-radius: var(--radius-xl); text-transform: uppercase; letter-spacing: 0.5px; }
+.status-badge.idle { background: var(--surface); color: var(--muted); border: 1px solid var(--border); }
+.status-badge.working { background: rgba(210,153,34,0.15); color: var(--yellow); border: 1px solid var(--yellow); animation: pulse 1.5s infinite; }
+.status-badge.done { background: rgba(63,185,80,0.15); color: var(--green); border: 1px solid var(--green); }
+.status-badge.error { background: rgba(248,81,73,0.15); color: var(--red); border: 1px solid var(--red); }
+
+.pr-table { width: 100%; border-collapse: collapse; font-size: var(--text-md); table-layout: auto; }
+.pr-table th, .pr-table td { padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border); text-align: left; }
+.pr-table th { color: var(--muted); font-weight: 600; font-size: var(--text-sm); text-transform: uppercase; letter-spacing: 0.4px; }
+
+.dispatch-type { font-size: var(--text-sm); font-weight: 600; padding: var(--space-1) var(--space-4); border-radius: var(--radius-lg); text-transform: uppercase; white-space: nowrap; }
+.dispatch-type.implement { background: rgba(88,166,255,0.15); color: var(--blue); }
+.dispatch-type.review { background: rgba(188,140,255,0.15); color: var(--purple); }
+.dispatch-type.fix { background: rgba(210,153,34,0.15); color: var(--yellow); }
+.dispatch-type.analyze { background: rgba(63,185,80,0.15); color: var(--green); }
+.dispatch-type.explore { background: rgba(139,148,158,0.15); color: var(--muted); }
+.dispatch-type.test { background: rgba(227,179,65,0.15); color: var(--orange); }
+.dispatch-type.plan { background: rgba(168,85,247,0.15); color: #a855f7; }
+.dispatch-type.ask { background: rgba(63,185,80,0.15); color: var(--green); }
+.dispatch-type.verify { background: rgba(63,185,80,0.2); color: var(--green); }
+.dispatch-type.meeting { background: rgba(88,166,255,0.2); color: var(--blue); }
+.dispatch-type.decompose { background: rgba(188,140,255,0.2); color: var(--purple); }
+.dispatch-type.docs { background: rgba(56,189,248,0.15); color: #38bdf8; }
+.dispatch-type.setup { background: rgba(20,184,166,0.15); color: #14b8a6; }
+
+.pr-pager-btn {
+  background: var(--surface2); border: 1px solid var(--border); color: var(--muted);
+  font-size: var(--text-base); padding: var(--space-2) var(--space-5); border-radius: var(--radius-sm); cursor: pointer; transition: all var(--transition-base);
+}
+.pr-pager-btn:hover { color: var(--text); border-color: var(--text); }
+
+.btn-primary-lg {
+  background: var(--blue); color: #fff; border: none; border-radius: var(--radius-sm);
+  padding: 6px 16px; font-size: var(--text-md); cursor: pointer; transition: opacity var(--transition-base);
+}
+.btn-primary-lg:hover { opacity: 0.9; }
+
+.modal-copy { background: var(--surface2); border: 1px solid var(--border); color: var(--muted); font-size: var(--text-base); cursor: pointer; padding: var(--space-2) var(--space-5); border-radius: var(--radius-sm); display: flex; align-items: center; gap: var(--space-2); transition: all var(--transition-base); }
+.modal-copy:hover { color: var(--text); border-color: var(--text); }
+.modal-copy.is-success { color: var(--green); border-color: var(--green); }
+.modal-copy.is-danger { color: var(--red); border-color: var(--red); }
+
+.artifact-chip {
+  display: inline-flex; align-items: center; gap: var(--space-1);
+  padding: var(--space-1) var(--space-4); border-radius: 10px;
+  font-size: var(--text-sm); cursor: pointer;
+  background: var(--surface2); border: 1px solid var(--border); color: var(--text);
+  transition: border-color var(--transition-base), color var(--transition-base);
+  user-select: none;
+}
+.artifact-chip:hover { border-color: var(--blue); color: var(--blue); }
+.artifact-chip-icon { font-size: var(--text-sm); line-height: 1; }
+.artifact-chip-label { font-size: var(--text-sm); }
+.artifact-chip.deleted { cursor: not-allowed; text-decoration: line-through; color: var(--muted); opacity: 0.6; }
+.artifact-chip-unknown { color: var(--muted); }
+
+/* Markdown content — consistent styling everywhere renderMd() is used inside the panel */
+.detail-panel .md-content { font-family: 'Segoe UI', system-ui, sans-serif; font-size: var(--text-md); line-height: 1.6; white-space: normal; word-break: break-word; overflow-x: auto; }
+.detail-panel .md-content pre { font-family: Consolas, 'Courier New', monospace; white-space: pre-wrap; max-width: 100%; }
+.detail-panel .md-content code { font-family: Consolas, 'Courier New', monospace; }
+.detail-panel .md-content table { border-collapse: collapse; margin: 6px 0; width: max-content; min-width: 100%; }
+.detail-panel .md-content th, .detail-panel .md-content td { padding: 4px 8px; border: 1px solid var(--border); text-align: left; font-size: var(--text-base); white-space: nowrap; }
+.detail-panel .md-content td { white-space: normal; min-width: 60px; }
+.detail-panel .md-content th { background: var(--surface); font-weight: 600; }
+.detail-panel .md-content .md-p { margin: 0 0 6px; }
+.detail-panel .md-content .md-p:last-child { margin-bottom: 0; }
+.detail-panel .md-content li { margin: 1px 0; }
+
+/* Floating toast target for the reused panel (charter save / steering feedback). */
+.cmd-toast { position: fixed; bottom: 16px; right: 16px; z-index: 500; max-width: 360px; padding: 10px 14px; border-radius: 6px; background: var(--surface2); border: 1px solid var(--border); color: var(--text); font-size: var(--text-md); box-shadow: 0 4px 16px rgba(0,0,0,0.4); opacity: 0; pointer-events: none; transition: opacity 0.2s ease; }
+.cmd-toast.open { opacity: 1; }
+.cmd-toast.success { border-color: var(--green); }
+.cmd-toast.error { border-color: var(--red); }

package/dashboard/styles.css

@@ -889,6 +889,33 @@
   .cmd-mention-item .mention-name { font-weight: 600; color: var(--purple); }
   .cmd-mention-item .mention-role { color: var(--muted); font-size: var(--text-base); }
 
+  /* Model-picker combobox (Settings → Agents Runtime & Models, PR #916).
+     The Default Model / CC Model fields stay editable <input>s (staged/custom
+     model IDs must remain typeable) but the launched suggestion list is a
+     dashboard-themed popover instead of the browser's native <datalist>
+     chrome, so it matches the sibling native <select> dropdowns. Positioned
+     with position:fixed (coords set in JS at open time) so it escapes the
+     .settings-content / .settings-body overflow clipping and floats like a
+     native dropdown. z-index sits above modal content (.modal-bg is 400). */
+  .model-combo { position: relative; }
+  .model-combo-popup {
+    display: none; position: fixed; margin-top: 2px;
+    background: var(--surface); border: 1px solid var(--border); border-radius: 4px;
+    padding: 2px 0; box-shadow: var(--shadow-lg); z-index: 500;
+    max-height: 260px; overflow-y: auto;
+    scrollbar-width: thin; scrollbar-color: var(--border) transparent;
+  }
+  .model-combo-popup.visible { display: block; }
+  .model-combo-popup::-webkit-scrollbar { width: 4px; }
+  .model-combo-popup::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
+  .model-combo-option {
+    padding: 4px 8px; font-size: var(--text-md); color: var(--text); cursor: pointer;
+    display: flex; align-items: baseline; gap: 6px; white-space: nowrap;
+  }
+  .model-combo-option:hover { background: var(--surface2); }
+  .model-combo-option.active { background: rgba(88,166,255,0.15); }
+  .model-combo-label { color: var(--muted); font-size: var(--text-xs); }
+
   /* Hints bar */
   .cmd-hints {
     display: flex; gap: var(--space-6); margin-top: var(--space-2); font-size: var(--text-sm); color: var(--muted);

package/dashboard-build.js

@@ -79,6 +79,18 @@ const SLIM_JS_ORDER = [
   'command-send', 'status', 'members', 'modals-tiles', 'history', 'pinned', 'knowledge', 'plans',
 ];
 
+// W-mrz11djx00050594 — the CLASSIC agent detail slide-in panel, reused verbatim
+// inside Slim-UX. These are the real dashboard/js/*.js modules the classic
+// dashboard ships (no fork); they are concatenated after slim/panel-bootstrap.js
+// into a single GLOBAL, non-strict <script> (the /* __PANEL_JS__ */ slot) so
+// they run in the same global scope they were written for, separate from slim's
+// strict IIFE. Order is load-bearing: helpers before consumers, and
+// charter-editor MUST precede detail-panel (see the "charter-editor registered
+// before detail-panel" test).
+const SLIM_CLASSIC_PANEL_JS = [
+  'utils', 'render-utils', 'charter-editor', 'live-stream', 'render-agents', 'detail-panel',
+];
+
 // Cache for the assembled slim source fragments (layout/css/body/js). Keyed on
 // the input file mtimes so dev edits still take effect on the next request
 // without a server restart, while production serves repeated requests without
@@ -92,8 +104,10 @@ function _slimSourcePaths(slimDir) {
     path.join(slimDir, 'layout.html'),
     path.join(slimDir, 'styles.css'),
     path.join(slimDir, 'body.html'),
+    path.join(slimDir, 'panel-bootstrap.js'),
     ...DASHBOARD_SHARED_JS.map(f => path.join(MINIONS_DIR, 'dashboard', 'shared', f + '.js')),
     ...SLIM_JS_ORDER.map(f => path.join(slimDir, 'js', f + '.js')),
+    ...SLIM_CLASSIC_PANEL_JS.map(f => path.join(MINIONS_DIR, 'dashboard', 'js', f + '.js')),
   ];
 }
 
@@ -112,7 +126,14 @@ function buildSlimHtml(opts) {
   if (!_slimPartsCache
       || _slimPartsCache.mtimes.length !== mtimes.length
       || _slimPartsCache.mtimes.some((m, i) => m !== mtimes[i])) {
-    const [lp, cp, bp, ...jsPaths] = paths;
+    // paths layout: [layout, styles, body, panel-bootstrap,
+    //   ...DASHBOARD_SHARED_JS, ...SLIM_JS_ORDER, ...SLIM_CLASSIC_PANEL_JS].
+    // The slim IIFE gets shared + slim js; the classic panel gets its own
+    // global <script> (bootstrap + classic modules) — see /* __PANEL_JS__ */.
+    const [lp, cp, bp, bootstrapPath, ...restPaths] = paths;
+    const iifeCount = DASHBOARD_SHARED_JS.length + SLIM_JS_ORDER.length;
+    const iifePaths = restPaths.slice(0, iifeCount);
+    const panelPaths = restPaths.slice(iifeCount);
     _slimPartsCache = {
       mtimes,
       layout: safeRead(lp),
@@ -121,10 +142,14 @@ function buildSlimHtml(opts) {
       // Join with a newline so a fragment that loses its trailing newline
       // can't glue two statements together (e.g. `}var foo`). Parts share one
       // IIFE scope, so order is load-bearing — see SLIM_JS_ORDER.
-      js: jsPaths.map(p => safeRead(p)).join('\n'),
+      js: iifePaths.map(p => safeRead(p)).join('\n'),
+      // Reused classic agent-detail panel — bootstrap glue first, then the real
+      // classic modules. Emitted into a separate GLOBAL, non-strict <script>
+      // (the /* __PANEL_JS__ */ slot) so they run in their original scope.
+      panelJs: [bootstrapPath, ...panelPaths].map(p => safeRead(p)).join('\n'),
     };
   }
-  const { layout, css, body, js } = _slimPartsCache;
+  const { layout, css, body, js, panelJs } = _slimPartsCache;
 
   // Feature-flag bootstrap (window.MINIONS_FEATURES) injected at the top of the
   // slim IIFE. serveSlimUx passes the live flags as JSON via opts.featuresJson;
@@ -138,6 +163,7 @@ function buildSlimHtml(opts) {
     // an exact '\n' match would silently no-op and ship an empty body on CRLF).
     .replace(/<!-- __BODY__ -->\r?\n/, () => body)
     .replace('{{minions_features}}', () => featuresJson)
+    .replace('/* __PANEL_JS__ */', () => panelJs)
     .replace('/* __JS__ */', () => js);
 }
 

package/engine/runtimes/copilot.js

@@ -767,10 +767,17 @@ const KNOWN_EVENT_TYPES = new Set([
  * Returns { text, usage, sessionId, model } — same shape as the Claude adapter
  * so engine/lifecycle.js can consume both transparently.
  *
- *   - text:      concatenation of answer `assistant.message.data.content`
- *                values, plus trailing deltas if the CLI exits before a final
- *                `assistant.message`. Narration attached to tool requests is
- *                progress text and is excluded from the final answer.
+ *   - text:      the TRAILING text segment of the turn — answer
+ *                `assistant.message.data.content` values plus trailing deltas,
+ *                but only those that arrived AFTER the last real (non-
+ *                `task_complete`) tool boundary. Narration attached to tool
+ *                requests is progress text and is excluded from the final
+ *                answer, and a real tool call resets the accumulators so pre-
+ *                tool text never welds onto the post-tool answer. This mirrors
+ *                the stream consumer's `_resetTrailingSegment` and Claude's
+ *                result-carries-last-message shape, so the terminal
+ *                reconciliation in engine/llm.js#finalize agrees with the live
+ *                stream instead of re-welding split blocks (W-mrw87290000b2965).
  *   - usage:     mapped from the terminal `result` event. Copilot doesn't
  *                report cost/tokens — those fields are NULL, not 0, so the
  *                dashboard can distinguish "Copilot didn't tell us" from
@@ -809,10 +816,15 @@ function parseOutput(raw, { maxTextLength = 0 } = {}) {
       const content = obj.data?.content;
       const toolRequests = obj.data?.toolRequests;
       const hasToolRequests = Array.isArray(toolRequests) && toolRequests.length > 0;
+      let sawRealTool = false;
       if (hasToolRequests) {
         for (const tr of toolRequests) {
-          const summary = tr?.name === 'task_complete' ? tr.arguments?.summary || tr.intentionSummary : '';
-          if (typeof summary === 'string' && summary) taskCompleteSummary = summary;
+          if (tr?.name === 'task_complete') {
+            const summary = tr.arguments?.summary || tr.intentionSummary;
+            if (typeof summary === 'string' && summary) taskCompleteSummary = summary;
+          } else if (tr?.name) {
+            sawRealTool = true;
+          }
         }
       }
       if (typeof content === 'string') {
@@ -821,9 +833,32 @@ function parseOutput(raw, { maxTextLength = 0 } = {}) {
       }
       const ot = obj.data?.outputTokens;
       if (typeof ot === 'number') outputTokensTotal += ot;
+      // A real (non-task_complete) tool call closes the trailing text segment:
+      // the final answer is whatever text arrives AFTER it. Reset the trailing
+      // accumulators so pre-tool narration — whether it arrived as a finalized
+      // assistant.message or as raw deltas — does not weld onto the post-tool
+      // answer. Without this, `text = messageContents.join('') + pendingDeltaContent`
+      // re-welds `<pre-tool><post-tool>` in the terminal reconciliation
+      // (engine/llm.js#finalize -> runtime.parseOutput), and the CC SSE `done`
+      // payload re-introduces the weld the stream consumer already split apart
+      // (W-mrw87290000b2965). Mirrors the stream consumer's _resetTrailingSegment
+      // and Claude, whose result event carries only the last assistant message.
+      if (sawRealTool) {
+        messageContents.length = 0;
+        pendingDeltaContent = '';
+      }
     } else if (type === 'tool.execution_start') {
-      const summary = obj.data?.toolName === 'task_complete' ? obj.data?.arguments?.summary : '';
-      if (typeof summary === 'string' && summary) taskCompleteSummary = summary;
+      const toolName = obj.data?.toolName;
+      if (toolName === 'task_complete') {
+        const summary = obj.data?.arguments?.summary;
+        if (typeof summary === 'string' && summary) taskCompleteSummary = summary;
+      } else if (typeof toolName === 'string' && toolName) {
+        // Same real-tool-boundary reset as the toolRequests branch above —
+        // `tool.execution_start` is the standalone event shape (delta -> tool
+        // -> delta) that produced the original weld repro.
+        messageContents.length = 0;
+        pendingDeltaContent = '';
+      }
     } else if (type === 'session.task_complete') {
       const summary = obj.data?.summary;
       if (typeof summary === 'string' && summary) taskCompleteSummary = summary;
@@ -1196,6 +1231,17 @@ function createStreamConsumer(ctx) {
   function _resetTrailingSegment() {
     trailingText = '';
     _hadPriorTrailingMessage = false;
+    // A real tool call closes the trailing text segment, so the live
+    // `assistant.message_delta` accumulator must reset too — otherwise, when
+    // the pre-tool text arrived ONLY as deltas (no finalizing non-tool
+    // `assistant.message` to zero the buffer, e.g. delta(s) → tool.execution_start
+    // → delta(s)), the post-tool deltas append onto the pre-tool text and
+    // `ctx.pushText` emits the welded whole-turn buffer under the new (post-tool)
+    // segmentId. The dashboard then renders the post-tool block as
+    // `<pre-tool>.<post-tool>` with no separator (W-mrw87290 — CC weld across a
+    // tool call). Claude's adapter resets its accumulator on tool_use for the
+    // same reason (engine/runtimes/claude.js).
+    copilotMessageBuffer = '';
   }
 
   function _captureTaskComplete(summary, success = true, { clearBuffer = false } = {}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yemi33/minions",
-  "version": "0.1.2410",
+  "version": "0.1.2412",
   "description": "Multi-agent AI dev team that runs from ~/.minions/ — five autonomous agents share a single engine, dashboard, and knowledge base",
   "bin": {
     "minions": "bin/minions.js"