@yemi33/minions 0.1.10 → 0.1.12

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # Changelog
 
+## 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
+- engine.js
+- engine/lifecycle.js
+- engine/scheduler.js
+
+### Dashboard
+- dashboard.html
+- dashboard.js
+
+### Other
+- test/unit.test.js
+
 ## 0.1.9 (2026-03-26)
 
 ### Engine

package/dashboard.html

@@ -45,9 +45,19 @@
   @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
   .timestamp { color: var(--muted); font-size: var(--text-md); font-variant-numeric: tabular-nums; }
 
-  .layout { display: grid; grid-template-columns: 1fr 1fr; gap: 0; max-width: 100vw; overflow-x: hidden; }
+  .layout { display: none; } /* Replaced by page-layout */
   section { padding: var(--space-8) var(--space-9); border-bottom: 1px solid var(--border); overflow: hidden; min-width: 0; }
-  section:nth-child(odd) { border-right: 1px solid var(--border); }
+
+  /* Sidebar navigation */
+  .page-layout { display: flex; height: calc(100vh - 44px); overflow: hidden; }
+  .sidebar { width: 150px; min-width: 150px; background: var(--surface); border-right: 1px solid var(--border); padding: var(--space-4) 0; overflow-y: auto; position: sticky; top: 0; }
+  .sidebar-link { display: flex; align-items: center; justify-content: space-between; padding: 8px 14px; color: var(--muted); text-decoration: none; font-size: var(--text-sm); border-left: 3px solid transparent; transition: all var(--transition-fast); cursor: pointer; }
+  .sidebar-link:hover { color: var(--text); background: var(--surface2); }
+  .sidebar-link.active { color: var(--blue); border-left-color: var(--blue); background: var(--surface2); font-weight: 600; }
+  .sidebar-count { font-size: 9px; color: var(--muted); background: var(--surface2); padding: 1px 5px; border-radius: 8px; min-width: 16px; text-align: center; }
+  .page-content { flex: 1; overflow-y: auto; min-width: 0; }
+  .page { display: none; }
+  .page.active { display: block; }
   section h2 { font-size: var(--text-base); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); margin-bottom: 14px; display: flex; align-items: center; gap: var(--space-4); }
   section h2 .count { background: var(--surface2); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: var(--space-1) 7px; font-size: var(--text-base); color: var(--text); }
 
@@ -189,7 +199,7 @@
   .inbox-name { font-weight: 500; font-size: var(--text-md); color: var(--purple); margin-bottom: var(--space-2); display: flex; justify-content: space-between; }
   .inbox-preview { font-size: var(--text-base); color: var(--muted); line-height: 1.5; max-height: 60px; overflow: hidden; }
 
-  .prd-panel, .pr-panel { grid-column: 1 / -1; border-bottom: 1px solid var(--border); overflow: visible; min-width: 0; }
+  .prd-panel, .pr-panel { border-bottom: 1px solid var(--border); overflow: visible; min-width: 0; }
   .prd-inner { display: flex; gap: 16px; align-items: flex-start; }
   .prd-stats { display: flex; gap: 16px; }
   .prd-stat { text-align: center; background: var(--surface2); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-6) var(--space-8); }
@@ -331,7 +341,7 @@
   .empty { color: var(--muted); font-style: italic; font-size: var(--text-md); padding: var(--space-4) 0; }
 
   /* Command Center — Unified Input */
