@njeybe/nativ 2.7.0 → 2.8.0

package/dist/server/studio-ui/pages/tasks/styles.js

@@ -3,7 +3,7 @@ export const tasksCss = String.raw `#panel-tasks .board { display: grid; grid-te
 #panel-tasks .col { background: var(--surface-2); border-radius: 6px; padding: 8px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
 #panel-tasks .col-head { display: flex; align-items: center; gap: 8px; padding: 4px 6px 2px; font-weight: 500; font-size: 13px; }
 #panel-tasks .col-head .count { margin-left: auto; background: var(--surface); border-radius: 999px; padding: 0 8px; font-size: 12px; color: var(--fg-2); }
-#panel-tasks .col-empty { font-size: 12.5px; color: var(--fg-3); padding: 14px 8px; text-align: center; border: 1px dashed var(--line-2); border-radius: 6px; }
+#panel-tasks .col-empty { margin: 0; font-size: 12.5px; color: var(--fg-3); padding: 4px 2px; }
 #panel-tasks .tcard { display: flex; flex-direction: column; gap: 6px; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; padding: 10px; text-align: left; width: 100%; cursor: pointer; }
 #panel-tasks .tcard:hover { border-color: var(--line-2); }
 #panel-tasks .tcard.in_progress { border-color: color-mix(in srgb, var(--run) 45%, var(--line)); }
@@ -51,24 +51,24 @@ export const tasksCss = String.raw `#panel-tasks .board { display: grid; grid-te
 #panel-tasks .tg-head[aria-expanded="true"] .chev { transform: rotate(90deg); }
 #panel-tasks .trow {
   display: grid; grid-template-columns: 76px minmax(0, 1fr) 110px 150px 72px; gap: 12px;
-  align-items: center; height: 36px; padding: 0 8px; border-bottom: 1px solid var(--line);
+  align-items: center; height: 36px; padding: 0 8px;
   font-size: 13px; cursor: pointer;
 }
 #panel-tasks .trow:hover, #panel-tasks .trow:focus-visible { background: var(--surface-2); }
 #panel-tasks .trow:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
-#panel-tasks .trow.thead { cursor: default; color: var(--fg-3); font-size: 12px; background: none; }
+#panel-tasks .trow.thead { border-bottom: 1px solid var(--line); cursor: default; color: var(--fg-3); font-size: 12px; background: none; }
 #panel-tasks .trow .mono { font-variant-numeric: tabular-nums; font-size: 12px; }
 #panel-tasks .c-id { color: var(--fg-3); }
 #panel-tasks .c-title, #panel-tasks .c-agent { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 #panel-tasks .c-agent { color: var(--fg-2); }
 #panel-tasks .c-time { text-align: right; color: var(--fg-2); }
 #panel-tasks .c-status { display: flex; align-items: center; gap: 6px; }
-#panel-tasks .c-status .dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex: none; }
-#panel-tasks .st-ok { color: var(--ok); }
-#panel-tasks .st-run { color: var(--run); }
-#panel-tasks .st-bad { color: var(--bad); }
-#panel-tasks .st-fg { color: var(--fg); }
-#panel-tasks .st-faint { color: var(--fg-3); }
+#panel-tasks .c-status { white-space: nowrap; overflow: hidden; }
+#panel-tasks .st-done { color: var(--ok); }
+#panel-tasks .st-running { color: var(--run); }
+#panel-tasks .st-stuck { color: var(--bad); }
+#panel-tasks .st-next { color: var(--fg); }
+#panel-tasks .panel-title .lead { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
 #panel-tasks .tdispatch {
   display: none; margin-left: auto; border: 1px solid var(--line-2); background: var(--surface);
   color: var(--fg); border-radius: 6px; padding: 2px 8px; font-size: 12px; cursor: pointer;

package/dist/server/studio-ui/pages/team/script.js

