npm - agentix-cli - Versions diffs - 0.16.0 → 0.18.0 - Mend

agentix-cli 0.16.0 → 0.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (173) hide show

package/dist/agent-RDVGL2TW.js +2 -0
package/dist/audit-Z47AQFFD.js +3 -0
package/dist/audit-Z47AQFFD.js.map +1 -0
package/dist/board-dashboard-KX2CNOSY.js +7282 -0
package/dist/board-dashboard-KX2CNOSY.js.map +1 -0
package/dist/chunk-34NG7UDX.js +11 -0
package/dist/chunk-34NG7UDX.js.map +1 -0
package/dist/{chunk-6MKAXEE5.js → chunk-4ITQP3XL.js} +2 -2
package/dist/{chunk-6MKAXEE5.js.map → chunk-4ITQP3XL.js.map} +1 -1
package/dist/chunk-53NRX2NA.js +2 -0
package/dist/chunk-53NRX2NA.js.map +1 -0
package/dist/chunk-6PPIFDOQ.js +1742 -0
package/dist/chunk-6PPIFDOQ.js.map +1 -0
package/dist/chunk-AFRHKA7B.js +2 -0
package/dist/chunk-AFRHKA7B.js.map +1 -0
package/dist/chunk-ASSJ4Z6Z.js +164 -0
package/dist/chunk-ASSJ4Z6Z.js.map +1 -0
package/dist/chunk-BLUXL6HR.js +854 -0
package/dist/chunk-BLUXL6HR.js.map +1 -0
package/dist/chunk-BTAEYL3P.js +72 -0
package/dist/chunk-BTAEYL3P.js.map +1 -0
package/dist/chunk-CDNWCYF7.js +2 -0
package/dist/chunk-CDNWCYF7.js.map +1 -0
package/dist/chunk-DJEZ2HVU.js +5 -0
package/dist/chunk-DJEZ2HVU.js.map +1 -0
package/dist/{chunk-FLOGK2U7.js → chunk-DSCMCVTV.js} +3 -3
package/dist/chunk-DSCMCVTV.js.map +1 -0
package/dist/chunk-EW27SCCC.js +2 -0
package/dist/chunk-EW27SCCC.js.map +1 -0
package/dist/chunk-HPDHNIA3.js +2 -0
package/dist/chunk-IM376SD6.js +13 -0
package/dist/chunk-IM376SD6.js.map +1 -0
package/dist/chunk-J4WKMKTP.js +5 -0
package/dist/{chunk-YI2T5QYB.js.map → chunk-J4WKMKTP.js.map} +1 -1
package/dist/chunk-JGXE2YNV.js +46 -0
package/dist/chunk-JGXE2YNV.js.map +1 -0
package/dist/chunk-JXEPJ3YD.js +118 -0
package/dist/chunk-JXEPJ3YD.js.map +1 -0
package/dist/chunk-LY7JGDV7.js +6 -0
package/dist/chunk-LY7JGDV7.js.map +1 -0
package/dist/chunk-N67JZAXU.js +2 -0
package/dist/chunk-N67JZAXU.js.map +1 -0
package/dist/chunk-SR3X25TN.js +3 -0
package/dist/chunk-SR3X25TN.js.map +1 -0
package/dist/{chunk-7MBTMCKY.js → chunk-TRQSP67X.js} +2 -2
package/dist/chunk-U364GNQX.js +719 -0
package/dist/chunk-U364GNQX.js.map +1 -0
package/dist/chunk-VJUTQAPJ.js +2 -0
package/dist/chunk-VJUTQAPJ.js.map +1 -0
package/dist/{chunk-HI24KAEY.js → chunk-WJXU5F4Z.js} +3 -4
package/dist/{chunk-HI24KAEY.js.map → chunk-WJXU5F4Z.js.map} +1 -1
package/dist/{chunk-QZP65I2H.js → chunk-ZE2YFX4K.js} +2 -2
package/dist/cli.js +1 -320
package/dist/cli.js.map +1 -1
package/dist/{compaction-JBZZ7I7Y.js → compaction-S5H6DTOR.js} +6 -6
package/dist/compaction-S5H6DTOR.js.map +1 -0
package/dist/config-UOHEG4BW.js +2 -0
package/dist/config-mutator-KSEBWKJH.js +2 -0
package/dist/context-planner-2RGHJHSO.js +17 -0
package/dist/context-planner-2RGHJHSO.js.map +1 -0
package/dist/debug-TGAP7E7W.js +2 -0
package/dist/discover-OATU7SHI.js +4 -0
package/dist/discover-OATU7SHI.js.map +1 -0
package/dist/editor-chat-FUBQLMAQ.js +137 -0
package/dist/editor-chat-FUBQLMAQ.js.map +1 -0
package/dist/heal-YP7QI7D3.js +2 -0
package/dist/inbox-O5UB3YQN.js +315 -0
package/dist/inbox-O5UB3YQN.js.map +1 -0
package/dist/index.d.ts +3390 -1814
package/dist/index.js +23 -53
package/dist/index.js.map +1 -1
package/dist/ingest-whatsapp-C3O5UPBX.js +6 -0
package/dist/ingest-whatsapp-C3O5UPBX.js.map +1 -0
package/dist/loader-BGWA7IRY.js +2 -0
package/dist/loader-LBHKSXBK.js +2 -0
package/dist/memory-extract-KKPKAOPH.js +2 -0
package/dist/processes-7W27G3J3.js +256 -0
package/dist/processes-7W27G3J3.js.map +1 -0
package/dist/program-2MDELQLX.js +2 -0
package/dist/providers-WCQSKTNP.js +2 -0
package/dist/query-FZAL7AQD.js +2 -0
package/dist/recipes-LZ56TA3X.js +2 -0
package/dist/registry-ONJSILH4.js +2 -0
package/dist/scheduler-XRM2RJIV.js +2 -0
package/dist/slack-D27BE37Q.js +3 -0
package/dist/slack-D27BE37Q.js.map +1 -0
package/dist/store-4UCO56K2.js +2 -0
package/dist/store-4UCO56K2.js.map +1 -0
package/dist/{subagent-2SJHSSJS.js → subagent-EPOT3QDM.js} +2 -2
package/dist/task-store-3NUWLYRY.js +2 -0
package/dist/task-store-3NUWLYRY.js.map +1 -0
package/dist/telegram-UWV67KWG.js +3 -0
package/dist/telegram-UWV67KWG.js.map +1 -0
package/dist/timers-QB4KYNAE.js +2 -0
package/dist/timers-QB4KYNAE.js.map +1 -0
package/dist/types-ECMEC5BZ.js +2 -0
package/dist/types-ECMEC5BZ.js.map +1 -0
package/dist/types-TTB6DJUE.js +2 -0
package/dist/types-TTB6DJUE.js.map +1 -0
package/dist/usage-dashboard-FQGPPABD.js +803 -0
package/dist/usage-dashboard-FQGPPABD.js.map +1 -0
package/dist/web/workflow-editor.global.js +1450 -0
package/dist/web/workflow-editor.global.js.map +1 -0
package/dist/whatsapp-KJ2NRKKQ.js +3 -0
package/dist/whatsapp-KJ2NRKKQ.js.map +1 -0
package/dist/{whatsapp-state-6D6FHHD2.js → whatsapp-state-3ZVQ6MQD.js} +2 -2
package/dist/{wiki-UDPYFJBL.js → wiki-OUYKM7MB.js} +2 -2
package/dist/wiki-OUYKM7MB.js.map +1 -0
package/dist/workspace-setup-6GDBEORT.js +2 -0
package/dist/workspace-setup-6GDBEORT.js.map +1 -0
package/package.json +19 -2
package/dist/agent-BCDPSPKU.js +0 -2
package/dist/board-dashboard-LA7WW56M.js +0 -5668
package/dist/board-dashboard-LA7WW56M.js.map +0 -1
package/dist/chunk-6U2XOQHU.js +0 -7
package/dist/chunk-6U2XOQHU.js.map +0 -1
package/dist/chunk-7FJQGD6U.js +0 -6
package/dist/chunk-7FJQGD6U.js.map +0 -1
package/dist/chunk-ABDP7TDL.js +0 -71
package/dist/chunk-ABDP7TDL.js.map +0 -1
package/dist/chunk-CXY2RYNI.js +0 -11
package/dist/chunk-CXY2RYNI.js.map +0 -1
package/dist/chunk-FIOB3MEX.js +0 -2
package/dist/chunk-FLOGK2U7.js.map +0 -1
package/dist/chunk-HVC6FJNP.js +0 -108
package/dist/chunk-HVC6FJNP.js.map +0 -1
package/dist/chunk-K7BE4E35.js +0 -138
package/dist/chunk-K7BE4E35.js.map +0 -1
package/dist/chunk-KXJSLLSQ.js +0 -199
package/dist/chunk-KXJSLLSQ.js.map +0 -1
package/dist/chunk-KXZMYLHQ.js +0 -46
package/dist/chunk-KXZMYLHQ.js.map +0 -1
package/dist/chunk-M7HKBG3V.js +0 -2
package/dist/chunk-M7HKBG3V.js.map +0 -1
package/dist/chunk-MCJUAE6V.js +0 -6
package/dist/chunk-MCJUAE6V.js.map +0 -1
package/dist/chunk-RB7265LO.js +0 -12
package/dist/chunk-RB7265LO.js.map +0 -1
package/dist/chunk-YI2T5QYB.js +0 -5
package/dist/compaction-JBZZ7I7Y.js.map +0 -1
package/dist/config-LN6JEHMF.js +0 -2
package/dist/config-mutator-24TH7PHM.js +0 -2
package/dist/debug-3MEUO2P2.js +0 -2
package/dist/heal-WKY5I4KB.js +0 -2
package/dist/loader-PTCXLJEX.js +0 -2
package/dist/memory-extract-AD7KMRPC.js +0 -2
package/dist/providers-VUIWO3ZK.js +0 -2
package/dist/query-PKGYE5HR.js +0 -2
package/dist/registry-ASC2QS5K.js +0 -2
package/dist/scheduler-A3TQOCKT.js +0 -2
package/dist/types-OIFU3KSQ.js +0 -2
package/dist/usage-dashboard-QX3CF6KK.js +0 -404
package/dist/usage-dashboard-QX3CF6KK.js.map +0 -1
package/dist/workspace-setup-ZWTT42XT.js +0 -2
/package/dist/{agent-BCDPSPKU.js.map → agent-RDVGL2TW.js.map} +0 -0
/package/dist/{chunk-FIOB3MEX.js.map → chunk-HPDHNIA3.js.map} +0 -0
/package/dist/{chunk-7MBTMCKY.js.map → chunk-TRQSP67X.js.map} +0 -0
/package/dist/{chunk-QZP65I2H.js.map → chunk-ZE2YFX4K.js.map} +0 -0
/package/dist/{config-LN6JEHMF.js.map → config-UOHEG4BW.js.map} +0 -0
/package/dist/{config-mutator-24TH7PHM.js.map → config-mutator-KSEBWKJH.js.map} +0 -0
/package/dist/{debug-3MEUO2P2.js.map → debug-TGAP7E7W.js.map} +0 -0
/package/dist/{heal-WKY5I4KB.js.map → heal-YP7QI7D3.js.map} +0 -0
/package/dist/{loader-PTCXLJEX.js.map → loader-BGWA7IRY.js.map} +0 -0
/package/dist/{memory-extract-AD7KMRPC.js.map → loader-LBHKSXBK.js.map} +0 -0
/package/dist/{providers-VUIWO3ZK.js.map → memory-extract-KKPKAOPH.js.map} +0 -0
/package/dist/{query-PKGYE5HR.js.map → program-2MDELQLX.js.map} +0 -0
/package/dist/{registry-ASC2QS5K.js.map → providers-WCQSKTNP.js.map} +0 -0
/package/dist/{scheduler-A3TQOCKT.js.map → query-FZAL7AQD.js.map} +0 -0
/package/dist/{types-OIFU3KSQ.js.map → recipes-LZ56TA3X.js.map} +0 -0
/package/dist/{wiki-UDPYFJBL.js.map → registry-ONJSILH4.js.map} +0 -0
/package/dist/{workspace-setup-ZWTT42XT.js.map → scheduler-XRM2RJIV.js.map} +0 -0
/package/dist/{subagent-2SJHSSJS.js.map → subagent-EPOT3QDM.js.map} +0 -0
/package/dist/{whatsapp-state-6D6FHHD2.js.map → whatsapp-state-3ZVQ6MQD.js.map} +0 -0

