[PR #4985] [MERGED] New chat history layout with chat bubbles #4852

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

📋 Pull Request Information

Original PR: https://github.com/Mintplex-Labs/anything-llm/pull/4985
Author: @shatfield4
Created: 2/10/2026
Status: Merged
Merged: 2/26/2026
Merged by: @timothycarambat

Base: 4983-feat-new-chat-history-implementationHead: 4984-feat-new-chat-history-layout


📝 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

96 files changed (+2674 additions, -1024 deletions)

View changed files

📝 docker/.env.example (+6 -1)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/Chartable/index.jsx (+20 -26)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/Citation/index.jsx (+2 -2)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/ActionMenu/index.jsx (+1 -1)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/EditMessage/index.jsx (+88 -24)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/RenderMetrics/index.jsx (+2 -2)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/asyncTts.jsx (+1 -1)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/native.jsx (+1 -1)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/index.jsx (+19 -28)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx (+156 -97)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/PromptReply/index.jsx (+18 -62)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/StatusResponse/index.jsx (+48 -49)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/ThoughtContainer/index.jsx (+52 -58)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/index.jsx (+27 -16)
📝 frontend/src/components/WorkspaceChat/ChatContainer/index.jsx (+1 -1)
📝 frontend/src/hooks/useChatContainerQuickScroll.js (+4 -0)
frontend/src/hooks/useChatMessageAlignment.js (+0 -30)
📝 frontend/src/locales/ar/common.js (+6 -0)
📝 frontend/src/locales/cs/common.js (+6 -0)
📝 frontend/src/locales/da/common.js (+7 -0)

...and 76 more files

📄 Description

Pull Request Type

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

Relevant Issues

resolves #4984
resolves #4827
closes #4792

What is in this change?

  • New chat history layout with chat bubbles
  • Removes chat alignment setting and all related orphaned code
  • Agent mode takes up full width of container
  • Remove workspace pfp and all orphaned code
  • Update to new tailwind colors
  • Updates UI for agent and thinking containers
  • Truncates long user chat messages with see more button
  • Arranges uploaded images into a grid in user messages
  • New edit messages ui/backend for saving message without resubmitting

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/4985 **Author:** [@shatfield4](https://github.com/shatfield4) **Created:** 2/10/2026 **Status:** ✅ Merged **Merged:** 2/26/2026 **Merged by:** [@timothycarambat](https://github.com/timothycarambat) **Base:** `4983-feat-new-chat-history-implementation` ← **Head:** `4984-feat-new-chat-history-layout` --- ### 📝 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 **96 files changed** (+2674 additions, -1024 deletions) <details> <summary>View changed files</summary> 📝 `docker/.env.example` (+6 -1) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/Chartable/index.jsx` (+20 -26) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/Citation/index.jsx` (+2 -2) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/ActionMenu/index.jsx` (+1 -1) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/EditMessage/index.jsx` (+88 -24) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/RenderMetrics/index.jsx` (+2 -2) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/asyncTts.jsx` (+1 -1) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/native.jsx` (+1 -1) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/index.jsx` (+19 -28) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx` (+156 -97) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/PromptReply/index.jsx` (+18 -62) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/StatusResponse/index.jsx` (+48 -49) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/ThoughtContainer/index.jsx` (+52 -58) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/index.jsx` (+27 -16) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/index.jsx` (+1 -1) 📝 `frontend/src/hooks/useChatContainerQuickScroll.js` (+4 -0) ➖ `frontend/src/hooks/useChatMessageAlignment.js` (+0 -30) 📝 `frontend/src/locales/ar/common.js` (+6 -0) 📝 `frontend/src/locales/cs/common.js` (+6 -0) 📝 `frontend/src/locales/da/common.js` (+7 -0) _...and 76 more files_ </details> ### 📄 Description ### Pull Request Type <!-- For change type, change [ ] to [x]. --> - [ ] ✨ feat - [ ] 🐛 fix - [ ] ♻️ refactor - [x] 💄 style - [ ] 🔨 chore - [ ] 📝 docs ### Relevant Issues <!-- Use "resolves #xxx" to auto resolve on merge. Otherwise, please use "connect #xxx" --> resolves #4984 resolves #4827 closes #4792 ### What is in this change? <!-- Describe the changes in this PR that are impactful to the repo. --> - New chat history layout with chat bubbles - Removes chat alignment setting and all related orphaned code - Agent mode takes up full width of container - Remove workspace pfp and all orphaned code - Update to new tailwind colors - Updates UI for agent and thinking containers - Truncates long user chat messages with see more button - Arranges uploaded images into a grid in user messages - New edit messages ui/backend for saving message without resubmitting ### Additional Information <!-- Add any other context about the Pull Request here that was not captured above. --> - Translations PR - https://github.com/Mintplex-Labs/anything-llm/pull/5022 ### 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:36:40 -05:00
yindo changed title from [PR #4985] New chat history layout with chat bubbles to [PR #4985] [MERGED] New chat history layout with chat bubbles 2026-06-05 15:20:42 -04:00
yindo closed this issue 2026-06-05 15:20:43 -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#4852