@@ -13,6 +13,7 @@ export const teamScript = String.raw `  var esc = Studio.ui.esc;
     var stamps = tasks.map(function (t) { return t.status === 'in_progress' ? (t.startT || 0) : (t.endT || 0); });
     return {
       agent: key || null,
+      tasks: tasks,
       total: tasks.length,
       done: done.length,
       work: timed.length ? timed.reduce(function (n, t) { return n + t.durationMs; }, 0) : null,
@@ -26,18 +27,38 @@ export const teamScript = String.raw `  var esc = Studio.ui.esc;
   function buildRows(model) {
     var groups = {};
     var order = [];
+    var ids = {};
     model.tasks.forEach(function (t) {
-      var key = t.agent || '';
-      if (!groups[key]) { groups[key] = []; order.push(key); }
+      var key = t.agent ? Studio.agentInfo(t.agent).label : '';
+      if (!groups[key]) { groups[key] = []; ids[key] = []; order.push(key); }
       groups[key].push(t);
+      if (ids[key].indexOf(t.agent) < 0) ids[key].push(t.agent);
     });
-    return order.map(function (k) { return statsFor(k, groups[k]); })
+    return order.map(function (k) {
+      var plain = ids[k].filter(function (i) { return !/-agent$/.test(i || ''); });
+      var id = plain.length ? plain[0] : String(ids[k][0] || '').replace(/-agent$/, '');
+      var r = statsFor(k ? id : '', groups[k]);
+      r.label = k || 'Unassigned';
+      if (ids[k].length === 1) r.agent = ids[k][0] || null;
+      return r;
+    })
       .sort(function (a, b) { return b.total - a.total; });
   }
 
   function currentTask(r) {
     var t = r.running;
-    if (!t) return '<span class="idle">Idle</span>';
+    if (!t) return waiting(r);
+    return taskButton(t);
+  }
+
+  function waiting(r) {
+    var stuck = r.tasks.filter(function (t) { return Studio.status.bucket(t) === 'stuck'; })[0];
+    if (stuck) return '<span class="idle">Stuck</span> ' + taskButton(stuck);
+    var next = r.tasks.some(function (t) { return Studio.status.bucket(t) === 'next'; });
+    return '<span class="idle">' + (next ? 'Up next' : 'Done') + '</span>';
+  }
+
+  function taskButton(t) {
     return '<button type="button" class="cur" data-act="team-open" data-tid="' + esc(t.id) +
       '" title="' + esc(t.title || t.id) + '"><span class="mono">' + esc(t.id) + '</span>' +
       '<span class="ttl">' + esc(t.title || '') + '</span></button>';
@@ -53,9 +74,7 @@ export const teamScript = String.raw `  var esc = Studio.ui.esc;
   }
 
   function row(r) {
-    var dot = r.running ? '<i class="run-dot"></i>' : '';
-    return '<tr data-agent="' + esc(r.agent || 'unassigned') + '"><td class="who">' + dot +
-      esc(r.agent || 'unassigned') + '</td>' +
+    return '<tr data-agent="' + esc(r.agent || 'unassigned') + '"><td class="who">' + esc(r.label) + '</td>' +
       '<td>' + currentTask(r) + '</td>' +
       '<td class="mono r">' + r.done + '</td>' +
       '<td class="mono r hide-sm">' + (r.work == null ? DASH : esc(Studio.fmt.dur(r.work))) + '</td>' +
@@ -102,7 +121,7 @@ export const teamScript = String.raw `  var esc = Studio.ui.esc;
 
   Studio.registerPage('team', {
     deps: ['tasks', 'telemetry', 'runs'],
-    actions: { 'team-open': function (el) { Studio.taskAction('logs', el.getAttribute('data-tid')); } },
+    actions: { 'team-open': function (el) { Studio.openTask(el.getAttribute('data-tid')); } },
     render: render,
     skeleton: skeleton
   });

package/dist/server/studio-ui/pages/team/styles.js

@@ -8,7 +8,6 @@ export const teamCss = String.raw `#panel-team .page-head h1 { font-size: 22px;
 #panel-team .r { text-align: right; }
 #panel-team .mono { font-family: var(--mono); font-variant-numeric: tabular-nums; }
 #panel-team .who { font-weight: 500; }
-#panel-team .run-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--run); margin-right: 8px; }
 #panel-team .idle { color: var(--fg-3); }
 #panel-team .cur { display: inline-flex; gap: 8px; max-width: 360px; padding: 0; border: 0; background: none; color: var(--fg); font: inherit; cursor: pointer; }
 #panel-team .cur:hover .ttl { text-decoration: underline; }

package/dist/server/studio-ui/shell/console.js

@@ -38,6 +38,7 @@ export const consoleScript = String.raw `  // ─── Live runner console draw
 
   function rcStepper(run) {
     var status = run ? run.status : null;
+    if (!run) return '';
     var stage = RC_STAGE[status] != null ? RC_STAGE[status] : rc.stage;
     var settled = !!status && !RUN_ACTIVE[status];
     var failed = status === 'failed' || status === 'aborted';
@@ -60,15 +61,19 @@ export const consoleScript = String.raw `  // ─── Live runner console draw
     $('rc-task').textContent = rc.taskId || '';
     $('rc-title').textContent = task ? task.title : '';
     $('rc-steps').innerHTML = rcStepper(run);
-    $('rc-abort').disabled = !isRunActive(run);
+    $('rc-abort').hidden = !isRunActive(run);
+    $('rc-steps').hidden = !run;
+    $('rc-foot').hidden = !run;
     $('rc-elapsed').textContent = mmss(elapsedOf(run) || 0);
     $('rc-clock').textContent = $('rc-elapsed').textContent;
     syncInspectorStatus(run);
     $('rc-bytes').textContent = formatBytes((run && run.logBytes) || 0);
-    var gate = 'Idle';
+    $('rc-bytes-wrap').hidden = !(run && run.logBytes > 0);
+    var gate = '';
     if (run && run.verification) gate = run.verification.success ? 'Passed' : 'Failed';
     else if (run && run.status === 'verifying') gate = 'Running';
     $('rc-gate').textContent = gate;
+    $('rc-gate-wrap').hidden = !gate;
     // Native runs report grounded usage; cli runs have none to show.
     var usage = run && run.usage;
     $('rc-spend-wrap').hidden = !usage;
@@ -81,7 +86,7 @@ export const consoleScript = String.raw `  // ─── Live runner console draw
     if (run && !isRunActive(run)) {
       exit = RUN_LABEL[run.status] || run.status;
       if (typeof run.exitCode === 'number') exit += ' (exit ' + run.exitCode + ')';
-      if (run.error) exit += ' · ' + run.error;
+      if (run.error) exit += ', ' + run.error;
     }
     $('rc-exit').textContent = exit;
   }
@@ -148,7 +153,7 @@ export const consoleScript = String.raw `  // ─── Live runner console draw
     return api('/api/pipeline/worktrees/diff?taskId=' + encodeURIComponent(taskId)).then(function (body) {
       if (seq !== rc.diffSeq || rc.taskId !== taskId) return;
       var files = Array.isArray(body.filesChanged) ? body.filesChanged : [];
-      var summary = '<code>' + esc(body.branch || '') + '</code> · ' + (body.hasChanges ? files.length + ' uncommitted file' + (files.length === 1 ? '' : 's') : 'working tree clean');
+      var summary = '<code>' + esc(body.branch || '') + '</code>, ' + (body.hasChanges ? files.length + ' uncommitted file' + (files.length === 1 ? '' : 's') : 'working tree clean');
       setDiffState(summary, files, body.diff ? diffToHtml(body.diff) : '<span class="rc-empty">No uncommitted changes in this worktree yet.</span>', files.length);
     }, function (e) {
       if (seq !== rc.diffSeq || rc.taskId !== taskId) return;
@@ -196,10 +201,11 @@ export const consoleScript = String.raw `  // ─── Live runner console draw
 
   // Inspector header status: dot color follows the run state only.
   function syncInspectorStatus(run) {
-    var st = run ? run.status : '';
-    var tone = !st ? 'idle' : st === 'completed' ? 'ok' : (st === 'failed' || st === 'aborted') ? 'err' : 'run';
+    var task = rc.taskId ? taskById(rc.taskId) : null;
+    var bucket = Studio.status.runBucket(run) || (task ? Studio.status.bucket(task) : 'next');
+    var tone = { done: 'ok', stuck: 'err', running: 'run' }[bucket] || 'idle';
     $('rc-status').setAttribute('data-tone', tone);
-    $('rc-status-text').textContent = st ? (RUN_LABEL[st] || st) : 'Idle';
+    $('rc-status-text').textContent = Studio.status.word(bucket);
   }
 
   // Below 1024px the inspector is a modal sheet over the content.

package/dist/server/studio-ui/shell/detail-view.js

@@ -28,8 +28,8 @@ export const detailViewScript = String.raw `  // ─── Task detail panel (pu
     }
     if (t.status === 'in_progress') {
       var live = t.run && isRunActive(t.run);
-      return dBtn('task-logs', 'Open live logs', { busy: b }) +
-        dBtn('task-abort', 'Stop', { danger: true, busy: b, disabled: !live, title: live ? '' : 'No runner is attached to this task' });
+      return (t.run ? dBtn('task-logs', 'Watch live', { busy: b }) : '') +
+        (live ? dBtn('task-abort', 'Stop', { danger: true, busy: b }) : '');
     }
     if (t.status === 'pending' && !t.waitingOn.length) {
       return dBtn('task-start', 'Start', { primary: true, busy: b }) + dBtn('task-dispatch', 'Dispatch', { busy: b });
@@ -73,7 +73,7 @@ export const detailViewScript = String.raw `  // ─── Task detail panel (pu
       chipList('Needs first', t.deps.length ? t.deps.map(function (d) { return depChip(model, d); }).join('') : '<span class="faint">Nothing. It can start right away.</span>') +
       chipList('Unblocks', t.children.length ? t.children.map(function (d) { return depChip(model, d); }).join('') : '<span class="faint">No later task depends on this.</span>') +
       chipList('Files it may change', files) +
-      '<div><div class="dlabel">How it is checked</div><div class="code">' + esc(t.verify || 'No check command.') + '</div></div>' +
+      '<div><div class="dlabel">How it is checked</div><div class="code wrap">' + esc(t.verify || 'No check command.') + '</div></div>' +
       '<div class="chips"><button type="button" class="btn" data-act="show-flow">' + ui.icon('flow') + 'Show in Flow</button></div></div>';
   };
 

