chore: make the Unleash AI chat resizable #8456
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
1 Skipped Deployment
|
Dependency Review✅ No vulnerabilities or license issues or OpenSSF Scorecard issues found.OpenSSF Scorecard
Scanned Manifest Files |
| minSize={{ width: '270px', height: '200px' }} | ||
| maxSize={{ width: '90vw', height: '90vh' }} | ||
| defaultSize={{ width: '320px', height: '450px' }} | ||
| onResize={scrollToEnd} |
There was a problem hiding this comment.
I can see cases where this would be annoying, ie you scroll up in history and then resize to read something without too many line breaks. But not sure the need would arise in here
There was a problem hiding this comment.
If you try this locally I think you'll understand why I did this. If we don't do something like this, whenever you resize, the conversation content container will anchor to the top left.
There was a problem hiding this comment.
I'll keep it for now but we can remove this behavior if we get feedback about it.
Honestly, I didn’t check MUI before starting this implementation, but from what I can tell, it doesn’t seem like there’s a built-in component for this. The resizing behavior we’re going for is a bit niche, so it’s not something you see commonly implemented in web UI libraries. |
https://linear.app/unleash/issue/2-2840/make-the-unleash-ai-chat-window-resizable
This PR makes the Unleash AI chat resizable, providing users with a flexible way to adjust the chat window's size.
Implements a reusable
Resizablewrapper component that allows configuration of:Double-clicking any resize handler maximizes the container along that axis (or both, if it's a corner). If the container is already maximized, double-clicking again will revert it to the default size.