@yemi33/minions 0.1.867 → 0.1.869

package/CHANGELOG.md

@@ -1,8 +1,10 @@
 # Changelog
 
-## 0.1.867 (2026-04-11)
+## 0.1.869 (2026-04-11)
 
 ### Features
+-  ticking runtime counter on working agent cards
+-  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
 

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>';

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') return '<div class="agent-runtime-tick" data-started="' + s + '" style="font-size:9px;color:var(--yellow)"></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>` : ''}
@@ -55,4 +61,28 @@ async function openAgentDetail(id) {
 
 }
 
+// Tick running agent timers on cards every second
+var _agentRuntimeTimer = null;
+function _tickAgentRuntimes() {
+  var els = document.querySelectorAll('.agent-runtime-tick');
+  if (els.length === 0) { if (_agentRuntimeTimer) { clearInterval(_agentRuntimeTimer); _agentRuntimeTimer = null; } return; }
+  var now = Date.now();
+  els.forEach(function(el) {
+    var ms = now - new Date(el.dataset.started).getTime();
+    if (ms < 0) ms = 0;
+    var sec = Math.floor(ms / 1000) % 60, min = Math.floor(ms / 60000) % 60, hr = Math.floor(ms / 3600000);
+    el.textContent = 'Running: ' + (hr > 0 ? hr + 'h ' : '') + min + 'm ' + sec + 's';
+  });
+}
+// Start ticker after each render if working agents exist
+var _origRenderAgents = renderAgents;
+renderAgents = function(agents) {
+  _origRenderAgents(agents);
+  if (_agentRuntimeTimer) { clearInterval(_agentRuntimeTimer); _agentRuntimeTimer = null; }
+  if (agents.some(function(a) { return a.status === 'working' && a.started_at; })) {
+    _tickAgentRuntimes();
+    _agentRuntimeTimer = setInterval(_tickAgentRuntimes, 1000);
+  }
+};
+
 window.MinionsAgents = { renderAgents, openAgentDetail };

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.867",
+  "version": "0.1.869",
   "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"