package/dist/server/studio-ui/shell/dispatch.js

@@ -25,9 +25,9 @@ export const dispatchScript = String.raw `  // ─── Autonomous dispatch: PO
     pipe.busy[key] = 'abort';
     refreshUi([]);
     postJson('/api/pipeline/tasks/abort', { taskId: taskId, reason: 'Aborted from Nativ Studio' }).then(function () {
-      toast('Abort signal sent to ' + taskId, 'ok');
+      toast('Stop signal sent to ' + taskId, 'ok');
     }, function (e) {
-      toast('Could not abort ' + taskId + ': ' + e.message);
+      toast('Could not stop ' + taskId + ': ' + e.message);
     }).then(function () {
       delete pipe.busy[key];
       return fetchPipeline(['status', 'tasks', 'runs']);
@@ -47,9 +47,9 @@ export const dispatchScript = String.raw `  // ─── Autonomous dispatch: PO
 
   function confirmAbort(taskId) {
     confirmDialog({
-      title: 'Abort agent run',
+      title: 'Stop agent run',
       body: 'Terminate the Claude process tree for ' + taskId + '? The isolated worktree and its branch are left in place so the partial work can be inspected.',
-      confirmLabel: 'Abort Run',
+      confirmLabel: 'Stop',
       danger: true
     }, function () { runAbort(taskId); });
   }