package/dist/usage-dashboard-QX3CF6KK.js DELETED Viewed

@@ -1,404 +0,0 @@
-import{a as p}from"./chunk-CXY2RYNI.js";import"./chunk-FIOB3MEX.js";import{createServer as w}from"http";import{readdirSync as k}from"fs";function T(s=4201){let n=new p;w(async(i,e)=>{let t=new URL(i.url||"/",`http://localhost:${s}`),o=t.pathname;if(e.setHeader("Access-Control-Allow-Origin","*"),o==="/api/usage"){let c=t.searchParams.get("from")||"",r=t.searchParams.get("to")||"",l=R(n,c,r);e.writeHead(200,{"Content-Type":"application/json"}),e.end(JSON.stringify(l));return}e.writeHead(200,{"Content-Type":"text/html; charset=utf-8"}),e.end(S())}).listen(s,()=>{console.log(`
-  Usage dashboard: http://localhost:${s}
-`)})}function R(s,n,d){let i=s.dir,e=[];try{for(let t of k(i)){if(!t.endsWith(".json"))continue;let o=t.replace(".json","");n&&o<n||d&&o>d||e.push(o)}}catch{return[]}return e.sort(),e.map(t=>{let o=s.getDate(t);if(!o)return null;let c=0,r=0,l=0,h=0,u=0,f=0,x={};for(let[C,a]of Object.entries(o.agents)){let m=p.calculateCost(a),g=(a.inputTokens||0)+(a.tier2InputTokens||0),b=(a.outputTokens||0)+(a.tier2OutputTokens||0),v=(a.cacheReadTokens||0)+(a.tier2CacheReadTokens||0),y=(a.cacheCreateTokens||0)+(a.tier2CacheCreateTokens||0);c+=a.tasks,r+=g,l+=b,h+=v,u+=y,f+=m,x[C]={tasks:a.tasks,cost:m,input:g,output:b,cacheRead:v,cacheCreate:y,model:a.model}}return{date:t,tasks:c,input:r,output:l,cacheRead:h,cacheCreate:u,cost:f,agents:x}}).filter(t=>t!==null&&t.tasks>0)}function S(){return`<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>AgentX Usage Dashboard</title>
-<style>${D}</style>
-</head>
-<body>
-<div class="header">
-  <h1>AgentX Usage Dashboard</h1>
-  <div class="filters">
-    <label>From <input type="date" id="from"></label>
-    <label>To <input type="date" id="to"></label>
-    <button onclick="load()">Apply</button>
-    <button onclick="setRange(7)">7d</button>
-    <button onclick="setRange(14)">14d</button>
-    <button onclick="setRange(30)">30d</button>
-    <button onclick="setRange(0)">All</button>
-  </div>
-</div>
-<div class="stats" id="stats"></div>
-<div class="grid">
-  <div class="card">
-    <h2>Cost Over Time</h2>
-    <canvas id="costChart" height="260"></canvas>
-  </div>
-  <div class="card">
-    <h2>Tokens Over Time</h2>
-    <canvas id="tokenChart" height="260"></canvas>
-  </div>
-</div>
-<div class="grid">
-  <div class="card">
-    <h2>Cost Per Agent</h2>
-    <canvas id="agentChart" height="260"></canvas>
-  </div>
-  <div class="card">
-    <h2>Token Breakdown</h2>
-    <canvas id="breakdownChart" height="260"></canvas>
-  </div>
-</div>
-<div class="card">
-  <h2>Daily Detail</h2>
-  <table id="table">
-    <thead>
-      <tr><th>Date</th><th>Tasks</th><th>Input</th><th>Output</th><th>Cache R</th><th>Cache W</th><th>Cost</th><th>Top Agent</th></tr>
-    </thead>
-    <tbody></tbody>
-  </table>
-</div>
-<script>${O}</script>
-</body>
-</html>`}var D=`
-:root {
-  --bg: #0f1117;
-  --card: #1a1d27;
-  --border: #2a2d3a;
-  --text: #e1e4ed;
-  --muted: #8b8fa3;
-  --accent: #6366f1;
-  --green: #22c55e;
-  --orange: #f59e0b;
-  --red: #ef4444;
-  --blue: #3b82f6;
-  --purple: #a855f7;
-  --cyan: #06b6d4;
-}
-* { margin: 0; padding: 0; box-sizing: border-box; }
-body { background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; padding: 24px; }
-.header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; flex-wrap: wrap; gap: 12px; }
-h1 { font-size: 20px; font-weight: 600; }
-h2 { font-size: 14px; font-weight: 500; color: var(--muted); margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.5px; }
-.filters { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
-.filters label { font-size: 13px; color: var(--muted); }
-.filters input { background: var(--card); border: 1px solid var(--border); color: var(--text); padding: 6px 10px; border-radius: 6px; font-size: 13px; }
-.filters button { background: var(--card); border: 1px solid var(--border); color: var(--text); padding: 6px 14px; border-radius: 6px; cursor: pointer; font-size: 13px; transition: background 0.15s; }
-.filters button:hover { background: var(--accent); border-color: var(--accent); }
-.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-bottom: 24px; }
-.stat { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 16px; }
-.stat .value { font-size: 24px; font-weight: 700; margin-bottom: 4px; }
-.stat .label { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; }
-.stat .delta { font-size: 12px; margin-top: 4px; }
-.stat .delta.up { color: var(--red); }
-.stat .delta.down { color: var(--green); }
-.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
-@media (max-width: 900px) { .grid { grid-template-columns: 1fr; } }
-.card { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 20px; }
-canvas { width: 100% !important; }
-table { width: 100%; border-collapse: collapse; font-size: 13px; }
-th { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--border); color: var(--muted); font-weight: 500; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; }
-td { padding: 8px 12px; border-bottom: 1px solid var(--border); }
-tr:hover td { background: rgba(99, 102, 241, 0.05); }
-.cost { color: var(--accent); font-weight: 600; font-variant-numeric: tabular-nums; }
-.tok { font-variant-numeric: tabular-nums; }
-`,O=`
-let data = [];
-function fmtTok(n) {
-  if (n >= 1e6) return (n/1e6).toFixed(1) + 'M';
-  if (n >= 1e3) return (n/1e3).toFixed(0) + 'K';
-  return String(n);
-}
-function fmtCost(n) { return n < 0.01 ? '$' + n.toFixed(4) : '$' + n.toFixed(2); }
-function setRange(days) {
-  if (days === 0) {
-    document.getElementById('from').value = '';
-    document.getElementById('to').value = '';
-  } else {
-    const to = new Date();
-    const from = new Date(Date.now() - days * 86400000);
-    document.getElementById('from').value = from.toISOString().slice(0,10);
-    document.getElementById('to').value = to.toISOString().slice(0,10);
-  }
-  load();
-}
-async function load() {
-  const from = document.getElementById('from').value;
-  const to = document.getElementById('to').value;
-  const params = new URLSearchParams();
-  if (from) params.set('from', from);
-  if (to) params.set('to', to);
-  const res = await fetch('/api/usage?' + params);
-  data = await res.json();
-  render();
-}
-function render() {
-  renderStats();
-  renderCostChart();
-  renderTokenChart();
-  renderAgentChart();
-  renderBreakdownChart();
-  renderTable();
-}
-function renderStats() {
-  const el = document.getElementById('stats');
-  const totalCost = data.reduce((s,d) => s + d.cost, 0);
-  const totalTasks = data.reduce((s,d) => s + d.tasks, 0);
-  const totalInput = data.reduce((s,d) => s + d.input, 0);
-  const totalOutput = data.reduce((s,d) => s + d.output, 0);
-  const totalCacheR = data.reduce((s,d) => s + d.cacheRead, 0);
-  const totalCacheW = data.reduce((s,d) => s + d.cacheCreate, 0);
-  const cacheRatio = (totalCacheR + totalCacheW) > 0 ? (totalCacheR / (totalCacheR + totalCacheW) * 100).toFixed(0) : '0';
-  const avgDaily = data.length > 0 ? totalCost / data.length : 0;
-  // Delta: compare last day vs previous
-  let delta = '';
-  if (data.length >= 2) {
-    const last = data[data.length-1].cost;
-    const prev = data[data.length-2].cost;
-    if (prev > 0) {
-      const pct = ((last - prev) / prev * 100).toFixed(0);
-      const cls = last > prev ? 'up' : 'down';
-      const arrow = last > prev ? '\\u2191' : '\\u2193';
-      delta = '<div class="delta ' + cls + '">' + arrow + ' ' + Math.abs(pct) + '% vs prev day</div>';
-    }
-  }
-  el.innerHTML =
-    stat(fmtCost(totalCost), 'Total Cost', delta) +
-    stat(fmtCost(avgDaily), 'Avg Daily Cost', '') +
-    stat(totalTasks.toLocaleString(), 'Total Tasks', '') +
-    stat(fmtTok(totalInput + totalOutput), 'Tokens (I/O)', '') +
-    stat(fmtTok(totalCacheR), 'Cache Reads', '') +
-    stat(cacheRatio + '%', 'Cache Hit Rate', '') +
-    stat(data.length.toString(), 'Days Tracked', '');
-}
-function stat(value, label, extra) {
-  return '<div class="stat"><div class="value">' + value + '</div><div class="label">' + label + '</div>' + extra + '</div>';
-}
-// --- Canvas chart helpers ---
-function drawLine(ctx, points, w, h, color, fill) {
-  if (points.length < 2) return;
-  const max = Math.max(...points, 0.001);
-  const pad = { t: 10, r: 10, b: 30, l: 50 };
-  const cw = w - pad.l - pad.r;
-  const ch = h - pad.t - pad.b;
-  ctx.strokeStyle = color;
-  ctx.lineWidth = 2;
-  ctx.beginPath();
-  points.forEach((v, i) => {
-    const x = pad.l + (i / (points.length - 1)) * cw;
-    const y = pad.t + ch - (v / max) * ch;
-    i === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);
-  });
-  ctx.stroke();
-  if (fill) {
-    ctx.lineTo(pad.l + cw, pad.t + ch);
-    ctx.lineTo(pad.l, pad.t + ch);
-    ctx.closePath();
-    ctx.fillStyle = fill;
-    ctx.fill();
-  }
-  // Y axis labels
-  ctx.fillStyle = '#8b8fa3';
-  ctx.font = '11px -apple-system, sans-serif';
-  ctx.textAlign = 'right';
-  for (let i = 0; i <= 4; i++) {
-    const v = (max / 4) * i;
-    const y = pad.t + ch - (i / 4) * ch;
-    ctx.fillText(v >= 1000 ? fmtTok(v) : v < 0.01 ? v.toFixed(4) : v.toFixed(2), pad.l - 6, y + 4);
-    ctx.strokeStyle = '#2a2d3a';
-    ctx.lineWidth = 0.5;
-    ctx.beginPath(); ctx.moveTo(pad.l, y); ctx.lineTo(pad.l + cw, y); ctx.stroke();
-  }
-  // X axis labels (first, middle, last)
-  ctx.fillStyle = '#8b8fa3';
-  ctx.textAlign = 'center';
-  if (data.length > 0) {
-    const labels = [0, Math.floor(data.length/2), data.length-1];
-    labels.forEach(i => {
-      if (i < data.length) {
-        const x = pad.l + (i / (points.length - 1)) * cw;
-        ctx.fillText(data[i].date.slice(5), x, pad.t + ch + 18);
-      }
-    });
-  }
-}
-function drawBars(ctx, items, w, h, colors) {
-  if (items.length === 0) return;
-  const max = Math.max(...items.map(i => i.value), 0.001);
-  const pad = { t: 10, r: 10, b: 60, l: 60 };
-  const cw = w - pad.l - pad.r;
-  const ch = h - pad.t - pad.b;
-  const barW = Math.min(40, (cw / items.length) * 0.7);
-  const gap = cw / items.length;
-  items.forEach((item, i) => {
-    const barH = (item.value / max) * ch;
-    const x = pad.l + i * gap + (gap - barW) / 2;
-    const y = pad.t + ch - barH;
-    ctx.fillStyle = colors[i % colors.length];
-    ctx.beginPath();
-    ctx.roundRect(x, y, barW, barH, 3);
-    ctx.fill();
-    // Label
-    ctx.fillStyle = '#8b8fa3';
-    ctx.font = '11px -apple-system, sans-serif';
-    ctx.textAlign = 'center';
-    ctx.save();
-    ctx.translate(x + barW/2, pad.t + ch + 12);
-    ctx.rotate(-0.4);
-    ctx.fillText(item.label.length > 14 ? item.label.slice(0,12) + '..' : item.label, 0, 0);
-    ctx.restore();
-    // Value on top
-    ctx.fillStyle = '#e1e4ed';
-    ctx.textAlign = 'center';
-    ctx.fillText(item.fmt, x + barW/2, y - 6);
-  });
-}
-function drawStacked(ctx, series, labels, w, h, colors) {
-  if (labels.length === 0) return;
-  const pad = { t: 10, r: 10, b: 30, l: 50 };
-  const cw = w - pad.l - pad.r;
-  const ch = h - pad.t - pad.b;
-  // Calculate totals for max
-  const totals = labels.map((_, i) => series.reduce((s, sr) => s + sr.values[i], 0));
-  const max = Math.max(...totals, 1);
-  const barW = Math.min(30, (cw / labels.length) * 0.7);
-  const gap = cw / labels.length;
-  labels.forEach((_, li) => {
-    let yOffset = 0;
-    series.forEach((sr, si) => {
-      const val = sr.values[li];
-      const barH = (val / max) * ch;
-      const x = pad.l + li * gap + (gap - barW) / 2;
-      const y = pad.t + ch - yOffset - barH;
-      ctx.fillStyle = colors[si % colors.length];
-      ctx.fillRect(x, y, barW, barH);
-      yOffset += barH;
-    });
-  });
-  // Legend
-  ctx.font = '11px -apple-system, sans-serif';
-  series.forEach((sr, i) => {
-    const x = pad.l + i * 100;
-    ctx.fillStyle = colors[i % colors.length];
-    ctx.fillRect(x, h - 16, 10, 10);
-    ctx.fillStyle = '#8b8fa3';
-    ctx.textAlign = 'left';
-    ctx.fillText(sr.name, x + 14, h - 7);
-  });
-  // X axis
-  ctx.fillStyle = '#8b8fa3';
-  ctx.textAlign = 'center';
-  if (data.length > 0) {
-    [0, Math.floor(labels.length/2), labels.length-1].forEach(i => {
-      if (i < labels.length) {
-        const x = pad.l + (i / Math.max(labels.length-1,1)) * cw;
-        ctx.fillText(labels[i].slice(5), x, pad.t + ch + 18);
-      }
-    });
-  }
-}
-function setupCanvas(id) {
-  const canvas = document.getElementById(id);
-  const dpr = window.devicePixelRatio || 1;
-  const rect = canvas.parentElement.getBoundingClientRect();
-  const w = rect.width - 40; // account for card padding
-  const h = canvas.height;
-  canvas.width = w * dpr;
-  canvas.height = h * dpr;
-  canvas.style.width = w + 'px';
-  canvas.style.height = h + 'px';
-  const ctx = canvas.getContext('2d');
-  ctx.scale(dpr, dpr);
-  ctx.clearRect(0, 0, w, h);
-  return { ctx, w, h };
-}
-function renderCostChart() {
-  const { ctx, w, h } = setupCanvas('costChart');
-  const points = data.map(d => d.cost);
-  drawLine(ctx, points, w, h, '#6366f1', 'rgba(99,102,241,0.1)');
-}
-function renderTokenChart() {
-  const { ctx, w, h } = setupCanvas('tokenChart');
-  const labels = data.map(d => d.date);
-  drawStacked(ctx, [
-    { name: 'Input', values: data.map(d => d.input) },
-    { name: 'Output', values: data.map(d => d.output) },
-    { name: 'Cache R', values: data.map(d => d.cacheRead) },
-    { name: 'Cache W', values: data.map(d => d.cacheCreate) },
-  ], labels, w, h, ['#3b82f6', '#22c55e', '#06b6d4', '#f59e0b']);
-}
-function renderAgentChart() {
-  const { ctx, w, h } = setupCanvas('agentChart');
-  const agentTotals = {};
-  data.forEach(d => {
-    for (const [id, a] of Object.entries(d.agents)) {
-      agentTotals[id] = (agentTotals[id] || 0) + a.cost;
-    }
-  });
-  const items = Object.entries(agentTotals)
-    .sort(([,a],[,b]) => b - a)
-    .slice(0, 10)
-    .map(([id, cost]) => ({ label: id, value: cost, fmt: fmtCost(cost) }));
-  drawBars(ctx, items, w, h, ['#6366f1','#3b82f6','#06b6d4','#22c55e','#f59e0b','#ef4444','#a855f7','#ec4899']);
-}
-function renderBreakdownChart() {
-  const { ctx, w, h } = setupCanvas('breakdownChart');
-  const totals = { input: 0, output: 0, cacheRead: 0, cacheCreate: 0 };
-  data.forEach(d => { totals.input += d.input; totals.output += d.output; totals.cacheRead += d.cacheRead; totals.cacheCreate += d.cacheCreate; });
-  const items = [
-    { label: 'Input', value: totals.input, fmt: fmtTok(totals.input) },
-    { label: 'Output', value: totals.output, fmt: fmtTok(totals.output) },
-    { label: 'Cache Read', value: totals.cacheRead, fmt: fmtTok(totals.cacheRead) },
-    { label: 'Cache Write', value: totals.cacheCreate, fmt: fmtTok(totals.cacheCreate) },
-  ];
-  drawBars(ctx, items, w, h, ['#3b82f6','#22c55e','#06b6d4','#f59e0b']);
-}
-function renderTable() {
-  const tbody = document.querySelector('#table tbody');
-  tbody.innerHTML = data.slice().reverse().map(d => {
-    const top = Object.entries(d.agents).sort(([,a],[,b]) => b.cost - a.cost)[0];
-    const topStr = top ? top[0] + ' (' + fmtCost(top[1].cost) + ')' : '-';
-    return '<tr>' +
-      '<td>' + d.date + '</td>' +
-      '<td>' + d.tasks + '</td>' +
-      '<td class="tok">' + fmtTok(d.input) + '</td>' +
-      '<td class="tok">' + fmtTok(d.output) + '</td>' +
-      '<td class="tok">' + fmtTok(d.cacheRead) + '</td>' +
-      '<td class="tok">' + fmtTok(d.cacheCreate) + '</td>' +
-      '<td class="cost">' + fmtCost(d.cost) + '</td>' +
-      '<td>' + topStr + '</td>' +
-      '</tr>';
-  }).join('');
-}
-// Auto-load last 30 days
-setRange(30);
-`,W=T;export{W as default,T as startUsageDashboard};
-//# sourceMappingURL=usage-dashboard-QX3CF6KK.js.map

