nexus-prime 7.9.21 → 7.9.23

package/dist/dashboard/app/views/board.js

@@ -133,6 +133,9 @@ const _CLIENT_LABEL = {
     continue: 'Continue',
     cline: 'Cline',
     openclaw: 'OpenClaw',
+    hermes: 'Hermes',
+    nanoclaw: 'NanoClaw',
+    picoclaw: 'PicoClaw',
     mcp: 'MCP',
 };
 function _clientStateColor(state) {
@@ -683,6 +686,9 @@ function _buildDecisionSpineHtml(spine) {
     const decisionLog = Array.isArray(artifacts.decisionLog) ? artifacts.decisionLog : [];
     const selected = spine?.summary?.selected || plan.selected || {};
     const model = spine?.summary?.modelRoute || plan.modelRoute || brief.modelPolicy || {};
+    const budgets = spine?.summary?.budgets || plan.budgets || {};
+    const executionPolicy = spine?.summary?.executionPolicy || plan.executionPolicy || {};
+    const agentFlow = spine?.summary?.agentFlow || executionPolicy.agentFlow || {};
     const latestDecision = spine?.summary?.latestDecision || decisionLog[decisionLog.length - 1] || null;
     const prompt = brief.rewrittenPrompt || brief.rawPrompt || '';
     return `<div class="dsec decision-spine">
@@ -699,6 +705,11 @@ function _buildDecisionSpineHtml(spine) {
                 <div class="decision-spine-v">${esc(model.workerTier || '—')}</div>
                 <div class="decision-spine-sub">${esc(model.reviewerTier ? 'review ' + model.reviewerTier : model.reason || '—')}</div>
             </div>
+            <div class="decision-spine-card">
+                <div class="decision-spine-k">Budget</div>
+                <div class="decision-spine-v">${fmtNum(budgets.totalTokens || 0)} t</div>
+                <div class="decision-spine-sub">${fmtNum(budgets.codeBlocks || budgets.codeBlockPolicy?.reservedTokens || 0)} t code blocks</div>
+            </div>
             <div class="decision-spine-card">
                 <div class="decision-spine-k">Context</div>
                 <div class="decision-spine-v">${fmtNum(contextLog.length)} events</div>
@@ -707,12 +718,53 @@ function _buildDecisionSpineHtml(spine) {
         </div>
         <div class="decision-spine-block"><span>Files</span>${miniListHtml(selected.files || plan.candidates?.files || [])}</div>
         <div class="decision-spine-block"><span>Skills</span>${miniListHtml(selected.skills || plan.candidates?.skills || [])}</div>
+        <div class="decision-spine-block"><span>Workflows</span>${miniListHtml(selected.workflows || plan.candidates?.workflows || [])}</div>
         <div class="decision-spine-block"><span>Crew</span>${miniListHtml([...(selected.crews || []), ...(selected.specialists || [])], 6)}</div>
+        <div class="decision-spine-block"><span>Workers</span>${miniListHtml(selected.workers || executionPolicy.subagents?.map(agent => `${agent.role}:${agent.modelTier}`) || [], 8)}</div>
+        ${_buildDecisionSpineBudgetHtml(budgets)}
+        ${_buildAgentFlowHtml(agentFlow)}
         ${latestDecision ? `<div class="decision-spine-latest">${esc(latestDecision.verb || 'decision')} · ${esc(latestDecision.decision || '')}</div>` : ''}
         ${_buildDecisionSpineLogBrowser(contextLog, decisionLog)}
     </div>`;
 }
 
+function _buildDecisionSpineBudgetHtml(budgets) {
+    if (!budgets || typeof budgets !== 'object' || !Object.keys(budgets).length) return '';
+    const rows = [
+        ['Prompt', budgets.prompt],
+        ['Memory', budgets.memory],
+        ['Repo', budgets.repo],
+        ['Skills', budgets.skills],
+        ['Reasoning', budgets.reasoning],
+        ['Code blocks', budgets.codeBlocks || budgets.codeBlockPolicy?.reservedTokens],
+        ['Verification', budgets.verification],
+        ['Reserve', budgets.reserve],
+    ].filter(([, value]) => Number(value) > 0);
+    const templates = budgets.codeBlockPolicy?.templates || [];
+    return `<div class="decision-spine-budget-grid" aria-label="Token budget breakdown">
+        ${rows.map(([label, value]) => `<div><span>${esc(label)}</span><strong>${fmtNum(value)}t</strong></div>`).join('')}
+        ${templates.length ? `<div class="decision-spine-budget-wide"><span>Code block templates</span>${miniListHtml(templates, 6)}</div>` : ''}
+    </div>`;
+}
+
+function _buildAgentFlowHtml(agentFlow) {
+    const stages = Array.isArray(agentFlow?.stages) ? agentFlow.stages : [];
+    if (!stages.length) return '';
+    const gates = Array.isArray(agentFlow.deterministicGates) ? agentFlow.deterministicGates : [];
+    return `<div class="decision-spine-agentflow" aria-label="AgentFlow pipeline">
+        <div class="decision-spine-browser-title">AgentFlow pipeline</div>
+        <div class="decision-spine-agentflow-rail">
+            ${stages.map(stage => `<div class="decision-spine-agentflow-stage">
+                <span>${esc(stage.stage)}</span>
+                <strong>${esc(stage.ownerRole || 'worker')}</strong>
+                <small>${esc(stage.modelTier || '')}</small>
+            </div>`).join('')}
+        </div>
+        <div class="decision-spine-log-ref">${esc(agentFlow.dispatchPolicy || '')}</div>
+        ${gates.length ? `<div class="decision-spine-block"><span>Gates</span>${miniListHtml(gates, 8)}</div>` : ''}
+    </div>`;
+}
+
 function _buildDecisionSpineLogBrowser(contextLog, decisionLog) {
     const contextRows = contextLog.slice(0, 6).map(entry => `
         <div class="decision-spine-log-row">
@@ -751,11 +803,15 @@ function _buildDecisionSpineMiniHtml(spine) {
     const plan = artifacts.selectionPlan || {};
     const selected = spine?.summary?.selected || plan.selected || {};
     const model = spine?.summary?.modelRoute || plan.modelRoute || brief.modelPolicy || {};
+    const budgets = spine?.summary?.budgets || plan.budgets || {};
+    const agentFlow = spine?.summary?.agentFlow || plan.executionPolicy?.agentFlow || {};
     return `<div class="decision-spine-mini">
         <div class="decision-spine-mini-head">Decision Spine · run ${esc((spine.runId || '').slice(-8))}</div>
         <div class="decision-spine-mini-row">
             <span>intent ${esc(brief.intent || plan.intent || spine?.summary?.intent || '—')}</span>
             <span>model ${esc(model.workerTier || '—')}</span>
+            <span>budget ${fmtNum(budgets.totalTokens || 0)}t</span>
+            <span>flow ${fmtNum(agentFlow.stages?.length || 0)}</span>
             <span>ctx ${fmtNum(spine?.summary?.contextEvents || artifacts.contextLog?.length || 0)}</span>
             <span>decisions ${fmtNum(spine?.summary?.decisions || artifacts.decisionLog?.length || 0)}</span>
         </div>

package/dist/dashboard/app/views/memory.js

@@ -34,6 +34,42 @@ function memText(m) {
     return m.title || m.excerpt || m.content || m.summary || m.id || '';
 }
 
+function pct(value) {
+    const n = Number(value);
+    return Number.isFinite(n) ? `${Math.round(n * 100)}%` : '—';
+}
+
+function decayProfile(m) {
+    const rawScore = Number(m.decay?.score ?? m.entropyScore ?? m.entropy ?? 0);
+    const score = Number.isFinite(rawScore) ? Math.max(0, Math.min(1, rawScore)) : 0;
+    const state = m.decay?.state || (score >= 0.75 ? 'retiring' : score >= 0.5 ? 'stale' : score >= 0.25 ? 'fading' : 'fresh');
+    return {
+        ...m.decay,
+        score,
+        state,
+        nextAction: m.decay?.nextAction || (state === 'fresh' ? 'keep' : state === 'fading' ? 'reinforce' : state === 'stale' ? 'review' : 'archive'),
+    };
+}
+
+function reinforcementProfile(m) {
+    const rawScore = Number(m.reinforcement?.score ?? m.trustScore ?? m.trust ?? 0);
+    const score = Number.isFinite(rawScore) ? Math.max(0, Math.min(1, rawScore)) : 0;
+    return { ...m.reinforcement, score };
+}
+
+function decayStroke(state) {
+    if (state === 'retiring') return '#ff5f57';
+    if (state === 'stale') return '#ffd14d';
+    if (state === 'fading') return '#00d4ff';
+    return '#00ff88';
+}
+
+function lifecycleLabel(m) {
+    const decay = decayProfile(m);
+    const reinforcement = reinforcementProfile(m);
+    return `${decay.state} · ${decay.nextAction} · reinforced ${pct(reinforcement.score)}`;
+}
+
 function selectedMemories() {
     const selected = new Set(S.selectedMemoryIds || []);
     return S.memories.filter(m => selected.has(m.id));
@@ -282,7 +318,9 @@ function buildGraph() {
     S.gNodes = sortedMemories.map(m=>({
         id:m.id, label:m.title||(m.content||'').substring(0,50)||m.id,
         priority:m.priority||0.5, tier:m.tier||'semantic', nodeType:'memory',
-        createdAt:m.createdAt||m.timestamp||Date.now(), tags:m.tags||[], data:m,
+        createdAt:m.createdAt||m.timestamp||Date.now(), tags:m.tags||[],
+        decayState:decayProfile(m).state, decayScore:decayProfile(m).score,
+        reinforcementScore:reinforcementProfile(m).score, data:m,
     }));
 
     const links = [];
@@ -383,11 +421,11 @@ function renderGraph() {
     const isPromoted=d=>(d.tier==='hippocampus'||d.tier==='cortex'||d.tier==='episodic'||d.tier==='semantic');
     const nodeEl=d3s.append('g').selectAll('circle').data(memNodes).enter().append('circle')
         .attr('r',d=>4+d.priority*9).attr('fill',nc).attr('fill-opacity',0.85)
-        .attr('stroke',d=>isPromoted(d)?'#a78bfa':'#000').attr('stroke-width',d=>isPromoted(d)?1.5:1)
+        .attr('stroke',d=>decayStroke(d.decayState)).attr('stroke-width',d=>isPromoted(d)||d.decayState==='stale'||d.decayState==='retiring'?1.8:1)
         .style('cursor','pointer')
-        .classed('node-pulse', d=>isPromoted(d))
+        .classed('node-pulse', d=>isPromoted(d) || d.reinforcementScore >= 0.7)
         .on('click',(_,d)=>_openMemDrawer(d))
-        .on('mouseover',function(ev,d){ _memHover(d, nodeEl, fileEl, linkEl); _showTip(ev,d.label); })
+        .on('mouseover',function(ev,d){ _memHover(d, nodeEl, fileEl, linkEl); _showTip(ev,`${d.label} · ${lifecycleLabel(d.data||d)}`); })
         .on('mouseout', function(){ _memHoverOut(nodeEl, fileEl, linkEl); _hideTip(); });
     const drag=d3.drag()
         .on('start',(ev,d)=>{ if(!ev.active) sim.alphaTarget(0.3).restart(); d.fx=d.x; d.fy=d.y; })
@@ -469,14 +507,17 @@ export function renderMemList() {
         const tier=m.tier||'semantic';
         const pri=m.priority!=null?`p:${Math.round(m.priority*100)}%`:'';
         const state=m.state && m.state !== 'active' ? ` · ${m.state}` : '';
-        const decay=m.entropy>0.6?'opacity:0.6':'';
+        const decay=decayProfile(m);
+        const reinforcement=reinforcementProfile(m);
+        const decayStyle=decay.state==='stale'||decay.state==='retiring'?'opacity:0.72':'';
+        const createdAt=m.createdAt||m.timestamp;
         const selected = (S.selectedMemoryIds || []).includes(m.id);
-        return `<div class="mem-item ${selected ? 'selected' : ''}" style="${decay}" data-memid="${esc(m.id)}">
+        return `<div class="mem-item ${selected ? 'selected' : ''}" style="${decayStyle}" data-memid="${esc(m.id)}">
             <button class="mem-select-btn ${selected ? 'active' : ''}" data-mem-toggle="${esc(m.id)}" aria-pressed="${selected ? 'true' : 'false'}">${selected ? 'Selected' : 'Select'}</button>
             <div class="tier-dot t-${esc(tier)}"></div>
             <div style="flex:1;min-width:0">
                 <div class="mem-title">${esc(memText(m).substring(0,90))}</div>
-                <div class="mem-meta">${esc(tier)}${esc(state)}${pri?' · '+pri:''}${m.createdAt?' · '+timeAgo(m.createdAt):''}</div>
+                <div class="mem-meta">${esc(tier)}${esc(state)}${pri?' · '+pri:''}${createdAt?' · '+timeAgo(createdAt):''} · ${esc(decay.state)}:${esc(decay.nextAction)} · r:${esc(pct(reinforcement.score))}</div>
             </div>
         </div>`;
     }).join('');
@@ -501,25 +542,45 @@ function _browseMemories() {
             ${items.map(m => `<div class="trust-event-row" data-drawer-mem="${esc(m.id)}">
                 <div class="trust-event-main">
                     <span class="chip chip-muted">${esc(m.tier || 'semantic')}</span>
+                    <span class="chip chip-muted">${esc(lifecycleLabel(m))}</span>
                     <span class="trust-event-type">${esc(memText(m).slice(0, 120))}</span>
                 </div>
-                <div class="trust-event-meta">${esc(m.state || 'active')}${m.createdAt ? ' · '+esc(timeAgo(m.createdAt)) : ''}</div>
+                <div class="trust-event-meta">${esc(m.state || 'active')}${(m.createdAt||m.timestamp) ? ' · '+esc(timeAgo(m.createdAt||m.timestamp)) : ''}</div>
             </div>`).join('')}
         </div>` : '<div class="empty-sub">No memories available for the selected runtime.</div>',
     });
+    document.querySelectorAll('[data-drawer-mem]').forEach(row => {
+        row.addEventListener('click', () => {
+            const memory = S.memories.find(item => item.id === row.dataset.drawerMem);
+            if (memory) _openMemDrawer({ id: memory.id, label: memText(memory), data: memory });
+        });
+    });
 }
 
 function _openMemDrawer(node) {
     const m=node.data||node;
     const tags=(m.tags||[]).map(t=>`<span class="chip">${esc(t)}</span>`).join(' ');
     const drows=rows=>rows.map(([k,v])=>`<div class="drow"><span class="drow-k">${esc(k)}</span><span class="drow-v">${esc(String(v??'—'))}</span></div>`).join('');
+    const decay=decayProfile(m);
+    const reinforcement=reinforcementProfile(m);
+    const createdAt=m.createdAt||m.timestamp;
+    const decayReasons=(decay.reasons||[]).slice(0,4).map(reason=>`<span class="chip chip-muted">${esc(reason)}</span>`).join(' ');
+    const reinforcementReasons=(reinforcement.reasons||[]).slice(0,4).map(reason=>`<span class="chip chip-muted">${esc(reason)}</span>`).join(' ');
     openDrawer({ title: node.label||'Memory', body:
         `<div class="dsec"><div class="dsec-title">Memory</div>${drows([
             ['ID',m.id],['Tier',m.tier||'semantic'],
             ['Priority',m.priority!=null?Math.round(m.priority*100)+'%':'—'],
-            ['Created',m.createdAt?new Date(m.createdAt).toLocaleString():'—'],
-            ['Entropy',m.entropy!=null?m.entropy.toFixed(3):'—']
+            ['Created',createdAt?new Date(createdAt).toLocaleString():'—'],
+            ['Entropy',m.entropyScore!=null?m.entropyScore.toFixed(3):(m.entropy!=null?m.entropy.toFixed(3):'—')]
         ])}</div>
+        <div class="dsec"><div class="dsec-title">Lifecycle</div>${drows([
+            ['Decay',`${decay.state} (${pct(decay.score)})`],
+            ['Next action',decay.nextAction],
+            ['Half-life',decay.halfLifeDays!=null?`${Math.round(decay.halfLifeDays)}d`:'—'],
+            ['Reinforcement',pct(reinforcement.score)],
+            ['Feedback',reinforcement.feedbackCount ?? 0],
+            ['Recalls',reinforcement.accessCount ?? m.accessCount ?? 0]
+        ])}${decayReasons?`<div class="dtags">${decayReasons}</div>`:''}${reinforcementReasons?`<div class="dtags">${reinforcementReasons}</div>`:''}</div>
         ${tags?`<div class="dsec"><div class="dsec-title">Tags</div><div class="dtags">${tags}</div></div>`:''}
         <div class="dsec"><div class="dsec-title">Content</div><div class="dcontent">${esc(m.content||m.excerpt||m.title||'(no content)')}</div></div>
         <div class="dsec"><div class="dsec-title">Code block</div><pre class="memory-code-block"><code>${esc(memoryBlock(m))}</code></pre></div>` });

package/dist/dashboard/app/views/runtime.js

@@ -30,6 +30,10 @@ let _settledToolTimes = new Map();
 let _pulseTimer = null;
 // toast queue
 let _toastTimer = null;
+let _tokenFlyoutOpen = false;
+let _tokenFlyoutLoading = false;
+let _tokenFlyoutError = '';
+let _tokenTelemetry = null;
 
 /* ── Category metadata ──────────────────────────────────────────────────────── */
 const CATEGORY_META = {
@@ -65,6 +69,27 @@ function humanMs(ms) {
   return `${(ms / 1000).toFixed(1)}s`;
 }
 
+function fmtTokens(n) {
+  const v = Number(n ?? 0);
+  if (!Number.isFinite(v) || v <= 0) return '0';
+  if (v >= 1_000_000) return `${(v / 1_000_000).toFixed(1)}M`;
+  if (v >= 10_000) return `${Math.round(v / 1000)}k`;
+  if (v >= 1000) return `${(v / 1000).toFixed(1)}k`;
+  return Math.round(v).toLocaleString();
+}
+
+function fmtPct(n) {
+  const v = Number(n ?? 0);
+  if (!Number.isFinite(v)) return '0%';
+  return `${Math.round(v)}%`;
+}
+
+function fmtTime(ts) {
+  const n = Number(ts ?? 0);
+  if (!Number.isFinite(n) || n <= 0) return 'recent';
+  return new Date(n).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+}
+
 function toolNameFromPayload(payload) {
   return String(payload.toolName ?? payload.tool ?? payload.name ?? '').trim();
 }
@@ -159,10 +184,10 @@ function mount() {
           <div class="rt-kpi-val" id="rt-toolcalls">0</div>
           <div class="rt-kpi-lbl">Tool Calls</div>
         </div>
-        <div class="rt-kpi" id="rt-kpi-saved">
+        <button class="rt-kpi rt-kpi-action" id="rt-kpi-saved" type="button" aria-expanded="false" aria-controls="rt-token-flyout" title="Open token telemetry">
           <div class="rt-kpi-val" id="rt-tokens-saved">0</div>
           <div class="rt-kpi-lbl">Tokens Saved</div>
-        </div>
+        </button>
         <div class="rt-kpi">
           <div class="rt-kpi-val" id="rt-active-count">0</div>
           <div class="rt-kpi-lbl">Active Now</div>
@@ -170,6 +195,7 @@ function mount() {
       </div>
 
       <div class="rt-mcp-strip" id="rt-mcp-strip"></div>
+      <div class="rt-token-flyout-slot" id="rt-token-flyout-slot"></div>
 
       <div class="rt-filter-bar">
         <button class="rt-filter-btn active" data-filter="all">All</button>
@@ -212,6 +238,14 @@ function mount() {
     renderAll();
   });
 
+  $('rt-kpi-saved')?.addEventListener('click', () => {
+    _tokenFlyoutOpen = !_tokenFlyoutOpen;
+    renderTokenFlyout();
+    if (_tokenFlyoutOpen && !_tokenTelemetry && !_tokenFlyoutLoading) {
+      void loadTokenTelemetry();
+    }
+  });
+
   _mounted = true;
   renderAll();
 }
@@ -220,6 +254,7 @@ function mount() {
 function renderAll() {
   expireStaleActiveTools();
   renderKPIs();
+  renderTokenFlyout();
   renderMcpStrip();
   renderFeed();
 }
@@ -233,6 +268,96 @@ function renderKPIs() {
     ? (_totalTokensSaved >= 1000 ? `${(_totalTokensSaved / 1000).toFixed(1)}k` : String(_totalTokensSaved))
     : '0';
   if (activeEl) activeEl.textContent = String(_activeTools.size);
+  const tokenBtn = $('rt-kpi-saved');
+  if (tokenBtn) tokenBtn.setAttribute('aria-expanded', _tokenFlyoutOpen ? 'true' : 'false');
+}
+
+async function loadTokenTelemetry() {
+  _tokenFlyoutLoading = true;
+  _tokenFlyoutError = '';
+  renderTokenFlyout();
+  try {
+    const [summary, lifetimeRaw, bySource, timeline] = await Promise.all([
+      api('/api/tokens/summary', 0),
+      api('/api/tokens/lifetime', 0),
+      api('/api/tokens/by-source', 0),
+      api('/api/tokens/timeline?limit=8', 0),
+    ]);
+    _tokenTelemetry = {
+      summary: summary ?? {},
+      lifetime: lifetimeRaw?.data ?? lifetimeRaw ?? {},
+      bySource: bySource ?? {},
+      timeline: Array.isArray(timeline) ? timeline : [],
+    };
+  } catch (err) {
+    _tokenFlyoutError = err?.message || String(err);
+  } finally {
+    _tokenFlyoutLoading = false;
+    renderTokenFlyout();
+  }
+}
+
+function renderTokenFlyout() {
+  const slot = $('rt-token-flyout-slot');
+  if (!slot) return;
+  const btn = $('rt-kpi-saved');
+  if (btn) btn.setAttribute('aria-expanded', _tokenFlyoutOpen ? 'true' : 'false');
+  if (!_tokenFlyoutOpen) {
+    slot.innerHTML = '';
+    return;
+  }
+
+  if (_tokenFlyoutLoading && !_tokenTelemetry) {
+    slot.innerHTML = `<div class="rt-token-flyout" id="rt-token-flyout">
+      <div class="rt-token-head"><div><div class="rt-token-title">Token telemetry</div><div class="rt-token-sub">Loading current runtime ledger...</div></div><button class="rt-token-close" id="rt-token-close" type="button">Close</button></div>
+    </div>`;
+  } else if (_tokenFlyoutError) {
+    slot.innerHTML = `<div class="rt-token-flyout" id="rt-token-flyout">
+      <div class="rt-token-head"><div><div class="rt-token-title">Token telemetry</div><div class="rt-token-sub rt-token-error">${esc(_tokenFlyoutError)}</div></div><button class="rt-token-close" id="rt-token-close" type="button">Close</button></div>
+    </div>`;
+  } else {
+    const data = _tokenTelemetry ?? {};
+    const summary = data.summary ?? {};
+    const lifetime = data.lifetime ?? {};
+    const bySource = data.bySource ?? {};
+    const timeline = Array.isArray(data.timeline) ? data.timeline : [];
+    const sourceRows = Object.entries(bySource).slice(0, 5).map(([source, value]) => {
+      const item = typeof value === 'object' && value ? value : { savedTokens: Number(value ?? 0) };
+      const saved = item.savedTokens ?? item.tokensSaved ?? item.saved ?? 0;
+      const gross = item.grossInputTokens ?? item.tokensOptimized ?? item.gross ?? 0;
+      return `<div class="rt-token-row"><span>${esc(source)}</span><strong>${fmtTokens(saved)}</strong><span>${fmtTokens(gross)} gross</span></div>`;
+    }).join('') || '<div class="rt-token-muted">No source ledger yet.</div>';
+    const timelineRows = timeline.slice(0, 6).map((item) => {
+      const saved = item.savedTokens ?? item.tokensSaved ?? item.saved ?? 0;
+      const run = item.runId ?? item.sessionId ?? item.source ?? 'runtime';
+      return `<div class="rt-token-row"><span>${esc(String(run).slice(0, 18))}</span><strong>${fmtTokens(saved)}</strong><span>${fmtTime(item.timestamp ?? item.ts ?? item.time)}</span></div>`;
+    }).join('') || '<div class="rt-token-muted">No recent token events yet.</div>';
+    slot.innerHTML = `<div class="rt-token-flyout" id="rt-token-flyout">
+      <div class="rt-token-head">
+        <div>
+          <div class="rt-token-title">Token telemetry</div>
+          <div class="rt-token-sub">Runtime ledger, lifetime savings, and live SSE savings for this tab.</div>
+        </div>
+        <button class="rt-token-close" id="rt-token-close" type="button">Close</button>
+      </div>
+      <div class="rt-token-grid">
+        <div class="rt-token-stat"><span>Recent saved</span><strong>${fmtTokens(summary.savedTokens ?? summary.saved)}</strong></div>
+        <div class="rt-token-stat"><span>Recent compression</span><strong>${fmtPct(summary.compressionPct)}</strong></div>
+        <div class="rt-token-stat"><span>Lifetime saved</span><strong>${fmtTokens(lifetime.savedTokens ?? lifetime.totalSaved)}</strong></div>
+        <div class="rt-token-stat"><span>Live tab saved</span><strong>${fmtTokens(_totalTokensSaved)}</strong></div>
+      </div>
+      <div class="rt-token-columns">
+        <div><div class="rt-token-section-title">By source</div>${sourceRows}</div>
+        <div><div class="rt-token-section-title">Recent runs</div>${timelineRows}</div>
+      </div>
+    </div>`;
+  }
+
+  $('rt-token-close')?.addEventListener('click', () => {
+    _tokenFlyoutOpen = false;
+    renderTokenFlyout();
+    renderKPIs();
+  });
 }
 
 function renderMcpStrip() {
@@ -421,11 +546,20 @@ export function ingestEvent(evt) {
       break;
     case 'memory.store':
       label = 'memory · store';
-      detail = String(payload.key ?? payload.content ?? '').slice(0, 80);
+      detail = [
+        payload.id ? `id ${String(payload.id).slice(0, 12)}` : null,
+        payload.tier ? `tier ${payload.tier}` : null,
+        payload.priority != null ? `priority ${Number(payload.priority).toFixed(2)}` : null,
+        Array.isArray(payload.tags) && payload.tags.length ? `tags ${payload.tags.slice(0, 3).join(', ')}` : null,
+      ].filter(Boolean).join(' · ') || String(payload.key ?? payload.content ?? '').slice(0, 80);
       break;
     case 'memory.recall':
       label = 'memory · recall';
-      detail = String(payload.query ?? '').slice(0, 80);
+      detail = [
+        `${Number(payload.count ?? 0)} recalled`,
+        payload.crossClient ? 'cross-client' : null,
+        String(payload.query ?? '').slice(0, 60),
+      ].filter(Boolean).join(' · ');
       break;
     case 'tokens.optimized': {
       const src = payload.source ? ` · ${payload.source}` : '';

package/dist/dashboard/app/views/workforce.js

@@ -45,6 +45,7 @@ export function handleDispatchEvent(evt) {
     const type = evt.type ?? '';
 
     if (type === 'dispatch.started') {
+        if (oid) _dispatches.delete(`__warmup__:${oid}`);
         run.status    = 'spawning';
         run.invoker   = p.invokerId ?? '';
     } else if (type === 'dispatch.event') {
@@ -117,18 +118,20 @@ function _buildDispatchStrip(run) {
     }).join('<span class="ds-sep">→</span>');
 
     const isFinal = ['complete','failed','cancelled'].includes(run.status);
+    const isPendingAdapter = run.pendingAdapter === true;
 
     return `<div class="dispatch-strip" data-run-id="${esc(run.runId)}">
         <div class="ds-stages">${stageHtml}</div>
         ${run.messages.length ? `<div class="ds-stdout">${esc(run.messages[run.messages.length - 1])}</div>` : ''}
         <div class="ds-meta">
+            ${run.invoker ? `<span>${esc(run.invoker)}</span>` : ''}
             ${run.tokens ? `<span>${run.tokens.toLocaleString()} tokens</span>` : ''}
             ${run.costUsd ? `<span>$${run.costUsd.toFixed(4)}</span>` : ''}
             ${run.filesChanged.length ? `<span>${run.filesChanged.length} file(s)</span>` : ''}
         </div>
         ${run.summary ? `<div class="ds-summary">${esc(String(run.summary).slice(0, 160))}</div>` : ''}
         ${run.error   ? `<div class="ds-error">${esc(run.error)}</div>` : ''}
-        ${!isFinal ? `<button class="btn btn-sm ds-stop-btn" data-stop-run="${esc(run.runId)}">Stop</button>` : ''}
+        ${!isFinal && !isPendingAdapter ? `<button class="btn btn-sm ds-stop-btn" data-stop-run="${esc(run.runId)}">Stop</button>` : ''}
     </div>`;
 }
 
@@ -560,14 +563,18 @@ function _showHireSheet(specialistId, name) {
                             stripDiv.setAttribute('data-dispatch-strip', '');
                             drawerBody.appendChild(stripDiv);
                         }
-                        const warmupRun = { runId: '__warmup__', operativeId, status: 'queued', tokens: 0, costUsd: 0, messages: ['Warm-up dispatching…'], filesChanged: [] };
-                        _dispatches.set('__warmup__', warmupRun);
+                        const warmupKey = `__warmup__:${operativeId}`;
+                        const warmupRun = { runId: warmupKey, operativeId, status: 'queued', tokens: 0, costUsd: 0, messages: ['Adapter pending; waiting for dispatch.started…'], filesChanged: [], pendingAdapter: true };
+                        _dispatches.set(warmupKey, warmupRun);
                         stripDiv.innerHTML = _buildDispatchStrip(warmupRun);
                     }
                     const fd = real.data?.firstDispatch;
-                    _dispatches.delete('__warmup__');
                     if (fd?.runId) {
+                        _dispatches.delete(`__warmup__:${operativeId}`);
                         _dispatches.set(fd.runId, { runId: fd.runId, operativeId, status: 'queued', tokens: 0, costUsd: 0, messages: [], filesChanged: [] });
+                    } else if (fd?.queued) {
+                        const pending = _dispatches.get(`__warmup__:${operativeId}`);
+                        if (pending) pending.messages = ['First sortie queued; adapter start will stream here.'];
                     }
                     _refreshDrawerForOp(operativeId);
                 }

package/dist/dashboard/routes/events.js

@@ -174,6 +174,9 @@ export const handleEventRoutes = async (ctx, req, res, url) => {
                 intent: requestBrief?.intent ?? selectionPlan?.intent ?? run.intent ?? null,
                 risk: requestBrief?.risk ?? null,
                 modelRoute: selectionPlan?.modelRoute ?? requestBrief?.modelPolicy ?? null,
+                budgets: selectionPlan?.budgets ?? null,
+                executionPolicy: selectionPlan?.executionPolicy ?? null,
+                agentFlow: selectionPlan?.executionPolicy?.agentFlow ?? null,
                 selected: selectionPlan?.selected ?? null,
                 contextEvents: Array.isArray(contextLog) ? contextLog.length : 0,
                 decisions: Array.isArray(decisionLog) ? decisionLog.length : 0,

package/dist/dashboard/selectors/operate-selector.js

@@ -8,6 +8,11 @@ export async function buildOperateSurface(ctx, url) {
         runs: serializeRuns(state.runtime?.listRuns?.(12) ?? []),
         usage: state.usage,
         tokenOptimization: state.tokenOptimization,
+        sourceAwareTokenBudget: state.snapshot?.sourceAwareTokenBudget ?? state.runtime?.getUsageSnapshot?.()?.sourceAwareTokenBudget ?? {},
+        agentFlow: state.snapshot?.instructionPacket?.selectionPlan?.executionPolicy?.agentFlow
+            ?? state.snapshot?.executionLedger?.agentFlow
+            ?? state.runtime?.getUsageSnapshot?.()?.selectionPlan?.executionPolicy?.agentFlow
+            ?? {},
         gateSummary: state.gateSummary,
         memoryContainers: state.memoryContainers,
         interpretationIssues: state.interpretationIssues,

package/dist/dashboard/selectors/runs-selector.js

@@ -11,6 +11,11 @@ export async function buildRunsSurface(ctx, url) {
         gateTimeline: serializeGateTimeline(state.latestRun),
         parallelism: serializeParallelism(state.snapshot, state.runtime),
         tokenOptimization: state.tokenOptimization,
+        sourceAwareTokenBudget: state.snapshot?.sourceAwareTokenBudget ?? state.runtime?.getUsageSnapshot?.()?.sourceAwareTokenBudget ?? {},
+        agentFlow: state.snapshot?.instructionPacket?.selectionPlan?.executionPolicy?.agentFlow
+            ?? state.snapshot?.executionLedger?.agentFlow
+            ?? state.runtime?.getUsageSnapshot?.()?.selectionPlan?.executionPolicy?.agentFlow
+            ?? {},
         orchestrationSession: state.snapshot?.orchestration ?? state.orchestrator?.getSessionState?.() ?? {},
         orchestrationLedger: state.snapshot?.executionLedger ?? state.runtime?.getExecutionLedger?.() ?? {},
         workerPlan: state.snapshot?.workerPlan ?? state.runtime?.getUsageSnapshot?.()?.workerPlan ?? {},

package/dist/dashboard/server.js

@@ -992,6 +992,12 @@ export class DashboardServer {
             selectedFiles: Array.isArray(budget?.selectedFiles) ? budget.selectedFiles : [],
             reason: budget?.reason || 'Token optimization has not reported a source-aware budget yet.',
             dominantSource: budget?.dominantSource || null,
+            bySource: budget?.bySource ?? {},
+            byStage: budget?.byStage ?? {},
+            totalBudget: Number(budget?.totalBudget ?? 0),
+            codeBlocks: budget?.codeBlocks ?? null,
+            qualityGates: Array.isArray(budget?.qualityGates) ? budget.qualityGates : [],
+            recommendations: Array.isArray(budget?.recommendations) ? budget.recommendations : [],
             dropped: Array.isArray(budget?.dropped) ? budget.dropped : [],
         };
     }

package/dist/dashboard/types.d.ts

@@ -175,6 +175,8 @@ export interface OperateSurfaceDTO {
     runs: unknown[];
     usage: unknown;
     tokenOptimization: unknown;
+    sourceAwareTokenBudget: unknown;
+    agentFlow: unknown;
     gateSummary: unknown;
     memoryContainers: unknown;
     interpretationIssues: unknown[];
@@ -220,6 +222,8 @@ export interface RunsSurfaceDTO {
     gateTimeline: unknown[];
     parallelism: unknown;
     tokenOptimization: unknown;
+    sourceAwareTokenBudget: unknown;
+    agentFlow: unknown;
     orchestrationSession: unknown;
     orchestrationLedger: unknown;
     workerPlan: unknown;

package/dist/engines/client-bootstrap.d.ts

@@ -1,4 +1,4 @@
-export type SetupClientId = 'cursor' | 'claude' | 'claude-code' | 'claude-desktop' | 'opencode' | 'windsurf' | 'antigravity' | 'openclaw' | 'codex' | 'aider' | 'continue' | 'cline';
+export type SetupClientId = 'cursor' | 'claude' | 'claude-code' | 'claude-desktop' | 'opencode' | 'windsurf' | 'antigravity' | 'openclaw' | 'hermes' | 'nanoclaw' | 'picoclaw' | 'codex' | 'aider' | 'continue' | 'cline';
 export type SetupInstructionMode = 'replace' | 'codex-managed-agents';
 export type SetupInstructionScope = 'home' | 'workspace';
 export type SetupState = 'missing' | 'drifted' | 'installed';
@@ -23,6 +23,8 @@ export interface BootstrapManifestClientStatus {
     instructionFiles: string[];
     homeReady: boolean;
     workspaceReady: boolean;
+    memoryHookReady: boolean;
+    memoryHookSummary: string;
     summary: string;
     updatedAt: number;
 }
@@ -62,6 +64,8 @@ export declare function statusForDefinition(definition: SetupDefinition): {
     summary: string;
     homeReady: boolean;
     workspaceReady: boolean;
+    memoryHookReady: boolean;
+    memoryHookSummary: string;
 };
 export declare function supportedSetupClients(): SetupClientId[];
 export declare function readBootstrapManifest(stateRoot?: string, workspaceRoot?: string): BootstrapManifestStatus | undefined;