crewswarm 0.9.2 → 0.9.4

package/apps/dashboard/src/tabs/skills-tab.js

@@ -1,284 +0,0 @@
-/**
- * Skills tab — extracted from app.js
- * Deps: getJSON, postJSON, showNotification (from core/)
- */
-
-import { getJSON, postJSON } from '../core/api.js';
-import { showNotification } from '../core/dom.js';
-
-let _skillsCache = [];
-
-export function showSkills() {
-  document.querySelectorAll('.view').forEach(v => v.classList.remove('active'));
-  document.getElementById('skillsView').classList.add('active');
-  document.querySelectorAll('.nav-item').forEach(n => n.classList.remove('active'));
-  const nav = document.getElementById('navSkills');
-  if (nav) nav.classList.add('active');
-  loadSkills();
-  if (typeof loadPendingApprovals === 'function') loadPendingApprovals();
-}
-
-export function showRunSkills() {
-  document.querySelectorAll('.view').forEach(v => v.classList.remove('active'));
-  const view = document.getElementById('runSkillsView');
-  if (view) view.classList.add('active');
-  document.querySelectorAll('.nav-item').forEach(n => n.classList.remove('active'));
-  const nav = document.getElementById('navRunSkills');
-  if (nav) nav.classList.add('active');
-  loadRunSkills();
-}
-
-export async function loadRunSkills() {
-  const el = document.getElementById('runSkillsGrid');
-  if (!el) return;
-  try {
-    const d = await (await fetch('/api/health')).json();
-    const skills = (d.skills || []).filter(s => !s.error && s.url);
-    if (!skills.length) {
-      el.innerHTML = '<div style="color:var(--text-3);font-size:13px;">No API skills found. Add API skills (with a URL endpoint) in the Skills tab.</div>';
-      return;
-    }
-    el.innerHTML = skills.map(s => {
-      const defaults = s.defaultParams && Object.keys(s.defaultParams).length
-        ? JSON.stringify(s.defaultParams, null, 2) : '{}';
-      const paramHint = (s.paramNotes || s.description || '').slice(0, 120);
-      const safeName = (s.name || '').replace(/"/g, '&quot;');
-      return '<div class="card" style="display:flex;flex-direction:column;">'
-        + '<div class="card-title" style="margin-bottom:6px;">' + (s.name || 'unnamed') + '</div>'
-        + '<div style="font-size:12px;color:var(--text-3);margin-bottom:10px;line-height:1.4;">' + (s.description || '') + '</div>'
-        + (paramHint ? '<div style="font-size:11px;color:var(--text-2);margin-bottom:8px;">' + paramHint + '</div>' : '')
-        + '<label style="font-size:11px;color:var(--text-2);margin-bottom:4px;">Params (JSON)</label>'
-        + '<textarea data-skill="' + safeName + '" rows="4" style="font-family:monospace;font-size:12px;width:100%;margin-bottom:10px;resize:vertical;" class="runskills-params">' + defaults.replace(/</g, '&lt;') + '</textarea>'
-        + '<div style="display:flex;align-items:center;gap:8px;margin-top:auto;">'
-        + '<button class="btn-green" style="font-size:12px;" data-action="runSkillFromUI" data-arg="' + safeName + '">Run</button>'
-        + '<span class="runskills-result" data-skill="' + safeName + '" style="font-size:11px;color:var(--text-3);"></span>'
-        + '</div></div>';
-    }).join('');
-  } catch (e) {
-    el.innerHTML = '<div style="color:var(--red);font-size:12px;">Error loading health/skills: ' + (e.message || '') + '</div>';
-  }
-}
-
-export async function runSkillFromUI(skillName) {
-  const textarea = document.querySelector('.runskills-params[data-skill="' + (skillName || '').replace(/"/g, '\\"') + '"]');
-  const resultEl = document.querySelector('.runskills-result[data-skill="' + (skillName || '').replace(/"/g, '\\"') + '"]');
-  if (!textarea) return;
-  let params = {};
-  try { params = JSON.parse(textarea.value.trim() || '{}'); } catch (e) {
-    if (resultEl) resultEl.textContent = 'Invalid JSON';
-    return;
-  }
-  if (resultEl) resultEl.textContent = 'Running…';
-  try {
-    const r = await fetch('/api/skills/' + encodeURIComponent(skillName) + '/run', {
-      method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ params })
-    });
-    const data = await r.json();
-    if (resultEl) {
-      if (data.ok) resultEl.textContent = 'Done';
-      else resultEl.textContent = data.error || 'Error';
-      resultEl.style.color = data.ok ? 'var(--green)' : 'var(--red)';
-    }
-    if (!data.ok) return;
-    if (data.result !== undefined && resultEl) {
-      const preview = typeof data.result === 'string' ? data.result : JSON.stringify(data.result).slice(0, 120);
-      resultEl.textContent = preview + (preview.length >= 120 ? '…' : '');
-    }
-  } catch (e) {
-    if (resultEl) { resultEl.textContent = e.message || 'Request failed'; resultEl.style.color = 'var(--red)'; }
-  }
-}
-
-export async function loadSkills() {
-  const el = document.getElementById('skillsList');
-  try {
-    const d = await (await fetch('/api/skills')).json();
-    _skillsCache = d.skills || [];
-    renderSkillsList(_skillsCache);
-  } catch(e) {
-    if (el) el.innerHTML = '<div style="color:var(--text-3);font-size:12px;">Error loading skills</div>';
-  }
-}
-
-export function renderSkillsList(skills) {
-  const el = document.getElementById('skillsList');
-  if (!el) return;
-  if (!skills.length) {
-    el.innerHTML = '<div style="color:var(--text-3);font-size:12px;padding:8px 0;">No skills match. Add one above or copy JSONs to ~/.crewswarm/skills/</div>';
-    return;
-  }
-
-  const apiSkills = skills.filter(s => s.type === 'api' || (!s.type && s.url));
-  const knowledgeSkills = skills.filter(s => s.type === 'knowledge' || (!s.type && !s.url));
-
-  function renderSkillRow(s) {
-    const isKnowledge = s.type === 'knowledge';
-    const approvalBadge = s.requiresApproval
-      ? '<span style="margin-left:6px;font-size:10px;background:rgba(251,191,36,0.15);color:var(--yellow);padding:2px 6px;border-radius:4px;">⚠️ approval</span>' : '';
-    const typeBadge = isKnowledge
-      ? '<span style="margin-left:6px;font-size:10px;background:rgba(99,102,241,0.15);color:#818cf8;padding:2px 6px;border-radius:4px;">knowledge</span>'
-      : '<span style="margin-left:6px;font-size:10px;background:rgba(34,197,94,0.12);color:var(--green);padding:2px 6px;border-radius:4px;">API</span>';
-    const urlNote = s.url
-      ? ' · <code style="background:var(--bg-1);padding:1px 4px;border-radius:3px;">' + (s.method||'POST') + ' ' + (s.url||'').slice(0,55) + '</code>' : '';
-    const aliasNote = (s.aliases && s.aliases.length)
-      ? '<span style="margin-left:6px;font-size:10px;color:var(--text-3);">aliases: ' + s.aliases.join(', ') + '</span>' : '';
-    return '<div style="display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-2);border-radius:var(--radius);border:1px solid var(--border);">'
-      + '<div style="min-width:0;">'
-      + '<div style="display:flex;align-items:center;flex-wrap:wrap;gap:2px;">'
-      + '<span style="font-weight:600;font-size:13px;">' + s.name + '</span>'
-      + typeBadge + approvalBadge + aliasNote
-      + '</div>'
-      + '<div style="font-size:11px;color:var(--text-3);margin-top:3px;">' + (s.description||'') + urlNote + '</div>'
-      + '</div>'
-      + '<div style="display:flex;gap:6px;flex-shrink:0;margin-left:12px;">'
-      + (isKnowledge ? '' : '<button class="btn-ghost" style="font-size:11px;" data-action="editSkill" data-arg="' + s.name + '">Edit</button>')
-      + '<button class="btn-ghost" style="font-size:11px;color:var(--red);" data-action="deleteSkill" data-arg="' + s.name + '">Delete</button>'
-      + '</div></div>';
-  }
-
-  function renderSection(title, items, emptyMsg) {
-    if (!items.length) return '';
-    return '<div style="margin-bottom:20px;">'
-      + '<div style="font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;">' + title + ' <span style="font-weight:400;opacity:.7;">(' + items.length + ')</span></div>'
-      + '<div style="display:flex;flex-direction:column;gap:6px;">' + items.map(renderSkillRow).join('') + '</div>'
-      + '</div>';
-  }
-
-  el.innerHTML = renderSection('Knowledge', knowledgeSkills)
-    + renderSection('API Integrations', apiSkills);
-}
-
-export function filterSkills(q) {
-  const lower = q.toLowerCase();
-  renderSkillsList(lower ? _skillsCache.filter(s =>
-    (s.name||'').toLowerCase().includes(lower) ||
-    (s.description||'').toLowerCase().includes(lower) ||
-    (s.url||'').toLowerCase().includes(lower) ||
-    (s.aliases||[]).some(a => a.toLowerCase().includes(lower))
-  ) : _skillsCache);
-}
-
-export function editSkill(name) {
-  const s = _skillsCache.find(x => x.name === name);
-  if (!s) return;
-  document.getElementById('skEditName').value = name;
-  document.getElementById('addSkillFormTitle').textContent = 'Edit Skill';
-  document.getElementById('saveSkillBtn').textContent = 'Update Skill';
-  document.getElementById('skName').value = s.name || '';
-  document.getElementById('skDesc').value = s.description || '';
-  document.getElementById('skUrl').value = s.url || '';
-  const meth = document.getElementById('skMethod');
-  for (let i = 0; i < meth.options.length; i++) if (meth.options[i].value === s.method) { meth.selectedIndex = i; break; }
-  const authType = s.auth?.type || '';
-  document.getElementById('skAuthType').value = authType;
-  document.getElementById('skAuthKey').value = s.auth?.keyFrom || s.auth?.token || '';
-  document.getElementById('skAuthHeader').value = s.auth?.header || '';
-  document.getElementById('skRequiresApproval').checked = !!s.requiresApproval;
-  document.getElementById('skDefaults').value = s.defaultParams && Object.keys(s.defaultParams).length ? JSON.stringify(s.defaultParams, null, 2) : '';
-  updateSkillAuthFields();
-  const f = document.getElementById('addSkillForm');
-  f.style.display = 'block';
-  f.scrollIntoView({ behavior: 'smooth', block: 'start' });
-}
-
-export function toggleAddSkill() {
-  cancelSkillForm();
-  document.getElementById('importSkillForm').style.display = 'none';
-  const f = document.getElementById('addSkillForm');
-  f.style.display = f.style.display === 'none' ? 'block' : 'none';
-}
-
-export function toggleImportSkill() {
-  cancelSkillForm();
-  const f = document.getElementById('importSkillForm');
-  f.style.display = f.style.display === 'none' ? 'block' : 'none';
-  if (f.style.display !== 'none') setTimeout(() => document.getElementById('importSkillUrl').focus(), 50);
-}
-
-export async function importSkillFromUrl() {
-  const urlInput = document.getElementById('importSkillUrl');
-  const status   = document.getElementById('importSkillStatus');
-  const btn      = document.getElementById('importSkillBtn');
-  const skillUrl = urlInput.value.trim();
-  if (!skillUrl) { status.style.color = 'var(--red)'; status.textContent = 'Paste a URL first.'; return; }
-  btn.disabled = true; btn.textContent = 'Importing…';
-  status.style.color = 'var(--text-3)'; status.textContent = 'Fetching & scanning…';
-  try {
-    const r = await fetch('/api/skills/import', { method: 'POST', headers: {'content-type':'application/json'}, body: JSON.stringify({ url: skillUrl }) });
-    const d = await r.json();
-    if (!r.ok || d.error) throw new Error(d.error || 'Import failed');
-    if (d.warnings && d.warnings.length) {
-      status.style.color = 'var(--yellow)';
-      const warnLabels = { cmd_skill: '⚠ executes shell commands', ssrf_risk: '⚠ targets private network', insecure_url: '⚠ non-HTTPS endpoint', no_approval: '⚠ no approval gate on write' };
-      const msgs = d.warnings.map(w => warnLabels[w.split(':')[0]] || w);
-      status.innerHTML = '✓ Imported <strong>"' + d.name + '"</strong> — ' + msgs.join(' · ');
-    } else {
-      status.style.color = 'var(--green)';
-      status.textContent = '✓ Imported "' + d.name + '" — no security warnings';
-    }
-    urlInput.value = '';
-    await loadSkills();
-    if (!d.warnings || !d.warnings.length) {
-      setTimeout(() => { document.getElementById('importSkillForm').style.display = 'none'; status.textContent = ''; }, 3000);
-    }
-  } catch(e) {
-    status.style.color = 'var(--red)';
-    status.textContent = 'Error: ' + e.message;
-  } finally { btn.disabled = false; btn.textContent = 'Import'; }
-}
-
-export function cancelSkillForm() {
-  document.getElementById('skEditName').value = '';
-  document.getElementById('addSkillFormTitle').textContent = 'New Skill';
-  document.getElementById('saveSkillBtn').textContent = 'Save Skill';
-  document.getElementById('addSkillForm').style.display = 'none';
-  ['skName','skDesc','skUrl','skAuthKey','skAuthHeader','skDefaults'].forEach(id => {
-    const el = document.getElementById(id); if(el) el.value = '';
-  });
-  document.getElementById('skAuthType').value = '';
-  document.getElementById('skRequiresApproval').checked = false;
-  updateSkillAuthFields();
-}
-
-export function updateSkillAuthFields() {
-  const t = document.getElementById('skAuthType').value;
-  document.getElementById('skAuthHeaderWrap').style.display = t === 'header' ? 'block' : 'none';
-}
-
-export async function saveSkill() {
-  const name = document.getElementById('skName').value.trim();
-  const url  = document.getElementById('skUrl').value.trim();
-  if (!name || !url) { alert('Skill name and URL are required'); return; }
-  let defaultParams = {};
-  try { const v = document.getElementById('skDefaults').value.trim(); if(v) defaultParams = JSON.parse(v); }
-  catch { alert('Default Params must be valid JSON'); return; }
-  const authType = document.getElementById('skAuthType').value;
-  const authKeyRaw = document.getElementById('skAuthKey').value.trim();
-  let auth = {};
-  if (authType && authKeyRaw) {
-    auth = { type: authType };
-    if (authKeyRaw.startsWith('providers.') || authKeyRaw.startsWith('env.')) auth.keyFrom = authKeyRaw;
-    else auth.token = authKeyRaw;
-    if (authType === 'header') auth.header = document.getElementById('skAuthHeader').value.trim() || 'X-API-Key';
-  }
-  const editingName = document.getElementById('skEditName').value.trim();
-  const body = { name, url, method: document.getElementById('skMethod').value, description: document.getElementById('skDesc').value.trim(), auth: Object.keys(auth).length ? auth : undefined, defaultParams, requiresApproval: document.getElementById('skRequiresApproval').checked };
-  try {
-    if (editingName && editingName !== name) await fetch('/api/skills/' + editingName, { method: 'DELETE' });
-    const r = await fetch('/api/skills', { method: 'POST', headers: {'content-type':'application/json'}, body: JSON.stringify(body) });
-    if (!r.ok) throw new Error(await r.text());
-    cancelSkillForm();
-    loadSkills();
-    showNotification(editingName ? 'Skill updated' : 'Skill saved');
-  } catch(e) { showNotification('Failed: ' + e.message, 'error'); }
-}
-
-export async function deleteSkill(name) {
-  if (!confirm('Delete skill "' + name + '"?')) return;
-  try {
-    const r = await fetch('/api/skills/' + name, { method: 'DELETE' });
-    if(!r.ok) throw new Error(await r.text());
-    loadSkills();
-    showNotification('Deleted');
-  } catch(e) { showNotification('Delete failed: ' + e.message, 'error'); }
-}

package/apps/dashboard/src/tabs/spending-tab.js

@@ -1,173 +0,0 @@
-/**
- * Spending dashboard — extracted from app.js
- * Deps: getJSON (core/api), showNotification (core/dom), estimateCost (usage-tab)
- */
-import { getJSON } from '../core/api.js';
-import { showNotification, showError } from '../core/dom.js';
-import { estimateCost, loadOcStats as loadOcStatsFromUsage } from './usage-tab.js';
-
-// ── Spending ──────────────────────────────────────────────────────────────────
-var _agentTotalCost = null;
-var _ocTotalCost = null;
-
-function updateGrandTotal() {
-  var a = _agentTotalCost, o = _ocTotalCost;
-  var aEl = document.getElementById('gtAgentCost');
-  var oEl = document.getElementById('gtOcCost');
-  var tEl = document.getElementById('gtTotal');
-  if (!aEl) return;
-  if (a !== null) aEl.textContent = '$' + a.toFixed(4);
-  if (o !== null) oEl.textContent = '$' + o.toFixed(4);
-  if (a !== null && o !== null) tEl.textContent = '$' + (a + o).toFixed(4);
-}
-
-export function reportOcCost(cost) {
-  _ocTotalCost = cost;
-  updateGrandTotal();
-}
-
-export async function loadAllUsage() {
-  var days = parseInt(document.getElementById('grandTotalDays')?.value || '14');
-  var ocSel = document.getElementById('ocStatsDays');
-  var spSel = document.getElementById('spendingDays');
-  if (ocSel) ocSel.value = String(days);
-  if (spSel) spSel.value = String(days === 1 ? 1 : days);
-  _agentTotalCost = null;
-  _ocTotalCost = null;
-  document.getElementById('gtAgentCost').textContent = '—';
-  document.getElementById('gtOcCost').textContent = '—';
-  document.getElementById('gtTotal').textContent = '—';
-  loadSpending();
-  loadOcStatsFromUsage(reportOcCost);
-}
-
-export async function loadSpending(){
-  const el = document.getElementById('spendingWidget');
-  const days = parseInt(document.getElementById('spendingDays')?.value || '1');
-  try {
-    if (days <= 1) {
-      // Today: real-time from crew-lead
-      const d = await (await fetch('/api/spending')).json();
-      const { spending, caps } = d;
-      const gTokens = spending.global?.tokens || 0;
-      const gCost   = spending.global?.costUSD || 0;
-      const gCapTok = caps.global?.dailyTokenLimit;
-      const gCapCost = caps.global?.dailyCostLimitUSD;
-      let out = '<div style="margin-bottom:10px;">'
-              + '<div style="font-size:11px;font-weight:600;color:var(--text-2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em;">Global &middot; ' + (spending.date||'today') + '</div>'
-              + '<div style="display:flex;gap:20px;"><span>' + gTokens.toLocaleString() + ' tokens' + (gCapTok ? ' / ' + Number(gCapTok).toLocaleString() : '') + '</span>'
-              + '<span style="color:var(--yellow);font-weight:600;">$' + gCost.toFixed(4) + '</span>' + (gCapCost ? '<span> / $' + gCapCost + '</span>' : '') + '</div>';
-      if (gCapTok) {
-        const pct = Math.min(100, (gTokens/gCapTok)*100);
-        const barColor = pct > 80 ? 'var(--red)' : pct > 50 ? 'var(--yellow)' : 'var(--green)';
-        out += '<div style="margin-top:4px;height:4px;background:var(--border);border-radius:2px;"><div style="width:' + pct + '%;height:100%;background:' + barColor + ';border-radius:2px;transition:width .3s;"></div></div>';
-      }
-      out += '</div>';
-      const agents = Object.entries(spending.agents || {});
-      if (agents.length) {
-        out += '<div style="font-size:11px;font-weight:600;color:var(--text-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em;">Per Agent</div>';
-        out += agents.map(function(entry) {
-          var id = entry[0], v = entry[1];
-          const agentCap = caps.agents && caps.agents[id];
-          const toks  = v.tokens || 0;
-          const cost  = (v.costUSD||0).toFixed(4);
-          const capTok = agentCap && agentCap.dailyTokenLimit;
-          const pct    = capTok ? Math.min(100, (toks/capTok)*100) : null;
-          let row = '<div style="display:flex;align-items:center;gap:10px;margin-bottom:4px;">'
-                  + '<span style="min-width:140px;font-size:12px;">' + id + '</span>'
-                  + '<span style="font-size:12px;">' + toks.toLocaleString() + ' tok' + (capTok ? ' / ' + Number(capTok).toLocaleString() : '') + ' &middot; <span style="color:var(--yellow);">$' + cost + '</span></span>';
-          if (pct !== null) {
-            const barColor = pct > 80 ? 'var(--red)' : 'var(--accent)';
-            row += '<div style="flex:1;height:3px;background:var(--border);border-radius:2px;"><div style="width:' + pct + '%;height:100%;background:' + barColor + ';border-radius:2px;"></div></div>';
-          }
-          return row + '</div>';
-        }).join('');
-      } else { out += '<div style="color:var(--text-3);">No per-agent data yet for today.</div>'; }
-      if (gCapTok) document.getElementById('gcapTokens').value = gCapTok;
-      if (gCapCost) document.getElementById('gcapCost').value = gCapCost;
-      _agentTotalCost = gCost;
-      updateGrandTotal();
-      el.innerHTML = out;
-    } else {
-      // Multi-day: compute from token-usage.json byDay
-      const u = await getJSON('/api/token-usage').catch(function(){ return {}; });
-      const byDay = u.byDay || {};
-      const cutoff = new Date(Date.now() - days * 86400000).toISOString().slice(0, 10);
-      const filteredDays = Object.keys(byDay).filter(function(d){ return d >= cutoff; }).sort().reverse();
-      if (!filteredDays.length) {
-        el.innerHTML = '<div style="color:var(--text-3);">No data for this period.</div>';
-        _agentTotalCost = 0;
-        updateGrandTotal();
-        return;
-      }
-      // Aggregate byModel across days
-      const aggByModel = {};
-      var totalTok = 0, totalCost = 0;
-      filteredDays.forEach(function(day) {
-        const dm = byDay[day].byModel || {};
-        Object.entries(dm).forEach(function(e) {
-          var m = e[0], s = e[1];
-          if (!aggByModel[m]) aggByModel[m] = { prompt: 0, completion: 0 };
-          aggByModel[m].prompt += s.prompt || 0;
-          aggByModel[m].completion += s.completion || 0;
-          totalTok += (s.prompt||0) + (s.completion||0);
-        });
-      });
-      totalCost = estimateCost(aggByModel);
-      let out = '<div style="margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;">'
-              + '<span style="font-size:12px;color:var(--text-3);">Last ' + days + ' days &middot; ' + filteredDays.length + ' days of data</span>'
-              + '<span style="font-size:16px;font-weight:700;color:var(--yellow);">$' + totalCost.toFixed(4) + '</span>'
-              + '</div>';
-      // Daily breakdown bar chart
-      const maxDayCost = Math.max(...filteredDays.map(function(d){ return estimateCost(byDay[d].byModel||{}); }), 0.0001);
-      const today = new Date().toISOString().slice(0,10);
-      out += '<div style="display:flex;flex-direction:column;gap:3px;margin-bottom:12px;">';
-      filteredDays.forEach(function(day) {
-        const dc = estimateCost(byDay[day].byModel||{});
-        const pct = Math.max((dc/maxDayCost)*100, dc > 0 ? 2 : 0);
-        const isToday = day === today;
-        const tok = ((byDay[day].prompt||0)+(byDay[day].completion||0))/1000;
-        out += '<div style="display:flex;align-items:center;gap:8px;font-size:11px;">'
-             + '<span style="width:64px;color:var(--text-3);flex-shrink:0;">' + (isToday ? 'today' : day.slice(5)) + '</span>'
-             + '<div style="flex:1;background:var(--bg-1);border-radius:3px;height:12px;overflow:hidden;">'
-             +   '<div style="width:' + pct.toFixed(1) + '%;height:100%;background:' + (isToday ? 'var(--accent)' : 'var(--green)') + ';border-radius:3px;opacity:.8;"></div>'
-             + '</div>'
-             + '<span style="width:58px;text-align:right;color:var(--yellow);font-weight:600;">$' + dc.toFixed(4) + '</span>'
-             + '<span style="width:40px;text-align:right;color:var(--text-3);">' + tok.toFixed(0) + 'k</span>'
-             + '</div>';
-      });
-      out += '</div>';
-      // Top models
-      const sortedModels = Object.entries(aggByModel).sort(function(a,b){
-        return estimateCost({b:b[1]}) - estimateCost({a:a[1]});
-      });
-      if (sortedModels.length) {
-        out += '<div style="font-size:11px;color:var(--text-3);margin-bottom:4px;">By model</div>';
-        sortedModels.slice(0,8).forEach(function(e) {
-          var m = e[0], s = e[1];
-          const mc = estimateCost({x:s});
-          const tok = ((s.prompt||0)+(s.completion||0))/1000;
-          out += '<div style="display:flex;justify-content:space-between;font-size:11px;padding:2px 0;border-bottom:1px solid var(--border);">'
-               + '<code style="color:var(--accent);">' + m + '</code>'
-               + '<span style="color:var(--text-2);">' + tok.toFixed(1) + 'k tok &middot; <span style="color:var(--yellow);">$' + mc.toFixed(4) + '</span></span>'
-               + '</div>';
-        });
-      }
-      _agentTotalCost = totalCost;
-      updateGrandTotal();
-      el.innerHTML = out;
-    }
-  } catch(e) { showError(el, 'Error: ' + e.message); }
-}
-
-export async function resetSpending(){
-  if (!confirm("Reset today's spending counters?")) return;
-  try { await fetch('/api/spending/reset', { method: 'POST', headers:{'content-type':'application/json'}, body: '{}' }); loadSpending(); showNotification('Spending reset'); }
-  catch(e) { showNotification('Reset failed', true); }
-}
-
-export async function saveGlobalCaps(){
-  const tokens = parseInt(document.getElementById('gcapTokens').value) || null;
-  const cost   = parseFloat(document.getElementById('gcapCost').value) || null;
-  showNotification('Add to ~/.crewswarm/crewswarm.json: "globalSpendingCaps": {"dailyTokenLimit":' + (tokens||'null') + ',"dailyCostLimitUSD":' + (cost||'null') + '}', 'warning');
-}