- Fix memory leak in ChatContentContainer by properly managing requestAnimationFrame
- Fix scroll control issue in chat_dashboard mode where user scroll was ignored during streaming
- Optimize performance by reducing unnecessary useEffect triggers
- Remove global scrollBehavior CSS to avoid conflicts
- Update Chinese comments to English
- Improve scroll consistency across different chat modes
- Implement MutationObserver for real-time DOM change detection
- Add triple-layer scroll guarantee: height detection + force check + backup timer
- Optimize architecture: separate scroll logic between container and content components
- Add intelligent user experience: respect manual scrolling with 100px threshold
- Fix second message scroll failure and streaming mode timeout issues
- Support both new chat mode and dashboard mode scenarios
- Fix timing issues in state reset for new messages
- Reset scroll tracking states immediately instead of delayed reset
- Ensure streaming content scrolling works consistently after new messages
- Set proper height baseline for accurate content change detection
- Prevent race conditions between user scroll detection and auto-scroll
# Description
Closes#2714
# How Has This Been Tested?
Please describe the tests that you ran to verify your changes. Provide
instructions so we can reproduce. Please also list any relevant details
for your test configuration
# Snapshots:
Include snapshots for easier review.
# Checklist:
- [x] My code follows the style guidelines of this project
- [x] I have already rebased the commits and make the commit message
conform to the project standard.
- [x] I have performed a self-review of my own code
- [x] I have commented my code, particularly in hard-to-understand areas
- [x] I have made corresponding changes to the documentation
- [x] Any dependent changes have been merged and published in downstream
modules
# Description
Implement Pie Chart visualization support in dashboard components.
This PR adds pie chart visualization capability to the dashboard,
allowing users to:
- Render pie charts in the chat_dashboard mode
- Preview pie charts in the chat_dashboard editor mode
## Implementation Details
- Added new file: `web/components/chart/pie-chart.tsx` that implements
pie chart rendering logic using G2
- Modified `web/components/chart/index.tsx` to integrate the pie chart
component into the dashboard chart rendering flow
- Added animation effects, hover interactions, and improved legend
display
- Fixed interaction bugs to ensure smooth visualization
# How Has This Been Tested?
Testing procedure included:
1. Creating datasets with category-based data suitable for pie charts
2. Verifying pie chart visualization in chat_dashboard mode
3. Confirming preview functionality works correctly in the editor mode
4. Testing interactions: hover effects, animations, and legend display
All tests confirm the feature works as expected with proper
visualization of categorical data proportions.
# Snapshots:
# Checklist:
- [x] My code follows the style guidelines of this project
- [x] I have already rebased the commits and make the commit message
conform to the project standard.
- [x] I have performed a self-review of my own code
- [x] I have commented my code, particularly in hard-to-understand areas
- [x] I have made corresponding changes to the documentation
- [x] Any dependent changes have been merged and published in downstream
modules
Fixes#2708
