chuan/Cli-Proxy-API-Management-Center
1
0
Fork 0
mirror of https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git synced 2026-02-03 19:30:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add cached and reasoning token metrics with internationalization support

Browse Source
This commit is contained in:
Supra4E8C
2025-11-27 18:04:47 +08:00
parent 5415a61ad7
commit 96961d7b79
4 changed files with 69 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/modules/usage.js
View File

@@ -111,7 +111,7 @@ export async function loadUsageStats(usageData = null) {
this.updateChartLineSelectors(null);
// 清空概览数据
['total-requests', 'success-requests', 'failed-requests', 'total-tokens', 'rpm-30m', 'tpm-30m'].forEach(id => {
['total-requests', 'success-requests', 'failed-requests', 'total-tokens', 'cached-tokens', 'reasoning-tokens', 'rpm-30m', 'tpm-30m'].forEach(id => {
const el = document.getElementById(id);
if (el) el.textContent = '-';
});
@@ -142,6 +142,16 @@ export function updateUsageOverview(data) {
const totalTokensValue = safeData.total_tokens ?? 0;
document.getElementById('total-tokens').textContent = this.formatTokensInMillions(totalTokensValue);
const tokenBreakdown = this.calculateTokenBreakdown(safeData);
const cachedEl = document.getElementById('cached-tokens');
const reasoningEl = document.getElementById('reasoning-tokens');
if (cachedEl) {
cachedEl.textContent = this.formatTokensInMillions(tokenBreakdown.cachedTokens);
}
if (reasoningEl) {
reasoningEl.textContent = this.formatTokensInMillions(tokenBreakdown.reasoningTokens);
}
const recentRate = this.calculateRecentPerMinuteRates(30, safeData);
document.getElementById('rpm-30m').textContent = this.formatPerMinuteValue(recentRate.rpm);
document.getElementById('tpm-30m').textContent = this.formatPerMinuteValue(recentRate.tpm);
@@ -336,6 +346,28 @@ export function collectUsageDetails() {
return this.collectUsageDetailsFromUsage(this.currentUsageData);
}
export function calculateTokenBreakdown(usage = null) {
const details = this.collectUsageDetailsFromUsage(usage || this.currentUsageData);
if (!details.length) {
return { cachedTokens: 0, reasoningTokens: 0 };
}
let cachedTokens = 0;
let reasoningTokens = 0;
details.forEach(detail => {
const tokens = detail?.tokens || {};
if (typeof tokens.cached_tokens === 'number') {
cachedTokens += tokens.cached_tokens;
}
if (typeof tokens.reasoning_tokens === 'number') {
reasoningTokens += tokens.reasoning_tokens;
}
});
return { cachedTokens, reasoningTokens };
}
export function calculateRecentPerMinuteRates(windowMinutes = 30, usage = null) {
const details = this.collectUsageDetailsFromUsage(usage || this.currentUsageData);
const effectiveWindow = Number.isFinite(windowMinutes) && windowMinutes > 0
@@ -792,6 +824,7 @@ export const usageModule = {
getActiveChartLineSelections,
collectUsageDetailsFromUsage,
collectUsageDetails,
calculateTokenBreakdown,
calculateRecentPerMinuteRates,
createHourlyBucketMeta,
buildHourlySeriesByModel,