show other tokens on the expanded row

This commit is contained in:
Owen
2026-08-11 16:40:10 -04:00
parent f5b10df7cf
commit 0016b8fce7
2 changed files with 63 additions and 14 deletions
+55 -12
View File
@@ -472,18 +472,6 @@ export default function AiSessionLogsPage() {
{row.statusCode ?? "N/A"}
</p>
</div>
<div>
<strong>{t("tokens")}</strong>
<p className="text-muted-foreground mt-1">
{row.usage
? `${row.usage.totalTokens.toLocaleString()}${
row.usage.estimated
? ` (${t("estimated")})`
: ""
}`
: "N/A"}
</p>
</div>
<div>
<strong>{t("cost")}</strong>
<p className="text-muted-foreground mt-1">
@@ -492,7 +480,62 @@ export default function AiSessionLogsPage() {
: "N/A"}
</p>
</div>
<div>
<strong>{t("estimated")}</strong>
<p className="text-muted-foreground mt-1">
{row.usage
? row.usage.estimated
? t("yes")
: t("no")
: "N/A"}
</p>
</div>
</div>
{row.usage && (
<div>
<div className="text-xs font-medium mb-2">
{t("tokenUsage")}
</div>
<div className="grid grid-cols-3 sm:grid-cols-6 gap-4 text-xs">
<div>
<strong>{t("promptTokens")}</strong>
<p className="text-muted-foreground mt-1">
{row.usage.promptTokens.toLocaleString()}
</p>
</div>
<div>
<strong>{t("cacheReadTokens")}</strong>
<p className="text-muted-foreground mt-1">
{row.usage.cacheReadTokens.toLocaleString()}
</p>
</div>
<div>
<strong>{t("cacheWriteTokens")}</strong>
<p className="text-muted-foreground mt-1">
{row.usage.cacheWriteTokens.toLocaleString()}
</p>
</div>
<div>
<strong>{t("completionTokens")}</strong>
<p className="text-muted-foreground mt-1">
{row.usage.completionTokens.toLocaleString()}
</p>
</div>
<div>
<strong>{t("reasoningTokens")}</strong>
<p className="text-muted-foreground mt-1">
{row.usage.reasoningTokens.toLocaleString()}
</p>
</div>
<div>
<strong>{t("totalTokens")}</strong>
<p className="text-muted-foreground mt-1">
{row.usage.totalTokens.toLocaleString()}
</p>
</div>
</div>
</div>
)}
<AiSessionChatView
normalizedRequest={row.normalizedRequest}
normalizedResponse={row.normalizedResponse}