@yemi33/minions 0.1.33 → 0.1.35

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 0.1.35 (2026-03-28)
+
+### Dashboard
+- dashboard/js/render-work-items.js
+
+## 0.1.34 (2026-03-28)
+
+### Dashboard
+- dashboard/js/render-work-items.js
+- dashboard/pages/work.html
+
 ## 0.1.33 (2026-03-28)
 
 ### Dashboard

package/dashboard/js/render-work-items.js

@@ -14,7 +14,7 @@ function wiRow(item) {
   const prLink = item._pr
     ? '<a class="pr-title" href="' + escHtml(item._prUrl || '#') + '" target="_blank" style="font-size:10px">' + escHtml(item._pr) + '</a>'
     : '<span style="color:var(--muted)">—</span>';
-  return '<tr>' +
+  return '<tr style="cursor:pointer" onclick="openWorkItemDetail(\'' + escHtml(item.id) + '\')">' +
     '<td><span class="pr-id">' + escHtml(item.id || '') + '</span></td>' +
     '<td style="max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="' + escHtml(item.description || item.title || '') + '">' + escHtml(item.title || '') + '</td>' +
     '<td><span style="font-size:10px;color:var(--muted)">' + escHtml(item._source || '') + '</span>' +
@@ -273,6 +273,120 @@ async function submitFeedback(id, source) {
   } catch (e) { alert('Error: ' + e.message); }
 }
 
