diff --git a/src/shared/components/RequestLoggerDetail.tsx b/src/shared/components/RequestLoggerDetail.tsx
index bd64b75dde..9e4d74bae5 100644
--- a/src/shared/components/RequestLoggerDetail.tsx
+++ b/src/shared/components/RequestLoggerDetail.tsx
@@ -1,7 +1,6 @@
"use client";
import { useState, useEffect, useRef } from "react";
-import { useTranslations } from "next-intl";
import {
PROVIDER_COLORS,
getHttpStatusStyle as getStatusStyle,
@@ -197,8 +196,6 @@ export default function RequestLoggerDetail({
relatedLogs = [],
onSelectRelated,
}) {
- const tCache = useTranslations("cache");
-
// Close on Escape key
useEffect(() => {
const handler = (e) => {
@@ -524,12 +521,12 @@ export default function RequestLoggerDetail({
{tokenStats.cacheRead != null && tokenStats.cacheRead > 0 && (
- {tCache("cachedTokensCol")}: {formatTokenValue(tokenStats.cacheRead)}
+ Cache Read: {formatTokenValue(tokenStats.cacheRead)}
)}
{tokenStats.cacheWrite != null && tokenStats.cacheWrite > 0 && (
- {tCache("cacheCreation")}: {formatTokenValue(tokenStats.cacheWrite)}
+ Cache Write: {formatTokenValue(tokenStats.cacheWrite)}
)}
{tokenStats.compressed != null &&
diff --git a/tests/unit/request-log-detail-layout.test.ts b/tests/unit/request-log-detail-layout.test.ts
index 4e2a035ed1..b35afb4d5f 100644
--- a/tests/unit/request-log-detail-layout.test.ts
+++ b/tests/unit/request-log-detail-layout.test.ts
@@ -116,8 +116,9 @@ test("request log detail splits token badges into input and output groups", () =
assert.match(
html,
- /data-testid="token-group-input"[\s\S]*Total In: 21[\s\S]*818[\s\S]*Cache Read: 21[\s\S]*632[\s\S]*Cache Write: N\/A/
+ /data-testid="token-group-input"[\s\S]*Total In: 21[\s\S]*818[\s\S]*Cache Read: 21[\s\S]*632/
);
+ assert.equal(html.includes("Cache Write:"), false);
assert.match(html, /data-testid="token-group-output"[\s\S]*Total Out: 42[\s\S]*Reasoning: N\/A/);
});