Add media filename renaming and preserve library filters

src/web/views/settings/media-library/list.hbs

@@ -12,7 +12,6 @@
     {{#if (hasPermission currentUser 'media-library.create')}}
     <button type="button" class="btn btn-primary btn-sm text-nowrap" data-media-library-add><i class="bi bi-plus-lg me-1" aria-hidden="true"></i>Add media</button>
     {{/if}}
-    {{#if assets.length}}
     <div class="media-gallery-controls">
       <p class="media-gallery-count text-body-secondary small mb-0"><span data-media-gallery-count>{{assetTotal}}</span> item{{#unless (eq assetTotal 1)}}s{{/unless}}</p>
       <div class="media-gallery-search d-flex flex-wrap gap-2">
@@ -48,12 +47,8 @@
       {{/if}}
       </div>
     </div>
-    {{else}}
-    <p class="media-gallery-count text-body-secondary small mb-0"><span data-media-gallery-count>{{assetTotal}}</span> item{{#unless (eq assetTotal 1)}}s{{/unless}}</p>
-    {{/if}}
   </div>
 
-  {{#if assets.length}}
   <div class="media-gallery-scroll">
     <div class="row g-3 g-xl-4">
       {{#each assets}}
@@ -91,10 +86,7 @@
       <button type="button" class="btn btn-primary px-4" data-media-gallery-load-more>Load more...</button>
     </div>
   </div>
-  <div class="media-gallery-empty text-body-secondary" data-media-gallery-no-results hidden>No media matches your search.</div>
-  {{else}}
-  <div class="media-gallery-empty text-body-secondary">No media yet.</div>
-  {{/if}}
+  <div class="media-gallery-empty text-body-secondary" data-media-gallery-no-results{{#if assets.length}} hidden{{/if}}>No media matches your search.</div>
 </section>
 
 {{#> modal-shell modalId="media-gallery-preview-modal" modalLabelId="media-gallery-preview-modal-label" modalDialogClass="modal-dialog-centered modal-fullscreen-md-down modal-xl"}}
@@ -103,6 +95,16 @@
     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
   </div>
   <div class="modal-body media-gallery-preview-modal-body" data-media-gallery-preview-body></div>
+  {{#if (hasPermission currentUser 'media-library.update')}}
+  <form class="modal-footer d-block" data-media-gallery-rename-form>
+    <label for="media-gallery-filename" class="form-label">Filename</label>
+    <div class="input-group">
+      <input id="media-gallery-filename" name="name" type="text" class="form-control" maxlength="255" required data-media-gallery-filename />
+      <button type="submit" class="btn btn-primary" title="Save filename" data-media-gallery-rename-save><i class="bi bi-floppy" aria-hidden="true"></i><span class="visually-hidden">Save filename</span></button>
+    </div>
+    <p class="small mb-0 mt-2" role="status" data-media-gallery-rename-status hidden></p>
+  </form>
+  {{/if}}
 {{/modal-shell}}
 
 {{#if (hasPermission currentUser 'media-library.create')}}