[PR #5441] [MERGED] Image lightbox for chat attachments #5445

Closed
opened 2026-06-05 15:21:22 -04:00 by yindo · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/Mintplex-Labs/anything-llm/pull/5441
Author: @shatfield4
Created: 4/14/2026
Status: Merged
Merged: 4/14/2026
Merged by: @timothycarambat

Base: masterHead: feat/image-lightbox


📝 Commits (6)

  • 7e0e246 add image lightbox for chat attachments
  • 00d6568 Merge branch 'master' into feat/image-lightbox
  • c7bb2fe wrap lightbox image triggers in button elements
  • de5c669 Merge branch 'master' into feat/image-lightbox
  • e9fb83a add images to dependency array
  • 41f6370 add jsdoc to ChatAttachments and remove filter

📊 Changes

4 files changed (+164 additions, -14 deletions)

View changed files

📝 frontend/src/App.jsx (+2 -0)
frontend/src/components/ImageLightbox/index.jsx (+115 -0)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx (+17 -6)
📝 frontend/src/components/WorkspaceChat/ChatContainer/PromptInput/Attachments/index.jsx (+30 -8)

📄 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 #5440

Description

  • Adds lightbox component so users can view image attachements in a bigger view
  • Works from anywhere where images can be uploaded or viewed in chat
  • Uses a portal to ensure it does not get closed on UI rerenders (streaming chats)

Visuals (if applicable)

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/5441 **Author:** [@shatfield4](https://github.com/shatfield4) **Created:** 4/14/2026 **Status:** ✅ Merged **Merged:** 4/14/2026 **Merged by:** [@timothycarambat](https://github.com/timothycarambat) **Base:** `master` ← **Head:** `feat/image-lightbox` --- ### 📝 Commits (6) - [`7e0e246`](https://github.com/Mintplex-Labs/anything-llm/commit/7e0e246a7bb647e6a6a36e0f063b91aac3ff29f4) add image lightbox for chat attachments - [`00d6568`](https://github.com/Mintplex-Labs/anything-llm/commit/00d65689264ca890072ce253ab1358d62cd9218e) Merge branch 'master' into feat/image-lightbox - [`c7bb2fe`](https://github.com/Mintplex-Labs/anything-llm/commit/c7bb2fea370d540497d1a852e182fa4459d79954) wrap lightbox image triggers in button elements - [`de5c669`](https://github.com/Mintplex-Labs/anything-llm/commit/de5c6698be02eaea0065c1e2b1c4c93c895f41ae) Merge branch 'master' into feat/image-lightbox - [`e9fb83a`](https://github.com/Mintplex-Labs/anything-llm/commit/e9fb83a6b2e5d3fd9c4a3d36d414e83ca48a0f2a) add images to dependency array - [`41f6370`](https://github.com/Mintplex-Labs/anything-llm/commit/41f63701a74eea18df75bcf133b8ed6b43ab38a1) add jsdoc to ChatAttachments and remove filter ### 📊 Changes **4 files changed** (+164 additions, -14 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/App.jsx` (+2 -0) ➕ `frontend/src/components/ImageLightbox/index.jsx` (+115 -0) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/index.jsx` (+17 -6) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/PromptInput/Attachments/index.jsx` (+30 -8) </details> ### 📄 Description ### Pull Request Type <!-- For change type, change [ ] to [x]. --> - [x] ✨ 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 <!-- Use "resolves #xxx" to auto resolve on merge. Otherwise, please use "connect #xxx" --> resolves #5440 ### Description <!-- Describe the changes in this PR that are impactful to the repo. What problem does it solve? --> - Adds lightbox component so users can view image attachements in a bigger view - Works from anywhere where images can be uploaded or viewed in chat - Uses a portal to ensure it does not get closed on UI rerenders (streaming chats) ### Visuals (if applicable) <!-- Add screenshots or screen recordings to demonstrate the changes, especially for UI updates. --> ### 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 (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-06-05 15:21:22 -04:00
yindo closed this issue 2026-06-05 15:21:22 -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#5445