@yemi33/minions 0.1.138 → 0.1.140

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.1.140 (2026-04-01)
+
+### Dashboard
+- dashboard.js
+- dashboard/js/command-center.js
+- dashboard/js/render-pipelines.js
+
+## 0.1.139 (2026-04-01)
+
+### Dashboard
+- dashboard/js/render-pipelines.js
+
 ## 0.1.138 (2026-04-01)
 
 ### Dashboard

package/dashboard/js/command-center.js

@@ -434,6 +434,20 @@ async function ccExecuteAction(action) {
         status.style.color = 'var(--green)';
         break;
       }
+      case 'edit-pipeline': {
+        const body = { id: action.id };
+        if (action.title) body.title = action.title;
+        if (action.stages) body.stages = action.stages;
+        if (action.trigger !== undefined) body.trigger = action.trigger;
+        const res = await fetch('/api/pipelines/update', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify(body)
+        });
+        if (!res.ok) { const d = await res.json().catch(() => ({})); throw new Error(d.error || 'Pipeline update failed'); }
+        status.innerHTML = '&#10003; Updated pipeline: <strong>' + escHtml(action.id) + '</strong>';
+        status.style.color = 'var(--green)';
+        break;
+      }
       default:
         status.innerHTML = '? Unknown action: ' + escHtml(action.type);
         status.style.color = 'var(--muted)';

package/dashboard/js/render-pipelines.js

