From 1b5a32cb0558b03e8cb90b67961bc197378754ba Mon Sep 17 00:00:00 2001
From: Mark Rapson <git@lzstealth.com>
Date: Mon, 26 Oct 2026 23:39:27 +0000
Subject: [PATCH] Show configured media upload file types

---
 CHANGELOG.md                                  | 4 ++++
 src/web/routes/settings/media-library.js      | 8 +++++++-
 src/web/views/settings/media-library/list.hbs | 2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index dd6f36c..dfdbc69 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,10 @@ All notable changes to this project will be documented in this file.
 
 - Media library uploads accept multiple files at once, show per-file progress, and continue the batch when an individual file fails.
 
+### Fixed
+
+- The media upload dialog lists the configured file extensions.
+
 ## 2.21.2 - 2026-10-26
 
 ### Fixed
diff --git a/src/web/routes/settings/media-library.js b/src/web/routes/settings/media-library.js
index 30d7f22..cdebdcd 100644
--- a/src/web/routes/settings/media-library.js
+++ b/src/web/routes/settings/media-library.js
@@ -38,6 +38,7 @@ function getMediaType(file) {
 function getUploadLimits(settings) {
   const imageMaxBytes = Number(settings && settings['uploads.image_max_bytes']) || 100 * 1024 * 1024;
   const videoMaxBytes = Number(settings && settings['uploads.video_max_bytes']) || 1024 * 1024 * 1024;
+  const allowedMimeTypes = Array.isArray(settings && settings['uploads.allowed_mime_types']) ? settings['uploads.allowed_mime_types'] : [];
   const formatBytes = function (bytes) {
     const megabytes = bytes / 1024 / 1024;
     if (megabytes >= 1024 && megabytes % 1024 === 0) {
@@ -50,7 +51,12 @@ function getUploadLimits(settings) {
     videoMaxBytes: videoMaxBytes,
     imageMaxLabel: formatBytes(imageMaxBytes),
     videoMaxLabel: formatBytes(videoMaxBytes),
-    allowedMimeTypes: Array.isArray(settings && settings['uploads.allowed_mime_types']) ? settings['uploads.allowed_mime_types'] : []
+    allowedMimeTypes: allowedMimeTypes,
+    allowedFileTypesLabel: allowedMimeTypes.map(function (mimeType) {
+      const subtype = String(mimeType || '').split('/')[1] || '';
+      const extension = subtype === 'jpeg' ? 'jpg' : subtype === 'svg+xml' ? 'svg' : subtype;
+      return extension ? '.' + extension : '';
+    }).filter(Boolean).join(', ')
   };
 }
 
diff --git a/src/web/views/settings/media-library/list.hbs b/src/web/views/settings/media-library/list.hbs
index 3b58c9f..35e45bb 100644
--- a/src/web/views/settings/media-library/list.hbs
+++ b/src/web/views/settings/media-library/list.hbs
@@ -120,7 +120,7 @@
           <span class="slide-image-region-upload-zone-icon"><i class="bi bi-cloud-arrow-up" aria-hidden="true"></i></span>
           <span class="slide-image-region-upload-zone-copy">
             <strong>Drop images or videos here or click to select files</strong>
-            <span>Images and videos enabled in Media Uploads settings</span>
+            <span>Allowed file types: {{uploadLimits.allowedFileTypesLabel}}</span>
             <span class="slide-image-region-upload-zone-limit">Images max {{uploadLimits.imageMaxLabel}}; videos max {{uploadLimits.videoMaxLabel}}</span>
           </span>
         </span>