@yemi33/minions 0.1.2424 → 0.1.2426

package/dashboard/js/refresh.js

@@ -136,7 +136,8 @@ function _detectPageChanges(data) {
 // reload path below — RENDER_VERSIONS handles the within-process case.
 const RENDER_VERSIONS = {
   // Bumped 2→3 for client-ticked relative last-action timestamps.
-  agents: 3,
+  // Bumped 3→4 to show the runtime-reported model when no model is pinned.
+  agents: 4,
   prdProgress: 2,
   prdPrs: 1,
   inbox: 2,
@@ -164,13 +165,25 @@ const RENDER_VERSIONS = {
   // Bumped 10→11: (prior).
   // Bumped 11→12: WI detail modal surfaces the cancellation reason + cancelledAt
   // for CANCELLED items (W-mrtdet41000h935a).
-  workItems: 12,
+  // Bumped 12→13: pending branch holds name the operator checkout and branch.
+  // Bumped 13→15: trailing action-button cell right-aligned so the delete ✕ aligns
+  // across rows (jumps over main's independent 13→14 workItems bump).
+  // Bumped 15→16: Archive row-action button outline now uses border-color
+  // var(--muted) to match its muted icon (visible outline, family convention).
+  // Bumped 16→17: merge of this branch's needs-attention renderer change with
+  // main's independent workItems→16 bump — both touch the row render, so force
+  // a client reload past both.
+  // Bumped 17→18: WI detail modal shows the effective model (persisted dispatch
+  // evidence, else the current-config projection) — W-ms0ytfdd000d5a26.
+  workItems: 18,
   skills: 1,
   commands: 1,
   mcpServers: 1,
   // Bumped to 2 by W-mqptgmcn000k5c90: renderHarnessDiagnostics now stamps each
   // <details> with a stable data-hkey and the render is gated behind _changed().
-  harnessDiag: 2,
+  // Bumped 2→3 (W-ms0plsji000h0f9d): compact card padding/margins + Suppressed
+  // assets now defaults collapsed, so force a client re-render past cached state.
+  harnessDiag: 3,
   schedules: 1,
   watches: 3,
   meetings: 1,
@@ -185,7 +198,9 @@ const RENDER_VERSIONS = {
   // Bumped to 4 by W-mqrdavob (Agents table: per-agent charter editor column).
   // Bumped to 5 by W-mr0qs0vw (Worker Pool: CC session idle-timeout field).
   // Bumped to 6 for the fleet ACP pool opt-in default and warning copy.
-  settings: 7,
+  // Bumped to 7 on origin/main.
+  // Bumped to 8 for the Auto-fix pane tile-grid revamp (W-mryyzhug000454b7).
+  settings: 8,
 };
 const _sectionCache = {};
 const _lastValueByKey = {};
@@ -267,15 +282,15 @@ function _condFetchJson(url) {
 function _formatCcPowerLabel(autoMode) {
   var runtime = autoMode && autoMode.ccCli ? String(autoMode.ccCli) : 'claude';
   var runtimeLabel = runtime.charAt(0).toUpperCase() + runtime.slice(1);
-  var model = autoMode && autoMode.ccModel ? String(autoMode.ccModel) : '';
-  return 'Ask anything, dispatch work, manage plans — powered by ' + runtimeLabel + (model ? ' (' + model + ')' : '');
+  var model = MinionsModelDisplay.label(autoMode && (autoMode.ccModelDisplay || autoMode.ccModel));
+  return 'Ask anything, dispatch work, manage plans — powered by ' + runtimeLabel + ' (' + model + ')';
 }
 
 function _formatCcDrawerLabel(autoMode) {
   var runtime = autoMode && autoMode.ccCli ? String(autoMode.ccCli) : 'claude';
   var runtimeLabel = runtime.charAt(0).toUpperCase() + runtime.slice(1);
-  var model = autoMode && autoMode.ccModel ? String(autoMode.ccModel) : '';
-  return runtimeLabel + (model ? ' (' + model + ')' : '') + '-powered. Full minions context. Enter to send, Shift+Enter for newline.';
+  var model = MinionsModelDisplay.label(autoMode && (autoMode.ccModelDisplay || autoMode.ccModel));
+  return runtimeLabel + ' (' + model + ')-powered. Full minions context. Enter to send, Shift+Enter for newline.';
 }
 
 // W-mpnc4u8c001d9d6c / W-mpodheao0006a37a — #engine-quick-stats "Next tick in"
@@ -500,7 +515,7 @@ function _processStatusUpdate(data, opts) {
   const autoEl = document.getElementById('auto-approve-badge');
   // eslint-disable-next-line no-unsanitized/property -- reason: composed from compile-time constants (no user data flows in)
   if (autoEl) autoEl.innerHTML = data.autoMode?.approvePlans
-    ? '<span style="font-size:var(--text-xs);font-weight:600;padding:1px 6px;border-radius:3px;background:rgba(63,185,80,0.15);color:var(--green);border:1px solid rgba(63,185,80,0.3)">AUTO-APPROVE</span>'
+    ? '<span style="font-size:var(--text-sm);font-weight:600;padding:1px 6px;border-radius:3px;background:rgba(63,185,80,0.15);color:var(--green);border:1px solid rgba(63,185,80,0.3)">AUTO-APPROVE</span>'
     : '';
   const ccLabelEl = document.getElementById('cmd-powered-by');
   if (ccLabelEl) ccLabelEl.textContent = _formatCcPowerLabel(data.autoMode);
@@ -824,14 +839,13 @@ function _processStatusUpdate(data, opts) {
   // prunePrdRequeueState moved into the /api/work-items .then handler so it
   // operates on the fresh fetched list rather than the synchronously-empty
   // window._lastWorkItems. (Review finding #5.)
-  // Engine log (last 50 entries) comes from /state/engine/log.json with a
-  // client-side .slice(-50) to mirror queries.js getEngineLog (issue #2949).
+  // Engine log (last 50 entries) comes from the SQL-backed /api/engine-log.
   // Scroll-preservation opts (preserveEngineLogScroll) are threaded through
   // to renderEngineLog so the log pane keeps its scroll position across
   // refreshes (W-mpp75wkg000b3018).
   _safeRender('engineLog', function() {
     const logOpts = { preserveEngineLogScroll: opts.preserveEngineLogScroll };
-    Promise.resolve(fetchEngineLogFromDisk())
+    Promise.resolve(fetchEngineLog())
       .then(function (fresh) {
         const list = fresh && fresh.length ? fresh : (window._lastEngineLog || []);
         window._lastEngineLog = list;
@@ -995,17 +1009,22 @@ function _processStatusUpdate(data, opts) {
         if (Array.isArray(window._lastSchedules)) _safeRender('schedules', function() { renderSchedules(window._lastSchedules); });
       });
   });
-  // Watches array comes from /state/engine/watches.json (issue #2949).
+  // Watches come from GET /api/watches — the canonical SQL-backed read
+  // surface (engine/watches-store.js). The retired engine/watches.json mirror
+  // is never written, so /state/ has nothing to serve.
   _safeRender('watches', function() {
-    // Seq guard — watches.json is mutated every 3 ticks by engine/watches.js
-    // (mutateWatches on watch-fire / pause). (Round-4 #10.)
+    // Seq guard — the watches table is mutated every 3 ticks by
+    // engine/watches.js (watch-fire / pause), so a late response from a prior
+    // tick must not clobber fresher state. (Round-4 #10.)
     const seq = (window._refreshSeq = (window._refreshSeq || 0) + 1);
     window._lastRequestedSeq = window._lastRequestedSeq || {};
     window._lastRequestedSeq.watches = seq;
-    Promise.resolve(fetchWatchesFromDisk())
+    MinionsWatchesSource.fetchWatches()
       .then(function (fresh) {
         if (seq < (window._lastRequestedSeq.watches || 0)) return;
-        const list = fresh && fresh.length ? fresh : (window._lastWatches || []);
+        // null = request failed / unusable payload → keep the prior slice.
+        // A genuine empty array renders as empty (the list really is empty).
+        const list = Array.isArray(fresh) ? fresh : (window._lastWatches || []);
         window._lastWatches = list;
         _safeRender('watches', function() { renderWatches(list); });
       })
@@ -1446,7 +1465,7 @@ async function refresh(opts) {
 refresh();
 _syncPinsFromServer(); // Load server-side pins on startup
 // Gate the "Try new Slim UX" promo button behind the slim-ux-promo feature
-// flag (off by default). The button ships hidden in layout.html; reveal it
+// flag (on by default). The button ships hidden in layout.html; reveal it
 // only when the flag is on. The classic HTML (and its window.MINIONS_FEATURES
 // bootstrap) is built once at dashboard startup, so a runtime flag toggle
 // wouldn't be reflected there — read the LIVE flag state from /api/features

package/dashboard/js/render-agents.js

@@ -32,16 +32,16 @@ function _runtimeTagHtml(runtime) {
   }
   // Unknown runtime — fall back to a small text pill so the user still sees something
   const fallback = runtime || 'unknown';
-  return '<span class="agent-runtime-tag" title="Runtime: ' + escapeHtml(fallback) + '" style="font-size:var(--text-xs);font-weight:600;letter-spacing:0.4px;text-transform:uppercase;padding:1px 5px;margin-left:6px;border:1px solid var(--muted);border-radius:3px;color:var(--muted);background:transparent">' + escapeHtml(fallback) + '</span>';
+  return '<span class="agent-runtime-tag" title="Runtime: ' + escapeHtml(fallback) + '" style="font-size:var(--text-sm);font-weight:600;letter-spacing:0.4px;text-transform:uppercase;padding:1px 5px;margin-left:6px;border:1px solid var(--muted);border-radius:3px;color:var(--muted);background:transparent">' + escapeHtml(fallback) + '</span>';
 }
 
 // W-mpmwxk4y00053271 — compact text chip showing the resolved model next to
-// the runtime tag. Returns '' when the model is unknown so the row degrades
-// gracefully instead of rendering "null" / "undefined". Caleb feedback:
+// the runtime tag. For unpinned agents, the API supplies the concrete model
+// reported by the latest matching runtime session. Caleb feedback:
 // "The model is really critical piece of information to me as a user."
 function _modelChipHtml(model) {
-  if (!model || typeof model !== 'string') return '';
-  return '<span class="agent-model-tag" title="Model: ' + escapeHtml(model) + '" style="font-size:var(--text-xs);font-weight:600;letter-spacing:0.4px;padding:1px 5px;margin-left:4px;border:1px solid var(--muted);border-radius:3px;color:var(--muted);background:transparent">' + escapeHtml(model) + '</span>';
+  const label = MinionsModelDisplay.label(model);
+  return '<span class="agent-model-tag" title="Model: ' + escapeHtml(label) + '" style="font-size:var(--text-sm);font-weight:600;letter-spacing:0.4px;padding:1px 5px;margin-left:4px;border:1px solid var(--muted);border-radius:3px;color:var(--muted);background:transparent">' + escapeHtml(label) + '</span>';
 }
 
 function _agentHasTimedAction(agent) {
@@ -80,15 +80,15 @@ function renderAgents(agents) {
   grid.innerHTML = agents.map(a => `
     <div class="agent-card ${statusColor(a.status)}" data-agent-id="${escapeHtml(a.id)}" onclick="if(shouldIgnoreSelectionClick(event))return;openAgentDetail(this.dataset.agentId)">
       <div class="agent-card-header">
-        <span class="agent-name"><span class="agent-emoji">${escapeHtml(a.emoji)}</span>${escapeHtml(a.name)}${_runtimeTagHtml(a.runtime)}${_modelChipHtml(a.model)}</span>
+        <span class="agent-name"><span class="agent-emoji">${escapeHtml(a.emoji)}</span>${escapeHtml(a.name)}${_runtimeTagHtml(a.runtime)}${_modelChipHtml(a.displayModel || a.model)}</span>
         <span class="status-badge ${escapeHtml(a.status)}">${escapeHtml(a.status)}</span>
       </div>
       <div class="agent-role">${escapeHtml(a.role)}</div>
       ${_agentActionHtml(a)}
       ${(function() {
         var s = a.started_at, c = a.completed_at;
-        if (s && c) { var d = new Date(c) - new Date(s); if (d > 0) { var sec = Math.floor(d/1000)%60, min = Math.floor(d/60000)%60, hr = Math.floor(d/3600000); return '<div style="font-size:var(--text-xs);color:var(--muted)">Last run: ' + (hr > 0 ? hr + 'h ' : '') + min + 'm ' + sec + 's</div>'; } }
-        if (s && a.status === 'working') return '<div class="agent-runtime-tick" data-started="' + s + '" style="font-size:var(--text-xs);color:var(--yellow)"></div>';
+        if (s && c) { var d = new Date(c) - new Date(s); if (d > 0) { var sec = Math.floor(d/1000)%60, min = Math.floor(d/60000)%60, hr = Math.floor(d/3600000); return '<div style="font-size:var(--text-sm);color:var(--muted)">Last run: ' + (hr > 0 ? hr + 'h ' : '') + min + 'm ' + sec + 's</div>'; } }
+        if (s && a.status === 'working') return '<div class="agent-runtime-tick" data-started="' + s + '" style="font-size:var(--text-sm);color:var(--yellow)"></div>';
         return '';
       })()}
       ${a._blockingToolCall ? `<div style="margin-top:4px;padding:4px 8px;background:rgba(130,160,210,0.13);border:1px solid rgba(130,160,210,0.3);border-radius:4px;font-size:var(--text-sm);color:var(--muted)">&#x23F3; Blocking tool call (${escapeHtml(a._blockingToolCall.tool)}) &mdash; silent ${Math.round(a._blockingToolCall.silentMs/60000)}min, timeout in ${Math.round(a._blockingToolCall.remainingMs/60000)}min</div>` : ''}
@@ -151,21 +151,17 @@ async function openAgentDetail(id) {
   // W-mpmwxk4y00053271 — mirror the model chip the card shows so the detail
   // header stays in sync. textContent path keeps the model string from being
   // interpreted as HTML.
-  const modelSpan = (agent.model && typeof agent.model === 'string')
-    ? (() => {
-        const s = document.createElement('span');
-        s.title = 'Model: ' + agent.model;
-        s.style.cssText = 'display:inline-block;margin-left:6px;font-size:var(--text-sm);font-weight:600;letter-spacing:0.4px;padding:2px 6px;border:1px solid var(--muted);border-radius:3px;color:var(--muted)';
-        s.textContent = agent.model;
-        return s;
-      })()
-    : null;
+  const modelLabel = MinionsModelDisplay.label(agent.displayModel || agent.model);
+  const modelSpan = document.createElement('span');
+  modelSpan.title = 'Model: ' + modelLabel;
+  modelSpan.style.cssText = 'display:inline-block;margin-left:6px;font-size:var(--text-sm);font-weight:600;letter-spacing:0.4px;padding:2px 6px;border:1px solid var(--muted);border-radius:3px;color:var(--muted)';
+  modelSpan.textContent = modelLabel;
   const children = [
     emojiSpan,
     document.createTextNode(' ' + (agent.name || '') + ' \u2014 ' + (agent.role || '')),
     runtimeSpan,
   ];
-  if (modelSpan) children.push(modelSpan);
+  children.push(modelSpan);
   nameEl.replaceChildren(...children);
 
   const badgeClass = agent.status;

package/dashboard/js/render-dispatch.js

@@ -5,64 +5,9 @@ const LOG_PER_PAGE = 50;
 let _completedPage = 0;
 let _logPage = 0;
 
-// Fetch engine/dispatch.json straight off disk through the /state/<path>
-// static-file passthrough so dispatch state flips (queued→active, active→
-// completed, skipReason changes on pending entries) surface within one 4 s
-// poll regardless of /api/status outer-cache state (issue #2949).
-//
-// completedTotal isn't on disk — it's metrics-derived (sum across
-// agents.tasksCompleted + agents.tasksErrored). The renderer already falls
-// back to completed.length when completedTotal is missing, so we just
-// overlay the cached value from the previous /api/status snapshot for
-// continuity. Engine-side _withCompletionReportSummary enrichment (which
-// reads per-dispatch sidecar files) is preserved on the cached snapshot
-// too, so the modal "view report" links keep working — we only overlay the
-// fresh status/timestamp fields onto the cached row when ids match.
-async function fetchDispatchFromDisk(cachedDispatch) {
-  try {
-    const r = await fetch('/state/engine/dispatch.json');
-    if (!r.ok) return null;
-    const fresh = await r.json();
-    if (!fresh || typeof fresh !== 'object') return null;
-    // Cap completed to last 20 to match engine/queries.js getDispatchQueue
-    // — render-dispatch only paginates within this window, and dispatch.json
-    // on disk is already capped to 100 by the engine, so this is the same
-    // shape the renderer has always seen.
-    if (Array.isArray(fresh.completed) && fresh.completed.length > 20) {
-      fresh.completed = fresh.completed.slice(-20);
-    }
-    // Overlay completion-report summaries from the cached snapshot keyed by
-    // dispatch id. They live in sidecar files the client can't read, but
-    // they're slow to change so the cached overlay is fine.
-    if (cachedDispatch) {
-      const cachedById = new Map();
-      for (const list of ['pending', 'active', 'completed']) {
-        for (const d of (cachedDispatch[list] || [])) {
-          if (d && d.id) cachedById.set(d.id, d);
-        }
-      }
-      for (const list of ['pending', 'active', 'completed']) {
-        if (!Array.isArray(fresh[list])) continue;
-        fresh[list] = fresh[list].map((d) => {
-          if (!d || !d.id) return d;
-          const cached = cachedById.get(d.id);
-          if (!cached) return d;
-          const merged = Object.assign({}, d);
-          if (cached._completionReport !== undefined && merged._completionReport === undefined) {
-            merged._completionReport = cached._completionReport;
-          }
-          return merged;
-        });
-      }
-      if (fresh.completedTotal == null && cachedDispatch.completedTotal != null) {
-        fresh.completedTotal = cachedDispatch.completedTotal;
-      }
-    }
-    return fresh;
-  } catch {
-    return null;
-  }
-}
+// Dispatch state is served fresh by GET /api/dispatch (see refresh.js) — the
+// engine/dispatch.json mirror it used to read was retired by the SQL-only
+// cutover, and completion-report sidecars are loaded server-side now.
 
 function _completedPrev() { if (_completedPage > 0) { _completedPage--; refresh({ preserveCompletedScroll: false }); } }
 function _completedNext() { _completedPage++; refresh({ preserveCompletedScroll: false }); } // clamped in renderDispatch
@@ -382,7 +327,7 @@ function renderDispatch(dispatch, opts) {
     // eslint-disable-next-line no-unsanitized/property -- reason: structural HTML is a string literal; all user data wrapped in escHtml() (fields: dispatch type, agent, task, skip reason)
     pendingEl.innerHTML = '<div style="font-size:var(--text-base);color:var(--yellow);margin:8px 0 6px;font-weight:600">PENDING</div><div class="dispatch-list">' +
       dispatch.pending.map(d => dispatchItemHtml(d,
-        d.skipReason ? '<span style="font-size:var(--text-xs);color:var(--muted);margin-left:6px" title="' + escHtml(d.skipReason) + '">' + escHtml(d.skipReason.replace(/_/g, ' ')) + '</span>' : ''
+        d.skipReason ? '<span style="font-size:var(--text-sm);color:var(--muted);margin-left:6px" title="' + escHtml(d.skipReason) + '">' + escHtml(d.skipReason.replace(/_/g, ' ')) + '</span>' : ''
       )).join('') + '</div>';
   } else {
     pendingEl.innerHTML = '';
@@ -434,19 +379,14 @@ function renderDispatch(dispatch, opts) {
   restoreDashboardScrollState(completedEl, completedScroll);
 }
 
-// Pull the engine log straight off disk through /state/engine/log.json.
-// On-disk file is the full append-only array; engine/queries.js getEngineLog
-// slices to the last 50 for /api/status. We replicate that slice client-side
-// after the disk fetch. ETag/304 keeps the steady state cheap; a new log
-// line forces a fresh download (file is ~500 KB at high engine traffic, but
-// it changes only on engine writes — not on every 4 s poll).
-async function fetchEngineLogFromDisk() {
+// Pull the latest engine log entries from the SQL-backed API. Event-version
+// ETags keep steady-state polls cheap while each new log batch invalidates it.
+async function fetchEngineLog() {
   try {
-    const r = await fetch('/state/engine/log.json');
+    const r = await fetch('/api/engine-log');
     if (!r.ok) return null;
-    const raw = await r.json();
-    const arr = Array.isArray(raw) ? raw : (raw && Array.isArray(raw.entries) ? raw.entries : []);
-    return arr.slice(-50);
+    const entries = await r.json();
+    return Array.isArray(entries) ? entries.slice(-50) : [];
   } catch {
     return null;
   }
@@ -548,7 +488,7 @@ function renderVersionBanner(version) {
 
   const v = version.dashboardRunning || version.running || version.disk || '?';
   const commitLabel = version.dashboardRunningCommit ? ' (' + version.dashboardRunningCommit + ')' : '';
-  const warnStyle = 'font-size:var(--text-xs);padding:2px 8px;background:rgba(210,153,34,0.15);border:1px solid rgba(210,153,34,0.3);border-radius:4px;color:var(--yellow);cursor:help';
+  const warnStyle = 'font-size:var(--text-sm);padding:2px 8px;background:rgba(210,153,34,0.15);border:1px solid rgba(210,153,34,0.3);border-radius:4px;color:var(--yellow);cursor:help';
 
   // During the post-restart grace window the old engine's reported codeVersion
   // can still be in the cached payload — silently swallow the engineStale flag
@@ -570,11 +510,11 @@ function renderVersionBanner(version) {
     el.textContent = '\u26A0 Dashboard running v' + (version.dashboardRunning || '?') + ' — disk has v' + (version.disk || '?') + '. Run: minions restart';
     el.title = 'The dashboard process is running older code. Run: minions restart';
   } else if (version.updateAvailable) {
-    el.style.cssText = 'font-size:var(--text-xs);padding:2px 8px;background:rgba(63,185,80,0.1);border:1px solid rgba(63,185,80,0.3);border-radius:4px;color:var(--green);cursor:help';
-    el.textContent = 'v' + v + commitLabel + ' — v' + version.latest + ' available. Run: minions update or npm install -g @yemi33/minions@latest';
+    el.style.cssText = 'font-size:var(--text-sm);padding:2px 8px;background:rgba(63,185,80,0.1);border:1px solid rgba(63,185,80,0.3);border-radius:4px;color:var(--green);cursor:help';
+    el.textContent = 'v' + v + commitLabel + ' — v' + version.latest + ' available. Run: minions update or npm install -g ' + (version.packageName || '@yemi33/minions') + '@latest';
     el.title = 'A newer version is available on npm. Run minions update to upgrade and restart.';
   } else {
-    el.style.cssText = 'font-size:var(--text-xs);color:var(--muted)';
+    el.style.cssText = 'font-size:var(--text-sm);color:var(--muted)';
     el.textContent = 'v' + v + commitLabel;
     el.title = 'Minions v' + v + (version.latest ? ' (latest)' : '');
   }

package/dashboard/js/render-inbox.js

@@ -140,9 +140,9 @@ function renderInbox(inbox, opts) {
       <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')}
-        <button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px" data-inbox-name="${escapeHtml(item.name)}" onclick="event.stopPropagation();promoteToKB(this.dataset.inboxName)">Add to Knowledge Base</button>
-        <button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px" data-inbox-name="${escapeHtml(item.name)}" onclick="event.stopPropagation();openInboxInExplorer(this.dataset.inboxName)">Open in Explorer</button>
-        <button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--red)" data-inbox-name="${escapeHtml(item.name)}" onclick="event.stopPropagation();deleteInboxItem(this.dataset.inboxName)">Delete</button>
+        <button class="pr-pager-btn" style="font-size:var(--text-sm);padding:2px 8px" data-inbox-name="${escapeHtml(item.name)}" onclick="event.stopPropagation();promoteToKB(this.dataset.inboxName)">Add to Knowledge Base</button>
+        <button class="pr-pager-btn" style="font-size:var(--text-sm);padding:2px 8px" data-inbox-name="${escapeHtml(item.name)}" onclick="event.stopPropagation();openInboxInExplorer(this.dataset.inboxName)">Open in Explorer</button>
+        <button class="pr-pager-btn" style="font-size:var(--text-sm);padding:2px 8px;color:var(--red)" data-inbox-name="${escapeHtml(item.name)}" onclick="event.stopPropagation();deleteInboxItem(this.dataset.inboxName)">Delete</button>
       </div>
     </div>`;
   }).join('');

package/dashboard/js/render-meetings.js

@@ -121,8 +121,8 @@ function renderMeetings(meetings, opts) {
         '<div style="display:flex;align-items:center;gap:8px">' +
           '<span style="color:' + statusColor + ';font-size:var(--text-base);font-weight:600">' + statusLabel + '</span>' +
           (m.status === 'archived'
-            ? '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px" onclick="event.stopPropagation();_unarchiveMeeting(\'' + escHtml(m.id) + '\')">Unarchive</button>'
-            : (m.status === 'completed' ? '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px" onclick="event.stopPropagation();_archiveMeeting(\'' + escHtml(m.id) + '\')">Archive</button>' : '')) +
+            ? '<button class="pr-pager-btn" style="font-size:var(--text-sm);padding:1px 6px" onclick="event.stopPropagation();_unarchiveMeeting(\'' + escHtml(m.id) + '\')">Unarchive</button>'
+            : (m.status === 'completed' ? '<button class="pr-pager-btn" style="font-size:var(--text-sm);padding:1px 6px" onclick="event.stopPropagation();_archiveMeeting(\'' + escHtml(m.id) + '\')">Archive</button>' : '')) +
           '<button class="btn-destructive" onclick="event.stopPropagation();_deleteMeeting(\'' + escHtml(m.id) + '\')">Delete</button>' +
         '</div>' +
       '</div>' +
@@ -275,28 +275,28 @@ function _renderMeetingDetail(m) {
       // Actions
       if (m.status === 'archived') {
         html += '<div style="display:flex;gap:8px;border-top:1px solid var(--border);padding-top:8px">' +
-          '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px" onclick="_unarchiveMeeting(\'' + escHtml(m.id) + '\')">Unarchive</button>' +
+          '<button class="pr-pager-btn" style="font-size:var(--text-sm);padding:2px 8px" onclick="_unarchiveMeeting(\'' + escHtml(m.id) + '\')">Unarchive</button>' +
           '<button class="btn-destructive btn-destructive-md" onclick="_deleteMeeting(\'' + escHtml(m.id) + '\')">Delete</button>' +
         '</div>';
       } else if (m.status === 'completed') {
         const linkedPlan = _findLinkedPlan(m);
         html += '<div style="display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:8px">' +
           (linkedPlan
-            ? '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--blue);border-color:var(--blue)" onclick="_viewPlanWithBack(\'' + escHtml(linkedPlan.file) + '\',\'' + escHtml(m.id) + '\')">View Plan</button>' +
+            ? '<button class="pr-pager-btn" style="font-size:var(--text-sm);padding:2px 8px;color:var(--blue);border-color:var(--blue)" onclick="_viewPlanWithBack(\'' + escHtml(linkedPlan.file) + '\',\'' + escHtml(m.id) + '\')">View Plan</button>' +
               '<button class="btn-action btn-action-md" onclick="_createPlanFromMeeting(\'' + escHtml(m.id) + '\',this)">New Plan</button>'
             : '<button class="btn-action btn-action-md" onclick="_createPlanFromMeeting(\'' + escHtml(m.id) + '\',this)">Create Plan from Meeting</button>') +
-          '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px" onclick="_archiveMeeting(\'' + escHtml(m.id) + '\')">Archive</button>' +
+          '<button class="pr-pager-btn" style="font-size:var(--text-sm);padding:2px 8px" onclick="_archiveMeeting(\'' + escHtml(m.id) + '\')">Archive</button>' +
           '<button class="btn-destructive btn-destructive-md" onclick="_deleteMeeting(\'' + escHtml(m.id) + '\')">Delete</button>' +
         '</div>' +
         '<div id="meeting-plan-toast" class="cmd-toast cmd-toast-inline" style="margin-top:6px"></div>' +
-        '<div style="font-size:var(--text-xs);color:var(--muted);margin-top:4px">Use the Q&amp;A below to discuss action items' + (linkedPlan ? '' : ', then create a plan to execute them') + '.</div>';
+        '<div style="font-size:var(--text-sm);color:var(--muted);margin-top:4px">Use the Q&amp;A below to discuss action items' + (linkedPlan ? '' : ', then create a plan to execute them') + '.</div>';
       } else {
         html += '<div style="display:flex;gap:8px;border-top:1px solid var(--border);padding-top:8px">' +
           '<input id="meeting-note-input" type="text" placeholder="Add context for all agents..." style="flex:1;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-md)" onkeydown="if(event.key===\'Enter\')_submitMeetingNote(\'' + escHtml(m.id) + '\')">' +
           '<button onclick="_submitMeetingNote(\'' + escHtml(m.id) + '\',this)" style="padding:6px 12px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-base)">Add Note</button>' +
         '</div>' +
         '<div style="display:flex;gap:8px;margin-top:4px">' +
-          '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--yellow);border-color:var(--yellow)" onclick="_advanceMeeting(\'' + escHtml(m.id) + '\',this)">Skip to Next Round</button>' +
+          '<button class="pr-pager-btn" style="font-size:var(--text-sm);padding:2px 8px;color:var(--yellow);border-color:var(--yellow)" onclick="_advanceMeeting(\'' + escHtml(m.id) + '\',this)">Skip to Next Round</button>' +
           '<button class="btn-destructive btn-destructive-md" onclick="_endMeeting(\'' + escHtml(m.id) + '\',this)">End Meeting</button>' +
           '<button class="btn-destructive btn-destructive-md" onclick="_deleteMeeting(\'' + escHtml(m.id) + '\')">Delete</button>' +
         '</div>';
@@ -498,7 +498,7 @@ function _viewPlanWithBack(file, meetingId) {
     if (title && !title.querySelector('.mtg-back-btn')) {
       const back = document.createElement('button');
       back.className = 'pr-pager-btn mtg-back-btn';
-      back.style.cssText = 'font-size:var(--text-xs);padding:2px 8px;margin-right:8px;vertical-align:middle';
+      back.style.cssText = 'font-size:var(--text-sm);padding:2px 8px;margin-right:8px;vertical-align:middle';
       back.textContent = '\u2190 Back to Meeting';
       back.onclick = function() { openMeetingDetail(meetingId); };
       title.prepend(back);

package/dashboard/js/render-other.js

@@ -690,6 +690,20 @@ function _aggregateEngineUsageForTokenTile(engine) {
   return { cost, input, output, cache, calls };
 }
 
+function _formatTrackedCost(value, available) {
+  if (available === false) return 'N/A';
+  return '$' + (Number(value) || 0).toFixed(2);
+}
+
+function _usageExists(m) {
+  return !!((m.totalCostUsd || 0)
+    || (m.totalInputTokens || 0)
+    || (m.totalOutputTokens || 0)
+    || (m.totalCacheRead || 0)
+    || (m.tasksCompleted || 0)
+    || (m.tasksErrored || 0));
+}
+
 function renderTokenUsage(metrics) {
   const el = document.getElementById('token-usage-content');
   const agents = Object.entries(metrics).filter(([k]) => !k.startsWith('_'));
@@ -723,10 +737,11 @@ function renderTokenUsage(metrics) {
 
   const fmtTokens = (n) => n >= 1000000 ? (n / 1000000).toFixed(1) + 'M' : n >= 1000 ? (n / 1000).toFixed(0) + 'K' : String(n);
   const fmtCost = (n) => '$' + n.toFixed(2);
+  const hasUnreportedAgentCost = agents.some(([, m]) => m.costTracking === false && _usageExists(m));
 
   // Summary tiles
   let html = '<div class="token-tiles">';
-  html += '<div class="token-tile"><div class="token-tile-label">Total Cost</div><div class="token-tile-value">' + fmtCost(totalCost) + '</div></div>';
+  html += '<div class="token-tile"><div class="token-tile-label">Reported Cost</div><div class="token-tile-value">' + fmtCost(totalCost) + '</div><div class="token-tile-sub">excludes runtimes without USD telemetry</div></div>';
   html += '<div class="token-tile"><div class="token-tile-label">Input Tokens</div><div class="token-tile-value">' + fmtTokens(totalInput) + '</div></div>';
   html += '<div class="token-tile"><div class="token-tile-label">Output Tokens</div><div class="token-tile-value">' + fmtTokens(totalOutput) + '</div></div>';
   html += '<div class="token-tile"><div class="token-tile-label">Cache Reads</div><div class="token-tile-value">' + fmtTokens(totalCache) + '</div></div>';
@@ -735,7 +750,8 @@ function renderTokenUsage(metrics) {
   const today = new Date().toISOString().slice(0, 10);
   const todayData = daily[today];
   if (todayData) {
-    html += '<div class="token-tile"><div class="token-tile-label">Today</div><div class="token-tile-value">' + fmtCost(todayData.costUsd) + '</div><div class="token-tile-sub">' + (todayData.tasks || 0) + ' tasks</div></div>';
+    const todayCostAvailable = (todayData.costUsd || 0) > 0 || !hasUnreportedAgentCost;
+    html += '<div class="token-tile"><div class="token-tile-label">Today</div><div class="token-tile-value">' + _formatTrackedCost(todayData.costUsd, todayCostAvailable) + '</div><div class="token-tile-sub">' + (todayData.tasks || 0) + ' tasks' + (todayCostAvailable ? '' : ' · USD telemetry unavailable') + '</div></div>';
   }
   html += '</div>';
 
@@ -743,12 +759,13 @@ function renderTokenUsage(metrics) {
   const days = Object.keys(daily).sort().slice(-14);
   if (days.length > 1) {
     const maxCost = Math.max(...days.map(d => daily[d].costUsd || 0), 0.01);
-    html += '<div style="font-size:var(--text-sm);color:var(--muted);margin:8px 0 4px">Daily Cost (last ' + days.length + ' days)</div>';
+    html += '<div style="font-size:var(--text-sm);color:var(--muted);margin:8px 0 4px">Daily Reported Cost (last ' + days.length + ' days)</div>';
     html += '<div class="token-chart">';
     for (const day of days) {
       const d = daily[day];
+      const costAvailable = (d.costUsd || 0) > 0 || !hasUnreportedAgentCost;
       const pct = Math.max(((d.costUsd || 0) / maxCost) * 100, 2);
-      html += '<div class="token-bar" style="height:' + pct + '%"><div class="token-bar-tip">' + day.slice(5) + ': ' + fmtCost(d.costUsd) + ' / ' + (d.tasks || 0) + ' tasks</div></div>';
+      html += '<div class="token-bar" style="height:' + pct + '%"><div class="token-bar-tip">' + day.slice(5) + ': ' + _formatTrackedCost(d.costUsd, costAvailable) + ' / ' + (d.tasks || 0) + ' tasks</div></div>';
     }
     html += '</div>';
     html += '<div class="token-chart-labels">';
@@ -763,7 +780,7 @@ function renderTokenUsage(metrics) {
   var tempAgents = agents.filter(function(a) { return a[0].startsWith('temp-'); });
   var tokenRows = permAgents.slice();
   if (tempAgents.length > 0) {
-    var tempMerged = { totalCostUsd: 0, totalInputTokens: 0, totalOutputTokens: 0, totalCacheRead: 0, tasksCompleted: 0, tasksErrored: 0, model: '' };
+    var tempMerged = { totalCostUsd: 0, totalInputTokens: 0, totalOutputTokens: 0, totalCacheRead: 0, tasksCompleted: 0, tasksErrored: 0, model: '', costTracking: true };
     for (var ti = 0; ti < tempAgents.length; ti++) {
       var tm = tempAgents[ti][1];
       tempMerged.totalCostUsd += tm.totalCostUsd || 0;
@@ -772,22 +789,24 @@ function renderTokenUsage(metrics) {
       tempMerged.totalCacheRead += tm.totalCacheRead || 0;
       tempMerged.tasksCompleted += tm.tasksCompleted || 0;
       tempMerged.tasksErrored += tm.tasksErrored || 0;
+      if (tm.costTracking === false) tempMerged.costTracking = false;
       if (!tempMerged.model && tm.model) tempMerged.model = tm.model;
     }
     tokenRows.push(['Temp Agents (' + tempAgents.length + ')', tempMerged]);
   }
-  var agentsWithUsage = tokenRows.filter(function(a) { return (a[1].totalCostUsd || 0) > 0; });
+  var agentsWithUsage = tokenRows.filter(function(a) { return _usageExists(a[1]); });
   if (agentsWithUsage.length > 0) {
     html += '<div style="font-size:var(--text-sm);color:var(--muted);margin:12px 0 4px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px">Agent Usage</div>';
     html += '<table class="token-agent-table"><thead><tr><th style="width:20%">Agent</th><th style="width:10%">Model</th><th style="width:14%">Cost</th><th style="width:14%">Input</th><th style="width:14%">Output</th><th style="width:14%">Cache</th><th style="width:14%">$/task</th></tr></thead><tbody>';
     for (const [id, m] of agentsWithUsage.sort((a, b) => (b[1].totalCostUsd || 0) - (a[1].totalCostUsd || 0))) {
       const tasks = (m.tasksCompleted || 0) + (m.tasksErrored || 0);
-      const perTask = tasks > 0 ? fmtCost((m.totalCostUsd || 0) / tasks) : '-';
+      const costAvailable = m.costTracking !== false;
+      const perTask = tasks > 0 ? _formatTrackedCost((m.totalCostUsd || 0) / tasks, costAvailable) : '-';
       const modelLabel = (m.model || '').replace(/^claude-/, '').replace(/\[.*\]$/, '') || '-';
       html += '<tr>' +
         '<td style="font-weight:600">' + escHtml(id) + '</td>' +
         '<td style="color:var(--muted);font-size:var(--text-sm)">' + escHtml(modelLabel) + '</td>' +
-        '<td>' + fmtCost(m.totalCostUsd || 0) + '</td>' +
+        '<td>' + _formatTrackedCost(m.totalCostUsd, costAvailable) + '</td>' +
         '<td>' + fmtTokens(m.totalInputTokens || 0) + '</td>' +
         '<td>' + fmtTokens(m.totalOutputTokens || 0) + '</td>' +
         '<td>' + fmtTokens(m.totalCacheRead || 0) + '</td>' +
@@ -804,11 +823,12 @@ function renderTokenUsage(metrics) {
     html += '<div style="font-size:var(--text-sm);color:var(--muted);margin:12px 0 4px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px">Engine Usage</div>';
     html += '<table class="token-agent-table"><thead><tr><th style="width:20%">Operation</th><th style="width:10%">Calls</th><th style="width:14%">Cost</th><th style="width:14%">Input</th><th style="width:14%">Output</th><th style="width:14%">Cache</th><th style="width:14%">$/call</th></tr></thead><tbody>';
     for (const [cat, e] of engineEntries.sort((a, b) => (b[1].costUsd || 0) - (a[1].costUsd || 0))) {
-      const perCall = (e.calls || 0) > 0 ? fmtCost((e.costUsd || 0) / e.calls) : '-';
+      const costAvailable = (e.costUsd || 0) > 0;
+      const perCall = (e.calls || 0) > 0 ? _formatTrackedCost((e.costUsd || 0) / e.calls, costAvailable) : '-';
       html += '<tr>' +
         '<td style="font-weight:600">' + escHtml(labels[cat] || cat) + '</td>' +
         '<td>' + (e.calls || 0) + '</td>' +
-        '<td>' + fmtCost(e.costUsd || 0) + '</td>' +
+        '<td>' + _formatTrackedCost(e.costUsd, costAvailable) + '</td>' +
         '<td>' + fmtTokens(e.inputTokens || 0) + '</td>' +
         '<td>' + fmtTokens(e.outputTokens || 0) + '</td>' +
         '<td>' + fmtTokens(e.cacheRead || 0) + '</td>' +
@@ -868,13 +888,13 @@ async function _runProjectScan() {
     html += '<div style="max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:4px">';
     repos.forEach(function(r, i) {
       var linked = r.linked;
-      var hostBadge = '<span style="font-size:var(--text-xs);padding:1px 5px;border-radius:3px;background:' +
+      var hostBadge = '<span style="font-size:var(--text-sm);padding:1px 5px;border-radius:3px;background:' +
         (r.host === 'GitHub' ? 'rgba(88,166,255,0.15);color:var(--blue)' : r.host === 'ADO' ? 'rgba(188,140,255,0.15);color:var(--purple)' : 'var(--surface2);color:var(--muted)') +
         '">' + escHtml(r.host) + '</span>';
       html += '<label style="display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;cursor:' + (linked ? 'default' : 'pointer') + ';opacity:' + (linked ? '0.5' : '1') + '">' +
         '<input type="checkbox" data-scan-idx="' + i + '" ' + (linked ? 'disabled checked' : '') + ' style="accent-color:var(--blue);width:16px;height:16px">' +
         '<div style="flex:1;min-width:0">' +
-          '<div style="font-weight:600;font-size:var(--text-md)">' + escHtml(r.name) + ' ' + hostBadge + (linked ? ' <span style="font-size:var(--text-xs);color:var(--green)">linked</span>' : '') + '</div>' +
+          '<div style="font-weight:600;font-size:var(--text-md)">' + escHtml(r.name) + ' ' + hostBadge + (linked ? ' <span style="font-size:var(--text-sm);color:var(--green)">linked</span>' : '') + '</div>' +
           '<div style="font-size:var(--text-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + escHtml(r.path) + '</div>' +
           (r.description ? '<div style="font-size:var(--text-sm);color:var(--muted)">' + escHtml(r.description) + '</div>' : '') +
         '</div>' +
@@ -982,7 +1002,7 @@ function _scopeBadge(scope, projectName, pluginName) {
   else if (scope === 'claude-code' || scope === 'copilot' || scope === 'codex') {
     label = 'user:' + scope;
   }
-  return '<span style="font-size:var(--text-xs);color:' + color + ';margin-left:6px;font-weight:500">[' + escHtml(label) + ']</span>';
+  return '<span style="font-size:var(--text-sm);color:' + color + ';margin-left:6px;font-weight:500">[' + escHtml(label) + ']</span>';
 }
 
 function renderCommands(commands) {
@@ -1028,7 +1048,7 @@ function _harnessRowsBlock(label, rows) {
   }
   const body = rows.map(r => {
     const marker = r.exists ? '<span style="color:var(--green)">✓</span>' : '<span style="color:var(--orange)">⚠</span>';
-    const missing = r.exists ? '' : ' <span style="color:var(--orange);font-size:var(--text-xs)">(missing on disk)</span>';
+    const missing = r.exists ? '' : ' <span style="color:var(--orange);font-size:var(--text-sm)">(missing on disk)</span>';
     return '<div style="font-family:monospace;font-size:var(--text-sm);margin-left:18px;display:flex;gap:8px;align-items:baseline">' +
       marker + ' <span>' + escHtml(r.path) + '</span> <span style="color:var(--muted)">[' + escHtml(r.scope) + ']</span>' + missing +
     '</div>';
@@ -1043,12 +1063,16 @@ function renderHarnessDiagnostics(diag) {
     el.innerHTML = '<p class="empty">Harness diagnostics unavailable.</p>';
     return;
   }
+  // Shared compact card style for every collapsed disclosure row so the section
+  // reads as a tight stack instead of tall bordered boxes (W-ms0plsji000h0f9d).
+  const cardStyle = 'margin:3px 0;border:1px solid var(--border);border-radius:6px;padding:4px 10px;background:var(--surface2)';
+  const summaryStyle = 'font-weight:600;cursor:pointer;font-size:var(--text-sm)';
   const parts = [];
-  parts.push('<div style="font-size:var(--text-sm);color:var(--muted);margin-bottom:8px">Fleet-default runtime: <code style="color:var(--blue)">' + escHtml(diag.fleetDefaultCli || '?') + '</code>. Adapter inventory only: each CLI performs native discovery from its cwd and user configuration.</div>');
+  parts.push('<div style="font-size:var(--text-sm);color:var(--muted);margin-bottom:4px">Fleet-default runtime: <code style="color:var(--blue)">' + escHtml(diag.fleetDefaultCli || '?') + '</code>. Adapter inventory only: each CLI performs native discovery from its cwd and user configuration.</div>');
 
   // Per-runtime adapter rows
   for (const r of diag.runtimes || []) {
-    parts.push('<details data-hkey="rt:' + escHtml(r.name) + '" style="margin:6px 0;border:1px solid var(--border);border-radius:6px;padding:8px 10px;background:var(--surface2)"><summary style="font-weight:600;cursor:pointer">Runtime: ' + escHtml(r.name) + '</summary>' +
+    parts.push('<details data-hkey="rt:' + escHtml(r.name) + '" style="' + cardStyle + '"><summary style="' + summaryStyle + '">Runtime: ' + escHtml(r.name) + '</summary>' +
       _harnessRowsBlock('User asset dirs (adapter inventory)', r.userAssetDirs) +
       _harnessRowsBlock('Skill roots (CLI native discovery)', r.skillRoots) +
       _harnessRowsBlock('Skill write targets', r.skillWriteTargets) +
@@ -1057,10 +1081,11 @@ function renderHarnessDiagnostics(diag) {
     '</details>');
   }
 
-  // Suppressed assets
+  // Suppressed assets — default collapsed like the other cards; operator toggles
+  // are still preserved across refreshes via the data-hkey open-state snapshot.
   const suppressed = diag.suppressed || [];
   if (suppressed.length > 0) {
-    parts.push('<details data-hkey="suppressed" open style="margin:6px 0;border:1px solid var(--border);border-radius:6px;padding:8px 10px;background:var(--surface2)"><summary style="font-weight:600;cursor:pointer">Suppressed assets <span style="color:var(--muted);font-weight:400">(' + suppressed.length + ')</span></summary>' +
+    parts.push('<details data-hkey="suppressed" style="' + cardStyle + '"><summary style="' + summaryStyle + '">Suppressed assets <span style="color:var(--muted);font-weight:400">(' + suppressed.length + ')</span></summary>' +
       suppressed.map(s =>
         '<div style="margin:6px 0 0 12px"><code style="color:var(--orange)">' + escHtml(s.flag) + '</code> <span style="color:var(--muted);font-size:var(--text-sm)">(' + escHtml(String(s.value)) + ')</span>' +
         '<div style="font-size:var(--text-sm);color:var(--muted);margin-left:18px">' + escHtml(s.effect || '') + '</div></div>'
@@ -1071,7 +1096,7 @@ function renderHarnessDiagnostics(diag) {
   // Missing dirs summary (aggregate)
   const missing = diag.missingDirs || [];
   if (missing.length > 0) {
-    parts.push('<details data-hkey="missingDirs" style="margin:6px 0;border:1px solid var(--border);border-radius:6px;padding:8px 10px;background:var(--surface2)"><summary style="font-weight:600;cursor:pointer">Missing on-disk dirs <span style="color:var(--muted);font-weight:400">(' + missing.length + ')</span></summary>' +
+    parts.push('<details data-hkey="missingDirs" style="' + cardStyle + '"><summary style="' + summaryStyle + '">Missing on-disk dirs <span style="color:var(--muted);font-weight:400">(' + missing.length + ')</span></summary>' +
       '<div style="font-size:var(--text-sm);color:var(--muted);margin:4px 0 6px 12px">Adapters declare these paths but they do not exist on this host. Warnings, not failures — create them if the runtime should look there.</div>' +
       missing.map(m =>
         '<div style="font-family:monospace;font-size:var(--text-sm);margin-left:18px"><span style="color:var(--orange)">⚠</span> ' + escHtml(m.path) + ' <span style="color:var(--muted)">[' + escHtml(m.scope) + ' · ' + escHtml(m.kind) + ' · ' + escHtml(m.runtime) + ']</span></div>'
@@ -1097,7 +1122,7 @@ function renderHarnessDiagnostics(diag) {
   }
 }
 
-window.MinionsOther = { renderProjects, optimisticallyAddProject, projectChipRemove, renderMcpServers, renderCommands, renderHarnessDiagnostics, renderMetrics, renderLlmPerf, renderTokenUsage, _aggregateEngineUsageForTokenTile, openScanProjectsModal };
+window.MinionsOther = { renderProjects, optimisticallyAddProject, projectChipRemove, renderMcpServers, renderCommands, renderHarnessDiagnostics, renderMetrics, renderLlmPerf, renderTokenUsage, _aggregateEngineUsageForTokenTile, _formatTrackedCost, openScanProjectsModal };
 
 // ─── keep_processes panel (W-mp68q6ke0010de68) ─────────────────────────────
 // Polls /api/keep-processes every refresh (engine page only) and renders a