Skip to content

Add resizable chat sidebar#1347

Merged
juliusmarminge merged 2 commits intopingdotgg:mainfrom
shivamhwp:resizable-sidebar
Mar 24, 2026
Merged

Add resizable chat sidebar#1347
juliusmarminge merged 2 commits intopingdotgg:mainfrom
shivamhwp:resizable-sidebar

Conversation

@shivamhwp
Copy link
Collaborator

@shivamhwp shivamhwp commented Mar 24, 2026

Closes #213

What Changed

  • Added desktop resize support to the main left chat sidebar.
  • Reused the existing shared Sidebar resize rail instead of introducing a new layout system.
  • Persisted the sidebar width in local storage with chat_thread_sidebar_width.
  • Added a minimum remaining width check for the main content area so resizing cannot collapse the chat view into an unusable layout.
  • Kept mobile/sidebar sheet behavior unchanged.

Why

Issue threads requested a resizable sidebar because long project and thread names are getting truncated. The codebase already had a resize-capable sidebar primitive used by the inline diff panel, so the lowest-risk approach was to wire the main chat sidebar into that existing mechanism.

This keeps the change small, consistent with existing behavior, and avoids adding new dependencies or maintaining a second resize implementation. The width guard is there to preserve predictable layout behavior under narrower desktop viewports.

UI Changes

  • Before: left sidebar width was fixed.
  • After:
resizable-sidebar.mov

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

Add resizable sidebar to chat layout

Makes the chat thread sidebar user-resizable via a drag rail. The sidebar persists its width to localStorage under the key chat_thread_sidebar_width, enforces a minimum sidebar width of 256px, and rejects resize attempts that would shrink the main content area below 640px.

Macroscope summarized bb0fe0d.

@coderabbitai
Copy link

coderabbitai bot commented Mar 24, 2026

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: 65c0e680-02d7-4a3b-8984-9c910164b29f

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

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions github-actions bot added size:S 10-29 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list. labels Mar 24, 2026
@juliusmarminge juliusmarminge enabled auto-merge (squash) March 24, 2026 02:25
@juliusmarminge juliusmarminge merged commit 2b08d86 into pingdotgg:main Mar 24, 2026
10 checks passed
Chrono-byte pushed a commit to Chrono-byte/t3code that referenced this pull request Mar 24, 2026
Co-authored-by: Julius Marminge <julius0216@outlook.com>
aaditagrawal added a commit to aaditagrawal/t3code that referenced this pull request Mar 24, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:S 10-29 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add sidebar resizing

2 participants