Skip to content

Instantly share code, notes, and snippets.

@LoggeL
Created February 19, 2026 11:50
Show Gist options
  • Select an option

  • Save LoggeL/7f9882284c4e1e368290d15e70f8094a to your computer and use it in GitHub Desktop.

Select an option

Save LoggeL/7f9882284c4e1e368290d15e70f8094a to your computer and use it in GitHub Desktop.
InnovaVento Session Cost Analysis
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>InnovaVento — Session Cost Analysis</title>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<style>
:root {
--bg: #0d1117;
--bg2: #161b22;
--bg3: #21262d;
--border: #30363d;
--text: #e6edf3;
--text2: #8b949e;
--accent: #58a6ff;
--green: #3fb950;
--yellow: #d29922;
--red: #f85149;
--purple: #bc8cff;
--orange: #ffa657;
--teal: #39d353;
--opus: #f97316;
--sonnet: #06b6d4;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
background: var(--bg);
color: var(--text);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.6;
}
.header {
background: linear-gradient(135deg, #1a1f2e 0%, #161b22 100%);
border-bottom: 1px solid var(--border);
padding: 32px 40px;
position: relative;
overflow: hidden;
}
.header::before {
content: '';
position: absolute;
top: -50%;
right: -10%;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(88,166,255,0.08) 0%, transparent 70%);
pointer-events: none;
}
.header h1 {
font-size: 28px;
font-weight: 700;
color: var(--text);
margin-bottom: 6px;
}
.header h1 span {
color: var(--accent);
}
.header .subtitle {
color: var(--text2);
font-size: 14px;
}
.header .generated {
position: absolute;
top: 32px;
right: 40px;
color: var(--text2);
font-size: 12px;
}
.container {
max-width: 1400px;
margin: 0 auto;
padding: 32px 40px;
}
.summary-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 16px;
margin-bottom: 32px;
}
.stat-card {
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 12px;
padding: 20px;
position: relative;
overflow: hidden;
transition: transform 0.2s, border-color 0.2s;
}
.stat-card:hover {
border-color: var(--accent);
transform: translateY(-2px);
}
.stat-card .label {
font-size: 12px;
color: var(--text2);
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 8px;
}
.stat-card .value {
font-size: 26px;
font-weight: 700;
color: var(--text);
margin-bottom: 4px;
}
.stat-card .sub {
font-size: 12px;
color: var(--text2);
}
.stat-card.accent { border-color: var(--accent); }
.stat-card.green { border-color: var(--green); }
.stat-card.red { border-color: var(--red); }
.stat-card.orange { border-color: var(--orange); }
.stat-card.accent .value { color: var(--accent); }
.stat-card.green .value { color: var(--green); }
.stat-card.red .value { color: var(--red); }
.stat-card.orange .value { color: var(--orange); }
.section {
margin-bottom: 40px;
}
.section-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 1px solid var(--border);
}
.section-header h2 {
font-size: 18px;
font-weight: 600;
color: var(--text);
}
.section-header .count {
background: var(--bg3);
color: var(--text2);
padding: 2px 10px;
border-radius: 20px;
font-size: 12px;
}
.charts-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 32px;
}
@media (max-width: 900px) {
.charts-grid { grid-template-columns: 1fr; }
}
.chart-card {
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 12px;
padding: 24px;
}
.chart-card h3 {
font-size: 14px;
font-weight: 600;
color: var(--text2);
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.chart-card canvas {
max-height: 320px;
}
.chart-card.wide {
grid-column: 1 / -1;
}
/* Table styles */
.table-wrap {
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 12px;
overflow: hidden;
}
table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
}
thead tr {
background: var(--bg3);
border-bottom: 2px solid var(--border);
}
th {
padding: 12px 16px;
text-align: left;
font-weight: 600;
color: var(--text2);
white-space: nowrap;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
td {
padding: 10px 16px;
border-bottom: 1px solid var(--border);
color: var(--text);
vertical-align: middle;
}
tr:last-child td {
border-bottom: none;
}
tr:hover td {
background: rgba(88,166,255,0.04);
}
.badge {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 6px;
font-size: 11px;
font-weight: 500;
white-space: nowrap;
}
.badge-opus {
background: rgba(249,115,22,0.15);
color: var(--opus);
border: 1px solid rgba(249,115,22,0.3);
}
.badge-sonnet {
background: rgba(6,182,212,0.15);
color: var(--sonnet);
border: 1px solid rgba(6,182,212,0.3);
}
.badge-other {
background: rgba(139,148,158,0.15);
color: var(--text2);
border: 1px solid rgba(139,148,158,0.3);
}
.badge-tg {
background: rgba(41,182,246,0.15);
color: #29b6f6;
border: 1px solid rgba(41,182,246,0.3);
}
.badge-wa {
background: rgba(63,185,80,0.15);
color: var(--green);
border: 1px solid rgba(63,185,80,0.3);
}
.badge-discord {
background: rgba(114,137,218,0.15);
color: #7289da;
border: 1px solid rgba(114,137,218,0.3);
}
.cost-high { color: var(--red); font-weight: 600; }
.cost-med { color: var(--orange); font-weight: 600; }
.cost-low { color: var(--green); }
.comparison-card {
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 12px;
padding: 24px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
}
.comp-item {
text-align: center;
padding: 16px;
border-radius: 8px;
}
.comp-item.actual {
background: rgba(88,166,255,0.08);
border: 1px solid rgba(88,166,255,0.3);
}
.comp-item.sonnet {
background: rgba(6,182,212,0.08);
border: 1px solid rgba(6,182,212,0.3);
}
.comp-item.opus {
background: rgba(249,115,22,0.08);
border: 1px solid rgba(249,115,22,0.3);
}
.comp-item .comp-label {
font-size: 11px;
color: var(--text2);
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 8px;
}
.comp-item .comp-value {
font-size: 32px;
font-weight: 700;
margin-bottom: 4px;
}
.comp-item.actual .comp-value { color: var(--accent); }
.comp-item.sonnet .comp-value { color: var(--sonnet); }
.comp-item.opus .comp-value { color: var(--opus); }
.comp-item .comp-sub {
font-size: 12px;
color: var(--text2);
}
.insight-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px;
}
.insight-card {
background: var(--bg2);
border: 1px solid var(--border);
border-radius: 10px;
padding: 18px;
}
.insight-card .insight-title {
font-size: 12px;
color: var(--text2);
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 6px;
}
.insight-card .insight-body {
font-size: 13px;
color: var(--text);
line-height: 1.6;
}
.progress-bar {
height: 6px;
background: var(--bg3);
border-radius: 3px;
margin: 4px 0;
overflow: hidden;
}
.progress-bar .fill {
height: 100%;
border-radius: 3px;
background: var(--accent);
}
.footer {
border-top: 1px solid var(--border);
padding: 24px 40px;
text-align: center;
color: var(--text2);
font-size: 12px;
}
.number { font-variant-numeric: tabular-nums; }
/* Scrollable table on mobile */
.table-scroll { overflow-x: auto; }
</style>
</head>
<body>
<div class="header">
<div class="generated">Generated 2026-02-19 11:50 UTC</div>
<h1>🤖 <span>InnovaVento</span> — Session Cost Analysis</h1>
<p class="subtitle">Complete overview of all OpenClaw chat sessions, token usage, and AI costs</p>
</div>
<div class="container">
<!-- Summary Stats -->
<div class="summary-grid">
<div class="stat-card accent">
<div class="label">Total Actual Cost</div>
<div class="value number">$300.22</div>
<div class="sub">All sessions combined</div>
</div>
<div class="stat-card">
<div class="label">Sessions Analyzed</div>
<div class="value">40</div>
<div class="sub">Excl. cron &amp; subagents</div>
</div>
<div class="stat-card">
<div class="label">User Messages</div>
<div class="value">1,062</div>
<div class="sub">Total across all sessions</div>
</div>
<div class="stat-card orange">
<div class="label">Avg Cost / Message</div>
<div class="value number">$0.2827</div>
<div class="sub">Per user message sent</div>
</div>
<div class="stat-card green">
<div class="label">If All Sonnet 4.6</div>
<div class="value number">$198.94</div>
<div class="sub">-34% vs actual</div>
</div>
<div class="stat-card red">
<div class="label">If All Opus 4.6</div>
<div class="value number">$994.69</div>
<div class="sub">+231% vs actual</div>
</div>
<div class="stat-card">
<div class="label">Output Tokens</div>
<div class="value number">825.3K</div>
<div class="sub">Total generated</div>
</div>
<div class="stat-card">
<div class="label">Cache Read</div>
<div class="value number">265.58M</div>
<div class="sub">Tokens from cache</div>
</div>
</div>
<!-- Model Comparison -->
<div class="section">
<div class="section-header">
<h2>💰 Cost Comparison</h2>
<span class="count">Actual vs Hypothetical</span>
</div>
<div class="comparison-card">
<div class="comp-item actual">
<div class="comp-label">Actual Cost</div>
<div class="comp-value number">$300.22</div>
<div class="comp-sub">Mixed models (actual usage)</div>
</div>
<div class="comp-item sonnet">
<div class="comp-label">All Claude Sonnet 4.6</div>
<div class="comp-value number">$198.94</div>
<div class="comp-sub">$3/M in · $15/M out · savings: $101.28</div>
</div>
<div class="comp-item opus">
<div class="comp-label">All Claude Opus 4.6</div>
<div class="comp-value number">$994.69</div>
<div class="comp-sub">$15/M in · $75/M out · extra: $694.47</div>
</div>
</div>
</div>
<!-- Charts -->
<div class="section">
<div class="section-header">
<h2>📊 Charts</h2>
</div>
<div class="charts-grid">
<div class="chart-card">
<h3>💸 Total Cost by Contact</h3>
<canvas id="chartCost"></canvas>
</div>
<div class="chart-card">
<h3>💬 User Messages by Contact</h3>
<canvas id="chartMsgs"></canvas>
</div>
<div class="chart-card">
<h3>💡 Cost per Message by Contact</h3>
<canvas id="chartCostPerMsg"></canvas>
</div>
<div class="chart-card">
<h3>🤖 Actual vs Sonnet vs Opus Cost by Contact</h3>
<canvas id="chartComparison"></canvas>
</div>
</div>
</div>
<!-- Per-Contact Table -->
<div class="section">
<div class="section-header">
<h2>👥 Per-Contact Summary</h2>
<span class="count">24 contacts</span>
</div>
<div class="table-wrap table-scroll">
<table>
<thead>
<tr>
<th>Contact</th>
<th>Surface</th>
<th>Sessions</th>
<th>User Msgs</th>
<th>Tool Calls</th>
<th>Output Tokens</th>
<th>Cache Read</th>
<th>Actual Cost</th>
<th>Sonnet (hypo)</th>
<th>Opus (hypo)</th>
<th>Cost/Msg</th>
<th>Models</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Logge</strong></td>
<td><span class="badge badge-tg">telegram</span> </td>
<td class="number">2</td>
<td class="number">302</td>
<td class="number">1295</td>
<td class="number">332.8K</td>
<td class="number">149.73M</td>
<td class="number cost-high">$160.3388</td>
<td class="number">$96.2277</td>
<td class="number">$481.1384</td>
<td class="number">$0.5309</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Max</strong></td>
<td><span class="badge badge-tg">telegram</span> <span class="badge badge-wa">whatsapp</span> </td>
<td class="number">4</td>
<td class="number">299</td>
<td class="number">478</td>
<td class="number">175.2K</td>
<td class="number">57.31M</td>
<td class="number cost-high">$60.3866</td>
<td class="number">$40.5078</td>
<td class="number">$202.5388</td>
<td class="number">$0.2020</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Tobias</strong></td>
<td><span class="badge badge-tg">telegram</span> <span class="badge badge-wa">whatsapp</span> </td>
<td class="number">3</td>
<td class="number">58</td>
<td class="number">317</td>
<td class="number">130.2K</td>
<td class="number">24.19M</td>
<td class="number cost-high">$24.0979</td>
<td class="number">$22.8492</td>
<td class="number">$114.2462</td>
<td class="number">$0.4155</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Julian</strong></td>
<td><span class="badge badge-tg">telegram</span> <span class="badge badge-wa">whatsapp</span> </td>
<td class="number">2</td>
<td class="number">50</td>
<td class="number">137</td>
<td class="number">40.2K</td>
<td class="number">14.90M</td>
<td class="number cost-high">$16.6721</td>
<td class="number">$11.5139</td>
<td class="number">$57.5695</td>
<td class="number">$0.3334</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Sebastian</strong></td>
<td><span class="badge badge-tg">telegram</span> </td>
<td class="number">1</td>
<td class="number">54</td>
<td class="number">53</td>
<td class="number">34.0K</td>
<td class="number">4.95M</td>
<td class="number cost-high">$11.5973</td>
<td class="number">$9.7526</td>
<td class="number">$48.7632</td>
<td class="number">$0.2148</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Jonathan</strong></td>
<td><span class="badge badge-wa">whatsapp</span> </td>
<td class="number">1</td>
<td class="number">29</td>
<td class="number">28</td>
<td class="number">13.6K</td>
<td class="number">2.92M</td>
<td class="number cost-med">$3.5295</td>
<td class="number">$2.1177</td>
<td class="number">$10.5885</td>
<td class="number">$0.1217</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Chris</strong></td>
<td><span class="badge badge-tg">telegram</span> </td>
<td class="number">1</td>
<td class="number">13</td>
<td class="number">29</td>
<td class="number">18.2K</td>
<td class="number">999.2K</td>
<td class="number cost-med">$3.3220</td>
<td class="number">$2.7709</td>
<td class="number">$13.8547</td>
<td class="number">$0.2555</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Yunus</strong></td>
<td><span class="badge badge-wa">whatsapp</span> </td>
<td class="number">2</td>
<td class="number">47</td>
<td class="number">17</td>
<td class="number">5.8K</td>
<td class="number">2.59M</td>
<td class="number cost-med">$2.9984</td>
<td class="number">$1.7990</td>
<td class="number">$8.9951</td>
<td class="number">$0.0638</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Theresa</strong></td>
<td><span class="badge badge-wa">whatsapp</span> </td>
<td class="number">2</td>
<td class="number">22</td>
<td class="number">21</td>
<td class="number">12.5K</td>
<td class="number">987.5K</td>
<td class="number cost-med">$2.9172</td>
<td class="number">$1.7503</td>
<td class="number">$8.7516</td>
<td class="number">$0.1326</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Louis</strong></td>
<td><span class="badge badge-tg">telegram</span> </td>
<td class="number">1</td>
<td class="number">16</td>
<td class="number">57</td>
<td class="number">14.0K</td>
<td class="number">2.19M</td>
<td class="number cost-med">$2.4955</td>
<td class="number">$1.5827</td>
<td class="number">$7.9136</td>
<td class="number">$0.1560</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Geli</strong></td>
<td><span class="badge badge-tg">telegram</span> </td>
<td class="number">1</td>
<td class="number">21</td>
<td class="number">11</td>
<td class="number">8.7K</td>
<td class="number">427.6K</td>
<td class="number cost-med">$2.0333</td>
<td class="number">$2.0333</td>
<td class="number">$10.1665</td>
<td class="number">$0.0968</td>
<td><span class="badge badge-sonnet">Sonnet</span></td>
</tr>
<tr>
<td><strong>Harro</strong></td>
<td><span class="badge badge-wa">whatsapp</span> </td>
<td class="number">2</td>
<td class="number">10</td>
<td class="number">21</td>
<td class="number">5.6K</td>
<td class="number">505.2K</td>
<td class="number cost-med">$1.7600</td>
<td class="number">$1.0560</td>
<td class="number">$5.2799</td>
<td class="number">$0.1760</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Unknown TG</strong></td>
<td><span class="badge badge-tg">telegram</span> </td>
<td class="number">2</td>
<td class="number">35</td>
<td class="number">17</td>
<td class="number">8.1K</td>
<td class="number">1.03M</td>
<td class="number cost-med">$1.6828</td>
<td class="number">$1.0097</td>
<td class="number">$5.0483</td>
<td class="number">$0.0481</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Maik</strong></td>
<td><span class="badge badge-wa">whatsapp</span> </td>
<td class="number">3</td>
<td class="number">17</td>
<td class="number">8</td>
<td class="number">6.9K</td>
<td class="number">680.8K</td>
<td class="number cost-med">$1.3561</td>
<td class="number">$0.8137</td>
<td class="number">$4.0684</td>
<td class="number">$0.0798</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Philipp</strong></td>
<td><span class="badge badge-wa">whatsapp</span> </td>
<td class="number">1</td>
<td class="number">14</td>
<td class="number">22</td>
<td class="number">4.8K</td>
<td class="number">750.0K</td>
<td class="number cost-med">$1.0356</td>
<td class="number">$0.6214</td>
<td class="number">$3.1069</td>
<td class="number">$0.0740</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Discord Channel</strong></td>
<td><span class="badge badge-discord">discord</span> </td>
<td class="number">1</td>
<td class="number">15</td>
<td class="number">3</td>
<td class="number">4.2K</td>
<td class="number">223.2K</td>
<td class="number cost-low">$0.8115</td>
<td class="number">$0.4869</td>
<td class="number">$2.4344</td>
<td class="number">$0.0541</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Andreas</strong></td>
<td><span class="badge badge-wa">whatsapp</span> </td>
<td class="number">3</td>
<td class="number">10</td>
<td class="number">2</td>
<td class="number">1.4K</td>
<td class="number">153.1K</td>
<td class="number cost-low">$0.7268</td>
<td class="number">$0.4361</td>
<td class="number">$2.1805</td>
<td class="number">$0.0727</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Lars</strong></td>
<td><span class="badge badge-wa">whatsapp</span> </td>
<td class="number">2</td>
<td class="number">13</td>
<td class="number">1</td>
<td class="number">2.7K</td>
<td class="number">203.9K</td>
<td class="number cost-low">$0.6475</td>
<td class="number">$0.3885</td>
<td class="number">$1.9426</td>
<td class="number">$0.0498</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Alex Grunwald</strong></td>
<td><span class="badge badge-wa">whatsapp</span> </td>
<td class="number">1</td>
<td class="number">13</td>
<td class="number">7</td>
<td class="number">2.7K</td>
<td class="number">402.3K</td>
<td class="number cost-low">$0.6290</td>
<td class="number">$0.3774</td>
<td class="number">$1.8871</td>
<td class="number">$0.0484</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Amélie</strong></td>
<td><span class="badge badge-wa">whatsapp</span> </td>
<td class="number">1</td>
<td class="number">15</td>
<td class="number">4</td>
<td class="number">2.6K</td>
<td class="number">319.1K</td>
<td class="number cost-low">$0.5006</td>
<td class="number">$0.3003</td>
<td class="number">$1.5017</td>
<td class="number">$0.0334</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Noel</strong></td>
<td><span class="badge badge-tg">telegram</span> </td>
<td class="number">1</td>
<td class="number">6</td>
<td class="number">2</td>
<td class="number">429</td>
<td class="number">88.1K</td>
<td class="number cost-low">$0.4021</td>
<td class="number">$0.3466</td>
<td class="number">$1.7328</td>
<td class="number">$0.0670</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Jonas</strong></td>
<td><span class="badge badge-wa">whatsapp</span> </td>
<td class="number">1</td>
<td class="number">1</td>
<td class="number">0</td>
<td class="number">608</td>
<td class="number">0</td>
<td class="number cost-low">$0.1254</td>
<td class="number">$0.0752</td>
<td class="number">$0.3761</td>
<td class="number">$0.1254</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>WA Group</strong></td>
<td><span class="badge badge-wa">whatsapp</span> </td>
<td class="number">1</td>
<td class="number">1</td>
<td class="number">0</td>
<td class="number">9</td>
<td class="number">7.8K</td>
<td class="number cost-low">$0.0837</td>
<td class="number">$0.0502</td>
<td class="number">$0.2510</td>
<td class="number">$0.0837</td>
<td><span class="badge badge-opus">Opus</span></td>
</tr>
<tr>
<td><strong>Logge (Heartbeat)</strong></td>
<td><span class="badge badge-tg">telegram</span> </td>
<td class="number">1</td>
<td class="number">1</td>
<td class="number">1</td>
<td class="number">294</td>
<td class="number">33.8K</td>
<td class="number cost-low">$0.0713</td>
<td class="number">$0.0713</td>
<td class="number">$0.3566</td>
<td class="number">$0.0713</td>
<td><span class="badge badge-sonnet">Sonnet</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Per-Session Detail Table -->
<div class="section">
<div class="section-header">
<h2>📋 Session Details</h2>
<span class="count">40 sessions</span>
</div>
<div class="table-wrap table-scroll">
<table>
<thead>
<tr>
<th>Contact</th>
<th>Surface</th>
<th>User Msgs</th>
<th>Tool Calls</th>
<th>Input Tok</th>
<th>Output Tok</th>
<th>Cache Read</th>
<th>Cache Write</th>
<th>Actual Cost</th>
<th>Sonnet</th>
<th>Opus</th>
<th>Cost/Msg</th>
<th>Model</th>
<th>First Message</th>
<th>Last Message</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Logge</strong></td>
<td><span class="badge badge-tg">telegram</span></td>
<td class="number">295</td>
<td class="number">1290</td>
<td class="number">3.9K</td>
<td class="number">323.6K</td>
<td class="number">149.54M</td>
<td class="number">12.19M</td>
<td class="number cost-high">$159.0638</td>
<td class="number">$95.4383</td>
<td class="number">$477.1914</td>
<td class="number">$0.5392</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-05 17:08</td>
<td style="color:var(--text2);font-size:12px">2026-02-09 21:47</td>
</tr>
<tr>
<td><strong>Max</strong></td>
<td><span class="badge badge-tg">telegram</span></td>
<td class="number">175</td>
<td class="number">405</td>
<td class="number">1.2K</td>
<td class="number">127.7K</td>
<td class="number">40.21M</td>
<td class="number">4.31M</td>
<td class="number cost-high">$43.1014</td>
<td class="number">$30.1366</td>
<td class="number">$150.6831</td>
<td class="number">$0.2463</td>
<td><span class="badge badge-sonnet">sonnet-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-13 15:35</td>
<td style="color:var(--text2);font-size:12px">2026-02-19 11:45</td>
</tr>
<tr>
<td><strong>Tobias</strong></td>
<td><span class="badge badge-tg">telegram</span></td>
<td class="number">42</td>
<td class="number">253</td>
<td class="number">2.3K</td>
<td class="number">111.2K</td>
<td class="number">21.36M</td>
<td class="number">3.46M</td>
<td class="number cost-high">$21.1435</td>
<td class="number">$21.0766</td>
<td class="number">$105.3831</td>
<td class="number">$0.5034</td>
<td><span class="badge badge-sonnet">sonnet-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-13 15:36</td>
<td style="color:var(--text2);font-size:12px">2026-02-19 09:37</td>
</tr>
<tr>
<td><strong>Max</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">89</td>
<td class="number">62</td>
<td class="number">1.2K</td>
<td class="number">41.8K</td>
<td class="number">16.23M</td>
<td class="number">998.0K</td>
<td class="number cost-high">$15.4058</td>
<td class="number">$9.2435</td>
<td class="number">$46.2175</td>
<td class="number">$0.1731</td>
<td><span class="badge badge-opus">opus-4-5</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-03 09:02</td>
<td style="color:var(--text2);font-size:12px">2026-02-05 19:34</td>
</tr>
<tr>
<td><strong>Julian</strong></td>
<td><span class="badge badge-tg">telegram</span></td>
<td class="number">19</td>
<td class="number">135</td>
<td class="number">177</td>
<td class="number">36.1K</td>
<td class="number">14.28M</td>
<td class="number">1.52M</td>
<td class="number cost-high">$15.0507</td>
<td class="number">$10.5411</td>
<td class="number">$52.7054</td>
<td class="number">$0.7921</td>
<td><span class="badge badge-sonnet">sonnet-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-15 20:08</td>
<td style="color:var(--text2);font-size:12px">2026-02-17 22:22</td>
</tr>
<tr>
<td><strong>Sebastian</strong></td>
<td><span class="badge badge-tg">telegram</span></td>
<td class="number">54</td>
<td class="number">53</td>
<td class="number">341</td>
<td class="number">34.0K</td>
<td class="number">4.95M</td>
<td class="number">2.07M</td>
<td class="number cost-high">$11.5973</td>
<td class="number">$9.7526</td>
<td class="number">$48.7632</td>
<td class="number">$0.2148</td>
<td><span class="badge badge-sonnet">sonnet-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-15 17:53</td>
<td style="color:var(--text2);font-size:12px">2026-02-19 01:40</td>
</tr>
<tr>
<td><strong>Jonathan</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">29</td>
<td class="number">28</td>
<td class="number">384</td>
<td class="number">13.6K</td>
<td class="number">2.92M</td>
<td class="number">275.9K</td>
<td class="number cost-med">$3.5295</td>
<td class="number">$2.1177</td>
<td class="number">$10.5885</td>
<td class="number">$0.1217</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-06 13:54</td>
<td style="color:var(--text2);font-size:12px">2026-02-08 14:21</td>
</tr>
<tr>
<td><strong>Chris</strong></td>
<td><span class="badge badge-tg">telegram</span></td>
<td class="number">13</td>
<td class="number">29</td>
<td class="number">68</td>
<td class="number">18.2K</td>
<td class="number">999.2K</td>
<td class="number">586.3K</td>
<td class="number cost-med">$3.3220</td>
<td class="number">$2.7709</td>
<td class="number">$13.8547</td>
<td class="number">$0.2555</td>
<td><span class="badge badge-sonnet">sonnet-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-16 07:30</td>
<td style="color:var(--text2);font-size:12px">2026-02-19 08:31</td>
</tr>
<tr>
<td><strong>Yunus</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">43</td>
<td class="number">17</td>
<td class="number">146</td>
<td class="number">5.4K</td>
<td class="number">2.53M</td>
<td class="number">227.1K</td>
<td class="number cost-med">$2.8179</td>
<td class="number">$1.6907</td>
<td class="number">$8.4537</td>
<td class="number">$0.0655</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-10 19:49</td>
<td style="color:var(--text2);font-size:12px">2026-02-10 20:22</td>
</tr>
<tr>
<td><strong>Tobias</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">11</td>
<td class="number">60</td>
<td class="number">582</td>
<td class="number">17.8K</td>
<td class="number">2.64M</td>
<td class="number">162.2K</td>
<td class="number cost-med">$2.7839</td>
<td class="number">$1.6703</td>
<td class="number">$8.3516</td>
<td class="number">$0.2531</td>
<td><span class="badge badge-opus">opus-4-5</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-05 17:10</td>
<td style="color:var(--text2);font-size:12px">2026-02-05 17:42</td>
</tr>
<tr>
<td><strong>Theresa</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">21</td>
<td class="number">21</td>
<td class="number">266</td>
<td class="number">12.4K</td>
<td class="number">987.5K</td>
<td class="number">315.7K</td>
<td class="number cost-med">$2.7785</td>
<td class="number">$1.6671</td>
<td class="number">$8.3356</td>
<td class="number">$0.1323</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-04 09:59</td>
<td style="color:var(--text2);font-size:12px">2026-02-07 19:53</td>
</tr>
<tr>
<td><strong>Louis</strong></td>
<td><span class="badge badge-tg">telegram</span></td>
<td class="number">16</td>
<td class="number">57</td>
<td class="number">105</td>
<td class="number">14.0K</td>
<td class="number">2.19M</td>
<td class="number">191.0K</td>
<td class="number cost-med">$2.4955</td>
<td class="number">$1.5827</td>
<td class="number">$7.9136</td>
<td class="number">$0.1560</td>
<td><span class="badge badge-sonnet">sonnet-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-15 17:54</td>
<td style="color:var(--text2);font-size:12px">2026-02-18 06:29</td>
</tr>
<tr>
<td><strong>Geli</strong></td>
<td><span class="badge badge-tg">telegram</span></td>
<td class="number">21</td>
<td class="number">11</td>
<td class="number">290</td>
<td class="number">8.7K</td>
<td class="number">427.6K</td>
<td class="number">473.1K</td>
<td class="number cost-med">$2.0333</td>
<td class="number">$2.0333</td>
<td class="number">$10.1665</td>
<td class="number">$0.0968</td>
<td><span class="badge badge-sonnet">sonnet-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-18 10:31</td>
<td style="color:var(--text2);font-size:12px">2026-02-18 22:30</td>
</tr>
<tr>
<td><strong>Julian</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">31</td>
<td class="number">2</td>
<td class="number">95</td>
<td class="number">4.0K</td>
<td class="number">614.5K</td>
<td class="number">194.0K</td>
<td class="number cost-med">$1.6214</td>
<td class="number">$0.9728</td>
<td class="number">$4.8641</td>
<td class="number">$0.0523</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-07 18:47</td>
<td style="color:var(--text2);font-size:12px">2026-02-07 19:32</td>
</tr>
<tr>
<td><strong>Logge</strong></td>
<td><span class="badge badge-tg">telegram</span></td>
<td class="number">7</td>
<td class="number">5</td>
<td class="number">33</td>
<td class="number">9.2K</td>
<td class="number">186.9K</td>
<td class="number">158.6K</td>
<td class="number cost-med">$1.2750</td>
<td class="number">$0.7894</td>
<td class="number">$3.9470</td>
<td class="number">$0.1821</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-19 09:46</td>
<td style="color:var(--text2);font-size:12px">2026-02-19 11:44</td>
</tr>
<tr>
<td><strong>Max</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">24</td>
<td class="number">3</td>
<td class="number">75</td>
<td class="number">2.6K</td>
<td class="number">514.3K</td>
<td class="number">149.8K</td>
<td class="number cost-med">$1.2586</td>
<td class="number">$0.7551</td>
<td class="number">$3.7757</td>
<td class="number">$0.0524</td>
<td><span class="badge badge-other">delivery-mirror</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-13 10:14</td>
<td style="color:var(--text2);font-size:12px">2026-02-13 15:31</td>
</tr>
<tr>
<td><strong>Philipp S.</strong></td>
<td><span class="badge badge-tg">telegram</span></td>
<td class="number">21</td>
<td class="number">15</td>
<td class="number">78</td>
<td class="number">6.9K</td>
<td class="number">762.2K</td>
<td class="number">88.6K</td>
<td class="number cost-med">$1.1089</td>
<td class="number">$0.6653</td>
<td class="number">$3.3267</td>
<td class="number">$0.0528</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-15 17:54</td>
<td style="color:var(--text2);font-size:12px">2026-02-17 11:52</td>
</tr>
<tr>
<td><strong>Harro</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">6</td>
<td class="number">10</td>
<td class="number">28</td>
<td class="number">2.5K</td>
<td class="number">298.3K</td>
<td class="number">138.1K</td>
<td class="number cost-med">$1.0741</td>
<td class="number">$0.6444</td>
<td class="number">$3.2222</td>
<td class="number">$0.1790</td>
<td><span class="badge badge-other">delivery-mirror</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-12 21:11</td>
<td style="color:var(--text2);font-size:12px">2026-02-13 11:10</td>
</tr>
<tr>
<td><strong>Philipp</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">14</td>
<td class="number">22</td>
<td class="number">64</td>
<td class="number">4.8K</td>
<td class="number">750.0K</td>
<td class="number">86.5K</td>
<td class="number cost-med">$1.0356</td>
<td class="number">$0.6214</td>
<td class="number">$3.1069</td>
<td class="number">$0.0740</td>
<td><span class="badge badge-other">delivery-mirror</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-03 12:18</td>
<td style="color:var(--text2);font-size:12px">2026-02-07 17:06</td>
</tr>
<tr>
<td><strong>Maik</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">13</td>
<td class="number">8</td>
<td class="number">194</td>
<td class="number">6.1K</td>
<td class="number">653.5K</td>
<td class="number">81.8K</td>
<td class="number cost-low">$0.9928</td>
<td class="number">$0.5957</td>
<td class="number">$2.9785</td>
<td class="number">$0.0764</td>
<td><span class="badge badge-opus">opus-4-5</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-04 22:04</td>
<td style="color:var(--text2);font-size:12px">2026-02-04 22:19</td>
</tr>
<tr>
<td><strong>Discord Agent</strong></td>
<td><span class="badge badge-discord">discord</span></td>
<td class="number">15</td>
<td class="number">3</td>
<td class="number">174</td>
<td class="number">4.2K</td>
<td class="number">223.2K</td>
<td class="number">95.2K</td>
<td class="number cost-low">$0.8115</td>
<td class="number">$0.4869</td>
<td class="number">$2.4344</td>
<td class="number">$0.0541</td>
<td><span class="badge badge-opus">opus-4-5</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-02 22:45</td>
<td style="color:var(--text2);font-size:12px">2026-02-03 00:57</td>
</tr>
<tr>
<td><strong>Harro</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">4</td>
<td class="number">11</td>
<td class="number">22</td>
<td class="number">3.2K</td>
<td class="number">206.9K</td>
<td class="number">80.5K</td>
<td class="number cost-low">$0.6859</td>
<td class="number">$0.4115</td>
<td class="number">$2.0577</td>
<td class="number">$0.1715</td>
<td><span class="badge badge-other">delivery-mirror</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-03 14:38</td>
<td style="color:var(--text2);font-size:12px">2026-02-07 11:30</td>
</tr>
<tr>
<td><strong>Alex Grunwald</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">13</td>
<td class="number">7</td>
<td class="number">45</td>
<td class="number">2.7K</td>
<td class="number">402.3K</td>
<td class="number">57.8K</td>
<td class="number cost-low">$0.6290</td>
<td class="number">$0.3774</td>
<td class="number">$1.8871</td>
<td class="number">$0.0484</td>
<td><span class="badge badge-other">delivery-mirror</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-03 19:43</td>
<td style="color:var(--text2);font-size:12px">2026-02-03 20:12</td>
</tr>
<tr>
<td><strong>Max</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">11</td>
<td class="number">8</td>
<td class="number">41</td>
<td class="number">3.1K</td>
<td class="number">346.6K</td>
<td class="number">59.2K</td>
<td class="number cost-low">$0.6209</td>
<td class="number">$0.3725</td>
<td class="number">$1.8626</td>
<td class="number">$0.0564</td>
<td><span class="badge badge-opus">opus-4-5</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-03 09:16</td>
<td style="color:var(--text2);font-size:12px">2026-02-03 09:27</td>
</tr>
<tr>
<td><strong>Unknown TG</strong></td>
<td><span class="badge badge-tg">telegram</span></td>
<td class="number">14</td>
<td class="number">2</td>
<td class="number">44</td>
<td class="number">1.2K</td>
<td class="number">267.3K</td>
<td class="number">65.7K</td>
<td class="number cost-low">$0.5739</td>
<td class="number">$0.3443</td>
<td class="number">$1.7216</td>
<td class="number">$0.0410</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-13 15:36</td>
<td style="color:var(--text2);font-size:12px">2026-02-16 23:49</td>
</tr>
<tr>
<td><strong>Lars</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">10</td>
<td class="number">0</td>
<td class="number">30</td>
<td class="number">1.7K</td>
<td class="number">131.7K</td>
<td class="number">73.8K</td>
<td class="number cost-low">$0.5688</td>
<td class="number">$0.3413</td>
<td class="number">$1.7065</td>
<td class="number">$0.0569</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-07 11:35</td>
<td style="color:var(--text2);font-size:12px">2026-02-07 12:49</td>
</tr>
<tr>
<td><strong>Amélie</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">15</td>
<td class="number">4</td>
<td class="number">174</td>
<td class="number">2.6K</td>
<td class="number">319.1K</td>
<td class="number">43.9K</td>
<td class="number cost-low">$0.5006</td>
<td class="number">$0.3003</td>
<td class="number">$1.5017</td>
<td class="number">$0.0334</td>
<td><span class="badge badge-opus">opus-4-5</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-05 17:39</td>
<td style="color:var(--text2);font-size:12px">2026-02-05 17:45</td>
</tr>
<tr>
<td><strong>Andreas</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">6</td>
<td class="number">1</td>
<td class="number">19</td>
<td class="number">1.0K</td>
<td class="number">87.4K</td>
<td class="number">53.8K</td>
<td class="number cost-low">$0.4063</td>
<td class="number">$0.2438</td>
<td class="number">$1.2188</td>
<td class="number">$0.0677</td>
<td><span class="badge badge-other">delivery-mirror</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-07 19:39</td>
<td style="color:var(--text2);font-size:12px">2026-02-07 20:00</td>
</tr>
<tr>
<td><strong>Noel</strong></td>
<td><span class="badge badge-tg">telegram</span></td>
<td class="number">6</td>
<td class="number">2</td>
<td class="number">20</td>
<td class="number">429</td>
<td class="number">88.1K</td>
<td class="number">83.6K</td>
<td class="number cost-low">$0.4021</td>
<td class="number">$0.3466</td>
<td class="number">$1.7328</td>
<td class="number">$0.0670</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-17 23:52</td>
<td style="color:var(--text2);font-size:12px">2026-02-17 23:56</td>
</tr>
<tr>
<td><strong>Maik</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">3</td>
<td class="number">0</td>
<td class="number">30</td>
<td class="number">588</td>
<td class="number">19.6K</td>
<td class="number">38.7K</td>
<td class="number cost-low">$0.2664</td>
<td class="number">$0.1598</td>
<td class="number">$0.7992</td>
<td class="number">$0.0888</td>
<td><span class="badge badge-opus">opus-4-5</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-06 18:22</td>
<td style="color:var(--text2);font-size:12px">2026-02-06 20:02</td>
</tr>
<tr>
<td><strong>Andreas</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">3</td>
<td class="number">1</td>
<td class="number">10</td>
<td class="number">330</td>
<td class="number">65.7K</td>
<td class="number">22.7K</td>
<td class="number cost-low">$0.1828</td>
<td class="number">$0.1097</td>
<td class="number">$0.5484</td>
<td class="number">$0.0609</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-09 18:16</td>
<td style="color:var(--text2);font-size:12px">2026-02-09 18:17</td>
</tr>
<tr>
<td><strong>Yunus</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">4</td>
<td class="number">0</td>
<td class="number">12</td>
<td class="number">432</td>
<td class="number">64.5K</td>
<td class="number">22.0K</td>
<td class="number cost-low">$0.1805</td>
<td class="number">$0.1083</td>
<td class="number">$0.5414</td>
<td class="number">$0.0451</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-09 19:34</td>
<td style="color:var(--text2);font-size:12px">2026-02-09 19:36</td>
</tr>
<tr>
<td><strong>Tobias</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">5</td>
<td class="number">4</td>
<td class="number">18</td>
<td class="number">1.2K</td>
<td class="number">181.4K</td>
<td class="number">7.9K</td>
<td class="number cost-low">$0.1705</td>
<td class="number">$0.1023</td>
<td class="number">$0.5116</td>
<td class="number">$0.0341</td>
<td><span class="badge badge-other">delivery-mirror</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-10 20:00</td>
<td style="color:var(--text2);font-size:12px">2026-02-10 20:36</td>
</tr>
<tr>
<td><strong>Theresa</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">1</td>
<td class="number">0</td>
<td class="number">3</td>
<td class="number">97</td>
<td class="number">0</td>
<td class="number">21.8K</td>
<td class="number cost-low">$0.1387</td>
<td class="number">$0.0832</td>
<td class="number">$0.4160</td>
<td class="number">$0.1387</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-10 07:05</td>
<td style="color:var(--text2);font-size:12px">2026-02-10 07:05</td>
</tr>
<tr>
<td><strong>Andreas</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">1</td>
<td class="number">0</td>
<td class="number">3</td>
<td class="number">9</td>
<td class="number">0</td>
<td class="number">22.0K</td>
<td class="number cost-low">$0.1378</td>
<td class="number">$0.0827</td>
<td class="number">$0.4134</td>
<td class="number">$0.1378</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-11 13:53</td>
<td style="color:var(--text2);font-size:12px">2026-02-11 13:53</td>
</tr>
<tr>
<td><strong>Jonas</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">1</td>
<td class="number">0</td>
<td class="number">3</td>
<td class="number">608</td>
<td class="number">0</td>
<td class="number">17.6K</td>
<td class="number cost-low">$0.1254</td>
<td class="number">$0.0752</td>
<td class="number">$0.3761</td>
<td class="number">$0.1254</td>
<td><span class="badge badge-opus">opus-4-5</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-04 10:29</td>
<td style="color:var(--text2);font-size:12px">2026-02-04 10:30</td>
</tr>
<tr>
<td><strong>Maik</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">1</td>
<td class="number">0</td>
<td class="number">3</td>
<td class="number">119</td>
<td class="number">7.7K</td>
<td class="number">14.4K</td>
<td class="number cost-low">$0.0969</td>
<td class="number">$0.0581</td>
<td class="number">$0.2907</td>
<td class="number">$0.0969</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-10 19:59</td>
<td style="color:var(--text2);font-size:12px">2026-02-10 20:04</td>
</tr>
<tr>
<td><strong>WA Group 1</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">1</td>
<td class="number">0</td>
<td class="number">3</td>
<td class="number">9</td>
<td class="number">7.8K</td>
<td class="number">12.7K</td>
<td class="number cost-low">$0.0837</td>
<td class="number">$0.0502</td>
<td class="number">$0.2510</td>
<td class="number">$0.0837</td>
<td><span class="badge badge-opus">opus-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-03 00:49</td>
<td style="color:var(--text2);font-size:12px">2026-02-08 19:04</td>
</tr>
<tr>
<td><strong>Lars</strong></td>
<td><span class="badge badge-wa">whatsapp</span></td>
<td class="number">3</td>
<td class="number">1</td>
<td class="number">38</td>
<td class="number">1.0K</td>
<td class="number">72.2K</td>
<td class="number">2.7K</td>
<td class="number cost-low">$0.0787</td>
<td class="number">$0.0472</td>
<td class="number">$0.2361</td>
<td class="number">$0.0262</td>
<td><span class="badge badge-other">delivery-mirror</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-04 22:04</td>
<td style="color:var(--text2);font-size:12px">2026-02-08 21:26</td>
</tr>
<tr>
<td><strong>Logge (Heartbeat)</strong></td>
<td><span class="badge badge-tg">telegram</span></td>
<td class="number">1</td>
<td class="number">1</td>
<td class="number">18</td>
<td class="number">294</td>
<td class="number">33.8K</td>
<td class="number">15.1K</td>
<td class="number cost-low">$0.0713</td>
<td class="number">$0.0713</td>
<td class="number">$0.3566</td>
<td class="number">$0.0713</td>
<td><span class="badge badge-sonnet">sonnet-4-6</span></td>
<td style="color:var(--text2);font-size:12px">2026-02-19 04:03</td>
<td style="color:var(--text2);font-size:12px">2026-02-19 04:04</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Insights -->
<div class="section">
<div class="section-header">
<h2>🧠 Key Insights</h2>
</div>
<div class="insight-grid">
<div class="insight-card">
<div class="insight-title">🏆 Top Cost Contact</div>
<div class="insight-body">
<strong>Logge</strong> generated <strong>$160.3388</strong> in costs
across 302 messages
(2 session(s)).
That's <strong>53.4%</strong> of all costs.
</div>
</div>
<div class="insight-card">
<div class="insight-title">⚡ Cache Efficiency</div>
<div class="insight-body">
<strong>90.1%</strong> of all tokens served from cache.
Cache Read: <strong>265.58M</strong> tokens saved.
Prompt caching is <strong>working efficiently</strong> — big savings on repeated context.
</div>
</div>
<div class="insight-card">
<div class="insight-title">💡 Sonnet Savings Opportunity</div>
<div class="insight-body">
Switching entirely to <strong>Claude Sonnet 4.6</strong> would cost
<strong>$198.94</strong> vs current <strong>$300.22</strong>.
Potential savings: <strong>$101.28</strong>
(34% reduction).
</div>
</div>
<div class="insight-card">
<div class="insight-title">📈 Cost Efficiency</div>
<div class="insight-body">
Average cost per user message: <strong>$0.2827</strong>.
With 1,062 total messages processed.
Most expensive session type: long-running conversations with tool calls.
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<p>InnovaVento · OpenClaw Session Cost Report · 2026-02-19 11:50 UTC · Data source: /home/fedora/.openclaw/agents/main/sessions/</p>
</div>
<script>
Chart.defaults.color = '#8b949e';
Chart.defaults.borderColor = '#30363d';
const colors = [
'#58a6ff','#3fb950','#ffa657','#f85149','#bc8cff',
'#39d353','#d29922','#06b6d4','#f97316','#e879f9',
'#a78bfa','#34d399','#fb7185','#60a5fa','#c084fc',
'#fbbf24','#4ade80','#38bdf8','#f472b6','#a3e635'
];
const gradientColor = (ctx, idx) => {
const c = colors[idx % colors.length];
return c;
};
const names = ["Logge", "Max", "Tobias", "Julian", "Sebastian", "Jonathan", "Chris", "Yunus", "Theresa", "Louis", "Geli", "Harro", "Unknown TG", "Maik", "Philipp", "Discord Channel", "Andreas", "Lars", "Alex Grunwald", "Am\u00e9lie"];
const costs = [160.3388, 60.3866, 24.0979, 16.6721, 11.5973, 3.5295, 3.322, 2.9984, 2.9172, 2.4955, 2.0333, 1.76, 1.6828, 1.3561, 1.0356, 0.8115, 0.7268, 0.6475, 0.629, 0.5006];
const msgs = [302, 299, 58, 50, 54, 29, 13, 47, 22, 16, 21, 10, 35, 17, 14, 15, 10, 13, 13, 15];
const costPerMsg = [0.5309, 0.202, 0.4155, 0.3334, 0.2148, 0.1217, 0.2555, 0.0638, 0.1326, 0.156, 0.0968, 0.176, 0.0481, 0.0798, 0.074, 0.0541, 0.0727, 0.0498, 0.0484, 0.0334];
// Sonnet vs Opus comparison data
const sonnetCosts = [96.2277, 40.5078, 22.8492, 11.5139, 9.7526, 2.1177, 2.7709, 1.799, 1.7503, 1.5827, 2.0333, 1.056, 1.0097, 0.8137, 0.6214, 0.4869, 0.4361, 0.3885, 0.3774, 0.3003];
const opusCosts = [481.1384, 202.5388, 114.2462, 57.5695, 48.7632, 10.5885, 13.8547, 8.9951, 8.7516, 7.9136, 10.1665, 5.2799, 5.0483, 4.0684, 3.1069, 2.4344, 2.1805, 1.9426, 1.8871, 1.5017];
// Chart 1: Cost by contact
new Chart(document.getElementById('chartCost'), {
type: 'bar',
data: {
labels: names,
datasets: [{
label: 'Actual Cost ($)',
data: costs,
backgroundColor: names.map((_, i) => colors[i % colors.length] + '99'),
borderColor: names.map((_, i) => colors[i % colors.length]),
borderWidth: 1,
borderRadius: 4,
}]
},
options: {
responsive: true,
maintainAspectRatio: true,
plugins: {
legend: { display: false },
tooltip: {
callbacks: {
label: ctx => ` ${ctx.parsed.y.toFixed(4)}`
}
}
},
scales: {
x: { ticks: { maxRotation: 45, minRotation: 30, font: { size: 11 } } },
y: {
ticks: { callback: v => '$' + v.toFixed(2) },
grid: { color: '#21262d' }
}
}
}
});
// Chart 2: Messages by contact
new Chart(document.getElementById('chartMsgs'), {
type: 'bar',
data: {
labels: names,
datasets: [{
label: 'User Messages',
data: msgs,
backgroundColor: names.map((_, i) => colors[(i+5) % colors.length] + '99'),
borderColor: names.map((_, i) => colors[(i+5) % colors.length]),
borderWidth: 1,
borderRadius: 4,
}]
},
options: {
responsive: true,
maintainAspectRatio: true,
plugins: { legend: { display: false } },
scales: {
x: { ticks: { maxRotation: 45, minRotation: 30, font: { size: 11 } } },
y: { grid: { color: '#21262d' } }
}
}
});
// Chart 3: Cost per message
new Chart(document.getElementById('chartCostPerMsg'), {
type: 'bar',
data: {
labels: names,
datasets: [{
label: 'Cost/Message ($)',
data: costPerMsg,
backgroundColor: names.map((_, i) => colors[(i+10) % colors.length] + '99'),
borderColor: names.map((_, i) => colors[(i+10) % colors.length]),
borderWidth: 1,
borderRadius: 4,
}]
},
options: {
responsive: true,
maintainAspectRatio: true,
plugins: {
legend: { display: false },
tooltip: {
callbacks: {
label: ctx => ` ${ctx.parsed.y.toFixed(4)}`
}
}
},
scales: {
x: { ticks: { maxRotation: 45, minRotation: 30, font: { size: 11 } } },
y: {
ticks: { callback: v => '$' + v.toFixed(4) },
grid: { color: '#21262d' }
}
}
}
});
// Chart 4: Comparison actual vs sonnet vs opus
new Chart(document.getElementById('chartComparison'), {
type: 'bar',
data: {
labels: names,
datasets: [
{
label: 'Actual Cost',
data: costs,
backgroundColor: 'rgba(88,166,255,0.6)',
borderColor: '#58a6ff',
borderWidth: 1,
borderRadius: 2,
},
{
label: 'Sonnet 4.6 (hypo)',
data: sonnetCosts,
backgroundColor: 'rgba(6,182,212,0.6)',
borderColor: '#06b6d4',
borderWidth: 1,
borderRadius: 2,
},
{
label: 'Opus 4.6 (hypo)',
data: opusCosts,
backgroundColor: 'rgba(249,115,22,0.6)',
borderColor: '#f97316',
borderWidth: 1,
borderRadius: 2,
}
]
},
options: {
responsive: true,
maintainAspectRatio: true,
plugins: {
legend: {
display: true,
labels: { color: '#8b949e', font: { size: 11 } }
},
tooltip: {
callbacks: {
label: ctx => ` ${ctx.dataset.label}: ${ctx.parsed.y.toFixed(4)}`
}
}
},
scales: {
x: { ticks: { maxRotation: 45, minRotation: 30, font: { size: 11 } } },
y: {
ticks: { callback: v => '$' + v.toFixed(2) },
grid: { color: '#21262d' }
}
}
}
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment