🔧 fix: Ariakit Combobox Virtualization

[danny-avila]

Summary:

I resolved virtualization issues in the Ariakit Combobox within LibreChat by replacing the conflicting react-virtualized implementation with the experimental SelectRenderer from @ariakit/react-core. I updated the dependencies and refactored the component’s state management and styling to improve performance and ensure smoother focus handling.

• Replaced react-virtualized’s AutoSizer and List with SelectRenderer to resolve scrolling and focus management conflicts.
• Updated dependency versions (@ariakit/react to ^0.4.15 and added @ariakit/react-core) to leverage the latest virtualization improvements.
• Configured combobox state using useComboboxStore and select state using useSelectStore for clearer state handling.
• Adjusted component styling and button width logic to reliably support both collapsed and expanded states.
• Improved performance by reducing render overhead and eliminating conflicts between automated focusing and virtualization.

Change Type:

• Bug fix (non-breaking change which fixes an issue)

Testing:

• Manually verified that the combobox displays options correctly in both collapsed and expanded modes.
• Confirmed that focus management and scrolling behave as expected in a virtualized environment.
• Ensured that the updated dependencies and state management integrate smoothly without introducing new warnings.

Checklist:

• My code adheres to this project's style guidelines
• I have performed a self-review of my own code
• I have commented in any complex areas of my code
• My changes do not introduce new warnings
• I have written tests demonstrating that my changes are effective or that my feature works
• Local unit tests pass with my changes
• Any changes dependent on mine have been merged and published in downstream modules