Skip to content

feat(ui): format large token counts in billions for readability #6449

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
aharvard merged 1 commit into from
Jan 13, 2026
Merged

feat(ui): format large token counts in billions for readability #6449

aharvard merged 1 commit into from
Jan 13, 2026

Conversation

@aharvard
Copy link
Collaborator

@aharvard aharvard commented Jan 12, 2026 •
edited
Loading

Summary

Improves the display of token counts in the Sessions Insights view by formatting values with appropriate units (B, M, K) for better readability.

Problem

image

When token counts exceed 1 billion, displaying them in millions becomes less readable. For example, 1234M is harder to quickly parse than 1.23B.

Solution

Added a formatTokens helper function that formats token counts with human-readable units:

  • >= 1B: 1.23B
  • >= 1M: 1.23M
  • >= 1K: 1.5K
  • < 1K: raw number

Testing

Manual testing in the Sessions Insights view.

Copilot AI review requested due to automatic review settings January 12, 2026 18:46
Copilot AI reviewed Jan 12, 2026
View reviewed changes
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR improves token count readability in the Sessions Insights view by introducing a formatting helper that displays values >= 1 billion as billions (B) instead of millions (M).

Changes:

  • Added formatTokens helper function to handle billion/million formatting with appropriate unit suffixes
  • Replaced inline token formatting with the new helper function for cleaner, more maintainable code

@aharvard
feat(ui): format token counts with appropriate units for readability
1dbc7c2 
Display token counts with human-readable units:
- >= 1B: '1.23B'
- >= 1M: '1.23M'
- >= 1K: '1.5K'
- < 1K: raw number

This improves clarity, e.g., '1234M' now displays as '1.23B'.
@aharvard aharvard force-pushed the aharvard/format-tokens-billions branch from 076f94e to 1dbc7c2 Compare January 12, 2026 18:57
alexhancock
alexhancock approved these changes Jan 12, 2026
View reviewed changes
Copy link
Collaborator

@alexhancock alexhancock left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

and now we wait to coin the first 1 trillion token goose user

@aharvard aharvard merged commit 5c506a8 into main Jan 13, 2026
36 of 40 checks passed
@aharvard aharvard deleted the aharvard/format-tokens-billions branch January 13, 2026 14:13
DOsinga
DOsinga reviewed Jan 13, 2026
View reviewed changes
ui/desktop/src/components/sessions/SessionsInsights.tsx
{insights?.totalTokens && insights.totalTokens > 0
? `${(insights.totalTokens / 1000000).toFixed(2)}M`
: '0.00M'}
{formatTokens(insights?.totalTokens)}
Copy link
Collaborator

@DOsinga DOsinga Jan 13, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

you can just use:

Intl.NumberFormat('en', { notation: 'compact', maximumFractionDigits: 2 }).format(insights?.totalTokens)

(possibly with || 0)

Copy link
Collaborator Author

@aharvard aharvard Jan 13, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

duh, thanks, this is obviously the way! 😄
#6466

@aharvard aharvard mentioned this pull request Jan 13, 2026
Merged
zanesq added a commit that referenced this pull request Jan 13, 2026
@zanesq
Merge branch 'main' of github.com:block/goose into zane/multichat-reb…
b4c3c2a 
…ased

