salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Always render step usage chips

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-01 23:12:31 +00:00
parent d3dc170e02
commit 6d5836ce1f
1 changed files with 10 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/ui/src/components/message-stream-v2.tsx
View File

@@ -1043,16 +1043,10 @@ function StepCard(props: StepCardProps) {
return null return null
} }
const tokens = info.tokens const tokens = info.tokens
const input = tokens.input ?? 0
const output = tokens.output ?? 0
const reasoningTokens = tokens.reasoning ?? 0
if (input === 0 && output === 0 && reasoningTokens === 0) {
return null
}
return { return {
input, input: tokens.input ?? 0,
output, output: tokens.output ?? 0,
reasoning: reasoningTokens, reasoning: tokens.reasoning ?? 0,
cacheRead: tokens.cache?.read ?? 0, cacheRead: tokens.cache?.read ?? 0,
cacheWrite: tokens.cache?.write ?? 0, cacheWrite: tokens.cache?.write ?? 0,
cost: info.cost ?? 0, cost: info.cost ?? 0,
@@ -1063,13 +1057,13 @@ function StepCard(props: StepCardProps) {
const renderUsageChips = (usage: NonNullable<ReturnType<typeof usageStats>>) => { const renderUsageChips = (usage: NonNullable<ReturnType<typeof usageStats>>) => {
const entries = [ const entries = [
{ label: "Input", value: usage.input, formatter: formatTokenTotal, show: usage.input > 0 }, { label: "Input", value: usage.input, formatter: formatTokenTotal },
{ label: "Output", value: usage.output, formatter: formatTokenTotal, show: usage.output > 0 }, { label: "Output", value: usage.output, formatter: formatTokenTotal },
{ label: "Reasoning", value: usage.reasoning, formatter: formatTokenTotal, show: usage.reasoning > 0 }, { label: "Reasoning", value: usage.reasoning, formatter: formatTokenTotal },
{ label: "Cache Read", value: usage.cacheRead, formatter: formatTokenTotal, show: usage.cacheRead > 0 }, { label: "Cache Read", value: usage.cacheRead, formatter: formatTokenTotal },
{ label: "Cache Write", value: usage.cacheWrite, formatter: formatTokenTotal, show: usage.cacheWrite > 0 }, { label: "Cache Write", value: usage.cacheWrite, formatter: formatTokenTotal },
{ label: "Cost", value: usage.cost, formatter: formatCostValue, show: true }, { label: "Cost", value: usage.cost, formatter: formatCostValue },
].filter((entry) => entry.show) ]
return ( return (
<div class="message-step-usage"> <div class="message-step-usage">