@yemi33/minions 0.1.1590 → 0.1.1592

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.1.1592 (2026-04-28)
+
+### Features
+- show runtime tag (Claude/Copilot/...) next to agent name
+
+### Other
+- Pretty-print Copilot live output
+
 ## 0.1.1590 (2026-04-28)
 
 ### Features

package/dashboard/js/live-stream.js

@@ -6,6 +6,11 @@ let _steerInFlight = false;
 let _lastRenderedText = '';
 let _runtimeTimer = null;
 
+function _currentAgentRuntime() {
+  var agent = (agentData || []).find(function(a) { return a.id === currentAgentId; });
+  return agent && agent.runtime ? agent.runtime : '';
+}
+
 function _updateRuntimeCounter() {
   var el = document.getElementById('live-runtime');
   if (!el) return;
@@ -75,8 +80,9 @@ async function refreshLiveOutput() {
     const el = document.getElementById('live-messages');
     if (el) {
       const wasAtBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 150;
+      const incrementalSafe = _currentAgentRuntime() !== 'copilot';
       // Incremental render: only parse new content if text is an extension of previous
-      if (_lastRenderedText && text.length > _lastRenderedText.length && text.startsWith(_lastRenderedText.slice(0, 200))) {
+      if (incrementalSafe && _lastRenderedText && text.length > _lastRenderedText.length && text.startsWith(_lastRenderedText.slice(0, 200))) {
         renderLiveChatMessage(text.slice(_lastRenderedText.length));
       } else {
         el.innerHTML = '';

package/dashboard/js/render-agents.js

@@ -1,12 +1,23 @@
 // dashboard/js/render-agents.js — Agent grid rendering extracted from dashboard.html
 
+// Per-runtime display labels and accent colors. Add a new entry here when a
+// new runtime is registered in engine/runtimes/index.js.
+const RUNTIME_TAGS = {
+  claude:  { label: 'Claude',  color: 'var(--blue)' },
+  copilot: { label: 'Copilot', color: 'var(--purple)' },
+};
+function _runtimeTagHtml(runtime) {
+  const meta = RUNTIME_TAGS[runtime] || { label: runtime || 'unknown', color: 'var(--muted)' };
+  return '<span class="agent-runtime-tag" title="Runtime: ' + escapeHtml(runtime || 'unknown') + '" style="font-size:9px;font-weight:600;letter-spacing:0.4px;text-transform:uppercase;padding:1px 5px;margin-left:6px;border:1px solid ' + meta.color + ';border-radius:3px;color:' + meta.color + ';background:transparent">' + escapeHtml(meta.label) + '</span>';
+}
+
 function renderAgents(agents) {
   agentData = agents;
   const grid = document.getElementById('agents-grid');
   grid.innerHTML = agents.map(a => `
     <div class="agent-card ${statusColor(a.status)}" onclick="if(shouldIgnoreSelectionClick(event))return;openAgentDetail('${escapeHtml(a.id)}')">
       <div class="agent-card-header">
-        <span class="agent-name"><span class="agent-emoji">${escapeHtml(a.emoji)}</span>${escapeHtml(a.name)}</span>
+        <span class="agent-name"><span class="agent-emoji">${escapeHtml(a.emoji)}</span>${escapeHtml(a.name)}${_runtimeTagHtml(a.runtime)}</span>
         <span class="status-badge ${escapeHtml(a.status)}">${escapeHtml(a.status)}</span>
       </div>
       <div class="agent-role">${escapeHtml(a.role)}</div>
@@ -38,9 +49,17 @@ async function openAgentDetail(id) {
   const emojiSpan = document.createElement('span');
   emojiSpan.style.fontSize = '22px';
   emojiSpan.textContent = agent.emoji || '';
+  // Runtime tag rendered as a separate span so the textContent path keeps its
+  // SEC-03-Phase-A safety for the user-controlled name/role fields.
+  const runtimeMeta = RUNTIME_TAGS[agent.runtime] || { label: agent.runtime || 'unknown', color: 'var(--muted)' };
+  const runtimeSpan = document.createElement('span');
+  runtimeSpan.style.cssText = 'font-size:10px;font-weight:600;letter-spacing:0.4px;text-transform:uppercase;padding:2px 6px;margin-left:10px;border:1px solid ' + runtimeMeta.color + ';border-radius:3px;color:' + runtimeMeta.color;
+  runtimeSpan.title = 'Runtime: ' + (agent.runtime || 'unknown');
+  runtimeSpan.textContent = runtimeMeta.label;
   nameEl.replaceChildren(
     emojiSpan,
-    document.createTextNode(' ' + (agent.name || '') + ' \u2014 ' + (agent.role || ''))
+    document.createTextNode(' ' + (agent.name || '') + ' \u2014 ' + (agent.role || '')),
+    runtimeSpan,
   );
 
   const badgeClass = agent.status;

package/dashboard/js/render-utils.js

@@ -54,8 +54,39 @@ function formatToolSummary(name, input) {
  * @param {object} obj - Parsed JSON object from agent JSONL output
  * @returns {string} HTML fragment
  */
-function _renderJsonObj(obj) {
+function _renderJsonObj(obj, state) {
+  state = state || {};
   var parts = [];
+  if (!(state.copilotToolKeys instanceof Set)) state.copilotToolKeys = new Set();
+  if (typeof state.copilotDeltaBuffer !== 'string') state.copilotDeltaBuffer = '';
+  if (typeof state.copilotReasoningPending !== 'boolean') state.copilotReasoningPending = false;
+
+  function assistantBubbleHtml(text) {
+    return '<div style="display:flex;align-items:baseline;gap:6px;margin:4px 0">' +
+      '<span style="color:var(--muted);font-size:10px;flex-shrink:0">&#9679;</span>' +
+      '<div style="background:var(--surface2);padding:8px 12px;border-radius:12px 12px 12px 2px;max-width:90%;font-size:12px;word-break:break-word">' + renderMd(text) + '</div>' +
+      '</div>';
+  }
+  function toolUseHtml(name, input) {
+    var summary = formatToolSummary(name || 'tool', input || {});
+    var rawJson = escHtml(JSON.stringify(input || {}, null, 2).slice(0, 500));
+    return '<div style="display:flex;align-items:center;gap:4px;margin:2px 0;font-size:10px;color:var(--muted);font-family:monospace">' +
+        '<span style="flex-shrink:0">&#9679;</span>' +
+        '<span>' + summary + '</span>' +
+        '<span style="cursor:pointer;opacity:0.6;margin-left:4px" onclick="var t=this.parentElement.nextElementSibling;t.style.display=t.style.display===\'none\'?\'block\':\'none\';this.textContent=t.style.display===\'none\'?\'[+]\':\'[-]\'">[+]</span>' +
+      '</div>' +
+      '<div style="display:none;background:var(--bg);padding:4px 8px;border-radius:4px;margin:0 0 4px 16px;font-size:10px;font-family:monospace;white-space:pre-wrap;max-height:200px;overflow-y:auto;color:var(--muted)">' + rawJson + '</div>';
+  }
+  function toolResultHtml(text) {
+    if (!text || text.length <= 10) return '';
+    var truncated = text.length > 3000;
+    var displayText = truncated ? text.slice(0, 3000) + '...' : text;
+    return '<div style="background:var(--surface);border-left:2px solid var(--border);padding:2px 8px;margin:0 0 2px 16px;font-size:9px;font-family:monospace;color:var(--muted);max-height:160px;overflow-y:auto;white-space:pre-wrap;cursor:pointer" onclick="this.style.maxHeight=this.style.maxHeight===\'160px\'?\'none\':\'160px\'">' + escHtml(displayText) + '</div>';
+  }
+  function toolKey(name, input) {
+    try { return String(name || 'tool') + '|' + JSON.stringify(input || {}); }
+    catch { return String(name || 'tool'); }
+  }
 
   if (obj.type === 'assistant' && obj.message && obj.message.content) {
     var content = obj.message.content;
@@ -65,22 +96,10 @@ function _renderJsonObj(obj) {
         parts.push('<div style="font-size:10px;color:var(--muted);padding:2px 8px;font-style:italic">\u{1F4AD} Thinking...</div>');
       }
       if (block.type === 'text' && block.text) {
-        parts.push('<div style="display:flex;align-items:baseline;gap:6px;margin:4px 0">' +
-          '<span style="color:var(--muted);font-size:10px;flex-shrink:0">&#9679;</span>' +
-          '<div style="background:var(--surface2);padding:8px 12px;border-radius:12px 12px 12px 2px;max-width:90%;font-size:12px;word-break:break-word">' + renderMd(block.text) + '</div>' +
-          '</div>');
+        parts.push(assistantBubbleHtml(block.text));
       }
       if (block.type === 'tool_use') {
-        var summary = formatToolSummary(block.name || 'tool', block.input || {});
-        var rawJson = escHtml(JSON.stringify(block.input || {}, null, 2).slice(0, 500));
-        parts.push(
-          '<div style="display:flex;align-items:center;gap:4px;margin:2px 0;font-size:10px;color:var(--muted);font-family:monospace">' +
-            '<span style="flex-shrink:0">&#9679;</span>' +
-            '<span>' + summary + '</span>' +
-            '<span style="cursor:pointer;opacity:0.6;margin-left:4px" onclick="var t=this.parentElement.nextElementSibling;t.style.display=t.style.display===\'none\'?\'block\':\'none\';this.textContent=t.style.display===\'none\'?\'[+]\':\'[-]\'">[+]</span>' +
-          '</div>' +
-          '<div style="display:none;background:var(--bg);padding:4px 8px;border-radius:4px;margin:0 0 4px 16px;font-size:10px;font-family:monospace;white-space:pre-wrap;max-height:200px;overflow-y:auto;color:var(--muted)">' + rawJson + '</div>'
-        );
+        parts.push(toolUseHtml(block.name, block.input));
       }
     }
   }
@@ -88,11 +107,57 @@ function _renderJsonObj(obj) {
   if (obj.type === 'tool_result' || (obj.type === 'user' && obj.message && obj.message.content && obj.message.content[0] && obj.message.content[0].type === 'tool_result')) {
     var tc = (obj.message && obj.message.content && obj.message.content[0] && obj.message.content[0].content) || obj.content || '';
     var text = typeof tc === 'string' ? tc : JSON.stringify(tc);
-    if (text.length > 10) {
-      var truncated = text.length > 3000;
-      var displayText = truncated ? text.slice(0, 3000) + '...' : text;
-      parts.push('<div style="background:var(--surface);border-left:2px solid var(--border);padding:2px 8px;margin:0 0 2px 16px;font-size:9px;font-family:monospace;color:var(--muted);max-height:160px;overflow-y:auto;white-space:pre-wrap;cursor:pointer" onclick="this.style.maxHeight=this.style.maxHeight===\'160px\'?\'none\':\'160px\'">' + escHtml(displayText) + '</div>');
+    parts.push(toolResultHtml(text));
+  }
+
+  if (obj.type === 'assistant.reasoning' || obj.type === 'assistant.reasoning_delta') {
+    state.copilotReasoningPending = true;
+  }
+
+  if (obj.type === 'assistant.message_delta' && typeof obj.data?.deltaContent === 'string') {
+    if (state.copilotReasoningPending) {
+      parts.push('<div style="font-size:10px;color:var(--muted);padding:2px 8px;font-style:italic">\u{1F4AD} Thinking...</div>');
+      state.copilotReasoningPending = false;
     }
+    state.copilotDeltaBuffer += obj.data.deltaContent;
+  }
+
+  if (obj.type === 'assistant.message') {
+    if (state.copilotReasoningPending) {
+      parts.push('<div style="font-size:10px;color:var(--muted);padding:2px 8px;font-style:italic">\u{1F4AD} Thinking...</div>');
+      state.copilotReasoningPending = false;
+    }
+    state.copilotDeltaBuffer = '';
+    if (typeof obj.data?.content === 'string' && obj.data.content) {
+      parts.push(assistantBubbleHtml(obj.data.content));
+    }
+    var toolRequests = Array.isArray(obj.data?.toolRequests) ? obj.data.toolRequests : [];
+    for (var trIdx = 0; trIdx < toolRequests.length; trIdx++) {
+      var tr = toolRequests[trIdx];
+      if (!tr || !tr.name) continue;
+      var trInput = tr.arguments || {};
+      var trKey = toolKey(tr.name, trInput);
+      if (state.copilotToolKeys.has(trKey)) continue;
+      state.copilotToolKeys.add(trKey);
+      parts.push(toolUseHtml(tr.name, trInput));
+    }
+  }
+
+  if (obj.type === 'tool.execution_start' && obj.data?.toolName) {
+    var startInput = obj.data.arguments || {};
+    var startKey = toolKey(obj.data.toolName, startInput);
+    if (!state.copilotToolKeys.has(startKey)) {
+      state.copilotToolKeys.add(startKey);
+      parts.push(toolUseHtml(obj.data.toolName, startInput));
+    }
+  }
+
+  if (obj.type === 'tool.execution_complete') {
+    var resultData = obj.data?.result;
+    var resultText = resultData?.content || resultData?.detailedContent || '';
+    if (!resultText && resultData && typeof resultData !== 'string') resultText = JSON.stringify(resultData);
+    if (!resultText && obj.data?.success === false) resultText = 'Tool failed';
+    parts.push(toolResultHtml(typeof resultText === 'string' ? resultText : String(resultText || '')));
   }
 
   if (obj.type === 'result') {
@@ -116,6 +181,21 @@ function renderAgentOutput(text) {
   if (!text) return '';
   var fragments = [];
   var lines = text.split('\n');
+  var state = { copilotDeltaBuffer: '', copilotToolKeys: new Set(), copilotReasoningPending: false };
+
+  function flushCopilotPending() {
+    if (state.copilotReasoningPending) {
+      fragments.push('<div style="font-size:10px;color:var(--muted);padding:2px 8px;font-style:italic">\u{1F4AD} Thinking...</div>');
+      state.copilotReasoningPending = false;
+    }
+    if (state.copilotDeltaBuffer) {
+      fragments.push('<div style="display:flex;align-items:baseline;gap:6px;margin:4px 0">' +
+        '<span style="color:var(--muted);font-size:10px;flex-shrink:0">&#9679;</span>' +
+        '<div style="background:var(--surface2);padding:8px 12px;border-radius:12px 12px 12px 2px;max-width:90%;font-size:12px;word-break:break-word">' + renderMd(state.copilotDeltaBuffer) + '</div>' +
+        '</div>');
+      state.copilotDeltaBuffer = '';
+    }
+  }
 
   for (var i = 0; i < lines.length; i++) {
     var trimmed = lines[i].trim();
@@ -145,7 +225,7 @@ function renderAgentOutput(text) {
       try {
         var arr = JSON.parse(trimmed);
         if (Array.isArray(arr)) {
-          for (var j = 0; j < arr.length; j++) fragments.push(_renderJsonObj(arr[j]));
+          for (var j = 0; j < arr.length; j++) fragments.push(_renderJsonObj(arr[j], state));
           continue;
         }
       } catch (e) { /* fall through */ }
@@ -154,11 +234,17 @@ function renderAgentOutput(text) {
     // JSON object line
     if (trimmed.startsWith('{')) {
       try {
-        fragments.push(_renderJsonObj(JSON.parse(trimmed)));
+        var obj = JSON.parse(trimmed);
+        if (obj.type !== 'assistant.message_delta' && obj.type !== 'assistant.reasoning' && obj.type !== 'assistant.reasoning_delta' && obj.type !== 'assistant.message') {
+          flushCopilotPending();
+        }
+        fragments.push(_renderJsonObj(obj, state));
         continue;
       } catch (e) { /* fall through */ }
     }
 
+    flushCopilotPending();
+
     // Stderr
     if (trimmed.startsWith('[stderr]')) {
       fragments.push('<div style="font-size:9px;color:var(--red);font-family:monospace;padding:1px 4px">' + escHtml(trimmed) + '</div>');
@@ -168,6 +254,7 @@ function renderAgentOutput(text) {
     }
   }
 
+  flushCopilotPending();
   return fragments.join('');
 }
 

package/engine/queries.js

@@ -399,6 +399,10 @@ function getAgents(config) {
   const allInboxFiles = safeReadDir(INBOX_DIR);
 
   return roster.map(a => {
+    // Resolve which CLI runtime this agent dispatches to: per-agent override
+    // → engine.defaultCli → 'claude'. Surfaced so the dashboard can show a
+    // runtime tag next to the agent name.
+    const runtime = shared.resolveAgentCli(a, config.engine || {});
     const inboxFiles = allInboxFiles.filter(f => f.includes(a.id));
     const s = getAgentStatus(a.id); // derives from dispatch.json
 
@@ -414,7 +418,7 @@ function getAgents(config) {
     const chartered = fs.existsSync(path.join(AGENTS_DIR, a.id, 'charter.md'));
     if (lastAction.length > 120) lastAction = lastAction.slice(0, 120) + '...';
     return {
-      ...a, status: s.status, lastAction,
+      ...a, runtime, status: s.status, lastAction,
       currentTask: (s.task || '').slice(0, 200),
       resultSummary: (s.resultSummary || '').slice(0, 500),
       started_at: s.started_at || null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yemi33/minions",
-  "version": "0.1.1590",
+  "version": "0.1.1592",
   "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"