@yemi33/minions 0.1.1591 → 0.1.1592

package/CHANGELOG.md

@@ -1,10 +1,13 @@
 # Changelog
 
-## 0.1.1591 (2026-04-28)
+## 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-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/package.json

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