@yemi33/minions 0.1.2175 → 0.1.2177

package/dashboard/js/utils.js

@@ -3,10 +3,13 @@
 // Signal the engine to tick immediately (pick up new work without waiting 60s)
 function wakeEngine() { fetch('/api/engine/wakeup', { method: 'POST' }).catch(() => {}); }
 
-// "Try new Slim UX" — flips the slim-ux feature flag ON then reloads so the
-// root route serves the slim cockpit (the takeover is checked at request time,
-// so no engine restart is needed). The first-visit welcome popup is gated on
-// the browser side in dashboard/slim/js/settings.js, not here.
+// "Try new Slim UX" — flips the slim-ux feature flag ON then navigates to the
+// root route so it serves the slim cockpit (the takeover is checked at request
+// time, so no engine restart is needed). We navigate to '/' rather than
+// location.reload() because the slim takeover is gated on pathname === '/';
+// reloading from a non-home classic page (/work, /prs, …) preserves the path
+// and silently re-serves the classic dashboard. The first-visit welcome popup
+// is gated on the browser side in dashboard/slim/js/settings.js, not here.
 async function trySlimUx(btn) {
   if (btn) { btn.disabled = true; btn.textContent = 'Switching…'; }
   try {
@@ -16,7 +19,7 @@ async function trySlimUx(btn) {
       body: JSON.stringify({ id: 'slim-ux', enabled: true }),
     });
     if (!res.ok) throw new Error('HTTP ' + res.status);
-    location.reload();
+    location.href = '/';
   } catch (e) {
     if (btn) { btn.disabled = false; btn.textContent = '✨ Try new Slim UX'; }
     alert('Could not switch to Slim UX: ' + (e && e.message ? e.message : 'unknown error'));

package/dashboard/slim/body.html

@@ -21,7 +21,10 @@
   <div class="panel panel-actions">
     <div class="panel-header">
       Actions
-      <span class="panel-sub">Command Center &amp; quick triggers</span>
+      <span class="panel-head-meta">
+        <span class="cc-model-badge" id="cc-model-badge" hidden></span>
+        <span class="panel-sub">Command Center &amp; quick triggers</span>
+      </span>
     </div>
     <div class="actions-chat">
       <div class="chat-tabs" id="chat-tabs"></div>
@@ -39,7 +42,7 @@
           rows="2"
           placeholder="Ask anything or give a command... (Enter to send, Shift+Enter for newline)"
         ></textarea>
-        <button id="chat-stop" class="chat-stop" type="button" title="Stop the in-flight response">Stop</button>
+        <button id="chat-stop" class="chat-stop" type="button" title="Stop the in-flight response" aria-label="Stop agent"><svg class="chat-stop-icon" viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="2"></circle><rect x="8" y="8" width="8" height="8" rx="1" fill="currentColor"></rect></svg></button>
         <button id="chat-send" class="chat-send" type="button">Send</button>
       </div>
     </div>
@@ -77,23 +80,23 @@
            count now lives in the Team cards above, so that tile is removed. -->
       <div class="cockpit-section">
         <div class="cockpit-grid" id="cockpit-grid">
-          <div class="cockpit-tile" data-tile="engine">
+          <div class="cockpit-tile cockpit-tile--full" data-tile="engine">
             <div class="cockpit-label"><span class="cockpit-dot"></span> Engine</div>
             <div class="cockpit-value dim">—</div>
             <div class="cockpit-detail">checking&hellip;</div>
           </div>
-          <div class="cockpit-tile" data-tile="dispatches">
-            <div class="cockpit-label"><span class="cockpit-dot"></span> Active dispatches</div>
-            <div class="cockpit-value dim">0</div>
-            <div class="cockpit-detail">none in flight</div>
-          </div>
           <div class="cockpit-tile" data-tile="queued">
             <div class="cockpit-label"><span class="cockpit-dot"></span> Queued work</div>
             <div class="cockpit-value dim">0</div>
             <div class="cockpit-detail">queue empty</div>
           </div>
+          <div class="cockpit-tile" data-tile="dispatches">
+            <div class="cockpit-label"><span class="cockpit-dot"></span> Active dispatches</div>
+            <div class="cockpit-value dim">0</div>
+            <div class="cockpit-detail">no agents working</div>
+          </div>
           <div class="cockpit-tile" data-tile="prs">
-            <button id="slim-tile-linkpr-chip" class="linkpr-chip on-tile" type="button" title="Link a pull request">+ Link PR</button>
+            <button id="slim-tile-linkpr-chip" class="linkpr-chip on-tile" type="button" title="Link a pull request" aria-label="Link a pull request">+</button>
             <div class="cockpit-label"><span class="cockpit-dot"></span> Active PRs</div>
             <div class="cockpit-value dim">0</div>
             <div class="cockpit-detail">no open PRs</div>

package/dashboard/slim/js/chat.js

@@ -29,6 +29,12 @@
   var messages = [];
   var sending = false;
   var abortController = null;
+  // Per-tab queue of follow-up messages submitted while a turn is streaming
+  // (W-mqayw3x6). Keyed by tabId so each chat tab keeps its own queue across
+  // tab switches. In-memory only — a hard refresh drops the queue by design.
+  var queues = {};
+  var queueSuspended = {};   // tabId -> true after an abort/error suspends auto-drain
+  var queueEl = null;        // bottom-pinned container that holds the queued bubbles
   var currentProject = null;
   try { currentProject = localStorage.getItem(SLIM_PROJECT_KEY) || null; } catch (_e) { /* private mode */ }
 
@@ -241,7 +247,7 @@
     } else {
       div.textContent = text;
     }
-    msgsEl.appendChild(div);
+    _appendMsgEl(div);
     scrollToBottom();
     return div;
   }
@@ -249,11 +255,85 @@
     var div = document.createElement('div');
     div.className = 'chat-action ' + (severity || '');
     div.textContent = label;
-    msgsEl.appendChild(div);
+    _appendMsgEl(div);
     scrollToBottom();
     return div;
   }
 
