tweaking series order tools

app/templates/gallery.html

@@ -120,6 +120,11 @@
 <!-- Modal -->
 {% include '_gallery_modal.html' %}
 
+<!-- Floating Preview (for select mode hover) -->
+<div id="floatingPreview" class="floating-preview">
+  <img id="floatingPreviewImage" src="" alt="Preview">
+</div>
+
 <!-- Bulk Editor Panel -->
 <aside id="bulkEditorPanel" class="bulk-editor-panel">
   <div class="bulk-editor-header">
@@ -204,7 +209,8 @@ document.addEventListener('DOMContentLoaded', () => {
   addToSeriesBtn.addEventListener('click', async () => {
     if (!window.selectedImages || window.selectedImages.size === 0) return;
 
-    const imageIds = Array.from(window.selectedImages);
+    // Use selectionOrder (click order) for page ordering
+    const imageIds = window.selectionOrder ? [...window.selectionOrder] : Array.from(window.selectedImages);
     const startPage = parseInt(startPageInput.value) || 1;
 
     addToSeriesBtn.disabled = true;