@yemi33/minions 0.1.281 → 0.1.283

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.1.283 (2026-04-03)
+
+### Fixes
+-  thinking indicator layout — text ... dots ... elapsed time right-aligned
+-  thinking indicator shows immediately when user sends message
+
 ## 0.1.281 (2026-04-03)
 
 ### Other

package/dashboard/js/command-center.js

@@ -165,37 +165,23 @@ async function _ccDoSend(message, skipUserMsg) {
     [300000, 'Timing out soon...'],
   ];
 
-  try {
-    // Stream response via SSE — shows text as it arrives
-    const res = await fetch('/api/command-center/stream', {
-      method: 'POST', headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ message }),
-      signal: _ccAbortController ? _ccAbortController.signal : AbortSignal.timeout(960000)
-    });
-
-    if (!res.ok) {
-      const errText = await res.text();
-      ccAddMessage('assistant', '<span style="color:var(--red)">' + escHtml(errText || 'CC error') + '</span>' +
-        (errText.includes('busy') ? ' <button onclick="ccNewSession()" style="margin-top:4px;padding:3px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--blue);cursor:pointer;font-size:10px">Reset CC</button>' : ''));
-      return;
-    }
+  // Streaming state — declared before try so updateStreamDiv works during fetch
+  let streamedText = '';
+  let toolsUsed = [];
 
-    // Use a temporary streaming div for live updates, then replace with ccAddMessage on completion
-    // Add a temporary placeholder via ccAddMessage so it gets proper styling
-    ccAddMessage('assistant', '<span style="color:var(--muted);font-size:11px">Thinking...</span>', true);
-    const msgs = document.getElementById('cc-messages');
-    const streamDiv = msgs.lastElementChild; // the message we just added
-    let streamedText = '';
-    let toolsUsed = [];
+  // Show thinking immediately — before fetch starts
+  ccAddMessage('assistant', '<span style="color:var(--muted);font-size:11px">Thinking...</span>', true);
+  const msgs = document.getElementById('cc-messages');
+  const streamDiv = msgs.lastElementChild;
     const 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>';
-    function _getThinkingPhase() {
+    function _getThinkingHtml() {
       var elapsed = Date.now() - ccStartTime;
       var label = 'Thinking...';
       for (var pi = phases.length - 1; pi >= 0; pi--) {
         if (elapsed >= phases[pi][0]) { label = phases[pi][1]; break; }
       }
       var secs = Math.floor(elapsed / 1000);
-      return label + ' <span style="font-size:9px;color:var(--border)">' + secs + 's</span>';
+      return '<div style="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></div>';
     }
     function updateStreamDiv() {
       var html = '';
@@ -209,16 +195,31 @@ async function _ccDoSend(message, skipUserMsg) {
       if (streamedText) {
         html += renderMd(streamedText);
       }
-      html += '<div style="margin-top:' + (streamedText ? '6px' : '0') + '"><span style="color:var(--muted);font-size:11px">' + _getThinkingPhase() + dotPulse + '</span></div>';
+      html += '<div style="margin-top:' + (streamedText ? '6px' : '0') + '">' + _getThinkingHtml() + '</div>';
       streamDiv.innerHTML = html;
       // Re-append queue indicators so they stay below the streaming content
       if (_ccQueue.length > 0) _renderQueueIndicator();
       if (msgs.scrollHeight - msgs.scrollTop - msgs.clientHeight < 150) msgs.scrollTop = msgs.scrollHeight;
     }
-
-    // Periodically update thinking phase text + timer
+    // Start phase timer immediately so thinking text updates while waiting for SSE
     const phaseTimer = setInterval(updateStreamDiv, 1000);
 
+  try {
+    // Stream response via SSE — shows text as it arrives
+    const res = await fetch('/api/command-center/stream', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ message }),
+      signal: _ccAbortController ? _ccAbortController.signal : AbortSignal.timeout(960000)
+    });
+
+    if (!res.ok) {
+      clearInterval(phaseTimer); streamDiv.remove();
+      const errText = await res.text();
+      ccAddMessage('assistant', '<span style="color:var(--red)">' + escHtml(errText || 'CC error') + '</span>' +
+        (errText.includes('busy') ? ' <button onclick="ccNewSession()" style="margin-top:4px;padding:3px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--blue);cursor:pointer;font-size:10px">Reset CC</button>' : ''));
+      return;
+    }
+
     const reader = res.body.getReader();
     const decoder = new TextDecoder();
     let buf = '';

package/package.json

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