@yemi33/minions 0.1.11 → 0.1.13

package/CHANGELOG.md

@@ -1,5 +1,65 @@
 # Changelog
 
+## 0.1.13 (2026-03-26)
+
+### Dashboard
+- dashboard-build.js
+- dashboard.js
+- dashboard/js/command-center.js
+- dashboard/js/command-history.js
+- dashboard/js/command-input.js
+- dashboard/js/command-parser.js
+- dashboard/js/detail-panel.js
+- dashboard/js/live-stream.js
+- dashboard/js/modal-qa.js
+- dashboard/js/modal.js
+- dashboard/js/refresh.js
+- dashboard/js/render-agents.js
+- dashboard/js/render-dispatch.js
+- dashboard/js/render-inbox.js
+- dashboard/js/render-kb.js
+- dashboard/js/render-other.js
+- dashboard/js/render-plans.js
+- dashboard/js/render-prd.js
+- dashboard/js/render-prs.js
+- dashboard/js/render-schedules.js
+- dashboard/js/render-skills.js
+- dashboard/js/render-work-items.js
+- dashboard/js/settings.js
+- dashboard/js/state.js
+- dashboard/js/utils.js
+- dashboard/layout.html
+- dashboard/pages/engine.html
+- dashboard/pages/home.html
+- dashboard/pages/inbox.html
+- dashboard/pages/plans.html
+- dashboard/pages/prd.html
+- dashboard/pages/prs.html
+- dashboard/pages/schedule.html
+- dashboard/pages/work.html
+- dashboard/styles.css
+
+### Other
+- test/unit.test.js
+
+## 0.1.12 (2026-03-26)
+
+### Engine
+- engine.js
+- engine/ado.js
+- engine/cli.js
+- engine/github.js
+- engine/lifecycle.js
+
+### Dashboard
+- dashboard.html
+- dashboard.js
+
+### Other
+- TODO.md
+- routing.md
+- test/unit.test.js
+
 ## 0.1.11 (2026-03-26)
 
 ### Engine

package/dashboard/js/command-center.js