@@ -152,14 +152,15 @@ export const dispatchScript = String.raw `  // ─── Autonomous dispatch: PO
   function syncDispatchNext() {
     var m = Studio.model;
     if (!m) return;
-    var t = m.tasks.filter(function (x) { return x.status === 'pending' && x.isAvailable; })[0];
+    var t = m.tasks.filter(function (x) { return Studio.status.isReady(x); })[0];
     var key = t ? t.id : '';
     if (key === nextSeen) return;
     nextSeen = key;
     nextId = t ? t.id : null;
-    nextBtn.disabled = !t;
-    $('dispatch-next-label').textContent = t ? 'Dispatch ' + t.id : 'Nothing ready';
-    nextBtn.title = t ? 'Open the dispatch dialog for ' + t.id : 'No pending task has its dependencies met';
+    nextBtn.hidden = !t;
+    if (!t) return;
+    $('dispatch-next-label').textContent = 'Dispatch ' + t.id;
+    nextBtn.title = 'Open the dispatch dialog for ' + t.id;
   }
   nextBtn.addEventListener('click', function () { if (nextId) openDispatchDialog(nextId); });
   Studio.onPaint(syncDispatchNext);

package/dist/server/studio-ui/shell/events-tools.js

@@ -8,6 +8,17 @@ export const eventsToolsScript = String.raw `  // ─── Events: live runner
   $('rc-clear').addEventListener('click', function () {
     $('rc-body').innerHTML = '<span class="rc-empty">Console cleared. New output will stream in here.</span>';
   });