+  // ── Queued-message rendering (W-mqayw3x6) ──────────────────────────
+  function _getQueue() {
+    return queues[tabId] || (queues[tabId] = []);
+  }
+  // Keep a single bottom-pinned container so queued bubbles always sit below
+  // the live transcript (newest content nearest the composer). appendChild on
+  // an already-attached node moves it, so this re-pins the container to the end.
+  function _ensureQueueEl() {
+    if (!queueEl || queueEl.parentNode !== msgsEl) {
+      queueEl = document.createElement('div');
+      queueEl.className = 'chat-queue';
+    }
+    msgsEl.appendChild(queueEl);
+    return queueEl;
+  }
+  // Insert a real/stream bubble above the queue container so the pending
+  // queued bubbles stay pinned at the bottom of the transcript.
+  function _appendMsgEl(el) {
+    if (queueEl && queueEl.parentNode === msgsEl) msgsEl.insertBefore(el, queueEl);
+    else msgsEl.appendChild(el);
+  }
+  // Rebuild the queued-message bubbles for the active tab: greyed-out user
+  // bubbles with a per-message dismiss. When auto-drain is suspended (after an
+  // abort/error) a "Send queued (N)" control lets the user resume explicitly.
+  function renderQueue() {
+    var q = _getQueue();
+    if (!q.length) {
+      if (queueEl && queueEl.parentNode) queueEl.parentNode.removeChild(queueEl);
+      queueEl = null;
+      queueSuspended[tabId] = false;
+      return;
+    }
+    _ensureQueueEl();
+    queueEl.textContent = '';
+    if (queueSuspended[tabId]) {
+      var resume = document.createElement('button');
+      resume.className = 'chat-queue-resume';
+      resume.type = 'button';
+      resume.textContent = 'Send queued (' + q.length + ')';
+      resume.title = 'Send the queued messages now';
+      resume.addEventListener('click', function() {
+        queueSuspended[tabId] = false;
+        renderQueue();
+        _drainQueue();
+      });
+      queueEl.appendChild(resume);
+    }
+    q.forEach(function(text, i) {
+      var row = document.createElement('div');
+      row.className = 'chat-msg user queued';
+      var span = document.createElement('span');
+      span.className = 'chat-queue-text';
+      span.textContent = text;
+      row.appendChild(span);
+      var badge = document.createElement('span');
+      badge.className = 'chat-queue-badge';
+      badge.textContent = 'queued';
+      row.appendChild(badge);
+      var dismiss = document.createElement('button');
+      dismiss.className = 'chat-queue-dismiss';
+      dismiss.type = 'button';
+      dismiss.textContent = '×';
+      dismiss.title = 'Remove from queue';
+      dismiss.addEventListener('click', function() {
+        var qq = _getQueue();
+        qq.splice(i, 1);
+        renderQueue();
+      });
+      row.appendChild(dismiss);
+      queueEl.appendChild(row);
+    });
+    scrollToBottom();
+  }
+
   // Render a tool invocation as a one-line string. `full` keeps the complete
   // command/args (used by the tool-calls modal); otherwise long values are
   // clipped for the collapsed 3-line panel.
@@ -370,7 +450,7 @@
     tp.panel.style.display = 'none';
     toolbar.appendChild(tp.panel);
 
-    msgsEl.appendChild(div);
+    _appendMsgEl(div);
     scrollToBottom();
 
     return {
@@ -411,26 +491,32 @@
 
   function setSending(on) {
     sending = on;
-    sendBtn.disabled = on;
-    sendBtn.textContent = on ? 'Sending…' : 'Send';
+    // Composer stays interactive while a turn streams so the user can keep
+    // typing and queue follow-up messages (W-mqayw3x6 #1). The Send button
+    // stays enabled — submitting mid-turn enqueues — and only its label
+    // reflects the in-flight state.
+    sendBtn.disabled = false;
+    sendBtn.textContent = on ? 'Queue' : 'Send';
     stopBtn.style.display = on ? 'block' : 'none';
-    inputEl.disabled = on;
+    inputEl.disabled = false;
   }
 
   function rerenderHistory() {
     msgsEl.innerHTML = '';
+    queueEl = null;   // detached by the innerHTML reset; renderQueue rebuilds it
     if (!messages.length) {
       var empty = document.createElement('div');
       empty.className = 'chat-empty';
       empty.textContent = 'No messages yet — say hi to Command Center.';
       msgsEl.appendChild(empty);
-      return;
-    }
-    for (var i = 0; i < messages.length; i++) {
-      var m = messages[i];
-      if (m.role === 'action') appendActionStatus(m.severity || '', m.text || '');
-      else appendBubble(m.role, m.text || '', m.toolCalls);
+    } else {
+      for (var i = 0; i < messages.length; i++) {
+        var m = messages[i];
+        if (m.role === 'action') appendActionStatus(m.severity || '', m.text || '');
+        else appendBubble(m.role, m.text || '', m.toolCalls);
+      }
     }
+    renderQueue();
   }
   // ── Command Center tab bar (shared with the classic dashboard) ──
   // One chip per shared cc-tabs entry, so the same conversations are visible

package/dashboard/slim/js/command-send.js

@@ -23,10 +23,60 @@
     saveState();
   }
 
