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/); });