+  function setMoreMenu(open) {
+    $('rc-more-menu').hidden = !open;
+    $('rc-more').setAttribute('aria-expanded', String(open));
+  }
+  $('rc-more').addEventListener('click', function () { setMoreMenu($('rc-more-menu').hidden); });
+  $('rc-more-menu').addEventListener('click', function (e) {
+    if (e.target.closest('#rc-open-diff')) setMoreMenu(false);
+  });
+  document.addEventListener('click', function (e) {
+    if (!$('rc-more-menu').hidden && !e.target.closest('.rc-more')) setMoreMenu(false);
+  });
   $('rc-abort').addEventListener('click', function () { if (rc.taskId) confirmAbort(rc.taskId); });
   document.querySelectorAll('.rc-tab').forEach(function (btn) {
     btn.addEventListener('click', function () { setConsoleTab(btn.getAttribute('data-rc-tab')); });

package/dist/server/studio-ui/shell/format.js

@@ -24,7 +24,34 @@ export const formatScript = String.raw `  // ─── Studio client core: state
     });
   }
 
-  var STATUS_LABEL = { completed: 'Done', in_progress: 'Running', pending: 'Up next', blocked: 'Stuck' };
+  var BUCKETS = [['next', 'Up next'], ['running', 'Running'], ['done', 'Done'], ['stuck', 'Stuck']];
+  var BUCKET_WORD = {};
+  BUCKETS.forEach(function (b) { BUCKET_WORD[b[0]] = b[1]; });
+  var STATUS_BUCKET = { completed: 'done', in_progress: 'running', pending: 'next', blocked: 'stuck' };
+  var STATUS_LABEL = {};
+  Object.keys(STATUS_BUCKET).forEach(function (k) { STATUS_LABEL[k] = BUCKET_WORD[STATUS_BUCKET[k]]; });
+  var RUN_BUCKET = { spawning_worktree: 'running', running: 'running', verifying: 'running',
+    merging: 'running', completed: 'done', failed: 'stuck', aborted: 'next' };
+
+  var status = {
+    buckets: BUCKETS,
+    isReady: function (t) {
+      return t.status === 'pending' && (!!t.isAvailable || !(t.waitingOn || []).length);
+    },
+    bucket: function (t) {
+      if (t.status === 'completed') return 'done';
+      if (t.status === 'in_progress') return t.stale ? 'next' : 'running';
+      if (t.status === 'blocked') return 'stuck';
+      return 'next';
+    },
+    runBucket: function (run) { return run ? (RUN_BUCKET[run.status] || null) : null; },
+    word: function (key) { return BUCKET_WORD[key] || STATUS_LABEL[key] || 'Unknown'; },
+    waitText: function (t) {
+      if (t.status !== 'pending' || status.isReady(t)) return '';
+      var n = (t.waitingOn || []).length;
+      return n === 1 ? 'Waits for 1 task' : 'Waits for ' + n + ' tasks';
+    }
+  };
   var AGENTS = {
     'backend': ['Backend', '--ag-backend'],
     'frontend': ['Frontend', '--ag-frontend'],
@@ -118,7 +145,8 @@ export const formatScript = String.raw `  // ─── Studio client core: state
       if (!model) return '';
       var current = Studio.state.milestoneId;
       var opts = model.milestones.slice().reverse().map(function (m) {
-        var text = m.id + ' · ' + m.short + ' (' + m.done + '/' + m.total + ')' + (m.id === model.activeMilestoneId ? ' · active' : '');
+        var count = m.done + '/' + m.total + (m.id === model.activeMilestoneId ? ', active' : '');
+        var text = m.id + ' ' + m.short + ' (' + count + ')';
         return '<option value="' + esc(m.id) + '"' + (m.id === current ? ' selected' : '') + '>' + esc(text) + '</option>';
       }).join('');
       return '<select class="sel" data-ms-select aria-label="Milestone">' + opts + '</select>';
@@ -136,6 +164,7 @@ export const formatScript = String.raw `  // ─── Studio client core: state
 
   Studio.fmt = fmt;
   Studio.ui = ui;
+  Studio.status = status;
   Studio.agentInfo = agentInfo;
   Studio.statusLabel = function (status) { return STATUS_LABEL[status] || 'Unknown'; };
 

package/dist/server/studio-ui/shell/markup-head.js

@@ -25,7 +25,7 @@ export function markupHead(version, projectName, projectHidden) {
   <div class="top-right">
     <button class="btn" id="btn-find" type="button" aria-keyshortcuts="Control+K Meta+K">${svg('search')}<span>Find task</span><span class="kbd">Ctrl+K</span></button>
     <button class="btn ghost" id="btn-theme" type="button" title="Switch light or dark" aria-label="Switch light or dark"><span class="ic-sun">${svg('sun')}</span><span class="ic-moon">${svg('moon')}</span></button>
-    <button class="btn primary" id="btn-dispatch-next" type="button" disabled title="Loading tasks">${svg('play')}<span id="dispatch-next-label">Nothing ready</span></button>
+    <button class="btn primary" id="btn-dispatch-next" type="button" hidden>${svg('play')}<span id="dispatch-next-label">Dispatch</span></button>
     <div class="t1" id="t1">
       <button class="t1-chip" id="t1-chip" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="t1-menu" data-state="idle" title="Tier 1 AI Strategist"><svg class="icon t1-spark" width="14" height="14" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z"/></svg><span class="t1-chip-label">Tier 1 AI:</span><span class="t1-chip-model" id="t1-chip-model">Gemini 3.8 Flash</span><svg class="icon t1-caret" width="12" height="12" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"/></svg></button>
       <div class="t1-menu" id="t1-menu" role="dialog" aria-label="Tier 1 AI Strategist" tabindex="-1" hidden>

package/dist/server/studio-ui/shell/markup-tools.js

@@ -14,16 +14,21 @@ export const markupTools = String.raw `</main>
   <header class="rc-head">
     <div class="rc-id-row">
       <code class="rc-task" id="rc-task"></code>
-      <span class="rc-status" id="rc-status"><span class="rc-dot" aria-hidden="true"></span><span id="rc-status-text">Idle</span></span>
+      <span class="rc-status" id="rc-status"><span class="rc-dot" aria-hidden="true"></span><span id="rc-status-text">Up next</span></span>
       <code class="rc-clock" id="rc-clock">00:00</code>
     </div>
     <span class="rc-title" id="rc-title"></span>
     <ol class="rc-steps" id="rc-steps" aria-label="Runner lifecycle"></ol>
     <div class="rc-controls">
-      <button class="rc-btn danger" type="button" id="rc-abort" aria-label="Abort the running agent">Abort</button>
-      <button class="rc-btn" type="button" id="rc-open-diff" aria-label="Open the worktree diff">Open diff</button>
-      <button class="rc-btn" type="button" id="rc-autoscroll" aria-pressed="true" aria-label="Toggle console auto-scroll">Auto-scroll</button>
-      <button class="rc-btn" type="button" id="rc-clear" aria-label="Clear the console buffer">Clear</button>
+      <button class="rc-btn danger" type="button" id="rc-abort" aria-label="Stop the running agent" hidden>Stop</button>
+      <span class="rc-more">
+        <button class="rc-btn" type="button" id="rc-more" aria-haspopup="true" aria-expanded="false" aria-controls="rc-more-menu">More</button>
+        <div class="rc-menu" id="rc-more-menu" hidden>
+          <button class="rc-btn" type="button" id="rc-open-diff" aria-label="Open the worktree diff">Open diff</button>
+          <button class="rc-btn" type="button" id="rc-clear" aria-label="Clear the console buffer">Clear</button>
+          <button class="rc-btn" type="button" id="rc-autoscroll" aria-pressed="true" aria-label="Toggle console auto-scroll">Auto-scroll</button>
+        </div>
+      </span>
       <button class="rc-btn" type="button" id="rc-minimize" aria-expanded="true" aria-controls="rc-body" aria-label="Collapse the inspector">Collapse</button>
       <button class="rc-btn" type="button" id="rc-close" aria-label="Close the runner console">Close</button>
     </div>
@@ -43,12 +48,12 @@ export const markupTools = String.raw `</main>
     <pre class="rc-diff-body" id="rc-diff-body" aria-label="Unified diff" tabindex="0"></pre>
   </div>
   <div class="rc-heal" id="rc-heal" role="tabpanel" aria-labelledby="rc-tab-heal" tabindex="0" hidden></div>
-  <footer class="rc-foot">
+  <footer class="rc-foot" id="rc-foot" hidden>
     <span>Elapsed <strong id="rc-elapsed">00:00</strong></span>
-    <span>Output <strong id="rc-bytes">0 B</strong></span>
+    <span id="rc-bytes-wrap" hidden>Output <strong id="rc-bytes">0 B</strong></span>
     <span id="rc-spend-wrap" hidden>Spend <strong id="rc-spend">$0.0000</strong></span>
     <span id="rc-cache-wrap" hidden>Cache hit <strong id="rc-cache">0%</strong></span>
-    <span>Gatekeeper <strong id="rc-gate">Idle</strong></span>
+    <span id="rc-gate-wrap" hidden>Gatekeeper <strong id="rc-gate"></strong></span>
     <span id="rc-exit"></span>
   </footer>
 </section>

package/dist/server/studio-ui/shell/model.js

@@ -2,6 +2,7 @@
 export const modelScript = String.raw `  // ─── Studio client model: buildModel(api) is pure ──────────────────────────
   var RUN_ACTIVE = { spawning_worktree: 1, running: 1, verifying: 1, merging: 1 };
   function isRunActive(run) { return !!run && !!RUN_ACTIVE[run.status]; }
+  var STALE_MS = 4 * 3600 * 1000;
 
   /** Text before the first colon, at most 46 characters. */
   function shortName(name) {
@@ -46,11 +47,14 @@ export const modelScript = String.raw `  // ─── Studio client model: build
     if (startT == null && run && isRunActive(run)) startT = toTime(run.startedAt);
     var cost = b && b.actual ? positive(b.actual.costUsd) : null;
     if (cost == null && b && b.estimated) cost = positive(b.estimated.costUsd);
+    var claimT = toTime(t.claimedAt);
+    var stale = running && claimT != null && Studio.now() - claimT > STALE_MS && !isRunActive(run);
     return {
       id: t.id,
       title: t.title || t.id,
       description: t.description || '',
-      status: t.status,
+      status: stale ? 'pending' : t.status,
+      claimedStatus: t.status,
       agent: t.assignedSubagent || null,
       deps: t.dependencies || [],
       files: t.targetFiles || [],
@@ -62,6 +66,8 @@ export const modelScript = String.raw `  // ─── Studio client model: build
       reason: t.status === 'blocked' && t.notes ? String(t.notes).replace(/^\s+|\s+$/g, '') || null : null,
       attempt: attemptsOf(t, running),
       maxAttempts: (t.circuitBreaker && t.circuitBreaker.maxThreshold) || 3,
+      claimT: claimT,
+      stale: stale,
       startT: startT,
       endT: t.status === 'completed' && b ? toTime(b.completedAt) : null,
       durationMs: b ? positive(b.durationMs) : null,
@@ -175,7 +181,7 @@ export const modelScript = String.raw `  // ─── Studio client model: build
       tasks: tasks,
       byId: byId,
       activeMilestoneId: active,
-      running: tasks.filter(function (t) { return t.status === 'in_progress'; }),
+      running: tasks.filter(function (t) { return t.status === 'in_progress' && !t.stale; }),
       stuck: tasks.filter(function (t) { return t.status === 'blocked'; }),
       needsYou: needsYouItems(tasks, byId, api.escalations),
       summary: summaryOf(api, milestones, tasks)

package/dist/server/studio-ui/shell/paint.js

@@ -67,11 +67,9 @@ export const paintScript = String.raw `  // ─── Painting ─────
     var side = $('side-nav');
     var main = mainWorktree();
     var agents = pipe.worktrees.filter(function (w) { return w.isAgentWorktree; }).length;
-    var s = pipe.report && pipe.report.summary;
     var navHtml = Studio.sidebarHtml({
       model: Studio.model, view: Studio.state.view,
-      worktreeCount: pipe.loaded.worktrees && !pipe.errors.worktrees ? agents : null,
-      benchmarkText: s ? compactNum(Number(s.averageThroughputOpsPerSec) || 0) : ''
+      worktreeCount: pipe.loaded.worktrees && !pipe.errors.worktrees ? agents : null
     });
     if (side.__html !== navHtml) { side.innerHTML = navHtml; side.__html = navHtml; }
     var foot = $('side-foot');

package/dist/server/studio-ui/shell/pipeline-state.js

@@ -117,18 +117,9 @@ export const pipelineStateScript = String.raw `  // ─── Pipeline state ─
     return main;
   }
 
-  /** 1234 becomes "1.2k" so the sidebar badge stays small. */
-  function compactNum(n) {
-    if (!isFinite(n)) return '-';
-    if (n >= 1e6) return (n / 1e6).toFixed(1).replace(/\.0$/, '') + 'M';
-    if (n >= 1e3) return (n / 1e3).toFixed(1).replace(/\.0$/, '') + 'k';
-    return String(Math.round(n));
-  }
-
-  /** Newest Just-finished style helpers live in pages; here only what the runner tools need. */
   var RUN_LABEL = {
-    spawning_worktree: 'Worktree', running: 'Claude Running', verifying: 'Verifying', merging: 'Merging',
-    completed: 'Run completed', failed: 'Run failed', aborted: 'Run aborted'
+    spawning_worktree: 'Running', running: 'Running', verifying: 'Running', merging: 'Running',
+    completed: 'Done', failed: 'Stuck', aborted: 'Up next'
   };
   function runFor(taskId) {
     var found = null;

package/dist/server/studio-ui/shell/pulse.js

@@ -6,10 +6,11 @@ export const pulseScript = String.raw `  // ─── Pulse strip ────
     if (!s.loaded) return { kind: 'loading', text: '-- -- -- --' };
     var counts = [
       { key: 'running', label: 'running', n: s.running, tone: 'run' },
-      { key: 'blocked', label: 'blocked', n: s.blocked, tone: 'bad' },
-      { key: 'decisions', label: 'decisions', n: s.decisions, tone: 'warn' }
+      { key: 'stuck', label: 'stuck', n: s.blocked, tone: 'bad' },
+      { key: 'decisions', label: s.decisions === 1 ? 'decision' : 'decisions', n: s.decisions, tone: 'warn' }
     ];
-    counts.forEach(function (c) { c.zero = !c.n; });
+    counts = counts.filter(function (c) { return c.n > 0; });
+    counts.forEach(function (c) { c.zero = false; });
     return { kind: 'ready', ms: s.ms, counts: counts };
   }
 
@@ -17,11 +18,10 @@ export const pulseScript = String.raw `  // ─── Pulse strip ────
     if (p.kind !== 'ready') {
       return '<span class="pulse-note ' + p.kind + '">' + esc(p.text) + '</span>';
     }
+    if (!p.counts.length) return '';
     var out = '<span class="pulse-ms num">' + esc(p.ms) + '</span>';
     p.counts.forEach(function (c) {
-      var tone = c.zero ? 'zero' : c.tone;
-      out += '<button type="button" class="pulse-item ' + tone + '" data-pulse="' + c.key + '">' +
-        (c.zero ? '' : '<span class="pdot"></span>') +
+      out += '<button type="button" class="pulse-item ' + c.tone + '" data-pulse="' + c.key + '">' +
         '<span class="num">' + c.n + '</span> ' + c.label + '</button>';
     });
     return out;
@@ -49,10 +49,11 @@ export const pulseScript = String.raw `  // ─── Pulse strip ────
     var html = pulseHtml(pulseParts(pulseInput()));
     if (pulseEl.__html === html) return;
     pulseEl.innerHTML = html;
+    pulseEl.hidden = !html;
     pulseEl.__html = html;
   }
 
-  // Studio.taskFilter ('running' or 'blocked') is read by the Tasks page when it opens.
+  // Studio.taskFilter ('running' or 'stuck') is read by the Tasks page when it opens.
   if (pulseEl) pulseEl.addEventListener('click', function (e) {
     var b = e.target.closest ? e.target.closest('[data-pulse]') : null;
     if (!b) return;

package/dist/server/studio-ui/shell/sidebar-view.js

@@ -5,15 +5,14 @@ export const sidebarViewScript = String.raw `  // ─── Sidebar markup (pure
   function navBadges(env) {
     var badges = {}, model = env.model;
     if (model && model.needsYou.length) badges.home = ['warn', model.needsYou.length];
-    var ready = model ? model.tasks.filter(function (t) { return t.status === 'pending' && t.isAvailable; }).length : 0;
+    var ready = model ? model.tasks.filter(Studio.status.isReady).length : 0;
     var active = model ? model.running.length + ready : 0;
     if (active) badges.tasks = [model.running.length ? 'run' : '', active];
     if (env.worktreeCount != null) badges.worktrees = ['', env.worktreeCount];
-    if (env.benchmarkText) badges.benchmarks = ['', env.benchmarkText];
     return badges;
   }
 
-  /** env = { model, view, worktreeCount, benchmarkText }. */
+  /** env = { model, view, worktreeCount }. */
   Studio.sidebarHtml = function (env) {
     var badges = navBadges(env);
     var item = function (p) {

package/dist/server/studio-ui/shell/triage.js

@@ -35,7 +35,7 @@ export const triageScript = String.raw `  // ─── Tier 1 AI Strategist (/ap
     $('t1-chip-model').textContent = modelName(model);
     $('t1-model').textContent = model;
     var last = lastTriage();
-    $('t1-latency').textContent = last ? fmtMs(last.latencyMs) + ' · ' + modelName(last.model || model) : 'No evaluations yet';
+    $('t1-latency').textContent = last ? fmtMs(last.latencyMs) + ', ' + modelName(last.model || model) : 'No evaluations yet';
     $('t1-key').textContent = pipe.errors.triage && !t ? 'Status unavailable' : !t ? 'Checking' : t.hasApiKey ? 'Configured' : 'Not set (offline rules)';
     var sw = $('t1-auto');
     var on = !!(t && t.autoTriageEnabled);

package/dist/server/studio-ui/styles/console.js

@@ -32,6 +32,9 @@ body.has-console-min main { margin-right: 56px; }
 .rc-step.is-active { color: var(--term-text); background: color-mix(in srgb, var(--primary) 32%, transparent); border-color: var(--primary); }
 .rc-step.is-failed { color: var(--term-text); background: color-mix(in srgb, var(--danger) 32%, transparent); border-color: var(--danger); }
 .rc-controls { display: flex; gap: 6px; flex-wrap: wrap; }
+.rc-more { position: relative; }
+.rc-menu { position: absolute; top: calc(100% + 4px); left: 0; z-index: 2; display: flex; flex-direction: column; gap: 4px; padding: 6px; background: var(--term-bg); border: 1px solid var(--term-line); border-radius: var(--r-control); }
+.rc-menu[hidden], .rc-btn[hidden], .rc-steps[hidden], .rc-foot[hidden] { display: none; }
 .rc-btn { padding: 5px 9px; font: 500 11px/1 var(--font); color: var(--term-text); background: transparent; border: 1px solid var(--term-line); border-radius: var(--r-control); cursor: pointer; }
 .rc-btn:hover { background: color-mix(in srgb, var(--term-muted) 22%, transparent); }
 .rc-btn:disabled { opacity: .45; cursor: not-allowed; }

package/dist/server/studio-ui/styles/shell.js

@@ -19,7 +19,7 @@ export const shellCss = String.raw `/* Layout */
 .nav-badge.run { background: var(--run-soft); color: var(--run); }
 .side-foot { margin-top: auto; font-size: 12px; color: var(--fg-3); padding: 0 8px; display: flex; flex-direction: column; gap: 4px; }
 .side-foot > div { display: flex; flex-direction: column; gap: 4px; }
-.side-foot .mono { color: var(--fg-2); font-size: 11px; word-break: break-all; }
+.side-foot .mono { color: var(--fg-2); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .foot-project { color: var(--fg); font-weight: 500; }
 .main { min-width: 0; display: flex; flex-direction: column; }
 .top { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 24px; }
@@ -28,21 +28,19 @@ export const shellCss = String.raw `/* Layout */
 .top-right { margin-left: auto; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
 .btn.ghost { background: none; border-color: transparent; color: var(--fg-2); box-shadow: none; }
 .btn.ghost:hover { background: var(--surface-2); }
-#btn-dispatch-next[disabled] { opacity: .55; cursor: not-allowed; }
 .spacer { flex: 1; }
 .ic-sun, .ic-moon { display: inline-flex; }
 .ic-moon { display: none; }
 :root[data-theme="light"] .ic-sun { display: none; }
 :root[data-theme="light"] .ic-moon { display: inline-flex; }
 @media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) .ic-sun { display: none; } :root:not([data-theme="dark"]) .ic-moon { display: inline-flex; } }
+#pulse[hidden] { display: none; }
 .pulse-strip { min-height: 32px; height: auto; width: auto; border-radius: 0; background: none; box-shadow: none; animation: none; display: flex; flex-wrap: wrap; align-items: center; gap: 0 20px; padding: 0 24px; border-bottom: 1px solid var(--line); font: 12.5px var(--mono); color: var(--fg-2); }
 #pulse .num { font-variant-numeric: tabular-nums; }
 #pulse .pulse-ms { color: var(--fg); padding-right: 20px; border-right: 1px solid var(--line); }
 #pulse .pulse-item { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0; border: 0; background: none; font: inherit; cursor: pointer; }
-#pulse .pulse-item.zero, #pulse .pulse-note.loading { color: var(--fg-3); }
+#pulse .pulse-note.loading { color: var(--fg-3); }
 #pulse .pulse-item.run { color: var(--run); } #pulse .pulse-item.bad { color: var(--bad); } #pulse .pulse-item.warn, #pulse .pulse-note.offline { color: var(--warn); }
-#pulse .pdot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
-#pulse .pulse-item.run .pdot { animation: blink 1.6s infinite; }
 @media (max-width: 1023px) { .pulse-strip { padding-top: 4px; padding-bottom: 4px; gap: 0 16px; } #pulse .pulse-ms { flex-basis: 100%; border-right: 0; padding-right: 0; } }
 .wordmark.is-rail { display: none; }
 @media (max-width: 1023px) { .wordmark { display: none; } .wordmark.is-rail { display: block; } }
@@ -132,5 +130,5 @@ export const shellCss = String.raw `/* Layout */
   .drawer { width: 100%; }
   #runner-console-drawer { inset: auto 0 0 0; }
 }
-@media (prefers-reduced-motion: reduce) { .pulse, .live-dot.flash, #pulse .pdot { animation: none !important; } * { transition: none !important; } }
+@media (prefers-reduced-motion: reduce) { .pulse, .live-dot.flash { animation: none !important; } * { transition: none !important; } }
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@njeybe/nativ",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "description": "Role-based multi-agent workflow harness: Claude Code by default, other AI agents pluggable",
   "type": "module",
   "main": "dist/index.js",

package/plugin/.claude-plugin/plugin.json

@@ -1,7 +1,7 @@
 {
   "name": "nativ",
   "displayName": "nativ",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "description": "Role-based multi-agent workflow for Claude Code: architect, worker, verifier and explorer agents, task-scope enforcement, and the nativ MCP server.",
   "author": {
     "name": "JB Natividad"