-  async function sendMessage() {
-    if (sending) return;
+  // Public entry point for the Send button / Enter key. While a turn is in
+  // flight the composer stays interactive (setSending no longer disables it),
+  // so a second submit QUEUES the message instead of dropping it or racing the
+  // active stream. The queue drains FIFO, one turn at a time (W-mqayw3x6).
+  function sendMessage() {
     var text = inputEl.value.trim();
     if (!text) return;
+    inputEl.value = '';
+    inputEl.style.height = 'auto';
+    if (sending) {
+      _enqueue(text);
+      inputEl.focus();
+      return;
+    }
+    _performSend(text);
+  }
+
+  // Append to the active tab's pending queue and render the greyed bubbles.
+  function _enqueue(text) {
+    _getQueue().push(text);
+    renderQueue();
+  }
+
+  // Promote the next queued message for the active tab, one at a time. No-op
+  // while a turn is in flight or the queue is suspended (after abort/error).
+  function _drainQueue() {
+    if (sending || queueSuspended[tabId]) return;
+    var q = _getQueue();
+    if (!q.length) return;
+    var next = q.shift();
+    renderQueue();
+    _performSend(next);
+  }
+
+  // Called from a finished turn's `finally`. On clean completion auto-fire the
+  // next queued message; on abort or error suspend auto-drain and leave the
+  // queue visible so the user can resend or dismiss explicitly (W-mqayw3x6 #5/#6).
+  function _afterTurn(turnTabId, outcome) {
+    var q = queues[turnTabId];
+    if (!q || !q.length) return;
+    if (outcome === 'done' && turnTabId === tabId) {
+      _drainQueue();
+    } else {
+      queueSuspended[turnTabId] = true;
+      if (turnTabId === tabId) renderQueue();
+    }
+  }
+
+  async function _performSend(text) {
+    // Bind this turn to the tab it started on so a mid-turn tab switch (which
+    // aborts the stream) settles the queue against the right tab, not the one
+    // the user navigated to.
+    var turnTabId = tabId;
+    var turnOutcome = 'done';
 
     // The tab title is derived from the first user message; only that message
     // changes the chip, so re-render the bar once instead of on every send.
@@ -36,8 +86,6 @@
     saveState();
     if (wasFirstUser) renderTabBar();
 
-    inputEl.value = '';
-    inputEl.style.height = 'auto';
     setSending(true);
 
     var stream = buildStreamBubble();
@@ -54,7 +102,11 @@
       var res = await fetch('/api/command-center/stream', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ message: text, tabId: tabId, sessionId: sessionId, currentProject: currentProject || undefined }),
+        // currentProject is the slim project picker's explicit selection (null
+        // when the indicator reads "Select project"). noProjectSelected lets the
+        // server inject a "no project — ask the user" CC preamble instead of
+        // silently defaulting; only the slim composer sends it (W-mqayzsj3).
+        body: JSON.stringify({ message: text, tabId: tabId, sessionId: sessionId, currentProject: currentProject || undefined, noProjectSelected: currentProject ? undefined : true }),
         signal: signal,
       });
       if (!res.ok) {
@@ -101,6 +153,7 @@
         stream.replaceWithError(errorEvt.error || 'Error');
         messages.push({ role: 'error', text: errorEvt.error || 'Error' });
         saveState();
+        turnOutcome = 'error';
         return;
       }
 
@@ -130,6 +183,7 @@
     } catch (e) {
       if (e && (e.name === 'AbortError' || /aborted/i.test(String(e.message || '')))) {
         userAborted = true;
+        turnOutcome = 'aborted';
         if (streamedText) {
           stream.finalize(streamedText);
           messages.push({ role: 'assistant', text: streamedText, toolCalls: stream.getToolList() });
@@ -139,6 +193,7 @@
         }
         saveState();
       } else {
+        turnOutcome = 'error';
         var msg = 'Send failed: ' + (e && e.message ? e.message : e);
         stream.replaceWithError(msg);
         messages.push({ role: 'error', text: msg });
@@ -147,7 +202,8 @@
     } finally {
       setSending(false);
       abortController = null;
-      if (!userAborted) inputEl.focus();
+      if (turnTabId === tabId && !userAborted) inputEl.focus();
+      _afterTurn(turnTabId, turnOutcome);
     }
   }
 
@@ -165,6 +221,10 @@
 
   async function slimChatNew() {
     if (sending) abortInFlight();
+    // New chat = fresh session: drop the leaving tab's pending queue (#7). The
+    // aborted in-flight turn's _afterTurn then finds an empty queue and no-ops.
+    delete queues[tabId];
+    queueSuspended[tabId] = false;
     // Register a fresh tab in the shared cc-tabs store and switch slim onto
     // it — classic's other tabs are left intact, and the previous session
     // keeps its own server-side cc-sessions.json entry (no DELETE).

package/dashboard/slim/js/modals-tiles.js

@@ -23,7 +23,15 @@
     body.appendChild(d);
   }
 
-  // One list row for the tile detail modal. opts: { title, meta, chip:{text,cls}, href }.
+  // One list row for the tile detail modal.
+  // opts: { title, meta, metaNodes, subtle, subtleBeforeMeta, chip:{text,cls}, href }.
+  //   meta             — plain-text meta line.
+  //   metaNodes        — array of Nodes for the meta line, interleaved with
+  //                      ' · ' separators; takes precedence over `meta`.
+  //   subtle           — optional muted second line (e.g. org/project); skipped
+  //                      when empty.
+  //   subtleBeforeMeta — when true, subtle renders directly under the title
+  //                      (above the meta row); default is below the meta row.
   // Built as an <a> when href is present so PR rows open the PR in a new tab.
   function tileCard(opts) {
     var card = document.createElement(opts.href ? 'a' : 'div');
@@ -43,15 +51,45 @@
       top.appendChild(chip);
     }
     card.appendChild(top);
-    if (opts.meta) {
-      var meta = document.createElement('div');
-      meta.className = 'tile-item-meta';
-      meta.textContent = opts.meta;
-      card.appendChild(meta);
+    function appendSubtle() {
+      if (!opts.subtle) return;
+      var subtle = document.createElement('div');
+      subtle.className = 'tile-item-subtle';
+      subtle.textContent = opts.subtle;
+      card.appendChild(subtle);
     }
+    function appendMeta() {
+      if (opts.metaNodes && opts.metaNodes.length) {
+        var metaRow = document.createElement('div');
+        metaRow.className = 'tile-item-meta';
+        opts.metaNodes.forEach(function(node, i) {
+          if (i > 0) metaRow.appendChild(document.createTextNode(' · '));
+          metaRow.appendChild(node);
+        });
+        card.appendChild(metaRow);
+      } else if (opts.meta) {
+        var meta = document.createElement('div');
+        meta.className = 'tile-item-meta';
+        meta.textContent = opts.meta;
+        card.appendChild(meta);
+      }
+    }
+    if (opts.subtleBeforeMeta) { appendSubtle(); appendMeta(); }
+    else { appendMeta(); appendSubtle(); }
     return card;
   }
 
