From 82cf3b782b0280a2487589de7b0ef0d6d1304921 Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bvandeusen@cognitheurge.com>
Date: Thu, 22 Jan 2026 23:29:00 -0500
Subject: [PATCH] removed trial preview for numbering

---
 app/static/js/bulk-select.js | 26 --------------------------
 app/static/style.css         | 29 -----------------------------
 app/templates/gallery.html   |  5 -----
 3 files changed, 60 deletions(-)

diff --git a/app/static/js/bulk-select.js b/app/static/js/bulk-select.js
index c3dcc99..cecdb46 100644
--- a/app/static/js/bulk-select.js
+++ b/app/static/js/bulk-select.js
@@ -29,8 +29,6 @@
     dom.tagInput = document.getElementById('bulkTagInput');
     dom.autocomplete = document.getElementById('bulkTagAutocomplete');
     dom.commonTags = document.getElementById('commonTagsList');
-    dom.floatingPreview = document.getElementById('floatingPreview');
-    dom.floatingPreviewImage = document.getElementById('floatingPreviewImage');
 
     if (!dom.selectBtn || !dom.panel) return;
 
@@ -66,30 +64,6 @@
         }
       }
     });
-
-    // Preview on hover in select mode
-    document.addEventListener('mouseenter', handlePreviewShow, true);
-    document.addEventListener('mouseleave', handlePreviewHide, true);
-  }
-
-  function handlePreviewShow(e) {
-    if (!state.isSelectMode || !dom.floatingPreview) return;
-    const item = e.target.closest('.img-clickable');
-    if (!item) return;
-
-    const fullSrc = item.dataset.full;
-    if (fullSrc && dom.floatingPreviewImage) {
-      dom.floatingPreviewImage.src = fullSrc;
-      dom.floatingPreview.classList.add('active');
-    }
-  }
-
-  function handlePreviewHide(e) {
-    if (!dom.floatingPreview) return;
-    const item = e.target.closest('.img-clickable');
-    if (!item) return;
-
-    dom.floatingPreview.classList.remove('active');
   }
 
   function toggleSelectMode() {
diff --git a/app/static/style.css b/app/static/style.css
index 223c548..5c9d00f 100644
--- a/app/static/style.css
+++ b/app/static/style.css
@@ -2036,35 +2036,6 @@ body.select-mode .gallery-infinite-container {
   font-size: 0.85rem;
 }
 
-/* Floating preview overlay (for select mode hover) */
-.floating-preview {
-  display: none;
-  position: fixed;
-  top: 80px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 1000;
-  width: 600px;
-  height: 500px;
-  background: var(--panel);
-  border: 2px solid var(--accent);
-  border-radius: 8px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
-  padding: 4px;
-  pointer-events: none;
-}
-.floating-preview.active {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.floating-preview img {
-  max-width: 100%;
-  max-height: 100%;
-  object-fit: contain;
-  border-radius: 4px;
-}
-
 /* Selection order badge on gallery items */
 .selection-order-badge {
   position: absolute;
diff --git a/app/templates/gallery.html b/app/templates/gallery.html
index a541efa..b29b516 100644
--- a/app/templates/gallery.html
+++ b/app/templates/gallery.html
@@ -120,11 +120,6 @@
 <!-- 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">