@@ -0,0 +1,377 @@
+// command-center.js — Command center panel functions extracted from dashboard.html
+
+let _ccSessionId = localStorage.getItem('cc-session-id') || null;
+let _ccMessages = JSON.parse(localStorage.getItem('cc-messages') || '[]');
+let _ccOpen = false;
+let _ccSending = false;
+let _ccQueue = [];
+
+function toggleCommandCenter() {
+  _ccOpen = !_ccOpen;
+  const drawer = document.getElementById('cc-drawer');
+  drawer.style.display = _ccOpen ? 'flex' : 'none';
+  if (_ccOpen) {
+    clearNotifBadge(document.getElementById('cc-toggle-btn'));
+    document.getElementById('cc-input').focus();
+    ccRestoreMessages();
+  } else if (_ccSending) {
+    // Closing drawer while CC is processing — show animated badge
+    showNotifBadge(document.getElementById('cc-toggle-btn'), 'processing');
+  }
+}
+
+function ccNewSession() {
+  fetch('/api/command-center/new-session', { method: 'POST' }).catch(() => {});
+  _ccSessionId = null;
+  _ccMessages = [];
+  localStorage.removeItem('cc-session-id');
+  localStorage.removeItem('cc-messages');
+  document.getElementById('cc-messages').innerHTML = '';
+  ccUpdateSessionIndicator();
+}
+
+function ccRestoreMessages() {
+  const el = document.getElementById('cc-messages');
+  if (el.children.length > 0 || _ccMessages.length === 0) return; // Already rendered or nothing to restore
+  for (const msg of _ccMessages) {
+    ccAddMessage(msg.role, msg.html, true);
+  }
+}
+
+function ccSaveState() {
+  try {
+    if (_ccSessionId) localStorage.setItem('cc-session-id', _ccSessionId);
+    // Keep last 30 messages for display
+    const toSave = _ccMessages.slice(-30);
+    localStorage.setItem('cc-messages', JSON.stringify(toSave));
+  } catch {} // localStorage might be full
+}
+
+function ccUpdateSessionIndicator() {
+  const el = document.getElementById('cc-session-info');
+  if (!el) return;
+  if (_ccSessionId) {
+    const turns = _ccMessages.filter(m => m.role === 'user').length;
+    el.textContent = `Session: ${turns} turn${turns !== 1 ? 's' : ''}`;
+    el.style.color = 'var(--green)';
+  } else {
+    el.textContent = 'New session';
+    el.style.color = 'var(--muted)';
+  }
+}
+
+function ccAddMessage(role, html, skipSave) {
+  const el = document.getElementById('cc-messages');
+  const isUser = role === 'user';
+  const div = document.createElement('div');
+  const isAssistant = !isUser;
+  div.className = isAssistant ? 'cc-msg-assistant' : '';
+  div.style.cssText = 'padding:8px 12px;border-radius:8px;font-size:12px;line-height:1.6;max-width:95%;' +
+    (isUser ? 'background:var(--blue);color:#fff;align-self:flex-end' : 'background:var(--surface2);color:var(--text);align-self:flex-start;border:1px solid var(--border);position:relative');
+  div.innerHTML = (isAssistant && !html.includes('color:var(--red)') && !html.includes('cc-queued-pill') ? llmCopyBtn() : '') + html;
+  el.appendChild(div);
+  el.scrollTop = el.scrollHeight;
+  if (!skipSave) {
+    _ccMessages.push({ role, html });
+    ccSaveState();
+  }
+}
+
+async function ccSend() {
+  const input = document.getElementById('cc-input');
+  const message = input.value.trim();
+  if (!message) return;
+  input.value = '';
+
+  // If already processing, queue the message and show it — it'll send when current finishes
+  if (_ccSending) {
+    _ccQueue.push(message);
+    ccAddMessage('user', escHtml(message));
+    const preview = message.split(/\s+/).slice(0, 6).join(' ') + (message.split(/\s+/).length > 6 ? '...' : '');
+    ccAddMessage('assistant', '<span class="cc-queued-pill" style="color:var(--muted);font-size:10px">Queued: "' + escHtml(preview) + '" — will send after current request</span>');
+    return;
+  }
+  await _ccDoSend(message);
+
+  // Drain queue
+  while (_ccQueue.length > 0) {
+    const next = _ccQueue.shift();
+    // Remove the "Queued" placeholder for this message
+    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; }
+    }
+    await _ccDoSend(next, true); // skipUserMsg=true since already shown when queued
+  }
+}
+
+async function _ccDoSend(message, skipUserMsg) {
+  _ccSending = true;
+
+  if (!skipUserMsg) ccAddMessage('user', escHtml(message));
+
+  // 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>' : '';
+  const thinking = document.createElement('div');
+  thinking.id = 'cc-thinking';
+  thinking.style.cssText = 'padding:8px 12px;border-radius:8px;font-size:11px;color:var(--muted);align-self:flex-start;display:flex;align-items:center;gap:8px';
+  thinking.innerHTML = '<span class="dot-pulse" style="display:inline-flex;gap:3px"><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> <span id="cc-thinking-text">Thinking...</span> <span id="cc-thinking-time" style="font-size:10px;color:var(--border)"></span>' + queueBadge;
+  document.getElementById('cc-messages').appendChild(thinking);
+  const ccMsgs = document.getElementById('cc-messages');
+  ccMsgs.scrollTop = ccMsgs.scrollHeight;
+
+  const ccStartTime = Date.now();
+  const phases = [
+    [0, 'Thinking...'],
+    [3000, 'Reading minions context...'],
+    [8000, 'Analyzing...'],
+    [15000, 'Using tools to dig deeper...'],
+    [30000, 'Still working (multi-turn)...'],
+    [60000, 'Deep research in progress...'],
+    [180000, 'Still going (this is unusually long)...'],
+    [300000, 'Timing out soon...'],
+  ];
+  const ccTimer = setInterval(() => {
+    const elapsed = Date.now() - ccStartTime;
+    const secs = Math.floor(elapsed / 1000);
+    const timeEl = document.getElementById('cc-thinking-time');
+    const textEl = document.getElementById('cc-thinking-text');
+    if (timeEl) timeEl.textContent = secs + 's';
+    if (textEl) {
+      for (let i = phases.length - 1; i >= 0; i--) {
+        if (elapsed >= phases[i][0]) { textEl.textContent = phases[i][1]; break; }
+      }
+    }
+  }, 500);
+
+  try {
+    const ccAbort = AbortSignal.timeout(960000);
+    const res = await fetch('/api/command-center', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ message, sessionId: _ccSessionId }),
+      signal: ccAbort
+    });
+    const data = await res.json();
+
+    clearInterval(ccTimer);
+    thinking.remove();
+
+    if (data.error) {
+      ccAddMessage('assistant', '<span style="color:var(--red)">' + escHtml(data.error) + '</span>');
+      return;
+    }
+
+    // Track session — if server started a new session, clear stale frontend messages
+    if (data.sessionId) {
+      if (data.newSession && _ccSessionId && _ccSessionId !== data.sessionId) {
+        // Session was silently reset (expired/turn limit) — clear old messages except the current one
+        const el = document.getElementById('cc-messages');
+        // Keep only the user message we just added (last child)
+        const lastMsg = el.lastElementChild;
+        el.innerHTML = '';
+        if (lastMsg) el.appendChild(lastMsg);
+        _ccMessages = _ccMessages.slice(-1); // Keep only the message we just sent
+      }
+      _ccSessionId = data.sessionId;
+      ccSaveState();
+      ccUpdateSessionIndicator();
+    }
+
+    // Render markdown-ish response
+    const ccElapsed = Math.round((Date.now() - ccStartTime) / 1000);
+    const rendered = (data.text || '').replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
+      .replace(/`([^`]+)`/g, '<code style="background:var(--surface);padding:1px 4px;border-radius:3px;font-size:11px">$1</code>')
+      .replace(/\n/g, '<br>');
+    ccAddMessage('assistant', rendered + '<div style="font-size:9px;color:var(--muted);margin-top:4px;text-align:right">' + ccElapsed + 's</div>');
+
+    // Execute actions
+    if (data.actions && data.actions.length > 0) {
+      for (const action of data.actions) {
+        await ccExecuteAction(action);
+      }
+    }
+  } catch (e) {
+    clearInterval(ccTimer);
+    thinking.remove();
+    ccAddMessage('assistant', '<span style="color:var(--red)">Error: ' + escHtml(e.message) + '</span>');
+  } finally {
+    _ccSending = false;
+    // Show notification badge on CC button if drawer is closed
+    if (!_ccOpen) showNotifBadge(document.getElementById('cc-toggle-btn'));
+  }
+}
+
+async function ccExecuteAction(action) {
+  const msgs = document.getElementById('cc-messages');
+  const status = document.createElement('div');
+  status.style.cssText = 'padding:4px 10px;border-radius:4px;font-size:10px;align-self:flex-start;border:1px dashed var(--border);color:var(--muted)';
+
+  try {
+    switch (action.type) {
+      case 'dispatch': {
+        const res = await fetch('/api/work-items', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            title: action.title, type: action.workType || 'implement',
+            priority: action.priority || 'medium', description: action.description || '',
+            project: action.project || '', agents: action.agents || [],
+          })
+        });
+        const d = await res.json();
+        status.innerHTML = '&#10003; Dispatched: <strong>' + escHtml(d.id || action.title) + '</strong>';
+        status.style.color = 'var(--green)';
+        break;
+      }
+      case 'note': {
+        const today = new Date().toISOString().slice(0, 10);
+        await fetch('/api/notes', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ title: action.title, what: action.content || action.description, author: 'command-center' })
+        });
+        status.innerHTML = '&#10003; Note saved: <strong>' + escHtml(action.title) + '</strong>';
+        status.style.color = 'var(--green)';
+        break;
+      }
+      case 'plan': {
+        await fetch('/api/plan', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ title: action.title, description: action.description, project: action.project, branchStrategy: action.branchStrategy || 'parallel' })
+        });
+        status.innerHTML = '&#10003; Plan queued: <strong>' + escHtml(action.title) + '</strong>';
+        status.style.color = 'var(--green)';
+        break;
+      }
+      case 'cancel': {
+        await fetch('/api/agents/cancel', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ agentId: action.agent, reason: action.reason || 'Cancelled via command center' })
+        });
+        status.innerHTML = '&#10003; Cancelled agent: <strong>' + escHtml(action.agent) + '</strong>';
+        status.style.color = 'var(--orange)';
+        break;
+      }
+      case 'retry': {
+        for (const id of (action.ids || [])) {
+          await fetch('/api/work-items/retry', {
+            method: 'POST', headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ id, source: '' })
+          });
+        }
+        status.innerHTML = '&#10003; Retried: <strong>' + escHtml((action.ids || []).join(', ')) + '</strong>';
+        status.style.color = 'var(--green)';
+        break;
+      }
+      case 'pause-plan': {
+        await fetch('/api/plans/pause', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ file: action.file })
+        });
+        status.innerHTML = '&#10003; Paused plan: <strong>' + escHtml(action.file) + '</strong>';
+        status.style.color = 'var(--orange)';
+        break;
+      }
+      case 'approve-plan': {
+        await fetch('/api/plans/approve', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ file: action.file })
+        });
+        status.innerHTML = '&#10003; Approved plan: <strong>' + escHtml(action.file) + '</strong>';
+        status.style.color = 'var(--green)';
+        break;
+      }
+      case 'edit-prd-item': {
+        await fetch('/api/prd-items/update', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ source: action.source, itemId: action.itemId, name: action.name, description: action.description, priority: action.priority, estimated_complexity: action.complexity })
+        });
+        status.innerHTML = '&#10003; Updated PRD item: <strong>' + escHtml(action.itemId) + '</strong>';
+        status.style.color = 'var(--green)';
+        break;
+      }
+      case 'remove-prd-item': {
+        await fetch('/api/prd-items/remove', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ source: action.source, itemId: action.itemId })
+        });
+        status.innerHTML = '&#10003; Removed PRD item: <strong>' + escHtml(action.itemId) + '</strong>';
+        status.style.color = 'var(--orange)';
+        break;
+      }
+      case 'delete-work-item': {
+        await fetch('/api/work-items/delete', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ id: action.id, source: action.source || '' })
+        });
+        status.innerHTML = '&#10003; Deleted work item: <strong>' + escHtml(action.id) + '</strong>';
+        status.style.color = 'var(--orange)';
+        break;
+      }
+      case 'plan-edit': {
+        // Read the plan, send instruction to doc-chat, show version actions
+        const normalizedFile = normalizePlanFile(action.file);
+        const planContent = await fetch('/api/plans/' + encodeURIComponent(normalizedFile)).then(r => r.text());
+        const res = await fetch('/api/doc-chat', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            message: action.instruction,
+            document: planContent,
+            title: normalizedFile,
+            filePath: 'plans/' + normalizedFile,
+          }),
+        });
+        const data = await res.json();
+        if (data.ok && data.edited) {
+          status.innerHTML = '&#10003; Plan edited: <strong>' + escHtml(action.file) + '</strong>';
+          status.style.color = 'var(--green)';
+        } else {
+          status.innerHTML = data.answer ? escHtml(data.answer) : '&#10007; Could not edit plan';
+          status.style.color = data.answer ? 'var(--muted)' : 'var(--red)';
+        }
+        break;
+      }
+      case 'execute-plan': {
+        await fetch('/api/plans/execute', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ file: action.file, project: action.project || '' })
+        });
+        status.innerHTML = '&#10003; Plan execution queued: <strong>' + escHtml(action.file) + '</strong>';
+        status.style.color = 'var(--green)';
+        refreshPlans();
+        break;
+      }
+      case 'file-edit': {
+        // doc-chat reads current content from disk via filePath — pass placeholder for required field
+        const res = await fetch('/api/doc-chat', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            message: action.instruction,
+            document: '(loaded from disk)',
+            title: action.file.split('/').pop(),
+            filePath: action.file,
+          }),
+        });
+        const data = await res.json();
+        if (data.ok && data.edited) {
+          status.innerHTML = '&#10003; Edited: <strong>' + escHtml(action.file) + '</strong>';
+          status.style.color = 'var(--green)';
+        } else {
+          status.innerHTML = data.answer ? escHtml(data.answer) : '&#10007; Could not edit file';
+          status.style.color = data.answer ? 'var(--muted)' : 'var(--red)';
+        }
+        break;
+      }
+      default:
+        status.innerHTML = '? Unknown action: ' + escHtml(action.type);
+        status.style.color = 'var(--muted)';
+    }
+  } catch (e) {
+    status.innerHTML = '&#10007; Action failed: ' + escHtml(e.message);
+    status.style.color = 'var(--red)';
+  }
+
+  msgs.appendChild(status);
+  msgs.scrollTop = msgs.scrollHeight;
+  refresh();
+}

package/dashboard/js/command-history.js

@@ -0,0 +1,70 @@
+// command-history.js — Command history functions extracted from dashboard.html
+
+const CMD_HISTORY_KEY = 'minions-cmd-history';
+const CMD_HISTORY_MAX = 50;
+let _cmdHistoryIdx = -1; // -1 = not browsing history
+let _cmdHistoryDraft = ''; // saves current draft when browsing
+
+function cmdGetHistory() {
+  try { return JSON.parse(localStorage.getItem(CMD_HISTORY_KEY) || '[]'); } catch { return []; }
+}
+
+function cmdSaveHistory(raw, intent) {
+  const history = cmdGetHistory();
+  history.unshift({ text: raw, intent, timestamp: new Date().toISOString() });
+  if (history.length > CMD_HISTORY_MAX) history.length = CMD_HISTORY_MAX;
+  localStorage.setItem(CMD_HISTORY_KEY, JSON.stringify(history));
+}
+
+function cmdShowHistory() {
+  const history = cmdGetHistory();
+  const title = document.getElementById('modal-title');
+  const body = document.getElementById('modal-body');
+  title.textContent = 'Past Commands (' + history.length + ')';
+
+  if (history.length === 0) {
+    body.innerHTML = '<div class="cmd-history-empty">No commands yet. Submit something from the command center.</div>';
+  } else {
+    const intentColors = { 'work-item': 'var(--blue)', 'note': 'var(--green)', 'plan': 'var(--purple,#a855f7)' };
+    const intentLabels = { 'work-item': 'Work Item', 'note': 'Note', 'plan': 'Plan' };
+    body.innerHTML = '<ul class="cmd-history-list">' + history.map((item, i) => {
+      const date = new Date(item.timestamp);
+      const ago = timeSinceStr(date);
+      const intentLabel = intentLabels[item.intent] || item.intent || 'work-item';
+      const intentColor = intentColors[item.intent] || 'var(--blue)';
+      return '<li class="cmd-history-item">' +
+        '<div class="cmd-history-item-body">' +
+          '<div class="cmd-history-item-text">' + escHtml(item.text) + '</div>' +
+          '<div class="cmd-history-item-meta">' +
+            '<span class="chip" style="color:' + intentColor + '">' + intentLabel + '</span>' +
+            '<span>' + ago + '</span>' +
+            '<span>' + date.toLocaleDateString() + ' ' + date.toLocaleTimeString([], {hour:'2-digit',minute:'2-digit'}) + '</span>' +
+          '</div>' +
+        '</div>' +
+        '<button class="cmd-history-resubmit" onclick="cmdResubmit(' + i + ')">Resubmit</button>' +
+      '</li>';
+    }).join('') + '</ul>';
+  }
+
+  document.getElementById('modal').classList.add('open');
+}
+
+function cmdResubmit(idx) {
+  const history = cmdGetHistory();
+  const item = history[idx];
+  if (!item) return;
+  document.getElementById('modal').classList.remove('open');
+  const input = document.getElementById('cmd-input');
+  input.value = item.text;
+  cmdAutoResize();
+  cmdRenderMeta();
+  input.focus();
+}
+
+function timeSinceStr(date) {
+  const s = Math.floor((Date.now() - date.getTime()) / 1000);
+  if (s < 60) return s + 's ago';
+  if (s < 3600) return Math.floor(s / 60) + 'm ago';
+  if (s < 86400) return Math.floor(s / 3600) + 'h ago';
+  return Math.floor(s / 86400) + 'd ago';
+}