You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
fix(web): cap the Usage environment menu width - #33750
The environment filter menu on the Usage page sizes itself to its content. When environments share a transcript directory, the coverage notice lists every full source fingerprint (cursor-account:<64-char-hash>), so the popup stretches almost the full viewport: 1248 px wide in a 1280 px window instead of a normal menu.
Reproduce on a machine with several environments whose usage summary reports duplicateSources (a shared transcript directory), then open Usage and the "All environments" filter.
Change
Cap the environment filter MenuPopup at min(24rem, 100vw - 2rem) so long content cannot widen it past a normal menu size or off a small viewport.
Let the coverage notice break long unbreakable source paths with wrap-anywhere.
This is a purely visual layout fix, so per AGENTS.md the evidence is the before/after captures below and no test is added.
Scope and approval
Small, focused fix of an obvious bug, so no prior issue is needed. I searched existing issues and PRs; the nearest is #7858 / #24319, which is about deduplicating shared Windows/WSL transcripts, not the popup width. This changes only the menu layout, not what is counted or displayed.
Verification
vp run check:changed passes: format, lint, knip, typecheck, and react compiler.
Captured in Chromium at a 1280x800 viewport with the same three-environment fixture. The notice now wraps inside a 384 px menu.
Before / after:
Models: DeepSeek V4.1 Flash Free, through T3 Code with the OpenCode harness.
Macroscope's review found this PR approvable — This limits the Usage environment menu width and wraps long coverage notices without changing filtering or usage calculations. The changes are confined to presentation and carry no obvious material risk.
You can add or adjust custom eligibility rules. Learn more.
A shared-transcript notice lists full source fingerprints, so the content-sized menu stretched across the viewport. Cap the popup at 24rem and let the notice break long paths.
No actionable comments were generated in the recent review.
Walkthrough
The usage coverage notice now permits arbitrary text wrapping. The environment filter is exported, and its popup has a viewport-aware maximum width. A browser test opens the menu with long duplicate-source notices and checks visibility, width, and horizontal overflow.
Changes: Usage filter layout
Layer / File(s)
Summary
Constrain and validate usage filter layout apps/web/src/components/usage/UsagePage.tsx, apps/web/src/components/usage/UsageEnvironmentFilter.browser.test.tsx
The coverage notice allows arbitrary text wrapping, and the environment filter popup has a maximum width of min(24rem, calc(100vw - 2rem)). The filter is exported. The browser test checks menu visibility, a maximum width of 384 pixels, and no horizontal overflow with long duplicate-source notices.
No actionable merge-blocking risk is established for the menu layout change.
Pre-merge checks: 4
Check name
Status
Explanation
Title check
The title clearly and concisely describes the main change: limiting the Usage environment menu width.
Linked Issues check
Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check
Check skipped because no linked issues were found for this pull request.
Description check
The description covers the problem and reproduction steps, explains the layout change, justifies the scope, and reports verification with before-and-after screenshots.
Finishing Touches
Generate unit tests (beta)
Create a new PR
Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts
Included review availability: This review used your included allowance. Your plan provides up to 10 included reviews per hour; 9 remain after this review.
This branch has not been deployed
No deployments
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
github-actions
Bot
added
vouch:unvouched
![macroscopeapp[bot]](https://avatars.githubusercontent.com/in/900172?s=60&v=4){kind=small}
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
Problem
The environment filter menu on the Usage page sizes itself to its content. When environments share a transcript directory, the coverage notice lists every full source fingerprint (
cursor-account:<64-char-hash>), so the popup stretches almost the full viewport: 1248 px wide in a 1280 px window instead of a normal menu.Reproduce on a machine with several environments whose usage summary reports
duplicateSources(a shared transcript directory), then open Usage and the "All environments" filter.Change
MenuPopupatmin(24rem, 100vw - 2rem)so long content cannot widen it past a normal menu size or off a small viewport.wrap-anywhere.This is a purely visual layout fix, so per
AGENTS.mdthe evidence is the before/after captures below and no test is added.Scope and approval
Small, focused fix of an obvious bug, so no prior issue is needed. I searched existing issues and PRs; the nearest is #7858 / #24319, which is about deduplicating shared Windows/WSL transcripts, not the popup width. This changes only the menu layout, not what is counted or displayed.
Verification
vp run check:changedpasses: format, lint, knip, typecheck, and react compiler.Before / after:
Models: DeepSeek V4.1 Flash Free, through T3 Code with the OpenCode harness.