@yemi33/minions 0.1.1899 → 0.1.1900

package/dashboard/js/render-prd.js

@@ -4,6 +4,64 @@ function _prdItemDeleteKey(source, itemId) {
   return 'prd-item:' + (source || '') + ':' + (itemId || '');
 }
 
+let _prdDescRawCache = '';
+
+function _togglePrdDescEdit() {
+  const view = document.getElementById('prd-desc-view');
+  const editor = document.getElementById('prd-edit-desc');
+  if (!view || !editor) return;
+  view.style.display = 'none';
+  editor.style.display = '';
+  document.getElementById('prd-desc-edit-btn').style.display = 'none';
+  document.getElementById('prd-desc-save-btn').style.display = '';
+  document.getElementById('prd-desc-cancel-btn').style.display = '';
+  editor.focus();
+}
+
+function _cancelPrdDescEdit() {
+  const view = document.getElementById('prd-desc-view');
+  const editor = document.getElementById('prd-edit-desc');
+  if (!view || !editor) return;
+  editor.value = _prdDescRawCache || '';
+  view.style.display = '';
+  editor.style.display = 'none';
+  document.getElementById('prd-desc-edit-btn').style.display = '';
+  document.getElementById('prd-desc-save-btn').style.display = 'none';
+  document.getElementById('prd-desc-cancel-btn').style.display = 'none';
+}
+
+async function _savePrdDesc(source, itemId) {
+  const editor = document.getElementById('prd-edit-desc');
+  const view = document.getElementById('prd-desc-view');
+  const saveBtn = document.getElementById('prd-desc-save-btn');
+  if (!editor || !view) return;
+  const newDesc = editor.value;
+  if (saveBtn) { saveBtn.disabled = true; saveBtn.textContent = 'Saving...'; }
+  try {
+    const res = await fetch('/api/prd-items/update', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ source, itemId, description: newDesc })
+    });
+    if (res.ok) {
+      _prdDescRawCache = newDesc;
+      view.innerHTML = newDesc ? renderMd(newDesc) : '<span style="color:var(--muted);font-size:11px">No description</span>';
+      view.style.display = '';
+      editor.style.display = 'none';
+      document.getElementById('prd-desc-edit-btn').style.display = '';
+      document.getElementById('prd-desc-save-btn').style.display = 'none';
+      document.getElementById('prd-desc-cancel-btn').style.display = 'none';
+      showToast('cmd-toast', 'Description saved', true);
+      if (typeof refresh === 'function') refresh();
+    } else {
+      const d = await res.json().catch(() => ({}));
+      showToast('cmd-toast', 'Save failed: ' + (d.error || 'unknown'), false);
+    }
+  } catch (e) {
+    showToast('cmd-toast', 'Error: ' + e.message, false);
+  }
+  if (saveBtn) { saveBtn.disabled = false; saveBtn.textContent = 'Save'; }
+}
+
 function renderPrd(prd, prog) {
   const section = document.getElementById('prd-content');
   const badge = document.getElementById('prd-badge');
@@ -684,6 +742,8 @@ async function prdItemEdit(source, itemId) {
   }
   if (!item) return;
 
+  _prdDescRawCache = item.description || '';
+
   // Look up work item and dispatch completion info
   const wi = (window._lastWorkItems || []).find(w => w.id === itemId && w.sourcePlan === source);
   const dispatch = window._lastStatus?.dispatch || {};
@@ -724,8 +784,16 @@ async function prdItemEdit(source, itemId) {
     completionHtml +
     '<label style="font-size:11px;color:var(--muted);display:block;margin-bottom:4px">Name</label>' +
     '<input id="prd-edit-name" value="' + escHtml(item.name || '') + '" style="width:100%;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:13px;margin-bottom:10px">' +
-    '<label style="font-size:11px;color:var(--muted);display:block;margin-bottom:4px">Description</label>' +
-    '<textarea id="prd-edit-desc" rows="4" style="width:100%;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;resize:vertical;margin-bottom:10px">' + escHtml(item.description || '') + '</textarea>' +
+    '<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:4px">' +
+      '<label style="font-size:11px;color:var(--muted)">Description</label>' +
+      '<div style="display:flex;gap:6px">' +
+        '<button id="prd-desc-edit-btn" type="button" class="pr-pager-btn" aria-label="Edit description" style="font-size:10px;padding:2px 10px" onclick="_togglePrdDescEdit()">Edit</button>' +
+        '<button id="prd-desc-save-btn" type="button" class="pr-pager-btn" aria-label="Save description" style="font-size:10px;padding:2px 10px;color:var(--green);border-color:var(--green);display:none" onclick="_savePrdDesc(\'' + escHtml(source) + '\',\'' + escHtml(itemId) + '\')">Save</button>' +
+        '<button id="prd-desc-cancel-btn" type="button" class="pr-pager-btn" aria-label="Cancel description edit" style="font-size:10px;padding:2px 10px;display:none" onclick="_cancelPrdDescEdit()">Cancel</button>' +
+      '</div>' +
+    '</div>' +
+    '<div id="prd-desc-view" style="margin-bottom:10px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:4px;min-height:32px">' + (item.description ? renderMd(item.description) : '<span style="color:var(--muted);font-size:11px">No description</span>') + '</div>' +
+    '<textarea id="prd-edit-desc" rows="4" style="display:none;width:100%;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;resize:vertical;margin-bottom:10px">' + escHtml(item.description || '') + '</textarea>' +
     '<div style="display:flex;gap:12px;margin-bottom:12px">' +
       '<div><label style="font-size:11px;color:var(--muted);display:block;margin-bottom:4px">Priority</label>' +
         '<select id="prd-edit-priority" style="padding:4px 8px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text)">' +
@@ -941,4 +1009,4 @@ function openArchive(i) {
   document.getElementById('modal').classList.add('open');
 }
 
-window.MinionsPrd = { renderPrd, renderPrdProgress, openArchivedPrdModal, showArchivedPrdDetail, prdItemEdit, prdItemSave, prdItemRemove, prdItemRequeue, prdItemReopen, prdRegenerate, openArchive };
+window.MinionsPrd = { renderPrd, renderPrdProgress, openArchivedPrdModal, showArchivedPrdDetail, prdItemEdit, prdItemSave, prdItemRemove, prdItemRequeue, prdItemReopen, prdRegenerate, openArchive, _togglePrdDescEdit, _cancelPrdDescEdit, _savePrdDesc };

package/package.json

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