fix(web): polish interface spacing

[maria-rcks]

Summary

• align composer, sidebar, and top-bar control insets
• size the context-window ring consistently with the send control
• use the shared bordered glass treatment for context-window details

Why

Several nearby controls used slightly different hardcoded insets and the context-window popover overrode the shared floating-surface styling. This made edges look uneven and the context control feel inconsistent with the rest of the interface.

Validation

• vp fmt --check on the eight changed web files
• vp run --filter @t3tools/web typecheck

Created with GPT-5.6 Sol via the Codex harness.

Note

Polish interface spacing across web UI components

Makes minor padding and spacing adjustments across several components for visual consistency. Changes affect BranchToolbar, ChatComposer, GitActionsControl, OpenInPicker, SidebarV2, SettingsSidebarNav, and ContextWindowMeter. The ContextWindowMeter popover also gains stroke color transition animation on the SVG circle alongside the existing dash offset animation.

^{Macroscope summarized 4a87482.}

---

Note

Low Risk
CSS-only spacing and popover styling tweaks with no logic, auth, or data-path changes.

Overview
Aligns horizontal insets across the composer strip, sidebar rows, header icon buttons, and workspace titlebar so neighboring controls share the same visual edge.

Composer & branch context — BranchToolbar uses asymmetric ps-1 pe-2 instead of uniform horizontal padding. ChatComposer bumps footer padding one step (px-3/pb-3, sm:px-4/sm:pb-4) and nudges the model picker trigger (-ms-px ps-0).

Sidebar & settings — SidebarV2 offsets the project filter trigger and thread list group with shared inset tokens (--sidebar-row-content-inset, --sidebar-content-inset). SettingsSidebarNav adds a 1px start padding on the menu list.

Header actions — GitActionsControl and OpenInPicker apply ps-[8.5px] on xs outline buttons so icon-leading controls line up with peers. ChatView adds mr-px on workspace titlebar controls.

Context window meter — Simplifies ring strokeDashoffset math, extends the SVG transition to include stroke, and switches the details popover to shared floating-surface styling (viewportClassName="p-0", p-[var(--floating-content-inset)]) instead of custom glass overrides.

^{Reviewed by Cursor Bugbot for commit 4a87482. Bugbot is set up for automated code reviews on this repo. Configure here.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 521cdbb4-41df-4f27-b6ca-f50407f84ca1

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

^{Reviewed by Cursor Bugbot for commit 1f8ff10. Configure here.}

[macroscopeapp]

Approvability

Verdict: Approved 4a87482

All changes are CSS class modifications for spacing and padding adjustments across UI components. No logic or behavioral changes - purely visual polish with minimal risk.

^{You can customize Macroscope's approvability policy. Learn more.}

Dismissing prior approval to re-evaluate 0c68a95

Dismissing prior approval to re-evaluate 4a87482