@yemi33/minions 0.1.275 → 0.1.277

package/CHANGELOG.md

@@ -1,12 +1,14 @@
 # Changelog
 
-## 0.1.275 (2026-04-03)
+## 0.1.277 (2026-04-03)
 
 ### Features
 -  sending a new CC message aborts the current request instead of queuing
 -  CC streaming shows cumulative tool list with loading dots
 
 ### Fixes
+-  queued messages show as individual bubbles always at the bottom
+-  queued messages show as pinned indicator at bottom of chat
 -  queued message pill shows on user side (right-aligned)
 -  queued messages show as fresh user bubbles when processing starts
 -  restore CC message queuing + scroll to queued message when processing

package/dashboard/js/command-center.js

@@ -110,10 +110,10 @@ async function ccSend() {
   if (!message) return;
   input.value = '';
 
-  // If already processing, queue the message — don't show user bubble yet
+  // If already processing, queue the message
   if (_ccSending) {
     _ccQueue.push(message);
-    ccAddMessage('user', '<span class="cc-queued-pill" style="opacity:0.6;font-size:11px">' + escHtml(message) + '<br><span style="font-size:9px;font-style:italic">queued</span></span>');
+    _renderQueueIndicator();
     return;
   }
   await _ccDoSend(message);
@@ -121,17 +121,27 @@ async function ccSend() {
   // Drain queue — show each as a fresh user message + process
   while (_ccQueue.length > 0) {
     const next = _ccQueue.shift();
-    // Remove the "Queued" pill
-    const msgs = document.getElementById('cc-messages');
-    const queuedPills = msgs.querySelectorAll('.cc-queued-pill');
-    for (const pill of queuedPills) {
-      if (pill.closest('div')) { pill.closest('div').remove(); break; }
-    }
-    // Show as a normal user message being sent now
+    _renderQueueIndicator(); // update or remove indicator
     await _ccDoSend(next);
   }
 }
 
+function _renderQueueIndicator() {
+  // Remove all existing queue indicators
+  document.querySelectorAll('.cc-queue-item').forEach(function(el) { el.remove(); });
+  if (_ccQueue.length === 0) return;
+  var msgs = document.getElementById('cc-messages');
+  // Add each queued message as its own bubble at the bottom
+  _ccQueue.forEach(function(m) {
+    var el = document.createElement('div');
+    el.className = 'cc-queue-item';
+    el.style.cssText = 'padding:8px 12px;border-radius:8px;font-size:12px;line-height:1.6;max-width:95%;align-self:flex-end;background:var(--blue);color:#fff;opacity:0.5;order:9999';
+    el.innerHTML = escHtml(m) + '<div style="font-size:9px;opacity:0.7;font-style:italic;margin-top:2px">queued</div>';
+    msgs.appendChild(el);
+  });
+  msgs.scrollTop = msgs.scrollHeight;
+}
+
 async function _ccDoSend(message, skipUserMsg) {
   _ccSending = true;
   _ccAbortController = new AbortController();
@@ -139,6 +149,10 @@ async function _ccDoSend(message, skipUserMsg) {
 
   if (!skipUserMsg) ccAddMessage('user', escHtml(message));
 
+  // Remove queue indicator before processing (it'll be re-added if more queued)
+  var existingQueueEl = document.getElementById('cc-queue-indicator');
+  if (existingQueueEl) existingQueueEl.remove();
+
   // Show thinking indicator with timer + queue count
   const queueCount = _ccQueue.length;
   const queueBadge = queueCount > 0 ? ' <span style="font-size:9px;background:var(--surface);padding:1px 5px;border-radius:8px;border:1px solid var(--border)">+' + queueCount + ' queued</span>' : '';
@@ -216,6 +230,8 @@ async function _ccDoSend(message, skipUserMsg) {
         html += '<span style="color:var(--muted);font-size:11px">Thinking...' + dotPulse + '</span>';
       }
       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;
     }
 

package/package.json

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