From 3fc8fbc230df2e6fcb0ccb00c489b78fc30c4969 Mon Sep 17 00:00:00 2001
From: ZGaetano <zgaetano@wilddragon.net>
Date: Fri, 22 May 2026 17:29:23 -0400
Subject: [PATCH] add per-seat/per-stream/per-month strikethrough hero to
 Tokens page

---
 services/web-ui/public/screens-admin.jsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/services/web-ui/public/screens-admin.jsx b/services/web-ui/public/screens-admin.jsx
index 06156bb..31f735a 100644
--- a/services/web-ui/public/screens-admin.jsx
+++ b/services/web-ui/public/screens-admin.jsx
@@ -211,6 +211,19 @@ function Tokens() {
         <button className="btn ghost sm" onClick={() => setShowCalc(!showCalc)}><Icon name="sliders" />Cost calculator</button>
       </div>
       <div className="page-body">
+
+        <div style={{ textAlign: 'center', padding: '8px 0 36px' }}>
+          <h2 style={{ fontSize: 30, fontWeight: 700, letterSpacing: '-0.02em', lineHeight: 1.3, margin: 0 }}>
+            <span style={{ textDecoration: 'line-through', color: 'var(--text-3)', fontWeight: 500 }}>Per-seat</span>
+            {' · '}
+            <span style={{ textDecoration: 'line-through', color: 'var(--text-3)', fontWeight: 500 }}>Per-stream</span>
+            {' · '}
+            <span style={{ textDecoration: 'line-through', color: 'var(--text-3)', fontWeight: 500 }}>Per-month</span>
+            <br />
+            <span style={{ fontSize: 52, fontWeight: 800, color: 'var(--accent-text)', letterSpacing: '-0.03em' }}>Per Token.</span>
+          </h2>
+        </div>
+
         <div className="token-hero">
           <div className="token-burn-card">
             <div className="token-card-label">TOKENS BURNED THIS SESSION</div>