docs: update summary.md for UI/UX improvements feature

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-20 13:43:03 -04:00
parent 1f33ca6cdf
commit d05bbd983c
+6 -5
View File
@@ -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. > **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) | | `layout.html` | Base template with navbar (includes Tags dropdown) |
| `showcase.html` | Random image masonry view (extends layout, includes `_gallery_modal.html`) | | `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`) | | `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 | | `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_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) | | `_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 | | `_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 | | `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) | | `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) | | `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) | | `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`. **Script Loading Order**: `tag-utils.js` must be loaded before other JS files that depend on `window.TagUtils`.