[PR #5038] [MERGED] Implement new citations UI #4871

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

📋 Pull Request Information

Original PR: https://github.com/Mintplex-Labs/anything-llm/pull/5038
Author: @shatfield4
Created: 2/20/2026
Status: Merged
Merged: 3/5/2026
Merged by: @timothycarambat

Base: 4983-feat-new-chat-history-implementationHead: 5023-feat-implement-new-citations-ui


📝 Commits (10+)

  • 1d45f9e new chat history layout, remove message alignment setting
  • 48b181b remove orphaned chat alignment hook and MessageDirection
  • 528f871 remove workspace profile picture setting and fetch
  • d35d95d clean up unnecessary changes
  • ae22dff add light mode colors to chat ui and main page backgrounds
  • ef8ba88 update chat message and action icon colors for light mode
  • 9465fba update thinking and agent ui, layout, sizing
  • db1772d update user message uploaded images ui
  • c1ef7f1 update thought, agent containers to use new colors
  • f6d6772 add truncatable content with gradient to user chat messages

📊 Changes

36 files changed (+527 additions, -206 deletions)

View changed files

📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/Citation/index.jsx (+87 -123)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/RenderMetrics/index.jsx (+2 -1)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/index.jsx (+21 -7)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx (+5 -7)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/index.jsx (+15 -15)
frontend/src/components/WorkspaceChat/ChatContainer/SourcesSidebar/MobileCitationModal/SourceDetailView/index.jsx (+56 -0)
frontend/src/components/WorkspaceChat/ChatContainer/SourcesSidebar/MobileCitationModal/index.jsx (+56 -0)
frontend/src/components/WorkspaceChat/ChatContainer/SourcesSidebar/SourceItem/index.jsx (+27 -0)
frontend/src/components/WorkspaceChat/ChatContainer/SourcesSidebar/index.jsx (+106 -0)
📝 frontend/src/components/WorkspaceChat/ChatContainer/index.jsx (+35 -29)
📝 frontend/src/index.css (+0 -19)
📝 frontend/src/locales/ar/common.js (+5 -0)
📝 frontend/src/locales/cs/common.js (+5 -0)
📝 frontend/src/locales/da/common.js (+5 -0)
📝 frontend/src/locales/de/common.js (+5 -0)
📝 frontend/src/locales/en/common.js (+5 -0)
📝 frontend/src/locales/es/common.js (+5 -0)
📝 frontend/src/locales/et/common.js (+5 -0)
📝 frontend/src/locales/fa/common.js (+5 -0)
📝 frontend/src/locales/fr/common.js (+5 -0)

...and 16 more files

📄 Description

Pull Request Type

  • feat (New feature)
  • 🐛 fix (Bug fix)
  • ♻️ refactor (Code refactoring without changing behavior)
  • 💄 style (UI style changes)
  • 🔨 chore (Build, CI, maintenance)
  • 📝 docs (Documentation updates)

Relevant Issues

resolves #5023

Description

  • Implements new citations UI per internal designs
  • Introduces new useSourcesSidebar hook to track citations sidebar state

Visuals (if applicable)

Screenshot 2026-02-24 at 4 21 14 PM Screenshot 2026-02-24 at 4 22 29 PM Screenshot 2026-02-24 at 4 22 51 PM Screenshot 2026-02-24 at 4 22 58 PM Screenshot 2026-02-24 at 4 23 07 PM Screenshot 2026-02-24 at 4 23 23 PM Screenshot 2026-02-24 at 4 23 38 PM Screenshot 2026-02-24 at 4 23 53 PM

Additional Information

Developer Validations

  • I ran yarn lint from the root of the repo & committed changes
  • Relevant documentation has been updated (if applicable)
  • 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/5038 **Author:** [@shatfield4](https://github.com/shatfield4) **Created:** 2/20/2026 **Status:** ✅ Merged **Merged:** 3/5/2026 **Merged by:** [@timothycarambat](https://github.com/timothycarambat) **Base:** `4983-feat-new-chat-history-implementation` ← **Head:** `5023-feat-implement-new-citations-ui` --- ### 📝 Commits (10+) - [`1d45f9e`](https://github.com/Mintplex-Labs/anything-llm/commit/1d45f9e1eb89d0d37a5e6676bbf59b194980ccb7) new chat history layout, remove message alignment setting - [`48b181b`](https://github.com/Mintplex-Labs/anything-llm/commit/48b181b4e0025be6eb27a5e8552aad4036383aac) remove orphaned chat alignment hook and MessageDirection - [`528f871`](https://github.com/Mintplex-Labs/anything-llm/commit/528f871d943a5c9d2da1c332f1027cf350ce4439) remove workspace profile picture setting and fetch - [`d35d95d`](https://github.com/Mintplex-Labs/anything-llm/commit/d35d95dd603f76b2f7379cd68e9af7030be2065d) clean up unnecessary changes - [`ae22dff`](https://github.com/Mintplex-Labs/anything-llm/commit/ae22dff565f5c10f5797e6e90c883023376f09ec) add light mode colors to chat ui and main page backgrounds - [`ef8ba88`](https://github.com/Mintplex-Labs/anything-llm/commit/ef8ba883500becbc9f8c0c249e0c47e429ba6461) update chat message and action icon colors for light mode - [`9465fba`](https://github.com/Mintplex-Labs/anything-llm/commit/9465fba117864529b341f7e03e3122579ed9795b) update thinking and agent ui, layout, sizing - [`db1772d`](https://github.com/Mintplex-Labs/anything-llm/commit/db1772d527453f9795f3f2d8782eefb34d89850a) update user message uploaded images ui - [`c1ef7f1`](https://github.com/Mintplex-Labs/anything-llm/commit/c1ef7f1862976d75e92c6f68ca05d8832f650640) update thought, agent containers to use new colors - [`f6d6772`](https://github.com/Mintplex-Labs/anything-llm/commit/f6d677271fd458321492f98ed6bfd51f1ecdd2e8) add truncatable content with gradient to user chat messages ### 📊 Changes **36 files changed** (+527 additions, -206 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/Citation/index.jsx` (+87 -123) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/RenderMetrics/index.jsx` (+2 -1) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/index.jsx` (+21 -7) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx` (+5 -7) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/index.jsx` (+15 -15) ➕ `frontend/src/components/WorkspaceChat/ChatContainer/SourcesSidebar/MobileCitationModal/SourceDetailView/index.jsx` (+56 -0) ➕ `frontend/src/components/WorkspaceChat/ChatContainer/SourcesSidebar/MobileCitationModal/index.jsx` (+56 -0) ➕ `frontend/src/components/WorkspaceChat/ChatContainer/SourcesSidebar/SourceItem/index.jsx` (+27 -0) ➕ `frontend/src/components/WorkspaceChat/ChatContainer/SourcesSidebar/index.jsx` (+106 -0) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/index.jsx` (+35 -29) 📝 `frontend/src/index.css` (+0 -19) 📝 `frontend/src/locales/ar/common.js` (+5 -0) 📝 `frontend/src/locales/cs/common.js` (+5 -0) 📝 `frontend/src/locales/da/common.js` (+5 -0) 📝 `frontend/src/locales/de/common.js` (+5 -0) 📝 `frontend/src/locales/en/common.js` (+5 -0) 📝 `frontend/src/locales/es/common.js` (+5 -0) 📝 `frontend/src/locales/et/common.js` (+5 -0) 📝 `frontend/src/locales/fa/common.js` (+5 -0) 📝 `frontend/src/locales/fr/common.js` (+5 -0) _...and 16 more files_ </details> ### 📄 Description ### Pull Request Type <!-- For change type, change [ ] to [x]. --> - [ ] ✨ feat (New feature) - [ ] 🐛 fix (Bug fix) - [ ] ♻️ refactor (Code refactoring without changing behavior) - [x] 💄 style (UI style changes) - [ ] 🔨 chore (Build, CI, maintenance) - [ ] 📝 docs (Documentation updates) ### Relevant Issues <!-- Use "resolves #xxx" to auto resolve on merge. Otherwise, please use "connect #xxx" --> resolves #5023 ### Description <!-- Describe the changes in this PR that are impactful to the repo. What problem does it solve? --> - Implements new citations UI per internal designs - Introduces new `useSourcesSidebar` hook to track citations sidebar state ### Visuals (if applicable) <!-- Add screenshots or screen recordings to demonstrate the changes, especially for UI updates. --> <img width="1518" height="921" alt="Screenshot 2026-02-24 at 4 21 14 PM" src="https://github.com/user-attachments/assets/313a9093-b9a6-456c-b92c-93c406739c60" /> <img width="1518" height="924" alt="Screenshot 2026-02-24 at 4 22 29 PM" src="https://github.com/user-attachments/assets/c146e3ed-bb6f-4e52-8799-435eaabdf3f5" /> <img width="396" height="852" alt="Screenshot 2026-02-24 at 4 22 51 PM" src="https://github.com/user-attachments/assets/a7c6dd3e-de55-4d63-88a8-3ca83bbba854" /> <img width="399" height="856" alt="Screenshot 2026-02-24 at 4 22 58 PM" src="https://github.com/user-attachments/assets/b9c56356-54a2-474a-abbf-1b2a405e53ae" /> <img width="392" height="851" alt="Screenshot 2026-02-24 at 4 23 07 PM" src="https://github.com/user-attachments/assets/23b25996-808a-4342-9895-04650f362667" /> <img width="394" height="851" alt="Screenshot 2026-02-24 at 4 23 23 PM" src="https://github.com/user-attachments/assets/b8372498-7c42-4822-83a9-cb1836122e98" /> <img width="396" height="850" alt="Screenshot 2026-02-24 at 4 23 38 PM" src="https://github.com/user-attachments/assets/d835f6e2-5262-4add-90e0-70b02f0edf5e" /> <img width="395" height="851" alt="Screenshot 2026-02-24 at 4 23 53 PM" src="https://github.com/user-attachments/assets/24d0887c-c464-4179-a679-3628e0e98f9c" /> ### Additional Information <!-- Add any other context about the Pull Request here that was not captured above. --> - Branched from #4985 due to big changes in layout in #4985 (would cause merge conflicts in 3 out of 5 files modified if branched from `master`) - Translations PR https://github.com/Mintplex-Labs/anything-llm/pull/5087 ### 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 (if applicable) - [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:36:42 -05:00
yindo changed title from [PR #5038] Implement new citations UI to [PR #5038] [MERGED] Implement new citations UI 2026-06-05 15:20:49 -04:00
yindo closed this issue 2026-06-05 15:20:49 -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#4871