@yemi33/minions 0.1.2178 → 0.1.2179

package/bin/minions.js

@@ -217,9 +217,9 @@ async function _waitForBrowserReconnect(minionsHome, { afterMs, timeoutMs = 5000
   return false;
 }
 
-function _openInBrowser(url) {
-  const result = openUrlInBrowser(url);
-  if (!result.ok) {
+function _openInBrowser(url, reason, callerHint) {
+  const result = openUrlInBrowser(url, { reason, callerHint });
+  if (!result.ok && !result.suppressed) {
     console.log(`  Could not auto-open browser: ${result.error}`);
     console.log(`  Please open ${url} manually.`);
   }
@@ -400,11 +400,15 @@ function spawnFullStackAndVerify({ rest, forceOpen, dashWasUp, restartStartMs })
     }
     console.log(`  Restart verified: engine PID ${result.engine.pid}; dashboard healthy.`);
 
-    const shouldOpen = forceOpen || !dashWasUp ||
-      !(await _waitForBrowserReconnect(MINIONS_HOME, { afterMs: restartStartMs, timeoutMs: 5000 }));
+    const shouldOpen = forceOpen || (
+      process.env.MINIONS_NO_AUTO_OPEN !== '1' && (
+        !dashWasUp ||
+        !(await _waitForBrowserReconnect(MINIONS_HOME, { afterMs: restartStartMs, timeoutMs: 5000 }))
+      )
+    );
     if (shouldOpen) {
       console.log(`  Opening dashboard in browser...`);
-      _openInBrowser(`http://localhost:${actualPort}`);
+      _openInBrowser(`http://localhost:${actualPort}`, 'cli-restart-no-beacon', 'bin/minions.js:407');
     }
     console.log('');
   })().catch(err => {
@@ -861,11 +865,20 @@ function init() {
 
   void (async () => {
     const actualPort = await _waitForDashboardPortFile(MINIONS_HOME, 8000) || upgradeRequested.port;
-    const shouldOpen = forceOpen || !dashWasUp ||
-      !(await _waitForBrowserReconnect(MINIONS_HOME, { afterMs: restartStartMs, timeoutMs: 5000 }));
+    // W-mqb9y83o — same hard kill-switch as spawnFullStackAndVerify:
+    // MINIONS_NO_AUTO_OPEN=1 in the parent env (set by the watchdog spawn
+    // and /api/dashboard/restart spawn) suppresses auto-open regardless of
+    // the beacon heuristic. `forceOpen` (`--open` / MINIONS_FORCE_OPEN=1)
+    // still wins as the explicit operator override.
+    const shouldOpen = forceOpen || (
+      process.env.MINIONS_NO_AUTO_OPEN !== '1' && (
+        !dashWasUp ||
+        !(await _waitForBrowserReconnect(MINIONS_HOME, { afterMs: restartStartMs, timeoutMs: 5000 }))
+      )
+    );
     if (shouldOpen) {
       console.log(`  Opening dashboard in browser...`);
-      _openInBrowser(`http://localhost:${actualPort}`);
+      _openInBrowser(`http://localhost:${actualPort}`, 'cli-upgrade-no-beacon', 'bin/minions.js:868');
     }
   })().catch(err => {
     console.log(`  Could not open dashboard: ${err.message}`);
@@ -1209,7 +1222,7 @@ ${fs.existsSync(path.join(PKG_ROOT, '.git')) ? `
     console.log(`\n  Minions is already running (engine PID ${enginePid}; dashboard http://localhost:${startResolved.port}).`);
     if (forceOpen) {
       console.log(`  Opening dashboard in browser...`);
-      _openInBrowser(`http://localhost:${startResolved.port}`);
+      _openInBrowser(`http://localhost:${startResolved.port}`, 'cli-start-force-open', 'bin/minions.js:1212');
     } else {
       console.log(`  Run \`minions dash\` to open the dashboard, or \`minions start --open\` to force a new browser tab.\n`);
     }
@@ -1547,7 +1560,7 @@ ${fs.existsSync(path.join(PKG_ROOT, '.git')) ? `
     handled = true;
     const url = `http://localhost:${dashResolved.port}`;
     console.log(`\n  Dashboard already running: ${url}\n`);
-    openUrlInBrowser(url);
+    openUrlInBrowser(url, { reason: 'cli-dash-warm', callerHint: 'bin/minions.js:1559' });
   });
   sock.on('error', () => {
     sock.destroy();

package/dashboard/js/command-parser.js

@@ -8,7 +8,7 @@ function cmdUpdateAgentList(agents) {
   cmdAgents = (agents || []).map(a => ({ id: a.id, name: a.name, emoji: a.emoji, role: a.role }));
 }
 function cmdUpdateProjectList(projects) {
-  cmdProjects = (projects || []).map(p => ({ name: p.name, description: p.description || '' }));
+  cmdProjects = (projects || []).map(p => ({ name: p.name, displayName: p.displayName || p.name, description: p.description || '' }));
 }
 
 function showToast(id, msg, ok, durationMs) {

package/dashboard/js/memory-panel.js

@@ -0,0 +1,262 @@
+// dashboard/js/memory-panel.js — Memory panel poller + inline SVG sparkline.
+// P-d4e5f6a7 (memory + perf audit plan, dashboard surface).
+//
+// Lifecycle: mountMemoryPanel() registers two intervals — a 10 s poll against
+// /api/diagnostics/memory for live values, and a 60 s poll against
+// /api/diagnostics/memory/history?process={engine,dashboard} for the inline
+// SVG sparkline (RSS + heapUsed over the last hour). unmountMemoryPanel()
+// clears both intervals.
+//
+// Mount/unmount registration uses the canonical PAGE_LAZY_LOADERS +
+// PAGE_LEAVE_HOOKS maps declared in state.js — engine page enter triggers
+// mount, every page-leave call triggers unmount (idempotent). state.js
+// evaluates earlier in the assembled bundle so the maps already exist when
+// this file pushes its hooks; the initial switchPage(currentPage) call at
+// the end of refresh.js (last file in the bundle) is what fires the first
+// mount when a user direct-loads /engine.
+//
+// XSS safety: nothing here writes into innerHTML / adjacent-html sinks. Live
+// values land via textContent; the sparkline is constructed via
+// createElementNS so it stays clean against eslint-plugin-no-unsanitized.
+
+const MEMORY_POLL_LIVE_MS = 10_000;
+const MEMORY_POLL_HISTORY_MS = 60_000;
+const MEMORY_SPARKLINE_WINDOW_MS = 60 * 60 * 1000; // 1 hour
+
+let _memoryPanelLiveInterval = null;
+let _memoryPanelHistoryInterval = null;
+let _memoryPanelMounted = false;
+
+function _memFmtBytes(n) {
+  if (!Number.isFinite(n)) return '—';
+  const mb = n / (1024 * 1024);
+  if (mb < 1024) return mb.toFixed(1) + ' MB';
+  return (mb / 1024).toFixed(2) + ' GB';
+}
+
+function _memFmtMs(n) {
+  if (!Number.isFinite(n)) return '—';
+  if (n < 1) return n.toFixed(2) + ' ms';
+  if (n < 100) return n.toFixed(1) + ' ms';
+  return Math.round(n) + ' ms';
+}
+
+function _memFmtUptime(seconds) {
+  if (!Number.isFinite(seconds) || seconds < 0) return '—';
+  const s = Math.floor(seconds);
+  if (s < 60) return s + 's';
+  const m = Math.floor(s / 60);
+  if (m < 60) return m + 'm ' + (s % 60) + 's';
+  const h = Math.floor(m / 60);
+  if (h < 24) return h + 'h ' + (m % 60) + 'm';
+  const d = Math.floor(h / 24);
+  return d + 'd ' + (h % 24) + 'h';
+}
+
+function _memSetText(id, val) {
+  const el = document.getElementById(id);
+  if (el) el.textContent = val;
+}
+
+function _memRenderCard(prefix, sample, stale) {
+  if (!sample) {
+    const fallback = stale ? 'stale' : '—';
+    _memSetText('memory-' + prefix + '-rss', fallback);
+    _memSetText('memory-' + prefix + '-heap', '—');
+    _memSetText('memory-' + prefix + '-external', '—');
+    _memSetText('memory-' + prefix + '-lag', '—');
+    _memSetText('memory-' + prefix + '-gc', '—');
+    _memSetText('memory-' + prefix + '-uptime', '—');
+    return;
+  }
+  _memSetText('memory-' + prefix + '-rss', _memFmtBytes(sample.rss));
+  _memSetText('memory-' + prefix + '-heap', _memFmtBytes(sample.heapUsed) + ' / ' + _memFmtBytes(sample.heapTotal));
+  _memSetText('memory-' + prefix + '-external', _memFmtBytes(sample.external));
+  _memSetText('memory-' + prefix + '-lag', _memFmtMs(sample.eventLoopLagP50) + ' / ' + _memFmtMs(sample.eventLoopLagP99));
+  const gcVal = (Number.isFinite(sample.lastGcPauseMs) && sample.lastGcPauseMs > 0)
+    ? _memFmtMs(sample.lastGcPauseMs) + (sample.lastGcKind ? ' (' + sample.lastGcKind + ')' : '')
+    : '—';
+  _memSetText('memory-' + prefix + '-gc', gcVal);
+  _memSetText('memory-' + prefix + '-uptime', _memFmtUptime(sample.uptime));
+}
+
+function _memSetStaleBadge(id, stale) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  el.style.display = stale ? '' : 'none';
+}
+
+// Pure builder: returns an <svg> element rendering two polylines (RSS +
+// heapUsed) over the last MEMORY_SPARKLINE_WINDOW_MS of samples, or a
+// "no samples" label when the buffer is empty. Pure DOM via createElementNS
+// keeps eslint-plugin-no-unsanitized happy.
+function _memBuildSparkline(samples, opts) {
+  const svgNS = 'http://www.w3.org/2000/svg';
+  const width = (opts && opts.width) || 320;
+  const height = (opts && opts.height) || 60;
+  const pad = 2;
+
+  const svg = document.createElementNS(svgNS, 'svg');
+  svg.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+  svg.setAttribute('preserveAspectRatio', 'none');
+  svg.setAttribute('width', '100%');
+  svg.setAttribute('height', String(height));
+  svg.style.display = 'block';
+
+  if (!Array.isArray(samples) || samples.length === 0) {
+    const label = document.createElementNS(svgNS, 'text');
+    label.setAttribute('x', String(width / 2));
+    label.setAttribute('y', String(height / 2));
+    label.setAttribute('text-anchor', 'middle');
+    label.setAttribute('dominant-baseline', 'middle');
+    label.setAttribute('fill', 'currentColor');
+    label.setAttribute('opacity', '0.5');
+    label.setAttribute('font-size', '11');
+    label.textContent = 'no samples yet';
+    svg.appendChild(label);
+    return svg;
+  }
+
+  // Clip to the last hour, falling back to the full ring when nothing recent.
+  const now = Date.now();
+  const tMin = now - MEMORY_SPARKLINE_WINDOW_MS;
+  const windowed = samples.filter(function (s) {
+    return s && Number.isFinite(s.capturedAt) && s.capturedAt >= tMin;
+  });
+  const useSamples = windowed.length ? windowed : samples.filter(function (s) {
+    return s && Number.isFinite(s.capturedAt);
+  });
+  if (!useSamples.length) return svg;
+
+  const t0 = useSamples[0].capturedAt;
+  const t1 = useSamples[useSamples.length - 1].capturedAt;
+  const tSpan = Math.max(1, t1 - t0);
+
+  let yMin = Infinity;
+  let yMax = -Infinity;
+  for (const s of useSamples) {
+    for (const v of [s.rss, s.heapUsed]) {
+      if (Number.isFinite(v)) {
+        if (v < yMin) yMin = v;
+        if (v > yMax) yMax = v;
+      }
+    }
+  }
+  if (!Number.isFinite(yMin) || !Number.isFinite(yMax)) { yMin = 0; yMax = 1; }
+  const ySpan = Math.max(1, yMax - yMin);
+
+  function _series(field) {
+    const pts = [];
+    for (const s of useSamples) {
+      const v = s[field];
+      if (!Number.isFinite(v)) continue;
+      const x = pad + ((s.capturedAt - t0) / tSpan) * (width - 2 * pad);
+      const y = height - pad - ((v - yMin) / ySpan) * (height - 2 * pad);
+      pts.push(x.toFixed(1) + ',' + y.toFixed(1));
+    }
+    return pts.join(' ');
+  }
+
+  function _addLine(field, color) {
+    const pts = _series(field);
+    if (!pts) return;
+    const line = document.createElementNS(svgNS, 'polyline');
+    line.setAttribute('points', pts);
+    line.setAttribute('fill', 'none');
+    line.setAttribute('stroke', color);
+    line.setAttribute('stroke-width', '1.5');
+    line.setAttribute('vector-effect', 'non-scaling-stroke');
+    svg.appendChild(line);
+  }
+
+  _addLine('rss', 'var(--blue, #4ea1ff)');
+  _addLine('heapUsed', 'var(--green, #4caf50)');
+  return svg;
+}
+
+function _memRenderSparkline(containerId, samples) {
+  const el = document.getElementById(containerId);
+  if (!el) return;
+  const width = el.clientWidth || 320;
+  const svg = _memBuildSparkline(samples, { width, height: 60 });
+  el.replaceChildren(svg);
+}
+
+async function _memRefreshLive() {
+  let data;
+  try {
+    const res = await fetch('/api/diagnostics/memory');
+    if (!res.ok) return;
+    data = await res.json();
+  } catch {
+    return; // network blip — leave previous values in place
+  }
+  if (!data || typeof data !== 'object') return;
+  _memRenderCard('engine', data.engine, !!data.engineStale);
+  _memRenderCard('dashboard', data.dashboard, false);
+  _memSetStaleBadge('memory-engine-stale-badge', !!data.engineStale);
+}
+
+async function _memRefreshHistory() {
+  await Promise.all(['engine', 'dashboard'].map(async function (proc) {
+    try {
+      const res = await fetch('/api/diagnostics/memory/history?process=' + encodeURIComponent(proc));
+      if (!res.ok) return;
+      const data = await res.json();
+      const samples = (data && Array.isArray(data.samples)) ? data.samples : [];
+      _memRenderSparkline('memory-' + proc + '-sparkline', samples);
+    } catch {
+      // network blip — keep the previous sparkline
+    }
+  }));
+}
+
+function mountMemoryPanel() {
+  if (_memoryPanelMounted) return;
+  // No-op when the engine page hasn't been assembled yet (defensive — the
+  // fragment is always part of the bundle, but this keeps the hook safe
+  // against partial DOM states during test harnesses).
+  if (!document.getElementById('memory-panel-content')) return;
+  _memoryPanelMounted = true;
+  _memRefreshLive();
+  _memRefreshHistory();
+  _memoryPanelLiveInterval = setInterval(_memRefreshLive, MEMORY_POLL_LIVE_MS);
+  _memoryPanelHistoryInterval = setInterval(_memRefreshHistory, MEMORY_POLL_HISTORY_MS);
+}
+
+function unmountMemoryPanel() {
+  if (!_memoryPanelMounted) return;
+  _memoryPanelMounted = false;
+  if (_memoryPanelLiveInterval) {
+    clearInterval(_memoryPanelLiveInterval);
+    _memoryPanelLiveInterval = null;
+  }
+  if (_memoryPanelHistoryInterval) {
+    clearInterval(_memoryPanelHistoryInterval);
+    _memoryPanelHistoryInterval = null;
+  }
+}
+
+// Register the lifecycle hooks against the canonical maps in state.js.
+// `const` declarations don't block mutating the underlying object/array,
+// so we can splice in our entries without editing state.js. Best-effort:
+// any failure leaves the panel unmounted but does not break navigation.
+try {
+  if (typeof PAGE_LAZY_LOADERS === 'object' && PAGE_LAZY_LOADERS) {
+    if (!Array.isArray(PAGE_LAZY_LOADERS.engine)) PAGE_LAZY_LOADERS.engine = [];
+    if (PAGE_LAZY_LOADERS.engine.indexOf('mountMemoryPanel') < 0) {
+      PAGE_LAZY_LOADERS.engine.push('mountMemoryPanel');
+    }
+  }
+  if (typeof PAGE_LEAVE_HOOKS !== 'undefined' && Array.isArray(PAGE_LEAVE_HOOKS)) {
+    if (PAGE_LEAVE_HOOKS.indexOf('unmountMemoryPanel') < 0) {
+      PAGE_LEAVE_HOOKS.push('unmountMemoryPanel');
+    }
+  }
+} catch { /* registration is best-effort */ }
+
+window.MinionsMemoryPanel = {
+  mountMemoryPanel,
+  unmountMemoryPanel,
+  _buildSparkline: _memBuildSparkline,
+};

package/dashboard/js/qa.js

@@ -620,7 +620,7 @@ async function loadQaProjectsSelect() {
       const res = await fetch('/api/status');
       const json = res.ok ? await res.json() : {};
       if (Array.isArray(json && json.projects)) {
-        projects = json.projects.map(p => ({ name: p.name, description: p.description || '' }));
+        projects = json.projects.map(p => ({ name: p.name, displayName: p.displayName || p.name, description: p.description || '' }));
       }
     }
   } catch { projects = []; }
@@ -631,7 +631,7 @@ async function loadQaProjectsSelect() {
     if (!p || !p.name) continue;
     const opt = document.createElement('option');
     opt.value = p.name;
-    opt.textContent = p.name;
+    opt.textContent = p.displayName || p.name;
     if (previouslySelected.has(p.name)) opt.selected = true;
     sel.appendChild(opt);
   }

package/dashboard/js/refresh.js

@@ -134,7 +134,7 @@ const RENDER_VERSIONS = {
   prdProgress: 1,
   prdPrs: 1,
   inbox: 2,
-  projects: 1,
+  projects: 2,
   notes: 1,
   prd: 1,
   prs: 3,

package/dashboard/js/render-other.js

@@ -12,7 +12,7 @@ function renderProjects(projects) {
   // eslint-disable-next-line no-unsanitized/property -- reason: structural HTML is a string literal; all user data wrapped in escHtml() (fields: project name, path, branch metadata)
   list.innerHTML = visible.map(p =>
     '<span data-project="' + escHtml(p.name) + '" title="' + escHtml(p.path || '') + '" style="display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:3px 10px;color:var(--blue);font-weight:500;cursor:help">' +
-      escHtml(p.name) +
+      escHtml(p.displayName || p.name) +
       _renderProjectBranch(p) +
       '<span onclick="event.stopPropagation();projectChipRemove(\'' + escHtml(p.name) + '\')" title="Remove project (cancels pending work, archives data dir)" style="color:var(--muted);font-weight:600;cursor:pointer;padding:0 2px;line-height:1" onmouseover="this.style.color=\'var(--red)\'" onmouseout="this.style.color=\'var(--muted)\'">&times;</span>' +
     '</span>'

package/dashboard/js/render-prs.js

@@ -320,7 +320,8 @@ function openAddPrModal() {
   const projects = (typeof cmdProjects !== 'undefined' ? cmdProjects : []) || [];
   const projOpts = projects.map(p => {
     const name = typeof p === 'object' ? p.name : p;
-    return '<option value="' + escapeHtml(name) + '">' + escapeHtml(name) + '</option>';
+    const label = (typeof p === 'object' && (p.displayName || p.name)) || name;
+    return '<option value="' + escapeHtml(name) + '">' + escapeHtml(label) + '</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';
 

package/dashboard/js/render-schedules.js

@@ -422,7 +422,7 @@ function _scheduleFormHtml(sched, isEdit) {
   const priorities = ['high', 'medium', 'low'];
   const typeOpts = types.map(t => '<option value="' + t + '"' + ((sched.type || 'implement') === t ? ' selected' : '') + '>' + t + '</option>').join('');
   const priOpts = priorities.map(p => '<option value="' + p + '"' + ((sched.priority || 'medium') === p ? ' selected' : '') + '>' + p + '</option>').join('');
-  const projOpts = '<option value="">Any</option>' + (cmdProjects || []).map(p => '<option value="' + escHtml(p.name) + '"' + (sched.project === p.name ? ' selected' : '') + '>' + escHtml(p.name) + '</option>').join('');
+  const projOpts = '<option value="">Any</option>' + (cmdProjects || []).map(p => '<option value="' + escHtml(p.name) + '"' + (sched.project === p.name ? ' selected' : '') + '>' + escHtml(p.displayName || p.name) + '</option>').join('');
   const agentOpts = '<option value="">Auto</option>' + (cmdAgents || []).map(a => '<option value="' + escHtml(a.id) + '"' + (sched.agent === a.id ? ' selected' : '') + '>' + escHtml(a.name) + '</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';

package/dashboard/js/render-watches.js

@@ -486,7 +486,7 @@ function _watchFormHtml() {
   }).join('');
 
   var agentOpts = '<option value="">human</option>' + (cmdAgents || []).map(function(a) { return '<option value="' + escHtml(a.id) + '">' + escHtml(a.name) + '</option>'; }).join('');
-  var projOpts = '<option value="">Any</option>' + (cmdProjects || []).map(function(p) { return '<option value="' + escHtml(p.name) + '">' + escHtml(p.name) + '</option>'; }).join('');
+  var projOpts = '<option value="">Any</option>' + (cmdProjects || []).map(function(p) { return '<option value="' + escHtml(p.name) + '">' + escHtml(p.displayName || p.name) + '</option>'; }).join('');
 
   return '<div style="display:flex;flex-direction:column;gap:12px;font-family:inherit">' +
     '<div id="watch-form-error" style="display:none;color:var(--red);font-size:var(--text-md);padding:6px 10px;background:rgba(255,50,50,0.1);border-radius:var(--radius-sm)"></div>' +

package/dashboard/pages/engine-memory-panel.html

@@ -0,0 +1,49 @@
+<!--
+  dashboard/pages/engine-memory-panel.html — Memory panel fragment (P-d4e5f6a7).
+
+  Side-by-side cards for the engine and dashboard processes. Live values are
+  refreshed every 10 s by dashboard/js/memory-panel.js (GET /api/diagnostics/memory);
+  the inline SVG sparkline is refreshed every 60 s
+  (GET /api/diagnostics/memory/history?process=...). The yellow
+  "engine sample stale" badge is unhidden by the JS module when
+  engineStale === true.
+
+  dashboard-build.js substitutes this fragment into dashboard/pages/engine.html
+  at assembly time (see pageSubFragments).
+-->
+      <section id="memory-panel-section">
+        <h2>Memory <span style="font-size:var(--text-sm);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0">RSS / heap / event-loop / GC for engine + dashboard processes</span></h2>
+        <div id="memory-panel-content" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px">
+          <div id="memory-card-engine" class="memory-card" style="border:1px solid var(--border);border-radius:4px;padding:10px;background:var(--surface2)">
+            <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:6px">
+              <div style="font-weight:600;font-size:var(--text-md);font-family:monospace">engine</div>
+              <span id="memory-engine-stale-badge" style="display:none;background:var(--yellow);color:#000;padding:2px 8px;border-radius:3px;font-size:var(--text-sm);font-weight:600">engine sample stale</span>
+            </div>
+            <dl style="display:grid;grid-template-columns:max-content 1fr;gap:3px 12px;margin:0 0 8px 0;font-size:var(--text-base)">
+              <dt style="color:var(--muted);margin:0">RSS</dt><dd id="memory-engine-rss" style="margin:0;font-family:monospace">—</dd>
+              <dt style="color:var(--muted);margin:0">Heap used / total</dt><dd id="memory-engine-heap" style="margin:0;font-family:monospace">—</dd>
+              <dt style="color:var(--muted);margin:0">External</dt><dd id="memory-engine-external" style="margin:0;font-family:monospace">—</dd>
+              <dt style="color:var(--muted);margin:0">Event-loop lag p50 / p99</dt><dd id="memory-engine-lag" style="margin:0;font-family:monospace">—</dd>
+              <dt style="color:var(--muted);margin:0">Last GC pause</dt><dd id="memory-engine-gc" style="margin:0;font-family:monospace">—</dd>
+              <dt style="color:var(--muted);margin:0">Uptime</dt><dd id="memory-engine-uptime" style="margin:0;font-family:monospace">—</dd>
+            </dl>
+            <div style="font-size:var(--text-sm);color:var(--muted);margin-bottom:2px"><span style="color:var(--blue,#4ea1ff)">●</span> RSS &nbsp; <span style="color:var(--green,#4caf50)">●</span> heapUsed &nbsp;<span style="opacity:0.7">(last hour)</span></div>
+            <div id="memory-engine-sparkline" style="height:60px;width:100%;color:var(--fg)"></div>
+          </div>
+          <div id="memory-card-dashboard" class="memory-card" style="border:1px solid var(--border);border-radius:4px;padding:10px;background:var(--surface2)">
+            <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:6px">
+              <div style="font-weight:600;font-size:var(--text-md);font-family:monospace">dashboard</div>
+            </div>
+            <dl style="display:grid;grid-template-columns:max-content 1fr;gap:3px 12px;margin:0 0 8px 0;font-size:var(--text-base)">
+              <dt style="color:var(--muted);margin:0">RSS</dt><dd id="memory-dashboard-rss" style="margin:0;font-family:monospace">—</dd>
+              <dt style="color:var(--muted);margin:0">Heap used / total</dt><dd id="memory-dashboard-heap" style="margin:0;font-family:monospace">—</dd>
+              <dt style="color:var(--muted);margin:0">External</dt><dd id="memory-dashboard-external" style="margin:0;font-family:monospace">—</dd>
+              <dt style="color:var(--muted);margin:0">Event-loop lag p50 / p99</dt><dd id="memory-dashboard-lag" style="margin:0;font-family:monospace">—</dd>
+              <dt style="color:var(--muted);margin:0">Last GC pause</dt><dd id="memory-dashboard-gc" style="margin:0;font-family:monospace">—</dd>
+              <dt style="color:var(--muted);margin:0">Uptime</dt><dd id="memory-dashboard-uptime" style="margin:0;font-family:monospace">—</dd>
+            </dl>
+            <div style="font-size:var(--text-sm);color:var(--muted);margin-bottom:2px"><span style="color:var(--blue,#4ea1ff)">●</span> RSS &nbsp; <span style="color:var(--green,#4caf50)">●</span> heapUsed &nbsp;<span style="opacity:0.7">(last hour)</span></div>
+            <div id="memory-dashboard-sparkline" style="height:60px;width:100%;color:var(--fg)"></div>
+          </div>
+        </div>
+      </section>

package/dashboard/pages/engine.html

@@ -3,6 +3,7 @@
       <section>
         <div id="engine-quick-stats" style="display:flex;gap:16px;margin-bottom:12px;font-size:var(--text-base);color:var(--muted)"></div>
       </section>
+      <!-- __ENGINE_MEMORY_PANEL__ -->
       <section>
         <h2>Engine Log <span style="font-size:var(--text-sm);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0">tick-by-tick audit trail of engine operations</span></h2>
         <div class="log-list" id="engine-log">No log entries yet.</div>

package/dashboard/slim/js/link-pr.js

@@ -6,18 +6,18 @@
     var modal = document.getElementById('slim-linkpr-modal');
     if (!modal) return;
     var projects = (lastStatusData && Array.isArray(lastStatusData.projects) ? lastStatusData.projects : [])
-      .map(function(p) { return p && p.name ? String(p.name) : null; })
-      .filter(Boolean);
+      .filter(function(p) { return p && p.name; })
+      .map(function(p) { return { name: String(p.name), label: String(p.displayName || p.name) }; });
     var sel = document.getElementById('slim-linkpr-project');
     sel.textContent = '';
     var auto = document.createElement('option');
     auto.value = '';
     auto.textContent = 'Auto-detect from URL (central if no unique match)';
     sel.appendChild(auto);
-    projects.forEach(function(name) {
+    projects.forEach(function(proj) {
       var o = document.createElement('option');
-      o.value = name;
-      o.textContent = name;
+      o.value = proj.name;
+      o.textContent = proj.label;
       sel.appendChild(o);
     });
     var warn = document.getElementById('slim-linkpr-noproj');

package/dashboard/slim/js/modals-tiles.js

@@ -159,7 +159,7 @@
     }
     var prs = Array.isArray(data.pullRequests) ? data.pullRequests : [];
     if (!prs.length) { tileEmpty(body, 'No tracked pull requests.'); return; }
-    prs.forEach(function(p) {
+    function prCard(p) {
       var num = p.prNumber || p.number || p.id;
       var build = p.buildStatus || '';
       var review = p.reviewStatus || '';
@@ -168,7 +168,7 @@
               : ((p.status === 'active' || p.status === 'linked') ? 'blue' : ''));
       var statusText = document.createElement('span');
       statusText.textContent = p.status || 'unknown';
-      body.appendChild(tileCard({
+      return tileCard({
         title: (num ? '#' + num + ' ' : '') + (p.title || '(untitled PR)'),
         // Project slug first (under title), then build/review row below — the
         // project is the strongest disambiguator across PRs and benefits from
@@ -178,7 +178,48 @@
         metaNodes: [statusText, statusSpan('build', build, BUILD_STATUS), statusSpan('review', review, REVIEW_STATUS)],
         chip: { text: p.status || '—', cls: cls },
         href: p.url || null,
-      }));
+      });
+    }
+    // Partition once into three fixed buckets (status normalized to lowercase),
+    // preserving each PR's relative order within its bucket. Mirrors shared
+    // PR_STATUS (active/merged/abandoned/closed/linked); anything that does not
+    // match the merged/abandoned buckets defaults to Active so a PR with an
+    // unexpected status never silently disappears.
+    var buckets = { active: [], merged: [], abandoned: [] };
+    prs.forEach(function(p) {
+      var s = String(p.status || '').toLowerCase();
+      if (s === 'abandoned') buckets.abandoned.push(p);
+      else if (s === 'merged' || s === 'completed' || s === 'closed') buckets.merged.push(p);
+      else buckets.active.push(p);
+    });
+    // Fixed section order: Active (open) → Merged / Completed → Abandoned.
+    // Empty sections are omitted entirely.
+    var sections = [
+      { label: 'Active', prs: buckets.active, open: true },
+      { label: 'Merged / Completed', prs: buckets.merged, open: false },
+      { label: 'Abandoned', prs: buckets.abandoned, open: false },
+    ];
+    sections.forEach(function(section) {
+      if (!section.prs.length) return;
+      var details = document.createElement('details');
+      details.className = 'tile-section';
+      if (section.open) details.open = true;
+      var summary = document.createElement('summary');
+      summary.className = 'tile-section-summary';
+      var label = document.createElement('span');
+      label.className = 'tile-section-label';
+      label.textContent = section.label;
+      var count = document.createElement('span');
+      count.className = 'tile-section-count';
+      count.textContent = '(' + section.prs.length + ')';
+      summary.appendChild(label);
+      summary.appendChild(count);
+      details.appendChild(summary);
+      var sectionBody = document.createElement('div');
+      sectionBody.className = 'tile-section-body';
+      section.prs.forEach(function(p) { sectionBody.appendChild(prCard(p)); });
+      details.appendChild(sectionBody);
+      body.appendChild(details);
     });
   }
 

package/dashboard/slim/js/projects.js

@@ -31,7 +31,7 @@
   // chosen, so the indicator never auto-defaults and the user can always clear
   // their choice back to it. Returns the select so the caller can attach a
   // change listener.
-  function makeContextSelect(projects, selected) {
+  function makeContextSelect(projects, selected, displayByName) {
     var sel = document.createElement('select');
     sel.id = 'chat-context-select';
     sel.setAttribute('aria-label', 'Working in project');
@@ -44,7 +44,7 @@
       var p = projects[i];
       var opt = document.createElement('option');
       opt.value = p;
-      opt.textContent = p;
+      opt.textContent = (displayByName && displayByName[p]) || p;
       if (p === selected) opt.selected = true;
       sel.appendChild(opt);
     }
@@ -59,9 +59,11 @@
       var res = await fetch('/api/status');
       if (!res.ok) throw new Error('HTTP ' + res.status);
       var data = await res.json();
-      var projects = (data && Array.isArray(data.projects) ? data.projects : [])
-        .map(function(p) { return p && p.name ? String(p.name) : null; })
-        .filter(Boolean);
+      var projectList = (data && Array.isArray(data.projects) ? data.projects : [])
+        .filter(function(p) { return p && p.name; });
+      var projects = projectList.map(function(p) { return String(p.name); });
+      var displayByName = {};
+      projectList.forEach(function(p) { displayByName[String(p.name)] = String(p.displayName || p.name); });
       if (projects.length === 0) {
         stripEl.style.display = '';
         controlsEl.replaceChildren(makeContextEmptyNode(), makeContextAddBtn());
@@ -79,7 +81,7 @@
         // (italicized via CSS). We deliberately do NOT fall back to projects[0]
         // here (W-mqayzsj3) so CC turns and project-scoped actions don't
         // silently target the wrong project.
-        var sel = makeContextSelect(projects, currentProject);
+        var sel = makeContextSelect(projects, currentProject, displayByName);
         stripEl.style.display = '';
         controlsEl.replaceChildren(sel, makeContextAddBtn());
         sel.addEventListener('change', function(ev) {

package/dashboard/slim/styles.css

@@ -681,6 +681,26 @@
     .tile-chip.blue  { background: rgba(88, 166, 255, 0.12); color: var(--blue);  border-color: var(--blue); }
     .tile-empty { color: var(--muted); font-style: italic; font-size: var(--text-md); }
 
+    /* Collapsible PR sections (Active / Merged-Completed / Abandoned). Uses
+       native <details>/<summary> — no JS wiring needed for the toggle. */
+    .tile-section { margin-bottom: 10px; }
+    .tile-section:last-child { margin-bottom: 0; }
+    .tile-section-summary {
+      display: flex; align-items: center; gap: 6px;
+      cursor: pointer; user-select: none;
+      padding: 4px 2px; margin-bottom: 6px;
+      list-style: none;
+      font-size: var(--text-base); color: var(--muted);
+    }
+    .tile-section-summary::-webkit-details-marker { display: none; }
+    .tile-section-summary::before {
+      content: "▸"; color: var(--muted); font-size: var(--text-sm);
+      transition: transform 0.15s ease;
+    }
+    .tile-section[open] > .tile-section-summary::before { content: "▾"; }
+    .tile-section-label { font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; color: var(--text); }
+    .tile-section-count { color: var(--muted); }
+
     /* Pinned-context list rows (slim-pinned-modal). */
     .pinned-row {
       border: 1px solid var(--border);