feat: resizable left side bar

[maxy-shpfy]

Description

Added resizable sidebar functionality to the Flow interface. The sidebar now supports dynamic width adjustment with a vertical resize handle, allowing users to customize their workspace. The implementation includes:

• Added width constraints (min: 200px, max: 400px, default: 256px)
• Implemented a resize handle that appears when the sidebar is open
• Fixed component item layout to handle variable widths properly
• Replaced ScrollArea with native scrolling for better performance
• Improved component search results display with proper truncation

Type of Change

• Improvement
• New feature

Checklist

• I have tested this does not break current pipelines / runs functionality
• I have tested the changes on staging

Test Instructions

Screen Recording 2026-02-11 at 10.56.25 AM.mov (uploaded via Graphite)

1. Open the Flow interface
2. Expand the sidebar
3. Hover over the right edge of the sidebar to see the resize handle
4. Drag the handle to resize the sidebar between 200px and 400px
5. Verify component items display correctly at different widths
6. Test component search functionality with the resizable sidebar

Note

I removed "transitions" from the sidebar to make resizing responsive.

[maxy-shpfy]

• feat: show tooltip only for truncated titles on componentitem #1789
• feat: tooltip on hover for componentitem #1788
• refactor: remove sidebar in favor of simple approach #1787
• feat: resizable left side bar #1786 👈 (View in Graphite)
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

[camielvs]

LGTM. Would be nice if it didn't push the entire canvas across when resizing

[maxy-shpfy]

Merge activity

• Feb 19, 6:33 PM UTC: A user started a stack merge that includes this pull request via Graphite.
• Feb 19, 6:34 PM UTC: Graphite rebased this pull request as part of a merge.
• Feb 19, 6:36 PM UTC: @maxy-shpfy merged this pull request with Graphite.