@yemi33/minions 0.1.866 → 0.1.868

package/CHANGELOG.md

@@ -1,8 +1,10 @@
 # Changelog
 
-## 0.1.866 (2026-04-11)
+## 0.1.868 (2026-04-11)
 
 ### Features
+-  show run duration on agent cards and thought-process tab
+-  live runtime counter on agent live output tab
 -  optimistic running state on pipeline Run Now click
 
 ### Fixes

package/dashboard/js/detail-panel.js

@@ -44,6 +44,19 @@ function renderDetailContent(detail, tab) {
       if (detail.statusData.task) html += 'Task: ' + escHtml(detail.statusData.task) + '\n';
       if (detail.statusData.started_at) html += 'Started: ' + detail.statusData.started_at + '\n';
       if (detail.statusData.completed_at) html += 'Completed: ' + detail.statusData.completed_at + '\n';
+      if (detail.statusData.started_at && detail.statusData.completed_at) {
+        var dMs = new Date(detail.statusData.completed_at).getTime() - new Date(detail.statusData.started_at).getTime();
+        if (dMs > 0) {
+          var dSec = Math.floor(dMs / 1000) % 60, dMin = Math.floor(dMs / 60000) % 60, dHr = Math.floor(dMs / 3600000);
+          html += 'Duration: ' + (dHr > 0 ? dHr + 'h ' : '') + dMin + 'm ' + dSec + 's\n';
+        }
+      } else if (detail.statusData.started_at && detail.statusData.status === 'working') {
+        var rMs = Date.now() - new Date(detail.statusData.started_at).getTime();
+        if (rMs > 0) {
+          var rSec = Math.floor(rMs / 1000) % 60, rMin = Math.floor(rMs / 60000) % 60, rHr = Math.floor(rMs / 3600000);
+          html += 'Running: ' + (rHr > 0 ? rHr + 'h ' : '') + rMin + 'm ' + rSec + 's\n';
+        }
+      }
       html += '</div>';
       if (detail.statusData.resultSummary) {
         html += '<h4>Last Result</h4><div class="section" style="border-left:3px solid var(--green);padding-left:12px">' + renderMd(detail.statusData.resultSummary) + '</div>';
@@ -65,11 +78,13 @@ function renderDetailContent(detail, tab) {
 
     el.innerHTML = html;
   } else if (tab === 'live') {
+    var startedAt = detail.statusData?.started_at;
     el.innerHTML =
       '<div id="live-chat" style="display:flex;flex-direction:column;height:60vh">' +
         '<div id="live-messages" style="flex:1;overflow-y:auto;padding:8px;font-size:11px;line-height:1.6;display:flex;flex-direction:column"></div>' +
         '<div id="live-status-bar" style="padding:4px 8px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--border)">' +
           '<span class="pulse"></span><span id="live-status-label" style="font-size:11px;color:var(--green)">Streaming live</span>' +
+          '<span id="live-runtime" style="font-size:10px;color:var(--muted)" data-started="' + (startedAt || '') + '"></span>' +
           '<button class="pr-pager-btn" onclick="refreshLiveOutput()" style="font-size:10px">Refresh</button>' +
         '</div>' +
         '<div id="live-steer-bar" style="display:flex;gap:8px;padding:8px;border-top:1px solid var(--border)">' +

package/dashboard/js/live-stream.js

@@ -4,6 +4,20 @@ let livePollingInterval = null;
 let liveEventSource = null;
 let _steerInFlight = false;
 let _lastRenderedText = '';
+let _runtimeTimer = null;
+
+function _updateRuntimeCounter() {
+  var el = document.getElementById('live-runtime');
+  if (!el) return;
+  var started = el.dataset.started;
+  if (!started) return;
+  var ms = Date.now() - new Date(started).getTime();
+  if (ms < 0) ms = 0;
+  var sec = Math.floor(ms / 1000) % 60;
+  var min = Math.floor(ms / 60000) % 60;
+  var hr = Math.floor(ms / 3600000);
+  el.textContent = (hr > 0 ? hr + 'h ' : '') + min + 'm ' + sec + 's';
+}
 
 function renderLiveChatMessage(raw) {
   const el = document.getElementById('live-messages');
@@ -87,6 +101,10 @@ function startLiveStream(agentId) {
   if (msgEl) msgEl.innerHTML = '';
   _lastRenderedText = '';
 
+  // Start runtime counter
+  _updateRuntimeCounter();
+  _runtimeTimer = setInterval(_updateRuntimeCounter, 1000);
+
   // Use polling instead of SSE to avoid HTTP/1.1 connection exhaustion
   // (SSE holds a persistent connection, blocking CC and other API calls)
   startLivePolling();
@@ -97,6 +115,7 @@ function stopLiveStream() {
     liveEventSource.close();
     liveEventSource = null;
   }
+  if (_runtimeTimer) { clearInterval(_runtimeTimer); _runtimeTimer = null; }
   stopLivePolling();
 }
 

package/dashboard/js/render-agents.js

@@ -11,6 +11,12 @@ function renderAgents(agents) {
       </div>
       <div class="agent-role">${escHtml(a.role)}</div>
       <div class="agent-action" title="${escHtml(a.lastAction)}">${escHtml(a.lastAction)}</div>
+      ${(function() {
+        var s = a.started_at, c = a.completed_at;
+        if (s && c) { var d = new Date(c) - new Date(s); if (d > 0) { var sec = Math.floor(d/1000)%60, min = Math.floor(d/60000)%60, hr = Math.floor(d/3600000); return '<div style="font-size:9px;color:var(--muted)">Last run: ' + (hr > 0 ? hr + 'h ' : '') + min + 'm ' + sec + 's</div>'; } }
+        if (s && a.status === 'working') { var r = Date.now() - new Date(s).getTime(); if (r > 0) { var sec2 = Math.floor(r/1000)%60, min2 = Math.floor(r/60000)%60, hr2 = Math.floor(r/3600000); return '<div style="font-size:9px;color:var(--yellow)">Running: ' + (hr2 > 0 ? hr2 + 'h ' : '') + min2 + 'm ' + sec2 + 's</div>'; } }
+        return '';
+      })()}
       ${a._blockingToolCall ? `<div style="margin-top:4px;padding:4px 8px;background:rgba(130,160,210,0.13);border:1px solid rgba(130,160,210,0.3);border-radius:4px;font-size:10px;color:var(--muted)">&#x23F3; Blocking tool call (${escHtml(a._blockingToolCall.tool)}) &mdash; silent ${Math.round(a._blockingToolCall.silentMs/60000)}min, timeout in ${Math.round(a._blockingToolCall.remainingMs/60000)}min</div>` : ''}
       ${a._warning ? `<div style="margin-top:4px;padding:4px 8px;background:rgba(210,153,34,0.15);border:1px solid rgba(210,153,34,0.3);border-radius:4px;font-size:10px;color:var(--yellow)">&#x26A0; ${escHtml(a._warning)}</div>` : ''}
       ${a._permissionMode && a._permissionMode !== 'bypassPermissions' && !a._warning ? `<div style="margin-top:4px;font-size:9px;color:var(--muted)">Permission mode: ${escHtml(a._permissionMode)}</div>` : ''}

package/engine/queries.js

@@ -341,6 +341,8 @@ function getAgents(config) {
       ...a, status: s.status, lastAction,
       currentTask: (s.task || '').slice(0, 200),
       resultSummary: (s.resultSummary || '').slice(0, 500),
+      started_at: s.started_at || null,
+      completed_at: s.completed_at || null,
       _blockingToolCall: s._blockingToolCall || null,
       _warning: s._warning || null,
       _permissionMode: s._permissionMode || null,

package/package.json

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