diff --git a/.changeset/improve-token-display-format.md b/.changeset/improve-token-display-format.md new file mode 100644 index 00000000..6045870e --- /dev/null +++ b/.changeset/improve-token-display-format.md @@ -0,0 +1,6 @@ +--- +"@perstack/tui-components": patch +"perstack": patch +--- + +refactor: improve token display format with readable labels and conditional reasoning diff --git a/packages/tui-components/src/execution/components/interface-panel.tsx b/packages/tui-components/src/execution/components/interface-panel.tsx index f6672033..28c5f374 100644 --- a/packages/tui-components/src/execution/components/interface-panel.tsx +++ b/packages/tui-components/src/execution/components/interface-panel.tsx @@ -72,16 +72,17 @@ export const InterfacePanel = ({ {elapsedTime} {providerName ? · {providerName} : null} - - R - {formattedReasoningTokens} - · I - {formattedInputTokens} - · C - {formattedCachedInputTokens} - · O - {formattedOutputTokens} - (cache: {cacheHitRate}%) + + Tokens: + In {formattedInputTokens} + · Out {formattedOutputTokens} + + {" "} + · Cache {formattedCachedInputTokens}/{cacheHitRate}% + + {formattedReasoningTokens !== "0" ? ( + · Reasoning {formattedReasoningTokens} + ) : null} )}