From 05adc628c79ced10f3add6aee0a5050decb31cc3 Mon Sep 17 00:00:00 2001
From: Tomas Dvorak <contact.dvorak@gmail.com>
Date: Fri, 18 Sep 2026 22:06:20 +0200
Subject: [PATCH] feat(gallery): show folder names in gallery view (#3507)

Gallery items rendered folders as bare icons, indistinguishable from
one another. Folder tiles now carry a bottom name bar with a readable
gradient; loading placeholders excluded.

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 .../FileManager/Explorer/GalleryView/GalleryImage.tsx  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/frontend/src/component/FileManager/Explorer/GalleryView/GalleryImage.tsx b/frontend/src/component/FileManager/Explorer/GalleryView/GalleryImage.tsx
index 7a87a4f7..964a75ff 100644
--- a/frontend/src/component/FileManager/Explorer/GalleryView/GalleryImage.tsx
+++ b/frontend/src/component/FileManager/Explorer/GalleryView/GalleryImage.tsx
@@ -173,6 +173,16 @@ const GalleryImage = memo((props: FileBlockProps) => {
           </Fade>
         )}
       </TransitionGroup>
+      {file.type == FileType.folder && !isLoadingIndicator && !file.placeholder && (
+        <ImageListItemBar
+          title={file.name}
+          position="bottom"
+          sx={{
+            background: "linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.25) 60%, rgba(0,0,0,0) 100%)",
+            "& .MuiImageListItemBar-titleWrap": { px: 1 },
+          }}
+        />
+      )}
       <Fade in={!isLoadingIndicator && (hovered || !!isSelected)}>
         <ImageListItemBar
           sx={{