@yemi33/minions 0.1.2408 → 0.1.2410

package/dashboard/js/command-center.js

@@ -626,6 +626,18 @@ function ccAbort() {
   }
 }
 
+function _ccRenderSuggestedPrompts() {
+  var el = document.getElementById('cc-messages');
+  var tab = _ccActiveTab();
+  if (!el || !tab || tab.messages.length !== 0 || tab._sending || el.children.length !== 0) return;
+  renderCcSuggestedPrompts(el, function(prompt) {
+    var input = document.getElementById('cc-input');
+    if (!input) return;
+    input.value = prompt;
+    ccSend();
+  });
+}
+
 function toggleCommandCenter() {
   _ccOpen = !_ccOpen;
   // Opening CC means the operator found it — retire the first-use coachmark.
@@ -667,6 +679,7 @@ function ccNewTab(skipServerReset) {
   _ccActiveTabId = tabId;
   // New tab starts with null sessionId — server creates fresh session on first message
   document.getElementById('cc-messages').innerHTML = '';
+  _ccRenderSuggestedPrompts();
   ccRenderTabBar();
   ccUpdateSessionIndicator();
   ccSaveState();
@@ -696,6 +709,7 @@ function ccSwitchTab(id) {
   for (var i = 0; i < tab.messages.length; i++) {
     ccAddMessage(tab.messages[i].role, tab.messages[i].html, true, null, tab.messages[i]);
   }
+  _ccRenderSuggestedPrompts();
   // 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>';
@@ -887,7 +901,11 @@ function ccRestoreMessages() {
   var el = document.getElementById('cc-messages');
   var tab = _ccActiveTab();
   if (!tab) return;
-  if (el.children.length > 0 || tab.messages.length === 0) return; // Already rendered or nothing to restore
+  if (el.children.length > 0) return;
+  if (tab.messages.length === 0) {
+    _ccRenderSuggestedPrompts();
+    return;
+  }
   for (var i = 0; i < tab.messages.length; i++) {
     ccAddMessage(tab.messages[i].role, tab.messages[i].html, true, null, tab.messages[i]);
   }
@@ -982,6 +1000,7 @@ function ccAddMessage(role, html, skipSave, targetTabId, meta) {
   var isVisible = !targetTabId || targetTabId === _ccActiveTabId;
   if (isVisible) {
     var el = document.getElementById('cc-messages');
+    clearCcSuggestedPrompts(el);
     var div = document.createElement('div');
     div.className = isAssistant ? 'cc-msg-assistant' : isAction ? 'cc-msg-action' : '';
     if (messageId) {

package/dashboard/js/render-other.js

@@ -1251,6 +1251,43 @@ async function killKeepPid(agentId, pid) {
 
 window.MinionsKeepProcesses = { renderKeepProcesses, killKeepPid, mountKeepProcessesPanel, unmountKeepProcessesPanel };
 
+function _renderWorktreeQuarantineRefsContent(items) {
+  if (!items.length) {
+    return '<p class="empty quarantine-ref-empty">No local backup refs are currently preserved.</p>';
+  }
+  return '<div class="pr-table-wrap quarantine-ref-table-wrap">' +
+    '<table class="pr-table quarantine-ref-table" aria-label="Quarantined work backup refs">' +
+    '<colgroup><col><col><col><col></colgroup><thead><tr>' +
+    '<th>Project</th><th>Backup ref</th><th>SHA</th><th>Created</th>' +
+    '</tr></thead><tbody>' +
+    items.map(function (item) {
+      const project = escHtml(item.project || '');
+      if (item.error) {
+        return '<tr class="quarantine-ref-row quarantine-ref-row-error">' +
+          '<td class="quarantine-ref-project" data-label="Project">' + project + '</td>' +
+          '<td class="quarantine-ref-error" data-label="Status" colspan="3">' + escHtml(item.error) + '</td>' +
+          '</tr>';
+      }
+      const ref = String(item.ref || '');
+      const sha = String(item.sha || '');
+      const createdAt = String(item.createdAt || '');
+      const kind = item.kind === 'wip' ? 'WIP snapshot' : 'Commit backup';
+      const kindClass = item.kind === 'wip' ? 'quarantine-ref-kind-wip' : 'quarantine-ref-kind-commits';
+      return '<tr class="quarantine-ref-row">' +
+        '<td class="quarantine-ref-project" data-label="Project">' + project + '</td>' +
+        '<td data-label="Backup ref">' +
+          '<span class="quarantine-ref-kind ' + kindClass + '">' + kind + '</span>' +
+          '<code class="quarantine-ref-value">' + escHtml(ref) + '</code>' +
+        '</td>' +
+        '<td data-label="SHA"><code class="quarantine-ref-sha" title="' + escHtml(sha) + '">' + escHtml(sha.slice(0, 12)) + '</code></td>' +
+        '<td data-label="Created"><time class="quarantine-ref-created" datetime="' + escHtml(createdAt) + '" title="' + escHtml(createdAt) + '">' +
+          escHtml(formatLocalDateTime(createdAt)) +
+        '</time></td>' +
+        '</tr>';
+    }).join('') +
+    '</tbody></table></div>';
+}
+
 async function renderWorktreeQuarantineRefs() {
   const root = document.getElementById('worktree-quarantine-refs-content');
   const count = document.getElementById('worktree-quarantine-refs-count');
@@ -1262,26 +1299,10 @@ async function renderWorktreeQuarantineRefs() {
     if (!res.ok) throw new Error(data.error || String(res.status));
     const items = Array.isArray(data.items) ? data.items : [];
     if (count) count.textContent = String(items.length);
-    if (!items.length) {
-      html = '<p class="empty">No quarantined work refs found.</p>';
-    } else {
-      html = '<table style="width:100%;border-collapse:collapse"><thead><tr>' +
-        '<th style="text-align:left">Project</th><th style="text-align:left">Backup ref</th>' +
-        '<th style="text-align:left">SHA</th><th style="text-align:left">Created</th></tr></thead><tbody>' +
-        items.map(function (item) {
-          if (item.error) {
-            return '<tr><td>' + escHtml(item.project || '') + '</td><td colspan="3" style="color:var(--red)">' + escHtml(item.error) + '</td></tr>';
-          }
-          return '<tr><td>' + escHtml(item.project || '') + '</td>' +
-            '<td><code>' + escHtml(item.ref || '') + '</code></td>' +
-            '<td><code>' + escHtml(String(item.sha || '').slice(0, 12)) + '</code></td>' +
-            '<td>' + escHtml(item.createdAt || '') + '</td></tr>';
-        }).join('') +
-        '</tbody></table>';
-    }
+    html = _renderWorktreeQuarantineRefsContent(items);
   } catch (e) {
     if (count) count.textContent = '?';
-    html = '<span style="color:var(--red)">Failed to load: ' + escHtml(e.message) + '</span>';
+    html = '<p class="quarantine-ref-error" role="alert">Failed to load: ' + escHtml(e.message) + '</p>';
   }
   // eslint-disable-next-line no-unsanitized/method -- structural HTML only; API fields are escaped above
   root.replaceChildren(document.createRange().createContextualFragment(html));

package/dashboard/pages/engine.html

@@ -28,9 +28,10 @@
       </section>
       <section id="worktree-quarantine-refs-section">
         <h2>Quarantined Work <span class="count" id="worktree-quarantine-refs-count">0</span>
-          <span class="qa-section-subtitle">local backup refs available for manual recovery</span>
+          <span class="qa-section-subtitle">local Git recovery backups</span>
         </h2>
-        <div id="worktree-quarantine-refs-content"><p class="empty">No quarantined work refs found.</p></div>
+        <p class="quarantine-ref-intro">These local backup Git refs are preserved when Minions quarantines dirty or stuck worktrees. They are for manual recovery only and are not active or queued work.</p>
+        <div id="worktree-quarantine-refs-content"><p class="empty quarantine-ref-empty">No local backup refs are currently preserved.</p></div>
       </section>
       <section id="managed-processes-section">
         <h2>Managed Processes <span class="count" id="managed-processes-count">0</span>

package/dashboard/shared/cc-suggestions.js

@@ -0,0 +1,33 @@
+// Shared suggested-prompt definition and DOM renderer for classic and Slim CC.
+// Add future prompts to this list; both surfaces pick them up automatically.
+var CC_SUGGESTED_PROMPTS = [
+  'Update me on status of Minions',
+];
+
+function clearCcSuggestedPrompts(container) {
+  if (!container) return;
+  var current = container.querySelector('.cc-suggestions');
+  if (current) current.remove();
+}
+
+function renderCcSuggestedPrompts(container, onSelect) {
+  if (!container || typeof onSelect !== 'function') return null;
+  clearCcSuggestedPrompts(container);
+
+  var group = document.createElement('div');
+  group.className = 'cc-suggestions';
+  group.setAttribute('role', 'group');
+  group.setAttribute('aria-label', 'Suggested prompts');
+
+  CC_SUGGESTED_PROMPTS.forEach(function(prompt) {
+    var button = document.createElement('button');
+    button.type = 'button';
+    button.className = 'cc-suggestion';
+    button.textContent = prompt;
+    button.addEventListener('click', function() { onSelect(prompt); });
+    group.appendChild(button);
+  });
+
+  container.appendChild(group);
+  return group;
+}

package/dashboard/slim/js/chat.js

@@ -307,6 +307,7 @@
   }
 
   function clearEmpty() {
+    clearCcSuggestedPrompts(msgsEl);
     var empty = msgsEl.querySelector('.chat-empty');
     if (empty) empty.remove();
   }
@@ -627,10 +628,10 @@
     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);
+      renderCcSuggestedPrompts(msgsEl, function(prompt) {
+        inputEl.value = prompt;
+        sendMessage();
+      });
     } else {
       for (var i = 0; i < messages.length; i++) {
         var m = messages[i];
@@ -752,4 +753,3 @@
   loadState();
   rerenderHistory();
   renderTabBar();
-

package/dashboard/slim/styles.css

@@ -368,6 +368,28 @@
       text-align: center;
       margin-top: 24px;
     }
+    .cc-suggestions {
+      display: flex;
+      justify-content: center;
+      width: 100%;
+      margin: var(--space-8) auto;
+    }
+    .cc-suggestion {
+      appearance: none;
+      max-width: 100%;
+      padding: var(--space-4) var(--space-6);
+      border: 1px solid var(--border);
+      border-radius: 999px;
+      background: var(--surface2);
+      color: var(--text);
+      font: inherit;
+      font-size: var(--text-lg);
+      line-height: 1.4;
+      cursor: pointer;
+      transition: border-color 0.15s, color 0.15s, background 0.15s;
+    }
+    .cc-suggestion:hover { border-color: var(--blue); color: var(--blue); background: var(--surface); }
+    .cc-suggestion:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
     .chat-msg {
       max-width: 90%;
       /* Uniform bubble padding across variants (#2); 20px horizontal gives

package/dashboard/styles.css

@@ -382,6 +382,41 @@
   .pr-table td { padding: var(--space-5); border-bottom: 1px solid var(--border); vertical-align: middle; white-space: nowrap; }
   .pr-table tr:last-child td { border-bottom: none; }
   .pr-table tr:hover { background: var(--surface2); }
+  .quarantine-ref-intro {
+    max-width: 920px; margin: calc(-1 * var(--space-3)) 0 var(--space-6);
+    color: var(--muted); font-size: var(--text-meta); line-height: 1.5;
+  }
+  .quarantine-ref-table-wrap {
+    max-height: min(420px, 55vh); overflow: auto;
+    border: 1px solid var(--border); border-radius: var(--radius-md);
+    background: var(--surface);
+  }
+  .quarantine-ref-table { table-layout: fixed; font-size: var(--text-caption); }
+  .quarantine-ref-table col:nth-child(1) { width: 15%; }
+  .quarantine-ref-table col:nth-child(2) { width: 51%; }
+  .quarantine-ref-table col:nth-child(3) { width: 14%; }
+  .quarantine-ref-table col:nth-child(4) { width: 20%; }
+  .quarantine-ref-table thead th { position: sticky; top: 0; z-index: 1; background: var(--surface); }
+  .quarantine-ref-table th:last-child, .quarantine-ref-table td:last-child {
+    width: auto; min-width: 0; text-align: left;
+  }
+  .quarantine-ref-table td { white-space: normal; vertical-align: top; line-height: 1.4; }
+  .quarantine-ref-project { font-weight: 600; overflow-wrap: anywhere; }
+  .quarantine-ref-kind {
+    display: inline-block; margin-bottom: var(--space-2);
+    padding: var(--space-1) var(--space-3); border: 1px solid var(--border);
+    border-radius: var(--radius-xl); font-size: var(--text-micro);
+    font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px;
+  }
+  .quarantine-ref-kind-wip { color: var(--yellow); background: rgba(210,153,34,0.1); }
+  .quarantine-ref-kind-commits { color: var(--blue); background: rgba(88,166,255,0.1); }
+  .quarantine-ref-value {
+    display: block; color: var(--text); overflow-wrap: anywhere; word-break: break-word;
+  }
+  .quarantine-ref-sha { color: var(--muted); overflow-wrap: anywhere; }
+  .quarantine-ref-created { color: var(--muted); font-size: var(--text-caption); }
+  .quarantine-ref-error { color: var(--red); overflow-wrap: anywhere; }
+  .quarantine-ref-empty { padding: var(--space-2) 0; font-size: var(--text-caption); }
   .pr-title { color: var(--blue); text-decoration: none; font-weight: 500; }
   .pr-title:hover { text-decoration: underline; }
   .pr-desc { color: var(--muted); font-size: var(--text-sm); font-weight: 400; margin-top: 2px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px; }
@@ -1171,6 +1206,20 @@
      normal spacing relative to non-action neighbors (parent flex gap:10px). */
   #cc-messages > .cc-msg-action + .cc-msg-action { margin-top: -8px; }
 
+  .cc-suggestions {
+    display: flex; flex-direction: column; align-items: stretch; gap: var(--space-3);
+    width: 100%; margin: var(--space-7) auto 0;
+  }
+  .cc-suggestion {
+    appearance: none; width: 100%; padding: var(--space-4) var(--space-5);
+    border: 1px solid var(--border); border-radius: var(--radius-md);
+    background: var(--surface2); color: var(--text); font: inherit;
+    font-size: var(--text-md); line-height: 1.4; text-align: left; cursor: pointer;
+    transition: border-color var(--transition-base), color var(--transition-base);
+  }
+  .cc-suggestion:hover { border-color: var(--blue); color: var(--blue); }
+  .cc-suggestion:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
+
   /* Command Center tab bar */
   .cc-tab-scroll { display: flex; gap: 4px; align-items: center; overflow-x: auto; overflow-y: hidden; flex: 1 1 auto; min-width: 0; scrollbar-width: thin; }
   .cc-tab { padding: 4px 10px; font-size: var(--text-sm); border: 1px solid var(--border); border-bottom: none; border-radius: 6px 6px 0 0; background: var(--surface2); color: var(--muted); cursor: pointer; white-space: nowrap; max-width: 140px; display: inline-flex; align-items: center; gap: 2px; flex-shrink: 0; margin-bottom: -1px; position: relative; }
@@ -1278,6 +1327,31 @@
     .pr-table { font-size: var(--text-base); }
     .pr-table td { padding: 8px 6px; }
     .pr-table th { padding: 6px; font-size: var(--text-sm); }
+    .quarantine-ref-table-wrap { border: none; background: transparent; }
+    .quarantine-ref-table,
+    .quarantine-ref-table tbody,
+    .quarantine-ref-table tr,
+    .quarantine-ref-table td { display: block; width: 100%; }
+    .quarantine-ref-table colgroup, .quarantine-ref-table thead { display: none; }
+    .quarantine-ref-table tr {
+      margin-bottom: var(--space-4); overflow: hidden;
+      border: 1px solid var(--border); border-radius: var(--radius-md);
+      background: var(--surface);
+    }
+    .quarantine-ref-table tr:last-child { margin-bottom: 0; }
+    .quarantine-ref-table td, .quarantine-ref-table td:last-child {
+      display: grid; grid-template-columns: minmax(76px, 26%) minmax(0, 1fr);
+      gap: var(--space-4); width: 100%; min-width: 0;
+      padding: var(--space-3) var(--space-4); text-align: left;
+    }
+    .quarantine-ref-table tr td:not(:last-child) { border-bottom: 1px solid var(--border); }
+    .quarantine-ref-table td::before {
+      content: attr(data-label); grid-column: 1; color: var(--muted);
+      font-size: var(--text-micro); font-weight: 600;
+      text-transform: uppercase; letter-spacing: 0.4px;
+    }
+    .quarantine-ref-table td > * { grid-column: 2; min-width: 0; }
+    .quarantine-ref-table .quarantine-ref-kind { justify-self: start; }
     .cmd-input-wrap { flex-direction: column; }
     .cmd-send-btn { width: 100%; }
     .cmd-hints { gap: 8px; }

package/dashboard-build.js

@@ -8,7 +8,7 @@ const shared = require('./engine/shared');
 const { safeRead } = shared;
 
 const MINIONS_DIR = __dirname;
-const DASHBOARD_SHARED_JS = ['pr-merge-state', 'pr-filters'];
+const DASHBOARD_SHARED_JS = ['pr-merge-state', 'pr-filters', 'cc-suggestions'];
 
 function buildDashboardHtml() {
   const dashDir = path.join(MINIONS_DIR, 'dashboard');

package/dashboard.js

@@ -1840,7 +1840,7 @@ function buildDashboardHtml() {
     'confirm-dialog', 'modal', 'modal-qa', 'settings', 'qa', 'fre', 'refresh'
   ];
   let jsHtml = '';
-  for (const f of ['pr-merge-state', 'pr-filters']) {
+  for (const f of ['pr-merge-state', 'pr-filters', 'cc-suggestions']) {
     const content = safeRead(path.join(dashDir, 'shared', f + '.js'));
     jsHtml += `\n// ─── shared/${f}.js ────────────────────────────────────────\n${content}\n`;
   }

package/package.json

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