@@ -19,7 +19,7 @@ function renderPipelines(pipelines) {
     const lastRun = (p.runs || []).slice(-1)[0];
     const statusColor = activeRun ? 'var(--blue)' : lastRun?.status === 'completed' ? 'var(--green)' : lastRun?.status === 'failed' ? 'var(--red)' : 'var(--muted)';
     const statusLabel = activeRun ? 'Running' : lastRun ? (lastRun.status === 'completed' ? 'Completed' : lastRun.status === 'failed' ? 'Failed' : lastRun.status) : 'Never run';
-    const trigger = p.trigger?.cron ? 'Cron: ' + p.trigger.cron : 'Manual';
+    const trigger = p.trigger?.cron ? _cronToHuman(p.trigger.cron) : 'Manual';
 
     // Stage flow visualization
     var stageFlow = (p.stages || []).map(function(s) {
@@ -52,9 +52,10 @@ function openPipelineDetail(id) {
   // Status + actions
   var activeRun = (p.runs || []).find(function(r) { return r.status === 'running'; });
   html += '<div style="display:flex;justify-content:space-between;align-items:center">' +
-    '<span style="font-size:10px;color:var(--muted)">' + (p.trigger?.cron ? 'Cron: ' + p.trigger.cron : 'Manual trigger') + '</span>' +
+    '<span style="font-size:10px;color:var(--muted)">' + (p.trigger?.cron ? escHtml(_cronToHuman(p.trigger.cron)) + ' <span style="opacity:0.6">(' + escHtml(p.trigger.cron) + ', ' + escHtml(Intl.DateTimeFormat().resolvedOptions().timeZone) + ')</span>' : 'Manual trigger') + '</span>' +
     '<div style="display:flex;gap:6px">' +
       (activeRun ? '' : '<button class="pr-pager-btn" style="font-size:9px;padding:2px 8px;color:var(--green);border-color:var(--green)" onclick="_triggerPipeline(\'' + escHtml(id) + '\',this)">Run Now</button>') +
+      '<button class="pr-pager-btn" style="font-size:9px;padding:2px 8px;color:var(--blue);border-color:var(--blue)" onclick="openEditPipelineModal(\'' + escHtml(id) + '\')">Edit</button>' +
       '<button class="pr-pager-btn" style="font-size:9px;padding:2px 8px" onclick="_togglePipelineEnabled(\'' + escHtml(id) + '\',' + !p.enabled + ',this)">' + (p.enabled !== false ? 'Disable' : 'Enable') + '</button>' +
       '<button class="pr-pager-btn" style="font-size:9px;padding:2px 8px;color:var(--red);border-color:var(--red)" onclick="_deletePipelineConfirm(\'' + escHtml(id) + '\')">Delete</button>' +
     '</div>' +
@@ -142,13 +143,52 @@ async function _deletePipelineConfirm(id) {
 
 function openCreatePipelineModal() {
   var inputStyle = 'display:block;width:100%;margin-top:4px;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-md);font-family:inherit';
+  var pillStyle = 'display:inline-block;padding:4px 10px;margin:2px;border:1px solid var(--border);border-radius:12px;cursor:pointer;font-size:11px;color:var(--text);background:var(--bg);user-select:none;transition:all 0.15s';
+  var linkStyle = 'font-size:10px;color:var(--blue);cursor:pointer;text-decoration:underline;margin-right:8px';
+  var tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
+
+  // Hour options (0-23)
+  var hourOpts = '';
+  for (var h = 0; h < 24; h++) hourOpts += '<option value="' + h + '"' + (h === 9 ? ' selected' : '') + '>' + String(h).padStart(2, '0') + '</option>';
+  // Minute options (0, 5, 10, ..., 55)
+  var minOpts = '';
+  for (var m = 0; m <= 55; m += 5) minOpts += '<option value="' + m + '"' + (m === 0 ? ' selected' : '') + '>' + String(m).padStart(2, '0') + '</option>';
+
+  var dayOrder = [0, 1, 2, 3, 4, 5, 6];
+  var dayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+  var dayPills = dayOrder.map(function(d) {
+    var active = d >= 1 && d <= 5; // default weekdays
+    return '<span class="sched-day-pill' + (active ? ' active' : '') + '" data-day="' + d + '" ' +
+      'style="' + pillStyle + (active ? ';background:var(--blue);color:#fff;border-color:var(--blue)' : '') + '" ' +
+      'onclick="_toggleDayPill(this);_updatePlCronPreview()">' + dayLabels[d] + '</span>';
+  }).join('');
 
   document.getElementById('modal-title').textContent = 'New Pipeline';
   document.getElementById('modal-body').innerHTML =
     '<div style="display:flex;flex-direction:column;gap:10px">' +
       '<label style="color:var(--text);font-size:var(--text-md)">ID<input id="pl-id" style="' + inputStyle + '" placeholder="e.g. daily-audit-cycle"></label>' +
       '<label style="color:var(--text);font-size:var(--text-md)">Title<input id="pl-title" style="' + inputStyle + '" placeholder="e.g. Daily audit and improvement cycle"></label>' +
-      '<label style="color:var(--text);font-size:var(--text-md)">Trigger (cron, optional)<input id="pl-cron" style="' + inputStyle + '" placeholder="e.g. 0 9 * (9am daily) — leave empty for manual"></label>' +
+      '<div>' +
+        '<div style="display:flex;align-items:center;gap:8px;margin-bottom:6px">' +
+          '<label style="color:var(--text);font-size:var(--text-md);margin:0">Schedule</label>' +
+          '<label style="font-size:11px;color:var(--muted);cursor:pointer"><input type="checkbox" id="pl-use-cron" checked onchange="_updatePlCronPreview()" style="accent-color:var(--blue)"> Enable automatic trigger</label>' +
+        '</div>' +
+        '<div id="pl-cron-picker">' +
+          '<div style="display:flex;gap:8px;align-items:center">' +
+            '<select id="pl-pick-hour" style="' + inputStyle + ';width:auto;display:inline-block" onchange="_updatePlCronPreview()">' + hourOpts + '</select>' +
+            '<span style="color:var(--muted)">:</span>' +
+            '<select id="pl-pick-minute" style="' + inputStyle + ';width:auto;display:inline-block" onchange="_updatePlCronPreview()">' + minOpts + '</select>' +
+            '<span style="font-size:10px;color:var(--muted)">' + escHtml(tz) + '</span>' +
+          '</div>' +
+          '<div style="margin-top:8px">' + dayPills + '</div>' +
+          '<div style="margin-top:6px">' +
+            '<span style="' + linkStyle + '" onclick="_quickSelectDays(\'all\');_updatePlCronPreview()">Every day</span>' +
+            '<span style="' + linkStyle + '" onclick="_quickSelectDays(\'weekdays\');_updatePlCronPreview()">Weekdays</span>' +
+            '<span style="' + linkStyle + '" onclick="_quickSelectDays(\'weekends\');_updatePlCronPreview()">Weekends</span>' +
+          '</div>' +
+          '<div id="pl-cron-preview" style="margin-top:4px;font-size:11px;color:var(--blue)"></div>' +
+        '</div>' +
+      '</div>' +
       '<label style="color:var(--text);font-size:var(--text-md)">Stages (JSON array)<textarea id="pl-stages" rows="10" style="' + inputStyle + ';resize:vertical;font-family:Consolas,monospace" placeholder=\'[{"id":"audit","type":"task","title":"Audit codebase","taskType":"explore"},{"id":"discuss","type":"meeting","title":"Discuss findings","dependsOn":["audit"],"participants":["all"]}]\'></textarea></label>' +
       '<div style="display:flex;justify-content:flex-end;gap:8px;margin-top:4px">' +
         '<button onclick="closeModal()" class="pr-pager-btn">Cancel</button>' +
@@ -156,12 +196,30 @@ function openCreatePipelineModal() {
       '</div>' +
     '</div>';
   document.getElementById('modal').classList.add('open');
+  _updatePlCronPreview();
+}
+
+function _updatePlCronPreview() {
+  var useCron = document.getElementById('pl-use-cron')?.checked;
+  var pickerEl = document.getElementById('pl-cron-picker');
+  if (pickerEl) pickerEl.style.opacity = useCron ? '1' : '0.4';
+  if (pickerEl) pickerEl.style.pointerEvents = useCron ? '' : 'none';
+  if (!useCron) { window._plComputedCron = ''; var prev = document.getElementById('pl-cron-preview'); if (prev) prev.textContent = 'Manual trigger only'; return; }
+  var hour = parseInt(document.getElementById('pl-pick-hour')?.value || '9', 10);
+  var minute = parseInt(document.getElementById('pl-pick-minute')?.value || '0', 10);
+  var days = [];
+  document.querySelectorAll('.sched-day-pill').forEach(function(btn) { if (btn.classList.contains('active')) days.push(parseInt(btn.dataset.day, 10)); });
+  var cron = _pickerToCron(hour, minute, days);
+  window._plComputedCron = cron;
+  var prev = document.getElementById('pl-cron-preview');
+  if (prev) prev.textContent = cron ? '\u2192 ' + _cronToHuman(cron) : '(select at least one day)';
 }
 
 async function _submitCreatePipeline() {
   var id = document.getElementById('pl-id')?.value?.trim();
   var title = document.getElementById('pl-title')?.value?.trim();
-  var cron = document.getElementById('pl-cron')?.value?.trim();
+  var useCron = document.getElementById('pl-use-cron')?.checked;
+  var cron = useCron ? (window._plComputedCron || '') : '';
   var stagesRaw = document.getElementById('pl-stages')?.value?.trim();
   if (!id || !title) { alert('ID and title required'); return; }
   var stages;
@@ -179,4 +237,88 @@ async function _submitCreatePipeline() {
   } catch (e) { alert('Error: ' + e.message); openCreatePipelineModal(); }
 }
 
-window.MinionsPipelines = { renderPipelines, openPipelineDetail, openCreatePipelineModal };
+function openEditPipelineModal(id) {
+  var p = _pipelinesData.find(function(x) { return x.id === id; });
+  if (!p) return;
+  var inputStyle = 'display:block;width:100%;margin-top:4px;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-md);font-family:inherit';
+  var pillStyle = 'display:inline-block;padding:4px 10px;margin:2px;border:1px solid var(--border);border-radius:12px;cursor:pointer;font-size:11px;color:var(--text);background:var(--bg);user-select:none;transition:all 0.15s';
+  var linkStyle = 'font-size:10px;color:var(--blue);cursor:pointer;text-decoration:underline;margin-right:8px';
+  var tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
+  var hasCron = !!p.trigger?.cron;
+  var picker = hasCron ? _parseCronToPicker(p.trigger.cron) : { hour: 9, minute: 0, days: [1,2,3,4,5] };
+
+  var hourOpts = '';
+  for (var h = 0; h < 24; h++) hourOpts += '<option value="' + h + '"' + (h === picker.hour ? ' selected' : '') + '>' + String(h).padStart(2, '0') + '</option>';
+  var minOpts = '';
+  for (var m = 0; m <= 55; m += 5) minOpts += '<option value="' + m + '"' + (m === picker.minute ? ' selected' : '') + '>' + String(m).padStart(2, '0') + '</option>';
+
+  var dayOrder = [0, 1, 2, 3, 4, 5, 6];
+  var dayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+  var dayPills = dayOrder.map(function(d) {
+    var active = picker.days.includes(d);
+    return '<span class="sched-day-pill' + (active ? ' active' : '') + '" data-day="' + d + '" ' +
+      'style="' + pillStyle + (active ? ';background:var(--blue);color:#fff;border-color:var(--blue)' : '') + '" ' +
+      'onclick="_toggleDayPill(this);_updatePlCronPreview()">' + dayLabels[d] + '</span>';
+  }).join('');
+
+  window._editPipelineId = id;
+
+  document.getElementById('modal-title').textContent = 'Edit Pipeline: ' + p.title;
+  document.getElementById('modal-body').innerHTML =
+    '<div style="display:flex;flex-direction:column;gap:10px">' +
+      '<div style="color:var(--muted);font-size:11px">ID: <strong style="color:var(--text)">' + escHtml(id) + '</strong></div>' +
+      '<label style="color:var(--text);font-size:var(--text-md)">Title<input id="pl-title" value="' + escHtml(p.title || '') + '" style="' + inputStyle + '"></label>' +
+      '<div>' +
+        '<div style="display:flex;align-items:center;gap:8px;margin-bottom:6px">' +
+          '<label style="color:var(--text);font-size:var(--text-md);margin:0">Schedule</label>' +
+          '<label style="font-size:11px;color:var(--muted);cursor:pointer"><input type="checkbox" id="pl-use-cron"' + (hasCron ? ' checked' : '') + ' onchange="_updatePlCronPreview()" style="accent-color:var(--blue)"> Enable automatic trigger</label>' +
+        '</div>' +
+        '<div id="pl-cron-picker">' +
+          '<div style="display:flex;gap:8px;align-items:center">' +
+            '<select id="pl-pick-hour" style="' + inputStyle + ';width:auto;display:inline-block" onchange="_updatePlCronPreview()">' + hourOpts + '</select>' +
+            '<span style="color:var(--muted)">:</span>' +
+            '<select id="pl-pick-minute" style="' + inputStyle + ';width:auto;display:inline-block" onchange="_updatePlCronPreview()">' + minOpts + '</select>' +
+            '<span style="font-size:10px;color:var(--muted)">' + escHtml(tz) + '</span>' +
+          '</div>' +
+          '<div style="margin-top:8px">' + dayPills + '</div>' +
+          '<div style="margin-top:6px">' +
+            '<span style="' + linkStyle + '" onclick="_quickSelectDays(\'all\');_updatePlCronPreview()">Every day</span>' +
+            '<span style="' + linkStyle + '" onclick="_quickSelectDays(\'weekdays\');_updatePlCronPreview()">Weekdays</span>' +
+            '<span style="' + linkStyle + '" onclick="_quickSelectDays(\'weekends\');_updatePlCronPreview()">Weekends</span>' +
+          '</div>' +
+          '<div id="pl-cron-preview" style="margin-top:4px;font-size:11px;color:var(--blue)"></div>' +
+        '</div>' +
+      '</div>' +
+      '<label style="color:var(--text);font-size:var(--text-md)">Stages (JSON array)<textarea id="pl-stages" rows="10" style="' + inputStyle + ';resize:vertical;font-family:Consolas,monospace">' + escHtml(JSON.stringify(p.stages || [], null, 2)) + '</textarea></label>' +
+      '<div style="display:flex;justify-content:flex-end;gap:8px;margin-top:4px">' +
+        '<button onclick="closeModal()" class="pr-pager-btn">Cancel</button>' +
+        '<button onclick="_submitEditPipeline()" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Save</button>' +
+      '</div>' +
+    '</div>';
+  document.getElementById('modal-body').style.whiteSpace = 'normal';
+  document.getElementById('modal-body').style.fontFamily = '';
+  document.getElementById('modal').classList.add('open');
+  _updatePlCronPreview();
+}
+
+async function _submitEditPipeline() {
+  var id = window._editPipelineId;
+  if (!id) return;
+  var title = document.getElementById('pl-title')?.value?.trim();
+  var useCron = document.getElementById('pl-use-cron')?.checked;
+  var cron = useCron ? (window._plComputedCron || '') : '';
+  var stagesRaw = document.getElementById('pl-stages')?.value?.trim();
+  if (!title) { alert('Title required'); return; }
+  var stages;
+  try { stages = JSON.parse(stagesRaw); } catch (e) { alert('Invalid JSON in stages: ' + e.message); return; }
+  if (!Array.isArray(stages) || stages.length === 0) { alert('Stages must be a non-empty array'); return; }
+
+  var body = { id: id, title: title, stages: stages, trigger: cron ? { cron: cron } : null };
+  try {
+    var res = await fetch('/api/pipelines/update', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
+    if (res.ok) { closeModal(); showToast('cmd-toast', 'Pipeline updated', true); refresh(); }
+    else { var d = await res.json().catch(function() { return {}; }); alert('Failed: ' + (d.error || 'unknown')); }
+  } catch (e) { alert('Error: ' + e.message); }
+}
+
+window.MinionsPipelines = { renderPipelines, openPipelineDetail, openCreatePipelineModal, openEditPipelineModal };

package/dashboard.js

@@ -387,6 +387,7 @@ Available action types:
 - **delete-schedule**: Delete a scheduled task. Fields: id.
 - **create-meeting**: Start a team meeting. Fields: title (short meeting name), agenda (detailed text — what agents should investigate/debate, numbered items work best), agents (array of agent IDs), rounds (optional, default 3), project (optional).
 - **set-config**: Update engine settings. Fields: setting (setting name), value (new value). Valid settings: autoApprovePlans (bool), autoDecompose (bool), allowTempAgents (bool), maxConcurrent (number), maxTurns (number). Example: { "type": "set-config", "setting": "autoApprovePlans", "value": true }
+- **edit-pipeline**: Update an existing pipeline. Fields: id (pipeline ID), title (optional), stages (optional, JSON array), trigger (optional, { cron: "minute hour dow" } or null for manual).
 
 ## Rules
 

package/package.json

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