fix(ui): enable click-to-close on image viewer (#125) (#129)

* fix(ui): enable click-to-close on all image viewers (#125)

The admin gallery viewer had backdrop: 'static' which prevented closing
by clicking the dark overlay. Changed to backdrop: true and added
explicit button: true across all three ViewerJS instances so users can
close the viewer by clicking outside or using the close button.

* chore: bump version to 3.1.4

pyproject.toml

@@ -1,7 +1,7 @@
 [project]
 name = "promptmanager"
 description = "A powerful ComfyUI custom node that extends the standard text encoder with persistent prompt storage, advanced search capabilities, and an automatic image gallery system using SQLite."
-version = "3.1.3"
+version = "3.1.4"
 license = {file = "LICENSE"}
 dependencies = ["# Core dependencies for PromptManager", "# Note: Most dependencies are already included with ComfyUI", "# Already included with Python standard library:", "# - sqlite3", "# - hashlib", "# - json", "# - datetime", "# - os", "# - typing", "# - threading", "# - uuid", "# Required for gallery functionality:", "watchdog>=2.1.0              # For file system monitoring", "Pillow>=8.0.0                # For image metadata extraction (usually included with ComfyUI)", "# Optional dependencies for enhanced search functionality:", "# fuzzywuzzy[speedup]>=0.18.0  # For fuzzy string matching (optional)", "# sqlalchemy>=1.4.0            # For advanced ORM features (optional)", "# Development dependencies (optional):", "# pytest>=6.0.0                # For running tests", "# black>=22.0.0                # For code formatting", "# flake8>=4.0.0                # For linting", "# mypy>=0.910                   # For type checking"]
 

web/js/admin.js

@@ -1165,10 +1165,11 @@
                             flipVertical: 1,
                         },
                         navbar: true,
+                        button: true,
                         title: true,
                         transition: true,
                         keyboard: true,
-                        backdrop: 'static',
+                        backdrop: true,
                         loading: true,
                         loop: true,
                         tooltip: true,
@@ -3629,6 +3630,8 @@ Seed: ${this.currentMetadata.seed || 'Unknown'}`;
                 // Initialize ViewerJS
                 const viewer = new Viewer(container, {
                     inline: false,
+                    button: true,
+                    backdrop: true,
                     navbar: true,
                     toolbar: {
                         zoomIn: 1,

web/js/gallery.js

@@ -337,6 +337,7 @@
                 this.viewer = new Viewer(container, {
                     inline: false,
                     button: true,
+                    backdrop: true,
                     navbar: true,
                     title: true,
                     // IMPORTANT: Use original images for viewing, not thumbnails