Dashboard: all-time total spend stat (labeled, sits with the other all-time figures)

app/main.py

@@ -500,6 +500,7 @@ PAGE_HTML = """<!DOCTYPE html>
         <div class="stat"><div class="num" id="remaining">—</div><div class="lbl">remaining now</div></div>
         <div class="stat"><div class="num" id="allowance">—</div><div class="lbl">allowance left</div></div>
         <div class="stat"><div class="num" id="credits">—</div><div class="lbl">credits (never expire)</div></div>
+        <div class="stat"><div class="num" id="alltime">—</div><div class="lbl">total spend, all time</div></div>
         <div class="stat"><div class="num" id="tokens">—</div><div class="lbl">tokens, all time</div></div>
         <div class="stat"><div class="num" id="calls">—</div><div class="lbl">requests, all time</div></div>
       </div>
@@ -589,6 +590,7 @@ async function load() {
 
     const tokens = d.total_tokens ?? 0;
     const calls = (d.models || []).reduce((s, m) => s + (m.calls || 0), 0);
+    $('alltime').textContent = fmtMoney(d.all_time_spend ?? 0);
     $('tokens').textContent = tokens.toLocaleString();
     $('calls').textContent = calls.toLocaleString();