diff --git a/summary.md b/summary.md index e4cc366..1589252 100644 --- a/summary.md +++ b/summary.md @@ -4,7 +4,7 @@ A Flask-based image repository with Celery task processing for importing, organi > **IMPORTANT**: This summary must be kept up to date with any code changes. Update the timestamp below when making modifications. > -> **Last Updated**: 2026-02-11 (Character-fandom tag association system) +> **Last Updated**: 2026-03-20 (Content-first UI/UX improvements) --- @@ -351,9 +351,9 @@ Import tasks support two modes based on `context.deep_scan`: | `layout.html` | Base template with navbar (includes Tags dropdown) | | `showcase.html` | Random image masonry view (extends layout, includes `_gallery_modal.html`) | | `gallery.html` | Main gallery with infinite scroll, timeline sidebar, bulk editor (includes `_gallery_modal.html`) | -| `reader.html` | Series reader with vertical scroll, page jump, thumbnail navigation | +| `reader.html` | Series reader with vertical scroll, progress bar, auto-hiding header, active thumbnail tracking; bridges data to reader.js via `window.readerConfig` | | `tags_list.html` | Tag browser with preview images and infinite scroll | -| `settings.html` | Import settings, deletion tools, duplicate detection, maintenance tools | +| `settings.html` | Three-tab layout (Overview / Import / Maintenance) — import settings, deletion tools, duplicate detection, maintenance tools | | `_gallery_item.html` | Single gallery item partial (with tag overlay icons) | | `_gallery_modal.html` | **Shared** image modal with tag editor and series management (used by gallery & showcase) | | `_tag_cards.html` | Tag card grid partial for tag list | @@ -376,10 +376,11 @@ layout.html (base) |------|---------| | `tag-utils.js` | **Shared utility module** - `getTagIcon()`, `getTagDisplayName()`, `escapeHtml()`, `createTagChipHtml()` used by all tag-related JS | | `gallery-infinite.js` | Infinite scroll, timeline navigation (uses TagUtils) | -| `view-modal.js` | Modal image navigation, tag editing, series management (uses TagUtils) | +| `view-modal.js` | Modal image navigation, tag editing, series management; in-context `showFeedback()` pattern, "Add to Series" toggle with lazy-load (uses TagUtils) | | `bulk-select.js` | Multi-select with ordered selection, bulk tag editing, tag refresh (uses TagUtils) | | `tag-editor.js` | Tag autocomplete and editing (includes fandom selector for character tags) | -| `showcase.js` | Showcase masonry layout and shuffle functionality (uses TagUtils) | +| `showcase.js` | Showcase masonry layout, shuffle, stagger animation, ghost `#N` tag count badge (uses TagUtils) | +| `reader.js` | Series reader logic — progress bar, auto-hiding header, active thumbnail tracking via scroll-position heuristic, floating page indicator, keyboard shortcuts | **Script Loading Order**: `tag-utils.js` must be loaded before other JS files that depend on `window.TagUtils`.