@yemi33/minions 0.1.2286 → 0.1.2287

package/dashboard/js/render-inbox.js

@@ -75,6 +75,31 @@ async function fetchNotesFromDisk() {
   }
 }
 
+// Promote a human-readable title to the inbox card heading. Prefers an
+// explicit `title` field from the API, then a `title:` YAML frontmatter key,
+// then the first markdown heading, then the first non-empty body line. Mirrors
+// the engine's own title derivation (engine/consolidation.js — first `# ` ATX
+// heading). Returns '' when nothing readable is extractable so the caller can
+// fall back to the raw filename.
+function _extractInboxTitle(item) {
+  if (item && item.title && String(item.title).trim()) return String(item.title).trim();
+  const content = (item && item.content) || '';
+  let body = content;
+  const fm = content.match(/^\s*---\r?\n([\s\S]*?)\r?\n---[ \t]*\r?\n?/);
+  if (fm) {
+    const titleField = fm[1].match(/^title:[ \t]*(.+)$/m);
+    if (titleField && titleField[1].trim()) {
+      return titleField[1].trim().replace(/^["']|["']$/g, '').trim();
+    }
+    body = content.slice(fm[0].length);
+  }
+  const heading = body.match(/^#{1,6}[ \t]+(.+)$/m);
+  if (heading && heading[1].trim()) return heading[1].trim();
+  const firstLine = body.split(/\r?\n/).map((l) => l.trim()).find(Boolean);
+  if (firstLine) return firstLine.replace(/^#+[ \t]*/, '').trim();
+  return '';
+}
+
 function _inboxPrev() { if (_inboxPage > 0) { _inboxPage--; renderInbox(inboxData, { preserveScroll: false }); } }
 function _inboxNext() { _inboxPage++; renderInbox(inboxData, { preserveScroll: false }); }
 
@@ -99,15 +124,19 @@ function renderInbox(inbox, opts) {
   const inboxStart = _inboxPage * INBOX_PER_PAGE;
   const pageInbox = inbox.slice(inboxStart, inboxStart + INBOX_PER_PAGE);
 
-  // eslint-disable-next-line no-unsanitized/property -- reason: structural HTML is a string literal; all user data wrapped in escapeHtml() (fields: inbox name, age, content, pin key)
+  // eslint-disable-next-line no-unsanitized/property -- reason: structural HTML is a string literal; all user data wrapped in escapeHtml() (fields: inbox name, derived title/heading, age, content, pin key)
   list.innerHTML = pageInbox.map((item, i) => {
     const idx = inboxStart + i;
     const pk = inboxPinKey(item.name);
     const pinned = isPinned(pk);
+    const title = _extractInboxTitle(item);
+    const hasTitle = !!title;
+    const heading = hasTitle ? title : item.name;
     return `<div class="inbox-item${pinned ? ' item-pinned' : ''}" data-file="notes/inbox/${escapeHtml(item.name)}">
-      <div class="inbox-name" onclick="openModal(${idx})" style="cursor:pointer">
-        <span>${escapeHtml(item.name)}</span><span>${escapeHtml(item.age || '')}</span>
+      <div class="inbox-name${hasTitle ? '' : ' inbox-name-fallback'}" onclick="openModal(${idx})" style="cursor:pointer">
+        <span>${escapeHtml(heading)}</span><span>${escapeHtml(item.age || '')}</span>
       </div>
+      ${hasTitle ? `<div class="inbox-filename">${escapeHtml(item.name)}</div>` : ''}
       <div class="inbox-preview" onclick="openModal(${idx})" style="cursor:pointer">${escapeHtml(item.content.slice(0,200))}</div>
       <div style="display:flex;gap:6px;margin-top:6px;align-items:center">
         ${pinButton(pk, pinned, 'inbox')}

package/dashboard/js/render-other.js

@@ -265,7 +265,7 @@ function renderLlmPerf(metrics) {
     return '<tr><td style="font-weight:600">' + escHtml(type) + '</td>' +
       '<td>' + calls + '</td>' +
       '<td style="color:var(--muted)">' + (totalMs ? fmtTotal : '-') + '</td>' +
-      '<td style="color:var(--blue)">' + (avgMs ? fmtAvg : '-') + '</td>' +
+      '<td style="color:var(--green)">' + (avgMs ? fmtAvg : '-') + '</td>' +
       '<td style="color:var(--muted)">' + cost + '</td></tr>';
   }
   let html = '<table class="pr-table"><thead><tr><th>Call Type</th><th>Calls</th><th>Total Time</th><th>Avg Time</th><th>Cost</th></tr></thead><tbody>';

package/dashboard/js/render-plans.js

@@ -306,7 +306,7 @@ function renderPlans(plans) {
       'completed': 'Completed', 'dispatched': 'In Progress', 'converting': 'Converting to PRD',
       'paused': 'Paused', 'awaiting-approval': 'Awaiting Approval', 'approved': 'Approved',
       'rejected': 'Rejected', 'revision-requested': 'Revision Requested',
-      'has-failures': 'Has Failures', 'active': 'Active'
+      'has-failures': 'Has Failures', 'active': 'Active', 'draft': 'Draft'
     };
     const label = statusLabelsMap[effectiveStatus] || effectiveStatus;
     const needsAction = (effectiveStatus === 'awaiting-approval' || effectiveStatus === 'paused') && !isArchived;
@@ -366,7 +366,7 @@ function renderPlans(plans) {
       'onclick="event.stopPropagation();planDelete(\'' + escapeHtml(p.file) + '\')">Delete</button>' : '';
 
     const versionBadge = p.version ? ' <span style="font-size:var(--text-xs);font-weight:700;padding:1px 5px;border-radius:3px;background:rgba(56,139,253,0.15);color:var(--blue);vertical-align:middle">v' + p.version + '</span>' : '';
-    const statusColors = { 'completed': 'var(--green)', 'dispatched': 'var(--blue)', 'converting': 'var(--yellow)', 'paused': 'var(--muted)', 'awaiting-approval': 'var(--yellow)', 'approved': 'var(--green)', 'rejected': 'var(--red)', 'has-failures': 'var(--red)', 'revision-requested': 'var(--purple,#a855f7)', 'active': 'var(--muted)' };
+    const statusColors = { 'completed': 'var(--green)', 'dispatched': 'var(--blue)', 'converting': 'var(--yellow)', 'paused': 'var(--muted)', 'awaiting-approval': 'var(--yellow)', 'approved': 'var(--green)', 'rejected': 'var(--red)', 'has-failures': 'var(--red)', 'revision-requested': 'var(--purple,#a855f7)', 'active': 'var(--muted)', 'draft': 'var(--muted)' };
     const cardClass = effectiveStatus === 'dispatched' || effectiveStatus === 'converting' ? 'working' : effectiveStatus === 'awaiting-approval' || effectiveStatus === 'paused' ? 'awaiting' : effectiveStatus;
     // P-e8d49105 — cross-repo plans surface every touched project as its
     // own badge. Single-project plans (and old PRDs without _projects)
@@ -402,7 +402,7 @@ function renderPlans(plans) {
       '<div class="plan-card-header">' +
         '<div><div class="plan-card-title">' + escapeHtml(p.summary || p.file) + versionBadge + '</div>' +
           '<div class="plan-card-meta">' +
-            '<span style="font-weight:600;color:' + (statusColors[effectiveStatus] || 'var(--muted)') + '">' + label + '</span>' +
+            '<span style="font-size:var(--text-xs);font-weight:600;padding:1px 8px;border-radius:10px;background:color-mix(in srgb, ' + (statusColors[effectiveStatus] || 'var(--muted)') + ' 15%, transparent);color:' + (statusColors[effectiveStatus] || 'var(--muted)') + ';border:1px solid color-mix(in srgb, ' + (statusColors[effectiveStatus] || 'var(--muted)') + ' 40%, transparent)">' + escapeHtml(label) + '</span>' +
             projectMeta +
             '<span>' + p.itemCount + ' items</span>' +
             perProjectPills +

package/dashboard/js/render-prs.js

@@ -93,6 +93,44 @@ function _parseCanonicalPrId(id) {
   return { host: m[1], slug: m[2], number: parseInt(m[3], 10) };
 }
 
+// Polish (W-mqv5ccn7): collapse the canonical PR id (`<host>:<slug>#<number>`)
+// into a short, readable label for the narrow PR column — `gh #481`,
+// `ado #5383607` — instead of the full slug, which ellipsis-clipped mid-org
+// (`ado:of…`, `github…`) and looked like an error. The full canonical id stays
+// on the cell's title attr for hover. Unrecognized ids pass through unchanged.
+function prShortId(id) {
+  if (!id || typeof id !== 'string') return id || '—';
+  var m = id.match(/^([^:]+):.+#(\d+)$/);
+  if (!m) return id;
+  var host = m[1].toLowerCase();
+  var label = host === 'github' ? 'gh' : host === 'ado' ? 'ado' : host;
+  return label + ' #' + m[2];
+}
+
+// Polish (W-mqv5ccn7): strip common Markdown syntax so the PR body preview
+// shows plain text instead of raw source (`## Summary`, `**bold**`, backticks,
+// links, …). This is a display-only flatten — not a renderer — so headings,
+// emphasis, code spans, list markers, blockquotes, links and images all reduce
+// to their visible text on a single collapsed line.
+function stripMarkdown(text) {
+  if (!text || typeof text !== 'string') return '';
+  return text
+    .replace(/```[\s\S]*?```/g, ' ')          // fenced code blocks
+    .replace(/`([^`]+)`/g, '$1')              // inline code
+    .replace(/!\[[^\]]*\]\([^)]*\)/g, ' ')    // images
+    .replace(/\[([^\]]+)\]\([^)]*\)/g, '$1')  // links -> link text
+    .replace(/^\s{0,3}#{1,6}\s+/gm, '')       // ATX headings
+    .replace(/^\s{0,3}>\s?/gm, '')            // blockquotes
+    .replace(/^\s*([-*_]\s*){3,}$/gm, ' ')    // horizontal rules
+    .replace(/^\s*[-*+]\s+/gm, '')            // bullet list markers
+    .replace(/^\s*\d+\.\s+/gm, '')            // ordered list markers
+    .replace(/(\*\*|__)(.*?)\1/g, '$2')       // bold
+    .replace(/(\*|_)(.*?)\1/g, '$2')          // italic
+    .replace(/~~(.*?)~~/g, '$1')              // strikethrough
+    .replace(/\s+/g, ' ')                     // collapse whitespace/newlines
+    .trim();
+}
+
 function prRow(pr) {
   // Minions review (agent) state — separate from ADO human review
   const sq = pr.minionsReview || {};
@@ -150,6 +188,9 @@ function prRow(pr) {
     }).join('');
   }
   const titleText = pr.title || 'Untitled';
+  // Polish (W-mqv5ccn7): flatten Markdown in the body so the preview shows
+  // plain text instead of raw `##` / `**…**` / backtick source.
+  const descPreview = stripMarkdown(pr.description || '');
   const agentText = pr.agent || '—';
   const reviewerCell = sq.reviewer && sq.status !== 'waiting'
     ? '<span class="pr-agent" title="' + escapeHtml(sq.note || sq.reviewer) + '">' + escapeHtml(sq.reviewer) + '</span>'
@@ -200,8 +241,8 @@ function prRow(pr) {
   // the header-to-cell count assertion in test/unit.test.js continues to
   // balance.
   return '<tr>' +
-    '<td><span class="pr-id" title="' + escapeHtml(String(prId)) + '">' + escapeHtml(String(prId)) + '</span></td>' +
-    '<td><a class="pr-title" title="' + escapeHtml(titleText) + '" href="' + escapeHtml(safeUrl(url)) + '" target="_blank" rel="noopener">' + escapeHtml(titleText) + '</a>' + followupChip + pausedChips + (pr.description ? '<div class="pr-desc" title="' + escapeHtml(pr.description) + '">' + escapeHtml(pr.description.length > 120 ? pr.description.slice(0, 120) + '...' : pr.description) + '</div>' : '') + '</td>' +
+    '<td><span class="pr-id" title="' + escapeHtml(String(prId)) + '">' + escapeHtml(prShortId(String(prId))) + '</span></td>' +
+    '<td><a class="pr-title" title="' + escapeHtml(titleText) + '" href="' + escapeHtml(safeUrl(url)) + '" target="_blank" rel="noopener">' + escapeHtml(titleText) + '</a>' + followupChip + pausedChips + (descPreview ? '<div class="pr-desc" title="' + escapeHtml(descPreview) + '">' + escapeHtml(descPreview.length > 120 ? descPreview.slice(0, 120) + '...' : descPreview) + '</div>' : '') + '</td>' +
     '<td><span class="pr-agent" title="' + escapeHtml(agentText) + '">' + escapeHtml(agentText) + '</span></td>' +
     '<td><span class="' + branchClass + '" title="' + escapeHtml(branchError || branchLabel) + '">' + escapeHtml(branchLabel) + '</span>' + pendingReasonHtml + '</td>' +
     '<td><span class="pr-badge ' + reviewClass + '" title="' + escapeHtml(reviewTitle || reviewLabel) + '">' + escapeHtml(reviewLabel) + '</span></td>' +
@@ -216,12 +257,12 @@ function prRow(pr) {
 }
 
 // Explicit per-column widths keep the PR table from ballooning when titles or
-// branches are long. Total ≈1420px → table grows past viewport on narrow
+// branches are long. Total ≈1455px → table grows past viewport on narrow
 // windows and the .pr-table-wrap--prs container scrolls horizontally inside
 // the viewport (sticky scrollbar — see styles.css).
 const PRS_COLGROUP =
   '<colgroup>' +
-    '<col style="width:75px">' +    // PR id
+    '<col style="width:110px">' +   // PR id (short label: `gh #481` / `ado #5383607`)
     '<col style="width:320px">' +   // Title
     '<col style="width:140px">' +   // Agent
     '<col style="width:200px">' +   // Branch

package/dashboard/js/render-schedules.js

@@ -340,12 +340,12 @@ function renderSchedules(schedules, opts) {
         ? '<span class="pr-badge approved">enabled</span>'
         : '<span class="pr-badge rejected">disabled</span>';
       const lastRun = s._lastRun ? timeAgo(s._lastRun) : 'never';
-      const typeBadge = '<span class="dispatch-type ' + escHtml(s.type || 'implement') + '">' + escHtml(s.type || 'implement') + '</span>';
+      const typeBadge = '<span class="pr-badge draft">' + escHtml(s.type || 'implement') + '</span>';
       const humanCron = _cronToHuman(s.cron || '');
       html += '<tr data-sched-id="' + escHtml(s.id || '') + '" style="cursor:pointer" onclick="if(shouldIgnoreSelectionClick(event))return;openScheduleDetail(\'' + escHtml(s.id) + '\')">' +
         '<td><span class="pr-id">' + escHtml(s.id || '') + '</span></td>' +
         '<td style="max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="' + escHtml(s.title || '') + '">' + escHtml(s.title || '') + '</td>' +
-        '<td><span title="' + escHtml(s.cron || '') + '" style="font-size:var(--text-base);color:var(--blue)">' + escHtml(humanCron) + '</span></td>' +
+        '<td><span title="' + escHtml(s.cron || '') + '" style="font-size:var(--text-base);color:var(--muted)">' + escHtml(humanCron) + '</span></td>' +
         '<td>' + typeBadge + '</td>' +
         '<td><span style="font-size:var(--text-sm);color:var(--muted)">' + escHtml(s.project || '') + '</span></td>' +
         '<td><span class="pr-agent">' + escHtml(s.agent || 'auto') + '</span></td>' +

package/dashboard/js/render-skills.js

@@ -73,7 +73,7 @@ function renderSkills(skills) {
   // native locations (~/.claude/skills, ~/.copilot/skills, plugin skills) are
   // only visible to that runtime. The "agent" tab (~/.agents/skills) is the
   // cross-runtime portable bucket and IS visible to every runtime.
-  html += '<div style="font-size:var(--text-xs);color:var(--muted);margin-bottom:8px;line-height:1.4">' +
+  html += '<div style="font-size:var(--text-xs);font-style:italic;color:var(--muted);margin-bottom:8px;line-height:1.4">' +
     'Skills are reference docs agents read on demand — they are not injected wholesale into prompts. ' +
     'Each tab reflects what the matching runtime would see; runtime-native skills are NOT cross-visible. ' +
     'The agent tab (~/.agents/skills) is the cross-runtime portable bucket — visible to every runtime.' +
@@ -92,10 +92,10 @@ function renderSkills(skills) {
     const meta = _skillMetaOf(r.source);
     const autoTag = r.autoGenerated ? '<span style="font-size:var(--text-xs);background:rgba(63,185,80,0.15);color:var(--green);padding:1px 4px;border-radius:3px;margin-left:4px">auto</span>' : '';
     html += '<div class="inbox-item" onclick="openSkill(' + _jsArg(r.file) + ',' + _jsArg(r.source || 'claude-code') + ',' + _jsArg(r.dir || '') + ')" style="border-left-color:var(--green)">' +
-      '<div class="inbox-name"><span style="color:var(--green);font-weight:600">' + meta.icon + ' ' + escHtml(r.name) + '</span>' + autoTag +
+      '<div class="inbox-name"><span style="color:var(--green);font-weight:700">' + meta.icon + ' ' + escHtml(r.name) + '</span>' + autoTag +
         '<span style="font-size:var(--text-xs);color:var(--muted);margin-left:auto">' + escHtml(meta.label) + '</span>' +
       '</div>' +
-      (r.description ? '<div class="inbox-preview" style="color:var(--text)">' + escHtml(r.description) + '</div>' : '') +
+      (r.description ? '<div class="inbox-preview" style="font-size:var(--text-sm);color:var(--text)">' + escHtml(r.description) + '</div>' : '') +
     '</div>';
   }
   html += '</div>';

package/dashboard/js/render-watches.js

@@ -242,9 +242,9 @@ function renderWatches(watchesData, opts) {
 
     html += '<tr style="cursor:pointer" onclick="if(shouldIgnoreSelectionClick(event))return;openWatchDetail(\'' + escHtml(w.id) + '\')">' +
       '<td><span class="pr-id">' + escHtml(w.id) + '</span></td>' +
-      '<td style="max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="' + escHtml(_watchTitleFallback(w)) + '">' + escHtml(_formatWatchTarget(w.target, w.targetType) || _watchTitleFallback(w)) + '</td>' +
+      '<td style="max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="' + escHtml(_watchTitleFallback(w)) + '"><span class="pr-id">' + escHtml(_formatWatchTarget(w.target, w.targetType) || _watchTitleFallback(w)) + '</span></td>' +
       '<td><span class="dispatch-type explore">' + escHtml(targetLabel) + '</span></td>' +
-      '<td><span style="font-size:var(--text-base);color:var(--blue)">' + escHtml(condLabel) + '</span></td>' +
+      '<td><span class="pr-badge" style="background:rgba(139,148,158,0.15);color:var(--muted);border-color:var(--muted)">' + escHtml(condLabel) + '</span></td>' +
       '<td><span style="font-size:var(--text-sm)">' + actionLabel + '</span></td>' +
       '<td><span style="font-size:var(--text-sm);color:var(--muted)">' + escHtml(_intervalToHuman(w.interval)) + '</span></td>' +
       '<td><span class="pr-agent">' + escHtml(w.owner || 'human') + '</span></td>' +

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

@@ -175,7 +175,9 @@ function wiRow(item) {
   // the PR column (not the Agent column). The engine prefixes failReason with
   // "Non-retryable failure:" and stamps item._failureClass on non-retryable
   // demotion (engine/dispatch.js writeDispatchResult / force-demote path).
-  var isNonRetryableFail = !!item._failureClass || /^Non-retryable failure:/i.test(item.failReason || '');
+  var isNonRetryableFail = !!item._failureClass
+    || /^Non-retryable failure:/i.test(item.failReason || '')
+    || /^Project "[^"]+" not found\./i.test(item.failReason || '');
   var failSnippet = item.failReason
     ? '<span style="display:block;font-size:var(--text-xs);color:var(--red)" title="' + escapeHtml(item.failReason) + '">' + escapeHtml(item.failReason.slice(0, 30)) + '</span>'
     : '';

package/dashboard/js/settings.js

@@ -289,6 +289,32 @@ async function openSettings() {
           '⚠ Live mode: dispatches run directly in this repo\'s checkout. Only one mutating dispatch runs at a time. Dirty working trees block dispatch — commit or stash before running.' +
         '</div>' +
       '</div>';
+    // M006 — liveValidation section (per-project hybrid mode config).
+    // Controls: type (work item type that stays serialized in live checkout)
+    // and autoDispatch (auto-create validation WI after coding WI completes).
+    // Section is rendered with reduced opacity + pointer-events:none when
+    // checkoutMode is not 'live' — it only applies in hybrid mode.
+    var lvType = (p.liveValidation && p.liveValidation.type) ? p.liveValidation.type : '';
+    var lvAutoDispatch = !!(p.liveValidation && p.liveValidation.autoDispatch);
+    var lvDisabled = (currentWtMode !== 'live');
+    var lvSectionStyle = lvDisabled
+      ? 'opacity:0.45;pointer-events:none;margin-bottom:6px'
+      : 'margin-bottom:6px';
+    var liveValidationBlock =
+      '<div data-live-validation-section="' + escHtml(p.name) + '" data-search="live validation deferred build test auto dispatch worktree" style="' + lvSectionStyle + '">' +
+        '<label style="font-size:var(--text-sm);color:var(--muted);display:block;margin-bottom:2px">Live validation (deferred build/test)' +
+          (lvDisabled ? ' <span style="font-size:var(--text-xs);opacity:0.7">(requires Live checkout)</span>' : '') +
+        '</label>' +
+        '<div style="font-size:var(--text-xs);color:var(--muted);margin-bottom:4px;line-height:1.4">' +
+          'For checkoutMode: live projects — coding agents run in worktrees; a separate dispatch validates in live checkout.' +
+        '</div>' +
+        '<input id="set-liveValidationType-' + escHtml(p.name) + '" value="' + escHtml(lvType) + '" placeholder="e.g. build-and-test" style="width:100%;padding:4px 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:var(--text-md);margin-bottom:4px">' +
+        '<div style="font-size:var(--text-xs);color:var(--muted);margin-bottom:4px">Validation work item type (e.g. <code>build-and-test</code>, <code>test</code>, <code>verify</code>). Leave blank to disable.</div>' +
+        '<div style="display:flex;align-items:center;gap:8px;padding:2px 0">' +
+          '<input type="checkbox" id="set-liveValidationAutoDispatch-' + escHtml(p.name) + '"' + (lvAutoDispatch ? ' checked' : '') + ' style="accent-color:var(--blue);width:16px;height:16px;cursor:pointer">' +
+          '<label for="set-liveValidationAutoDispatch-' + escHtml(p.name) + '" style="font-size:var(--text-md);color:var(--text);cursor:pointer">Auto-dispatch validation WI after coding WI completes</label>' +
+        '</div>' +
+      '</div>';
     return '<div data-settings-project="' + escHtml(p.name) + '" data-search="project ' + escHtml(p.name.toLowerCase()) + '" style="border:1px solid var(--border);border-radius:6px;padding:10px 12px;margin-bottom:12px">' +
       '<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px">' +
         '<div style="font-size:var(--text-md);font-weight:600">' + escHtml(p.name) + '</div>' +
@@ -297,6 +323,7 @@ async function openSettings() {
       pathRow +
       branchGrid +
       worktreeModeBlock +
+      liveValidationBlock +
       driftNote +
       '<div style="display:flex;flex-direction:column;gap:6px;margin-top:8px">' +
       settingsToggle('Discover from PRs', 'set-ws-prs-' + p.name, p.workSources.pullRequests.enabled, 'Discovery gate: scan repo for open PRs and surface them as review tasks. Independent of ADO/GitHub polling — does not affect already-tracked PRs.') +
@@ -700,6 +727,14 @@ async function openSettings() {
       const chip = document.querySelector('[data-checkout-mode-chip="' + (window.CSS && CSS.escape ? CSS.escape(projName) : projName) + '"]');
       if (!chip) return;
       chip.style.display = (sel.value === 'live') ? '' : 'none';
+      // M006 — also toggle the liveValidation section opacity/pointer-events
+      // reactively: disabled when checkoutMode is not 'live'.
+      const lvSection = document.querySelector('[data-live-validation-section="' + (window.CSS && CSS.escape ? CSS.escape(projName) : projName) + '"]');
+      if (lvSection) {
+        const isLive = (sel.value === 'live');
+        lvSection.style.opacity = isLive ? '' : '0.45';
+        lvSection.style.pointerEvents = isLive ? '' : 'none';
+      }
     });
   });
 }
@@ -1143,10 +1178,20 @@ async function saveSettings() {
       // values.
       const wtModeInput = document.getElementById('set-checkoutMode-' + p.name);
       const wtModeValue = (wtModeInput && wtModeInput.value === 'live') ? 'live' : 'worktree';
+      // M006 — liveValidation: read type text input and autoDispatch checkbox.
+      // Empty type → send null so the server clears the field.
+      const lvTypeInput = document.getElementById('set-liveValidationType-' + p.name);
+      const lvAutoDispatchInput = document.getElementById('set-liveValidationAutoDispatch-' + p.name);
+      const lvTypeValue = lvTypeInput ? lvTypeInput.value.trim() : '';
+      const lvAutoDispatchValue = lvAutoDispatchInput ? !!lvAutoDispatchInput.checked : false;
+      const liveValidationValue = lvTypeValue
+        ? { type: lvTypeValue, autoDispatch: lvAutoDispatchValue }
+        : null;
       return {
         name: p.name,
         mainBranch: mainBranchValue || null,
         checkoutMode: wtModeValue,
+        liveValidation: liveValidationValue,
         workSources: {
           pullRequests: { enabled: document.getElementById('set-ws-prs-' + p.name)?.checked ?? true },
           workItems: { enabled: document.getElementById('set-ws-wi-' + p.name)?.checked ?? true }

package/dashboard/pages/engine.html

@@ -5,7 +5,7 @@
       </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>
+        <h2>Engine Log <span class="qa-section-subtitle">tick-by-tick audit trail of engine operations</span></h2>
         <div class="log-list" id="engine-log">No log entries yet.</div>
       </section>
       <section>
@@ -22,13 +22,13 @@
       </section>
       <section id="keep-processes-section">
         <h2>Keep-Processes <span class="count" id="keep-processes-count">0</span>
-          <span style="font-size:var(--text-sm);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0">processes left running by agents</span>
+          <span class="qa-section-subtitle">processes left running by agents</span>
         </h2>
         <div id="keep-processes-content"><p class="empty">No agents have left processes running. Set <code>meta.keep_processes: true</code> on a work item to enable.</p></div>
       </section>
       <section id="managed-processes-section">
         <h2>Managed Processes <span class="count" id="managed-processes-count">0</span>
-          <span style="font-size:var(--text-sm);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0">engine-managed long-running services</span>
+          <span class="qa-section-subtitle">engine-managed long-running services</span>
         </h2>
         <div id="managed-processes-content"><p class="empty">No managed processes. Agents declare them via <code>agents/&lt;id&gt;/managed-spawn.json</code>.</p></div>
       </section>

package/dashboard/pages/meetings.html

@@ -1,7 +1,7 @@
 <section>
-  <h2>Team Meetings <span class="count" id="meetings-count">0</span>
+  <h2>Meetings <span class="count" id="meetings-count">0</span>
     <button class="btn-add" style="margin-left:8px" onclick="openCreateMeetingModal()">+ New Meeting</button>
-    <span style="font-size:var(--text-sm);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0">multi-round agent discussions — investigate, debate, conclude</span>
+    <span class="qa-section-subtitle">multi-round agent discussions — investigate, debate, conclude</span>
   </h2>
   <div id="meetings-content"><p class="empty">No meetings yet. Start one to have agents investigate, debate, and conclude on a topic.</p></div>
 </section>

package/dashboard/pages/pipelines.html

@@ -1,7 +1,7 @@
 <section>
   <h2>Pipelines <span class="count" id="pipelines-count">0</span>
     <button class="btn-add" style="margin-left:8px" onclick="openCreatePipelineModal()">+ New Pipeline</button>
-    <span style="font-size:var(--text-sm);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0">multi-stage workflows with dependencies — chain meetings, plans, tasks, merges in any order, on a schedule or manual</span>
+    <span class="qa-section-subtitle">multi-stage workflows with dependencies — chain meetings, plans, tasks, merges in any order, on a schedule or manual</span>
   </h2>
   <div id="pipelines-content"><p class="empty">No pipelines yet. Create one to chain stages like audit → meeting → plan → merge.</p></div>
 </section>

package/dashboard/pages/tools.html

@@ -1,9 +1,9 @@
       <section>
-        <h2>Minions Skills <span class="count" id="skills-count">0</span> <span style="font-size:var(--text-sm);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0">discovered from runtime native dirs, plugin installs, and configured project repos</span></h2>
+        <h2>Minions Skills <span class="count" id="skills-count">0</span> <span class="qa-section-subtitle">discovered from runtime native dirs, plugin installs, and configured project repos</span></h2>
         <div id="skills-list"><p class="empty">No skills yet. Agents create these when they discover repeatable workflows.</p></div>
       </section>
       <section>
-        <h2>Slash Commands <span class="count" id="commands-count">0</span> <span style="font-size:var(--text-sm);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0">discovered from runtime native command dirs, plugin installs, and configured project repos</span></h2>
+        <h2>Slash Commands <span class="count" id="commands-count">0</span> <span class="qa-section-subtitle">discovered from runtime native command dirs, plugin installs, and configured project repos</span></h2>
         <div id="commands-list"><p class="empty">No slash commands discovered.</p></div>
       </section>
       <section>
@@ -11,6 +11,6 @@
         <div id="mcp-list"><p class="empty">No MCP servers synced.</p></div>
       </section>
       <section>
-        <h2>Harness Propagation <span style="font-size:var(--text-sm);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0">what each runtime sees, what's attached via --add-dir, and which assets won't propagate to a fresh worktree</span></h2>
+        <h2>Harness Propagation <span class="qa-section-subtitle">what each runtime sees, what's attached via --add-dir, and which assets won't propagate to a fresh worktree</span></h2>
         <div id="harness-diag"><p class="empty">Loading harness diagnostics…</p></div>
       </section>

package/dashboard/pages/watches.html

@@ -1,7 +1,7 @@
       <section id="watches-section">
         <h2>Watches <span class="count" id="watches-count">0</span>
           <button class="btn-add" style="margin-left:8px" onclick="openCreateWatchModal()">+ New</button>
-          <span style="font-size:var(--text-sm);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0">persistent watches that monitor PRs, work items, and branches for changes</span>
+          <span class="qa-section-subtitle">persistent watches that monitor PRs, work items, and branches for changes</span>
         </h2>
         <div id="watches-content"><p class="empty">No active watches. Create one to monitor PRs, work items, or branches.</p></div>
       </section>

package/dashboard/slim/js/status.js

@@ -86,21 +86,35 @@
 
     // ── Engine tile ────────────────────────────────────────────
     var engine = data.engine || {};
-    // /api/status exposes `state` ('running'|'paused'|'stopping'|'stopped')
-    // and `started_at`. Trust `state` only — codeVersion/started_at are static
-    // fields that persist when the engine is paused/stopped, so they'd mislabel
-    // a down engine as running. Absent state (shouldn't happen) reads as down.
-    var engineState = engine.state || '';
-    var startedAt = engine.started_at;
-    var engineRunning = !!engineState && engineState !== 'stopped';
-    if (!engineState) engineState = 'stopped';
-    var engineLit = engineState === 'running' ? 'green' : (engineState === 'paused' ? 'amber' : 'red');
-    updateTile(
-      'engine',
-      engineRunning ? engineState : 'down',
-      startedAt ? 'up since ' + relTime(startedAt) : '—',
-      engineLit
-    );
+    // Use lastTickAt (stamped by engine.js#tickInner on every successful tick)
+    // to show recency instead of the static started_at. This catches a frozen
+    // engine that is still "running" per state but hasn't ticked in minutes.
+    //
+    // Stale detection mirrors classic dashboard render-dispatch.js#renderEngineStatus:
+    // when the server flags heartbeatStale (BOTH heartbeat AND lastTickAt have
+    // aged past their thresholds) we override the display state to 'stale' and
+    // light the tile red — the engine claims running but may have crashed.
+    var rawState = engine.state || 'stopped';
+    var lastTickAt = engine.lastTickAt;
+    var heartbeatStale = !!engine.heartbeatStale;
+
+    var engineState = rawState;
+    if ((rawState === 'running' || rawState === 'degraded') && heartbeatStale) {
+      engineState = 'stale';
+    }
+
+    var engineLit = engineState === 'running' ? 'green'
+      : engineState === 'paused' ? 'amber'
+      : 'red'; // stopped / stale / degraded
+
+    var engineValue = engineState === 'stopped' ? 'down' : engineState;
+
+    // Detail: time since the last successful tick. When lastTickAt is absent
+    // (engine never ticked or very fresh start) fall back to '—'.
+    var engineDetail = lastTickAt ? 'last tick ' + relTime(lastTickAt) : '—';
+    if (engineState === 'stale') engineDetail += ' · may be down';
+
+    updateTile('engine', engineValue, engineDetail, engineLit);
 
     // ── Dispatches ─────────────────────────────────────────────
     // The per-minion "working" view moved to the Team cards (renderMembers);

package/dashboard/styles.css

@@ -274,6 +274,10 @@
   .pipeline-card-meta { margin-top: var(--space-2); display: flex; flex-wrap: wrap; gap: var(--space-4); font-size: var(--text-sm); color: var(--muted); }
   .pipeline-card-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: var(--space-4); flex-shrink: 0; }
   .pipeline-empty-runs { border: 1px dashed var(--border); border-radius: var(--radius-md); padding: var(--space-6); color: var(--muted); font-size: var(--text-md); background: rgba(139,148,158,0.04); }
+  /* Separate the empty-state line from the muted section subtitle so the two
+   * muted lines don't read as one block (W-mqv5dvl8000odd79). Scoped to the
+   * pipelines list only; the global .empty stays untouched for other screens. */
+  #pipelines-content > .empty { margin-top: 2rem; }
   .prd-items-list { display: flex; flex-direction: column; gap: 3px; max-height: 400px; overflow-y: auto; padding: 0 8px; }
   .prd-item-row { display: flex; align-items: center; gap: 8px; padding: 4px 8px; border-radius: var(--radius-sm); font-size: var(--text-base); background: var(--surface2); border: 1px solid var(--border); border-left: 3px solid var(--border); }
   .prd-item-row.st-done { border-left-color: var(--green); }
@@ -285,7 +289,7 @@
   .prd-item-row.st-paused { border-left-color: var(--muted); opacity: 0.5; }
   .prd-item-id { font-family: Consolas, monospace; color: var(--muted); min-width: 36px; font-size: var(--text-code); }
   .prd-item-name { flex: 1; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-  .prd-item-priority { font-size: var(--text-sm); padding: var(--space-1) var(--space-3); border-radius: var(--radius-lg); }
+  .prd-item-priority { font-size: var(--text-sm); padding: var(--space-1) var(--space-3); border-radius: var(--radius-lg); text-transform: uppercase; }
   .prd-item-priority.high { background: rgba(248,81,73,0.15); color: var(--red); }
   .prd-item-priority.medium { background: rgba(210,153,34,0.15); color: var(--yellow); }
   .prd-item-priority.low { background: rgba(139,148,158,0.15); color: var(--muted); }
@@ -301,6 +305,8 @@
   .pin-btn { color: var(--muted); border-color: var(--border); }
   .pin-btn.pinned { color: var(--yellow); border-color: var(--yellow); }
   .inbox-name { font-weight: 500; font-size: var(--text-md); color: var(--purple); margin-bottom: var(--space-2); display: flex; justify-content: space-between; }
+  .inbox-name-fallback { font-weight: 400; color: var(--muted); }
+  .inbox-filename { font-size: var(--text-sm); color: var(--muted); margin-bottom: var(--space-2); word-break: break-all; line-height: 1.4; }
   .inbox-preview { font-size: var(--text-base); color: var(--muted); line-height: 1.5; max-height: 60px; overflow: hidden; }
 
   .prd-panel, .pr-panel { border-bottom: 1px solid var(--border); overflow: visible; min-width: 0; }
@@ -324,8 +330,12 @@
      ellipsis overflow, and the horizontal scrollbar is pinned inside the
      viewport via a bounded-height container on the standalone /prs page so
      it stays reachable without scrolling to the bottom of a tall table. */
-  .pr-table--prs { table-layout: fixed; width: 100%; min-width: 1420px; }
+  .pr-table--prs { table-layout: fixed; width: 100%; min-width: 1455px; }
   .pr-table--prs th, .pr-table--prs td { overflow: hidden; text-overflow: ellipsis; }
+  /* W-mqv5ccn7 — the Status pill (e.g. ABANDONED) must never ellipsis-truncate
+     its own label; let the Status cell (8th column) render its pill in full
+     rather than inheriting the shared cell-level clip above. */
+  .pr-table--prs td:nth-child(8) { overflow: visible; }
   .pr-table--prs th:last-child, .pr-table--prs td:last-child { width: auto; min-width: 0; }
   .pr-table--prs .pr-title { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .pr-table--prs .pr-agent { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
@@ -1286,8 +1296,16 @@
     font-size: var(--text-sm); color: var(--muted);
     font-weight: 400; text-transform: none; letter-spacing: 0;
   }
-  .qa-engine-link { color: var(--blue); text-decoration: none; }
-  .qa-engine-link:hover { text-decoration: underline; }
+  .qa-engine-link { color: var(--muted); text-decoration: underline; }
+  .qa-engine-link:hover { color: var(--text); }
+  /* Inline text link rendered from a <button> — strip the button chrome so it
+   * reads as a colored underlined link mid-sentence, not a boxed control. */
+  .qa-inline-link {
+    border: none; background: none; padding: 0;
+    display: inline; font: inherit;
+    color: var(--blue); text-decoration: underline; cursor: pointer;
+  }
+  .qa-inline-link:hover { text-decoration: none; }
 
   /* Targets list — slim row per dedup'd target. */
   .qa-targets-list {