[PR #2627] [MERGED] Frontend performance improvements #4049

Closed
opened 2026-02-22 18:35:02 -05:00 by yindo · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/Mintplex-Labs/anything-llm/pull/2627
Author: @timothycarambat
Created: 11/13/2024
Status: Merged
Merged: 11/13/2024
Merged by: @timothycarambat

Base: masterHead: 2602-page-load-speed


📝 Commits (3)

  • 2f409e8 Frontend performance improvements
  • 774a32b test docker build
  • 9d9e039 Merge branch 'master' into 2602-page-load-speed

📊 Changes

21 files changed (+391 additions, -342 deletions)

View changed files

📝 .github/workflows/dev-build.yaml (+1 -1)
📝 frontend/src/components/Footer/index.jsx (+16 -19)
📝 frontend/src/components/Modals/ManageWorkspace/Documents/Directory/FileRow/index.jsx (+6 -20)
📝 frontend/src/components/Modals/ManageWorkspace/Documents/Directory/index.jsx (+158 -121)
📝 frontend/src/components/Modals/ManageWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx (+9 -41)
📝 frontend/src/components/Modals/ManageWorkspace/Documents/WorkspaceDirectory/index.jsx (+55 -0)
📝 frontend/src/components/SettingsButton/index.jsx (+6 -7)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/Citation/index.jsx (+9 -17)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/ActionMenu/index.jsx (+0 -7)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/EditMessage/index.jsx (+0 -7)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/asyncTts.jsx (+0 -7)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/native.jsx (+0 -7)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/piperTTS.jsx (+0 -7)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/index.jsx (+2 -22)
frontend/src/components/WorkspaceChat/ChatContainer/ChatTooltips/index.jsx (+66 -0)
📝 frontend/src/components/WorkspaceChat/ChatContainer/index.jsx (+2 -0)
📝 frontend/src/components/WorkspaceChat/index.jsx (+1 -3)
📝 frontend/src/pages/Admin/Agents/Badges/default.jsx (+1 -9)
📝 frontend/src/pages/Admin/Agents/index.jsx (+44 -32)
📝 frontend/src/pages/GeneralSettings/BrowserExtensionApiKey/BrowserExtensionApiKeyRow/index.jsx (+2 -15)

...and 1 more files

📄 Description

Pull Request Type

  • feat
  • 🐛 fix
  • ♻️ refactor
  • 💄 style
  • 🔨 chore
  • 📝 docs

Relevant Issues

resolves #2602

What is in this change?

Improves page load performance for

  • Chat on workspace
  • File picker
  • Browser key page

by extracting react-tooltip to highest level and rendering once on parent. This improves component load times with many items like chat or file picker by about 100x

Additional Information

Developer Validations

  • I ran yarn lint from the root of the repo & committed changes
  • Relevant documentation has been updated
  • I have tested my code functionality
  • Docker build succeeds locally

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/Mintplex-Labs/anything-llm/pull/2627 **Author:** [@timothycarambat](https://github.com/timothycarambat) **Created:** 11/13/2024 **Status:** ✅ Merged **Merged:** 11/13/2024 **Merged by:** [@timothycarambat](https://github.com/timothycarambat) **Base:** `master` ← **Head:** `2602-page-load-speed` --- ### 📝 Commits (3) - [`2f409e8`](https://github.com/Mintplex-Labs/anything-llm/commit/2f409e8881aae4216904e7ba9cdb37adbe0973e8) Frontend performance improvements - [`774a32b`](https://github.com/Mintplex-Labs/anything-llm/commit/774a32b763d56a4a93066078ddd42568d5ce3609) test docker build - [`9d9e039`](https://github.com/Mintplex-Labs/anything-llm/commit/9d9e039a2e5e0191d78ce819601391aa9dd3c55d) Merge branch 'master' into 2602-page-load-speed ### 📊 Changes **21 files changed** (+391 additions, -342 deletions) <details> <summary>View changed files</summary> 📝 `.github/workflows/dev-build.yaml` (+1 -1) 📝 `frontend/src/components/Footer/index.jsx` (+16 -19) 📝 `frontend/src/components/Modals/ManageWorkspace/Documents/Directory/FileRow/index.jsx` (+6 -20) 📝 `frontend/src/components/Modals/ManageWorkspace/Documents/Directory/index.jsx` (+158 -121) 📝 `frontend/src/components/Modals/ManageWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx` (+9 -41) 📝 `frontend/src/components/Modals/ManageWorkspace/Documents/WorkspaceDirectory/index.jsx` (+55 -0) 📝 `frontend/src/components/SettingsButton/index.jsx` (+6 -7) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/Citation/index.jsx` (+9 -17) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/ActionMenu/index.jsx` (+0 -7) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/EditMessage/index.jsx` (+0 -7) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/asyncTts.jsx` (+0 -7) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/native.jsx` (+0 -7) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/piperTTS.jsx` (+0 -7) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/index.jsx` (+2 -22) ➕ `frontend/src/components/WorkspaceChat/ChatContainer/ChatTooltips/index.jsx` (+66 -0) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/index.jsx` (+2 -0) 📝 `frontend/src/components/WorkspaceChat/index.jsx` (+1 -3) 📝 `frontend/src/pages/Admin/Agents/Badges/default.jsx` (+1 -9) 📝 `frontend/src/pages/Admin/Agents/index.jsx` (+44 -32) 📝 `frontend/src/pages/GeneralSettings/BrowserExtensionApiKey/BrowserExtensionApiKeyRow/index.jsx` (+2 -15) _...and 1 more files_ </details> ### 📄 Description ### Pull Request Type <!-- For change type, change [ ] to [x]. --> - [ ] ✨ feat - [ ] 🐛 fix - [x] ♻️ refactor - [ ] 💄 style - [ ] 🔨 chore - [ ] 📝 docs ### Relevant Issues <!-- Use "resolves #xxx" to auto resolve on merge. Otherwise, please use "connect #xxx" --> resolves #2602 ### What is in this change? Improves page load performance for - Chat on workspace - File picker - Browser key page by extracting `react-tooltip` to highest level and rendering once on parent. This improves component load times with many items like chat or file picker by about 100x <!-- Describe the changes in this PR that are impactful to the repo. --> ### Additional Information <!-- Add any other context about the Pull Request here that was not captured above. --> ### Developer Validations <!-- All of the applicable items should be checked. --> - [x] I ran `yarn lint` from the root of the repo & committed changes - [x] Relevant documentation has been updated - [x] I have tested my code functionality - [x] Docker build succeeds locally --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
yindo added the pull-request label 2026-02-22 18:35:02 -05:00
yindo closed this issue 2026-02-22 18:35:02 -05:00
yindo changed title from [PR #2627] Frontend performance improvements to [PR #2627] [MERGED] Frontend performance improvements 2026-06-05 15:16:33 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Mintplex-Labs/anything-llm#4049