Improve output token usage display formatting

Refactored the output token usage details to show reasoning tokens as an indented HTML line using a <span> with Bootstrap classes for indentation and smaller text, instead of a parenthetical note. Updated logic to use ReasoningTokenCount.HasValue for improved clarity.
This commit is contained in:
Marco Minerva
2026-07-28 16:04:13 +02:00
parent 6f2e928542
commit 96c81b7dc3
@@ -274,9 +274,9 @@
static string FormatTokenUsageDetails(UsageDetails tokenUsage)
{
// Reasoning tokens are part of the output tokens, so they're shown as a detail of that value.
var outputTokens = tokenUsage.ReasoningTokenCount is > 0 and var reasoningTokenCount
? $"Output tokens: {tokenUsage.OutputTokenCount} (including {reasoningTokenCount} reasoning tokens)"
// Reasoning tokens are part of the output tokens, so they're shown as an indented detail of that value.
var outputTokens = tokenUsage.ReasoningTokenCount is > 0
? $"Output tokens: {tokenUsage.OutputTokenCount}<br /><span class=\"ms-3 small\">&bull; Reasoning: {tokenUsage.ReasoningTokenCount}</span>"
: $"Output tokens: {tokenUsage.OutputTokenCount}";
return string.Join("<br />",