+  // Parse the org/project slug from a canonical PR id, dropping the host prefix
+  // and the trailing "#<num>". E.g. "ado:office/iss/constellation#5315603" →
+  // "office/iss/constellation", "github:yemi33/minions#2911" → "yemi33/minions".
+  function parsePrSlug(id) {
+    if (!id || typeof id !== 'string') return '';
+    var hash = id.indexOf('#');
+    var head = hash >= 0 ? id.slice(0, hash) : id;
+    var colon = head.indexOf(':');
+    return colon >= 0 ? head.slice(colon + 1) : head;
+  }
+
   // Per-tile body renderers for the detail modal. Each reads the latest status
   // snapshot and fills the modal body; openTileModal looks them up by key.
   function renderEngineTileBody(body, data) {
@@ -83,17 +121,61 @@
   }
 
   function renderPrTileBody(body, data) {
+    // Emoji glyphs make build/review status scannable at a glance; the
+    // accompanying label keeps the row readable when the glyph alone is
+    // ambiguous (✅ vs ✅, ❌ vs ❌, ⏳ vs 💬). The raw status string also
+    // stays in the title attribute for hover discoverability.
+    // Keyed by normalized (lowercased) status; missing/unknown → ➖.
+    var BUILD_STATUS = {
+      success:     { glyph: '✅', label: 'passing' },
+      succeeded:   { glyph: '✅', label: 'passing' },
+      passing:     { glyph: '✅', label: 'passing' },
+      failing:     { glyph: '❌', label: 'failing' },
+      failed:      { glyph: '❌', label: 'failing' },
+      error:       { glyph: '❌', label: 'failing' },
+      pending:     { glyph: '⏳', label: 'pending' },
+      running:     { glyph: '⏳', label: 'running' },
+      queued:      { glyph: '⏳', label: 'queued' },
+      in_progress: { glyph: '⏳', label: 'in progress' },
+    };
+    var REVIEW_STATUS = {
+      approved:              { glyph: '✅', label: 'approved' },
+      'changes-requested':   { glyph: '❌', label: 'changes requested' },
+      changes_requested:     { glyph: '❌', label: 'changes requested' },
+      'requested-changes':   { glyph: '❌', label: 'changes requested' },
+      rejected:              { glyph: '❌', label: 'rejected' },
+      pending:               { glyph: '💬', label: 'pending' },
+      commented:             { glyph: '💬', label: 'commented' },
+    };
+    function statusSpan(subsystem, raw, table) {
+      var info = table[String(raw || '').toLowerCase()];
+      var glyph = info ? info.glyph : '➖';
+      var label = info ? info.label : (raw ? String(raw) : 'none');
+      var span = document.createElement('span');
+      span.className = 'pr-status';
+      span.textContent = glyph + ' ' + subsystem + ' ' + label;
+      span.title = subsystem + ': ' + (raw || 'unknown');
+      return span;
+    }
     var prs = Array.isArray(data.pullRequests) ? data.pullRequests : [];
     if (!prs.length) { tileEmpty(body, 'No tracked pull requests.'); return; }
     prs.forEach(function(p) {
       var num = p.prNumber || p.number || p.id;
       var build = p.buildStatus || '';
+      var review = p.reviewStatus || '';
       var cls = p.status === 'merged' ? 'green'
               : (build === 'failing' ? 'red'
               : ((p.status === 'active' || p.status === 'linked') ? 'blue' : ''));
+      var statusText = document.createElement('span');
+      statusText.textContent = p.status || 'unknown';
       body.appendChild(tileCard({
         title: (num ? '#' + num + ' ' : '') + (p.title || '(untitled PR)'),
-        meta: [p.status || 'unknown', build ? 'build ' + build : 'no build', p.reviewStatus ? 'review ' + p.reviewStatus : null].filter(Boolean).join(' · '),
+        // Project slug first (under title), then build/review row below — the
+        // project is the strongest disambiguator across PRs and benefits from
+        // being adjacent to the title.
+        subtle: parsePrSlug(p.id),
+        subtleBeforeMeta: true,
+        metaNodes: [statusText, statusSpan('build', build, BUILD_STATUS), statusSpan('review', review, REVIEW_STATUS)],
         chip: { text: p.status || '—', cls: cls },
         href: p.url || null,
       }));

package/dashboard/slim/js/projects.js

@@ -1,8 +1,12 @@
   // Project context picker: populated from /api/status (which already returns
-  // the configured project list). Single-project: rendered as a static label
-  // so it's still visible but not clickable. Multi-project: <select> dropdown.
-  // Zero-project: a hint to add one. Selection persists per-browser in
-  // localStorage and is included in every /api/command-center/stream call.
+  // the configured project list). One-or-more projects: a <select> dropdown
+  // whose first option is a "Select project" sentinel (value ""), italicized
+  // via CSS, so the indicator reads "Select project" until the user explicitly
+  // picks one and can always be cleared back to it. Zero-project: a hint to
+  // add one. No auto-default: we never silently fall back to projects[0] /
+  // last-used / constellation, so project-scoped CC actions can't land in the
+  // wrong project (W-mqayzsj3). Selection persists per-browser in localStorage
+  // and is included in every /api/command-center/stream call.
   // Build the "+ Add" button as a real DOM node (was an HTML string + innerHTML
   // injection — SEC-03 ratchet prefers we avoid that pattern, see
   // test/unit.test.js DYNAMIC_INNERHTML_BASELINE).
@@ -22,19 +26,20 @@
     empty.textContent = 'No projects linked yet.';
     return empty;
   }
-  // Strip variant: single-project static label (no picker, just the name).
-  function makeContextStaticNode(name) {
-    var staticSpan = document.createElement('span');
-    staticSpan.className = 'context-static';
-    staticSpan.textContent = name;
-    return staticSpan;
-  }
-  // Strip variant: multi-project <select>. Returns the select so the caller
-  // can attach a change listener.
+  // Strip variant: project <select>. The first option is a "Select project"
+  // sentinel (value "") that is selected whenever no project is explicitly
+  // chosen, so the indicator never auto-defaults and the user can always clear
+  // their choice back to it. Returns the select so the caller can attach a
+  // change listener.
   function makeContextSelect(projects, selected) {
     var sel = document.createElement('select');
     sel.id = 'chat-context-select';
     sel.setAttribute('aria-label', 'Working in project');
+    var placeholder = document.createElement('option');
+    placeholder.value = '';
+    placeholder.textContent = 'Select project';
+    if (!selected) placeholder.selected = true;
+    sel.appendChild(placeholder);
     for (var i = 0; i < projects.length; i++) {
       var p = projects[i];
       var opt = document.createElement('option');
@@ -69,22 +74,25 @@
           currentProject = null;
           try { localStorage.removeItem(SLIM_PROJECT_KEY); } catch (_e) {}
         }
-        if (!currentProject) {
-          currentProject = projects[0];
-          try { localStorage.setItem(SLIM_PROJECT_KEY, currentProject); } catch (_e) {}
-        }
-        if (projects.length === 1) {
-          stripEl.style.display = '';
-          controlsEl.replaceChildren(makeContextStaticNode(currentProject), makeContextAddBtn());
-        } else {
-          var sel = makeContextSelect(projects, currentProject);
-          stripEl.style.display = '';
-          controlsEl.replaceChildren(sel, makeContextAddBtn());
-          sel.addEventListener('change', function(ev) {
-            currentProject = ev.target.value || null;
+        // No auto-default: when nothing is explicitly selected, currentProject
+        // stays null and the picker shows the "Select project" sentinel
+        // (italicized via CSS). We deliberately do NOT fall back to projects[0]
+        // here (W-mqayzsj3) so CC turns and project-scoped actions don't
+        // silently target the wrong project.
+        var sel = makeContextSelect(projects, currentProject);
+        stripEl.style.display = '';
+        controlsEl.replaceChildren(sel, makeContextAddBtn());
+        sel.addEventListener('change', function(ev) {
+          var val = ev.target.value || '';
+          if (val) {
+            currentProject = val;
             try { localStorage.setItem(SLIM_PROJECT_KEY, currentProject); } catch (_e) {}
-          });
-        }
+          } else {
+            // User cleared back to "Select project" — drop the persisted choice.
+            currentProject = null;
+            try { localStorage.removeItem(SLIM_PROJECT_KEY); } catch (_e) {}
+          }
+        });
       }
       var addBtn = document.getElementById('chat-context-add');
       if (addBtn) addBtn.addEventListener('click', openAddProjectModal);

package/dashboard/slim/js/status.js

@@ -16,6 +16,13 @@
     }, delay || 0);
   }
 
