refactor(usage): remove redundant token trend summary labels

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<HTMLDivElement>) => {
     const rect = e.currentTarget.getBoundingClientRect();
     if (rect.width <= 0 || count === 0) return;
@@ -1093,12 +1091,6 @@ function UsageTrend({
             );
           })}
         </div>
-        <div className="usage-trend-header-meta">
-          <span className="usage-trend-chip">
-            <strong>{compactNumber(series.totals.tokens)}</strong> {t('usage.unit.tokens')}
-          </span>
-          <span className="usage-trend-chip">{bucketLabel}</span>
-        </div>
       </div>
 
       <div className="usage-trend-chart">

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;