package/dist/usage-dashboard-QX3CF6KK.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/daemon/usage-dashboard.ts"],"sourcesContent":["import { createServer } from \"http\"\nimport { readdirSync } from \"fs\"\nimport { TokenTracker, type DailyUsage, type AgentUsage, type DailyReport } from \"./token-tracker\"\n\n// --- Usage Dashboard: zero-dep web UI for token cost tracking ---\n\nexport function startUsageDashboard(port: number = 4201): void {\n const tracker = new TokenTracker()\n\n const server = createServer(async (req, res) => {\n const url = new URL(req.url || \"/\", `http://localhost:${port}`)\n const path = url.pathname\n\n res.setHeader(\"Access-Control-Allow-Origin\", \"*\")\n\n if (path === \"/api/usage\") {\n const from = url.searchParams.get(\"from\") || \"\"\n const to = url.searchParams.get(\"to\") || \"\"\n const data = loadUsageRange(tracker, from, to)\n res.writeHead(200, { \"Content-Type\": \"application/json\" })\n res.end(JSON.stringify(data))\n return\n }\n\n res.writeHead(200, { \"Content-Type\": \"text/html; charset=utf-8\" })\n res.end(renderDashboard())\n })\n\n server.listen(port, () => {\n console.log(`\\n Usage dashboard: http://localhost:${port}\\n`)\n })\n}\n\n// --- Data loading ---\n\ninterface UsageDay {\n date: string\n tasks: number\n input: number\n output: number\n cacheRead: number\n cacheCreate: number\n cost: number\n agents: Record<string, { tasks: number; cost: number; input: number; output: number; cacheRead: number; cacheCreate: number; model?: string }>\n}\n\nfunction loadUsageRange(tracker: TokenTracker, from: string, to: string): UsageDay[] {\n const dir = tracker[\"dir\"] // access private dir for file listing\n const files: string[] = []\n\n try {\n for (const f of readdirSync(dir)) {\n if (!f.endsWith(\".json\")) continue\n const date = f.replace(\".json\", \"\")\n if (from && date < from) continue\n if (to && date > to) continue\n files.push(date)\n }\n } catch {\n return []\n }\n\n files.sort()\n\n return files.map((date) => {\n const usage = tracker.getDate(date)\n if (!usage) return null\n\n let tasks = 0, input = 0, output = 0, cacheRead = 0, cacheCreate = 0, cost = 0\n const agents: UsageDay[\"agents\"] = {}\n\n for (const [id, agent] of Object.entries(usage.agents)) {\n const agentCost = TokenTracker.calculateCost(agent)\n // Token displays sum tier1 + tier2 so operators see the REAL volume\n // they paid for. Tier2 tokens (from requests >200K input) are billed\n // at 1.5×, but they're still tokens processed — hiding them made\n // low-display/high-cost days look inconsistent on the dashboard.\n const aInput = (agent.inputTokens || 0) + (agent.tier2InputTokens || 0)\n const aOutput = (agent.outputTokens || 0) + (agent.tier2OutputTokens || 0)\n const aCacheRead = (agent.cacheReadTokens || 0) + (agent.tier2CacheReadTokens || 0)\n const aCacheCreate = (agent.cacheCreateTokens || 0) + (agent.tier2CacheCreateTokens || 0)\n tasks += agent.tasks\n input += aInput\n output += aOutput\n cacheRead += aCacheRead\n cacheCreate += aCacheCreate\n cost += agentCost\n agents[id] = {\n tasks: agent.tasks,\n cost: agentCost,\n input: aInput,\n output: aOutput,\n cacheRead: aCacheRead,\n cacheCreate: aCacheCreate,\n model: agent.model,\n }\n }\n\n return { date, tasks, input, output, cacheRead, cacheCreate, cost, agents }\n }).filter((d): d is UsageDay => d !== null && d.tasks > 0)\n}\n\n// --- HTML rendering ---\n\nfunction renderDashboard(): string {\n return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>AgentX Usage Dashboard</title>\n<style>${CSS}</style>\n</head>\n<body>\n<div class=\"header\">\n <h1>AgentX Usage Dashboard</h1>\n <div class=\"filters\">\n <label>From <input type=\"date\" id=\"from\"></label>\n <label>To <input type=\"date\" id=\"to\"></label>\n <button onclick=\"load()\">Apply</button>\n <button onclick=\"setRange(7)\">7d</button>\n <button onclick=\"setRange(14)\">14d</button>\n <button onclick=\"setRange(30)\">30d</button>\n <button onclick=\"setRange(0)\">All</button>\n </div>\n</div>\n\n<div class=\"stats\" id=\"stats\"></div>\n\n<div class=\"grid\">\n <div class=\"card\">\n <h2>Cost Over Time</h2>\n <canvas id=\"costChart\" height=\"260\"></canvas>\n </div>\n <div class=\"card\">\n <h2>Tokens Over Time</h2>\n <canvas id=\"tokenChart\" height=\"260\"></canvas>\n </div>\n</div>\n\n<div class=\"grid\">\n <div class=\"card\">\n <h2>Cost Per Agent</h2>\n <canvas id=\"agentChart\" height=\"260\"></canvas>\n </div>\n <div class=\"card\">\n <h2>Token Breakdown</h2>\n <canvas id=\"breakdownChart\" height=\"260\"></canvas>\n </div>\n</div>\n\n<div class=\"card\">\n <h2>Daily Detail</h2>\n <table id=\"table\">\n <thead>\n <tr><th>Date</th><th>Tasks</th><th>Input</th><th>Output</th><th>Cache R</th><th>Cache W</th><th>Cost</th><th>Top Agent</th></tr>\n </thead>\n <tbody></tbody>\n </table>\n</div>\n\n<script>${JS}</script>\n</body>\n</html>`\n}\n\n// --- Embedded CSS ---\n\nconst CSS = `\n:root {\n --bg: #0f1117;\n --card: #1a1d27;\n --border: #2a2d3a;\n --text: #e1e4ed;\n --muted: #8b8fa3;\n --accent: #6366f1;\n --green: #22c55e;\n --orange: #f59e0b;\n --red: #ef4444;\n --blue: #3b82f6;\n --purple: #a855f7;\n --cyan: #06b6d4;\n}\n* { margin: 0; padding: 0; box-sizing: border-box; }\nbody { background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; padding: 24px; }\n.header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; flex-wrap: wrap; gap: 12px; }\nh1 { font-size: 20px; font-weight: 600; }\nh2 { font-size: 14px; font-weight: 500; color: var(--muted); margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.5px; }\n.filters { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }\n.filters label { font-size: 13px; color: var(--muted); }\n.filters input { background: var(--card); border: 1px solid var(--border); color: var(--text); padding: 6px 10px; border-radius: 6px; font-size: 13px; }\n.filters button { background: var(--card); border: 1px solid var(--border); color: var(--text); padding: 6px 14px; border-radius: 6px; cursor: pointer; font-size: 13px; transition: background 0.15s; }\n.filters button:hover { background: var(--accent); border-color: var(--accent); }\n.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-bottom: 24px; }\n.stat { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 16px; }\n.stat .value { font-size: 24px; font-weight: 700; margin-bottom: 4px; }\n.stat .label { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; }\n.stat .delta { font-size: 12px; margin-top: 4px; }\n.stat .delta.up { color: var(--red); }\n.stat .delta.down { color: var(--green); }\n.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }\n@media (max-width: 900px) { .grid { grid-template-columns: 1fr; } }\n.card { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 20px; }\ncanvas { width: 100% !important; }\ntable { width: 100%; border-collapse: collapse; font-size: 13px; }\nth { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--border); color: var(--muted); font-weight: 500; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; }\ntd { padding: 8px 12px; border-bottom: 1px solid var(--border); }\ntr:hover td { background: rgba(99, 102, 241, 0.05); }\n.cost { color: var(--accent); font-weight: 600; font-variant-numeric: tabular-nums; }\n.tok { font-variant-numeric: tabular-nums; }\n`\n\n// --- Embedded JavaScript ---\n\nconst JS = `\nlet data = [];\n\nfunction fmtTok(n) {\n if (n >= 1e6) return (n/1e6).toFixed(1) + 'M';\n if (n >= 1e3) return (n/1e3).toFixed(0) + 'K';\n return String(n);\n}\nfunction fmtCost(n) { return n < 0.01 ? '$' + n.toFixed(4) : '$' + n.toFixed(2); }\n\nfunction setRange(days) {\n if (days === 0) {\n document.getElementById('from').value = '';\n document.getElementById('to').value = '';\n } else {\n const to = new Date();\n const from = new Date(Date.now() - days * 86400000);\n document.getElementById('from').value = from.toISOString().slice(0,10);\n document.getElementById('to').value = to.toISOString().slice(0,10);\n }\n load();\n}\n\nasync function load() {\n const from = document.getElementById('from').value;\n const to = document.getElementById('to').value;\n const params = new URLSearchParams();\n if (from) params.set('from', from);\n if (to) params.set('to', to);\n const res = await fetch('/api/usage?' + params);\n data = await res.json();\n render();\n}\n\nfunction render() {\n renderStats();\n renderCostChart();\n renderTokenChart();\n renderAgentChart();\n renderBreakdownChart();\n renderTable();\n}\n\nfunction renderStats() {\n const el = document.getElementById('stats');\n const totalCost = data.reduce((s,d) => s + d.cost, 0);\n const totalTasks = data.reduce((s,d) => s + d.tasks, 0);\n const totalInput = data.reduce((s,d) => s + d.input, 0);\n const totalOutput = data.reduce((s,d) => s + d.output, 0);\n const totalCacheR = data.reduce((s,d) => s + d.cacheRead, 0);\n const totalCacheW = data.reduce((s,d) => s + d.cacheCreate, 0);\n const cacheRatio = (totalCacheR + totalCacheW) > 0 ? (totalCacheR / (totalCacheR + totalCacheW) * 100).toFixed(0) : '0';\n const avgDaily = data.length > 0 ? totalCost / data.length : 0;\n\n // Delta: compare last day vs previous\n let delta = '';\n if (data.length >= 2) {\n const last = data[data.length-1].cost;\n const prev = data[data.length-2].cost;\n if (prev > 0) {\n const pct = ((last - prev) / prev * 100).toFixed(0);\n const cls = last > prev ? 'up' : 'down';\n const arrow = last > prev ? '\\\\u2191' : '\\\\u2193';\n delta = '<div class=\"delta ' + cls + '\">' + arrow + ' ' + Math.abs(pct) + '% vs prev day</div>';\n }\n }\n\n el.innerHTML =\n stat(fmtCost(totalCost), 'Total Cost', delta) +\n stat(fmtCost(avgDaily), 'Avg Daily Cost', '') +\n stat(totalTasks.toLocaleString(), 'Total Tasks', '') +\n stat(fmtTok(totalInput + totalOutput), 'Tokens (I/O)', '') +\n stat(fmtTok(totalCacheR), 'Cache Reads', '') +\n stat(cacheRatio + '%', 'Cache Hit Rate', '') +\n stat(data.length.toString(), 'Days Tracked', '');\n}\n\nfunction stat(value, label, extra) {\n return '<div class=\"stat\"><div class=\"value\">' + value + '</div><div class=\"label\">' + label + '</div>' + extra + '</div>';\n}\n\n// --- Canvas chart helpers ---\nfunction drawLine(ctx, points, w, h, color, fill) {\n if (points.length < 2) return;\n const max = Math.max(...points, 0.001);\n const pad = { t: 10, r: 10, b: 30, l: 50 };\n const cw = w - pad.l - pad.r;\n const ch = h - pad.t - pad.b;\n\n ctx.strokeStyle = color;\n ctx.lineWidth = 2;\n ctx.beginPath();\n points.forEach((v, i) => {\n const x = pad.l + (i / (points.length - 1)) * cw;\n const y = pad.t + ch - (v / max) * ch;\n i === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);\n });\n ctx.stroke();\n\n if (fill) {\n ctx.lineTo(pad.l + cw, pad.t + ch);\n ctx.lineTo(pad.l, pad.t + ch);\n ctx.closePath();\n ctx.fillStyle = fill;\n ctx.fill();\n }\n\n // Y axis labels\n ctx.fillStyle = '#8b8fa3';\n ctx.font = '11px -apple-system, sans-serif';\n ctx.textAlign = 'right';\n for (let i = 0; i <= 4; i++) {\n const v = (max / 4) * i;\n const y = pad.t + ch - (i / 4) * ch;\n ctx.fillText(v >= 1000 ? fmtTok(v) : v < 0.01 ? v.toFixed(4) : v.toFixed(2), pad.l - 6, y + 4);\n ctx.strokeStyle = '#2a2d3a';\n ctx.lineWidth = 0.5;\n ctx.beginPath(); ctx.moveTo(pad.l, y); ctx.lineTo(pad.l + cw, y); ctx.stroke();\n }\n\n // X axis labels (first, middle, last)\n ctx.fillStyle = '#8b8fa3';\n ctx.textAlign = 'center';\n if (data.length > 0) {\n const labels = [0, Math.floor(data.length/2), data.length-1];\n labels.forEach(i => {\n if (i < data.length) {\n const x = pad.l + (i / (points.length - 1)) * cw;\n ctx.fillText(data[i].date.slice(5), x, pad.t + ch + 18);\n }\n });\n }\n}\n\nfunction drawBars(ctx, items, w, h, colors) {\n if (items.length === 0) return;\n const max = Math.max(...items.map(i => i.value), 0.001);\n const pad = { t: 10, r: 10, b: 60, l: 60 };\n const cw = w - pad.l - pad.r;\n const ch = h - pad.t - pad.b;\n const barW = Math.min(40, (cw / items.length) * 0.7);\n const gap = cw / items.length;\n\n items.forEach((item, i) => {\n const barH = (item.value / max) * ch;\n const x = pad.l + i * gap + (gap - barW) / 2;\n const y = pad.t + ch - barH;\n ctx.fillStyle = colors[i % colors.length];\n ctx.beginPath();\n ctx.roundRect(x, y, barW, barH, 3);\n ctx.fill();\n\n // Label\n ctx.fillStyle = '#8b8fa3';\n ctx.font = '11px -apple-system, sans-serif';\n ctx.textAlign = 'center';\n ctx.save();\n ctx.translate(x + barW/2, pad.t + ch + 12);\n ctx.rotate(-0.4);\n ctx.fillText(item.label.length > 14 ? item.label.slice(0,12) + '..' : item.label, 0, 0);\n ctx.restore();\n\n // Value on top\n ctx.fillStyle = '#e1e4ed';\n ctx.textAlign = 'center';\n ctx.fillText(item.fmt, x + barW/2, y - 6);\n });\n}\n\nfunction drawStacked(ctx, series, labels, w, h, colors) {\n if (labels.length === 0) return;\n const pad = { t: 10, r: 10, b: 30, l: 50 };\n const cw = w - pad.l - pad.r;\n const ch = h - pad.t - pad.b;\n\n // Calculate totals for max\n const totals = labels.map((_, i) => series.reduce((s, sr) => s + sr.values[i], 0));\n const max = Math.max(...totals, 1);\n\n const barW = Math.min(30, (cw / labels.length) * 0.7);\n const gap = cw / labels.length;\n\n labels.forEach((_, li) => {\n let yOffset = 0;\n series.forEach((sr, si) => {\n const val = sr.values[li];\n const barH = (val / max) * ch;\n const x = pad.l + li * gap + (gap - barW) / 2;\n const y = pad.t + ch - yOffset - barH;\n ctx.fillStyle = colors[si % colors.length];\n ctx.fillRect(x, y, barW, barH);\n yOffset += barH;\n });\n });\n\n // Legend\n ctx.font = '11px -apple-system, sans-serif';\n series.forEach((sr, i) => {\n const x = pad.l + i * 100;\n ctx.fillStyle = colors[i % colors.length];\n ctx.fillRect(x, h - 16, 10, 10);\n ctx.fillStyle = '#8b8fa3';\n ctx.textAlign = 'left';\n ctx.fillText(sr.name, x + 14, h - 7);\n });\n\n // X axis\n ctx.fillStyle = '#8b8fa3';\n ctx.textAlign = 'center';\n if (data.length > 0) {\n [0, Math.floor(labels.length/2), labels.length-1].forEach(i => {\n if (i < labels.length) {\n const x = pad.l + (i / Math.max(labels.length-1,1)) * cw;\n ctx.fillText(labels[i].slice(5), x, pad.t + ch + 18);\n }\n });\n }\n}\n\nfunction setupCanvas(id) {\n const canvas = document.getElementById(id);\n const dpr = window.devicePixelRatio || 1;\n const rect = canvas.parentElement.getBoundingClientRect();\n const w = rect.width - 40; // account for card padding\n const h = canvas.height;\n canvas.width = w * dpr;\n canvas.height = h * dpr;\n canvas.style.width = w + 'px';\n canvas.style.height = h + 'px';\n const ctx = canvas.getContext('2d');\n ctx.scale(dpr, dpr);\n ctx.clearRect(0, 0, w, h);\n return { ctx, w, h };\n}\n\nfunction renderCostChart() {\n const { ctx, w, h } = setupCanvas('costChart');\n const points = data.map(d => d.cost);\n drawLine(ctx, points, w, h, '#6366f1', 'rgba(99,102,241,0.1)');\n}\n\nfunction renderTokenChart() {\n const { ctx, w, h } = setupCanvas('tokenChart');\n const labels = data.map(d => d.date);\n drawStacked(ctx, [\n { name: 'Input', values: data.map(d => d.input) },\n { name: 'Output', values: data.map(d => d.output) },\n { name: 'Cache R', values: data.map(d => d.cacheRead) },\n { name: 'Cache W', values: data.map(d => d.cacheCreate) },\n ], labels, w, h, ['#3b82f6', '#22c55e', '#06b6d4', '#f59e0b']);\n}\n\nfunction renderAgentChart() {\n const { ctx, w, h } = setupCanvas('agentChart');\n const agentTotals = {};\n data.forEach(d => {\n for (const [id, a] of Object.entries(d.agents)) {\n agentTotals[id] = (agentTotals[id] || 0) + a.cost;\n }\n });\n const items = Object.entries(agentTotals)\n .sort(([,a],[,b]) => b - a)\n .slice(0, 10)\n .map(([id, cost]) => ({ label: id, value: cost, fmt: fmtCost(cost) }));\n drawBars(ctx, items, w, h, ['#6366f1','#3b82f6','#06b6d4','#22c55e','#f59e0b','#ef4444','#a855f7','#ec4899']);\n}\n\nfunction renderBreakdownChart() {\n const { ctx, w, h } = setupCanvas('breakdownChart');\n const totals = { input: 0, output: 0, cacheRead: 0, cacheCreate: 0 };\n data.forEach(d => { totals.input += d.input; totals.output += d.output; totals.cacheRead += d.cacheRead; totals.cacheCreate += d.cacheCreate; });\n const items = [\n { label: 'Input', value: totals.input, fmt: fmtTok(totals.input) },\n { label: 'Output', value: totals.output, fmt: fmtTok(totals.output) },\n { label: 'Cache Read', value: totals.cacheRead, fmt: fmtTok(totals.cacheRead) },\n { label: 'Cache Write', value: totals.cacheCreate, fmt: fmtTok(totals.cacheCreate) },\n ];\n drawBars(ctx, items, w, h, ['#3b82f6','#22c55e','#06b6d4','#f59e0b']);\n}\n\nfunction renderTable() {\n const tbody = document.querySelector('#table tbody');\n tbody.innerHTML = data.slice().reverse().map(d => {\n const top = Object.entries(d.agents).sort(([,a],[,b]) => b.cost - a.cost)[0];\n const topStr = top ? top[0] + ' (' + fmtCost(top[1].cost) + ')' : '-';\n return '<tr>' +\n '<td>' + d.date + '</td>' +\n '<td>' + d.tasks + '</td>' +\n '<td class=\"tok\">' + fmtTok(d.input) + '</td>' +\n '<td class=\"tok\">' + fmtTok(d.output) + '</td>' +\n '<td class=\"tok\">' + fmtTok(d.cacheRead) + '</td>' +\n '<td class=\"tok\">' + fmtTok(d.cacheCreate) + '</td>' +\n '<td class=\"cost\">' + fmtCost(d.cost) + '</td>' +\n '<td>' + topStr + '</td>' +\n '</tr>';\n }).join('');\n}\n\n// Auto-load last 30 days\nsetRange(30);\n`\n\nexport default startUsageDashboard\n"],"mappings":"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A;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8SJC,EAAQrC","names":["createServer","readdirSync","startUsageDashboard","port","tracker","TokenTracker","createServer","req","res","url","path","from","to","data","loadUsageRange","renderDashboard","dir","files","f","readdirSync","date","usage","tasks","input","output","cacheRead","cacheCreate","cost","agents","id","agent","agentCost","aInput","aOutput","aCacheRead","aCacheCreate","d","CSS","JS","usage_dashboard_default"]}

package/dist/workspace-setup-ZWTT42XT.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{a,b}from"./chunk-QZP65I2H.js";import"./chunk-HI24KAEY.js";import"./chunk-FIOB3MEX.js";export{b as setupAllWorkspaces,a as setupWorkspace};
2	- //# sourceMappingURL=workspace-setup-ZWTT42XT.js.map