@agenthippo-ai/agenthippo 1.110.9 → 1.110.19

package/out/scripts/analytics/session-comparison-widget.js

@@ -1,114 +1,13 @@
 #!/usr/bin/env node
-/* Copyright (c) AgentHippo.ai. All rights reserved. */
-/* eslint-disable no-console */
-const fs = require('fs');
-const path = require('path');
-const { execFileSync } = require('child_process');
-const { findDuckdb } = require('./duckdbLocator');
-
-const SESSION_LIMIT = 28;
-const MAX_LLM_EVENTS_PER_SESSION = 220;
-const MAX_TOOL_EVENTS_PER_SESSION = 260;
-const MAX_SEQUENCE_RENDER = 36;
-const MAX_MODELS_PER_SESSION = 14;
-const MAX_TOOLS_PER_SESSION = 18;
-
-function parseJsonArraysFromOutput(stdout) {
-  const results = [];
-  let depth = 0, start = -1;
-  for (let i = 0; i < stdout.length; i++) {
-    const c = stdout[i];
-    if (c === '[') { if (depth === 0) start = i; depth++; }
-    else if (c === ']') {
-      depth--;
-      if (depth === 0 && start >= 0) {
-        try { results.push(JSON.parse(stdout.slice(start, i + 1))); }
-        catch { results.push([]); }
-        start = -1;
-      }
-    }
-  }
-  return results;
-}
-
-function runSingleQuery(duckdbPath, sql, dbPath = '') {
-  const settings = "SET memory_limit='4GB';\nSET threads TO 1;\nSET preserve_insertion_order=false";
-  const args = [];
-  if (dbPath) {
-    args.push(dbPath);
-  }
-  args.push('-json', '-c', `${settings};\n${sql}`);
-  const stdout = execFileSync(duckdbPath, args, {
-    encoding: 'utf8',
-    maxBuffer: 30 * 1024 * 1024,
-  });
-  const arrays = parseJsonArraysFromOutput(stdout);
-  return arrays[0] || [];
-}
-
-function runBatchQueries(duckdbPath, queries, dbPath = '') {
-  const settings = "SET memory_limit='4GB';\nSET threads TO 1;\nSET preserve_insertion_order=false";
-  const allSql = settings + ';\n' + queries.map((q) => q.sql).join('\n');
-  const args = [];
-  if (dbPath) {
-    args.push(dbPath);
-  }
-  args.push('-json', '-c', allSql);
-  try {
-    const stdout = execFileSync(duckdbPath, args, {
-      encoding: 'utf8',
-      maxBuffer: 30 * 1024 * 1024,
-    });
-    const arrays = parseJsonArraysFromOutput(stdout);
-    const result = {};
-    queries.forEach((q, i) => { result[q.name] = arrays[i] || []; });
-    return { result, failed: false };
-  } catch (err) {
-    console.error(`session-comparison-widget batch query failed: ${err instanceof Error ? err.message : err}`);
-    const fallbackResult = {};
-    let anySuccess = false;
-    for (const query of queries) {
-      try {
-        fallbackResult[query.name] = runSingleQuery(duckdbPath, query.sql, dbPath);
-        anySuccess = true;
-      } catch (singleErr) {
-        console.error(`session-comparison-widget query fallback failed (${query.name}): ${singleErr instanceof Error ? singleErr.message : singleErr}`);
-        fallbackResult[query.name] = [];
-      }
-    }
-    return { result: fallbackResult, failed: !anySuccess };
-  }
-}
-
-function getIndexedDbPath(tracesDir) {
-  const configuredDbPath = String(process.env.AGENTIDE_INDEX_DB_PATH || '').trim();
-  const fallbackDbPath = path.join(tracesDir, 'analytics.duckdb');
-  const candidates = [configuredDbPath, fallbackDbPath].filter(Boolean);
-  for (const candidate of candidates) {
-    try {
-      const stat = fs.statSync(candidate);
-      if (stat.isFile()) {
-        return candidate;
-      }
-    } catch {
-      // continue searching
-    }
-  }
-  return '';
-}
-
-function hasJsonlFiles(dirPath) {
-  try {
-    const entries = fs.readdirSync(dirPath, { withFileTypes: true });
-    return entries.some((entry) => entry.isFile() && entry.name.endsWith('.jsonl'));
-  } catch {
-    return false;
-  }
-}
-
-function buildBaseQuery(tracesDir, useIndexed = false) {
-  if (useIndexed) {
-    return `
+/*! Copyright (c) 2026 AgentHippo.ai. All rights reserved. Proprietary; see LICENSE. */
+"use strict";const fs=require("fs"),path=require("path"),{execFileSync}=require("child_process"),{findDuckdb}=require("./duckdbLocator"),SESSION_LIMIT=28,MAX_LLM_EVENTS_PER_SESSION=220,MAX_TOOL_EVENTS_PER_SESSION=260,MAX_SEQUENCE_RENDER=36,MAX_MODELS_PER_SESSION=14,MAX_TOOLS_PER_SESSION=18;function parseJsonArraysFromOutput(s){const o=[];let n=0,r=-1;for(let a=0;a<s.length;a++){const l=s[a];if(l==="[")n===0&&(r=a),n++;else if(l==="]"&&(n--,n===0&&r>=0)){try{o.push(JSON.parse(s.slice(r,a+1)))}catch{o.push([])}r=-1}}return o}function runSingleQuery(s,o,n=""){const r=`SET memory_limit='4GB';
+SET threads TO 1;
+SET preserve_insertion_order=false`,a=[];n&&a.push(n),a.push("-json","-c",`${r};
+${o}`);const l=execFileSync(s,a,{encoding:"utf8",maxBuffer:30*1024*1024});return parseJsonArraysFromOutput(l)[0]||[]}function runBatchQueries(s,o,n=""){const a=`SET memory_limit='4GB';
+SET threads TO 1;
+SET preserve_insertion_order=false`+`;
+`+o.map(d=>d.sql).join(`
+`),l=[];n&&l.push(n),l.push("-json","-c",a);try{const d=execFileSync(s,l,{encoding:"utf8",maxBuffer:31457280}),c=parseJsonArraysFromOutput(d),m={};return o.forEach((t,e)=>{m[t.name]=c[e]||[]}),{result:m,failed:!1}}catch(d){console.error(`session-comparison-widget batch query failed: ${d instanceof Error?d.message:d}`);const c={};let m=!1;for(const t of o)try{c[t.name]=runSingleQuery(s,t.sql,n),m=!0}catch(e){console.error(`session-comparison-widget query fallback failed (${t.name}): ${e instanceof Error?e.message:e}`),c[t.name]=[]}return{result:c,failed:!m}}}function getIndexedDbPath(s){const o=String(process.env.AGENTIDE_INDEX_DB_PATH||"").trim(),n=path.join(s,"analytics.duckdb"),r=[o,n].filter(Boolean);for(const a of r)try{if(fs.statSync(a).isFile())return a}catch{}return""}function hasJsonlFiles(s){try{return fs.readdirSync(s,{withFileTypes:!0}).some(n=>n.isFile()&&n.name.endsWith(".jsonl"))}catch{return!1}}function buildBaseQuery(s,o=!1){return o?`
 WITH extracted AS (
   SELECT
     trace_id,
@@ -128,14 +27,10 @@ WITH extracted AS (
   FROM spans
   WHERE session_id IS NOT NULL AND session_id != ''
 )
-`;
-  }
-
-  const tracesGlob = `${tracesDir.replace(/'/g, "''")}/*.jsonl`;
-  return `
+`:`
 WITH raw_spans AS (
   SELECT unnest(resourceSpans) AS rs
-  FROM read_json('${tracesGlob}', format='newline_delimited', ignore_errors=true)
+  FROM read_json('${`${s.replace(/'/g,"''")}/*.jsonl`}', format='newline_delimited', ignore_errors=true)
 ),
 spans AS (
   SELECT unnest(rs.scopeSpans) AS ss
@@ -245,162 +140,7 @@ extracted AS (
   FROM attrs
   GROUP BY trace_id, span_name, duration_ms, start_ms
 )
-`;
-}
-
-function buildFallbackHtml(message) {
-  return `<!doctype html><html><head><meta charset="utf-8"><title>Session Comparison</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;">Session Comparison</h2><p style="opacity:.8;">${message}</p></body></html>`;
-}
-
-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 toNumber(value, fallback = 0) {
-  const numeric = Number(value);
-  return Number.isFinite(numeric) ? numeric : fallback;
-}
-
-function sessionHandle(sessionId) {
-  const raw = String(sessionId || '').trim();
-  if (!raw) {
-    return 'unknown';
-  }
-  if (raw.length <= 20) {
-    return raw;
-  }
-  return `${raw.slice(0, 8)}...${raw.slice(-8)}`;
-}
-
-function parseSessionEventFile(filePath) {
-  if (!fs.existsSync(filePath)) {
-    return [];
-  }
-  try {
-    const raw = fs.readFileSync(filePath, 'utf8');
-    if (!raw.trim()) {
-      return [];
-    }
-    const rows = [];
-    for (const line of raw.split(/\r?\n/)) {
-      const trimmed = line.trim();
-      if (!trimmed) {
-        continue;
-      }
-      try {
-        rows.push(JSON.parse(trimmed));
-      } catch {
-        // ignore malformed line
-      }
-    }
-    rows.sort((a, b) => toNumber(a.timestamp) - toNumber(b.timestamp));
-    return rows;
-  } catch {
-    return [];
-  }
-}
-
-function computeToolSignals(sessionId, eventRows) {
-  const starts = [];
-  const toolCounts = new Map();
-  const perRequestToolCounts = new Map();
-  const consecutiveRuns = [];
-
-  let previousByRequest = new Map();
-  for (const row of eventRows) {
-    if (row.event_type !== 'tool_start') {
-      continue;
-    }
-    const payload = row && typeof row.payload === 'object' ? row.payload : {};
-    const toolName = String(payload.toolName || '(unknown tool)').trim() || '(unknown tool)';
-    const requestId = String(row.request_id || '(unknown)').trim() || '(unknown)';
-    const timestamp = Math.round(toNumber(row.timestamp));
-    starts.push({ requestId, toolName, timestamp });
-    toolCounts.set(toolName, (toolCounts.get(toolName) || 0) + 1);
-
-    const requestKey = `${requestId}::${toolName}`;
-    perRequestToolCounts.set(requestKey, (perRequestToolCounts.get(requestKey) || 0) + 1);
-
-    const prev = previousByRequest.get(requestId);
-    if (!prev || prev.toolName !== toolName) {
-      if (prev && prev.runLength >= 4) {
-        consecutiveRuns.push({
-          requestId,
-          toolName: prev.toolName,
-          count: prev.runLength,
-          startTs: prev.startTs,
-          endTs: prev.endTs,
-        });
-      }
-      previousByRequest.set(requestId, {
-        toolName,
-        runLength: 1,
-        startTs: timestamp,
-        endTs: timestamp,
-      });
-    } else {
-      prev.runLength += 1;
-      prev.endTs = timestamp;
-      previousByRequest.set(requestId, prev);
-    }
-  }
-
-  for (const [requestId, prev] of previousByRequest.entries()) {
-    if (prev.runLength >= 4) {
-      consecutiveRuns.push({
-        requestId,
-        toolName: prev.toolName,
-        count: prev.runLength,
-        startTs: prev.startTs,
-        endTs: prev.endTs,
-      });
-    }
-  }
-
-  const highFrequencyLoops = [];
-  for (const [requestTool, count] of perRequestToolCounts.entries()) {
-    if (count > 5) {
-      const pivot = requestTool.indexOf('::');
-      const requestId = requestTool.slice(0, pivot);
-      const toolName = requestTool.slice(pivot + 2);
-      highFrequencyLoops.push({ requestId, toolName, count });
-    }
-  }
-
-  highFrequencyLoops.sort((a, b) => b.count - a.count);
-  consecutiveRuns.sort((a, b) => b.count - a.count);
-  const toolSequence = starts
-    .slice(0, MAX_TOOL_EVENTS_PER_SESSION)
-    .map((item) => ({ ...item }));
-
-  const sortedCounts = [...toolCounts.entries()]
-    .map(([tool, count]) => ({ tool, count }))
-    .sort((a, b) => b.count - a.count || a.tool.localeCompare(b.tool))
-    .slice(0, MAX_TOOLS_PER_SESSION);
-
-  return {
-    sessionId,
-    toolCounts: sortedCounts,
-    toolSequence,
-    loops: {
-      highFrequency: highFrequencyLoops.slice(0, 8),
-      consecutive: consecutiveRuns.slice(0, 8),
-    },
-  };
-}
-
-function buildSessionSummariesSql(baseQuery) {
-  return `${baseQuery}
+`}function buildFallbackHtml(s){return`<!doctype html><html><head><meta charset="utf-8"><title>Session Comparison</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;">Session Comparison</h2><p style="opacity:.8;">${s}</p></body></html>`}function isOutputDisabled(s){const o=String(process.env.AGENTIDE_DISABLED_CHARTS||"").trim();return o?new Set(o.split(",").map(r=>path.basename(r.trim()).toLowerCase()).filter(Boolean)).has(path.basename(s).toLowerCase()):!1}function toNumber(s,o=0){const n=Number(s);return Number.isFinite(n)?n:o}function sessionHandle(s){const o=String(s||"").trim();return o?o.length<=20?o:`${o.slice(0,8)}...${o.slice(-8)}`:"unknown"}function parseSessionEventFile(s){if(!fs.existsSync(s))return[];try{const o=fs.readFileSync(s,"utf8");if(!o.trim())return[];const n=[];for(const r of o.split(/\r?\n/)){const a=r.trim();if(a)try{n.push(JSON.parse(a))}catch{}}return n.sort((r,a)=>toNumber(r.timestamp)-toNumber(a.timestamp)),n}catch{return[]}}function computeToolSignals(s,o){const n=[],r=new Map,a=new Map,l=[];let d=new Map;for(const e of o){if(e.event_type!=="tool_start")continue;const i=e&&typeof e.payload=="object"?e.payload:{},p=String(i.toolName||"(unknown tool)").trim()||"(unknown tool)",f=String(e.request_id||"(unknown)").trim()||"(unknown)",g=Math.round(toNumber(e.timestamp));n.push({requestId:f,toolName:p,timestamp:g}),r.set(p,(r.get(p)||0)+1);const S=`${f}::${p}`;a.set(S,(a.get(S)||0)+1);const u=d.get(f);!u||u.toolName!==p?(u&&u.runLength>=4&&l.push({requestId:f,toolName:u.toolName,count:u.runLength,startTs:u.startTs,endTs:u.endTs}),d.set(f,{toolName:p,runLength:1,startTs:g,endTs:g})):(u.runLength+=1,u.endTs=g,d.set(f,u))}for(const[e,i]of d.entries())i.runLength>=4&&l.push({requestId:e,toolName:i.toolName,count:i.runLength,startTs:i.startTs,endTs:i.endTs});const c=[];for(const[e,i]of a.entries())if(i>5){const p=e.indexOf("::"),f=e.slice(0,p),g=e.slice(p+2);c.push({requestId:f,toolName:g,count:i})}c.sort((e,i)=>i.count-e.count),l.sort((e,i)=>i.count-e.count);const m=n.slice(0,MAX_TOOL_EVENTS_PER_SESSION).map(e=>({...e})),t=[...r.entries()].map(([e,i])=>({tool:e,count:i})).sort((e,i)=>i.count-e.count||e.tool.localeCompare(i.tool)).slice(0,MAX_TOOLS_PER_SESSION);return{sessionId:s,toolCounts:t,toolSequence:m,loops:{highFrequency:c.slice(0,8),consecutive:l.slice(0,8)}}}function buildSessionSummariesSql(s){return`${s}
 SELECT
   session_id,
   COALESCE(MAX(agent_id), '') AS agent_id,
@@ -418,11 +158,7 @@ FROM extracted
 WHERE session_id IS NOT NULL AND session_id != ''
 GROUP BY session_id
 ORDER BY latest_ms DESC
-LIMIT ${SESSION_LIMIT};`;
-}
-
-function buildModelBreakdownSql(baseQuery) {
-  return `${baseQuery}
+LIMIT ${SESSION_LIMIT};`}function buildModelBreakdownSql(s){return`${s}
 SELECT
   session_id,
   COALESCE(model, 'unknown') AS model,
@@ -436,11 +172,7 @@ WHERE session_id IN (
   GROUP BY session_id ORDER BY MAX(start_ms) DESC LIMIT ${SESSION_LIMIT}
 )
 GROUP BY session_id, model
-ORDER BY session_id, total_cost DESC;`;
-}
-
-function buildLlmSequenceSql(baseQuery) {
-  return `${baseQuery}
+ORDER BY session_id, total_cost DESC;`}function buildLlmSequenceSql(s){return`${s}
 , ranked AS (
   SELECT
     session_id,
@@ -464,100 +196,7 @@ SELECT
   cost
 FROM ranked
 WHERE rn <= ${MAX_LLM_EVENTS_PER_SESSION}
-ORDER BY session_id, start_ms ASC;`;
-}
-
-function buildSessionPayload(
-  sessionRows,
-  modelRows,
-  llmRows,
-  sessionToolSignals,
-  activeSessionId,
-) {
-  const bySessionModels = new Map();
-  for (const row of modelRows) {
-    const sessionId = String(row.session_id || '').trim();
-    if (!sessionId) {
-      continue;
-    }
-    if (!bySessionModels.has(sessionId)) {
-      bySessionModels.set(sessionId, []);
-    }
-    bySessionModels.get(sessionId).push({
-      model: String(row.model || 'unknown'),
-      cost: toNumber(row.total_cost),
-      calls: Math.max(0, Math.round(toNumber(row.calls))),
-      tokens: Math.max(0, Math.round(toNumber(row.tokens))),
-    });
-  }
-
-  const bySessionLlm = new Map();
-  for (const row of llmRows) {
-    const sessionId = String(row.session_id || '').trim();
-    if (!sessionId) {
-      continue;
-    }
-    if (!bySessionLlm.has(sessionId)) {
-      bySessionLlm.set(sessionId, []);
-    }
-    bySessionLlm.get(sessionId).push({
-      requestId: String(row.request_id || '(unknown)').trim() || '(unknown)',
-      startMs: Math.round(toNumber(row.start_ms)),
-      model: String(row.model || 'unknown'),
-      cost: toNumber(row.cost),
-    });
-  }
-
-  const toolSignalMap = new Map();
-  for (const entry of sessionToolSignals) {
-    toolSignalMap.set(entry.sessionId, entry);
-  }
-
-  const normalizedActive = String(activeSessionId || '').trim();
-  return sessionRows.map((row, index) => {
-    const sessionId = String(row.session_id || '').trim();
-    const models = (bySessionModels.get(sessionId) || [])
-      .sort((a, b) => b.cost - a.cost || a.model.localeCompare(b.model))
-      .slice(0, MAX_MODELS_PER_SESSION);
-    const llmSequence = (bySessionLlm.get(sessionId) || []).map((item) => ({ ...item }));
-    const toolSignal = toolSignalMap.get(sessionId) || {
-      toolCounts: [],
-      toolSequence: [],
-      loops: { highFrequency: [], consecutive: [] },
-    };
-    return {
-      sessionId,
-      handle: sessionHandle(sessionId),
-      isActive: normalizedActive ? sessionId === normalizedActive : index === 0,
-      agentId: String(row.agent_id || ''),
-      agentVersion: String(row.agent_version || ''),
-      engine: String(row.engine || ''),
-      totalCost: toNumber(row.total_cost),
-      llmCalls: Math.max(0, Math.round(toNumber(row.llm_calls))),
-      requestCount: Math.max(0, Math.round(toNumber(row.requests))),
-      totalTokens: Math.max(0, Math.round(toNumber(row.total_tokens))),
-      avgLatencyMs: Math.max(0, Math.round(toNumber(row.avg_latency_ms))),
-      totalLatencyMs: Math.max(0, Math.round(toNumber(row.total_latency_ms))),
-      startedMs: Math.round(toNumber(row.started_ms)),
-      latestMs: Math.round(toNumber(row.latest_ms)),
-      modelBreakdown: models,
-      llmSequence,
-      toolCounts: toolSignal.toolCounts || [],
-      toolSequence: toolSignal.toolSequence || [],
-      loops: toolSignal.loops || { highFrequency: [], consecutive: [] },
-    };
-  });
-}
-
-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>
+ORDER BY session_id, start_ms ASC;`}function buildSessionPayload(s,o,n,r,a){const l=new Map;for(const t of o){const e=String(t.session_id||"").trim();e&&(l.has(e)||l.set(e,[]),l.get(e).push({model:String(t.model||"unknown"),cost:toNumber(t.total_cost),calls:Math.max(0,Math.round(toNumber(t.calls))),tokens:Math.max(0,Math.round(toNumber(t.tokens)))}))}const d=new Map;for(const t of n){const e=String(t.session_id||"").trim();e&&(d.has(e)||d.set(e,[]),d.get(e).push({requestId:String(t.request_id||"(unknown)").trim()||"(unknown)",startMs:Math.round(toNumber(t.start_ms)),model:String(t.model||"unknown"),cost:toNumber(t.cost)}))}const c=new Map;for(const t of r)c.set(t.sessionId,t);const m=String(a||"").trim();return s.map((t,e)=>{const i=String(t.session_id||"").trim(),p=(l.get(i)||[]).sort((S,u)=>u.cost-S.cost||S.model.localeCompare(u.model)).slice(0,MAX_MODELS_PER_SESSION),f=(d.get(i)||[]).map(S=>({...S})),g=c.get(i)||{toolCounts:[],toolSequence:[],loops:{highFrequency:[],consecutive:[]}};return{sessionId:i,handle:sessionHandle(i),isActive:m?i===m:e===0,agentId:String(t.agent_id||""),agentVersion:String(t.agent_version||""),engine:String(t.engine||""),totalCost:toNumber(t.total_cost),llmCalls:Math.max(0,Math.round(toNumber(t.llm_calls))),requestCount:Math.max(0,Math.round(toNumber(t.requests))),totalTokens:Math.max(0,Math.round(toNumber(t.total_tokens))),avgLatencyMs:Math.max(0,Math.round(toNumber(t.avg_latency_ms))),totalLatencyMs:Math.max(0,Math.round(toNumber(t.total_latency_ms))),startedMs:Math.round(toNumber(t.started_ms)),latestMs:Math.round(toNumber(t.latest_ms)),modelBreakdown:p,llmSequence:f,toolCounts:g.toolCounts||[],toolSequence:g.toolSequence||[],loops:g.loops||{highFrequency:[],consecutive:[]}}})}function buildHtml(s){const o=JSON.stringify(s).replace(/</g,"\\u003c").replace(/>/g,"\\u003e").replace(/&/g,"\\u0026").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029");return`<!doctype html>
 <html>
 <head>
   <meta charset="utf-8" />
@@ -979,7 +618,7 @@ function buildHtml(payload) {
     </main>
   </div>
   <script>
-    const data = ${safeJson};
+    const data = ${o};
     const sessions = Array.isArray(data.sessions) ? data.sessions : [];
     const byId = new Map(sessions.map((session) => [session.sessionId, session]));
 
@@ -1114,7 +753,7 @@ function buildHtml(payload) {
 
     function renderSelectors() {
       const options = sessions.map((session) =>
-        '<option value="' + esc(session.sessionId) + '">' + esc((session.handle || session.sessionId) + ' · ' + (session.engine || 'engine:n/a') + ' · ' + fmtMoney(session.totalCost)) + '</option>'
+        '<option value="' + esc(session.sessionId) + '">' + esc((session.handle || session.sessionId) + ' \xB7 ' + (session.engine || 'engine:n/a') + ' \xB7 ' + fmtMoney(session.totalCost)) + '</option>'
       ).join('');
       el.a.innerHTML = options;
       el.b.innerHTML = options;
@@ -1237,7 +876,7 @@ function buildHtml(payload) {
         const cls = deltaClass(delta, metric.lowerIsBetter);
         return '<div class="metric">' +
           '<div class="metric-label">' + esc(metric.label) + '</div>' +
-          '<div class="metric-value">' + esc(metric.format(metric.a)) + ' → ' + esc(metric.format(metric.b)) + '</div>' +
+          '<div class="metric-value">' + esc(metric.format(metric.a)) + ' \u2192 ' + esc(metric.format(metric.b)) + '</div>' +
           '<div class="metric-delta ' + cls + '">' + esc(sign + (metric.label === 'Cost' ? fmtMoney(delta) : metric.format(delta)) + ' (B-A)') + '</div>' +
         '</div>';
       }).join('');
@@ -1248,9 +887,9 @@ function buildHtml(payload) {
         return '<div class="pane">' +
           '<h3>' + esc(label) + '<span class="small">' + esc(session.handle) + '</span></h3>' +
           '<div class="small">session: ' + esc(session.sessionId) + '</div>' +
-          '<div class="small">agent: ' + esc(session.agentId || '(n/a)') + ' · engine: ' + esc(session.engine || '(n/a)') + ' · version: ' + esc(session.agentVersion || '(n/a)') + '</div>' +
-          '<div class="small">started: ' + esc(new Date(session.startedMs).toLocaleString()) + ' · latest: ' + esc(fmtAgo(session.latestMs)) + '</div>' +
-          '<div class="small">cost ' + fmtMoney(session.totalCost) + ' · requests ' + fmtNum(session.requestCount) + ' · avg latency ' + fmtMs(session.avgLatencyMs) + '</div>' +
+          '<div class="small">agent: ' + esc(session.agentId || '(n/a)') + ' \xB7 engine: ' + esc(session.engine || '(n/a)') + ' \xB7 version: ' + esc(session.agentVersion || '(n/a)') + '</div>' +
+          '<div class="small">started: ' + esc(new Date(session.startedMs).toLocaleString()) + ' \xB7 latest: ' + esc(fmtAgo(session.latestMs)) + '</div>' +
+          '<div class="small">cost ' + fmtMoney(session.totalCost) + ' \xB7 requests ' + fmtNum(session.requestCount) + ' \xB7 avg latency ' + fmtMs(session.avgLatencyMs) + '</div>' +
           '<div class="small">loops: ' + fmtNum((session.loops?.highFrequency || []).length) + ' high-frequency, ' + fmtNum((session.loops?.consecutive || []).length) + ' consecutive-run</div>' +
         '</div>';
       };
@@ -1324,10 +963,10 @@ function buildHtml(payload) {
       renderToolDiff(toolRows);
       renderModelDiff(modelRows);
 
-      renderSequence(el.toolSeqA, a.toolSequence || [], (item) => (item.requestId || '(req)') + ' · ' + (item.toolName || '(tool)'));
-      renderSequence(el.toolSeqB, b.toolSequence || [], (item) => (item.requestId || '(req)') + ' · ' + (item.toolName || '(tool)'));
-      renderSequence(el.llmSeqA, a.llmSequence || [], (item) => (item.requestId || '(req)') + ' · ' + (item.model || 'unknown'));
-      renderSequence(el.llmSeqB, b.llmSequence || [], (item) => (item.requestId || '(req)') + ' · ' + (item.model || 'unknown'));
+      renderSequence(el.toolSeqA, a.toolSequence || [], (item) => (item.requestId || '(req)') + ' \xB7 ' + (item.toolName || '(tool)'));
+      renderSequence(el.toolSeqB, b.toolSequence || [], (item) => (item.requestId || '(req)') + ' \xB7 ' + (item.toolName || '(tool)'));
+      renderSequence(el.llmSeqA, a.llmSequence || [], (item) => (item.requestId || '(req)') + ' \xB7 ' + (item.model || 'unknown'));
+      renderSequence(el.llmSeqB, b.llmSequence || [], (item) => (item.requestId || '(req)') + ' \xB7 ' + (item.model || 'unknown'));
     }
 
     function render() {
@@ -1380,89 +1019,4 @@ function buildHtml(payload) {
     render();
   </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 sessionsDir = process.env.AGENTIDE_SESSIONS_DIR || path.join(home, '.agent-hippo', 'analytics', 'sessions');
-  const chartDir = process.env.AGENTIDE_CHART_DIR || path.join(home, '.agent-hippo', 'analytics', 'views', 'global', '__all', '__all', 'charts');
-  const outputPath = path.join(chartDir, 'session-comparison-widget.html');
-  const activeSessionId = String(process.env.AGENTIDE_ACTIVE_SESSION_ID || '').trim();
-
-  fs.mkdirSync(chartDir, { recursive: true });
-  if (isOutputDisabled('session-comparison-widget.html')) {
-    try {
-      fs.unlinkSync(outputPath);
-    } catch {
-      // ignore missing file
-    }
-    return;
-  }
-
-  const duckdb = findDuckdb();
-  if (!duckdb) {
-    fs.writeFileSync(outputPath, buildFallbackHtml('DuckDB not found. Run Spotlight setup first.'), 'utf8');
-    return;
-  }
-
-  const indexedDbPath = getIndexedDbPath(tracesDir);
-  if (!indexedDbPath && !hasJsonlFiles(tracesDir)) {
-    fs.writeFileSync(outputPath, buildFallbackHtml('No session trace data available yet.'), 'utf8');
-    return;
-  }
-
-  const runQueries = (baseQuery, dbPath = '') => runBatchQueries(duckdb, [
-    { name: 'sessions', sql: buildSessionSummariesSql(baseQuery) },
-    { name: 'models', sql: buildModelBreakdownSql(baseQuery) },
-    { name: 'llm', sql: buildLlmSequenceSql(baseQuery) },
-  ], dbPath);
-
-  // Run against indexed DB first when available; fall back to JSONL if indexed query fails.
-  let batch = runQueries(buildBaseQuery(tracesDir, Boolean(indexedDbPath)), indexedDbPath);
-  if (indexedDbPath && batch.failed) {
-    console.error('session-comparison-widget indexed query failed; falling back to JSONL parsing');
-    batch = runQueries(buildBaseQuery(tracesDir, false));
-  }
-
-  const batchResults = batch.result;
-  const sessionRows = batchResults.sessions;
-  if (!sessionRows.length) {
-    fs.writeFileSync(outputPath, buildFallbackHtml('No sessions found for comparison.'), 'utf8');
-    return;
-  }
-
-  const modelRows = batchResults.models;
-  const llmRows = batchResults.llm;
-  const sessionIds = sessionRows
-    .map((row) => String(row.session_id || '').trim())
-    .filter(Boolean);
-  const sessionToolSignals = sessionIds.map((sessionId) => {
-    const eventRows = parseSessionEventFile(path.join(sessionsDir, `${sessionId}.jsonl`));
-    return computeToolSignals(sessionId, eventRows);
-  });
-
-  const sessions = buildSessionPayload(
-    sessionRows,
-    modelRows,
-    llmRows,
-    sessionToolSignals,
-    activeSessionId,
-  );
-  const payload = {
-    version: 1,
-    generatedAt: new Date().toISOString(),
-    activeSessionId: activeSessionId || null,
-    limits: {
-      sessionLimit: SESSION_LIMIT,
-      maxLlmEventsPerSession: MAX_LLM_EVENTS_PER_SESSION,
-      maxToolEventsPerSession: MAX_TOOL_EVENTS_PER_SESSION,
-      maxSequenceRender: MAX_SEQUENCE_RENDER,
-    },
-    sessions,
-  };
-  fs.writeFileSync(outputPath, buildHtml(payload), 'utf8');
-}
-
-main();
+</html>`}function main(){const s=process.env.HOME||"",o=process.env.AGENTIDE_TRACES_DIR||path.join(s,".agent-hippo","analytics","traces"),n=process.env.AGENTIDE_SESSIONS_DIR||path.join(s,".agent-hippo","analytics","sessions"),r=process.env.AGENTIDE_CHART_DIR||path.join(s,".agent-hippo","analytics","views","global","__all","__all","charts"),a=path.join(r,"session-comparison-widget.html"),l=String(process.env.AGENTIDE_ACTIVE_SESSION_ID||"").trim();if(fs.mkdirSync(r,{recursive:!0}),isOutputDisabled("session-comparison-widget.html")){try{fs.unlinkSync(a)}catch{}return}const d=findDuckdb();if(!d){fs.writeFileSync(a,buildFallbackHtml("DuckDB not found. Run Spotlight setup first."),"utf8");return}const c=getIndexedDbPath(o);if(!c&&!hasJsonlFiles(o)){fs.writeFileSync(a,buildFallbackHtml("No session trace data available yet."),"utf8");return}const m=(b,h="")=>runBatchQueries(d,[{name:"sessions",sql:buildSessionSummariesSql(b)},{name:"models",sql:buildModelBreakdownSql(b)},{name:"llm",sql:buildLlmSequenceSql(b)}],h);let t=m(buildBaseQuery(o,!!c),c);c&&t.failed&&(console.error("session-comparison-widget indexed query failed; falling back to JSONL parsing"),t=m(buildBaseQuery(o,!1)));const e=t.result,i=e.sessions;if(!i.length){fs.writeFileSync(a,buildFallbackHtml("No sessions found for comparison."),"utf8");return}const p=e.models,f=e.llm,S=i.map(b=>String(b.session_id||"").trim()).filter(Boolean).map(b=>{const h=parseSessionEventFile(path.join(n,`${b}.jsonl`));return computeToolSignals(b,h)}),u=buildSessionPayload(i,p,f,S,l),y={version:1,generatedAt:new Date().toISOString(),activeSessionId:l||null,limits:{sessionLimit:SESSION_LIMIT,maxLlmEventsPerSession:MAX_LLM_EVENTS_PER_SESSION,maxToolEventsPerSession:MAX_TOOL_EVENTS_PER_SESSION,maxSequenceRender:MAX_SEQUENCE_RENDER},sessions:u};fs.writeFileSync(a,buildHtml(y),"utf8")}main();