+  // Tiles whose numeric value should fire a one-shot cockpit-flash animation
+  // whenever it changes (W-mqb02bga: status panel). Suppressed on first paint
+  // — only deltas from a previously-seen number trigger the flash, so opening
+  // the dashboard doesn't pulse every tile.
+  var FLASH_ON_CHANGE_KEYS = { dispatches: true, prs: true };
+  var lastTileValues = Object.create(null);
+
   // Apply lit-state and value/detail text to a tile.
   function updateTile(key, value, detail, lit) {
     var tile = document.querySelector('.cockpit-tile[data-tile="' + key + '"]');
@@ -27,16 +34,57 @@
       valEl.classList.toggle('dim', !lit);
     }
     if (detEl) detEl.textContent = detail || '';
-    tile.classList.remove('lit-blue', 'lit-green', 'lit-amber', 'lit-red');
+    tile.classList.remove('lit-blue', 'lit-green', 'lit-amber', 'lit-orange', 'lit-red');
     if (lit) tile.classList.add('lit-' + lit);
+    // Flash the tile when its number changes. Remove → force reflow → re-add
+    // restarts the animation even when the class was already present from the
+    // previous tick (otherwise repeated changes would only fire on the first
+    // delta after class application). Only numeric values count as a change;
+    // ignore null/undefined transitions.
+    if (FLASH_ON_CHANGE_KEYS[key] && typeof value === 'number') {
+      var prev = lastTileValues[key];
+      if (typeof prev === 'number' && prev !== value) {
+        tile.classList.remove('flash-change');
+        void tile.offsetWidth;
+        tile.classList.add('flash-change');
+      }
+      lastTileValues[key] = value;
+    }
   }
 
   // Latest /api/status snapshot — read by the cockpit-tile detail modals.
   var lastStatusData = null;
 
