[Claudesaul]

Problem

Closing the right panel makes the thread details button jump about 475px across the window on the first frame, while the panel edge is still far away. Opening doesn't do this: the button rides the edge of the chat.

Change

The chat header and the window's top right each have their own copy of this button, and closing swaps one for the other. The top right one now starts where the header's sat and slides into its slot, on the panel's own timing, so it travels with the closing edge.

Scope and approval

Small fix for an obvious jump. What the button does hasn't changed.

Verification

• To reproduce: set panel animations to 300ms, open the right panel and close it.
• Chromium on macOS at 1280×800 against the dev server: I froze the close at set points and measured the button. On main it's at 1175px from the first frame. Here it starts at 700px, where the header's button sat, stays just inside the closing edge, and lands at 1175px.
• Closing a maximized panel or closing with animations off doesn't slide the button, and reopening partway through a close leaves it in the right place.
• vp test run apps/web/src/components/chat (598 passed); web typecheck and lint clean.
• Not checked: the Electron window. Its Windows and Linux title bars space these buttons differently.

Recording: a few opens and closes at regular speed, then one close and open zoomed in at quarter speed. Both sides include the panel fix from #28922, so only this change differs.

Before	After

Model: Claude Opus 5.5; harness: T3 Code.

[macroscopeapp]

Approvability

Verdict: Needs Human Approval

Macroscope's review found this PR requires human approval — The change smooths the thread-details toggle’s movement when the right panel closes. It also adds a line-level lint suppression in PanelLayoutControls.tsx:191, which requires human review.

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

[coderabbitai]

No actionable comments were generated in the recent review.

Walkthrough

When the right panel closes while unmaximized, the titlebar controls animate the thread-panel toggle from its prior header position to its current position. The animation uses timing and easing from the inline panel and is canceled during effect cleanup.

Changes: Thread panel toggle animation

Layer / File(s)	Summary
Locate and animate the toggle apps/web/src/components/chat/PanelLayoutControls.tsx	The titlebar controls add a selector and ref to locate the toggle. When the right panel closes while unmaximized, a layout effect animates the toggle using the inline panel’s first animation timing and easing. Cleanup cancels the animation.

Estimated code review effort: 2 (Simple) | ~10 minutes

Change: Bug fix

Possibly related PRs

• pingdotgg/t3code#32607: Adds overlay positioning for titlebar controls when the right panel is open.

Suggested labels: bugfix

Suggested reviewers: utkarshusername, macroscopeapp

Merge Risk: Minimal · up to a4cfc

The animation may start a few pixels off at custom font sizes, but no merge-blocking risk was found.

Pre-merge checks: 4

Check name	Status	Explanation
Title check		The title clearly and concisely describes the main change: fixing the thread details control animation when the right panel closes.
Description check		The description includes the required Problem, Change, Scope and approval, and Verification sections. It explains the bug, fix, scope rationale, focused UI verification, test results, limitations, and…
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.

Full details: Description check

Explanation

The description includes the required Problem, Change, Scope and approval, and Verification sections. It explains the bug, fix, scope rationale, focused UI verification, test results, limitations, and motion evidence.

Finishing Touches

Generate unit tests (beta)

• Create a new PR

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

Recent review info

Run configuration

• Source mode: Auto
• Repository: pingdotgg/t3code
• Branch: main
• File: .coderabbit.config.ts
• Commit: ba4d01c
• Layers: Repository TS config
• Review profile: CHILL
• Plan: Advanced
• Run ID: ead14a1a-9737-44a5-9951-1ed8aaf12678

Commits

Reviewing files that changed from the base of the PR and between 12fc4ab and a4cfc19.

Files selected for processing: 1

• apps/web/src/components/chat/PanelLayoutControls.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.