Narrow the right sidebar and update task panel and diff panel

[shivamhwp]

• Reduce inline/sidebar widths to fit the chat layout better
• Rename task sidebar settings copy to match the right panel

What Changed

Reduced the right-side plan/diff panel footprint on smaller windows.

• Lowered the breakpoint where right panels switch from inline sidebar to sheet.
• Capped the sheet width so it no longer takes most of the screen.
• Reduced the default inline diff panel width and added a max resize width.
• Renamed the existing setting to Auto-open task panel for clarity.

Why

On smaller window sizes, opening the plan or diff panel consumed too much horizontal space and made the chat hard to use. Keeping the panel narrower preserves context while still making the panel usable.

The auto-open behavior already existed, so this keeps the implementation scoped by improving the setting label instead of adding duplicate settings logic.

UI Changes

Yes. The right-side plan/diff panels are narrower on small and medium window sizes.

before

after

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

---

Note

Low Risk
UI-only layout and copy changes; primary risk is unintended responsive/layout regressions across breakpoints and resizable sidebar constraints.

Overview
Tightens the chat right-panel layout so plan/diff panels take less horizontal space on small/medium windows.

This lowers the inline→sheet breakpoint (RIGHT_PANEL_INLINE_LAYOUT_MEDIA_QUERY), narrows/caps the sheet width (RIGHT_PANEL_SHEET_CLASS_NAME), and reduces the inline diff sidebar’s default/min sizes while adding a max resizable width. It also renames the existing setting copy from Task sidebar to Auto-open task panel (including reset label and aria text) for consistency with the UI.

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

Note

Narrow the right sidebar and shrink the diff panel default width

• Lowers the inline right panel breakpoint from 1180px to 980px in rightPanelLayout.ts, so the panel stays as a sheet on wider screens
• Reduces the right panel sheet width to min(42vw, 28rem) with a floor of 20rem and a smaller override on very small screens
• Shrinks the inline diff sidebar default width from clamp(28rem,48vw,44rem) to clamp(24rem,34vw,36rem), lowers the minimum from 26rem to 22rem, and adds a 36rem maximum
• Renames the auto-open setting label from 'Task sidebar' to 'Auto-open task panel' in settings UI and the restore-defaults chip

^{Macroscope summarized b428c7c.}

[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

Run ID: 4e9e7f31-5fb5-4178-83ae-ae356d487c7f

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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 and usage tips.}

[macroscopeapp]

Approvability

Verdict: Approved

This PR contains only UI copy updates (renaming 'Task sidebar' to 'Auto-open task panel') and CSS layout adjustments to narrow panel widths. These are low-risk visual changes with no impact on runtime behavior or business logic.

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