Skip to content

Refact: Frontend UI Fixes and Performance Improvements#2234

Merged
danielaskdd merged 4 commits intoHKUDS:mainfrom
danielaskdd:fix-webui
Oct 17, 2025
Merged

Refact: Frontend UI Fixes and Performance Improvements#2234
danielaskdd merged 4 commits intoHKUDS:mainfrom
danielaskdd:fix-webui

Conversation

@danielaskdd
Copy link
Collaborator

Frontend UI Fixes and Performance Improvements

Summary

This PR addresses several frontend issues and performance optimizations in the LightRAG WebUI, focusing on improving user experience, development workflow, and runtime performance.

Changes

🚀 Performance Optimization

  • Reduce animations in inactive tabs (ChatMessage.tsx, RetrievalTesting.tsx)
    • Only render spinner animations when the retrieval tab is active
    • Reduces CPU usage and improves overall application performance
    • Maintains layout consistency while minimizing resource consumption in background tabs
    • Adds isTabActive prop to ChatMessage component for conditional rendering

🎨 UI/UX Improvements

  • Fix text overflow in AsyncSelect component (GraphLabels.tsx)
    • Improved layout with proper width constraints (min-w-[280px], max-w-[500px])
    • Added text truncation with tooltips for long labels
    • Better text alignment and overflow handling
    • Prevents UI breaking with long entity names

🔧 Development Environment Fixes

  • Fix ReDoc access in development mode
    • Added /redoc endpoint to proxy configuration (vite.config.ts)
    • Updated environment samples with correct ReDoc endpoint
    • Created .env.development file with proper development configuration
    • Fixed proxy rewrite rules for documentation endpoints

📝 Configuration Updates

  • Refined .gitignore patterns
    • Changed from *.env* (too broad) to .env (specific)
    • Prevents accidentally ignoring legitimate files like env.local.sample
    • Better control over environment file versioning

- Add responsive width container
- Improve text truncation with tooltips
- Add /redoc endpoint to proxy config
- Remove root path from API endpoints
- Add .env.development to git reopo
- Update sample environment files
- Refine .gitignore patterns for env files
• Add isTabActive prop to ChatMessage
• Disable spinner in inactive tabs
• Reduce opacity for inactive content
• Hide loading indicator when inactive
• Pass tab state from RetrievalTesting
@danielaskdd danielaskdd merged commit 8070d0c into HKUDS:main Oct 17, 2025
1 check passed
@danielaskdd danielaskdd deleted the fix-webui branch October 17, 2025 13:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant