Skip to content

Make left sidebar resizable#5645

Merged
ComputelessComputer merged 1 commit into
mainfrom
fix/resizable-left-sidebar
Jun 22, 2026
Merged

Make left sidebar resizable#5645
ComputelessComputer merged 1 commit into
mainfrom
fix/resizable-left-sidebar

Conversation

@ComputelessComputer

@ComputelessComputer ComputelessComputer commented Jun 21, 2026

Copy link
Copy Markdown
Collaborator

Wrap the desktop left sidebar in a persistent resizable panel and cover expanded/collapsed layout states with tests.


Note

Low Risk
UI layout change with tests; no auth, data, or API impact. Minor risk of drag-region or chrome misalignment during resize.

Overview
The desktop classic main layout replaces a fixed 200px sidebar with a horizontal resizable panel when the left sidebar is expanded and the user is not on onboarding.

ClassicMainBody wraps sidebar and main content in ResizablePanelGroup with persisted layout (autoSaveId classic-main-sidebar), default 18% width, 12–32% bounds, and 180–360px min/max width. A resize handle appears only in that expanded state; collapsed and onboarding flows keep a single main panel with no handle. Top left sidebar chrome (data-left-sidebar-chrome) now tracks panel size via inline width instead of w-[200px].

LeftSidebar switches from w-[200px] to w-full so it fills the resizable panel. New body.test.tsx covers expanded panel behavior, chrome sync on layout, collapsed layout, and onboarding; shared body.test.tsx expectations update for the resizable root classes.

Reviewed by Cursor Bugbot for commit df5d3e9. Bugbot is set up for automated code reviews on this repo. Configure here.

@netlify

netlify Bot commented Jun 21, 2026

Copy link
Copy Markdown

Deploy Preview for old-char canceled.

Name Link
🔨 Latest commit df5d3e9
🔍 Latest deploy log https://app.netlify.com/projects/old-char/deploys/6a3894377578eb0008ee786f

@cursor cursor Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

Fix All in Cursor

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

Reviewed by Cursor Bugbot for commit 19e9714. Configure here.

Comment thread apps/desktop/src/main/body.tsx
@ComputelessComputer ComputelessComputer force-pushed the fix/resizable-left-sidebar branch from 19e9714 to bdb20f7 Compare June 22, 2026 01:30
Wrap the desktop left sidebar in a persistent resizable panel and cover expanded/collapsed layout states with tests.
@ComputelessComputer ComputelessComputer force-pushed the fix/resizable-left-sidebar branch from bdb20f7 to df5d3e9 Compare June 22, 2026 01:47
@ComputelessComputer ComputelessComputer merged commit 0ff3aad into main Jun 22, 2026
10 checks passed
@ComputelessComputer ComputelessComputer deleted the fix/resizable-left-sidebar branch June 22, 2026 02:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant