@yemi33/minions 0.1.2409 → 0.1.2410

package/dashboard/js/render-other.js

@@ -1251,6 +1251,43 @@ async function killKeepPid(agentId, pid) {
 
 window.MinionsKeepProcesses = { renderKeepProcesses, killKeepPid, mountKeepProcessesPanel, unmountKeepProcessesPanel };
 
+function _renderWorktreeQuarantineRefsContent(items) {
+  if (!items.length) {
+    return '<p class="empty quarantine-ref-empty">No local backup refs are currently preserved.</p>';
+  }
+  return '<div class="pr-table-wrap quarantine-ref-table-wrap">' +
+    '<table class="pr-table quarantine-ref-table" aria-label="Quarantined work backup refs">' +
+    '<colgroup><col><col><col><col></colgroup><thead><tr>' +
+    '<th>Project</th><th>Backup ref</th><th>SHA</th><th>Created</th>' +
+    '</tr></thead><tbody>' +
+    items.map(function (item) {
+      const project = escHtml(item.project || '');
+      if (item.error) {
+        return '<tr class="quarantine-ref-row quarantine-ref-row-error">' +
+          '<td class="quarantine-ref-project" data-label="Project">' + project + '</td>' +
+          '<td class="quarantine-ref-error" data-label="Status" colspan="3">' + escHtml(item.error) + '</td>' +
+          '</tr>';
+      }
+      const ref = String(item.ref || '');
+      const sha = String(item.sha || '');
+      const createdAt = String(item.createdAt || '');
+      const kind = item.kind === 'wip' ? 'WIP snapshot' : 'Commit backup';
+      const kindClass = item.kind === 'wip' ? 'quarantine-ref-kind-wip' : 'quarantine-ref-kind-commits';
+      return '<tr class="quarantine-ref-row">' +
+        '<td class="quarantine-ref-project" data-label="Project">' + project + '</td>' +
+        '<td data-label="Backup ref">' +
+          '<span class="quarantine-ref-kind ' + kindClass + '">' + kind + '</span>' +
+          '<code class="quarantine-ref-value">' + escHtml(ref) + '</code>' +
+        '</td>' +
+        '<td data-label="SHA"><code class="quarantine-ref-sha" title="' + escHtml(sha) + '">' + escHtml(sha.slice(0, 12)) + '</code></td>' +
+        '<td data-label="Created"><time class="quarantine-ref-created" datetime="' + escHtml(createdAt) + '" title="' + escHtml(createdAt) + '">' +
+          escHtml(formatLocalDateTime(createdAt)) +
+        '</time></td>' +
+        '</tr>';
+    }).join('') +
+    '</tbody></table></div>';
+}
+
 async function renderWorktreeQuarantineRefs() {
   const root = document.getElementById('worktree-quarantine-refs-content');
   const count = document.getElementById('worktree-quarantine-refs-count');
@@ -1262,26 +1299,10 @@ async function renderWorktreeQuarantineRefs() {
     if (!res.ok) throw new Error(data.error || String(res.status));
     const items = Array.isArray(data.items) ? data.items : [];
     if (count) count.textContent = String(items.length);
-    if (!items.length) {
-      html = '<p class="empty">No quarantined work refs found.</p>';
-    } else {
-      html = '<table style="width:100%;border-collapse:collapse"><thead><tr>' +
-        '<th style="text-align:left">Project</th><th style="text-align:left">Backup ref</th>' +
-        '<th style="text-align:left">SHA</th><th style="text-align:left">Created</th></tr></thead><tbody>' +
-        items.map(function (item) {
-          if (item.error) {
-            return '<tr><td>' + escHtml(item.project || '') + '</td><td colspan="3" style="color:var(--red)">' + escHtml(item.error) + '</td></tr>';
-          }
-          return '<tr><td>' + escHtml(item.project || '') + '</td>' +
-            '<td><code>' + escHtml(item.ref || '') + '</code></td>' +
-            '<td><code>' + escHtml(String(item.sha || '').slice(0, 12)) + '</code></td>' +
-            '<td>' + escHtml(item.createdAt || '') + '</td></tr>';
-        }).join('') +
-        '</tbody></table>';
-    }
+    html = _renderWorktreeQuarantineRefsContent(items);
   } catch (e) {
     if (count) count.textContent = '?';
-    html = '<span style="color:var(--red)">Failed to load: ' + escHtml(e.message) + '</span>';
+    html = '<p class="quarantine-ref-error" role="alert">Failed to load: ' + escHtml(e.message) + '</p>';
   }
   // eslint-disable-next-line no-unsanitized/method -- structural HTML only; API fields are escaped above
   root.replaceChildren(document.createRange().createContextualFragment(html));

package/dashboard/pages/engine.html

@@ -28,9 +28,10 @@
       </section>
       <section id="worktree-quarantine-refs-section">
         <h2>Quarantined Work <span class="count" id="worktree-quarantine-refs-count">0</span>
-          <span class="qa-section-subtitle">local backup refs available for manual recovery</span>
+          <span class="qa-section-subtitle">local Git recovery backups</span>
         </h2>
-        <div id="worktree-quarantine-refs-content"><p class="empty">No quarantined work refs found.</p></div>
+        <p class="quarantine-ref-intro">These local backup Git refs are preserved when Minions quarantines dirty or stuck worktrees. They are for manual recovery only and are not active or queued work.</p>
+        <div id="worktree-quarantine-refs-content"><p class="empty quarantine-ref-empty">No local backup refs are currently preserved.</p></div>
       </section>
       <section id="managed-processes-section">
         <h2>Managed Processes <span class="count" id="managed-processes-count">0</span>

package/dashboard/styles.css

@@ -382,6 +382,41 @@
   .pr-table td { padding: var(--space-5); border-bottom: 1px solid var(--border); vertical-align: middle; white-space: nowrap; }
   .pr-table tr:last-child td { border-bottom: none; }
   .pr-table tr:hover { background: var(--surface2); }
+  .quarantine-ref-intro {
+    max-width: 920px; margin: calc(-1 * var(--space-3)) 0 var(--space-6);
+    color: var(--muted); font-size: var(--text-meta); line-height: 1.5;
+  }
+  .quarantine-ref-table-wrap {
+    max-height: min(420px, 55vh); overflow: auto;
+    border: 1px solid var(--border); border-radius: var(--radius-md);
+    background: var(--surface);
+  }
+  .quarantine-ref-table { table-layout: fixed; font-size: var(--text-caption); }
+  .quarantine-ref-table col:nth-child(1) { width: 15%; }
+  .quarantine-ref-table col:nth-child(2) { width: 51%; }
+  .quarantine-ref-table col:nth-child(3) { width: 14%; }
+  .quarantine-ref-table col:nth-child(4) { width: 20%; }
+  .quarantine-ref-table thead th { position: sticky; top: 0; z-index: 1; background: var(--surface); }
+  .quarantine-ref-table th:last-child, .quarantine-ref-table td:last-child {
+    width: auto; min-width: 0; text-align: left;
+  }
+  .quarantine-ref-table td { white-space: normal; vertical-align: top; line-height: 1.4; }
+  .quarantine-ref-project { font-weight: 600; overflow-wrap: anywhere; }
+  .quarantine-ref-kind {
+    display: inline-block; margin-bottom: var(--space-2);
+    padding: var(--space-1) var(--space-3); border: 1px solid var(--border);
+    border-radius: var(--radius-xl); font-size: var(--text-micro);
+    font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px;
+  }
+  .quarantine-ref-kind-wip { color: var(--yellow); background: rgba(210,153,34,0.1); }
+  .quarantine-ref-kind-commits { color: var(--blue); background: rgba(88,166,255,0.1); }
+  .quarantine-ref-value {
+    display: block; color: var(--text); overflow-wrap: anywhere; word-break: break-word;
+  }
+  .quarantine-ref-sha { color: var(--muted); overflow-wrap: anywhere; }
+  .quarantine-ref-created { color: var(--muted); font-size: var(--text-caption); }
+  .quarantine-ref-error { color: var(--red); overflow-wrap: anywhere; }
+  .quarantine-ref-empty { padding: var(--space-2) 0; font-size: var(--text-caption); }
   .pr-title { color: var(--blue); text-decoration: none; font-weight: 500; }
   .pr-title:hover { text-decoration: underline; }
   .pr-desc { color: var(--muted); font-size: var(--text-sm); font-weight: 400; margin-top: 2px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px; }
@@ -1292,6 +1327,31 @@
     .pr-table { font-size: var(--text-base); }
     .pr-table td { padding: 8px 6px; }
     .pr-table th { padding: 6px; font-size: var(--text-sm); }
+    .quarantine-ref-table-wrap { border: none; background: transparent; }
+    .quarantine-ref-table,
+    .quarantine-ref-table tbody,
+    .quarantine-ref-table tr,
+    .quarantine-ref-table td { display: block; width: 100%; }
+    .quarantine-ref-table colgroup, .quarantine-ref-table thead { display: none; }
+    .quarantine-ref-table tr {
+      margin-bottom: var(--space-4); overflow: hidden;
+      border: 1px solid var(--border); border-radius: var(--radius-md);
+      background: var(--surface);
+    }
+    .quarantine-ref-table tr:last-child { margin-bottom: 0; }
+    .quarantine-ref-table td, .quarantine-ref-table td:last-child {
+      display: grid; grid-template-columns: minmax(76px, 26%) minmax(0, 1fr);
+      gap: var(--space-4); width: 100%; min-width: 0;
+      padding: var(--space-3) var(--space-4); text-align: left;
+    }
+    .quarantine-ref-table tr td:not(:last-child) { border-bottom: 1px solid var(--border); }
+    .quarantine-ref-table td::before {
+      content: attr(data-label); grid-column: 1; color: var(--muted);
+      font-size: var(--text-micro); font-weight: 600;
+      text-transform: uppercase; letter-spacing: 0.4px;
+    }
+    .quarantine-ref-table td > * { grid-column: 2; min-width: 0; }
+    .quarantine-ref-table .quarantine-ref-kind { justify-self: start; }
     .cmd-input-wrap { flex-direction: column; }
     .cmd-send-btn { width: 100%; }
     .cmd-hints { gap: 8px; }

package/package.json

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