CalvinBackup/CyberStrikeAI
1
0 Fork 0
mirror of https://github.com/Ed1s0nZ/CyberStrikeAI.git synced 2026-10-21 14:52:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add detailed token usage monitoring and cache write metrics

Browse Source
This commit is contained in:
Sycun committed 2026-10-11 22:30:30 +08:00
1 parent deda642bd6
commit b3d3f48c40
26 files changed
+666 -45
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

web/static/css/style.css
+22
View File
@@ -47219,3 +47219,25 @@ html[data-theme="dark"] { --tool-blocked-color: #f4bc62; }
.update-adopt-confirm-btn {
align-self: flex-start;
}
/* Provider-reported token analysis, scoped by the dashboard project selector. */
.token-usage-panel { margin-bottom: 20px; padding: 18px 22px; }
.token-usage-panel > summary { cursor: pointer; }
.token-usage-toolbar { display: flex; align-items: center; gap: 12px; margin-top: 18px; }
.token-usage-toolbar select { padding: 6px 10px; border: 1px solid var(--border-color, #dce2ea); border-radius: 6px; background: var(--bg-secondary, #fff); color: inherit; }
.token-usage-note { opacity: .72; font-size: 12px; line-height: 1.7; margin: 14px 0; }
.token-usage-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.token-usage-metrics > div { padding: 12px; border: 1px solid var(--border-color, #dce2ea); border-radius: 8px; min-width: 0; }
.token-usage-metrics span { display: block; font-size: 12px; opacity: .7; }
.token-usage-metrics strong { display: block; margin-top: 6px; font-size: 20px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.token-usage-table-wrap { overflow-x: auto; }
.token-usage-table-wrap table { width: 100%; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }
.token-usage-table-wrap th, .token-usage-table-wrap td { padding: 10px; text-align: right; border-bottom: 1px solid var(--border-color, #dce2ea); white-space: nowrap; }
.token-usage-table-wrap th:first-child, .token-usage-table-wrap td:first-child { text-align: left; }
.token-usage-table-wrap td:first-child { max-width: 280px; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 640px) { .token-usage-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .token-usage-panel { padding: 14px; } }
.token-usage-trend { display: flex; align-items: flex-end; gap: 8px; overflow-x: auto; padding: 12px 0; }
.token-usage-day { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; flex: 1 0 38px; height: 128px; gap: 6px; font-size: 11px; }
.token-usage-day-bar { width: 70%; max-width: 48px; background: var(--accent-color, #3b82f6); border-radius: 4px 4px 0 0; }
.token-usage-panel h4 { margin: 20px 0 8px; }