+function openCreateWorkItemModal() {
+  const typeOpts = ['implement', 'fix', 'explore', 'test', 'review', 'ask', 'plan'].map(t =>
+    '<option value="' + t + '"' + (t === 'implement' ? ' selected' : '') + '>' + t + '</option>'
+  ).join('');
+  const priOpts = ['high', 'medium', 'low'].map(p =>
+    '<option value="' + p + '"' + (p === 'medium' ? ' selected' : '') + '>' + p + '</option>'
+  ).join('');
+  const agentOpts = (typeof cmdAgents !== 'undefined' ? cmdAgents : []).map(a =>
+    '<option value="' + escHtml(a.id) + '">' + escHtml(a.name) + '</option>'
+  ).join('');
+  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 Work Item';
+  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="wi-new-title" style="' + inputStyle + '" placeholder="What needs to be done?"></label>' +
+      '<label style="color:var(--text);font-size:var(--text-md)">Description <textarea id="wi-new-desc" rows="3" style="' + inputStyle + ';resize:vertical" placeholder="Detailed description..."></textarea></label>' +
+      '<div style="display:flex;gap:8px">' +
+        '<label style="flex:1;color:var(--text);font-size:var(--text-md)">Type <select id="wi-new-type" style="' + inputStyle + '">' + typeOpts + '</select></label>' +
+        '<label style="flex:1;color:var(--text);font-size:var(--text-md)">Priority <select id="wi-new-priority" style="' + inputStyle + '">' + priOpts + '</select></label>' +
+      '</div>' +
+      '<div style="display:flex;gap:8px">' +
+        '<label style="flex:1;color:var(--text);font-size:var(--text-md)">Agent <select id="wi-new-agent" style="' + inputStyle + '"><option value="">Auto</option>' + agentOpts + '</select></label>' +
+        '<label style="flex:1;color:var(--text);font-size:var(--text-md)">Project <select id="wi-new-project" style="' + inputStyle + '"><option value="">Central</option>' + projOpts + '</select></label>' +
+      '</div>' +
+      '<label style="color:var(--text);font-size:var(--text-md)">Acceptance Criteria <textarea id="wi-new-ac" rows="2" style="' + inputStyle + ';resize:vertical" placeholder="One criterion per line (optional)"></textarea></label>' +
+      '<label style="color:var(--text);font-size:var(--text-md)">References <textarea id="wi-new-refs" rows="2" style="' + inputStyle + ';resize:vertical" placeholder="url | title | type — one per line (optional)"></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="_submitCreateWorkItem()" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Create</button>' +
+      '</div>' +
+    '</div>';
+  document.getElementById('modal').classList.add('open');
+  setTimeout(() => document.getElementById('wi-new-title')?.focus(), 100);
+}
+
+async function _submitCreateWorkItem() {
+  const title = document.getElementById('wi-new-title')?.value?.trim();
+  if (!title) { alert('Title is required'); return; }
+  const desc = document.getElementById('wi-new-desc')?.value || '';
+  const type = document.getElementById('wi-new-type')?.value || 'implement';
+  const priority = document.getElementById('wi-new-priority')?.value || 'medium';
+  const agent = document.getElementById('wi-new-agent')?.value || '';
+  const project = document.getElementById('wi-new-project')?.value || '';
+  const acRaw = document.getElementById('wi-new-ac')?.value || '';
+  const acceptanceCriteria = acRaw.split('\n').map(l => l.trim()).filter(Boolean);
+  const refsRaw = document.getElementById('wi-new-refs')?.value || '';
+  const references = refsRaw.split('\n').filter(l => l.trim()).map(l => {
+    const parts = l.split('|').map(s => s.trim());
+    return { url: parts[0], title: parts[1] || parts[0], type: parts[2] || 'link' };
+  });
+
+  try {
+    const body = { title, description: desc, type, priority };
+    if (agent) body.agents = [agent];
+    if (project) body.project = project;
+    if (acceptanceCriteria.length) body.acceptanceCriteria = acceptanceCriteria;
+    if (references.length && references[0].url) body.references = references;
+
+    const res = await fetch('/api/work-items', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body)
+    });
+    const data = await res.json();
+    if (res.ok) {
+      try { closeModal(); } catch {}
+      wakeEngine();
+      refresh();
+      try { showToast('cmd-toast', 'Work item ' + (data.id || '') + ' created', true); } catch {}
+    } else {
+      alert('Failed: ' + (data.error || 'unknown'));
+    }
+  } catch (e) { alert('Error: ' + e.message); }
+}
+
+function openWorkItemDetail(id) {
+  const item = allWorkItems.find(i => i.id === id);
+  if (!item) return;
+
+  const field = (label, value) => value ? '<div style="margin-bottom:8px"><span style="color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:0.5px">' + label + '</span><div style="margin-top:2px">' + value + '</div></div>' : '';
+  const badge = (cls, text) => '<span class="pr-badge ' + cls + '">' + escHtml(text) + '</span>';
+  const statusCls = item.status === 'failed' ? 'rejected' : item.status === 'dispatched' ? 'building' : item.status === 'done' ? 'approved' : 'active';
+
+  let html = '<div style="display:flex;flex-direction:column;gap:4px;font-size:13px">';
+  html += '<div style="display:flex;gap:8px;align-items:center;margin-bottom:8px">' +
+    badge(statusCls, item.status || 'pending') + ' ' +
+    '<span class="dispatch-type ' + (item.type || 'implement') + '">' + escHtml(item.type || 'implement') + '</span>' +
+    '<span class="prd-item-priority ' + (item.priority || '') + '">' + escHtml(item.priority || 'medium') + '</span>' +
+    '</div>';
+  html += field('Description', '<div style="white-space:pre-wrap;font-size:12px">' + escHtml(item.description || item.title || '—') + '</div>');
+  html += field('Agent', escHtml(item.dispatched_to || item.agent || 'Auto'));
+  html += field('Source', escHtml(item._source || 'central'));
+  if (item.created) html += field('Created', escHtml(new Date(item.created).toLocaleString()));
+  if (item.dispatched_at) html += field('Dispatched', escHtml(new Date(item.dispatched_at).toLocaleString()) + ' to ' + escHtml(item.dispatched_to || '?'));
+  if (item.completedAt) html += field('Completed', escHtml(new Date(item.completedAt).toLocaleString()));
+  if (item.failReason) html += field('Failure Reason', '<span style="color:var(--red)">' + escHtml(item.failReason) + '</span>');
+  if (item._pendingReason) html += field('Pending Reason', escHtml(item._pendingReason.replace(/_/g, ' ')));
+  if (item.depends_on?.length) html += field('Depends On', item.depends_on.map(d => '<code>' + escHtml(d) + '</code>').join(', '));
+  if (item.acceptanceCriteria?.length) html += field('Acceptance Criteria', '<ul style="margin:0;padding-left:20px">' + item.acceptanceCriteria.map(c => '<li>' + escHtml(c) + '</li>').join('') + '</ul>');
+  if (item.references?.length) html += field('References', item.references.map(r => '<a href="' + escHtml(r.url) + '" target="_blank" style="color:var(--blue)">' + escHtml(r.title || r.url) + '</a>' + (r.type ? ' <span style="color:var(--muted);font-size:10px">(' + escHtml(r.type) + ')</span>' : '')).join('<br>'));
+  if (item._humanFeedback) html += field('Human Feedback', (item._humanFeedback.rating === 'up' ? '👍' : '👎') + (item._humanFeedback.comment ? ' — ' + escHtml(item._humanFeedback.comment) : ''));
+  if (item._pr) html += field('Pull Request', '<a href="' + escHtml(item._prUrl || '#') + '" target="_blank" style="color:var(--blue)">' + escHtml(item._pr) + '</a>');
+  html += '</div>';
+
+  document.getElementById('modal-title').textContent = item.title || item.id;
+  document.getElementById('modal-body').innerHTML = html;
+  document.getElementById('modal-body').style.fontFamily = "'Segoe UI', system-ui, sans-serif";
+  document.getElementById('modal-body').style.whiteSpace = 'normal';
+  document.getElementById('modal').classList.add('open');
+}
+
 function openAllWorkItems() {
   document.getElementById('modal-title').textContent = 'All Work Items (' + allWorkItems.length + ')';
   const html = '<div class="pr-table-wrap"><table class="pr-table"><thead><tr><th>ID</th><th>Title</th><th>Source</th><th>Type</th><th>Priority</th><th>Status</th><th>Agent</th><th>PR</th><th>Created</th><th></th><th></th></tr></thead><tbody>' +

package/dashboard/pages/work.html

@@ -1,5 +1,8 @@
       <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>
+        <h2>Work Items <span class="count" id="wi-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="openCreateWorkItemModal()">+ New</button>
+          <button class="pr-pager-btn" style="font-size:9px;padding:2px 8px;margin-left:4px" onclick="toggleWorkItemArchive()">See Archive</button>
+        </h2>
+        <div id="work-items-content"><p class="empty">No work items yet.</p></div>
         <div id="work-items-archive" style="display:none;margin-top:12px"></div>
       </section>

package/package.json

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