ui polish and importer logging tuning

app/templates/_gallery_grid.html

@@ -1,80 +0,0 @@
-<!-- /app/templates/_gallery_grid.html -->
-<div class="gallery-grid">
-  {% for image in images.items %}
-    <div class="gallery-item img-clickable"
-         data-id="{{ image.id }}"
-         data-full="{{ url_for('main.serve_image', filename=image.filepath | replace('/images/', '') ) }}"
-         data-type="{{ 'video' if image.filename.lower().endswith(('.mp4', '.mov')) else 'image' }}"
-         data-filename="{{ image.filename }}">
-
-      <div class="gallery-thumb"
-           style="background-image: url('{{ url_for('main.serve_image', filename=(image.thumb_path or image.filepath) | replace('/images/', '') ) }}');"></div>
-
-      {% set visible_tags = image.tags | selectattr('kind', 'ne', 'archive') | list %}
-      {% if visible_tags %}
-        <div class="tag-overlay">
-          {% for t in visible_tags %}
-            <a class="tag-chip"
-               href="{{ url_for('main.gallery', tag=t.name) }}"
-               title="Filter by {{ t.name }}"
-               onclick="event.stopPropagation()">
-              {% if t.kind == 'artist' %}
-                🎨 {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
-              {% elif t.kind == 'character' %}
-                👤 {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
-              {% elif t.kind == 'series' %}
-                📺 {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
-              {% elif t.kind == 'rating' %}
-                ⚠️ {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
-              {% else %}
-                #{{ t.name }}
-              {% endif %}
-            </a>
-          {% endfor %}
-        </div>
-      {% endif %}
-
-      {% if image.filename.lower().endswith(('.mp4', '.mov')) %}
-        <div class="play-overlay">▶</div>
-      {% endif %}
-
-      <span class="image-date">{{ image.taken_at or image.imported_at | datetimeformat }}</span>
-    </div>
-  {% endfor %}
-</div>
-
-
-
-<!-- Modal -->
-<div id="imageModal" class="modal">
-  <div class="modal-content">
-    <button id="modalClose" class="modal-close-btn" title="Close (ESC)">×</button>
-    <button id="modalPrev" class="modal-button modal-prev">‹</button>
-    <button id="modalNext" class="modal-button modal-next">›</button>
-    <span class="modal-close-hint">ESC to close</span>
-
-    <div class="modal-body">
-      <div id="modalImageWrapper" class="modal-image-wrapper">
-        <img id="modalImage" src="" alt="Full View">
-      </div>
-
-      <div id="modalTagEditor" class="tag-editor" data-image-id="">
-        <div id="modalTagList" class="tags"></div>
-        <form id="modalTagForm" class="tag-form" autocomplete="off">
-          <div class="tag-form-wrapper">
-            <input type="text" id="tagInput" name="name" placeholder="Add tag..." autocomplete="off">
-            <div id="tagAutocomplete" class="tag-autocomplete"></div>
-          </div>
-          <button type="submit">Add</button>
-        </form>
-      </div>
-    </div>
-  </div>
-</div>
-
-<script src="{{ url_for('static', filename='js/modal-pagination.js') }}"></script>
-
-{% if request.args.get('page', '1') == '1' and not request.args.get('per_page') %}
-<script src="{{ url_for('static', filename='js/dynamic_gallery_paging.js') }}"></script>
-{% endif %}
-

app/templates/_gallery_item.html

@@ -17,15 +17,15 @@
            title="Filter by {{ t.name }}"
            onclick="event.stopPropagation()">
           {% if t.kind == 'artist' %}
-            {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
+            🎨 {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
           {% elif t.kind == 'character' %}
-            {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
+            👤 {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
           {% elif t.kind == 'series' %}
-            {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
+            📺 {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
           {% elif t.kind == 'fandom' %}
-            {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
+            🎭 {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
           {% elif t.kind == 'rating' %}
-            {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
+            ⚠️ {{ t.name.split(':', 1)[1] if ':' in t.name else t.name }}
           {% else %}
             #{{ t.name }}
           {% endif %}

app/templates/gallery.html

@@ -176,7 +176,7 @@
 </script>
 
 <script src="{{ url_for('static', filename='js/gallery-infinite.js') }}"></script>
-<script src="{{ url_for('static', filename='js/modal-pagination.js') }}"></script>
+<script src="{{ url_for('static', filename='js/view-modal.js') }}"></script>
 <script src="{{ url_for('static', filename='js/bulk-select.js') }}"></script>
 
 {% if series_info %}

app/templates/showcase.html

@@ -64,7 +64,7 @@
   </div>
 </div>
 
-<script src="{{ url_for('static', filename='js/modal-pagination.js') }}"></script>
+<script src="{{ url_for('static', filename='js/view-modal.js') }}"></script>
 <script src="{{ url_for('static', filename='js/showcase.js') }}"></script>
 </body>
 </html>