Summary
Implement virtualization for the MessageList component to improve performance in long conversations.
Details
Currently, MessageList renders all messages in the conversation directly within a ScrollArea. As the number of messages grows, this can lead to performance degradation. Implementing virtualization will ensure that only the visible messages are rendered.
Target component: packages/vscode-webui/src/components/message/message-list.tsx
This is a sub-issue of #1488.
Proposed Changes
- Integrate a virtualization library (e.g.,
react-virtuoso or react-window).
- Refactor
MessageList to use the virtualization component.
- Ensure that scroll-to-bottom and other existing functionalities remain intact.
🤖 Generated with Pochi
Summary
Implement virtualization for the
MessageListcomponent to improve performance in long conversations.Details
Currently,
MessageListrenders all messages in the conversation directly within aScrollArea. As the number of messages grows, this can lead to performance degradation. Implementing virtualization will ensure that only the visible messages are rendered.Target component: packages/vscode-webui/src/components/message/message-list.tsx
This is a sub-issue of #1488.
Proposed Changes
react-virtuosoorreact-window).MessageListto use the virtualization component.🤖 Generated with Pochi