import os import math import asyncio from typing import Optional, List, Dict, Set from nicegui import ui, app, run from fastapi import Response from engine import SorterEngine # ========================================== # STATE MANAGEMENT # ========================================== class AppState: """Centralized application state with lazy loading.""" def __init__(self): # Profile Data self.profiles = SorterEngine.load_profiles() self.profile_name = "Default" if not self.profiles: self.profiles = {"Default": {"tab5_source": "/storage", "tab5_out": "/storage"}} self.load_active_profile() # View Settings self.page = 0 self.page_size = 24 self.grid_cols = 4 self.preview_quality = 50 # Tagging State self.active_cat = "control" self.next_index = 1 self.hovered_image = None # Track currently hovered image for keyboard shortcuts self.category_hotkeys: Dict[str, str] = {} # Maps hotkey -> category name # Undo Stack self.undo_stack: List[Dict] = [] # Stores last actions for undo # Filter Mode self.filter_mode = "all" # "all", "tagged", "untagged" # Batch Settings self.batch_mode = "Copy" self.cleanup_mode = "Keep" # Data Caches self.all_images: List[str] = [] self.staged_data: Dict = {} self.green_dots: Set[int] = set() self.index_map: Dict[int, str] = {} # UI Containers (populated later) self.sidebar_container = None self.grid_container = None self.pagination_container = None def load_active_profile(self): """Load paths from active profile.""" p_data = self.profiles.get(self.profile_name, {}) self.input_base = p_data.get("tab5_source", "/storage") self.output_base = p_data.get("tab5_out", "/storage") self.folder_name = "" @property def source_dir(self): """Computed source path: input_base/folder_name or just input_base.""" if self.folder_name: return os.path.join(self.input_base, self.folder_name) return self.input_base @property def output_dir(self): """Computed output path: output_base/folder_name or just output_base.""" if self.folder_name: return os.path.join(self.output_base, self.folder_name) return self.output_base def save_current_profile(self): """Save current paths to active profile.""" if self.profile_name not in self.profiles: self.profiles[self.profile_name] = {} self.profiles[self.profile_name]["tab5_source"] = self.input_base self.profiles[self.profile_name]["tab5_out"] = self.output_base SorterEngine.save_tab_paths(self.profile_name, t5_s=self.input_base, t5_o=self.output_base) ui.notify(f"Profile '{self.profile_name}' saved!", type='positive') def get_categories(self) -> List[str]: """Get list of categories, ensuring active_cat exists.""" cats = SorterEngine.get_categories(self.profile_name) or ["control"] if self.active_cat not in cats: self.active_cat = cats[0] return cats def get_filtered_images(self) -> List[str]: """Get images based on current filter mode.""" if self.filter_mode == "all": return self.all_images elif self.filter_mode == "tagged": return [img for img in self.all_images if img in self.staged_data] elif self.filter_mode == "untagged": return [img for img in self.all_images if img not in self.staged_data] return self.all_images @property def total_pages(self) -> int: """Calculate total pages based on filtered images.""" filtered = self.get_filtered_images() return math.ceil(len(filtered) / self.page_size) if filtered else 0 def get_current_batch(self) -> List[str]: """Get images for current page based on filter.""" filtered = self.get_filtered_images() if not filtered: return [] start = self.page * self.page_size return filtered[start : start + self.page_size] def get_stats(self) -> Dict: """Get image statistics for display.""" total = len(self.all_images) tagged = len([img for img in self.all_images if img in self.staged_data]) return {"total": total, "tagged": tagged, "untagged": total - tagged} state = AppState() # ========================================== # IMAGE SERVING API # ========================================== @app.get('/thumbnail') async def get_thumbnail(path: str, size: int = 400, q: int = 50): """Serve WebP thumbnail with dynamic quality.""" if not os.path.exists(path): return Response(status_code=404) img_bytes = await run.cpu_bound(SorterEngine.compress_for_web, path, q, size) return Response(content=img_bytes, media_type="image/webp") if img_bytes else Response(status_code=500) @app.get('/full_res') async def get_full_res(path: str): """Serve full resolution image.""" if not os.path.exists(path): return Response(status_code=404) img_bytes = await run.cpu_bound(SorterEngine.compress_for_web, path, 90, None) return Response(content=img_bytes, media_type="image/webp") if img_bytes else Response(status_code=500) # ========================================== # CORE LOGIC # ========================================== def load_images(): """Load images from source directory.""" if not os.path.exists(state.source_dir): ui.notify(f"Source not found: {state.source_dir}", type='warning') return # Auto-save current tags before switching folders if state.all_images and state.staged_data: saved = SorterEngine.save_folder_tags(state.source_dir, state.profile_name) if saved > 0: ui.notify(f"Auto-saved {saved} tags", type='info') # Clear staging area when loading a new folder SorterEngine.clear_staging_area() state.all_images = SorterEngine.get_images(state.source_dir, recursive=True) # Restore previously saved tags for this folder and profile restored = SorterEngine.restore_folder_tags(state.source_dir, state.all_images, state.profile_name) if restored > 0: ui.notify(f"Restored {restored} tags from previous session", type='info') # Reset page if out of bounds if state.page >= state.total_pages: state.page = 0 refresh_staged_info() refresh_ui() def refresh_staged_info(): """Update staged data and index maps.""" state.staged_data = SorterEngine.get_staged_data() # Update green dots (pages with staged images) state.green_dots.clear() staged_keys = set(state.staged_data.keys()) for idx, img_path in enumerate(state.all_images): if img_path in staged_keys: state.green_dots.add(idx // state.page_size) # Build index map for active category state.index_map.clear() # Add staged images for orig_path, info in state.staged_data.items(): if info['cat'] == state.active_cat: idx = _extract_index(info['name']) if idx is not None: state.index_map[idx] = orig_path # Add committed images from disk cat_path = os.path.join(state.output_dir, state.active_cat) if os.path.exists(cat_path): for filename in os.listdir(cat_path): if filename.startswith(state.active_cat): idx = _extract_index(filename) if idx is not None and idx not in state.index_map: state.index_map[idx] = os.path.join(cat_path, filename) def _extract_index(filename: str) -> Optional[int]: """Extract numeric index from filename (e.g., 'Cat_042.jpg' -> 42).""" try: return int(filename.rsplit('_', 1)[1].split('.')[0]) except (ValueError, IndexError): return None # ========================================== # ACTIONS # ========================================== def action_tag(img_path: str, manual_idx: Optional[int] = None): """Tag an image with category and index.""" idx = manual_idx if manual_idx is not None else state.next_index ext = os.path.splitext(img_path)[1] name = f"{state.active_cat}_{idx:03d}{ext}" # Check for conflicts final_path = os.path.join(state.output_dir, state.active_cat, name) staged_names = {v['name'] for v in state.staged_data.values() if v['cat'] == state.active_cat} if name in staged_names or os.path.exists(final_path): ui.notify(f"Conflict: {name} exists. Using suffix.", type='warning') name = f"{state.active_cat}_{idx:03d}_{len(staged_names)+1}{ext}" # Save to undo stack state.undo_stack.append({ "action": "tag", "path": img_path, "category": state.active_cat, "name": name, "index": idx }) if len(state.undo_stack) > 50: # Limit undo history state.undo_stack.pop(0) SorterEngine.stage_image(img_path, state.active_cat, name) # Only auto-increment if we used the default next_index (not manual) if manual_idx is None: state.next_index = idx + 1 refresh_staged_info() refresh_ui() def action_untag(img_path: str): """Remove staging from an image.""" # Save to undo stack if img_path in state.staged_data: info = state.staged_data[img_path] state.undo_stack.append({ "action": "untag", "path": img_path, "category": info['cat'], "name": info['name'], "index": _extract_index(info['name']) }) if len(state.undo_stack) > 50: state.undo_stack.pop(0) SorterEngine.clear_staged_item(img_path) refresh_staged_info() refresh_ui() def action_delete(img_path: str): """Delete image to trash.""" # Save to undo stack state.undo_stack.append({ "action": "delete", "path": img_path }) if len(state.undo_stack) > 50: state.undo_stack.pop(0) SorterEngine.delete_to_trash(img_path) load_images() def action_undo(): """Undo the last action.""" if not state.undo_stack: ui.notify("Nothing to undo", type='warning') return last = state.undo_stack.pop() if last["action"] == "tag": # Undo tag = untag SorterEngine.clear_staged_item(last["path"]) ui.notify(f"Undid tag: {os.path.basename(last['path'])}", type='info') elif last["action"] == "untag": # Undo untag = re-tag with same settings SorterEngine.stage_image(last["path"], last["category"], last["name"]) ui.notify(f"Undid untag: {os.path.basename(last['path'])}", type='info') elif last["action"] == "delete": # Undo delete = restore from trash trash_path = os.path.join(os.path.dirname(last["path"]), "_DELETED", os.path.basename(last["path"])) if os.path.exists(trash_path): import shutil shutil.move(trash_path, last["path"]) ui.notify(f"Restored: {os.path.basename(last['path'])}", type='info') else: ui.notify("Cannot restore - file not in trash", type='warning') refresh_staged_info() refresh_ui() def action_save_tags(): """Save current tags to database for later restoration.""" if not state.all_images: ui.notify("No folder loaded", type='warning') return saved = SorterEngine.save_folder_tags(state.source_dir, state.profile_name) if saved > 0: ui.notify(f"Saved {saved} tags", type='positive') else: ui.notify("No tags to save", type='info') def action_apply_page(): """Apply staged changes for current page only.""" batch = state.get_current_batch() if not batch: ui.notify("No images on current page", type='warning') return SorterEngine.commit_batch(batch, state.output_dir, state.cleanup_mode, state.batch_mode) ui.notify(f"Page processed ({state.batch_mode})", type='positive') load_images() async def action_apply_global(): """Apply all staged changes globally.""" ui.notify("Starting global apply... This may take a while.", type='info') await run.io_bound( SorterEngine.commit_global, state.output_dir, state.cleanup_mode, state.batch_mode, state.source_dir, state.profile_name ) load_images() ui.notify("Global apply complete!", type='positive') # ========================================== # UI COMPONENTS # ========================================== def open_zoom_dialog(path: str, title: Optional[str] = None, show_untag: bool = False, show_jump: bool = False): """Open full-resolution image dialog with optional actions.""" with ui.dialog() as dialog, ui.card().classes('w-full max-w-screen-xl p-0 gap-0 bg-black'): with ui.row().classes('w-full justify-between items-center p-2 bg-gray-900 text-white'): ui.label(title or os.path.basename(path)).classes('font-bold truncate px-2') with ui.row().classes('gap-2'): # Jump to page button if show_jump and path in state.all_images: def jump_to_image(): img_idx = state.all_images.index(path) target_page = img_idx // state.page_size dialog.close() set_page(target_page) ui.notify(f"Jumped to page {target_page + 1}", type='info') ui.button(icon='location_searching', on_click=jump_to_image) \ .props('flat round dense color=blue') \ .tooltip('Jump to image location') # Untag button if show_untag: def untag_and_close(): action_untag(path) dialog.close() ui.notify("Tag removed", type='positive') ui.button(icon='label_off', on_click=untag_and_close) \ .props('flat round dense color=red') \ .tooltip('Remove tag') ui.button(icon='close', on_click=dialog.close).props('flat round dense color=white') ui.image(f"/full_res?path={path}").classes('w-full h-auto object-contain max-h-[85vh]') dialog.open() def open_hotkey_dialog(category: str): """Open dialog to set/change hotkey for a category.""" # Find current hotkey if any current_hotkey = None for hk, cat in state.category_hotkeys.items(): if cat == category: current_hotkey = hk break with ui.dialog() as dialog, ui.card().classes('p-4 bg-gray-800'): ui.label(f'Set Hotkey for "{category}"').classes('font-bold text-white mb-2') ui.label('Press a letter key (A-Z) to assign as hotkey').classes('text-gray-400 text-sm mb-4') if current_hotkey: ui.label(f'Current: {current_hotkey.upper()}').classes('text-blue-400 mb-2') hotkey_input = ui.input( placeholder='Type a letter...', value=current_hotkey or '' ).props('dark outlined dense autofocus').classes('w-full') def save_hotkey(): key = hotkey_input.value.lower().strip() if key and len(key) == 1 and key.isalpha(): # Remove old hotkey for this category to_remove = [hk for hk, c in state.category_hotkeys.items() if c == category] for hk in to_remove: del state.category_hotkeys[hk] # Remove if another category had this hotkey if key in state.category_hotkeys: del state.category_hotkeys[key] # Set new hotkey state.category_hotkeys[key] = category ui.notify(f'Hotkey "{key.upper()}" set for {category}', type='positive') dialog.close() render_sidebar() elif key == '': # Clear hotkey to_remove = [hk for hk, c in state.category_hotkeys.items() if c == category] for hk in to_remove: del state.category_hotkeys[hk] ui.notify(f'Hotkey cleared for {category}', type='info') dialog.close() render_sidebar() else: ui.notify('Please enter a single letter (A-Z)', type='warning') with ui.row().classes('w-full justify-end gap-2 mt-4'): ui.button('Clear', on_click=lambda: ( hotkey_input.set_value(''), save_hotkey() )).props('flat color=grey') ui.button('Cancel', on_click=dialog.close).props('flat') ui.button('Save', on_click=save_hotkey).props('color=green') dialog.open() def render_sidebar(): """Render category management sidebar.""" state.sidebar_container.clear() with state.sidebar_container: ui.label("🏷️ Category Manager").classes('text-xl font-bold mb-2 text-white') # Number grid (1-25) with ui.grid(columns=5).classes('gap-1 mb-4 w-full'): for i in range(1, 26): is_used = i in state.index_map color = 'green' if is_used else 'grey-9' def make_click_handler(num: int): def handler(): if num in state.index_map: # Number is used - open preview img_path = state.index_map[num] is_staged = img_path in state.staged_data open_zoom_dialog( img_path, f"{state.active_cat} #{num}", show_untag=is_staged, show_jump=True ) else: # Number is free - set as next index state.next_index = num render_sidebar() return handler ui.button(str(i), on_click=make_click_handler(i)) \ .props(f'color={color} size=sm flat') \ .classes('w-full border border-gray-800') # Category Manager (expanded) ui.label("📂 Categories").classes('text-sm font-bold text-gray-400 mt-2') categories = state.get_categories() # Category list with hotkey buttons for cat in categories: is_active = cat == state.active_cat hotkey = None # Find if this category has a hotkey for hk, cat_name in state.category_hotkeys.items(): if cat_name == cat: hotkey = hk break with ui.row().classes('w-full items-center no-wrap gap-1'): # Category button ui.button( cat, on_click=lambda c=cat: ( setattr(state, 'active_cat', c), refresh_staged_info(), render_sidebar() ) ).props(f'{"" if is_active else "flat"} color={"green" if is_active else "grey"} dense') \ .classes('flex-grow text-left') # Hotkey badge/button def make_hotkey_handler(category): def handler(): open_hotkey_dialog(category) return handler if hotkey: ui.button(hotkey.upper(), on_click=make_hotkey_handler(cat)) \ .props('flat dense color=blue size=sm').classes('w-8') else: ui.button('+', on_click=make_hotkey_handler(cat)) \ .props('flat dense color=grey size=sm').classes('w-8') \ .tooltip('Set hotkey') # Add new category with ui.row().classes('w-full items-center no-wrap mt-2'): new_cat_input = ui.input(placeholder='New category...') \ .props('dense outlined dark').classes('flex-grow') def add_category(): if new_cat_input.value: SorterEngine.add_category(new_cat_input.value, state.profile_name) state.active_cat = new_cat_input.value refresh_staged_info() render_sidebar() ui.button(icon='add', on_click=add_category).props('flat color=green') # Delete category with ui.expansion('Danger Zone', icon='warning').classes('w-full text-red-400 mt-2'): def delete_category(): # Also remove any hotkey for this category to_remove = [hk for hk, c in state.category_hotkeys.items() if c == state.active_cat] for hk in to_remove: del state.category_hotkeys[hk] SorterEngine.delete_category(state.active_cat, state.profile_name) refresh_staged_info() render_sidebar() ui.button('DELETE CATEGORY', color='red', on_click=delete_category).classes('w-full') ui.separator().classes('my-4 bg-gray-700') # Index counter with ui.row().classes('w-full items-end no-wrap'): ui.number(label="Next Index", min=1, precision=0) \ .bind_value(state, 'next_index') \ .classes('flex-grow').props('dark outlined') def reset_index(): state.next_index = (max(state.index_map.keys()) + 1) if state.index_map else 1 render_sidebar() ui.button('🔄', on_click=reset_index).props('flat color=white') # Keyboard shortcuts help ui.separator().classes('my-4 bg-gray-700') with ui.expansion('⌨️ Keyboard Shortcuts', icon='keyboard').classes('w-full text-gray-400'): shortcuts = [ ("1-9", "Tag hovered image with index"), ("0", "Tag with next index"), ("U", "Untag hovered image*"), ("F", "Cycle filter*"), ("Ctrl+S", "Save tags"), ("Ctrl+Z", "Undo last action"), ("A-Z", "Switch category (set above)"), ("← →", "Previous/Next page"), ("Dbl-click", "Tag/Untag image"), ] for key, desc in shortcuts: with ui.row().classes('w-full justify-between text-xs'): ui.label(key).classes('text-green-400 font-mono') ui.label(desc).classes('text-gray-500') ui.label("*unless assigned to category").classes('text-gray-600 text-xs mt-1') def render_gallery(): """Render image gallery grid.""" state.grid_container.clear() batch = state.get_current_batch() with state.grid_container: with ui.grid(columns=state.grid_cols).classes('w-full gap-3'): for img_path in batch: render_image_card(img_path) def render_image_card(img_path: str): """Render individual image card.""" is_staged = img_path in state.staged_data thumb_size = 800 card = ui.card().classes('p-2 bg-gray-900 border border-gray-700 no-shadow hover:border-green-500 transition-colors') with card: # Track hover for keyboard shortcuts card.on('mouseenter', lambda p=img_path: setattr(state, 'hovered_image', p)) card.on('mouseleave', lambda: setattr(state, 'hovered_image', None)) # Header with filename and actions with ui.row().classes('w-full justify-between no-wrap mb-1'): ui.label(os.path.basename(img_path)[:15]).classes('text-xs text-gray-400 truncate') with ui.row().classes('gap-0'): ui.button( icon='zoom_in', on_click=lambda p=img_path: open_zoom_dialog(p) ).props('flat size=sm dense color=white') ui.button( icon='delete', on_click=lambda p=img_path: action_delete(p) ).props('flat size=sm dense color=red') # Thumbnail with double-click to tag img = ui.image(f"/thumbnail?path={img_path}&size={thumb_size}&q={state.preview_quality}") \ .classes('w-full h-64 bg-black rounded cursor-pointer') \ .props('fit=contain no-spinner') # Double-click to tag (if not already tagged) if not is_staged: img.on('dblclick', lambda p=img_path: action_tag(p)) else: img.on('dblclick', lambda p=img_path: action_untag(p)) # Tagging UI if is_staged: info = state.staged_data[img_path] idx = _extract_index(info['name']) idx_str = str(idx) if idx else "?" ui.label(f"🏷️ {info['cat']}").classes('text-center text-green-400 text-xs py-1 w-full') ui.button( f"Untag (#{idx_str})", on_click=lambda p=img_path: action_untag(p) ).props('flat color=grey-5 dense').classes('w-full') else: with ui.row().classes('w-full no-wrap mt-2 gap-1'): local_idx = ui.number(value=state.next_index, precision=0) \ .props('dense dark outlined').classes('w-1/3') ui.button( 'Tag', on_click=lambda p=img_path, i=local_idx: action_tag(p, int(i.value)) ).classes('w-2/3').props('color=green dense') def render_pagination(): """Render pagination controls.""" state.pagination_container.clear() stats = state.get_stats() with state.pagination_container: # Stats bar with ui.row().classes('w-full justify-center items-center gap-4 mb-2'): ui.label(f"📁 {stats['total']} images").classes('text-gray-400') ui.label(f"🏷️ {stats['tagged']} tagged").classes('text-green-400') ui.label(f"⬜ {stats['untagged']} untagged").classes('text-gray-500') # Filter toggle filter_colors = {"all": "grey", "tagged": "green", "untagged": "orange"} filter_icons = {"all": "filter_list", "tagged": "label", "untagged": "label_off"} ui.button( f"Filter: {state.filter_mode}", icon=filter_icons[state.filter_mode], on_click=lambda: ( setattr(state, 'filter_mode', {"all": "untagged", "untagged": "tagged", "tagged": "all"}[state.filter_mode]), setattr(state, 'page', 0), refresh_ui() ) ).props(f'flat color={filter_colors[state.filter_mode]}').classes('ml-4') # Save button ui.button( icon='save', on_click=action_save_tags ).props('flat color=blue').tooltip('Save tags (Ctrl+S)') # Undo button ui.button( icon='undo', on_click=action_undo ).props('flat color=white').tooltip('Undo (Ctrl+Z)') if state.total_pages <= 1: return # Page slider ui.slider( min=0, max=state.total_pages - 1, value=state.page, on_change=lambda e: set_page(int(e.value)) ).classes('w-1/2 mb-2').props('color=green') # Page info ui.label(f"Page {state.page + 1} / {state.total_pages}").classes('text-gray-400 text-sm mb-2') # Page buttons with ui.row().classes('items-center gap-2'): # Previous button if state.page > 0: ui.button('◀', on_click=lambda: set_page(state.page - 1)).props('flat color=white') # Page numbers (show current ±2) start = max(0, state.page - 2) end = min(state.total_pages, state.page + 3) for p in range(start, end): dot = " 🟢" if p in state.green_dots else "" color = "white" if p == state.page else "grey-6" ui.button( f"{p+1}{dot}", on_click=lambda page=p: set_page(page) ).props(f'flat color={color}') # Next button if state.page < state.total_pages - 1: ui.button('▶', on_click=lambda: set_page(state.page + 1)).props('flat color=white') def set_page(p: int): """Navigate to specific page.""" state.page = max(0, min(p, state.total_pages - 1)) refresh_ui() def refresh_ui(): """Refresh all UI components.""" render_sidebar() render_pagination() render_gallery() def handle_keyboard(e): """Handle keyboard navigation and shortcuts (fallback).""" if not e.action.keydown: return key = e.key.name if hasattr(e.key, 'name') else str(e.key) ctrl = e.modifiers.ctrl if hasattr(e.modifiers, 'ctrl') else False key_lower = key.lower() if isinstance(key, str) else key # Navigation - arrow keys if key == 'ArrowLeft' and state.page > 0: set_page(state.page - 1) elif key == 'ArrowRight' and state.page < state.total_pages - 1: set_page(state.page + 1) # Undo (Ctrl+Z) elif key_lower == 'z' and ctrl: action_undo() # Save (Ctrl+S) elif key_lower == 's' and ctrl: action_save_tags() # Custom category hotkeys (single letters A-Z, not ctrl) elif not ctrl and len(key) == 1 and key_lower.isalpha() and key_lower in state.category_hotkeys: state.active_cat = state.category_hotkeys[key_lower] refresh_staged_info() refresh_ui() ui.notify(f"Category: {state.active_cat}", type='info') # Number keys 1-9 to tag hovered image elif key in '123456789' and not ctrl: if state.hovered_image and state.hovered_image not in state.staged_data: action_tag(state.hovered_image, int(key)) # 0 key to tag with next_index elif key == '0' and not ctrl and state.hovered_image and state.hovered_image not in state.staged_data: action_tag(state.hovered_image) # U to untag hovered image (only if not assigned as category hotkey) elif key_lower == 'u' and not ctrl and 'u' not in state.category_hotkeys: if state.hovered_image and state.hovered_image in state.staged_data: action_untag(state.hovered_image) # F to cycle filter modes (only if not assigned as category hotkey) elif key_lower == 'f' and not ctrl and 'f' not in state.category_hotkeys: modes = ["all", "untagged", "tagged"] current_idx = modes.index(state.filter_mode) state.filter_mode = modes[(current_idx + 1) % 3] state.page = 0 # Reset to first page when changing filter refresh_ui() ui.notify(f"Filter: {state.filter_mode}", type='info') def process_key(key: str, ctrl: bool): """Process keyboard input from JS event.""" # Navigation if key == 'arrowleft' and state.page > 0: set_page(state.page - 1) elif key == 'arrowright' and state.page < state.total_pages - 1: set_page(state.page + 1) # Undo elif key == 'z' and ctrl: action_undo() # Save elif key == 's' and ctrl: action_save_tags() # Custom category hotkeys elif not ctrl and len(key) == 1 and key.isalpha() and key in state.category_hotkeys: state.active_cat = state.category_hotkeys[key] refresh_staged_info() refresh_ui() ui.notify(f"Category: {state.active_cat}", type='info') # Tag with number elif key in '123456789' and not ctrl: if state.hovered_image and state.hovered_image not in state.staged_data: action_tag(state.hovered_image, int(key)) # Tag with next index elif key == '0' and not ctrl: if state.hovered_image and state.hovered_image not in state.staged_data: action_tag(state.hovered_image) # Untag (only if 'u' not assigned to category) elif key == 'u' and not ctrl and 'u' not in state.category_hotkeys: if state.hovered_image and state.hovered_image in state.staged_data: action_untag(state.hovered_image) # Filter (only if 'f' not assigned to category) elif key == 'f' and not ctrl and 'f' not in state.category_hotkeys: modes = ["all", "untagged", "tagged"] current_idx = modes.index(state.filter_mode) state.filter_mode = modes[(current_idx + 1) % 3] state.page = 0 refresh_ui() ui.notify(f"Filter: {state.filter_mode}", type='info') # ========================================== # MAIN LAYOUT # ========================================== def build_header(): """Build application header.""" with ui.header().classes('items-center bg-slate-900 text-white border-b border-gray-700').style('height: 70px'): with ui.row().classes('w-full items-center gap-4 no-wrap px-4'): ui.label('🖼️ NiceSorter').classes('text-xl font-bold shrink-0 text-green-400') # Profile selector with add/delete def change_profile(e): # Auto-save before switching profile if state.all_images and state.staged_data: SorterEngine.save_folder_tags(state.source_dir, state.profile_name) state.profile_name = e.value state.load_active_profile() state.active_cat = "control" # Reset to default category SorterEngine.clear_staging_area() # Clear staging for new profile # Auto-load if source path exists if os.path.exists(state.source_dir): load_images() else: state.all_images = [] refresh_staged_info() refresh_ui() profile_select = ui.select( list(state.profiles.keys()), value=state.profile_name, on_change=change_profile ).props('dark dense options-dense borderless').classes('w-32') def add_profile(): with ui.dialog() as dialog, ui.card().classes('p-4'): ui.label('New Profile Name').classes('font-bold') name_input = ui.input(placeholder='Profile name').props('autofocus') def do_create(): name = name_input.value if name and name not in state.profiles: state.profiles[name] = {"tab5_source": "/storage", "tab5_out": "/storage"} SorterEngine.save_tab_paths(name, t5_s="/storage", t5_o="/storage") state.profile_name = name state.load_active_profile() dialog.close() ui.notify(f"Profile '{name}' created", type='positive') # Rebuild header to update profile list ui.navigate.reload() elif name in state.profiles: ui.notify("Profile already exists", type='warning') with ui.row().classes('w-full justify-end gap-2 mt-2'): ui.button('Cancel', on_click=dialog.close).props('flat') ui.button('Create', on_click=do_create).props('color=green') dialog.open() def delete_profile(): if len(state.profiles) <= 1: ui.notify("Cannot delete the last profile", type='warning') return deleted_name = state.profile_name del state.profiles[state.profile_name] state.profile_name = list(state.profiles.keys())[0] state.load_active_profile() ui.notify(f"Profile '{deleted_name}' deleted", type='info') ui.navigate.reload() ui.button(icon='add', on_click=add_profile).props('flat round dense color=green').tooltip('New profile') ui.button(icon='delete', on_click=delete_profile).props('flat round dense color=red').tooltip('Delete profile') # Source and output paths with ui.row().classes('flex-grow gap-2'): ui.input('Input Base').bind_value(state, 'input_base') \ .classes('flex-grow').props('dark dense outlined') ui.input('Output Base').bind_value(state, 'output_base') \ .classes('flex-grow').props('dark dense outlined') ui.input('Folder (optional)').bind_value(state, 'folder_name') \ .classes('flex-grow').props('dark dense outlined') ui.button(icon='save', on_click=state.save_current_profile) \ .props('flat round color=white') ui.button('LOAD', on_click=load_images) \ .props('color=green flat').classes('font-bold border border-green-700') # View settings menu with ui.button(icon='tune', color='white').props('flat round'): with ui.menu().classes('bg-gray-800 text-white p-4'): ui.label('VIEW SETTINGS').classes('text-xs font-bold mb-2') ui.label('Grid Columns:') ui.slider( min=2, max=8, step=1, value=state.grid_cols, on_change=lambda e: (setattr(state, 'grid_cols', e.value), refresh_ui()) ).props('color=green') ui.label('Preview Quality:') ui.slider( min=10, max=100, step=10, value=state.preview_quality, on_change=lambda e: (setattr(state, 'preview_quality', e.value), refresh_ui()) ).props('color=green label-always') ui.switch('Dark', value=True, on_change=lambda e: ui.dark_mode().set_value(e.value)) \ .props('color=green') def build_sidebar(): """Build left sidebar.""" with ui.left_drawer(value=True).classes('bg-gray-950 p-4 border-r border-gray-800').props('width=320'): state.sidebar_container = ui.column().classes('w-full') def build_main_content(): """Build main content area.""" with ui.column().classes('w-full p-6 bg-gray-900 min-h-screen text-white'): state.pagination_container = ui.column().classes('w-full items-center mb-4') state.grid_container = ui.column().classes('w-full') # Footer with batch controls ui.separator().classes('my-10 bg-gray-800') with ui.row().classes('w-full justify-around p-6 bg-gray-950 rounded-xl border border-gray-800'): # Tagged files mode with ui.column(): ui.label('TAGGED FILES:').classes('text-gray-500 text-xs font-bold') ui.radio(['Copy', 'Move'], value=state.batch_mode) \ .bind_value(state, 'batch_mode') \ .props('inline dark color=green') # Untagged files mode with ui.column(): ui.label('UNTAGGED FILES:').classes('text-gray-500 text-xs font-bold') ui.radio(['Keep', 'Move to Unused', 'Delete'], value=state.cleanup_mode) \ .bind_value(state, 'cleanup_mode') \ .props('inline dark color=green') # Action buttons with ui.row().classes('items-center gap-6'): ui.button('APPLY PAGE', on_click=action_apply_page) \ .props('outline color=white lg') with ui.column().classes('items-center'): ui.button('APPLY GLOBAL', on_click=action_apply_global) \ .props('lg color=red-900') ui.label('(Process All)').classes('text-xs text-gray-500') # ========================================== # INITIALIZATION # ========================================== build_header() build_sidebar() build_main_content() # JavaScript keyboard handler for Firefox compatibility ui.add_body_html(''' ''') # Use NiceGUI keyboard ui.keyboard(on_key=handle_keyboard, ignore=[]) ui.dark_mode().enable() load_images() ui.run(title="NiceSorter", host="0.0.0.0", port=8080, reload=False)