TokenGuard — Marketing Mockups

Fictional sample data for screenshots. Copilot Pro plan · 3,900 credits/month · ~80% used. Not connected to any real workspace.

Shot 1 — Full-screen Dashboard
TokenGuard Dashboard — Visual Studio Code
🗂
🔍
⑂
📊80%
🧩
📊 TokenGuard Dashboard ✕

TokenGuard

186.4K
Tokens Today
14.2M
Tokens This Month
138K / 48K
Input / Output Today
3,120
AI Credits (Month)
Budget: 3,120 / 3,900 credits (80%) · $31.20 this month

Last 30 Days

Jul 3Jul 18Aug 1

Model Breakdown

Claude Sonnet 4.5
1,090 cr
1,180 req
GPT-5
720 cr
520 req
Claude Opus 4.6
610 cr
240 req
GPT-4o
340 cr
480 req
Gemini 2.5 Pro
250 cr
300 req
o3-mini
110 cr
127 req

Per-Project Breakdown

ProjectTokensCreditsCost
payments-service
4.9M980.0$9.80
nova-web-dashboard
3.1M690.0$6.90
ml-fraud-detection
2.4M560.0$5.60
api-gateway
1.6M360.0$3.60
mobile-app-ios
1.1M300.0$3.00
terraform-infra
0.7M150.0$1.50
docs-portal
0.4M80.0$0.80
⑂ main ✔ 0 ⚠ 0 💳 3,120 / 3,900 cr ⚠ 80% budget $31.20
Shot 2 — Sidebar (compact webview & tree views)
TokenGuard
🗂
🔍
⑂
📊80%
🧩
▾ TokenGuard ⟳⤢
186.4K
Tokens Today
14.2M
Tokens Month
138K/48K
Input / Output
3,120
Credits (Month)
Budget: 3,120 / 3,900 credits (80%)

Last 30 Days

Jul 3Aug 1

Per-Project

ProjectTokensCost
payments-service
4.9M$9.80
nova-web-dashboard
3.1M$6.90
ml-fraud-detection
2.4M$5.60
api-gateway
1.6M$3.60
Compact webview view — 2 cards per row, colored values, 30-day sparkline, and a per-project table, all inside the activity-bar panel.
TokenGuard
🗂
🔍
⑂
📊80%
🧩
▾ Usage Summary ⏻⟳
◕
80% budget
🔢Tokens186.4K today · 14.2M month
↧Input138K
↥Output48K
⇄Requests52 today · 2,847 month
💳AI Credits142 today · 3,120 month
＄Cost$1.42 today · $31.20 month
🔥Largest Context62.4K tokens
▾ Request History
📅Today52 · 186K · 142cr
✦2m · Claude Sonnet 4.53.4K→0.9K · 22% cache
🤖11m · GPT-55.1K→1.4K
🔥38m · Claude Opus 4.662K→2.1K · large
◆1h · Gemini 2.5 Pro4.2K→1.1K
📅Yesterday73 · 241K · 198cr
▾ Usage Statistics
📆Daily (7d)1.3M · $13.90
•Today186K · 52 req · $1.42
•Yesterday241K · 73 req · $1.98
📈Weekly (4w)5.6M · $28.40
🖥Model Breakdown6 models
✦Claude Sonnet 4.51,180 req · 1,090cr
🤖GPT-5520 req · 720cr
▾ Per-Project Breakdown
📁payments-service4.9M · 980cr · $9.80
📁nova-web-dashboard3.1M · 690cr · $6.90
📁ml-fraud-detection2.4M · 560cr · $5.60
📁api-gateway1.6M · 360cr · $3.60
📁mobile-app-ios1.1M · 300cr · $3.00
Native tree views — colored codicons, a text budget bar, grouped tokens, request history with per-model rows, and per-project breakdown.
Shot 3 — Model Breakdown (hero close-up)
TokenGuard Dashboard — Model Breakdown

Model Breakdown

This month · 2,847 requests · 3,120 credits · $31.20
Claude Sonnet 4.5
1,090 cr
1,180 req
GPT-5
720 cr
520 req
Claude Opus 4.6
610 cr
240 req
GPT-4o
340 cr
480 req
Gemini 2.5 Pro
250 cr
300 req
o3-mini
110 cr
127 req
How to capture: open this file in a browser, zoom to ~125–150%, and screenshot each “Shot” frame. All numbers are fictional and internally consistent (month credits, project totals, and the model breakdown all sum to 3,120 credits / $31.20). Colors match the extension’s chart palette (blue / purple / green / orange). Emojis stand in for VS Code codicons.