Add horizontal resize of ai chat panel

[FadhlanR]

Ticket: CS-6430

Screen.Recording.2024-01-18.at.14.35.26.mov

[github-actions]

Test Results

490 tests  ±0   486 ✔️ ±0   6m 39s ⏱️ +14s
    1 suites ±0       4 💤 ±0 
    1 files   ±0       0 ❌ ±0 

Results for commit bb31c6c. ± Comparison against base commit 4e2e934.

♻️ This comment has been updated with latest results.

[backspace]

I’m not sure of the boundaries of this and other issues, maybe this is 6485, but I noticed I’m unable to scroll the messages container and when I tab to the field to add another message everything shifts upward:

The proximity detection for showing and highlighting the handle is great, I found the snapping at the minimal width a bit jarring, unclear how that could be improved though

[backspace]

I also meant to ask: I’d expect the open/closed state of the panel to be persistent across refreshes, as well as its width. I don’t see an open issue for this and realise it’s not in the issue as defined though!

[FadhlanR]

@backspace , Thank you for the feedback. I've addressed the scroll issue in the AI Assistant panel and added a collapsible argument to ResizablePanel. By default, this argument is set to true, but if it's set to false, the ResizablePanel won't be collapsed.

Screen.Recording.2024-01-19.at.11.51.26.mov

[FadhlanR]

I also meant to ask: I’d expect the open/closed state of the panel to be persistent across refreshes, as well as its width. I don’t see an open issue for this and realise it’s not in the issue as defined though!

@backspace do you think it is better to make the open/closed and width state persistent in this PR?

[backspace]

do you think it is better to make the open/closed and width state persistent in this PR?

I’m uncertain! Let’s just say leave it for now, something to consider for the future.

The scrolling and non-collapse look good, thanks!

ETA something seems to be terribly wrong with the tests and therefore Percy, let us know when it’s ready again

[FadhlanR]

I've fixed boxel ui test and host test. This PR is ready for another review. cc: @backspace

[backspace]

looking good, I appreciate all the refinements 🎉

[jurgenwerk]

I think there should be a limit how much you can drag this to the left. This happens if you drag it all the way to the left:

[lukemelia]

Is the ResizeHandler component the thing responsible for rendering the handle? If so, should it be called ResizeHandle instead of ResizeHandler? I usually think of a "handler" as something that responds to events being triggered.

[FadhlanR]

@jurgenwerk I've added minimum length and made collapsibale to false for stack items panel. So we cannot make the stack items panel disappear.

Screen.Recording.2024-01-23.at.14.32.47.mov