diff --git a/src/pages/UsageRecordsPage.tsx b/src/pages/UsageRecordsPage.tsx index 8a424fd..13fca02 100644 --- a/src/pages/UsageRecordsPage.tsx +++ b/src/pages/UsageRecordsPage.tsx @@ -1020,8 +1020,6 @@ function UsageTrend({ const modelLabel = (key: string, fallback: string) => key === OTHER_TREND_MODEL_KEY ? t('usage.trend.other') : fallback; - const bucketLabel = t(`usage.trend.bucket.${series.bucket}` as MessageKey); - const handlePointerMove = (e: ReactPointerEvent) => { const rect = e.currentTarget.getBoundingClientRect(); if (rect.width <= 0 || count === 0) return; @@ -1093,12 +1091,6 @@ function UsageTrend({ ); })} -
- - {compactNumber(series.totals.tokens)} {t('usage.unit.tokens')} - - {bucketLabel} -
diff --git a/src/styles.css b/src/styles.css index 5c76ae8..8306b2d 100644 --- a/src/styles.css +++ b/src/styles.css @@ -8246,13 +8246,6 @@ textarea:focus-visible { flex-wrap: wrap; } -.usage-trend-header-meta { - display: flex; - align-items: center; - gap: 6px; - flex-wrap: wrap; -} - .usage-trend-legend-item { display: inline-flex; align-items: center; @@ -8286,22 +8279,6 @@ textarea:focus-visible { display: inline-block; } -.usage-trend-chip { - display: inline-flex; - align-items: center; - gap: 4px; - padding: 2px 7px; - border-radius: 6px; - background: var(--theme-f4f1ea); - color: var(--theme-7a746c); - font-size: 11px; -} - -.usage-trend-chip strong { - color: var(--theme-2d2a26); - font-weight: 600; -} - .usage-trend-chart { display: grid; min-height: 0;