claude-finops 0.16.0 → 0.17.1

package/web/app.js

@@ -5,7 +5,7 @@ const {fmtUSD, fmtNum, fmtInt, fmtPct, seriesVar} = C;
 const S = {
   view: 'hygiene',
   opts: null,
-  filter: {start: null, end: null, agents: [], models: [], projects: [], categories: [],
+  filter: {start: null, end: null, models: [], projects: [], categories: [],
            include_sandbox: true, min_cost: null, min_tokens: null},
   range: '30d',
   metric: 'cost',
@@ -34,7 +34,7 @@ const qs = () => {
   const f = S.filter, p = new URLSearchParams();
   if (f.start) p.set('start', f.start);
   if (f.end) p.set('end', f.end);
-  for (const k of ['agents', 'models', 'projects', 'categories'])
+  for (const k of ['models', 'projects', 'categories'])
     if (f[k].length) p.set(k, f[k].join(','));
   if (!f.include_sandbox) p.set('include_sandbox', '0');
   if (f.min_cost) p.set('min_cost', f.min_cost);
@@ -55,7 +55,7 @@ async function api(route, extra = '') {
 const bust = () => S.cache.clear();
 
 /* ============================ formatting helpers ============================ */
-const naLabel = () => `Unavailable from connected ${agentWord()} data`;
+const naLabel = () => 'Unavailable from Claude Code data';
 const NA = () => `<span class="na">${esc(naLabel())}</span>`;
 const BADGE = {actual: '<span class="badge">Actual</span>',
   estimated: '<span class="badge est">Estimated</span>',
@@ -132,13 +132,12 @@ const NAV = [
     ['hygiene', 'gauge', 'Context hygiene'],
     ['overview', 'dashboard', 'Executive overview'],
     ['advisor', 'bulb', 'What should I do?'],
-    ['agents', 'bot', 'Agents'],
     ['live', 'activity', 'Running sessions'],
     ['scorecard', 'award', 'FinOps scorecard'],
   ]],
   ['Usage', [
     ['usage', 'barChart', 'Usage timeline'],
-    ['burn', 'flame', 'Burn rate & limits', 'priced'],
+    ['burn', 'flame', 'Burn rate & limits'],
     ['models', 'cpu', 'Model analysis'],
     ['context', 'layers', 'Context & cache'],
   ]],
@@ -148,23 +147,23 @@ const NAV = [
     ['prompts', 'message', 'Prompt explorer'],
     ['rankings', 'sortDesc', 'Cost rankings'],
     ['categories', 'tag', 'Prompt intelligence'],
-    ['developer', 'code', 'Developer activity', 'priced'],
+    ['developer', 'code', 'Developer activity'],
   ]],
   ['Optimize', [
-    ['diagnose', 'scan', 'Why so many tokens?', 'priced'],
-    ['attribution', 'users', 'Who used the tokens', 'priced'],
-    ['subagents', 'bot', 'Subagent models', 'claude'],
+    ['diagnose', 'scan', 'Why so many tokens?'],
+    ['attribution', 'users', 'Who used the tokens'],
+    ['subagents', 'bot', 'Subagent models'],
     ['waste', 'trash', 'Waste detection'],
-    ['freemodels', 'gift', 'Free models', 'claude'],
+    ['freemodels', 'gift', 'Free models'],
     ['jev', 'sparkles', 'Jev (fast decisions)'],
-    ['compare', 'scale', 'Compare models', 'priced'],
-    ['toolkit', 'wrench', 'Skills & MCP', 'claude'],
+    ['compare', 'scale', 'Compare models'],
+    ['toolkit', 'wrench', 'Skills & MCP'],
     ['recommendations', 'listChecks', 'Recommendations'],
     ['anomalies', 'zap', 'Anomalies'],
   ]],
   ['Plan', [
-    ['forecast', 'trendUp', 'Forecast', 'priced'],
-    ['budgets', 'wallet', 'Budgets', 'priced'],
+    ['forecast', 'trendUp', 'Forecast'],
+    ['budgets', 'wallet', 'Budgets'],
     ['cloud', 'cloud', 'Billed vs local', 'cloud'],
     ['exports', 'download', 'Export & data'],
   ]],
@@ -238,6 +237,7 @@ const IP = {
   terminal: '<rect x="2" y="4" width="20" height="16" rx="2"/><path d="m6 9 3 3-3 3M12 15h6"/>',
   message: '<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>',
   sortDesc: '<path d="M11 5h10M11 9h7M11 13h4M3 17l3 3 3-3M6 18V4"/>',
+  sortAsc: '<path d="M11 5h4M11 9h7M11 13h10M3 7l3-3 3 3M6 6v14"/>',
   tag: '<path d="M12.6 2.6A2 2 0 0 0 11.2 2H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4z"/><circle cx="7.5" cy="7.5" r="1.5"/>',
   code: '<path d="m16 18 6-6-6-6M8 6l-6 6 6 6"/>',
   scan: '<path d="M3 7V5a2 2 0 0 1 2-2h2M17 3h2a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2"/><circle cx="11.5" cy="11.5" r="3.5"/><path d="m17 17-3-3"/>',
@@ -278,7 +278,7 @@ function shell() {
         <div class="sub">Command Center</div></div>
       <nav class="nav">${NAV.map(([g, items], gi) => `<div class="group g${gi}">${g}</div>` +
         items.map(([id, ic, label]) =>
-          `<a data-view="${id}" class="g${gi}${id === 'diagnose' ? ' start' : ''}"><span class="ic">${I(ic)}</span>${label}<span class="nb" data-nb="${id}"></span></a>`).join('')).join('')}
+          `<a href="/${id}" data-view="${id}" class="g${gi}${id === 'diagnose' ? ' start' : ''}"><span class="ic">${I(ic)}</span>${label}<span class="nb" data-nb="${id}"></span></a>`).join('')).join('')}
       </nav>
       <div class="who" id="who"></div></aside>
     <div class="main">
@@ -298,7 +298,7 @@ function shell() {
             <button class="iconbtn sq" id="theme"></button>
             <button class="iconbtn sq" id="refresh" title="Reload this page's numbers from the warehouse. To pick up new sessions, use Sync" aria-label="Reload view">${ICON.reload}</button>
           </div>
-          <button class="act sync" id="sync" title="Re-read every agent's transcripts from disk into the warehouse">${ICON.sync}Sync</button>
+          <button class="act sync" id="sync" title="Re-read Claude Code's transcripts from disk into the warehouse">${ICON.sync}Sync</button>
         </div>
         <div class="filters" id="filters"></div>
       </header>
@@ -306,7 +306,7 @@ function shell() {
     </div></div>`;
 
   document.querySelectorAll('.nav a').forEach(a =>
-    a.onclick = () => go(a.dataset.view));
+    a.onclick = e => { if (e.metaKey || e.ctrlKey || e.shiftKey || e.button) return; e.preventDefault(); go(a.dataset.view); });
   $('#tour-btn').onclick = () => tourForView();
   $('#theme').onclick = () => {
     const cur = document.documentElement.getAttribute('data-theme');
@@ -320,12 +320,7 @@ function shell() {
   themeLabel();
   $('#refresh').onclick = () => { bust(); render(); };
   maskLabel();
-  $('#mask').onclick = () => {
-    MASKED = !MASKED;
-    try { localStorage.setItem(MASK_KEY, MASKED ? '1' : '0'); } catch (_) {}
-    maskLabel(); closeDrawer(); render();
-    if (RECENT.open) { RECENT.offset = 0; renderRecent(); }
-  };
+  $('#mask').onclick = () => toggleMask();
   $('#recent-btn').onclick = () => toggleRecent();
   updateChip();
   $('#sync').onclick = runSync;
@@ -397,6 +392,17 @@ async function scopeStrip() {
     cell('Active days', fmtInt(o.active_days));
 }
 
+// From a drawer, the drawer is drawn again in the new state instead of being closed.
+function toggleMask(fromDrawer) {
+  MASKED = !MASKED;
+  try { localStorage.setItem(MASK_KEY, MASKED ? '1' : '0'); } catch (_) {}
+  const dr = fromDrawer && S.drawerRoute;
+  maskLabel();
+  if (!dr) closeDrawer();
+  render();
+  if (RECENT.open) { RECENT.offset = 0; renderRecent(); }
+  if (dr) openDrawerRoute(dr);
+}
 function maskLabel() {
   const b = $('#mask');
   // The icon shows the current state: an open eye while prompts are visible.
@@ -452,12 +458,7 @@ function applyRange(r) {
 function filterBar() {
   const f = S.filter, o = S.opts;
   const nSel = a => a.length ? `<span class="n">${a.length}</span>` : '';
-  const ag = o.agents || [];
   $('#filters').innerHTML = `
-    ${ag.length > 1 ? `<div class="seg" role="group" aria-label="Agent"><span class="seg-l">Agent</span>
-      ${ag.map(a => `<button class="${f.agents.includes(a.id) ? 'on' : ''}" data-agent="${esc(a.id)}"
-        title="${esc(a.note)}${a.requests ? '' : ' (no usage recorded)'}. Cmd/Shift-click to combine">${esc(a.name)}${a.requests ? '' : ' ·'}</button>`).join('')}
-      <button class="${f.agents.length === ag.length ? 'on' : ''}" data-agent="*" title="Every agent together">All</button></div>` : ''}
     <div class="seg" role="group" aria-label="Date range"><span class="seg-l">Range</span>
     ${RANGES.map(([k, l]) => `<button class="${S.range === k ? 'on' : ''}"
       data-range="${k}">${l}</button>`).join('')}</div>
@@ -481,17 +482,6 @@ function filterBar() {
   $('#filters').querySelectorAll('[data-range]').forEach(b =>
     b.onclick = e => { if (b.dataset.range === 'custom') { e.stopPropagation(); return openCustom(b); }
       applyRange(b.dataset.range); bust(); render(); });
-  $('#filters').querySelectorAll('[data-agent]').forEach(b => b.onclick = e => {
-    const id = b.dataset.agent;
-    // click = only this agent; Cmd/Ctrl/Shift-click = add or remove it (multi-agent view)
-    if (id === '*') f.agents = ag.map(a => a.id);
-    else if (e.metaKey || e.ctrlKey || e.shiftKey)
-      f.agents = f.agents.includes(id) ? f.agents.filter(x => x !== id) : [...f.agents, id];
-    else f.agents = [id];
-    if (!f.agents.length) f.agents = [id === '*' ? ag[0].id : id];
-    try { localStorage.setItem('finops-agents', JSON.stringify(f.agents)); } catch (_) {}
-    bust(); render();
-  });
   $('#sbx').onclick = () => { f.include_sandbox = !f.include_sandbox; bust(); render(); };
   const clr = $('#clr'); if (clr) clr.onclick = () => {
     f.models = []; f.projects = []; f.categories = []; f.min_cost = null; f.min_tokens = null;
@@ -561,7 +551,10 @@ function openCustom(btn) {
 function closeDrawer() {
   document.querySelectorAll('.scrim,.drawer').forEach(e => e.remove());
   S.drawerStack = [];
+  if (S.drawerRoute) { S.drawerRoute = null; syncURL(true); }
 }
+// An open drawer is part of the URL (?session=…), so refresh and Back bring it back.
+function setDrawerRoute(k, id) { S.drawerRoute = {k, id: String(id)}; syncURL(true); }
 function drawer(title, bodyHtml, sub) {
   C.hideTip();
   document.querySelectorAll('.scrim,.drawer').forEach(e => e.remove());
@@ -569,10 +562,14 @@ function drawer(title, bodyHtml, sub) {
   const d = h(`<aside class="drawer"><header>
       <h2>${esc(title)}</h2>${sub ? `<span class="crumbs">${sub}</span>` : ''}
       <span class="spacer"></span>
+      <button class="iconbtn" data-mask aria-pressed="${MASKED}"
+        title="${MASKED ? 'Prompt text is hidden. Click to show it' : 'Hide prompt text and session titles'}"
+        >${I(MASKED ? 'eyeOff' : 'eye')} ${MASKED ? 'Show prompts' : 'Hide prompts'}</button>
       <button class="iconbtn" data-x>Close ${I('x')}</button></header>
     <div class="content">${bodyHtml}</div></aside>`);
   scrim.onclick = closeDrawer;
   d.querySelector('[data-x]').onclick = closeDrawer;
+  d.querySelector('[data-mask]').onclick = () => toggleMask(true);
   document.body.append(scrim, d);
   return d;
 }
@@ -594,6 +591,7 @@ const wholeNote = (what, x) => {
 };
 async function openPrompt(id) {
   const d = drawer('Prompt detail', '<div class="loading">Loading…</div>');
+  setDrawerRoute('prompt', id);
   const p = await fetch(`/api/prompt/${id}?${qs()}`).then(r => r.json());
   d.querySelector('.content').innerHTML = `${wholeNote('prompt', p)}
     <div class="grid g4">
@@ -648,6 +646,7 @@ async function openPrompt(id) {
 
 async function openSession(id) {
   const d = drawer('Session detail', '<div class="loading">Loading…</div>', esc(shortId(id)));
+  setDrawerRoute('session', id);
   const s = await fetch(`/api/session/${encodeURIComponent(id)}?${qs()}`).then(r => r.json());
   const cont = d.querySelector('.content');
   cont.innerHTML = `${wholeNote('session', s)}
@@ -746,7 +745,7 @@ VIEWS.overview = async (page) => {
       ${alloc.configured
         ? kpi('Remaining', fmtUSD(alloc.remaining),
             `${alloc.days_until_limit ?? '—'} days at current burn`, {badge: BADGE.estimated})
-        : kpi('Remaining allowance', null, `No plan limit exposed by ${agentWord()} data`)}
+        : kpi('Remaining allowance', null, 'No plan limit exposed by Claude Code data')}
       ${kpi('Period forecast', fcExp == null ? null : fmtUSD(fcExp),
         `${bp.remaining_days} days left in ${bp.start} → ${bp.end}`, {badge: BADGE.forecast})}
     </div>
@@ -837,7 +836,7 @@ VIEWS.overview = async (page) => {
     C.gauge(gEl, {pct: pctOfPeriod, status: 'healthy', label: 'of billing period elapsed'});
     $('#burnnotes', page).innerHTML = `<div class="stack">
       <div class="item"><div class="hd">No plan allowance available</div>
-        <div class="dt">${agentWord()} data does not expose plan limits, remaining credits,
+        <div class="dt">Claude Code data does not expose plan limits, remaining credits,
         or message allowances. Set <span class="mono">limits.monthly_cost_allowance_usd</span>
         in <span class="mono">config/settings.json</span> to unlock usage-vs-limit,
         days-until-limit and limit-date projections.</div></div>
@@ -914,7 +913,7 @@ VIEWS.overview = async (page) => {
     page._focusData = d;
     wireFocus(page);
   }).catch(() => {});
-  if (hasClaude()) fetch('/api/act_now').then(r => r.json()).then(d => {
+  fetch('/api/act_now').then(r => r.json()).then(d => {
     if (!page.isConnected || !(d.items || []).length) return;
     const el = h(actNowStrip(d.items));
     page.insertBefore(el, page.firstChild);
@@ -951,7 +950,7 @@ function wireActNow(root, items) {
       b.disabled = true;
       try {
         if (what === 'compact') {
-          const r = await sessionAction(it.pid, 'compact', {agent: 'claude'});
+          const r = await sessionAction(it.pid, 'compact');
           if (!r.ok && r.copy) { try { await navigator.clipboard.writeText(r.copy); } catch {} }
           say(r.ok ? r.message : `Failed: ${r.error}`, r.ok);
           b.disabled = false; return;
@@ -984,7 +983,7 @@ async function jumpTo(view, anchor) {
 /* ---------- row actions: Resume (copy) and, for a running session, Compact ---------- */
 async function liveSessions() {
   try {
-    const d = await fetch('/api/live?agents=claude').then(r => r.json());
+    const d = await fetch('/api/live').then(r => r.json());
     return new Map((d.sessions || []).filter(x => x.signalable && x.pid).map(x => [x.session_id, x.pid]));
   } catch { return new Map(); }
 }
@@ -1007,7 +1006,7 @@ function wireRowActs(host) {
     if (!armed(b)) return;
     b.disabled = true;
     try {
-      const r = await sessionAction(+b.dataset.compact, 'compact', {agent: 'claude'});
+      const r = await sessionAction(+b.dataset.compact, 'compact');
       if (!r.ok && r.copy) { try { await navigator.clipboard.writeText(r.copy); } catch {} }
       b.innerHTML = r.ok ? `${I('check')} Sent` : 'Failed'; b.title = r.ok ? r.message : r.error;
     } catch (err) { b.textContent = 'Failed'; b.title = err.message; }
@@ -1061,7 +1060,7 @@ VIEWS.advisor = async (page) => {
           ${kpi('Spend involved', fmtUSD(r.actual_cost_usd), null, {small: 1, badge: BADGE.estimated})}
         </div>
         ${r.alternatives && r.alternatives.length ? `<div class="dt" style="margin-top:6px">
-          <b>Your options${r.agent ? ` within ${esc(r.agent)}` : ''}</b> — pick the trade-off you want:</div>
+          <b>Your options</b> — pick the trade-off you want:</div>
           ${table([
             {h: 'Model', f: a => esc(a.name) + (a.suggested
               ? ' <span class="badge rec">suggested</span>' : '')},
@@ -1377,7 +1376,7 @@ VIEWS.projects = async (page) => {
     ${card('Project FinOps table', '<div id="pt"></div>', {badge: BADGE.estimated,
       hint: 'Project → Session → Prompt drill-down',
       footer: 'Project identity comes from the working directory recorded in each transcript. '
-        + `Repository/remote metadata is not present in ${agentWord()} data.`})}`;
+        + 'Repository/remote metadata is not present in Claude Code data.'})}`;
   C.barsH($('#pb', page), {rows: rows.slice(0, 18), label: r => r.name, value: r => r.cost,
     color: seriesVar(2), onClick: r => { S.filter.projects = [String(r.project_id)];
       bust(); go('sessions'); },
@@ -1621,7 +1620,7 @@ VIEWS.categories = async (page) => {
       ${card('Cost by activity', `<div style="display:flex;gap:16px;align-items:center;flex-wrap:wrap">
         <div class="chart" id="cd"></div><div style="flex:1;min-width:220px" class="legend"
         id="cl" style="flex-direction:column;align-items:flex-start"></div></div>`,
-        {badge: BADGE.estimated, hint: `where your ${agentWord()} budget goes`})}
+        {badge: BADGE.estimated, hint: 'where your Claude Code budget goes'})}
       ${card('Prompts by activity', '<div class="chart" id="cb"></div>', {badge: BADGE.actual})}
     </div>
     ${card('Activity breakdown', '<div id="ct"></div>', {badge: BADGE.estimated,
@@ -2124,23 +2123,25 @@ async function drawPrompts(box, sid) {
 
 VIEWS.live = async (page) => {
   const [res, usage0] = await Promise.all([
-    fetch('/api/live?agents=' + encodeURIComponent(S.filter.agents.join(','))).then(r => r.json()),   // never cached: always live
+    fetch('/api/live').then(r => r.json()),   // never cached: always live
     fetch('/api/usage').then(r => r.json()).catch(e => ({ok: false, error: e.message}))]);
   const list = res.sessions || [];
   const liveActions = res.actions || ['interrupt', 'close', 'kill'];
   const canInterrupt = liveActions.includes('interrupt');
-  const agentName = id => ((S.opts?.agents || []).find(a => a.id === id) || {}).name || id;
   const busy = list.filter(x => x.status === 'busy');
   const sevOf = x => x.severity === 'high' ? 'high' : x.severity === 'medium' ? 'medium' : 'low';
+  // Idle, but used in the last 50 minutes: probably still in use, so closing it asks louder.
+  const RECENT_S = 50 * 60;
+  const recentlyUsed = x => x.status !== 'busy' && x.last_write_s != null && x.last_write_s < RECENT_S;
   page.innerHTML = `
-    ${card('Plan usage right now', `<div id="live-usage">${usageBody(usage0)}</div>`,
+    ${usage0 ? card('Plan usage right now', `<div id="live-usage">${usageBody(usage0)}</div>`,
       {badge: BADGE.actual, hint: 'Claude Code\'s own /usage: plan limits, not cost. Costs no tokens.',
-       actions: `<button class="btn pb-copy" id="usage-refresh">${I('reload')} Refresh usage</button>`})}
+       actions: `<button class="btn pb-copy" id="usage-refresh">${I('reload')} Refresh usage</button>`}) : ''}
     <div class="grid g4">
       ${kpi('Running sessions', fmtInt(list.length), `${busy.length} working right now`, {badge: BADGE.actual})}
       ${kpi('Working (spending now)', fmtInt(busy.length), 'Only these consume tokens right now')}
       ${kpi('Largest live context', fmtNum(Math.max(0, ...list.map(x => x.context || 0))), 'Re-read on every step')}
-      ${kpi('Spent by live sessions', fmtUSD(list.reduce((a, x) => a + (x.est_cost_usd || 0), 0)), 'Since each started (priced agents only)', {badge: BADGE.estimated})}
+      ${kpi('Spent by live sessions', fmtUSD(list.reduce((a, x) => a + (x.est_cost_usd || 0), 0)), 'Since each started', {badge: BADGE.estimated})}
     </div>
     <div class="note"><b>Idle sessions don't use tokens</b>; they only cost again when you send the next message,
       which re-reads their whole context. <b>Interrupt</b> stops the current turn (like Esc).
@@ -2148,16 +2149,21 @@ VIEWS.live = async (page) => {
       Windows console; anywhere else it lands on your clipboard to paste).
       <b>Close</b> exits the session cleanly; copy its resume command to bring it back.
       <b>Force kill</b> is for a session that won't close. Each button asks you to click twice.
-      Codex, Gemini and Cursor keep no session registry, so they count as running when their transcript was
-      written in the last 20 minutes. Cursor sessions live inside the IDE and can't be stopped from here.
       <span class="spacer"></span><button class="btn pb-copy" id="live-refresh">${I('reload')} Refresh</button></div>
+    ${list.some(x => x.signalable) ? `<div class="live-bulk">
+      <label><input type="checkbox" id="live-all"> Select all idle</label>
+      <button class="act warn" id="live-close-sel" disabled>${I('stop')} Close selected</button>
+      <span class="note">Sessions that are working are never closed in bulk.</span>
+      <span class="live-msg" id="live-bulk-msg" role="status"></span></div>` : ''}
     <div class="stack">${list.map((x, i) => `
-      <div class="item sev-${sevOf(x)}" data-i="${i}">
-        <div class="hd">${x.status === 'busy' ? '<span class="live-dot"></span>' : '<span class="idle-dot"></span>'}
-          <span class="pill">${esc(agentName(x.agent))}</span>
+      <div class="item sev-${sevOf(x)}${x.status === 'busy' ? ' working' : ''}" data-i="${i}">
+        <div class="hd">${x.signalable ? `<input type="checkbox" class="live-pick" aria-label="Select for bulk close"${x.status === 'busy'
+            ? ' disabled title="Working now: bulk close skips it"' : ''}>` : ''}
+          ${x.status === 'busy' ? '<span class="live-dot"></span>' : '<span class="idle-dot"></span>'}
           <span class="sname">${esc((!MASKED && x.name) || shortId(x.session_id))}</span> <span class="note">· ${esc(x.project)}${x.pid ? ` · pid ${x.pid}` : ''}${x.model ? ` · ${esc(x.model)}` : ''}</span>
+          ${x.status === 'busy' ? '<span class="status healthy">Working now</span>' : ''}
           ${x.hosts_dashboard ? '<span class="status high">runs this dashboard</span>' : ''}
-          ${x.agent === 'claude' ? limitBadge(x.session_id) : ''}
+          ${limitBadge(x.session_id)}
           <span class="spacer"></span>
           <span style="font-variant-numeric:tabular-nums">${x.context == null ? 'context not recorded' : fmtNum(x.context) + ' context'} · ${fmtInt(x.steps)} steps${x.est_cost_usd == null ? '' : ' · ' + fmtUSD(x.est_cost_usd)}</span></div>
         <div class="dt">${x.status === 'busy' ? '<b>Working now</b>' : 'Idle'}${x.uptime ? ` · up ${esc(x.uptime)}` : ''} ·
@@ -2168,17 +2174,17 @@ VIEWS.live = async (page) => {
           : 'Getting heavy. Hit <b>Compact</b> at the next break, or close it if the task is done.'}</div>` : ''}
         <div class="live-actions">
           ${x.signalable ? `${canInterrupt ? `<button class="act" data-a="interrupt" ${x.status !== 'busy' ? 'disabled title="Nothing running"' : ''}>${I('pause')} Interrupt</button>` : ''}
-          ${x.agent === 'claude' ? '<button class="act" data-a="compact" title="Types /compact into that session\'s terminal">' + I('compact') + ' Compact</button>' : ''}
+          <button class="act" data-a="compact" title="Types /compact into that session's terminal">${I('compact')} Compact</button>
           <button class="act warn" data-a="close">${I('stop')} Close session</button>
-          <button class="act danger" data-a="kill">${I('x')} Force kill</button>` : `<span class="note">${x.agent === 'cursor' ? 'Runs inside the Cursor IDE: stop it there.' : 'No matching process found: stop it in its terminal.'}</span>`}
+          <button class="act danger" data-a="kill">${I('x')} Force kill</button>` : '<span class="note">No matching process found: stop it in its terminal.</span>'}
           ${x.resume ? `<button class="act ghost" data-copy="${esc(x.resume)}">Copy resume command</button>` : ''}
-          ${x.agent === 'claude' ? '<button class="act ghost" data-ho="1">' + I('handover') + ' Hand over / split</button>' : ''}
-          ${x.agent === 'claude' && x.session_id ? '<button class="act ghost" data-lim="1">' + I('gauge') + ' Set limit</button>' : ''}
-          ${x.agent === 'claude' && x.session_id ? '<button class="act ghost" data-pr="1">' + I('message') + ' Prompts</button>' : ''}
-          ${x.agent === 'claude' && x.signalable ? '<button class="act ghost" data-rn="1">' + I('tag') + ' Rename</button>' : ''}
+          <button class="act ghost" data-ho="1">${I('handover')} Hand over / split</button>
+          ${x.session_id ? '<button class="act ghost" data-lim="1">' + I('gauge') + ' Set limit</button>' : ''}
+          ${x.session_id ? '<button class="act ghost" data-pr="1">' + I('message') + ' Prompts</button>' : ''}
+          ${x.signalable ? '<button class="act ghost" data-rn="1">' + I('tag') + ' Rename</button>' : ''}
           <span class="live-msg"></span>
         </div>
-        ${x.agent !== 'claude' ? '' : `<div class="handover" hidden>
+        ${`<div class="handover" hidden>
           <div class="dt">Starts fresh session(s) in <code>${esc(x.cwd)}</code>, seeded with a brief built from this
             transcript (goal, recent requests, task list, files changed, last status). No tokens are spent building it.</div>
           <textarea rows="3" placeholder="Leave empty to continue the same work in one new session.&#10;Or split it: one sub-task per line, one new session each (max 8)."></textarea>
@@ -2190,9 +2196,9 @@ VIEWS.live = async (page) => {
           </div>
           <div class="ho-out note"></div>
         </div>`}
-        ${x.agent === 'claude' && x.session_id ? `<div class="handover limitbox" hidden></div>` : ''}
-        ${x.agent === 'claude' && x.session_id ? `<div class="handover promptbox" hidden></div>` : ''}
-        ${x.agent === 'claude' && x.signalable ? `<div class="handover renamebox" hidden>
+        ${x.session_id ? `<div class="handover limitbox" hidden></div>` : ''}
+        ${x.session_id ? `<div class="handover promptbox" hidden></div>` : ''}
+        ${x.signalable ? `<div class="handover renamebox" hidden>
           <div class="dt">Types <code>/rename &lt;name&gt;</code> into that session's terminal, so Claude Code saves the
             name itself (in herdr, the agents sidebar gets the same name). If the terminal can't be reached, the command lands on your clipboard to paste.</div>
           <div class="live-actions">
@@ -2200,10 +2206,58 @@ VIEWS.live = async (page) => {
             <button class="act rn-go">Rename</button>
             <span class="live-msg rn-msg" role="status"></span>
           </div></div>` : ''}
-      </div>`).join('') || `<div class="empty">No ${esc(agentWord())} sessions are running</div>`}</div>`;
+      </div>`).join('') || '<div class="empty">No Claude Code sessions are running</div>'}</div>`;
   $('#live-refresh', page).onclick = () => render();
+  const all = $('#live-all', page), closeSel = $('#live-close-sel', page), bulkMsg = $('#live-bulk-msg', page);
+  if (all) {
+    const picks = () => [...page.querySelectorAll('.live-pick')];
+    const chosen = () => picks().filter(c => c.checked && !c.disabled).map(c => list[+c.closest('.item').dataset.i]);
+    const sync = () => {
+      const n = chosen().length, open = picks().filter(c => !c.disabled);
+      closeSel.disabled = !n;
+      closeSel.classList.remove('armed');
+      closeSel.innerHTML = `${I('stop')} Close selected${n ? ` (${n})` : ''}`;
+      all.checked = open.length > 0 && open.every(c => c.checked);
+      all.indeterminate = n > 0 && !all.checked;
+    };
+    all.onchange = () => { picks().forEach(c => { if (!c.disabled) c.checked = all.checked; }); sync(); };
+    picks().forEach(c => c.onchange = sync);
+    closeSel.onclick = async () => {
+      const sel = chosen();
+      if (!sel.length) return;
+      if (!closeSel.classList.contains('armed')) {   // two clicks, like each row's Close
+        const recent = sel.filter(recentlyUsed).length;
+        closeSel.classList.add('armed');
+        closeSel.textContent = `Click again to close ${sel.length} session${sel.length > 1 ? 's' : ''}` + (recent
+          ? `. ${recent} of them ${recent > 1 ? 'were' : 'was'} used in the last 50 min, maybe still in use` : '');
+        setTimeout(() => { if (closeSel.classList.contains('armed')) sync(); }, recent ? 6000 : 4000);
+        return;
+      }
+      closeSel.classList.remove('armed'); closeSel.disabled = true; closeSel.textContent = 'Closing…';
+      // Status is read again right before closing: a session that started working since the
+      // page was drawn is skipped, not stopped mid-task.
+      let now = [];
+      try { now = (await fetch('/api/live').then(r => r.json())).sessions || []; } catch {}
+      const status = new Map(now.map(s => [s.pid, s.status]));
+      let closed = 0, skipped = 0;
+      const failed = [];
+      for (const x of sel) {
+        if (!status.has(x.pid)) continue;                       // already gone
+        if (status.get(x.pid) === 'busy') { skipped++; continue; }
+        try {
+          const r = await sessionAction(x.pid, 'close');
+          if (r.ok) closed++; else failed.push(`${(!MASKED && x.name) || shortId(x.session_id)}: ${r.error}`);
+        } catch (e) { failed.push(e.message); }
+      }
+      bulkMsg.className = 'live-msg ' + (failed.length ? 'err' : 'ok');
+      bulkMsg.textContent = [`Closed ${closed}.`, skipped ? `Skipped ${skipped} that started working.` : '',
+        failed.length ? `Failed: ${failed.join('; ')}` : ''].filter(Boolean).join(' ');
+      setTimeout(() => render(), failed.length ? 4000 : 1500);
+    };
+    sync();
+  }
   const ub = $('#usage-refresh', page);
-  ub.onclick = async () => {
+  if (ub) ub.onclick = async () => {
     ub.disabled = true; ub.textContent = 'Reading…';
     try {
       const u = await fetch('/api/usage?refresh=1').then(r => r.json());
@@ -2271,14 +2325,20 @@ VIEWS.live = async (page) => {
         if (!b.classList.contains('armed')) {
           row.querySelectorAll('button.armed').forEach(o => { o.classList.remove('armed'); o.textContent = o.dataset.label; });
           b.dataset.label = label; b.classList.add('armed');
+          const stopping = ['close', 'kill'].includes(b.dataset.a);
+          const loud = stopping && (x.status === 'busy' || recentlyUsed(x));
           b.textContent = x.hosts_dashboard && !['interrupt', 'compact'].includes(b.dataset.a)
-            ? 'Sure? This is the session that launched the dashboard (the dashboard keeps running)' : `Click again to ${b.dataset.a}`;
-          setTimeout(() => { if (b.classList.contains('armed')) { b.classList.remove('armed'); b.textContent = label; } }, 4000);
+            ? 'Sure? This is the session that launched the dashboard (the dashboard keeps running)'
+            : stopping && x.status === 'busy' ? 'It is working right now. Click again to stop it mid-task'
+            : loud ? `Used ${dur(x.last_write_s)} ago, maybe still in use. Click again to ${b.dataset.a} anyway`
+            : `Click again to ${b.dataset.a}`;
+          setTimeout(() => { if (b.classList.contains('armed')) { b.classList.remove('armed'); b.textContent = label; } },
+            loud ? 6000 : 4000);
           return;
         }
         b.classList.remove('armed'); b.disabled = true; b.textContent = 'Working…';
         try {
-          const r = await sessionAction(pid, b.dataset.a, {agent: x.agent});
+          const r = await sessionAction(pid, b.dataset.a);
           if (!r.ok && r.copy) { try { await navigator.clipboard.writeText(r.copy); } catch {} }
           msg.textContent = r.ok ? r.message : `Failed: ${r.error}`;
           msg.className = 'live-msg ' + (r.ok ? 'ok' : 'err');
@@ -2316,8 +2376,7 @@ const harnessChip = h => h ? `<b>${HARNESS[h.verdict][0]}</b>` : '—';
 
 VIEWS.diagnose = async (page) => {
   const d = await api('diagnose');
-  const isCl = (d.agent || 'claude') === 'claude', md = d.vocab?.md || 'CLAUDE.md';
-  const gdir = {claude: '~/.claude', codex: '~/.codex', gemini: '~/.gemini'}[d.agent || 'claude'];
+  const md = d.vocab?.md || 'CLAUDE.md';
   PB.length = 0;
   const t = d.total || {}, tr = d.trend || {};
   const sevChip = s => dot(s === 'high' ? 'red' : s === 'medium' ? 'yellow' : 'grey');
@@ -2349,7 +2408,7 @@ VIEWS.diagnose = async (page) => {
         ${x.fixes.map(t => `<div class="dt">• ${esc(t)}</div>`).join('')}${pb(x.playbook)}</div>`).join('')
       || '<div class="empty">No session passed 150K context</div>'}</div>`,
       {badge: BADGE.recommendation, hint: '"Above baseline" = context re-read beyond 100K'})}
-    <div id="dx-mem"></div>${card(`Add to ${md}${isCl ? ' / memory' : ''} (from your past prompts)`, `<div class="stack">${d.memory_suggestions.map(x => `
+    <div id="dx-mem"></div>${card(`Add to ${md} / memory (from your past prompts)`, `<div class="stack">${d.memory_suggestions.map(x => `
       <div class="item sev-${x.kind === 'security' ? 'high' : x.already_saved ? 'low' : 'medium'}">
         <div class="hd">${I(x.kind === 'security' ? 'lock' : x.kind === 'template' ? 'cog' : x.kind === 'reference' ? 'link' : 'note')}
           ${esc(pt(x.text.slice(0, 140)))}${x.already_saved ? ' <span class="na">already saved</span>' : ''}
@@ -2373,14 +2432,14 @@ VIEWS.diagnose = async (page) => {
         ${pb(r.playbook)}</div>`).join('')
       || '<div class="empty">Nothing stands out</div>'}</div>`, {badge: BADGE.recommendation})}
     ${card(`Projects: ${esc(d.vocab?.name || 'Claude')} config health`, `<div id="dx-proj"></div>`,
-      {badge: BADGE.recommendation, hint: isCl ? 'CLAUDE.md, memory, .claude/settings.json and MCP checked on disk now' : `${md} checked on disk now`, flush: 1})}
-    ${isCl ? card('Projects: does it need a harness?', `<div id="dx-harness" class="stack"></div>`,
-      {badge: BADGE.recommendation, hint: 'Harness = CLAUDE.md, permissions, hooks, skills, subagents. Need is judged from your usage in each project'}) : ''}
+      {badge: BADGE.recommendation, hint: 'CLAUDE.md, memory, .claude/settings.json and MCP checked on disk now', flush: 1})}
+    ${card('Projects: does it need a harness?', `<div id="dx-harness" class="stack"></div>`,
+      {badge: BADGE.recommendation, hint: 'Harness = CLAUDE.md, permissions, hooks, skills, subagents. Need is judged from your usage in each project'})}
     <div id="dx-issues"></div>
-    ${card(`Global config (${gdir})`, `<div class="stack">
+    ${card('Global config (~/.claude)', `<div class="stack">
       <div class="dt">Default model: <b>${esc(d.global.default_model || 'not set')}</b> ·
         MCP servers: ${esc(d.global.mcp_servers.join(', ') || 'none')} ·
-        ${isCl ? `Custom agents: ${esc(d.global.custom_agents.join(', ') || 'none')}` : ''}</div>
+        Custom agents: ${esc(d.global.custom_agents.join(', ') || 'none')}</div>
       ${d.global.files.map(x => `<div class="dt">${esc(x.path)} — ~${fmtInt(x.tokens)} tokens</div>`).join('')}
       ${d.global.issues.map(i => `<div class="item sev-${i.severity}"><div class="hd">${sevChip(i.severity)} ${esc(i.title)}</div>
         <div class="dt">${esc(i.fix)}</div>${pb(i.playbook)}</div>`).join('')}</div>`)}
@@ -2391,9 +2450,9 @@ VIEWS.diagnose = async (page) => {
     {h: 'Est. cost', num: 1, f: r => fmtUSD(r.cost)},
     {h: 'Avg ctx', num: 1, f: r => fmtNum(r.avg_context)},
     {h: md, f: r => r.claude_md.paths.length ? `~${fmtInt(r.claude_md.tokens)} tok` : '<span class="na">missing</span>'},
-    ...(isCl ? [{h: 'Memory', num: 1, f: r => r.memory_tokens == null ? '—' : `~${fmtInt(r.memory_tokens)}`}] : []),
+    {h: 'Memory', num: 1, f: r => r.memory_tokens == null ? '—' : `~${fmtInt(r.memory_tokens)}`},
     {h: 'Explore %', num: 1, f: r => fmtPct(r.explore_pct)},
-    ...(isCl ? [{h: 'Harness', f: r => harnessChip(r.harness)}] : []),
+    {h: 'Harness', f: r => harnessChip(r.harness)},
     {h: 'Needs update', f: r => r.issues.length ? r.issues.map(i => sevChip(i.severity) + ' ' + esc(i.title)).join('<br>') : I('check')},
   ];
   page.querySelectorAll('.sess-link').forEach(l => l.onclick = e => { e.preventDefault(); openSession(l.dataset.sess); });
@@ -2628,7 +2687,7 @@ async function drawKeys(page) {
     </div>`).join('');
   const done = async (pid, text) => {
     S.opts = await fetch('/api/options').then(r => r.json());
-    applyAgentChrome();                    // Billed vs local appears once a key exists
+    applyChrome();                    // Billed vs local appears once a key exists
     await drawKeys(page);
     const ok = $('#key-' + pid + '-ok', page); if (ok) ok.textContent = text;
   };
@@ -2853,7 +2912,7 @@ VIEWS.budgets = async (page) => {
       : `Last 30 days: ${fmtNum(SG.tokens_30d)} tokens.`,
     'g-tokens': v => !sizes.length ? '' : v ? overShare(v) : `Half your sessions stay under ${fmtNum(pctile(.5))} tokens.`,
   };
-  const planHint = `Your own figure, from your plan or invoice. ${esc(agentWord())} data does not include it.`;
+  const planHint = 'Your own figure, from your plan or invoice. Claude Code data does not include it.';
   const stepVal = sg.step_pct ?? 25;
   // Does any per-session budget exist (global or a project override)? The hook needs one.
   const anyBudget = !!sg.session_tokens || [sg.projects, sg.sessions].some(m => Object.values(m || {}).some(o => o.session_tokens));
@@ -3022,7 +3081,7 @@ VIEWS.budgets = async (page) => {
   const gp = Object.entries(sg.projects || {}).map(([path, o]) =>
     ({path, off: !!o.off, tokens: o.session_tokens == null ? '' : o.session_tokens.toLocaleString('en-US')}));
   const known = [...new Map((S.opts.projects || [])
-    .filter(p => p.path && (p.agent || 'claude') === 'claude' && !p.is_sandbox)
+    .filter(p => p.path && !p.is_sandbox)
     .map(p => [p.path, p])).values()].sort((a, b) => a.name.localeCompare(b.name));
   const drawProjects = () => {
     $('#g-projects', page).innerHTML = gp.length ? gp.map((o, i) => `
@@ -3129,7 +3188,7 @@ VIEWS.budgets = async (page) => {
 VIEWS.settings = async (page) => {
   page.innerHTML = card('API keys', `<div class="cfg">
       <div class="fld-hint" style="margin-bottom:8px">An API key is a password that lets this dashboard ask
-        Anthropic or Cursor for your company's bill. You only need one for the <b>Billed vs local</b> page,
+        Anthropic for your company's bill. You only need one for the <b>Billed vs local</b> page,
         which compares what was billed with what this computer recorded. That page shows up in the sidebar
         once a key is saved. Skip this if you don't use it. Keys stay on this computer, in a file only you
         can read. They are never shown again.</div>
@@ -3216,11 +3275,11 @@ VIEWS.developer = async (page) => {
         {h: 'Touches', num: 1, f: r => fmtInt(r.touches)},
       ], d.files), {badge: BADGE.actual})}
     </div>
-    ${card(`Not available from ${esc(agentWord())} data`, `<dl class="kv">
+    ${card('Not available from Claude Code data', `<dl class="kv">
       ${Object.entries(u).map(([k, v]) => `<dt>${esc(k.replace(/_/g, ' '))}</dt>
         <dd class="na">${esc(v)}</dd>`).join('')}
     </dl>`, {badge: '<span class="badge na">Unavailable</span>',
-      footer: 'Agent transcripts record which files a tool call targeted, but not diff sizes, commits, PRs or issue linkage. Correlating spend with commits or PRs would require a separate git/GitHub data source, which this dashboard deliberately does not fabricate.'})}`;
+      footer: 'Claude Code transcripts record which files a tool call targeted, but not diff sizes, commits, PRs or issue linkage. Correlating spend with commits or PRs would require a separate git/GitHub data source, which this dashboard deliberately does not fabricate.'})}`;
   C.barsH($('#rb', page), {rows: d.cost_per_repository.slice(0, 12), label: r => r.repository,
     value: r => r.cost, color: seriesVar(2)});
   C.barsH($('#tb', page), {rows: d.tools.slice(0, 14), label: r => r.name, value: r => r.calls,
@@ -3314,7 +3373,7 @@ VIEWS.exports = async (page) => {
           <div class="dt">Read directly from your transcripts: token counts, timestamps, models,
           tool calls, file paths, session and project identity.</div></div>
         <div class="item"><div class="hd">${BADGE.estimated} Estimated</div>
-          <div class="dt">Derived: every dollar figure. ${agentWord()} data contains no billed
+          <div class="dt">Derived: every dollar figure. Claude Code data contains no billed
           amounts, so cost = tokens × <span class="mono">config/pricing.json</span>.</div></div>
         <div class="item"><div class="hd">${BADGE.forecast} Forecast</div>
           <div class="dt">Projected from history. Assumes recent patterns continue; it is not a
@@ -3410,29 +3469,22 @@ async function updateNavBadges() {
   const set = (id, n, lvl) => { const el = document.querySelector(`[data-nb="${id}"]`);
     if (el) { el.textContent = n ? n : ''; el.className = 'nb' + (n ? ' l' + lvl : ''); } };
   try {
-    const [d, w, a] = await Promise.all([hasPriced() ? api('diagnose') : null, api('waste'), api('anomalies')]);
+    const [d, w, a] = await Promise.all([api('diagnose'), api('waste'), api('anomalies')]);
     if (d) { const hid = focusHidden(), f = focusItems(d).filter(i => !hid.has(i.key)), urgent = f.filter(i => i.lvl === 1).length;
       set('diagnose', urgent || f.length, urgent ? 1 : 2); }
     const hw = w.findings.filter(x => x.severity === 'high').length;
     set('waste', hw || w.findings.length, hw ? 1 : 2);
     set('anomalies', (a.anomalies || []).length, 2);
-    const lv = await fetch('/api/live?agents=' + encodeURIComponent(S.filter.agents.join(','))).then(r => r.json());
+    const lv = await fetch('/api/live').then(r => r.json());
     const heavy = (lv.sessions || []).filter(x => x.severity !== 'ok').length;
     set('live', (lv.sessions || []).length, heavy ? 1 : 2);
   } catch { /* badges are a hint; never block the page */ }
 }
 
-/* ---------- agent-aware chrome ---------- */
-// What the current agent selection can show: Claude-only pages need Claude Code in the
-// selection; cost pages need at least one agent whose usage is priced.
-const selAgents = () => (S.opts?.agents || []).filter(a => S.filter.agents.includes(a.id));
-const hasClaude = () => S.filter.agents.includes('claude');
-const hasPriced = () => selAgents().some(a => a.data !== 'activity');
+/* ---------- chrome ---------- */
+// Billed vs local needs an API key; every other page always shows.
 const hasCloudKey = () => Object.values(S.opts?.cloud || {}).some(Boolean);
-const navAllowed = scope => !scope || (scope === 'claude' ? hasClaude()
-  : scope === 'cloud' ? hasCloudKey() : hasPriced());
-// "Claude Code", "Codex", or "agent" for a mixed selection: used in data-availability text
-const agentWord = () => { const a = selAgents(); return a.length === 1 ? a[0].name : 'agent'; };
+const navAllowed = scope => scope !== 'cloud' || hasCloudKey();
 // Whose usage this is. Read from ~/.claude.json by the server, so a screenshot
 // or a shared dashboard always says which account the numbers belong to.
 function whoBlock() {
@@ -3450,22 +3502,25 @@ function whoBlock() {
   el.title = `Claude Code is signed in as ${a.name || ''} <${a.email || ''}>`.trim();
 }
 
-function applyAgentChrome() {
-  const a = selAgents();
-  const label = a.length === 1 ? a[0].name.replace(/ (Code|CLI)$/, '') : a.length ? 'Multi-agent' : 'AI';
+function applyChrome() {
+  const label = 'Claude';
   whoBlock();
   // Stamp the version onto the logo. Two copies of this app can be installed at
   // once (npm global, a checkout) and the browser cannot tell them apart.
+  const from = S.opts?.served_from;
+  const verText = S.opts?.version ? 'v' + S.opts.version + (from ? (from.kind === 'source'
+    ? ` · source${from.commit ? ' ' + from.commit : ''}` : ' · npm') : '') : '';
+  const verTitle = 'Version serving this page' + (from?.path ? ` (${from.path})` : '');
   const ver = $('#ver');
-  if (ver && S.opts?.version) {
-    ver.textContent = 'v' + S.opts.version;
-    ver.title = 'Version serving this page';
+  if (ver && verText) {
+    ver.textContent = verText;
+    ver.title = verTitle;
   }
   const mark = $('.brand .mark');
   if (mark) mark.innerHTML = `<span class="dot"></span>${esc(label)} FinOps` +
-    (S.opts?.version ? `<span class="ver" id="ver" title="Version serving this page">v${esc(S.opts.version)}</span>` : '');
+    (verText ? `<span class="ver" id="ver" title="${esc(verTitle)}">${esc(verText)}</span>` : '');
   const sub = $('.brand .sub');
-  if (sub) sub.textContent = a.length > 1 ? a.map(x => x.name).join(' + ') : 'Command Center';
+  if (sub) sub.textContent = 'Command Center';
   document.title = `${label} FinOps Command Center`;
   const scopes = Object.fromEntries(NAV.flatMap(([, items]) => items.map(([id, , , sc]) => [id, sc])));
   document.querySelectorAll('.nav a').forEach(el => el.style.display = navAllowed(scopes[el.dataset.view]) ? '' : 'none');
@@ -3475,7 +3530,7 @@ function applyAgentChrome() {
     while (el && !el.classList.contains('group')) { if (el.style.display !== 'none') any = true; el = el.nextElementSibling; }
     g.style.display = any ? '' : 'none';
   });
-  // leaving a page the new selection can't show: fall back to the overview
+  // Billed vs local without a key: fall back to the overview
   if (scopes[S.view] && !navAllowed(scopes[S.view])) S.view = 'overview';
 }
 
@@ -3483,7 +3538,63 @@ function applyAgentChrome() {
 const TITLES = Object.fromEntries(NAV.flatMap(([, items]) => items.map(([id, , l]) => [id, l])));
 TITLES.search = 'Global search';
 
-function go(view) { S.view = view; closeDrawer(); render(); }
+function go(view) {
+  const changed = view !== S.view;
+  S.view = view; S.drawerRoute = null; closeDrawer();
+  syncURL(changed);   // a new page is a history entry; a new search on the same page is not
+  render();
+}
+
+/* Each page has its own URL: /<view>, plus ?session= / ?prompt= / ?add_model= for an open
+   drawer, ?recent=1 for the Recent panel and ?q= for a search. Refresh keeps you there,
+   Back/Forward walk through it. ?view=<name> still works for old links. */
+const HOME_VIEW = S.view;
+const DRAWER_KEYS = ['session', 'prompt', 'add_model'];
+let ROUTE_APPLYING = false;
+function routeURL() {
+  const q = new URLSearchParams();
+  if (S.view === 'search' && S.searchTerm) q.set('q', S.searchTerm);
+  if (S.drawerRoute) q.set(S.drawerRoute.k, S.drawerRoute.id);
+  if (RECENT.open) q.set('recent', '1');
+  const s = q.toString();
+  return '/' + S.view + (s ? '?' + s : '');
+}
+function syncURL(push) {
+  if (ROUTE_APPLYING) return;
+  const url = routeURL();
+  if (url !== location.pathname + location.search) history[push ? 'pushState' : 'replaceState'](null, '', url);
+}
+function readRoute() {
+  const p = new URLSearchParams(location.search);
+  let view = decodeURIComponent(location.pathname.replace(/^\/+|\/+$/g, '')) || p.get('view') || '';
+  // The repriced Model switch view was removed; its links now open the measured comparison.
+  if (view === 'modelswitch') view = 'compare';
+  const known = NAV.some(([, items]) => items.some(([id]) => id === view)) || (view === 'search' && p.get('q'));
+  const k = DRAWER_KEYS.find(k => p.get(k));
+  return {view: known ? view : null, q: p.get('q') || '', drawer: k ? {k, id: p.get(k)} : null,
+          recent: p.get('recent') === '1'};
+}
+function openDrawerRoute(d) {
+  if (d.k === 'session') openSession(d.id);
+  else if (d.k === 'prompt') openPrompt(d.id);
+  else if (d.k === 'add_model') addFreeModel(d.id);
+}
+// Back/Forward: show what the URL says, without writing new history.
+addEventListener('popstate', async () => {
+  const r = readRoute(), v = r.view || HOME_VIEW, have = S.drawerRoute;
+  const viewChanged = v !== S.view || (v === 'search' && r.q !== S.searchTerm);
+  const reopen = r.drawer && (viewChanged || !have || have.k !== r.drawer.k || have.id !== r.drawer.id);
+  ROUTE_APPLYING = true;
+  try {
+    if (viewChanged || reopen || !r.drawer) closeDrawer();
+    if (r.recent !== RECENT.open) toggleRecent(r.recent);
+    S.view = v;
+    if (v === 'search') S.searchTerm = r.q;
+    S.drawerRoute = r.drawer;   // keep it in the URL while the page re-renders
+  } finally { ROUTE_APPLYING = false; }
+  if (viewChanged) await render();
+  if (reopen) openDrawerRoute(r.drawer);
+});
 
 async function render() {
   C.hideTip();   // a tooltip whose chart is about to be replaced must not linger
@@ -3494,7 +3605,8 @@ async function render() {
   page.className = 'page';
   page.id = 'page';
   stale.replaceWith(page);
-  applyAgentChrome();
+  applyChrome();
+  syncURL(false);
   document.querySelectorAll('.nav a').forEach(a =>
     a.classList.toggle('on', a.dataset.view === S.view));
   $('#ttl').textContent = TITLES[S.view] || S.view;
@@ -3526,26 +3638,45 @@ async function render() {
    Past sessions and their prompts from any page, without leaving it. Resume and
    stop act on sessions, so the list is grouped by session; running ones sit on
    top. Close and Force kill stay on Running sessions, one click away from here. */
-const RECENT = {open: false, offset: 0, limit: 30, q: '', open_ids: new Set()};
-// Recent means all time: keep agent/project filters, drop the date range and thresholds.
+// The header sort button orders past sessions: last used on top, or (oldest) at the bottom.
+// Running sessions always stay on top.
+// A session's prompts list newest first; its sort button flips that session to oldest first.
+const RECENT = {open: false, offset: 0, limit: 30, q: '', open_ids: new Set(), oldest: false, oldest_ids: new Set()};
+const oldestFirst = sid => RECENT.oldest_ids.has(sid);
+// Recent means all time: keep project filters, drop the date range and thresholds.
 const recentQs = () => { const p = new URLSearchParams(qs());
   ['start', 'end', 'min_cost', 'min_tokens'].forEach(k => p.delete(k)); return p.toString(); };
 const fmtWhen = iso => iso ? `${ago(iso)} · ${esc(iso.slice(0, 16).replace('T', ' '))}` : '';
 
 function toggleRecent(force) {
+  const was = RECENT.open;
   RECENT.open = force ?? !RECENT.open;
+  if (was !== RECENT.open) syncURL(true);
   document.querySelectorAll('.recent,.recent-scrim').forEach(e => e.remove());
   $('#recent-btn')?.classList.toggle('on', RECENT.open);
   if (!RECENT.open) return;
   const scrim = h('<div class="recent-scrim"></div>');
   const p = h(`<aside class="recent" aria-label="Recent sessions"><header>
-      <h2>Recent</h2><span class="note">all time · agent &amp; project filters apply</span>
-      <span class="spacer"></span><button class="iconbtn" data-x>Close ${I('x')}</button></header>
+      <h2>Recent</h2><span class="note">all time · project filters apply</span>
+      <span class="spacer"></span>
+      <button class="iconbtn sq" data-sort-all aria-label="Session order"></button>
+      <button class="iconbtn" data-x>Close ${I('x')}</button></header>
     <div class="recent-search"><span class="mag">${I('search')}</span>
       <input id="recent-q" placeholder="Search your prompts…" value="${esc(RECENT.q)}"></div>
     <div class="content"><div class="loading">Loading…</div></div></aside>`);
   scrim.onclick = () => toggleRecent(false);
   p.querySelector('[data-x]').onclick = () => toggleRecent(false);
+  const sortAll = p.querySelector('[data-sort-all]');
+  const sortAllLabel = () => {
+    sortAll.innerHTML = I(RECENT.oldest ? 'sortAsc' : 'sortDesc');
+    sortAll.title = RECENT.oldest ? 'Sessions: last used at the bottom. Click to put it on top'
+      : 'Sessions: last used on top. Click to put it at the bottom';
+  };
+  sortAllLabel();
+  sortAll.onclick = () => {
+    RECENT.oldest = !RECENT.oldest; sortAllLabel();
+    RECENT.offset = 0; renderRecent();
+  };
   let t;
   p.querySelector('#recent-q').oninput = e => { clearTimeout(t);
     t = setTimeout(() => { RECENT.q = e.target.value.trim(); RECENT.offset = 0; renderRecent(); }, 260); };
@@ -3559,15 +3690,17 @@ async function renderRecent() {
   if (!box) return;
   const more = RECENT.offset > 0;
   const [live, res] = await Promise.all([
-    more || RECENT.q ? null : fetch('/api/live?agents=' + encodeURIComponent(S.filter.agents.join(',')))
+    more || RECENT.q ? null : fetch('/api/live')
       .then(r => r.json()).catch(() => ({sessions: []})),
     RECENT.q
       ? fetch(`/api/prompts?${recentQs()}&order=recent&limit=${RECENT.limit}&offset=${RECENT.offset}&q=${encodeURIComponent(RECENT.q)}`).then(r => r.json())
-      : fetch(`/api/sessions?${recentQs()}&order=recent&limit=${RECENT.limit}&offset=${RECENT.offset}`).then(r => r.json())]);
+      : fetch(`/api/sessions?${recentQs()}&order=${RECENT.oldest ? 'last_active_asc' : 'last_active'}&limit=${RECENT.limit}&offset=${RECENT.offset}`).then(r => r.json())]);
   if (!$('.recent')) return;   // closed while loading
   const rows = res.rows || [];
   const liveIds = new Set(((live || {}).sessions || RECENT.live || []).map(x => x.session_id));
-  if (live) RECENT.live = live.sessions || [];
+  // Working sessions first, then the one written to most recently.
+  if (live) RECENT.live = (live.sessions || []).slice().sort((a, b) =>
+    (b.status === 'busy') - (a.status === 'busy') || (a.last_write_s ?? 1e12) - (b.last_write_s ?? 1e12));
   const html = RECENT.q ? recentPrompts(rows) : recentSessions(rows, liveIds);
   const shown = RECENT.offset + rows.length;
   const moreBtn = shown < (res.total || 0)
@@ -3590,7 +3723,7 @@ const recentLive = list => !list.length ? '' : `<div class="recent-hd">Running n
       ${x.est_cost_usd != null ? `<span>${fmtUSD(x.est_cost_usd)}</span>` : ''}</div>
     <div class="live-actions">
       ${x.resume ? `<button class="act ghost" data-resume="${esc(x.resume)}" title="Copy: ${esc(x.resume)}">${I('copy')} Resume</button>` : ''}
-      ${x.signalable && x.agent === 'claude' ? '<button class="act" data-la="compact" title="Types /compact into that session\'s terminal">' + I('compact') + ' Compact</button>' : ''}
+      ${x.signalable ? '<button class="act" data-la="compact" title="Types /compact into that session\'s terminal">' + I('compact') + ' Compact</button>' : ''}
       ${x.signalable ? `<button class="act warn" data-la="interrupt" ${x.status !== 'busy' ? 'disabled title="Nothing running"' : 'title="Stops the current turn, like pressing Esc"'}>${I('pause')} Stop</button>` : ''}
       ${x.session_id ? `<button class="act ghost" data-open-sess="${esc(x.session_id)}">Details</button>` : ''}
       <span class="live-msg"></span></div></div>`).join('')}
@@ -3602,14 +3735,19 @@ const recentSessions = (rows, liveIds) => rows.map(r => `
       <span class="recent-title">${esc(stitle(r))}</span><span class="spacer"></span>
       <span class="note">${fmtUSD(r.cost)}</span></div>
     <div class="mt"><span>${esc(r.project || '')}</span><span>${fmtInt(r.prompts)} prompts</span>
-      <span>${fmtWhen(r.started_at)}</span></div>
+      <span title="Last prompt">${fmtWhen(r.last_ts || r.started_at)}</span></div>
     <div class="live-actions">
       ${r.resume ? `<button class="act ghost" data-resume="${esc(r.resume)}" title="Copy: ${esc(r.resume)}">${I('copy')} Resume</button>` : ''}
       <button class="act ghost" data-open-sess="${esc(r.session_id)}">Details</button>
-      <span class="spacer"></span><span class="note recent-caret">${I(RECENT.open_ids.has(r.session_id) ? 'chevDown' : 'chevRight')} prompts</span></div>
+      <span class="spacer"></span>${sortBtn(r.session_id)}<span class="note recent-caret">${I(RECENT.open_ids.has(r.session_id) ? 'chevDown' : 'chevRight')} prompts</span></div>
     <div class="recent-prompts"${RECENT.open_ids.has(r.session_id) ? '' : ' hidden'}></div></div>`).join('')
   || '<div class="empty">No sessions for these filters</div>';
 
+const sortBtn = sid => { const old = oldestFirst(sid);
+  return `<button class="act ghost recent-sort" data-sort title="${old
+    ? 'Prompts: oldest first. Click for newest first' : 'Prompts: newest first. Click for oldest first'}"
+    aria-label="Prompt order">${I(old ? 'sortAsc' : 'sortDesc')}</button>`; };
+
 const promptLine = x => `<a href="#" class="recent-p" data-prompt="${x.prompt_id}" title="${esc(pt(x.preview))}">
   <span class="mono sub">${esc((x.ts || '').slice(5, 16).replace('T', ' '))}</span>
   <span class="recent-pv">${esc(pt(x.preview) || '—')}</span>
@@ -3625,7 +3763,8 @@ async function loadSessionPrompts(host, sid) {
   host.innerHTML = '<div class="note">Loading…</div>';
   try {
     const s = await fetch(`/api/session/${encodeURIComponent(sid)}`).then(r => r.json());
-    const ps = s.prompts || [];
+    const ps = s.prompts || [];   // oldest first from the API
+    if (!oldestFirst(sid)) ps.reverse();
     host.innerHTML = ps.length ? ps.map(promptLine).join('') : '<div class="note">No prompts recorded</div>';
     wireRecent(host);
   } catch (e) { host.innerHTML = `<div class="live-msg err">${esc(e.message)}</div>`; }
@@ -3644,6 +3783,15 @@ function wireRecent(root) {
   root.querySelectorAll('.item[data-sess]').forEach(it => {
     const host = it.querySelector('.recent-prompts'), sid = it.dataset.sess;
     if (!host.hidden && !host.childElementCount) loadSessionPrompts(host, sid);
+    const sb = it.querySelector('[data-sort]');
+    sb.onclick = e => {
+      e.stopPropagation();
+      RECENT.oldest_ids.has(sid) ? RECENT.oldest_ids.delete(sid) : RECENT.oldest_ids.add(sid);
+      const t = h(sortBtn(sid));
+      sb.innerHTML = t.innerHTML; sb.title = t.title;
+      if (host.hidden) it.click();   // sorting a closed list opens it
+      else loadSessionPrompts(host, sid);
+    };
     it.onclick = e => {
       if (e.target.closest('button, a, .recent-prompts')) return;
       host.hidden = !host.hidden;
@@ -3660,7 +3808,7 @@ function wireRecent(root) {
       if (!armed(b)) return;   // two clicks, like Running sessions
       b.disabled = true;
       try {
-        const r = await sessionAction(x.pid, b.dataset.la, {agent: x.agent});
+        const r = await sessionAction(x.pid, b.dataset.la);
         if (!r.ok && r.copy) { try { await navigator.clipboard.writeText(r.copy); } catch {} }
         msg.textContent = r.ok ? r.message : `Failed: ${r.error}`;
         msg.className = 'live-msg ' + (r.ok ? 'ok' : 'err');
@@ -3676,93 +3824,20 @@ function wireRecent(root) {
   if (saved) document.documentElement.setAttribute('data-theme', saved);
   shell();
   S.opts = await fetch('/api/options').then(r => r.json());
-  S.filter.agents = defaultAgents();
   applyRange('30d');
-  // ?view=<name> opens straight to one screen, so a link (or a screenshot run)
-  // can point at a specific report rather than always landing on the overview.
-  let want = new URLSearchParams(location.search).get('view');
-  // The repriced Model switch view was removed; its links now open the measured comparison.
-  if (want === 'modelswitch') want = 'compare';
-  if (want && NAV.some(([, items]) => items.some(([id]) => id === want))) S.view = want;
+  // The URL picks the screen (and any open drawer), so a refresh or a link lands where it points.
+  const route = readRoute();
+  if (route.view) S.view = route.view;
+  if (route.view === 'search') S.searchTerm = route.q;
+  S.drawerRoute = route.drawer;   // kept in the URL until the drawer opens below
+  RECENT.open = route.recent;
   await render();
-  if (!want) maybeFirstTour();   // arriving on a deep link is not a first visit
+  if (route.recent) toggleRecent(true);
+  if (route.drawer) openDrawerRoute(route.drawer);
+  if (!route.view) maybeFirstTour();   // arriving on a deep link is not a first visit
   let t; addEventListener('resize', () => { clearTimeout(t); t = setTimeout(render, 220); });
 })();
 
-/* ============================ agents ============================ */
-// Last choice if still valid, else the agent with the most usage (Claude on most machines).
-function defaultAgents() {
-  const ag = S.opts?.agents || [];
-  let saved = [];
-  try { saved = JSON.parse(localStorage.getItem('finops-agents') || '[]'); } catch (_) {}
-  saved = saved.filter(id => ag.some(a => a.id === id));
-  if (saved.length) return saved;
-  const top = [...ag].sort((a, b) => b.requests - a.requests)[0];
-  return top ? [top.id] : [];
-}
-
-VIEWS.agents = async (page) => {
-  const d = await api('by_agent');
-  const all = S.opts.agents || [];
-  const colorOf = id => seriesVar(Math.max(all.findIndex(a => a.id === id), 0));
-  const dataBadge = k => ({full: '<span class="badge">Full data</span>',
-    tokens: '<span class="badge">Tokens + model</span>',
-    activity: '<span class="badge rec">Activity only</span>'}[k] || '');
-  // pivot daily rows into one row per day with a column per agent
-  const byDay = new Map();
-  for (const r of d.daily) {
-    const row = byDay.get(r.day) || {day: r.day};
-    row[r.agent] = S.metric === 'cost' ? r.cost : r.tokens;
-    byDay.set(r.day, row);
-  }
-  const shown = d.agents.map(a => a.agent);
-  page.innerHTML = `
-    <div class="note">Showing: <b>${esc(shown.map(id => all.find(a => a.id === id)?.name || id).join(' + ') || 'nothing in range')}</b>.
-      Click an agent chip above to see only it; <b>Cmd/Ctrl-click</b> to add more, or <b>All</b> for every agent together.
-      Every other page follows the same selection.</div>
-    <div class="grid g4">${d.agents.map(a => kpi(a.name,
-      // an agent with no price data leads with what it does have, never "0 tok"
-      a.cost ? fmtUSD(a.cost) : a.tokens ? fmtNum(a.tokens) + ' tokens' : fmtInt(a.requests) + ' requests',
-      `${fmtInt(a.sessions)} sessions · ${fmtInt(a.prompts)} prompts · ${fmtInt(a.active_days)} active days`,
-      {badge: a.cost ? BADGE.estimated : ''})).join('')}</div>
-    ${card('Side by side', `<div id="ag-tbl"></div>`, {flush: 1, badge: BADGE.estimated,
-      hint: 'Costs are estimated at each provider\'s API list price'})}
-    ${card(`Daily ${S.metric === 'cost' ? 'estimated cost' : 'tokens'} by agent`, `<div class="chart" id="ag-trend"></div><div id="ag-leg"></div>`,
-      {actions: `<button class="chip ${S.metric === 'cost' ? 'on' : ''}" data-m="cost">Cost</button>
-                 <button class="chip ${S.metric !== 'cost' ? 'on' : ''}" data-m="tokens">Tokens</button>`})}
-    ${card('What each agent records on this machine', `<div class="stack">${all.map(a => `
-      <div class="item"><div class="hd">${esc(a.name)} ${dataBadge(a.data)}<span class="spacer"></span>
-        <span class="note">${a.requests ? `${esc(a.first)} → ${esc(a.last)} · ${fmtInt(a.sessions)} sessions` : 'installed, no usage recorded'}</span></div>
-        <div class="dt">${esc(a.note)}</div></div>`).join('')}</div>`)}`;
-  $('#ag-tbl', page).innerHTML = table([
-    {h: 'Agent', f: r => `<b>${esc(r.name)}</b> ${dataBadge(r.data)}`},
-    {h: 'Est. cost', num: 1, f: r => r.data === 'activity' ? '<span class="na">not priced</span>' : fmtUSD(r.cost)},
-    {h: 'Tokens', num: 1, f: r => r.tokens ? fmtNum(r.tokens) : '<span class="na">not recorded</span>'},
-    {h: 'Output', num: 1, f: r => r.output_tokens ? fmtNum(r.output_tokens) : '—'},
-    {h: 'Cache reads', num: 1, f: r => r.cache_read_tokens ? fmtNum(r.cache_read_tokens) : '—'},
-    {h: 'Sessions', num: 1, f: r => fmtInt(r.sessions)},
-    {h: 'Prompts', num: 1, f: r => fmtInt(r.prompts)},
-    {h: 'Tool calls', num: 1, f: r => fmtInt(r.tool_calls)},
-    {h: 'Cost / prompt', num: 1, f: r => r.cost && r.prompts ? fmtUSD(r.cost / r.prompts) : '—'},
-    {h: 'Models', trunc: 1, title: r => r.models, f: r => esc((r.models || '').split(',').map(modelName).join(', '))},
-  ], d.agents);
-  const series = shown.map(id => ({key: id, label: all.find(a => a.id === id)?.name || id, color: colorOf(id)}));
-  C.timeSeries($('#ag-trend', page), {rows: [...byDay.values()], x: 'day', series, type: 'bar',
-    fmt: S.metric === 'cost' ? fmtUSD : fmtNum, height: 230, xLabel: shortDay});
-  C.legend($('#ag-leg', page), series.map(s => ({label: s.label, color: s.color})));
-  page.querySelectorAll('[data-m]').forEach(b => b.onclick = () => { S.metric = b.dataset.m; render(); });
-  addChart(page, 'Share by agent', el => {
-    el.innerHTML = '<div class="grid g2"><div><div class="note">Estimated cost</div><div id="ag-d1"></div></div>' +
-      '<div><div class="note">Tokens</div><div id="ag-d2"></div></div></div>';
-    C.donut($('#ag-d1', el), {rows: d.agents.filter(a => a.cost > 0), label: a => a.name, value: a => a.cost,
-      color: a => colorOf(a.agent), size: 170, centerValue: fmtUSD(d.agents.reduce((x, a) => x + a.cost, 0)), centerLabel: 'estimated'});
-    C.donut($('#ag-d2', el), {rows: d.agents.filter(a => a.tokens > 0), label: a => a.name, value: a => a.tokens, fmt: fmtNum,
-      color: a => colorOf(a.agent), size: 170, centerValue: fmtNum(d.agents.reduce((x, a) => x + (a.tokens || 0), 0)), centerLabel: 'tokens'});
-    const lg = document.createElement('div'); el.appendChild(lg);
-    C.legend(lg, d.agents.map(a => ({label: `${a.name} · ${a.cost ? fmtUSD(a.cost) + ' · ' : ''}${fmtNum(a.tokens)} tok`, color: colorOf(a.agent)})));
-  }, {badge: BADGE.estimated});
-};
-
 /* ============================ machine actions ============================ */
 async function doAction(path, body = {}) {
   const r = await fetch(`/api/do/${path}`, {method: 'POST',
@@ -3796,7 +3871,7 @@ async function syncLabel() {
   const b = $('#sync'); if (!b) return;
   const d = await fetch('/api/sync').then(r => r.json()).catch(() => ({}));
   if (d.job && d.job.state === 'running') return runSync();
-  b.title = `Last synced ${ago(d.built_at)}. Re-read every agent's transcripts from disk into the warehouse`;
+  b.title = `Last synced ${ago(d.built_at)}. Re-read Claude Code's transcripts from disk into the warehouse`;
   b.classList.remove('busy');
   b.innerHTML = `${ICON.sync}Sync <span class="ago">· ${ago(d.built_at)}</span>`;
 }
@@ -3865,6 +3940,7 @@ async function testFreeModel(id, host, btn) {
 // Show exactly what will happen, collect anything needed, run only after the user confirms.
 async function addFreeModel(id) {
   const d = drawer('Add free model', '<div class="loading">Checking prerequisites…</div>');
+  setDrawerRoute('add_model', id);
   const c = d.querySelector('.content');
   const plan = await fetch(`/api/free_models/${id}/plan`).then(r => r.json());
   if (plan.blocked) { c.innerHTML = `<div class="item sev-high"><div class="dt" style="white-space:pre-wrap">${esc(plan.blocked)}</div></div>`; return; }
@@ -3918,7 +3994,7 @@ VIEWS.compare = async (page) => {
     ? (r.requests ? `${fmtInt(r.requests)} req · ${fmtUSD(r.cost)}` : '<span class="na">not used</span>')
     : !r.fits ? `${I('xCircle')} needs ${r.min_ram_gb} GB RAM` : r.installed ? `${I('checkCircle')} <code>${esc(r.command)}</code>` : `<a data-go="freemodels">${I('plus')} Add</a>`;
   page.innerHTML = `
-    ${card(hasFree ? 'Claude vs free models' : `${esc(agentWord())} models side by side`, `<div id="cmp"></div>`, {flush: 1, badge: BADGE.recommendation,
+    ${card(hasFree ? 'Claude vs free models' : 'Claude models side by side', `<div id="cmp"></div>`, {flush: 1, badge: BADGE.recommendation,
       hint: hasFree ? `This machine: ${esc(d.os)}, ${d.ram_gb} GB RAM` : 'List prices, your usage in range', footer: esc(d.note)})}
     ${!hasFree ? '' : `<div class="grid g3">
       ${card('Use Claude for', `<div class="dt">Multi-file changes, debugging, anything agentic or long-running.
@@ -4252,16 +4328,13 @@ VIEWS.cloud = async (page) => {
         `${fmtNum(t.local_claude_tokens)} tokens from local transcripts`, {badge: BADGE.estimated})}
       ${kpi('Gap', t.billed_claude_cost ? fmtUSD(gap) : null,
         'Other machines, other members, or work off this machine')}
-      ${kpi('Cursor team spend', t.cursor_spend == null ? null : fmtUSD(t.cursor_spend),
-        `${fmtInt(t.cursor_members)} members`, {badge: BADGE.actual})}
     </div>
     ${card('Set up the APIs', `<div class="stack">${setup}</div>`,
       {hint: 'Stored keys stay on this machine (0600) and are never shown again'})}
     ${card('Billed vs local, per day', `<div id="cl-day"></div>`, {flush: 1, badge: BADGE.actual,
-      hint: 'Claude Code: what the vendor billed against what this machine recorded'})}
+      hint: 'Claude Code: what Anthropic billed against what this machine recorded'})}
     ${card('Claude Code users (org-wide)', `<div id="cl-users"></div>`, {flush: 1, badge: BADGE.actual,
       hint: 'Per user per day, aggregated over the range — includes Pro/Max subscription users'})}
-    ${card('Cursor members', `<div id="cl-cur"></div>`, {flush: 1, badge: BADGE.actual})}
     ${card('Billed API cost by line item', `<div id="cl-api"></div>`, {flush: 1, badge: BADGE.actual,
       hint: 'From the Anthropic cost report: API spend only, not subscription plans'})}`;
   page.querySelectorAll('[data-go-settings]').forEach(a => a.onclick = e => { e.preventDefault(); go('settings'); });
@@ -4284,13 +4357,6 @@ VIEWS.cloud = async (page) => {
     {h: 'PRs', num: 1, f: r => fmtInt(r.prs)},
     {h: 'Where', trunc: 1, f: r => esc(r.terminals.join(', ') || '—')},
   ], d.users);
-  $('#cl-cur', page).innerHTML = table([
-    {h: 'Member', f: r => esc(r.member)},
-    {h: 'Spend', num: 1, f: r => r.spend_usd == null ? '—' : fmtUSD(r.spend_usd)},
-    {h: 'Active days', num: 1, f: r => fmtInt(r.days)},
-    {h: 'Requests', num: 1, f: r => fmtInt(r.requests)},
-    {h: 'Lines +/-', num: 1, f: r => `${fmtInt(r.lines_added)} / ${fmtInt(r.lines_removed)}`},
-  ], d.cursor_members);
   $('#cl-api', page).innerHTML = table([
     {h: 'Line item', f: r => esc(r.description)},
     {h: 'Billed $', num: 1, f: r => fmtUSD(r.cost_usd)},
@@ -4316,21 +4382,18 @@ VIEWS.cloud = async (page) => {
 // Targets: a CSS selector, 'kpis' (the first KPI row), or 'cardN' (Nth card on the page).
 const TOUR_DONE = 'finops-tour-done';
 const TOUR_WELCOME = [
-  {el: '.brand', t: 'Welcome to FinOps', see: 'One dashboard for what your coding agents (Claude Code, Codex, Gemini CLI, Cursor) spend in tokens and money.',
+  {el: '.brand', t: 'Welcome to FinOps', see: 'One dashboard for what Claude Code spends in tokens and money.',
     get: 'Where the tokens go, why, and what to change to spend less. Everything is read from files on this machine.',
     act: 'Use Next and Previous to move through the tour, or Skip to close it.'},
   {el: '.nav', t: 'Dashboards', see: 'Every dashboard, grouped: Command center, Usage, Drill-down, Optimize, Plan.',
     get: 'Start with <b>Why so many tokens?</b> or <b>What should I do?</b> for a ranked to-do list.',
     act: 'Click any item to open that dashboard. A number next to an item means something needs attention.'},
-  {el: '[data-agent]', t: 'Pick the agent', see: 'Agent chips: one agent, several, or All.',
-    get: 'Every dashboard is filtered to the agents you pick. Dashboards that need data an agent doesn\'t record are hidden.',
-    act: 'Click <b>Codex</b> or <b>All</b> to switch.'},
   {el: '[data-range]', t: 'Date range & filters', see: 'Range chips, plus Model, Project, Category and Threshold filters.',
     get: 'Narrow any dashboard to a period, a model or a project.',
     act: `Try <b>7 days</b>, then open <b>Project ${I('chevDown')}</b> to focus on one repo.`},
   {el: '#gsearch', t: 'Search', see: 'Search across prompts, sessions, models and dates.',
     get: 'Jump straight to the prompt or session you remember.', act: 'Type a word from a recent prompt and press Enter.'},
-  {el: '#sync', t: 'Keep it current', see: 'Sync re-reads every agent\'s local data.',
+  {el: '#sync', t: 'Keep it current', see: 'Sync re-reads Claude Code\'s local transcripts.',
     get: 'Fresh numbers after you\'ve been working.', act: `Click <b>${I('sync')} Sync</b> whenever the numbers look stale.`},
   {el: '#tour-btn', t: 'Tour any dashboard', see: 'This button starts a tour of the dashboard you\'re on.',
     get: 'A short explanation of each section: what it shows, what you get, what you can do.',
@@ -4357,15 +4420,10 @@ const TOURS = {
     {el: 'card:What is going well', t: 'Strengths & gaps', see: 'What your habits already do well, and the items that need attention.', get: 'Confirmation of what to keep doing, and where you lose money.', act: 'Work down the <b>Needs attention</b> list.'},
     {el: 'card:All recommendations', t: 'All recommendations', see: 'Every recommendation, ranked by spend involved, each with its reasoning.', get: 'A prioritised to-do list built from your own usage.', act: 'Copy a recommendation\'s prompt straight into your agent.'},
     {el: 'card:Anomalies to inspect', t: 'Anomalies', see: 'Days and sessions that spent far more than your normal.', get: 'Surprises caught before they repeat.', act: 'Click one to see what happened that day.'}],
-  agents: [
-    {el: 'kpis', t: 'Agent totals', see: 'One tile per agent with its usage for the current filters.', get: 'How spend splits across Claude Code, Codex, Gemini CLI and Cursor.', act: 'Use the agent chips in the header to focus on one.'},
-    {el: 'card:Side by side', t: 'Side by side', see: 'Every agent in one table: cost, tokens, requests, sessions.', get: 'A like-for-like comparison of what each agent costs you.', act: 'Compare tokens per request: a high number means large contexts.'},
-    {el: 'card:Daily', t: 'Daily by agent', see: 'Cost or tokens per day, split by agent.', get: 'When you switched agents and what that did to spend.', act: 'Use the metric toggle to swap cost for tokens.'},
-    {el: 'card:What each agent records', t: 'What each agent records', see: 'Which fields each agent writes to disk on this machine.', get: 'Why some dashboards are hidden for some agents: the data simply isn\'t recorded.', act: 'Check here first when a number reads "not recorded".'}],
   live: [
     {el: 'kpis', t: 'Running now', see: 'Sessions running right now, which are working (spending) at this moment, the largest live context and what live sessions have spent.', get: 'What is costing you money this second.', act: 'Only <b>working</b> sessions consume tokens; idle ones cost again on your next message.'},
-    {el: '#live-refresh', t: 'Refresh & the rules', see: 'The note explains what Interrupt, Close and Force kill do, and how non-Claude agents are detected.', get: 'Confidence before you stop something.', act: `Click <b>${I('reload')} Refresh</b> for the latest state.`},
-    {el: '.item[data-i]', t: 'A session', see: 'Agent, project, context size, steps, cost and last activity, plus advice when a session gets heavy.', get: 'Control over sessions that are quietly growing expensive.', act: 'Interrupt, Close or Force kill it (each needs two clicks), copy its resume command, <b>Hand over</b> a Claude session to a fresh one, see its <b>Prompts</b> or <b>Rename</b> it.'}],
+    {el: '#live-refresh', t: 'Refresh & the rules', see: 'The note explains what Interrupt, Compact, Close and Force kill do.', get: 'Confidence before you stop something.', act: `Click <b>${I('reload')} Refresh</b> for the latest state.`},
+    {el: '.item[data-i]', t: 'A session', see: 'Project, model, context size, steps, cost and last activity, plus advice when a session gets heavy.', get: 'Control over sessions that are quietly growing expensive.', act: 'Interrupt, Close or Force kill it (each needs two clicks), copy its resume command, <b>Hand over</b> it to a fresh session, see its <b>Prompts</b> or <b>Rename</b> it.'}],
   scorecard: [
     {el: 'card:AI FinOps Score', t: 'Your score', see: 'The overall score with a component breakdown: cache use, model mix, waste and budget.', get: 'Where your habits are strong and where they cost money.', act: 'Hover a component to see how it is calculated.'},
     {el: 'card:What is good', t: 'What is good', see: 'The components you already score well on.', get: 'The habits worth keeping.', act: 'Keep these when you change your setup.'},
@@ -4426,9 +4484,9 @@ const TOURS = {
     {el: 'card:Add to', t: 'Memory suggestions', see: 'Facts your prompts repeat, ready to move into your memory file.', get: 'Shorter prompts and less re-explaining.', act: 'Copy a suggestion into the project memory file.'},
     {el: 'card:Why consumption is high', t: 'The drivers', see: 'The main drivers of your token use, each with its share.', get: 'A plain explanation of where tokens go.', act: 'Read the top driver first.'},
     {el: 'card:What to change', t: 'What to change', see: 'Each finding with a ready-made prompt that fixes it.', get: 'A fix your agent can apply for you.', act: 'Click <b>Copy</b> and paste it into your agent.'},
-    {el: 'card:Projects:', t: 'Project config health', see: 'Per project: whether it has memory, an agents file, hooks and the rest.', get: 'The config gaps that make every session start from zero.', act: 'Fix the projects flagged red.'},
+    {el: 'card:Projects:', t: 'Project config health', see: 'Per project: whether it has memory, a CLAUDE.md, hooks and the rest.', get: 'The config gaps that make every session start from zero.', act: 'Fix the projects flagged red.'},
     {el: '#dx-harness', t: 'Does it need a harness?', see: 'Per project, whether the work you do there would be better served by a harness: hooks, subagents or a scripted workflow.', get: 'A read on when a repo has outgrown ad-hoc prompting.', act: 'Start with the project that repeats the same multi-step task most often.'},
-    {el: 'card:Global config', t: 'Global config', see: 'Your machine-wide agent configuration and what\'s missing from it.', get: 'Settings that pay off across every project at once.', act: 'Apply the global fixes before the per-project ones.'},
+    {el: 'card:Global config', t: 'Global config', see: 'Your machine-wide Claude Code configuration and what\'s missing from it.', get: 'Settings that pay off across every project at once.', act: 'Apply the global fixes before the per-project ones.'},
     {el: '#dx-issues', t: 'Per-project fixes', see: 'One card per project that has open issues, each with the exact fix for that repo.', get: 'The work split by repo, so you can fix one and stop.', act: 'Fix your most expensive repo first; <b>Project cost</b> on the overview says which that is.'}],
   attribution: [
     {el: 'kpis', t: 'Who used the tokens', see: 'Tokens split by session, subagent, skill, MCP server and connector.', get: 'Which add-ons quietly cost the most context.', act: 'Compare main-agent tokens with subagent tokens.'},
@@ -4492,14 +4550,13 @@ const TOURS = {
     {el: 'card:Set your limits', t: 'Suggestions and shorthand', see: 'Chips under each amount suggest values from your own last 30 days and session sizes; amounts accept 20M, 500k or $3,000.', get: 'A sensible budget in one click, and a clear message when a value will not work.', act: 'Click a suggestion, adjust it, and Save.'},
     {el: 'card:Set your limits', t: 'Session guard', see: 'A token budget for each Claude Code session, warn percentages, what happens after you approve, per-project overrides, and the Live warnings box (optional).', get: 'A warning while a session grows, and a pause for your approval once it reaches its budget.', act: 'Set a budget, save, then, if you want live warnings, <b>Install</b> in the Live warnings box. It is optional. It applies to new sessions.'}],
   settings: [
-    {el: 'card:API keys', t: 'API keys', see: 'Optional keys for the Anthropic Admin API and Cursor.', get: 'The Billed vs local page, without the terminal.', act: 'Paste a key and press Save key. It is never shown again, only its last four characters.'}],
+    {el: 'card:API keys', t: 'API keys', see: 'An optional key for the Anthropic Admin API.', get: 'The Billed vs local page, without the terminal.', act: 'Paste a key and press Save key. It is never shown again, only its last four characters.'}],
   cloud: [
-    {el: 'kpis', t: 'Billed vs local', see: 'What the vendor billed the whole organisation next to what this machine recorded.', get: 'The gap: usage from other machines, other members, or work off this machine.', act: `Click <b>${I('cloudDown')} Refresh from APIs</b> to fetch — this is the only page that goes online.`},
-    {el: 'card:Set up the APIs', t: 'Set up the APIs', see: 'Which provider keys were found, and how to get each one.', get: 'Org-wide Claude Code usage per user, and Cursor team spend.', act: 'Add a key on the Settings page, or run claude-finops --set-key.'},
+    {el: 'kpis', t: 'Billed vs local', see: 'What Anthropic billed the whole organisation next to what this machine recorded.', get: 'The gap: usage from other machines, other members, or work off this machine.', act: `Click <b>${I('cloudDown')} Refresh from APIs</b> to fetch — this is the only page that goes online.`},
+    {el: 'card:Set up the APIs', t: 'Set up the APIs', see: 'Whether an Anthropic Admin key was found, and how to get one.', get: 'Org-wide Claude Code usage per user.', act: 'Add a key on the Settings page, or run claude-finops --set-key.'},
     {el: 'card:Billed vs local', t: 'The comparison', see: 'Billed totals against local totals for the same period.', get: 'Proof of how much of the bill this machine explains.', act: 'A large gap means most spend happens elsewhere: check the user tables.'},
     {el: 'card:Claude Code users', t: 'Users org-wide', see: 'Each Claude Code user in the organisation and their usage.', get: 'Who drives the bill across the team.', act: 'Compare your own row with the team average.'},
-    {el: 'card:Cursor members', t: 'Cursor members', see: 'Cursor team members and their spend.', get: 'The same picture for Cursor seats.', act: 'Look for seats with no usage at all.'},
-    {el: 'card:Billed API cost by line item', t: 'Billed line items', see: 'The vendor\'s own line items for the period.', get: 'The invoice view, straight from the API.', act: 'Reconcile this with your finance numbers.'}],
+    {el: 'card:Billed API cost by line item', t: 'Billed line items', see: 'Anthropic\'s own line items for the period.', get: 'The invoice view, straight from the API.', act: 'Reconcile this with your finance numbers.'}],
   search: [
     {el: 'card:Prompts', t: 'Matching prompts', see: 'Every prompt whose text matches your search, with what it cost.', get: 'One term, and everything you ever asked about it.', act: 'Click a prompt to open it with its requests and files.'},
     {el: 'card:Sessions', t: 'Matching sessions', see: 'Sessions whose title or prompts match, with cost and size.', get: 'The whole working session around a match, not just the one line.', act: 'Click a session to see how it grew.'},