* 'main' of github.com:block/goose: (23 commits)
  Use Intl.NumberFormat for token formatting in SessionsInsights (#6466)
  feat(ui): format large and small token counts for readability (#6449)
  fix: apply subrecipes when using slash commands (#6460)
  Fix: exclude platform_schedule_tool in CLI (#6442)
  Fix: Small update in how ML-based prompt injection determines final result (#6439)
  docs: remove SSE transport and rename to Streamable HTTP (#6319)
  fix: correct Cloudinary extension command and env variable (#6453)
  fix: add gap between buttons in MacDesktopInstallButtons.js (#6452)
  refactor: include hidden dotfiles folders in file picker search (#6315)
  upgraded safe npm packages (#6450)
  chore(deps): bump react-router and react-router-dom in /ui/desktop (#6408)
  chore(deps): bump lru from 0.12.5 to 0.16.3 (#6379)
  chore(deps-dev): bump @modelcontextprotocol/sdk from 1.24.0 to 1.25.2 in /ui/desktop (#6375)
  fix: inconsistent API url requirement between desktop and CLI versions (#6419)
  feat(vertexai): Add streaming support (#6409)
  fix deeplink recipe launch cold start (#6210)
  Spell check setting (#6446)
  File bug directly (#6413)
  fix(cli): incorrect bin name in shell completions (#6444)
  Use crunchy from crates instead of git fork (#6415)
  ...
wpfleger96 added a commit that referenced this pull request Jan 13, 2026
@wpfleger96
Merge branch 'main' into wpfleger/fork-session
1e1dc17 
* main: (41 commits)
  Allow customizing the new line keybinding in the CLI (#5956)
  Ask for permission in the CLI (#6475)
  docs: add Ralph Loop tutorial for multi-model iterative development (#6455)
  Remove gitignore fallback from gooseignore docs (#6480)
  fix: clean up result recording for code mode (#6343)
  fix(code_execution): handle model quirks with tool calls (#6352)
  feat(ui): support prefersBorder option for MCP Apps (#6465)
  fixed line breaks (#6459)
  Use Intl.NumberFormat for token formatting in SessionsInsights (#6466)
  feat(ui): format large and small token counts for readability (#6449)
  fix: apply subrecipes when using slash commands (#6460)
  Fix: exclude platform_schedule_tool in CLI (#6442)
  Fix: Small update in how ML-based prompt injection determines final result (#6439)
  docs: remove SSE transport and rename to Streamable HTTP (#6319)
  fix: correct Cloudinary extension command and env variable (#6453)
  fix: add gap between buttons in MacDesktopInstallButtons.js (#6452)
  refactor: include hidden dotfiles folders in file picker search (#6315)
  upgraded safe npm packages (#6450)
  chore(deps): bump react-router and react-router-dom in /ui/desktop (#6408)
  chore(deps): bump lru from 0.12.5 to 0.16.3 (#6379)
  ...
lifeizhou-ap added a commit that referenced this pull request Jan 14, 2026
@lifeizhou-ap
Merge branch 'main' into lifei/refactor-cli-sessin-builder
972e37d 
* main:
  fix: require auth when running goose on non loopback address (#6478)
  chore(deps): bump hono from 4.11.3 to 4.11.4 in /ui/desktop (#6485)
  feat(cli): graceful fallback for keyring failures (#5808)
  fix: support global .gooseignore and negation patterns (#6157)
  docs: manual config for jetbrains (#6490)
  fix: Recipe slash command doesn't work with single optional parameter (#6235)
  fix(openrouter): Handle Gemini thoughtSignature for tool calls (#6370)
  docs: fix extensions page (#6484)
  Allow customizing the new line keybinding in the CLI (#5956)
  Ask for permission in the CLI (#6475)
  docs: add Ralph Loop tutorial for multi-model iterative development (#6455)
  Remove gitignore fallback from gooseignore docs (#6480)
  fix: clean up result recording for code mode (#6343)
  fix(code_execution): handle model quirks with tool calls (#6352)
  feat(ui): support prefersBorder option for MCP Apps (#6465)
  fixed line breaks (#6459)
  Use Intl.NumberFormat for token formatting in SessionsInsights (#6466)
  feat(ui): format large and small token counts for readability (#6449)
  fix: apply subrecipes when using slash commands (#6460)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@DOsinga DOsinga DOsinga left review comments

Copilot code review Copilot Copilot left review comments

@alexhancock alexhancock alexhancock approved these changes

@The-Best-Codes The-Best-Codes The-Best-Codes approved these changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

5 participants

@aharvard @alexhancock @DOsinga @The-Best-Codes