Fix collapsed sidebar overlapping the chat history icon in Agentic UI - #4280
Conversation
…at-history-icon
…llapsed-sidebar-overlaps-with-chat-history-icon # Conflicts: # apps/ui/src/components/user-menu/index.tsx # apps/ui/src/components/user-menu/style.module.css
…aps-with-chat-history-icon' into stu-2071-collapsed-sidebar-overlaps-with-chat-history-icon
📊 Performance Test ResultsComparing b7087fe vs trunk app-size
site-editor
site-startup
Results are median values from multiple test runs. Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change (<50ms diff) |
|
Why not keep the toggle in the top? |
|
For me this feels a bit more hacky, as for the user it's going to mix something that is very global (sidebar toggle) with something very specific a button related to the prompt/chat. So I think the top position is a more natural position. Yes, it does mix it with the site dropdown but that's more natural, at least for me. |
|
If we keep it in the bottom, at least let's remove the space at the left of the site dropdown (that space was probably meant to host the toggle button) |
|
Let's go with Riad's PR #4309 , we can always go back to this PR if we think is necessary. |




Related issues
When the sidebar is collapsed, the floating "Show sidebar" toggle sits in the bottom-left corner of the main area — directly on top of the chat history icon, making both hard to use.
How AI was used in this PR
AI assisted with the implementation; the change was reviewed and verified manually.
Proposed Changes
One alternative could be keep the toggle button always under the text box.
Testing Instructions
Before
toggle-sidebar-button-before.mp4
After
toggle-sidebar-button-after.mp4
Pre-merge Checklist