@yemi33/minions 0.1.756 → 0.1.758

package/CHANGELOG.md

@@ -1,11 +1,13 @@
 # Changelog
 
-## 0.1.756 (2026-04-09)
+## 0.1.758 (2026-04-09)
 
 ### Features
 -  show branch strategy badge on PRD group header
 
 ### Fixes
+-  restore full streaming state (tools + partial text) on tab switch
+-  restored thinking UX matches original exactly (same bubble, layout)
 -  skip merged dependency branches instead of failing worktree setup
 -  restore same thinking UX when switching back to processing tab
 -  show thinking indicator when switching back to a processing tab

package/dashboard/js/command-center.js

@@ -135,30 +135,38 @@ function ccSwitchTab(id) {
   for (var i = 0; i < tab.messages.length; i++) {
     ccAddMessage(tab.messages[i].role, tab.messages[i].html, true);
   }
-  // If this tab is still processing, show the same thinking UX as during send
+  // If this tab is still processing, restore the full streaming UX (tools, partial text, thinking)
   if (tab._sending) {
     var dotPulse = '<span style="display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle"><span style="width:4px;height:4px;background:var(--blue);border-radius:50%;animation:dotPulse 1.2s infinite"></span><span style="width:4px;height:4px;background:var(--blue);border-radius:50%;animation:dotPulse 1.2s infinite;animation-delay:0.2s"></span><span style="width:4px;height:4px;background:var(--blue);border-radius:50%;animation:dotPulse 1.2s infinite;animation-delay:0.4s"></span></span>';
-    var elapsed = tab._sendStartedAt ? Math.floor((Date.now() - tab._sendStartedAt) / 1000) : 0;
+    var restoreStart = tab._sendStartedAt || Date.now();
     var phases = [[0,'Thinking...'],[3000,'Reading minions context...'],[8000,'Analyzing...'],[15000,'Using tools to dig deeper...'],[30000,'Still working (multi-turn)...'],[60000,'Deep research in progress...']];
-    var elapsedMs = elapsed * 1000;
-    var phaseText = 'Thinking...';
-    for (var pi = phases.length - 1; pi >= 0; pi--) { if (elapsedMs >= phases[pi][0]) { phaseText = phases[pi][1]; break; } }
-    var thinking = document.createElement('div');
-    thinking.id = 'cc-restore-thinking';
-    thinking.style.cssText = 'padding:8px 12px;border-radius:8px;font-size:11px;color:var(--muted);align-self:flex-start;background:var(--surface2);border:1px solid var(--border);position:relative;max-width:95%';
-    thinking.innerHTML = '<div>' + dotPulse + ' <span id="cc-restore-phase">' + phaseText + '</span> <span id="cc-restore-time" style="font-size:10px;color:var(--border)">' + elapsed + 's</span>' +
-      ' <button onclick="ccAbort()" style="font-size:9px;padding:2px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--red);cursor:pointer;margin-left:6px">Stop</button></div>';
-    el.appendChild(thinking);
+    function _restoreStreamHtml() {
+      var html = '';
+      var tools = tab._toolsUsed || [];
+      if (tools.length > 0) {
+        html += '<div style="margin-bottom:6px">';
+        tools.forEach(function(t) { html += '<div style="color:var(--blue);font-size:11px">\uD83D\uDD27 ' + escHtml(t) + '</div>'; });
+        html += '</div>';
+      }
+      var text = tab._streamedText || '';
+      if (text) html += renderMd(text);
+      var ms = Date.now() - restoreStart;
+      var label = 'Thinking...';
+      for (var pi = phases.length - 1; pi >= 0; pi--) { if (ms >= phases[pi][0]) { label = phases[pi][1]; break; } }
+      var secs = Math.floor(ms / 1000);
+      html += '<div style="margin-top:' + (text ? '6px' : '0') + ';display:flex;align-items:center;gap:6px"><span style="color:var(--muted);font-size:11px">' + label + '</span>' + dotPulse + '<span style="margin-left:auto;font-size:10px;color:var(--muted)">' + secs + 's</span>' +
+        '<button onclick="ccAbort()" style="font-size:9px;padding:2px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--red);cursor:pointer;margin-left:4px">Stop</button></div>';
+      return html;
+    }
+    ccAddMessage('assistant', _restoreStreamHtml(), true);
+    var restoreDiv = el.lastElementChild;
+    restoreDiv.id = 'cc-restore-thinking';
     el.scrollTop = el.scrollHeight;
-    // Live update timer and phase
-    var restoreStart = tab._sendStartedAt || Date.now();
     var restoreInterval = setInterval(function() {
-      var phaseEl = document.getElementById('cc-restore-phase');
-      var timeEl = document.getElementById('cc-restore-time');
-      if (!phaseEl || !timeEl || !tab._sending) { clearInterval(restoreInterval); var re = document.getElementById('cc-restore-thinking'); if (re) re.remove(); return; }
-      var ms = Date.now() - restoreStart;
-      timeEl.textContent = Math.floor(ms / 1000) + 's';
-      for (var p = phases.length - 1; p >= 0; p--) { if (ms >= phases[p][0]) { phaseEl.textContent = phases[p][1]; break; } }
+      var re = document.getElementById('cc-restore-thinking');
+      if (!re || !tab._sending) { clearInterval(restoreInterval); if (re) re.remove(); return; }
+      re.innerHTML = _restoreStreamHtml();
+      if (el.scrollHeight - el.scrollTop - el.clientHeight < 150) el.scrollTop = el.scrollHeight;
     }, 1000);
   }
   ccRenderTabBar();
@@ -450,8 +458,10 @@ async function _ccDoSend(message, skipUserMsg) {
   ];
 
   // Streaming state — declared before try so updateStreamDiv works during fetch
+  // Also saved on tab for restore when switching back
   var streamedText = '';
   var toolsUsed = [];
+  if (activeTab) { activeTab._streamedText = ''; activeTab._toolsUsed = []; }
 
   // Get active tab's sessionId to send with request
   var activeTab = _ccActiveTab();
@@ -528,9 +538,11 @@ async function _ccDoSend(message, skipUserMsg) {
           var evt = JSON.parse(line.slice(6));
           if (evt.type === 'chunk') {
             streamedText = evt.text;
+            if (activeTab) activeTab._streamedText = streamedText;
             updateStreamDiv();
           } else if (evt.type === 'tool') {
             toolsUsed.push(evt.name);
+            if (activeTab) activeTab._toolsUsed = toolsUsed.slice();
             updateStreamDiv();
             if (msgs.scrollHeight - msgs.scrollTop - msgs.clientHeight < 150) msgs.scrollTop = msgs.scrollHeight;
           } else if (evt.type === 'done') {

package/package.json

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