Skip to content

Implement message list virtualization #1498

Description

@liangfung

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

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Type

No type

Fields

No fields configured for issues without a type.

Projects

Status
No status

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions