fix(web): keep text rendering stable when dropdowns open

[shootingallday]

What Changed

Remove saturation from the shared dropdown-glass backdrop filter while retaining the configured blur.

Why

On Windows Chromium, opening the PR Sort or Usage metric dropdown changes text appearance across the page, including the sidebar. The sampled text's computed color and opacity remain the same. Removing the dropdown's saturation filter eliminates the rendering shift in the tested environment.

The Usage page exposes the metric dropdown in its narrower layout. At wider widths it uses inline Cost, Tokens, and Limits buttons, so that interaction does not open the filtered popup. The shift reproduces while the narrower page has focus.

This restores the blur-only dropdown behavior used by #4446. The change is limited to the standard and WebKit-prefixed backdrop-filter declarations.

UI Changes

Usage Limits views captured at 1100 × 780 and device-pixel ratio 1 in T3 Code's Windows embedded browser (Chromium 150.0.7871.224), with document.hasFocus() true. The test runs from upstream base 00d6109cb plus the two-line fix. The before capture temporarily restores the original saturation filter in the test page; the after capture uses the proposed CSS without an override.

Before: menu open changes surrounding text	After: menu open preserves surrounding text

Before interaction:

limits-before.mp4

After interaction:

limits-after.mp4

Additional PR Sort evidence: before, after, before video, after video.

Validation

• vp fmt --check apps/web/src/index.css passed.
• vp run --filter @t3tools/web typecheck passed.
• vp run --filter @t3tools/web build passed. The emitted dropdown CSS retains blur and omits saturation. The build reports its chunk-size warning.
• git diff --check passed.
• PR Sort and Usage Limits dropdowns inspected in dark and light themes. Computed blur remains 16px in dark and 12px in light.
• Compared closed/open Usage Limits screenshots in the Search, All projects, Codex Weekly, and Claude Session text regions: all four regions change with the original styling and remain pixel-identical with the fix. The separate PR Sort comparison gives the same result for the sidebar and page-title regions.
• The reporter confirmed the shift is gone after applying the same filter change to their existing Chrome Usage tab, without changing window size or zoom (1013 × 1007 content viewport).
• Independent code review found no blocking issues.

The rendered checks cover Windows Chromium. Safari, Firefox, macOS, Linux, and the full packaged desktop shell were not tested. Native mobile does not use this CSS utility.

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

Model: GPT-6; harness: Codex.

Note

Remove saturate() from dropdown-glass backdrop-filter

The dropdown-glass utility in index.css previously applied both blur and saturation to the backdrop. Saturation caused text behind the dropdown to shift in color, making rendering unstable. The utility now applies blur only, retaining its background, border, and fallback rules.

^{Macroscope summarized 6f5629b.}

[cursor]

Bugbot is paused — on-demand spend limit reached

Bugbot uses usage-based billing for this team and has hit its on-demand spend limit.

A team admin can raise the spend limit in the Cursor dashboard, or wait for the next billing cycle to continue.

[macroscopeapp]

Approvability

Verdict: Approved at 1bd7789

Macroscope's review found this PR approvable — This is a two-line, self-contained CSS bug fix that removes saturation from the shared dropdown glass effect while preserving blur and fallback behavior. Its impact is limited to stabilizing the appearance of existing dropdown-related UI surfaces, with no new capability or broader system change.

^{You can add or adjust custom eligibility rules. Learn more.}