-  .cmd-center { grid-column: 1 / -1; overflow: visible !important; }
+  .cmd-center { overflow: visible !important; }
   .cmd-input-wrap {
     position: relative; display: flex; align-items: flex-start; gap: 0;
     background: var(--bg); border: 2px solid var(--border); border-radius: var(--radius-xl);
@@ -642,104 +652,134 @@
   <code style="background:var(--bg);padding:6px 16px;border-radius:4px;font-size:14px;color:var(--blue);border:1px solid var(--border)">minions init</code>
 </div>
 
-<div class="layout">
-  <section class="cmd-center">
-    <h2>Command Center</h2>
-    <div class="cmd-input-wrap" id="cmd-input-wrap">
-      <div class="cmd-highlight-layer" id="cmd-highlight" aria-hidden="true"></div>
-      <textarea id="cmd-input" rows="1" placeholder='What do you need? e.g. "Fix the auth bug @dallas", "explain the dispatch flow", or "/note always use feature flags"'
-        oninput="cmdInputChanged()" onkeydown="cmdKeyDown(event)" onscroll="syncHighlightScroll()"></textarea>
-      <button class="cmd-send-btn" id="cmd-send-btn" onclick="cmdSubmit()">Send <kbd>Ctrl+Enter</kbd></button>
+<!-- Layout replaced by page-layout sidebar navigation -->
+
+<div class="page-layout">
+  <nav class="sidebar" id="sidebar">
+    <a class="sidebar-link" data-page="home" href="/">Home</a>
+    <a class="sidebar-link" data-page="work" href="/work">Work Items <span class="sidebar-count" id="sidebar-wi"></span></a>
+    <a class="sidebar-link" data-page="prd" href="/prd">PRD</a>
+    <a class="sidebar-link" data-page="prs" href="/prs">Pull Requests <span class="sidebar-count" id="sidebar-pr"></span></a>
+    <a class="sidebar-link" data-page="plans" href="/plans">Plans</a>
+    <a class="sidebar-link" data-page="inbox" href="/inbox">Notes & KB</a>
+    <a class="sidebar-link" data-page="schedule" href="/schedule">Schedules</a>
+    <a class="sidebar-link" data-page="engine" href="/engine">Engine</a>
+  </nav>
+  <div class="page-content" id="page-content">
+
+    <div class="page active" id="page-home">
+      <section class="cmd-center">
+        <h2>Command Center</h2>
+        <div class="cmd-input-wrap" id="cmd-input-wrap">
+          <div class="cmd-highlight-layer" id="cmd-highlight" aria-hidden="true"></div>
+          <textarea id="cmd-input" rows="1" placeholder='What do you need? e.g. "Fix the auth bug @dallas", "explain the dispatch flow", or "/note always use feature flags"'
+            oninput="cmdInputChanged()" onkeydown="cmdKeyDown(event)" onscroll="syncHighlightScroll()"></textarea>
+          <button class="cmd-send-btn" id="cmd-send-btn" onclick="cmdSubmit()">Send <kbd>Ctrl+Enter</kbd></button>
+        </div>
+        <div class="cmd-mention-popup" id="cmd-mention-popup"></div>
+        <div class="cmd-meta" id="cmd-meta" style="display:none"></div>
+        <div class="cmd-hints">
+          <span style="color:var(--blue);font-weight:600">Command Center</span>
+          <span>Ask anything, dispatch work, manage plans — powered by Sonnet</span>
+          <button class="cmd-history-btn" onclick="cmdShowHistory()">Past Commands</button>
+        </div>
+        <div class="cmd-toast" id="cmd-toast"></div>
+      </section>
+      <section>
+        <h2>Minions Members <span style="font-size:10px;color:var(--border);font-weight:400;text-transform:none;letter-spacing:0">click for details</span></h2>
+        <div class="agents" id="agents-grid">Loading...</div>
+      </section>
+      <section>
+        <h2>Dispatch Queue</h2>
+        <div class="dispatch-stats" id="dispatch-stats"></div>
+        <div id="dispatch-active"></div>
+        <div id="dispatch-pending"></div>
+      </section>
+      <section class="pr-panel" id="completed-section">
+        <h2>Recent Completions <span class="count" id="completed-count">0</span></h2>
+        <div id="completed-content"><p class="empty">No completed dispatches yet.</p></div>
+      </section>
+    </div>
+
+    <div class="page" id="page-work">
+      <section id="work-items-section" style="overflow:visible">
+        <h2>Work Items <span class="count" id="wi-count">0</span> <button class="pr-pager-btn" style="font-size:9px;padding:2px 8px;margin-left:8px" onclick="toggleWorkItemArchive()">See Archive</button></h2>
+        <div id="work-items-content"><p class="empty">No work items. Add tasks via Command Center above.</p></div>
+        <div id="work-items-archive" style="display:none;margin-top:12px"></div>
+      </section>
+    </div>
+
+    <div class="page" id="page-prd">
+      <section class="prd-panel" id="prd-section">
+        <h2>PRD <span class="count" id="prd-progress-count">0%</span> <span id="prd-badge"></span> <span id="archive-btns"></span></h2>
+        <div id="prd-content"><p class="prd-pending">No PRD found.</p></div>
+        <div id="prd-progress-content" style="margin-top:12px"></div>
+      </section>
+    </div>
+
+    <div class="page" id="page-prs">
+      <section class="pr-panel" id="pr-section">
+        <h2>Pull Requests <span class="count" id="pr-count">0</span></h2>
+        <div id="pr-content"><p class="pr-empty">No pull requests yet.</p></div>
+      </section>
+    </div>
+
+    <div class="page" id="page-plans">
+      <section>
+        <h2>Plans <span class="count" id="plans-count">0</span></h2>
+        <div id="plans-list"><p class="empty">No plans yet. Use /plan in the command center to create one.</p></div>
+      </section>
+    </div>
+
+    <div class="page" id="page-inbox">
+      <section>
+        <h2>Notes Inbox <span class="count" id="inbox-count">0</span> <span style="font-size:10px;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0">auto-consolidates at 3 notes</span></h2>
+        <div class="inbox-list" id="inbox-list">Loading...</div>
+      </section>
+      <section>
+        <h2 data-file="notes.md" style="position:relative">Team Notes <span style="font-size:10px;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0" id="notes-updated"></span></h2>
+        <div id="notes-list">Loading...</div>
+      </section>
+      <section>
+        <h2>Knowledge Base <span class="count" id="kb-count">0</span> <button id="kb-sweep-btn" onclick="kbSweep()" style="font-size:9px;padding:2px 8px;background:var(--surface2);border:1px solid var(--border);color:var(--muted);border-radius:4px;cursor:pointer;margin-left:8px;vertical-align:middle">sweep</button><span id="kb-swept-time" style="font-size:10px;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0;margin-left:8px"></span></h2>
+        <div class="kb-tabs" id="kb-tabs"></div>
+        <div class="kb-list" id="kb-list"><p class="empty">No knowledge entries yet. Notes are classified here after consolidation.</p></div>
+      </section>
+      <section>
+        <h2>Minions Skills <span class="count" id="skills-count">0</span></h2>
+        <div id="skills-list"><p class="empty">No skills yet. Agents create these when they discover repeatable workflows.</p></div>
+      </section>
     </div>
-    <div class="cmd-mention-popup" id="cmd-mention-popup"></div>
-    <div class="cmd-meta" id="cmd-meta" style="display:none"></div>
-    <div class="cmd-hints">
-      <span style="color:var(--blue);font-weight:600">Command Center</span>
-      <span>Ask anything, dispatch work, manage plans — powered by Sonnet</span>
-      <button class="cmd-history-btn" onclick="cmdShowHistory()">Past Commands</button>
+
+    <div class="page" id="page-schedule">
+      <section id="scheduled-section">
+        <h2>Scheduled Tasks <span class="count" id="scheduled-count">0</span>
+          <button class="pr-pager-btn" style="font-size:9px;padding:1px 6px;color:var(--green);border-color:var(--green);margin-left:8px" onclick="openCreateScheduleModal()">+ New</button>
+        </h2>
+        <div id="scheduled-content"><p class="empty">No scheduled tasks. Add one to automate recurring work.</p></div>
+      </section>
+      <section>
+        <h2>MCP Servers <span class="count" id="mcp-count">0</span></h2>
+        <div id="mcp-list"><p class="empty">No MCP servers synced.</p></div>
+      </section>
     </div>
-    <div class="cmd-toast" id="cmd-toast"></div>
-  </section>
-
-  <section>
-    <h2>Minions Members <span style="font-size:10px;color:var(--border);font-weight:400;text-transform:none;letter-spacing:0">click for details</span></h2>
-    <div class="agents" id="agents-grid">Loading...</div>
-  </section>
-
-  <section id="work-items-section" style="overflow:visible">
-    <h2>Work Items <span class="count" id="wi-count">0</span> <button class="pr-pager-btn" style="font-size:9px;padding:2px 8px;margin-left:8px" onclick="toggleWorkItemArchive()">See Archive</button></h2>
-    <div id="work-items-content"><p class="empty">No work items. Add tasks via Command Center above.</p></div>
-    <div id="work-items-archive" style="display:none;margin-top:12px"></div>
-  </section>
-
-  <section class="prd-panel" id="prd-section">
-    <h2>PRD <span class="count" id="prd-progress-count">0%</span> <span id="prd-badge"></span> <span id="archive-btns"></span></h2>
-    <div id="prd-content"><p class="prd-pending">No PRD found.</p></div>
-    <div id="prd-progress-content" style="margin-top:12px"></div>
-  </section>
-
-  <section class="pr-panel" id="pr-section">
-    <h2>Pull Requests <span class="count" id="pr-count">0</span></h2>
-    <div id="pr-content"><p class="pr-empty">No pull requests yet.</p></div>
-  </section>
-
-  <section>
-    <h2>Plans <span class="count" id="plans-count">0</span></h2>
-    <div id="plans-list"><p class="empty">No plans yet. Use /plan in the command center to create one.</p></div>
-  </section>
-
-  <section>
-    <h2>Notes Inbox <span class="count" id="inbox-count">0</span> <span style="font-size:10px;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0">auto-consolidates at 3 notes</span></h2>
-    <div class="inbox-list" id="inbox-list">Loading...</div>
-  </section>
-
-  <section>
-    <h2 data-file="notes.md" style="position:relative">Team Notes <span style="font-size:10px;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0" id="notes-updated"></span></h2>
-    <div id="notes-list">Loading...</div>
-  </section>
-
-  <section>
-    <h2>Knowledge Base <span class="count" id="kb-count">0</span> <button id="kb-sweep-btn" onclick="kbSweep()" style="font-size:9px;padding:2px 8px;background:var(--surface2);border:1px solid var(--border);color:var(--muted);border-radius:4px;cursor:pointer;margin-left:8px;vertical-align:middle">sweep</button><span id="kb-swept-time" style="font-size:10px;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0;margin-left:8px"></span></h2>
-    <div class="kb-tabs" id="kb-tabs"></div>
-    <div class="kb-list" id="kb-list"><p class="empty">No knowledge entries yet. Notes are classified here after consolidation.</p></div>
-  </section>
-
-  <section>
-    <h2>Minions Skills <span class="count" id="skills-count">0</span></h2>
-    <div id="skills-list"><p class="empty">No skills yet. Agents create these when they discover repeatable workflows.</p></div>
-  </section>
-
-  <section>
-    <h2>MCP Servers <span class="count" id="mcp-count">0</span></h2>
-    <div id="mcp-list"><p class="empty">No MCP servers synced.</p></div>
-  </section>
-
-  <section>
-    <h2>Dispatch Queue</h2>
-    <div class="dispatch-stats" id="dispatch-stats"></div>
-    <div id="dispatch-active"></div>
-    <div id="dispatch-pending"></div>
-  </section>
-
-  <section>
-    <h2>Engine Log</h2>
-    <div class="log-list" id="engine-log">No log entries yet.</div>
-  </section>
-
-  <section>
-    <h2>Agent Metrics</h2>
-    <div id="metrics-content"><p class="empty">No metrics yet. Metrics appear after agents complete tasks.</p></div>
-  </section>
-
-  <section>
-    <h2>Token Usage</h2>
-    <div id="token-usage-content"><p class="empty">No usage data yet.</p></div>
-  </section>
-
-  <section class="pr-panel" id="completed-section">
-    <h2>Recent Completions <span class="count" id="completed-count">0</span></h2>
-    <div id="completed-content"><p class="empty">No completed dispatches yet.</p></div>
-  </section>
+
+    <div class="page" id="page-engine">
+      <section>
+        <h2>Engine Log</h2>
+        <div class="log-list" id="engine-log">No log entries yet.</div>
+      </section>
+      <section>
+        <h2>Agent Metrics</h2>
+        <div id="metrics-content"><p class="empty">No metrics yet. Metrics appear after agents complete tasks.</p></div>
+      </section>
+      <section>
+        <h2>Token Usage</h2>
+        <div id="token-usage-content"><p class="empty">No usage data yet.</p></div>
+      </section>
+    </div>
+
+  </div>
 </div>
 
 <!-- Agent Detail Panel -->
@@ -796,6 +836,34 @@ let inboxData = [];
 let agentData = [];
 let currentAgentId = null;
 let currentTab = 'thought-process';
+
+// Sidebar page navigation — URL-routed
+function getPageFromUrl() {
+  const path = window.location.pathname.replace(/^\//, '') || 'home';
+  if (document.querySelector('.sidebar-link[data-page="' + path + '"]')) return path;
+  return 'home';
+}
+
+let currentPage = getPageFromUrl();
+
+function switchPage(page, pushState) {
+  currentPage = page;
+  document.querySelectorAll('.page').forEach(p => p.classList.remove('active'));
+  const target = document.getElementById('page-' + page);
+  if (target) target.classList.add('active');
+  document.querySelectorAll('.sidebar-link').forEach(l => l.classList.remove('active'));
+  const link = document.querySelector('.sidebar-link[data-page="' + page + '"]');
+  if (link) link.classList.add('active');
+  if (pushState !== false) {
+    const url = page === 'home' ? '/' : '/' + page;
+    history.pushState({ page }, '', url);
+  }
+}
+
+// Browser back/forward navigation
+window.addEventListener('popstate', (e) => {
+  switchPage(e.state?.page || getPageFromUrl(), false);
+});
 window._prdRequeueUi = window._prdRequeueUi || {};
 
 function getPrdRequeueState(workItemId) {
@@ -2380,6 +2448,12 @@ async function refresh() {
     renderWorkItems(data.workItems || []);
     renderSkills(data.skills || []);
     renderMcpServers(data.mcpServers || []);
+    renderSchedules(data.schedules || []);
+    // Update sidebar counts
+    const swi = document.getElementById('sidebar-wi');
+    if (swi) swi.textContent = (data.workItems || []).length || '';
+    const spr = document.getElementById('sidebar-pr');
+    if (spr) spr.textContent = (data.pullRequests || []).length || '';
     // Refresh KB and plans less frequently (every 3rd cycle = ~12s)
     if (!window._kbRefreshCount) window._kbRefreshCount = 0;
     if (window._kbRefreshCount++ % 3 === 0) { refreshKnowledgeBase(); refreshPlans(); }
@@ -2389,6 +2463,12 @@ async function refresh() {
 refresh();
 setInterval(refresh, 4000);
 
+// Wire sidebar navigation
+document.querySelectorAll('.sidebar-link').forEach(link => {
+  link.addEventListener('click', e => { e.preventDefault(); switchPage(link.dataset.page); });
+});
+switchPage(currentPage);
+
 // -- Projects --
 function renderProjects(projects) {
   const header = document.getElementById('header-projects');
@@ -2448,6 +2528,164 @@ function renderMcpServers(servers) {
   '<p style="font-size:10px;color:var(--muted);margin:0">Synced from <code style="color:var(--blue)">~/.claude.json</code> — add MCP servers there to make them available to all agents.</p>';
 }
 
+// -- Scheduled Tasks --
+function renderSchedules(schedules) {
+  const el = document.getElementById('scheduled-content');
+  const countEl = document.getElementById('scheduled-count');
+  countEl.textContent = schedules.length;
+  if (!schedules.length) {
+    el.innerHTML = '<p class="empty">No scheduled tasks. Add one to automate recurring work.</p>';
+    return;
+  }
+  let html = '<div class="pr-table-wrap"><table class="pr-table"><thead><tr><th>ID</th><th>Title</th><th>Cron</th><th>Type</th><th>Project</th><th>Agent</th><th>Enabled</th><th>Last Run</th><th></th></tr></thead><tbody>';
+  for (const s of schedules) {
+    const enabledBadge = s.enabled
+      ? '<span class="pr-badge approved">enabled</span>'
+      : '<span class="pr-badge rejected">disabled</span>';
+    const lastRun = s._lastRun ? timeAgo(s._lastRun) : 'never';
+    const typeBadge = '<span class="dispatch-type ' + escHtml(s.type || 'implement') + '">' + escHtml(s.type || 'implement') + '</span>';
+    html += '<tr>' +
+      '<td><span class="pr-id">' + escHtml(s.id || '') + '</span></td>' +
+      '<td style="max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="' + escHtml(s.title || '') + '">' + escHtml(s.title || '') + '</td>' +
+      '<td><code style="font-size:10px;color:var(--blue)">' + escHtml(s.cron || '') + '</code></td>' +
+      '<td>' + typeBadge + '</td>' +
+      '<td><span style="font-size:10px;color:var(--muted)">' + escHtml(s.project || '') + '</span></td>' +
+      '<td><span class="pr-agent">' + escHtml(s.agent || 'auto') + '</span></td>' +
+      '<td>' + enabledBadge + '</td>' +
+      '<td><span class="pr-date">' + escHtml(lastRun) + '</span></td>' +
+      '<td style="white-space:nowrap">' +
+        '<button class="pr-pager-btn" style="font-size:9px;padding:1px 6px;color:' + (s.enabled ? 'var(--yellow)' : 'var(--green)') + ';border-color:' + (s.enabled ? 'var(--yellow)' : 'var(--green)') + ';margin-right:4px" onclick="event.stopPropagation();toggleScheduleEnabled(\'' + escHtml(s.id) + '\',' + !s.enabled + ')" title="' + (s.enabled ? 'Disable' : 'Enable') + '">' + (s.enabled ? '&#x23F8;' : '&#x25B6;') + '</button>' +
+        '<button class="pr-pager-btn" style="font-size:9px;padding:1px 6px;color:var(--blue);border-color:var(--blue);margin-right:4px" onclick="event.stopPropagation();openEditScheduleModal(\'' + escHtml(s.id) + '\')" title="Edit">&#x270E;</button>' +
+        '<button class="pr-pager-btn" style="font-size:9px;padding:1px 6px;color:var(--red);border-color:var(--red)" onclick="event.stopPropagation();deleteSchedule(\'' + escHtml(s.id) + '\')" title="Delete">&#x2715;</button>' +
+      '</td>' +
+    '</tr>';
+  }
+  html += '</tbody></table></div>';
+  el.innerHTML = html;
+  window._lastSchedules = schedules;
+}
+
+function _scheduleFormHtml(sched, isEdit) {
+  const types = ['implement', 'test', 'explore', 'ask', 'review', 'fix'];
+  const priorities = ['high', 'medium', 'low'];
+  const typeOpts = types.map(t => '<option value="' + t + '"' + ((sched.type || 'implement') === t ? ' selected' : '') + '>' + t + '</option>').join('');
+  const priOpts = priorities.map(p => '<option value="' + p + '"' + ((sched.priority || 'medium') === p ? ' selected' : '') + '>' + p + '</option>').join('');
+  const projOpts = '<option value="">Any</option>' + cmdProjects.map(p => '<option value="' + escHtml(p.name) + '"' + (sched.project === p.name ? ' selected' : '') + '>' + escHtml(p.name) + '</option>').join('');
+  const agentOpts = '<option value="">Auto</option>' + cmdAgents.map(a => '<option value="' + escHtml(a.id) + '"' + (sched.agent === a.id ? ' selected' : '') + '>' + escHtml(a.name) + '</option>').join('');
+
+  const 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';
+
+  return '<div style="display:flex;flex-direction:column;gap:12px;font-family:inherit">' +
+    (isEdit ? '' :
+      '<label style="color:var(--text);font-size:var(--text-md)">ID (unique slug)' +
+        '<input id="sched-edit-id" value="' + escHtml(sched.id || '') + '" placeholder="e.g. nightly-tests" style="' + inputStyle + '">' +
+      '</label>') +
+    '<label style="color:var(--text);font-size:var(--text-md)">Title' +
+      '<input id="sched-edit-title" value="' + escHtml(sched.title || '') + '" style="' + inputStyle + '">' +
+    '</label>' +
+    '<label style="color:var(--text);font-size:var(--text-md)">Cron <span style="font-size:10px;color:var(--muted)">(minute hour dayOfWeek)</span>' +
+      '<input id="sched-edit-cron" value="' + escHtml(sched.cron || '') + '" placeholder="0 2 *" style="' + inputStyle + '">' +
+    '</label>' +
+    '<div style="display:flex;gap:12px">' +
+      '<label style="color:var(--text);font-size:var(--text-md);flex:1">Type' +
+        '<select id="sched-edit-type" style="' + inputStyle + '">' + typeOpts + '</select>' +
+      '</label>' +
+      '<label style="color:var(--text);font-size:var(--text-md);flex:1">Priority' +
+        '<select id="sched-edit-priority" style="' + inputStyle + '">' + priOpts + '</select>' +
+      '</label>' +
+    '</div>' +
+    '<div style="display:flex;gap:12px">' +
+      '<label style="color:var(--text);font-size:var(--text-md);flex:1">Project' +
+        '<select id="sched-edit-project" style="' + inputStyle + '">' + projOpts + '</select>' +
+      '</label>' +
+      '<label style="color:var(--text);font-size:var(--text-md);flex:1">Agent' +
+        '<select id="sched-edit-agent" style="' + inputStyle + '">' + agentOpts + '</select>' +
+      '</label>' +
+    '</div>' +
+    '<label style="color:var(--text);font-size:var(--text-md)">Description' +
+      '<textarea id="sched-edit-desc" rows="3" style="' + inputStyle + ';resize:vertical">' + escHtml(sched.description || '') + '</textarea>' +
+    '</label>' +
+    '<div style="display:flex;justify-content:flex-end;gap:8px;margin-top:8px">' +
+      '<button onclick="closeModal()" class="pr-pager-btn" style="padding:6px 16px;font-size:var(--text-md)">Cancel</button>' +
+      '<button onclick="submitSchedule(' + isEdit + ')" style="padding:6px 16px;font-size:var(--text-md);background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">' + (isEdit ? 'Save' : 'Create') + '</button>' +
+    '</div>' +
+  '</div>';
+}
+
+function openCreateScheduleModal() {
+  document.getElementById('modal-title').textContent = 'New Scheduled Task';
+  document.getElementById('modal-body').style.whiteSpace = 'normal';
+  document.getElementById('modal-body').style.fontFamily = '';
+  document.getElementById('modal-body').innerHTML = _scheduleFormHtml({}, false);
+  document.getElementById('modal').classList.add('open');
+}
+
+function openEditScheduleModal(id) {
+  const sched = (window._lastSchedules || []).find(s => s.id === id);
+  if (!sched) return;
+  document.getElementById('modal-title').textContent = 'Edit Schedule: ' + id;
+  document.getElementById('modal-body').style.whiteSpace = 'normal';
+  document.getElementById('modal-body').style.fontFamily = '';
+  document.getElementById('modal-body').innerHTML = _scheduleFormHtml(sched, true);
+  window._editScheduleId = id;
+  document.getElementById('modal').classList.add('open');
+}
+
+async function submitSchedule(isEdit) {
+  const title = document.getElementById('sched-edit-title').value.trim();
+  const cron = document.getElementById('sched-edit-cron').value.trim();
+  const type = document.getElementById('sched-edit-type').value;
+  const priority = document.getElementById('sched-edit-priority').value;
+  const project = document.getElementById('sched-edit-project').value;
+  const agent = document.getElementById('sched-edit-agent').value;
+  const description = document.getElementById('sched-edit-desc').value;
+  const id = isEdit ? window._editScheduleId : (document.getElementById('sched-edit-id') ? document.getElementById('sched-edit-id').value.trim() : '');
+
+  if (!id) { alert('ID is required'); return; }
+  if (!title) { alert('Title is required'); return; }
+  if (!cron) { alert('Cron expression is required'); return; }
+
+  const payload = { id, title, cron, type, priority, project: project || undefined, agent: agent || undefined, description: description || undefined, enabled: true };
+  const url = isEdit ? '/api/schedules/update' : '/api/schedules';
+  try {
+    const res = await fetch(url, {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(payload)
+    });
+    if (res.ok) { closeModal(); refresh(); showToast('cmd-toast', isEdit ? 'Schedule updated' : 'Schedule created', true); } else {
+      const d = await res.json().catch(() => ({}));
+      alert((isEdit ? 'Update' : 'Create') + ' failed: ' + (d.error || 'unknown'));
+    }
+  } catch (e) { alert('Error: ' + e.message); }
+}
+
+async function toggleScheduleEnabled(id, enabled) {
+  try {
+    const res = await fetch('/api/schedules/update', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ id, enabled })
+    });
+    if (res.ok) { refresh(); } else {
+      const d = await res.json().catch(() => ({}));
+      alert('Toggle failed: ' + (d.error || 'unknown'));
+    }
+  } catch (e) { alert('Toggle error: ' + e.message); }
+}
+
+async function deleteSchedule(id) {
+  if (!confirm('Delete scheduled task "' + id + '"?')) return;
+  try {
+    const res = await fetch('/api/schedules/delete', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ id })
+    });
+    if (res.ok) { refresh(); showToast('cmd-toast', 'Schedule deleted', true); } else {
+      const d = await res.json().catch(() => ({}));
+      alert('Delete failed: ' + (d.error || 'unknown'));
+    }
+  } catch (e) { alert('Delete error: ' + e.message); }
+}
+
 // -- Minions Skills --
 let _skillsTab = 'all';
 let _skillsPage = 0;