@yemi33/minions 0.1.686 → 0.1.687

package/CHANGELOG.md

@@ -1,8 +1,9 @@
 # Changelog
 
-## 0.1.686 (2026-04-09)
+## 0.1.687 (2026-04-09)
 
 ### Features
+-  modal back button for artifact navigation
 -  collapsible doc-chat thread in modal
 
 ### Fixes

package/dashboard/js/modal.js

@@ -4,6 +4,7 @@ function closeModal() {
   const modalEl = document.querySelector('#modal .modal');
   if (modalEl) modalEl.classList.remove('modal-wide');
   document.getElementById('modal').classList.remove('open');
+  clearModalBackStack();
   // Hide Q&A section (only shown for document modals)
   document.getElementById('modal-qa').style.display = 'none';
   // Remove settings buttons if present

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

@@ -452,26 +452,31 @@ function openWorkItemDetail(id) {
   var artPills = '';
   var pillStyle = 'display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:10px;cursor:pointer;background:var(--surface2);border:1px solid var(--border);color:var(--text)';
   // Output log pill removed — raw stream-json output is not human-readable
+  var artBackFn = "pushModalBack(function(){openWorkItemDetail('" + escHtml(item.id) + "')});";
   if (arts.branch) artPills += '<span style="' + pillStyle + ';cursor:default">🌿 ' + escHtml(arts.branch) + '</span> ';
-  if (arts.plan) artPills += '<span onclick="planView(\'' + escHtml(arts.plan) + '\')" style="' + pillStyle + '">📋 Plan</span> ';
-  if (arts.prd) artPills += '<span onclick="planView(\'' + escHtml(arts.prd) + '\')" style="' + pillStyle + '">📄 PRD</span> ';
-  if (arts.sourcePlan) artPills += '<span onclick="planView(\'' + escHtml(arts.sourcePlan) + '\')" style="' + pillStyle + '">📋 Source Plan</span> ';
-  if (arts.notes && arts.notes.length > 0) arts.notes.forEach(function(n) {
-    var noteFile = (n && typeof n === 'object') ? (n.file || n) : String(n || '');
-    if (noteFile.startsWith('kb:')) {
-      var kbParts = noteFile.slice(3).split('/');
-      var kbCat = kbParts[0];
-      var kbFile = kbParts.slice(1).join('/');
-      var kbLabel = kbFile.replace(/\.md$/, '').slice(0, 30);
-      artPills += '<span onclick="kbOpenItem(\'' + escHtml(kbCat) + '\',\'' + escHtml(kbFile) + '\')" style="' + pillStyle + '">📚 ' + escHtml(kbLabel) + '</span> ';
-    } else if (noteFile.startsWith('archive:')) {
-      var archLabel = noteFile.slice(8).replace(/\.md$/, '').replace(/^\d{4}-\d{2}-\d{2}-/, '').slice(0, 30);
-      artPills += '<span onclick="openInboxNote(\'' + escHtml(noteFile.slice(8)) + '\')" style="' + pillStyle + ';opacity:0.7">📄 ' + escHtml(archLabel) + ' <span style="font-size:8px">(archived)</span></span> ';
-    } else {
-      var noteLabel = noteFile.replace(/\.md$/, '').slice(0, 30);
-      artPills += '<span onclick="openInboxNote(\'' + escHtml(noteFile) + '\')" style="' + pillStyle + '">📝 ' + escHtml(noteLabel) + '</span> ';
-    }
-  });
+  if (arts.plan) artPills += '<span onclick="' + artBackFn + 'planView(\'' + escHtml(arts.plan) + '\')" style="' + pillStyle + '">📋 Plan</span> ';
+  if (arts.prd) artPills += '<span onclick="' + artBackFn + 'planView(\'' + escHtml(arts.prd) + '\')" style="' + pillStyle + '">📄 PRD</span> ';
+  if (arts.sourcePlan) artPills += '<span onclick="' + artBackFn + 'planView(\'' + escHtml(arts.sourcePlan) + '\')" style="' + pillStyle + '">📋 Source Plan</span> ';
+  if (arts.notes && arts.notes.length > 0) {
+    var wiId = escHtml(item.id);
+    arts.notes.forEach(function(n) {
+      var noteFile = (n && typeof n === 'object') ? (n.file || n) : String(n || '');
+      var backFn = "pushModalBack(function(){openWorkItemDetail('" + wiId + "')});";
+      if (noteFile.startsWith('kb:')) {
+        var kbParts = noteFile.slice(3).split('/');
+        var kbCat = kbParts[0];
+        var kbFile = kbParts.slice(1).join('/');
+        var kbLabel = kbFile.replace(/\.md$/, '').slice(0, 30);
+        artPills += '<span onclick="' + backFn + 'kbOpenItem(\'' + escHtml(kbCat) + '\',\'' + escHtml(kbFile) + '\')" style="' + pillStyle + '">📚 ' + escHtml(kbLabel) + '</span> ';
+      } else if (noteFile.startsWith('archive:')) {
+        var archLabel = noteFile.slice(8).replace(/\.md$/, '').replace(/^\d{4}-\d{2}-\d{2}-/, '').slice(0, 30);
+        artPills += '<span onclick="' + backFn + 'openInboxNote(\'' + escHtml(noteFile.slice(8)) + '\')" style="' + pillStyle + ';opacity:0.7">📄 ' + escHtml(archLabel) + ' <span style="font-size:8px">(archived)</span></span> ';
+      } else {
+        var noteLabel = noteFile.replace(/\.md$/, '').slice(0, 30);
+        artPills += '<span onclick="' + backFn + 'openInboxNote(\'' + escHtml(noteFile) + '\')" style="' + pillStyle + '">📝 ' + escHtml(noteLabel) + '</span> ';
+      }
+    });
+  }
   if (arts.skills && arts.skills.length > 0) arts.skills.forEach(function(s) { artPills += '<span onclick="openSkill(\'' + escHtml(s) + '\',\'minions\',\'\')" style="' + pillStyle + '">⚙ ' + escHtml(s) + '</span> '; });
   if (artPills) html += field('Artifacts', '<div style="display:flex;flex-wrap:wrap;gap:4px">' + artPills + '</div>');
 

package/dashboard/js/utils.js

@@ -35,6 +35,25 @@ function _togglePinAndRefresh(key, source) {
   else if (source === 'kb') renderKnowledgeBase();
 }
 
+// Modal navigation stack — enables back button when opening a modal from another modal
+var _modalBackStack = [];
+function pushModalBack(reopenFn) {
+  _modalBackStack.push(reopenFn);
+  var btn = document.getElementById('modal-back-btn');
+  if (btn) btn.style.display = '';
+}
+function modalGoBack() {
+  var fn = _modalBackStack.pop();
+  var btn = document.getElementById('modal-back-btn');
+  if (btn && _modalBackStack.length === 0) btn.style.display = 'none';
+  if (fn) fn();
+}
+function clearModalBackStack() {
+  _modalBackStack = [];
+  var btn = document.getElementById('modal-back-btn');
+  if (btn) btn.style.display = 'none';
+}
+
 function updateModalPinBtn() {
   var btn = document.getElementById('modal-pin-btn');
   if (!btn) return;

package/dashboard/layout.html

@@ -98,6 +98,7 @@
     <div class="modal-header">
       <h3 id="modal-title">—</h3>
       <div class="modal-header-actions">
+        <button class="modal-copy" id="modal-back-btn" onclick="modalGoBack()" title="Back" style="display:none">&larr; Back</button>
         <button class="modal-copy" id="modal-edit-btn" onclick="modalToggleEdit()" title="Edit" style="display:none"><svg width="12" height="12" viewBox="0 0 16 16" fill="currentColor"><path d="M11.013 1.427a1.75 1.75 0 012.474 0l1.086 1.086a1.75 1.75 0 010 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 01-.927-.928l.929-3.25c.081-.286.235-.547.445-.758l8.61-8.61zM12.9 2.97L4.288 11.58l-.537 1.878 1.878-.537L14.242 4.31 12.9 2.97z"/></svg> Edit</button>
         <button class="modal-copy" id="modal-save-btn" onclick="modalSaveEdit()" title="Save" style="display:none;color:var(--green);border-color:var(--green)"><svg width="12" height="12" viewBox="0 0 16 16" fill="currentColor"><path d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"/></svg> Save</button>
         <button class="modal-copy" id="modal-cancel-edit-btn" onclick="modalCancelEdit()" title="Cancel edit" style="display:none">Cancel</button>

package/package.json

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