@yemi33/minions 0.1.39 → 0.1.40

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 0.1.40 (2026-03-29)
+
+### Dashboard
+- dashboard.js
+- dashboard/js/render-plans.js
+- dashboard/pages/plans.html
+
 ## 0.1.39 (2026-03-29)
 
 ### Engine

package/dashboard/js/render-plans.js

@@ -1,5 +1,51 @@
 // render-plans.js — Plan rendering functions extracted from dashboard.html
 
+function openCreatePlanModal() {
+  const projOpts = (typeof cmdProjects !== 'undefined' ? cmdProjects : []).map(p =>
+    '<option value="' + escHtml(p) + '">' + escHtml(p) + '</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';
+
+  document.getElementById('modal-title').textContent = 'Create Plan';
+  document.getElementById('modal-body').innerHTML =
+    '<div style="display:flex;flex-direction:column;gap:10px">' +
+      '<label style="color:var(--text);font-size:var(--text-md)">Title <input id="plan-new-title" style="' + inputStyle + '" placeholder="e.g. Add user authentication with JWT"></label>' +
+      '<label style="color:var(--text);font-size:var(--text-md)">Project <select id="plan-new-project" style="' + inputStyle + '"><option value="">Auto</option>' + projOpts + '</select></label>' +
+      '<label style="color:var(--text);font-size:var(--text-md)">Plan Content <textarea id="plan-new-content" rows="12" style="' + inputStyle + ';resize:vertical;font-family:monospace;font-size:12px" placeholder="Write your plan in markdown...\n\nDescribe what needs to be built, the approach, requirements, and any constraints.\n\nThe squad will convert this into a PRD with structured work items."></textarea></label>' +
+      '<div style="font-size:11px;color:var(--muted)">After creating, click Execute on the plan card to have an agent convert it into a PRD with work items.</div>' +
+      '<div style="display:flex;justify-content:flex-end;gap:8px;margin-top:4px">' +
+        '<button onclick="closeModal()" class="pr-pager-btn">Cancel</button>' +
+        '<button onclick="_submitCreatePlan()" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Create Plan</button>' +
+      '</div>' +
+    '</div>';
+  document.getElementById('modal').classList.add('open');
+  setTimeout(() => document.getElementById('plan-new-title')?.focus(), 100);
+}
+
+async function _submitCreatePlan() {
+  const title = document.getElementById('plan-new-title')?.value?.trim();
+  const content = document.getElementById('plan-new-content')?.value?.trim();
+  if (!title) { alert('Title is required'); return; }
+  if (!content) { alert('Plan content is required'); return; }
+  const project = document.getElementById('plan-new-project')?.value || '';
+
+  try {
+    const res = await fetch('/api/plans/create', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ title, content, project })
+    });
+    const data = await res.json();
+    if (res.ok) {
+      try { closeModal(); } catch {}
+      refreshPlans();
+      refresh();
+      try { showToast('cmd-toast', 'Plan "' + data.file + '" created — click Execute to convert to PRD', true); } catch {}
+    } else {
+      alert('Failed: ' + (data.error || 'unknown'));
+    }
+  } catch (e) { alert('Error: ' + e.message); }
+}
+
 async function refreshPlans() {
   try {
     const plans = await fetch('/api/plans').then(r => r.json());

package/dashboard/pages/plans.html

@@ -1,4 +1,6 @@
       <section>
-        <h2>Plans <span class="count" id="plans-count">0</span></h2>
+        <h2>Plans <span class="count" id="plans-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="openCreatePlanModal()">+ New Plan</button>
+        </h2>
         <div id="plans-list"><p class="empty">No plans yet. Use /plan in the command center to create one.</p></div>
       </section>

package/dashboard.js

@@ -2954,6 +2954,27 @@ What would you like to discuss or change? When you're happy, say "approve" and I
       return jsonReply(res, 200, { ok: true, id: prId });
     }},
 
+    { method: 'POST', path: '/api/plans/create', desc: 'Create a plan from user-provided content', params: 'title, content, project?', handler: async (req, res) => {
+      const body = await readBody(req);
+      const { title, content, project: projectName } = body;
+      if (!title || !content) return jsonReply(res, 400, { error: 'title and content required' });
+
+      const plansDir = path.join(MINIONS_DIR, 'plans');
+      if (!fs.existsSync(plansDir)) fs.mkdirSync(plansDir, { recursive: true });
+      const slug = title.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '').slice(0, 50);
+      const date = new Date().toISOString().slice(0, 10);
+      const filename = `${slug}-${date}.md`;
+      const filePath = shared.uniquePath(path.join(plansDir, filename));
+
+      const header = `# ${title}\n\n` +
+        (projectName ? `**Project:** ${projectName}\n` : '') +
+        `**Created:** ${date}\n**By:** human teammate\n\n---\n\n`;
+      safeWrite(filePath, header + content);
+
+      invalidateStatusCache();
+      return jsonReply(res, 200, { ok: true, file: path.basename(filePath) });
+    }},
+
     { method: 'POST', path: '/api/agents/steer', desc: 'Inject steering message into a running agent', params: 'agent, message', handler: async (req, res) => {
       const body = await readBody(req);
       const { agent: agentId, message } = body;

package/package.json

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