fix(web): composer context strip pads both edges evenly

[limineol]

Problem

The composer context strip (the ribbon under the composer with the workspace and branch pickers) pads 4px on the left and 8px on the right (ps-1 pe-2). Hovering "Current checkout" shows its highlight pressed against the strip's rounded bottom-left corner, while the branch picker's highlight on the right has room to breathe.

Change

The strip now uses px-2, 8px on both sides. The server route's model strip already worked around the asymmetry with its own ps-2, which is now redundant and removed.

Scope and approval

This is a very small fix for an obvious visual bug, so it has no prior issue. #4404 made this padding symmetric (px-1), and #5252 later changed it to ps-1 pe-2 without a reason specific to the strip.

Open PR #13655 mentions ps-1 pe-2 in comments and a test constant, so whichever PR lands second should update those.

Verification

• Ran the web dev server from this branch, opened a new-thread draft, and read the strip's computed padding: 8px on both sides, compared with 4px / 8px on main.
• Hovered both pickers on main and on this branch. The composer in the screenshots is scaled 1.7× with a CSS transform so the edges are easier to see.
• Ran vp lint and vp fmt --check on both changed files.
• I didn't open the server route's model strip. Its classes resolve to 8px on both sides before and after this change.

	Before (main)	After
Workspace picker hover
Branch picker hover

Claude Opus 5.5 via Claude Code in T3 Code

[macroscopeapp]

Approvability

Verdict: Approved at e404519

Macroscope's review found this PR approvable — This is a minimal CSS-only UI fix that makes the existing composer context strip padding symmetric and preserves the model strip’s effective spacing. It introduces no new behavior, API changes, configuration changes, or static-analysis suppressions.

Notes:

• Code review disabled. Approvability was decided on eligibility alone.

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

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

• Configuration used: Path: .coderabbit.config.ts
• Review profile: CHILL
• Plan: Advanced
• Run ID: 1afd49ee-067a-4c7d-af05-a1789ef0e048

---

📥 Commits

Reviewing files that changed from the base of the PR and between 6497246 and e404519.

---

📒 Files selected for processing (2)

• apps/web/src/components/ChatView.tsx
• apps/web/src/components/chat/ComposerSurface.tsx

---

Included review availability: This review used your included allowance. Your plan provides up to 10 included reviews per hour; 9 remain after this review.

---

---

📝 Walkthrough

Walkthrough

Two composer strip class lists change their horizontal padding utilities. The model strip removes start padding, and ContextStrip switches to symmetric horizontal padding.

Changes

Composer strip padding

Layer / File(s)	Summary
Update composer strip padding apps/web/src/components/ChatView.tsx, apps/web/src/components/chat/ComposerSurface.tsx	The model strip removes the ps-2 utility. ContextStrip replaces ps-1 pe-2 with px-2.

Priority: ⬇️ Low

Estimated code review effort: 1 (Trivial) | ~3 minutes

Change: Bug fix

Suggested reviewers: juliusmarminge

---

Merge Risk: ⚪ Minimal · up to e4045

Both strips retain inline padding, and the context strip uses symmetric spacing. The supplied evidence identifies no concrete user-visible regression or remaining merge-blocking risk.

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check		The title clearly summarizes the main change: equal padding on both edges of the composer context strip.
Description check		The description covers the problem, change, scope rationale, verification results, and before-and-after UI screenshots. It also identifies a related PR that may need a comment and test update.
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.

---

---

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create a new PR

---

---

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

---

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