@yemi33/minions 0.1.2408 → 0.1.2409

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/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

@@ -1171,6 +1171,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; }

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.2409",
   "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"