+  // Reflect the Command Center's resolved runtime + model in the Actions panel
+  // header (slim-ux only — classic chrome is untouched). Source is the same
+  // /api/status payload the cockpit polls: autoMode.ccModel (config.engine
+  // ccModel → defaultModel → runtime default) and autoMode.ccCli. When no model
+  // is resolvable (runtime picks its own default), the badge stays hidden rather
+  // than guessing. textContent keeps it XSS-safe — the values come from config.
+  function updateCcModelBadge(model, cli) {
+    var badge = document.getElementById('cc-model-badge');
+    if (!badge) return;
+    var m = (model === null || model === undefined) ? '' : String(model).trim();
+    if (!m) {
+      badge.hidden = true;
+      badge.textContent = '';
+      badge.removeAttribute('title');
+      return;
+    }
+    var c = (cli === null || cli === undefined) ? '' : String(cli).trim();
+    var label = c ? (c + ' · ' + m) : m;
+    badge.textContent = label;
+    badge.title = 'Command Center model: ' + label;
+    badge.hidden = false;
+  }
+
   function applyStatus(data) {
     if (!data) return;
     lastStatusData = data;
+    // ── Command Center model badge (Actions panel header) ──────
+    var autoMode = data.autoMode || {};
+    updateCcModelBadge(autoMode.ccModel, autoMode.ccCli);
+
     // ── Engine tile ────────────────────────────────────────────
     var engine = data.engine || {};
     // /api/status exposes `state` ('running'|'paused'|'stopping'|'stopped')
@@ -65,14 +113,14 @@
     updateTile(
       'dispatches',
       active.length,
-      active.length ? 'in flight' : 'none in flight',
-      active.length ? 'blue' : null
+      active.length ? 'agents working' : 'no agents working',
+      active.length ? 'amber' : null
     );
     updateTile(
       'queued',
       pending.length,
       pending.length ? 'waiting to spawn' : 'queue empty',
-      pending.length ? 'amber' : null
+      pending.length ? 'orange' : null
     );
 
     // ── PR tile (status snapshot from cached pull-requests) ─────

package/dashboard/slim/styles.css

@@ -20,9 +20,15 @@
       --blue: #58a6ff;
       --green: #3fb950;
       --amber: #d29922;
+      --orange: #ea580c;
       --red: #f85149;
       --radius: 6px;
 
+      /* Spacing scale (W-mqazlkym) — 4/8/12/16/20 rhythm for the chat
+         surface. Slim ships its CSS independently, so the scale is declared
+         here rather than reusing dashboard/styles.css's --space-* tokens. */
+      --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
+
       /* Typography — mirrors dashboard/styles.css :root tokens
          (W-mq1c8og40003a7cf). Slim ships its CSS independently
          (template-baked into slim/layout.html), so we duplicate the
@@ -221,6 +227,34 @@
       color: var(--muted);
       font-size: var(--text-base);
     }
+    /* Right-aligned cluster in the Actions panel header: keeps the CC model
+       badge tucked next to the "Command Center" sub-label without disturbing
+       the header's space-between layout. */
+    .panel-header .panel-head-meta {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      min-width: 0;
+    }
+    /* Compact pill surfacing the Command Center's resolved runtime/model
+       (e.g. "copilot · gpt-5.4"). Muted, monospace, low-key — visible but
+       unobtrusive. Populated by status.js#updateCcModelBadge. */
+    .cc-model-badge {
+      text-transform: none;
+      letter-spacing: 0;
+      font-weight: 500;
+      font-size: var(--text-sm);
+      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+      color: var(--muted);
+      background: var(--surface2);
+      border: 1px solid var(--border);
+      border-radius: 999px;
+      padding: 1px 8px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 220px;
+    }
     .panel-body {
       flex: 1;
       overflow-y: auto;
@@ -252,9 +286,9 @@
     .chat-tabs {
       display: flex;
       align-items: center;
-      gap: 6px;
+      gap: var(--space-2);
       flex-wrap: wrap;
-      padding: 8px 12px 0;
+      padding: var(--space-2) var(--space-3) 0;
       width: 100%;
       max-width: 800px;
       margin-left: auto;
@@ -310,10 +344,13 @@
     .chat-messages {
       flex: 1;
       overflow-y: auto;
-      padding: 12px;
+      /* Extra top padding so the first message clears the tab/context chip
+         row above it (#10); 12px sides keep the left grid line shared with the
+         input row and action toolbar (#3). */
+      padding: var(--space-4) var(--space-3) var(--space-3);
       display: flex;
       flex-direction: column;
-      gap: 10px;
+      gap: var(--space-3);
       min-height: 0;
       width: 100%;
       max-width: 800px;
@@ -329,7 +366,9 @@
     }
     .chat-msg {
       max-width: 90%;
-      padding: 10px 14px;
+      /* Uniform bubble padding across variants (#2); 20px horizontal gives
+         wrapped technical text >=16px right-edge clearance (#8). */
+      padding: var(--space-4) var(--space-5);
       border-radius: var(--radius);
       white-space: pre-wrap;
       word-wrap: break-word;
@@ -360,10 +399,65 @@
       border: 1px solid var(--red);
       font-size: var(--text-lg);
     }
-    .chat-input-wrap {
+    /* Queued messages (W-mqayw3x6): follow-ups submitted while a turn is still
+       streaming. The container is pinned to the bottom of the transcript; each
+       item is a greyed-out user bubble that fires FIFO on turn completion. */
+    .chat-queue {
       display: flex;
+      flex-direction: column;
       gap: 8px;
-      padding: 10px 12px;
+      align-self: stretch;
+    }
+    .chat-msg.user.queued {
+      align-self: flex-end;
+      background: var(--surface2);
+      color: var(--muted);
+      border: 1px dashed var(--border);
+      opacity: 0.8;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .chat-queue-text { white-space: pre-wrap; word-wrap: break-word; }
+    .chat-queue-badge {
+      font-size: var(--text-base);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--muted);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      padding: 1px 6px;
+      flex-shrink: 0;
+    }
+    .chat-queue-dismiss {
+      background: none;
+      border: none;
+      color: var(--muted);
+      cursor: pointer;
+      font-size: var(--text-lg);
+      line-height: 1;
+      padding: 0 2px;
+      flex-shrink: 0;
+    }
+    .chat-queue-dismiss:hover { color: var(--red); }
+    .chat-queue-resume {
+      align-self: center;
+      background: var(--blue);
+      color: #fff;
+      border: none;
+      border-radius: var(--radius);
+      padding: 6px 14px;
+      font-size: var(--text-md);
+      font-weight: 600;
+      cursor: pointer;
+    }
+    .chat-queue-resume:hover { filter: brightness(1.1); }
+    .chat-input-wrap {
+      display: flex;
+      gap: var(--space-3);
+      /* Breathing room around the textarea; the larger gap separates it from
+         the Send/Stop buttons (#5). */
+      padding: var(--space-3);
       border-top: 1px solid var(--border);
       flex-shrink: 0;
       background: var(--surface);
@@ -380,8 +474,8 @@
     .chat-context-strip {
       display: flex;
       align-items: center;
-      gap: 10px;
-      padding: 6px 12px;
+      gap: var(--space-3);
+      padding: var(--space-2) var(--space-3);
       border-top: 1px solid var(--border);
       flex-shrink: 0;
       background: var(--surface);
@@ -409,6 +503,16 @@
       cursor: pointer;
     }
     .chat-context-strip select:focus { outline: none; border-color: var(--blue); }
+    /* Italicize the "Select project" placeholder option AND the closed select
+       widget while the placeholder is the active value. `:has()` is needed
+       because native <select> rendering ignores child <option> styles for the
+       displayed (closed) text — we have to style the <select> itself. The
+       explicit `option { font-style: normal }` reset stops real project names
+       from inheriting the parent select's italic when the dropdown is opened
+       while the placeholder is still selected. */
+    .chat-context-strip select option { font-style: normal; color: var(--text); }
+    .chat-context-strip select option[value=""] { font-style: italic; color: var(--muted); }
+    .chat-context-strip select:has(option[value=""]:checked) { font-style: italic; color: var(--muted); }
     .chat-context-strip .context-static {
       color: var(--text);
       font-weight: 500;
@@ -461,17 +565,19 @@
     .chat-send:hover { filter: brightness(1.1); }
     .chat-send:disabled { opacity: 0.5; cursor: not-allowed; }
     .chat-stop {
-      padding: 10px 14px;
+      padding: 9px;
       background: var(--surface2);
       color: var(--red);
       border: 1px solid var(--border);
       border-radius: var(--radius);
       font-size: var(--text-md);
+      line-height: 0;
       cursor: pointer;
       align-self: flex-end;
       display: none;
     }
     .chat-stop:hover { filter: brightness(1.1); }
+    .chat-stop .chat-stop-icon { display: block; width: 20px; height: 20px; }
 
     /* Tool-call progress panel + thinking indicator. While streaming, the
        thinking indicator sits at the bottom-left of the response card and the
@@ -481,7 +587,7 @@
       display: flex;
       align-items: flex-start;
       gap: 12px;
-      margin-top: 14px;
+      margin-top: var(--space-3);
     }
     /* Collapsed tool panel: at most 3 non-wrapping lines, scrolls (newest at
        the bottom) once there are more. Clicking opens the full list in a modal. */
@@ -561,6 +667,8 @@
       min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
     }
     .tile-item-meta { font-size: var(--text-base); color: var(--muted); margin-top: 3px; word-break: break-word; }
+    .tile-item-subtle { font-size: var(--text-sm); color: var(--muted); margin-top: 2px; word-break: break-word; }
+    .pr-status { display: inline-block; margin: 0 1px; text-decoration: none; }
     .tile-chip {
       flex: 0 0 auto;
       font-size: var(--text-base); font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase;
@@ -623,12 +731,26 @@
 
     .chat-action {
       align-self: flex-start;
-      padding: 5px 11px;
+      padding: var(--space-1) var(--space-3);
       border-radius: 4px;
       font-size: var(--text-base);
       border: 1px dashed var(--border);
       color: var(--muted);
     }
+    /* A status line that immediately follows a message reads as that card's
+       output (#9): tighten the gap (negative margin trims the 12px column gap
+       to ~4px), drop the free-floating dashed box, and tie it to the card
+       above with a shared left edge + left-border continuation. */
+    .chat-msg + .chat-action {
+      margin-top: calc(-1 * var(--space-2));
+      border: none;
+      border-left: 2px solid var(--border);
+      border-radius: 0 var(--radius) var(--radius) 0;
+      padding-left: var(--space-3);
+    }
+    .chat-msg + .chat-action.ok   { border-left-color: var(--green); }
+    .chat-msg + .chat-action.warn { border-left-color: var(--amber); }
+    .chat-msg + .chat-action.err  { border-left-color: var(--red); }
     .chat-action.ok    { color: var(--green); }
     .chat-action.warn  { color: var(--amber); }
     .chat-action.err   { color: var(--red); }
@@ -640,9 +762,10 @@
     }
     .chat-msg.assistant code {
       background: var(--bg);
-      padding: 1px 4px;
+      padding: 2px 6px;
       border-radius: 3px;
       font-size: var(--text-code);
+      vertical-align: baseline;
     }
     .chat-msg.assistant pre {
       background: var(--bg);
@@ -656,13 +779,16 @@
     .chat-msg.assistant a { color: var(--blue); }
     .chat-msg.assistant strong { color: var(--text); }
 
-    /* ── Action footer: square action buttons (one for now: Link PR) ── */
+    /* ── Action footer: Link PR + Pin Content ──
+       De-emphasized (#6, option b): ghost/secondary styling so they no longer
+       compete with the primary blue Send button. The 4-column grid keeps each
+       button at a quarter of the panel width (low visual weight). */
     .actions-buttons {
       flex-shrink: 0;
       display: grid;
       grid-template-columns: repeat(4, 1fr);
-      gap: 8px;
-      padding: 10px 12px 12px;
+      gap: var(--space-2);
+      padding: var(--space-3);
       border-top: 1px solid var(--border);
       width: 100%;
       max-width: 800px;
@@ -670,11 +796,11 @@
       margin-right: auto;
     }
     .link-pr-btn {
-      background: var(--surface2);
-      color: var(--text);
+      background: transparent;
+      color: var(--muted);
       border: 1px solid var(--border);
       border-radius: var(--radius);
-      padding: 10px 12px;
+      padding: var(--space-2) var(--space-3);
       cursor: pointer;
       font-size: var(--text-md);
       font-family: inherit;
@@ -740,9 +866,16 @@
        table inside the IIFE. */
     .cockpit-grid {
       display: grid;
-      grid-template-columns: repeat(2, 1fr);
+      grid-template-columns: repeat(6, 1fr);
       gap: 8px;
     }
+    /* Row 2: Queued | Dispatches | PRs — three equal columns (2 of 6 each). */
+    .cockpit-grid > [data-tile="queued"],
+    .cockpit-grid > [data-tile="dispatches"],
+    .cockpit-grid > [data-tile="prs"] { grid-column: span 2; }
+    /* Row 3: Watches | Pinned — two equal columns (3 of 6 each). */
+    .cockpit-grid > [data-tile="watches"],
+    .cockpit-grid > [data-tile="pinned"] { grid-column: span 3; }
     .cockpit-tile {
       background: var(--surface2);
       border: 1px solid var(--border);
@@ -752,22 +885,37 @@
       flex-direction: column;
       gap: 4px;
       transition: border-color 0.2s, background 0.2s;
+      /* Per-state flash color (rgb triplet, no rgba wrapper) consumed by
+         `cockpit-flash` so the change-flash ring matches the tile's lit state
+         (amber for working dispatches, orange for queued, red for failing
+         PRs, etc.). Each lit-* class below overrides this. Default is blue
+         for unlit / generic tiles. */
+      --flash-color: 88, 166, 255;
     }
     .cockpit-tile.lit-blue {
       border-color: rgba(88, 166, 255, 0.6);
       background: rgba(88, 166, 255, 0.06);
+      --flash-color: 88, 166, 255;
     }
     .cockpit-tile.lit-green {
       border-color: rgba(63, 185, 80, 0.6);
       background: rgba(63, 185, 80, 0.06);
+      --flash-color: 63, 185, 80;
     }
     .cockpit-tile.lit-amber {
       border-color: rgba(210, 153, 34, 0.6);
       background: rgba(210, 153, 34, 0.06);
+      --flash-color: 210, 153, 34;
+    }
+    .cockpit-tile.lit-orange {
+      border-color: rgba(234, 88, 12, 0.6);
+      background: rgba(234, 88, 12, 0.08);
+      --flash-color: 234, 88, 12;
     }
     .cockpit-tile.lit-red {
       border-color: rgba(248, 81, 73, 0.6);
       background: rgba(248, 81, 73, 0.08);
+      --flash-color: 248, 81, 73;
     }
     .cockpit-label {
       font-size: var(--text-base);
@@ -789,6 +937,7 @@
     .lit-blue  .cockpit-dot { background: var(--blue);  box-shadow: 0 0 6px var(--blue); }
     .lit-green .cockpit-dot { background: var(--green); box-shadow: 0 0 6px var(--green); }
     .lit-amber .cockpit-dot { background: var(--amber); box-shadow: 0 0 6px var(--amber); }
+    .lit-orange .cockpit-dot { background: var(--orange); box-shadow: 0 0 6px var(--orange); }
     .lit-red   .cockpit-dot { background: var(--red);   box-shadow: 0 0 6px var(--red); }
     .cockpit-value {
       font-size: var(--text-stat);
@@ -803,10 +952,59 @@
       line-height: 1.3;
       min-height: 14px;
     }
+    /* Engine tile: full-width, compact single-line horizontal strip. */
+    .cockpit-tile--full {
+      grid-column: 1 / -1;
+      flex-direction: row;
+      align-items: center;
+      gap: 16px;
+      padding: 7px 12px;
+    }
+    .cockpit-tile--full .cockpit-value { font-size: var(--text-xl); }
+    .cockpit-tile--full .cockpit-detail {
+      min-height: 0;
+      margin-left: auto;
+      text-align: right;
+    }
     /* Cockpit tiles are clickable -> detail modal. */
     .cockpit-tile { cursor: pointer; position: relative; }
     .cockpit-tile:hover { border-color: var(--blue); }
     .cockpit-tile:focus-visible { outline: 2px solid var(--blue); outline-offset: 1px; }
+    /* Active Dispatches tile pulses while there is work in flight — same
+       cadence as the per-member "working" badge in the Team section, so the
+       eye instantly ties "things are happening" in both regions. The pulse
+       only runs in the lit-amber state (dispatches > 0); empty state is
+       static. Respects prefers-reduced-motion. */
+    .cockpit-tile[data-tile="dispatches"].lit-amber {
+      animation: slim-pulse 1.6s ease-in-out infinite;
+    }
+    /* Change-flash: brief one-shot ring around a tile whose value just
+       changed, used by status.js for the `dispatches` and `prs` tiles. Layered
+       on a pseudo-element so it composes cleanly with `slim-pulse` above
+       (running both on the tile itself would force a single `animation:` rule
+       and clobber one of them). The ring expands then fades — fully visible
+       even when the underlying tile is already lit. Respects
+       prefers-reduced-motion. */
+    .cockpit-tile::after {
+      content: '';
+      position: absolute;
+      inset: -1px;
+      border-radius: inherit;
+      pointer-events: none;
+      box-shadow: 0 0 0 0 rgba(var(--flash-color), 0);
+    }
+    .cockpit-tile.flash-change::after {
+      animation: cockpit-flash 0.75s ease-out;
+    }
+    @keyframes cockpit-flash {
+      0%   { box-shadow: 0 0 0 0 rgba(var(--flash-color), 0); }
+      30%  { box-shadow: 0 0 0 6px rgba(var(--flash-color), 0.7); }
+      100% { box-shadow: 0 0 0 0 rgba(var(--flash-color), 0); }
+    }
+    @media (prefers-reduced-motion: reduce) {
+      .cockpit-tile[data-tile="dispatches"].lit-amber { animation: none; }
+      .cockpit-tile.flash-change::after { animation: none; }
+    }
 
     /* ── Status panel sub-divisions: Team cards over System tiles,
        separated by a divider line (no text headers). ──── */

package/dashboard.js

@@ -8865,13 +8865,20 @@ What would you like to discuss or change? When you're happy, say "approve" and I
         // `currentProject` hint so CC can default action.project without the
         // user naming it every turn. Validate against the configured project
         // list before injecting — body.currentProject is untrusted input.
+        // When slim has no project explicitly selected (the "Select project"
+        // indicator), it instead sends `noProjectSelected: true` so we inject an
+        // explicit "do not default — ask the user" preamble rather than silently
+        // letting CC pick projects[0] (W-mqayzsj3). The classic dashboard sends
+        // neither field, so its prompt stays byte-identical (empty part).
         const _knownProjectNames = (PROJECTS || []).map(p => p && p.name).filter(Boolean);
         const _currentProject = (body.currentProject && _knownProjectNames.includes(body.currentProject))
           ? body.currentProject
           : null;
         const projectContextPart = _currentProject
           ? `[Project Context] The user is currently working in project "${_currentProject}". Default any action's "project" field to this project unless the user explicitly names a different one.`
-          : '';
+          : (body.noProjectSelected
+            ? `[Project Context] No project is selected. Do NOT default any action's "project" field — ask the user to pick a project before creating or dispatching project-scoped work.`
+            : '');
         const prompt = _joinCcPromptParts(preamble, resumeGuard, carryover, turnHeader, projectContextPart, body.message);
 
         const { trackEngineUsage: trackUsage, trackEngineError: trackErr, withCcTurnTimeout: withTimeout } = require('./engine/llm');

package/package.json

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