@agenthippo-ai/agenthippo 1.110.11 → 1.110.19

package/out/scripts/analytics/token-cost-trend-widget.js

@@ -1,478 +1,6 @@
 #!/usr/bin/env node
-/* Copyright (c) AgentHippo.ai. All rights reserved. */
-/* eslint-disable no-console */
-const fs = require('fs');
-const path = require('path');
-
-const MAX_TRACE_FILES = 36;
-const MAX_ROWS = 45_000;
-const MOVING_AVG_WINDOW = 6;
-const MAX_SPIKES = 10;
-
-const TOKEN_KEYS_IN = [
-  'gen_ai.usage.input_tokens',
-  'llm.usage.prompt_tokens',
-  'llm.token_count.prompt',
-];
-const TOKEN_KEYS_OUT = [
-  'gen_ai.usage.output_tokens',
-  'llm.usage.completion_tokens',
-  'llm.token_count.completion',
-];
-const COST_KEYS = [
-  'gen_ai.cost.total_cost',
-  'llm.cost.total_cost',
-  'cost',
-];
-const MODEL_KEYS = [
-  'gen_ai.request.model',
-  'gen_ai.response.model',
-  'model',
-];
-
-function isOutputDisabled(filename) {
-  const raw = String(process.env.AGENTIDE_DISABLED_CHARTS || '').trim();
-  if (!raw) {
-    return false;
-  }
-  const disabled = new Set(
-    raw
-      .split(',')
-      .map((entry) => path.basename(entry.trim()).toLowerCase())
-      .filter(Boolean),
-  );
-  return disabled.has(path.basename(filename).toLowerCase());
-}
-
-function listTraceFiles(tracesDir) {
-  let entries = [];
-  try {
-    entries = fs.readdirSync(tracesDir, { withFileTypes: true });
-  } catch {
-    return [];
-  }
-
-  return entries
-    .filter((entry) => entry.isFile() && entry.name.endsWith('.jsonl'))
-    .map((entry) => path.join(tracesDir, entry.name))
-    .map((filePath) => ({
-      filePath,
-      mtime: fs.statSync(filePath).mtimeMs,
-    }))
-    .sort((a, b) => b.mtime - a.mtime)
-    .slice(0, MAX_TRACE_FILES)
-    .map((row) => row.filePath);
-}
-
-function toNumber(value) {
-  if (typeof value === 'number' && Number.isFinite(value)) {
-    return value;
-  }
-  if (typeof value === 'string') {
-    const parsed = Number(value);
-    if (Number.isFinite(parsed)) {
-      return parsed;
-    }
-  }
-  return 0;
-}
-
-function parseAttributeValue(value) {
-  if (!value || typeof value !== 'object') {
-    return null;
-  }
-  if (typeof value.stringValue === 'string') {
-    return value.stringValue;
-  }
-  if (value.intValue !== undefined) {
-    return toNumber(value.intValue);
-  }
-  if (value.doubleValue !== undefined) {
-    return toNumber(value.doubleValue);
-  }
-  if (typeof value.boolValue === 'boolean') {
-    return value.boolValue ? 1 : 0;
-  }
-  return null;
-}
-
-function attrsToMap(attributes) {
-  const out = Object.create(null);
-  if (!Array.isArray(attributes)) {
-    return out;
-  }
-  for (const item of attributes) {
-    if (!item || typeof item !== 'object') {
-      continue;
-    }
-    const key = String(item.key || '').trim();
-    if (!key) {
-      continue;
-    }
-    out[key] = parseAttributeValue(item.value);
-  }
-  return out;
-}
-
-function firstNumber(attrs, keys) {
-  for (const key of keys) {
-    const value = toNumber(attrs[key]);
-    if (value > 0) {
-      return value;
-    }
-  }
-  return 0;
-}
-
-function firstString(attrs, keys) {
-  for (const key of keys) {
-    const value = attrs[key];
-    if (typeof value === 'string' && value.trim()) {
-      return value.trim();
-    }
-  }
-  return '';
-}
-
-function extractFromRegex(raw, pattern) {
-  const text = typeof raw === 'string' ? raw : '';
-  if (!text) {
-    return '';
-  }
-  const match = text.match(pattern);
-  return match ? String(match[1] || '').trim() : '';
-}
-
-function extractAgentId(attrs) {
-  const explicit = firstString(attrs, [
-    'agent_id',
-    'gen_ai.agent.id',
-    'metadata.agent_id',
-  ]);
-  if (explicit) {
-    return explicit;
-  }
-
-  const headers = firstString(attrs, ['metadata.requester_custom_headers']);
-  const metadata = firstString(attrs, ['metadata.requester_metadata']);
-  return (
-    extractFromRegex(headers, /x-litellm-metadata-agent-id'?:\s*'([^']+)'/i) ||
-    extractFromRegex(metadata, /agent_id'?:\s*'([^']+)'/i) ||
-    ''
-  );
-}
-
-function extractSessionId(attrs) {
-  const headers = firstString(attrs, ['metadata.requester_custom_headers']);
-  const metadata = firstString(attrs, ['metadata.requester_metadata']);
-  return (
-    extractFromRegex(headers, /x-litellm-metadata-session-id'?:\s*'([^']+)'/i) ||
-    extractFromRegex(metadata, /session_id'?:\s*'([^']+)'/i) ||
-    ''
-  );
-}
-
-function chooseBucketSizeMs(rangeMs) {
-  const hour = 60 * 60 * 1000;
-  const day = 24 * hour;
-  if (rangeMs <= 36 * hour) {
-    return 15 * 60 * 1000;
-  }
-  if (rangeMs <= 14 * day) {
-    return hour;
-  }
-  if (rangeMs <= 90 * day) {
-    return 6 * hour;
-  }
-  return day;
-}
-
-function bucketLabel(ms, stepMs) {
-  const date = new Date(ms);
-  const hour = 60 * 60 * 1000;
-  const day = 24 * hour;
-  if (stepMs < day) {
-    return date.toLocaleString();
-  }
-  return date.toLocaleDateString();
-}
-
-function movingAverage(values, windowSize) {
-  const out = [];
-  let rollingSum = 0;
-  for (let i = 0; i < values.length; i++) {
-    rollingSum += values[i];
-    if (i >= windowSize) {
-      rollingSum -= values[i - windowSize];
-    }
-    const width = Math.min(windowSize, i + 1);
-    out.push(width > 0 ? rollingSum / width : 0);
-  }
-  return out;
-}
-
-function median(values) {
-  if (!values.length) {
-    return 0;
-  }
-  const sorted = [...values].sort((a, b) => a - b);
-  const half = Math.floor(sorted.length / 2);
-  if (sorted.length % 2 === 0) {
-    return (sorted[half - 1] + sorted[half]) / 2;
-  }
-  return sorted[half];
-}
-
-function loadRows(tracesDir, agentFilterId) {
-  const files = listTraceFiles(tracesDir);
-  const rows = [];
-  let tracesSeen = 0;
-  const traceSeenSet = new Set();
-
-  for (const filePath of files) {
-    if (rows.length >= MAX_ROWS) {
-      break;
-    }
-    let raw = '';
-    try {
-      raw = fs.readFileSync(filePath, 'utf8');
-    } catch {
-      continue;
-    }
-
-    for (const line of raw.split(/\r?\n/)) {
-      if (rows.length >= MAX_ROWS) {
-        break;
-      }
-      const trimmed = String(line || '').trim();
-      if (!trimmed) {
-        continue;
-      }
-      let parsed;
-      try {
-        parsed = JSON.parse(trimmed);
-      } catch {
-        continue;
-      }
-
-      const resourceSpans = Array.isArray(parsed?.resourceSpans) ? parsed.resourceSpans : [];
-      for (const resourceSpan of resourceSpans) {
-        const scopeSpans = Array.isArray(resourceSpan?.scopeSpans) ? resourceSpan.scopeSpans : [];
-        for (const scopeSpan of scopeSpans) {
-          const spans = Array.isArray(scopeSpan?.spans) ? scopeSpan.spans : [];
-          for (const span of spans) {
-            if (!span || typeof span !== 'object') {
-              continue;
-            }
-            const attrs = attrsToMap(span.attributes);
-            const inputTokens = firstNumber(attrs, TOKEN_KEYS_IN);
-            const outputTokens = firstNumber(attrs, TOKEN_KEYS_OUT);
-            const cost = firstNumber(attrs, COST_KEYS);
-            if (inputTokens <= 0 && outputTokens <= 0 && cost <= 0) {
-              continue;
-            }
-
-            const agentId = extractAgentId(attrs);
-            if (agentFilterId && agentId && agentId !== agentFilterId) {
-              continue;
-            }
-            if (agentFilterId && !agentId) {
-              continue;
-            }
-
-            const timestampMs = Math.round(toNumber(span.startTimeUnixNano) / 1_000_000);
-            if (!Number.isFinite(timestampMs) || timestampMs <= 0) {
-              continue;
-            }
-
-            const traceId = String(span.traceId || '').trim();
-            if (traceId && !traceSeenSet.has(traceId)) {
-              traceSeenSet.add(traceId);
-              tracesSeen += 1;
-            }
-
-            rows.push({
-              timestampMs,
-              traceId,
-              spanName: String(span.name || '(span)').trim() || '(span)',
-              model: firstString(attrs, MODEL_KEYS) || 'unknown',
-              agentId: agentId || 'unknown',
-              sessionId: extractSessionId(attrs) || '',
-              inputTokens,
-              outputTokens,
-              totalTokens: inputTokens + outputTokens,
-              cost,
-            });
-          }
-        }
-      }
-    }
-  }
-
-  rows.sort((a, b) => a.timestampMs - b.timestampMs);
-  return {
-    rows,
-    traceCount: tracesSeen,
-    fileCount: files.length,
-  };
-}
-
-function aggregateRows(rows) {
-  if (!rows.length) {
-    return null;
-  }
-  const minTs = rows[0].timestampMs;
-  const maxTs = rows[rows.length - 1].timestampMs;
-  const rangeMs = Math.max(1, maxTs - minTs);
-  const bucketSizeMs = chooseBucketSizeMs(rangeMs);
-  const start = Math.floor(minTs / bucketSizeMs) * bucketSizeMs;
-  const end = Math.ceil(maxTs / bucketSizeMs) * bucketSizeMs;
-
-  /** @type {Map<number, any>} */
-  const byBucket = new Map();
-  for (let t = start; t <= end; t += bucketSizeMs) {
-    byBucket.set(t, {
-      bucketStartMs: t,
-      inputTokens: 0,
-      outputTokens: 0,
-      totalTokens: 0,
-      cost: 0,
-      requests: 0,
-      traceIds: new Set(),
-      modelCounts: new Map(),
-      sessionCounts: new Map(),
-    });
-  }
-
-  for (const row of rows) {
-    const bucketStartMs = Math.floor(row.timestampMs / bucketSizeMs) * bucketSizeMs;
-    const bucket = byBucket.get(bucketStartMs);
-    if (!bucket) {
-      continue;
-    }
-    bucket.inputTokens += row.inputTokens;
-    bucket.outputTokens += row.outputTokens;
-    bucket.totalTokens += row.totalTokens;
-    bucket.cost += row.cost;
-    bucket.requests += 1;
-    if (row.traceId) {
-      bucket.traceIds.add(row.traceId);
-    }
-    bucket.modelCounts.set(row.model, (bucket.modelCounts.get(row.model) || 0) + row.totalTokens);
-    if (row.sessionId) {
-      bucket.sessionCounts.set(row.sessionId, (bucket.sessionCounts.get(row.sessionId) || 0) + row.totalTokens);
-    }
-  }
-
-  const buckets = [...byBucket.values()]
-    .sort((a, b) => a.bucketStartMs - b.bucketStartMs)
-    .map((bucket) => {
-      const topModel = [...bucket.modelCounts.entries()].sort((a, b) => b[1] - a[1])[0]?.[0] || 'unknown';
-      const topSession = [...bucket.sessionCounts.entries()].sort((a, b) => b[1] - a[1])[0]?.[0] || '';
-      return {
-        bucketStartMs: bucket.bucketStartMs,
-        label: bucketLabel(bucket.bucketStartMs, bucketSizeMs),
-        inputTokens: Math.round(bucket.inputTokens),
-        outputTokens: Math.round(bucket.outputTokens),
-        totalTokens: Math.round(bucket.totalTokens),
-        cost: Number(bucket.cost.toFixed(6)),
-        requests: Math.round(bucket.requests),
-        traceCount: bucket.traceIds.size,
-        topModel,
-        topSession,
-      };
-    });
-
-  const tokenSeries = buckets.map((bucket) => bucket.totalTokens);
-  const costSeries = buckets.map((bucket) => bucket.cost);
-  const tokenMa = movingAverage(tokenSeries, MOVING_AVG_WINDOW);
-  const costMa = movingAverage(costSeries, MOVING_AVG_WINDOW);
-  let cumulativeCost = 0;
-
-  for (let i = 0; i < buckets.length; i++) {
-    cumulativeCost += buckets[i].cost;
-    buckets[i].cumulativeCost = Number(cumulativeCost.toFixed(6));
-    buckets[i].tokenMovingAvg = Math.round(tokenMa[i]);
-    buckets[i].costMovingAvg = Number(costMa[i].toFixed(6));
-    if (i > 0) {
-      const previous = buckets[i - 1];
-      buckets[i].tokenDelta = buckets[i].totalTokens - previous.totalTokens;
-      buckets[i].costDelta = Number((buckets[i].cost - previous.cost).toFixed(6));
-    } else {
-      buckets[i].tokenDelta = 0;
-      buckets[i].costDelta = 0;
-    }
-  }
-
-  const nonZeroTokens = tokenSeries.filter((value) => value > 0);
-  const nonZeroCosts = costSeries.filter((value) => value > 0);
-  const tokenMedian = median(nonZeroTokens);
-  const costMedian = median(nonZeroCosts);
-  const tokenSpikeThreshold = tokenMedian > 0 ? tokenMedian * 2.2 : 0;
-  const costSpikeThreshold = costMedian > 0 ? costMedian * 2.2 : 0;
-
-  const spikes = buckets
-    .map((bucket, index) => {
-      const tokenSpike = tokenSpikeThreshold > 0 && bucket.totalTokens >= tokenSpikeThreshold;
-      const costSpike = costSpikeThreshold > 0 && bucket.cost >= costSpikeThreshold;
-      if (!tokenSpike && !costSpike) {
-        return null;
-      }
-      const score = (bucket.totalTokens / Math.max(1, tokenMedian)) + (bucket.cost / Math.max(0.000001, costMedian));
-      return {
-        index,
-        label: bucket.label,
-        bucketStartMs: bucket.bucketStartMs,
-        totalTokens: bucket.totalTokens,
-        cost: bucket.cost,
-        requests: bucket.requests,
-        topModel: bucket.topModel,
-        topSession: bucket.topSession,
-        tokenSpike,
-        costSpike,
-        score,
-      };
-    })
-    .filter(Boolean)
-    .sort((a, b) => b.score - a.score)
-    .slice(0, MAX_SPIKES);
-
-  const totalInputTokens = buckets.reduce((sum, bucket) => sum + bucket.inputTokens, 0);
-  const totalOutputTokens = buckets.reduce((sum, bucket) => sum + bucket.outputTokens, 0);
-  const totalCost = Number(buckets.reduce((sum, bucket) => sum + bucket.cost, 0).toFixed(6));
-  const totalRequests = buckets.reduce((sum, bucket) => sum + bucket.requests, 0);
-
-  return {
-    buckets,
-    bucketSizeMs,
-    tokenMedian,
-    costMedian,
-    tokenSpikeThreshold,
-    costSpikeThreshold,
-    spikes,
-    totals: {
-      inputTokens: totalInputTokens,
-      outputTokens: totalOutputTokens,
-      totalTokens: totalInputTokens + totalOutputTokens,
-      totalCost,
-      totalRequests,
-    },
-  };
-}
-
-function buildFallbackHtml(message) {
-  return `<!doctype html><html><head><meta charset="utf-8"><title>Token + Cost Trend</title></head><body style="font-family:ui-sans-serif,system-ui;background:#0f111a;color:#e5e7eb;margin:0;padding:20px;"><h2 style="margin:0 0 8px;">Token + Cost Trend</h2><p style="opacity:.85;">${message}</p></body></html>`;
-}
-
-function buildHtml(payload) {
-  const safeJson = JSON.stringify(payload)
-    .replace(/</g, '\\u003c')
-    .replace(/>/g, '\\u003e')
-    .replace(/&/g, '\\u0026')
-    .replace(/\u2028/g, '\\u2028')
-    .replace(/\u2029/g, '\\u2029');
-
-  return `<!doctype html>
+/*! Copyright (c) 2026 AgentHippo.ai. All rights reserved. Proprietary; see LICENSE. */
+"use strict";const fs=require("fs"),path=require("path"),MAX_TRACE_FILES=36,MAX_ROWS=45e3,MOVING_AVG_WINDOW=6,MAX_SPIKES=10,TOKEN_KEYS_IN=["gen_ai.usage.input_tokens","llm.usage.prompt_tokens","llm.token_count.prompt"],TOKEN_KEYS_OUT=["gen_ai.usage.output_tokens","llm.usage.completion_tokens","llm.token_count.completion"],COST_KEYS=["gen_ai.cost.total_cost","llm.cost.total_cost","cost"],MODEL_KEYS=["gen_ai.request.model","gen_ai.response.model","model"];function isOutputDisabled(e){const n=String(process.env.AGENTIDE_DISABLED_CHARTS||"").trim();return n?new Set(n.split(",").map(o=>path.basename(o.trim()).toLowerCase()).filter(Boolean)).has(path.basename(e).toLowerCase()):!1}function listTraceFiles(e){let n=[];try{n=fs.readdirSync(e,{withFileTypes:!0})}catch{return[]}return n.filter(s=>s.isFile()&&s.name.endsWith(".jsonl")).map(s=>path.join(e,s.name)).map(s=>({filePath:s,mtime:fs.statSync(s).mtimeMs})).sort((s,o)=>o.mtime-s.mtime).slice(0,MAX_TRACE_FILES).map(s=>s.filePath)}function toNumber(e){if(typeof e=="number"&&Number.isFinite(e))return e;if(typeof e=="string"){const n=Number(e);if(Number.isFinite(n))return n}return 0}function parseAttributeValue(e){return!e||typeof e!="object"?null:typeof e.stringValue=="string"?e.stringValue:e.intValue!==void 0?toNumber(e.intValue):e.doubleValue!==void 0?toNumber(e.doubleValue):typeof e.boolValue=="boolean"?e.boolValue?1:0:null}function attrsToMap(e){const n=Object.create(null);if(!Array.isArray(e))return n;for(const s of e){if(!s||typeof s!="object")continue;const o=String(s.key||"").trim();o&&(n[o]=parseAttributeValue(s.value))}return n}function firstNumber(e,n){for(const s of n){const o=toNumber(e[s]);if(o>0)return o}return 0}function firstString(e,n){for(const s of n){const o=e[s];if(typeof o=="string"&&o.trim())return o.trim()}return""}function extractFromRegex(e,n){const s=typeof e=="string"?e:"";if(!s)return"";const o=s.match(n);return o?String(o[1]||"").trim():""}function extractAgentId(e){const n=firstString(e,["agent_id","gen_ai.agent.id","metadata.agent_id"]);if(n)return n;const s=firstString(e,["metadata.requester_custom_headers"]),o=firstString(e,["metadata.requester_metadata"]);return extractFromRegex(s,/x-litellm-metadata-agent-id'?:\s*'([^']+)'/i)||extractFromRegex(o,/agent_id'?:\s*'([^']+)'/i)||""}function extractSessionId(e){const n=firstString(e,["metadata.requester_custom_headers"]),s=firstString(e,["metadata.requester_metadata"]);return extractFromRegex(n,/x-litellm-metadata-session-id'?:\s*'([^']+)'/i)||extractFromRegex(s,/session_id'?:\s*'([^']+)'/i)||""}function chooseBucketSizeMs(e){return e<=36*36e5?900*1e3:e<=14*864e5?36e5:e<=90*864e5?6*36e5:864e5}function bucketLabel(e,n){const s=new Date(e),a=24*(3600*1e3);return n<a?s.toLocaleString():s.toLocaleDateString()}function movingAverage(e,n){const s=[];let o=0;for(let a=0;a<e.length;a++){o+=e[a],a>=n&&(o-=e[a-n]);const l=Math.min(n,a+1);s.push(l>0?o/l:0)}return s}function median(e){if(!e.length)return 0;const n=[...e].sort((o,a)=>o-a),s=Math.floor(n.length/2);return n.length%2===0?(n[s-1]+n[s])/2:n[s]}function loadRows(e,n){const s=listTraceFiles(e),o=[];let a=0;const l=new Set;for(const k of s){if(o.length>=MAX_ROWS)break;let p="";try{p=fs.readFileSync(k,"utf8")}catch{continue}for(const i of p.split(/\r?\n/)){if(o.length>=MAX_ROWS)break;const b=String(i||"").trim();if(!b)continue;let m;try{m=JSON.parse(b)}catch{continue}const C=Array.isArray(m?.resourceSpans)?m.resourceSpans:[];for(const S of C){const M=Array.isArray(S?.scopeSpans)?S.scopeSpans:[];for(const T of M){const L=Array.isArray(T?.spans)?T.spans:[];for(const d of L){if(!d||typeof d!="object")continue;const u=attrsToMap(d.attributes),g=firstNumber(u,TOKEN_KEYS_IN),h=firstNumber(u,TOKEN_KEYS_OUT),w=firstNumber(u,COST_KEYS);if(g<=0&&h<=0&&w<=0)continue;const f=extractAgentId(u);if(n&&f&&f!==n||n&&!f)continue;const x=Math.round(toNumber(d.startTimeUnixNano)/1e6);if(!Number.isFinite(x)||x<=0)continue;const v=String(d.traceId||"").trim();v&&!l.has(v)&&(l.add(v),a+=1),o.push({timestampMs:x,traceId:v,spanName:String(d.name||"(span)").trim()||"(span)",model:firstString(u,MODEL_KEYS)||"unknown",agentId:f||"unknown",sessionId:extractSessionId(u)||"",inputTokens:g,outputTokens:h,totalTokens:g+h,cost:w})}}}}}return o.sort((k,p)=>k.timestampMs-p.timestampMs),{rows:o,traceCount:a,fileCount:s.length}}function aggregateRows(e){if(!e.length)return null;const n=e[0].timestampMs,s=e[e.length-1].timestampMs,o=Math.max(1,s-n),a=chooseBucketSizeMs(o),l=Math.floor(n/a)*a,k=Math.ceil(s/a)*a,p=new Map;for(let t=l;t<=k;t+=a)p.set(t,{bucketStartMs:t,inputTokens:0,outputTokens:0,totalTokens:0,cost:0,requests:0,traceIds:new Set,modelCounts:new Map,sessionCounts:new Map});for(const t of e){const r=Math.floor(t.timestampMs/a)*a,c=p.get(r);c&&(c.inputTokens+=t.inputTokens,c.outputTokens+=t.outputTokens,c.totalTokens+=t.totalTokens,c.cost+=t.cost,c.requests+=1,t.traceId&&c.traceIds.add(t.traceId),c.modelCounts.set(t.model,(c.modelCounts.get(t.model)||0)+t.totalTokens),t.sessionId&&c.sessionCounts.set(t.sessionId,(c.sessionCounts.get(t.sessionId)||0)+t.totalTokens))}const i=[...p.values()].sort((t,r)=>t.bucketStartMs-r.bucketStartMs).map(t=>{const r=[...t.modelCounts.entries()].sort((y,A)=>A[1]-y[1])[0]?.[0]||"unknown",c=[...t.sessionCounts.entries()].sort((y,A)=>A[1]-y[1])[0]?.[0]||"";return{bucketStartMs:t.bucketStartMs,label:bucketLabel(t.bucketStartMs,a),inputTokens:Math.round(t.inputTokens),outputTokens:Math.round(t.outputTokens),totalTokens:Math.round(t.totalTokens),cost:Number(t.cost.toFixed(6)),requests:Math.round(t.requests),traceCount:t.traceIds.size,topModel:r,topSession:c}}),b=i.map(t=>t.totalTokens),m=i.map(t=>t.cost),C=movingAverage(b,MOVING_AVG_WINDOW),S=movingAverage(m,MOVING_AVG_WINDOW);let M=0;for(let t=0;t<i.length;t++)if(M+=i[t].cost,i[t].cumulativeCost=Number(M.toFixed(6)),i[t].tokenMovingAvg=Math.round(C[t]),i[t].costMovingAvg=Number(S[t].toFixed(6)),t>0){const r=i[t-1];i[t].tokenDelta=i[t].totalTokens-r.totalTokens,i[t].costDelta=Number((i[t].cost-r.cost).toFixed(6))}else i[t].tokenDelta=0,i[t].costDelta=0;const T=b.filter(t=>t>0),L=m.filter(t=>t>0),d=median(T),u=median(L),g=d>0?d*2.2:0,h=u>0?u*2.2:0,w=i.map((t,r)=>{const c=g>0&&t.totalTokens>=g,y=h>0&&t.cost>=h;if(!c&&!y)return null;const A=t.totalTokens/Math.max(1,d)+t.cost/Math.max(1e-6,u);return{index:r,label:t.label,bucketStartMs:t.bucketStartMs,totalTokens:t.totalTokens,cost:t.cost,requests:t.requests,topModel:t.topModel,topSession:t.topSession,tokenSpike:c,costSpike:y,score:A}}).filter(Boolean).sort((t,r)=>r.score-t.score).slice(0,MAX_SPIKES),f=i.reduce((t,r)=>t+r.inputTokens,0),x=i.reduce((t,r)=>t+r.outputTokens,0),v=Number(i.reduce((t,r)=>t+r.cost,0).toFixed(6)),I=i.reduce((t,r)=>t+r.requests,0);return{buckets:i,bucketSizeMs:a,tokenMedian:d,costMedian:u,tokenSpikeThreshold:g,costSpikeThreshold:h,spikes:w,totals:{inputTokens:f,outputTokens:x,totalTokens:f+x,totalCost:v,totalRequests:I}}}function buildFallbackHtml(e){return`<!doctype html><html><head><meta charset="utf-8"><title>Token + Cost Trend</title></head><body style="font-family:ui-sans-serif,system-ui;background:#0f111a;color:#e5e7eb;margin:0;padding:20px;"><h2 style="margin:0 0 8px;">Token + Cost Trend</h2><p style="opacity:.85;">${e}</p></body></html>`}function buildHtml(e){return`<!doctype html>
 <html>
 <head>
   <meta charset="utf-8" />
@@ -698,7 +226,7 @@ function buildHtml(payload) {
   </div>
 
   <script>
-    const payload = ${safeJson};
+    const payload = ${JSON.stringify(e).replace(/</g,"\\u003c").replace(/>/g,"\\u003e").replace(/&/g,"\\u0026").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")};
     const buckets = Array.isArray(payload.buckets) ? payload.buckets : [];
     const spikes = Array.isArray(payload.spikes) ? payload.spikes : [];
 
@@ -1001,62 +529,4 @@ function buildHtml(payload) {
     window.addEventListener('resize', () => renderChart());
   </script>
 </body>
-</html>`;
-}
-
-function main() {
-  const home = process.env.HOME || '';
-  const tracesDir = process.env.AGENTIDE_TRACES_DIR || path.join(home, '.agent-hippo', 'analytics', 'traces');
-  const chartDir = process.env.AGENTIDE_CHART_DIR || path.join(home, '.agent-hippo', 'analytics', 'views', 'global', '__all', '__all', 'charts');
-  const outputPath = path.join(chartDir, 'token-cost-trend-widget.html');
-  const agentFilterId = String(process.env.AGENTIDE_ANALYTICS_AGENT_ID || '').trim();
-
-  fs.mkdirSync(chartDir, { recursive: true });
-  if (isOutputDisabled('token-cost-trend-widget.html')) {
-    try {
-      fs.unlinkSync(outputPath);
-    } catch {
-      // ignore missing file
-    }
-    return;
-  }
-
-  const { rows, traceCount, fileCount } = loadRows(tracesDir, agentFilterId);
-  if (!rows.length) {
-    const reason = agentFilterId
-      ? `No token/cost trace rows found for agent "${agentFilterId}".`
-      : 'No token/cost trace rows found yet.';
-    fs.writeFileSync(outputPath, buildFallbackHtml(reason), 'utf8');
-    return;
-  }
-
-  const aggregated = aggregateRows(rows);
-  if (!aggregated || !aggregated.buckets.length) {
-    fs.writeFileSync(outputPath, buildFallbackHtml('Trace rows were found, but no time buckets could be generated.'), 'utf8');
-    return;
-  }
-
-  const payload = {
-    version: 1,
-    generatedAt: new Date().toISOString(),
-    agentFilterId: agentFilterId || null,
-    rowCount: rows.length,
-    traceCount,
-    fileCount,
-    bucketSizeMs: aggregated.bucketSizeMs,
-    bucketLabel: aggregated.bucketSizeMs >= 24 * 60 * 60 * 1000
-      ? `${Math.round(aggregated.bucketSizeMs / (24 * 60 * 60 * 1000))} day`
-      : `${Math.round(aggregated.bucketSizeMs / (60 * 60 * 1000))} hour`,
-    totals: aggregated.totals,
-    tokenMedian: Math.round(aggregated.tokenMedian),
-    costMedian: Number(aggregated.costMedian.toFixed(6)),
-    tokenSpikeThreshold: Math.round(aggregated.tokenSpikeThreshold),
-    costSpikeThreshold: Number(aggregated.costSpikeThreshold.toFixed(6)),
-    spikes: aggregated.spikes,
-    buckets: aggregated.buckets,
-  };
-
-  fs.writeFileSync(outputPath, buildHtml(payload), 'utf8');
-}
-
-main();
+</html>`}function main(){const e=process.env.HOME||"",n=process.env.AGENTIDE_TRACES_DIR||path.join(e,".agent-hippo","analytics","traces"),s=process.env.AGENTIDE_CHART_DIR||path.join(e,".agent-hippo","analytics","views","global","__all","__all","charts"),o=path.join(s,"token-cost-trend-widget.html"),a=String(process.env.AGENTIDE_ANALYTICS_AGENT_ID||"").trim();if(fs.mkdirSync(s,{recursive:!0}),isOutputDisabled("token-cost-trend-widget.html")){try{fs.unlinkSync(o)}catch{}return}const{rows:l,traceCount:k,fileCount:p}=loadRows(n,a);if(!l.length){const m=a?`No token/cost trace rows found for agent "${a}".`:"No token/cost trace rows found yet.";fs.writeFileSync(o,buildFallbackHtml(m),"utf8");return}const i=aggregateRows(l);if(!i||!i.buckets.length){fs.writeFileSync(o,buildFallbackHtml("Trace rows were found, but no time buckets could be generated."),"utf8");return}const b={version:1,generatedAt:new Date().toISOString(),agentFilterId:a||null,rowCount:l.length,traceCount:k,fileCount:p,bucketSizeMs:i.bucketSizeMs,bucketLabel:i.bucketSizeMs>=1440*60*1e3?`${Math.round(i.bucketSizeMs/(1440*60*1e3))} day`:`${Math.round(i.bucketSizeMs/(3600*1e3))} hour`,totals:i.totals,tokenMedian:Math.round(i.tokenMedian),costMedian:Number(i.costMedian.toFixed(6)),tokenSpikeThreshold:Math.round(i.tokenSpikeThreshold),costSpikeThreshold:Number(i.costSpikeThreshold.toFixed(6)),spikes:i.spikes,buckets:i.buckets};fs.writeFileSync(o,buildHtml(b),"utf8")}main();