Merge pull request 'docs: reorganize roadmap by utility, mark Sprint 1 complete, add high-value features' (#11) from feature/sprint1-dragdrop-presets-shortcuts into main

Reviewed-on: #11
2026-03-08 21:46:59 -05:00
parent 87c9078a99 5579656279
commit c65355a43b
1 changed files with 278 additions and 249 deletions
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -1,345 +1,374 @@
 # PNGer Feature Roadmap

-## Current Features ✅
+## Completed Features ✅

- ✅ Basic image upload (file picker)
+### Core Foundation
+- ✅ Basic image upload (file picker, drag & drop, clipboard paste)
 - ✅ Width/height resizing
 - ✅ Aspect ratio control (inside/cover)
 - ✅ Crop positioning (9 positions)
 - ✅ Format conversion (PNG, WebP, JPEG)
- ✅ Quality adjustment (10-100)
+- ✅ Quality adjustment (10-100%)
 - ✅ Direct download (no server storage)
 - ✅ Docker deployment
 - ✅ **Live Preview** - Real-time side-by-side comparison with file size analysis
 - ✅ **Dark/Light Mode** - Theme toggle for better PNG transparency inspection
 - ✅ **Modern UI** - Sleek design with smooth transitions and visual feedback

+### Sprint 1: Enhanced UX (Completed March 2026)
+- ✅ **Drag & Drop Upload** - Drag images directly into the app
+- ✅ **Clipboard Paste** - Paste with Ctrl+V (Cmd+V on Mac)
+- ✅ **Smart Presets** - 8 quick-access presets:
+  - Web Optimized (1920x1080, 80%, WebP)
+  - Social Media (1080x1080, 85%, JPEG)
+  - Profile Picture (400x400, 90%, PNG)
+  - Email Friendly (800x600, 75%, JPEG)
+  - Tiny Icon (64x64, 100%, PNG)
+  - Retina 2x (2x dimensions, 90%)
+  - Icon Small (256x256, 95%, PNG)
+  - Icon Large (512x512, 95%, PNG)
+- ✅ **Keyboard Shortcuts** - Fast workflow:
+  - Ctrl+V / Cmd+V: Paste image
+  - Enter: Transform & Download
+  - Ctrl+Enter / Cmd+Enter: Transform & Download (anywhere)
+  - ?: Show shortcuts help
+  - Esc: Close dialogs
+- ✅ **Enhanced Visual Feedback** - Better loading states and error messages
+- ✅ **Theme Contrast Fixes** - Improved text visibility in both themes
+
 ---

-## Phase 1: Enhanced User Experience (Priority: HIGH)
+## Sprint 2: Batch Processing & Advanced Operations (Next Priority)
+**Focus**: Handle multiple files and add essential image operations  
+**Effort**: ~12-15 hours | **Impact**: Very High | **Timeline**: Week 1-2

-### 1.1 Live Preview 🎯 ✅ **COMPLETED**
-**Why**: Immediate visual feedback dramatically improves UX
-**Effort**: Medium | **Impact**: High
+### 2.1 Batch Processing 🚀 **HIGH VALUE**
+**Why**: Process multiple images at once - massive time saver for bulk operations  
+**Effort**: Medium (6-8 hours) | **Impact**: Very High

- [x] Real-time preview of transformations before download
- [x] Side-by-side comparison (original vs transformed)
- [x] Show file size reduction/increase
- [x] Display actual dimensions of output
- [x] Preview updates on parameter change (debounced)
- [x] Dark/light mode for transparency inspection
-
-**Technical approach:**
- ✅ Client-side preview using Canvas API for instant feedback
- ✅ Debounced updates (300ms) for smooth performance
- ✅ Base64 size estimation with color-coded savings indicator
-
-### 1.2 Drag & Drop Interface 🎯 **NEXT PRIORITY**
-**Why**: More intuitive than file picker
-**Effort**: Low | **Impact**: Medium
-
- [ ] Drag & drop zone for image upload
- [ ] Visual feedback on drag over
- [ ] Support multiple files (batch processing)
- [ ] Show thumbnail of uploaded image
- [ ] Paste from clipboard support (Ctrl+V)
-
-**Implementation notes:**
- Add drop zone with dashed border styling
- Listen for `dragover`, `dragleave`, `drop` events
- Extract files from `dataTransfer.files`
- Add paste event listener for clipboard images
-
-### 1.3 Batch Processing
-**Why**: Process multiple images at once
-**Effort**: Medium | **Impact**: High
-
- [ ] Upload multiple images
+- [ ] Upload multiple images (10+ files)
 - [ ] Apply same transformations to all
+- [ ] Individual preview for each image
 - [ ] Download as ZIP file
 - [ ] Progress indicator for batch operations
- [ ] Individual vs global settings per image
+- [ ] Cancel/remove individual files from queue
+- [ ] Batch rename with pattern (e.g., `image-{index}.png`)
+- [ ] Memory optimization for large batches
+
+**Implementation Notes**:
+- Use JSZip library for ZIP creation
+- Process images in parallel (4-6 concurrent)
+- Track individual file progress
+- Client-side queue management
+
+### 2.2 Essential Image Operations 🎨
+**Why**: Basic operations users expect  
+**Effort**: Low-Medium (4-6 hours) | **Impact**: High
+
+- [ ] **Rotation**: 90°, 180°, 270°, custom angle
+- [ ] **Flip**: Horizontal / Vertical
+- [ ] **Grayscale**: Quick B&W conversion
+- [ ] **Auto-rotate**: Based on EXIF orientation
+- [ ] **Trim**: Remove transparent/white borders automatically
+
+**Technical**: All supported natively by Sharp library
+
+### 2.3 Image Optimization ⚡ **HIGH VALUE**
+**Why**: One-click file size reduction without quality loss  
+**Effort**: Low (2-3 hours) | **Impact**: Very High
+
+- [ ] **Auto-Optimize** button - Smart quality/compression
+- [ ] **Lossless PNG** optimization (pngquant-style)
+- [ ] **Strip EXIF** metadata (privacy + file size)
+- [ ] **Progressive JPEG** encoding
+- [ ] **Compression comparison** - Show savings for each format
+- [ ] **Target file size** - Optimize to hit specific size (e.g., "under 1MB")
+
+**Implementation**: Use Sharp's built-in optimization + custom quality detection

 ---

-## Phase 2: Advanced Image Operations (Priority: MEDIUM-HIGH)
+## Sprint 3: User Experience Polish (High Utility)
+**Focus**: Make the app faster and more intuitive  
+**Effort**: ~10-12 hours | **Impact**: High | **Timeline**: Week 3-4

-### 2.1 Smart Presets 🎯 **HIGH VALUE**
-**Why**: Common use cases made easy
-**Effort**: Low | **Impact**: High
+### 3.1 Quick Access Features ⏱️
+**Why**: Speed up repetitive tasks  
+**Effort**: Low (2-3 hours) | **Impact**: Medium-High

- [ ] **Web Thumbnail** (300x300, WebP, 75% quality)
- [ ] **Social Media** (1200x630 for OG images)
- [ ] **Profile Picture** (square crop, various sizes)
- [ ] **Email Friendly** (max 1MB, optimized)
- [ ] **Retina Display** (@2x, @3x multipliers)
- [ ] **Icon Set** (16, 32, 64, 128, 256px)
- [ ] Custom preset saving
+- [ ] **Copy to Clipboard** - Copy processed image directly
+- [ ] **Recent Files** - Quick access to last 10 processed images (localStorage)
+- [ ] **Undo/Redo** - Revert parameter changes
+- [ ] **Favorites** - Star frequently used presets
+- [ ] **Quick Settings** - Toggle common options in header

-**Implementation notes:**
- Add preset dropdown in UI
- Store presets as JSON configs
- Quick-apply button for each preset
- LocalStorage for custom user presets
+### 3.2 Image Analysis & Info 🔍 **HIGH VALUE**
+**Why**: Understand your images better  
+**Effort**: Low (2-3 hours) | **Impact**: Medium-High

-### 2.2 Image Optimization
-**Why**: Reduce file size without quality loss
-**Effort**: Low | **Impact**: High
+- [ ] **Metadata Display**: Dimensions, format, color space, DPI
+- [ ] **Color Palette Extraction**: Show dominant colors (5-8)
+- [ ] **Transparency Detection**: Warn if converting transparent to JPEG
+- [ ] **File Size Projection**: Estimate final size before download
+- [ ] **Aspect Ratio Calculator**: Calculate dimensions maintaining ratio
+- [ ] **Memory Usage**: Show current memory consumption

- [ ] **Auto-optimize** button (best compression/quality ratio)
- [ ] Lossless PNG optimization
- [ ] Strip EXIF metadata (privacy + size)
- [ ] Progressive JPEG encoding
- [ ] Show compression statistics
+### 3.3 Format Intelligence 🧠
+**Why**: Help users choose the right format  
+**Effort**: Low (2-3 hours) | **Impact**: Medium

-### 2.3 Additional Transformations
-**Why**: More creative control
-**Effort**: Medium | **Impact**: Medium
+- [ ] **Format Recommendations**: Suggest best format based on image
+- [ ] **Browser Support Detection**: Show WebP/AVIF compatibility
+- [ ] **Multi-Format Export**: Generate PNG + WebP + JPEG at once
+- [ ] **Responsive Image Sets**: Export multiple sizes for responsive design

- [ ] Rotation (90°, 180°, 270°, custom)
- [ ] Flip (horizontal/vertical)
- [ ] Grayscale conversion
- [ ] Blur effect (with intensity)
- [ ] Sharpen filter
- [ ] Brightness/contrast adjustment
- [ ] Border/padding addition
+### 3.4 UI/UX Improvements
+**Effort**: Low-Medium (3-4 hours) | **Impact**: Medium
+
+- [ ] **Mobile Responsive Design**: Better mobile/tablet experience
+- [ ] **Toast Notifications**: Non-blocking feedback messages
+- [ ] **Drag to Reorder**: Reorder batch queue
+- [ ] **Compare Mode**: Slider to compare before/after
+- [ ] **Zoom Controls**: Zoom in on preview images
+- [ ] **Grid/List Toggle**: Switch preview layout

 ---

-## Phase 3: Utilitarian Power Features (Priority: MEDIUM)
+## Sprint 4: Advanced Features (Power Users)
+**Focus**: Professional-grade tools  
+**Effort**: ~15-20 hours | **Impact**: Medium-High | **Timeline**: Week 5-6

-### 3.1 Image Analysis
-**Why**: Understand your images
-**Effort**: Low | **Impact**: Medium
+### 4.1 Custom Crop Tool ✂️
+**Why**: Precise control over cropping  
+**Effort**: High (8-10 hours) | **Impact**: Medium-High

- [ ] Display image metadata (dimensions, format, color space)
- [ ] File size analysis (before/after)
- [ ] Color palette extraction
- [ ] Dominant color detection
- [ ] Transparency detection
- [ ] Aspect ratio calculator
+- [ ] **Visual Crop Selector**: Interactive drag handles
+- [ ] **Aspect Ratio Lock**: 16:9, 4:3, 1:1, custom
+- [ ] **Freeform Cropping**: No ratio constraints
+- [ ] **Rule of Thirds Grid**: Photography composition guide
+- [ ] **Golden Ratio Grid**: Advanced composition
+- [ ] **Zoom for Precision**: Zoom in for pixel-perfect crops
+- [ ] **Crop Presets**: Social media sizes (Instagram, Facebook, etc.)

-### 3.2 Custom Crop Tool
-**Why**: Precise control over cropping
-**Effort**: High | **Impact**: Medium
+### 4.2 Filters & Effects 🌈
+**Why**: Quick image enhancements  
+**Effort**: Medium (5-6 hours) | **Impact**: Medium

- [ ] Visual crop selector (drag handles)
- [ ] Aspect ratio lock
- [ ] Freeform cropping
- [ ] Rule of thirds grid overlay
- [ ] Zoom for precision
+- [ ] **Brightness/Contrast**: Adjust exposure
+- [ ] **Saturation**: Boost or reduce colors
+- [ ] **Sharpness**: Enhance edges
+- [ ] **Blur**: Gaussian blur with radius control
+- [ ] **Tint**: Apply color overlay
+- [ ] **Vintage Filter**: Sepia tone
+- [ ] **Invert Colors**: Negative effect
+- [ ] **Filter Presets**: Quick apply common filters

-### 3.3 Watermarking
-**Why**: Brand/protect images
-**Effort**: Medium | **Impact**: Medium
+### 4.3 Watermarking 📝
+**Why**: Protect and brand images  
+**Effort**: Medium (4-5 hours) | **Impact**: Medium

- [ ] Text watermark with custom font
- [ ] Image watermark overlay
- [ ] Position control (9 positions + custom)
- [ ] Opacity adjustment
- [ ] Repeat pattern option
-
-### 3.4 Image Comparison Tool
-**Why**: A/B test different settings
-**Effort**: Medium | **Impact**: Low-Medium
-
- [ ] Compare 2-4 versions side-by-side
- [ ] Slider to reveal differences
- [ ] Quality vs file size comparison
- [ ] Export comparison settings
+- [ ] **Text Watermark**: Custom text with font selection
+- [ ] **Image Watermark**: Upload logo overlay
+- [ ] **Position Control**: 9 positions + custom X/Y
+- [ ] **Opacity**: Adjust transparency (0-100%)
+- [ ] **Repeat Pattern**: Tile watermark across image
+- [ ] **Batch Watermark**: Apply to all images in batch

 ---

-## Phase 4: Workflow & Automation (Priority: LOW-MEDIUM)
+## Sprint 5: Workflow & Automation (Productivity)
+**Focus**: Save time with reusable workflows  
+**Effort**: ~8-10 hours | **Impact**: Medium | **Timeline**: Week 7+

-### 4.1 API Access
-**Why**: Integrate with other tools
-**Effort**: Low | **Impact**: Medium
+### 5.1 Custom Presets & Templates
+**Why**: Reusable transformation pipelines  
+**Effort**: Low-Medium (3-4 hours) | **Impact**: Medium

+- [ ] **Save Custom Presets**: Create your own quick-access presets
+- [ ] **Preset Categories**: Organize by use case
+- [ ] **Import/Export Presets**: Share as JSON files
+- [ ] **Transformation Chains**: Combine multiple operations
+- [ ] **Preset Shortcuts**: Assign keyboard shortcuts (1-9 keys)
+- [ ] **Community Presets**: Gallery of user-submitted presets
+
+### 5.2 History & Session Management
+**Why**: Track and repeat common tasks  
+**Effort**: Low (2-3 hours) | **Impact**: Low-Medium
+
+- [ ] **Processing History**: Last 50 transformations
+- [ ] **Quick Re-apply**: Reload previous settings
+- [ ] **Export History**: Save session as JSON
+- [ ] **Clear History**: Privacy button
+- [ ] **Session Restore**: Resume after browser close
+
+---
+
+## Future: Extended Format Support (Lower Priority)
+**Focus**: Support more file types  
+**Effort**: Variable | **Impact**: Situational
+
+### Additional Formats
+- [ ] **AVIF Support**: Next-gen image format
+- [ ] **TIFF Support**: Professional photography
+- [ ] **SVG to Raster**: Convert vector to bitmap
+- [ ] **ICO Generation**: Create favicons (16, 32, 48, 64, 128, 256px)
+- [ ] **PDF to Image**: Extract first page as image
+- [ ] **GIF Frame Extraction**: Convert animated GIF to frames
+- [ ] **HEIC/HEIF Support**: Apple photo format
+
+---
+
+## Enterprise & API (Optional)
+**Focus**: For hosted/managed deployments  
+**Effort**: High | **Impact**: Situational
+
+### API Access
 - [ ] Generate API keys in UI
 - [ ] Rate limiting per key
 - [ ] Usage statistics dashboard
 - [ ] Webhook support for async processing
 - [ ] OpenAPI/Swagger documentation
+- [ ] SDK libraries (Python, Node.js, PHP)

-### 4.2 Templates & Workflows
-**Why**: Reusable transformation pipelines
-**Effort**: Medium | **Impact**: Medium
-
- [ ] Save transformation pipelines
- [ ] Chain multiple operations
- [ ] Share templates via URL
- [ ] Import/export templates (JSON)
- [ ] Community template gallery
-
-### 4.3 History & Favorites
-**Why**: Quick access to common tasks
-**Effort**: Low | **Impact**: Low
-
- [ ] Recent transformations (local storage)
- [ ] Favorite presets
- [ ] Quick re-apply last settings
- [ ] Clear history button
-
---
-
-## Phase 5: Extended Format Support (Priority: LOW)
-
-### 5.1 More Input Formats
-**Effort**: Low-Medium | **Impact**: Medium
-
- [ ] AVIF support (next-gen format)
- [ ] TIFF support
- [ ] SVG to raster conversion
- [ ] ICO (favicon) generation
- [ ] PDF to image (first page)
- [ ] GIF frame extraction
-
-### 5.2 Advanced Output Options
-**Effort**: Medium | **Impact**: Low
-
- [ ] Multi-size export (responsive images)
- [ ] Generate `<picture>` tag HTML
- [ ] Create image sprites
- [ ] Generate CSS for backgrounds
-
---
-
-## Phase 6: Enterprise Features (Priority: LOW)
-
-### 6.1 User Accounts (Optional)
-**Why**: For managed deployments
-**Effort**: High | **Impact**: Situational
-
+### User Accounts (Optional)
 - [ ] User authentication
 - [ ] Per-user quotas
+- [ ] Cloud storage integration (S3, MinIO)
 - [ ] Saved presets sync
 - [ ] Usage analytics
- [ ] Team collaboration
-
-### 6.2 Cloud Storage Integration
-**Why**: Direct save to storage
-**Effort**: High | **Impact**: Low-Medium
-
- [ ] S3/MinIO upload
- [ ] Cloudflare Images integration
- [ ] Google Drive export
- [ ] Dropbox integration
+- [ ] Team collaboration features

 ---

-## Recommended Next Steps 🚀
+## New High-Value Ideas 💡

-### Sprint 1 (Week 1): Immediate UX Wins
-**Focus**: Make the tool more intuitive and powerful
+### Image Comparison Tool 🔍
+**Why**: A/B test different settings  
+**Effort**: Low-Medium (3-4 hours) | **Impact**: Medium

-1. **Drag & Drop Upload** (Phase 1.2) - 2-3 hours
-   - Drop zone with visual feedback
-   - Clipboard paste support
-   - Multiple file selection
+- [ ] Side-by-side comparison of 2-4 versions
+- [ ] Slider reveal to show differences
+- [ ] Quality vs file size comparison matrix
+- [ ] Export comparison settings for sharing

-2. **Smart Presets** (Phase 2.1) - 3-4 hours
-   - 6-8 common presets (web, social, profile, etc.)
-   - Quick-apply buttons
-   - Custom preset saving
+### Background Removal ✨ **HIGH VALUE**
+**Why**: Remove backgrounds automatically  
+**Effort**: Medium-High (6-8 hours) | **Impact**: Very High

-3. **Keyboard Shortcuts** - 1-2 hours
-   - Ctrl+V to paste image
-   - Enter to process
-   - Ctrl+D to download
-   - ? to show shortcuts help
+- [ ] AI-powered background removal (using @imgly/background-removal or similar)
+- [ ] Replace with solid color
+- [ ] Replace with gradient
+- [ ] Replace with uploaded image
+- [ ] Transparency preservation
+- [ ] Edge refinement controls

-**Total effort**: ~8-10 hours | **Impact**: Very High
+### Smart Resize 🦾 **HIGH VALUE**
+**Why**: Content-aware resizing  
+**Effort**: Medium (4-5 hours) | **Impact**: High

-### Sprint 2 (Week 2): Power User Features
-**Focus**: Add functionality for advanced users
+- [ ] **Content-aware scaling**: Preserve important areas
+- [ ] **Face detection**: Protect faces during crop
+- [ ] **Center of interest**: Auto-detect focal point
+- [ ] **Smart crop suggestions**: AI-suggested crop areas

-4. **Additional Transformations** (Phase 2.3) - 4-6 hours
-   - Rotate, flip, grayscale
-   - Sharpen, blur filters
-   - Backend Sharp API extensions
+### Color Adjustments 🎨
+**Why**: Fine-tune image colors  
+**Effort**: Medium (4-5 hours) | **Impact**: Medium

-5. **Image Analysis** (Phase 3.1) - 2-3 hours
-   - Metadata display panel
-   - Color palette extraction
-   - Transparency detection
+- [ ] **Hue/Saturation/Lightness** sliders
+- [ ] **Color temperature** (warm/cool)
+- [ ] **Vibrance** (selective saturation)
+- [ ] **Color balance** (shadows, midtones, highlights)
+- [ ] **White balance correction**
+- [ ] **Color grading presets**

-6. **Auto-Optimize** (Phase 2.2) - 2-3 hours
-   - Smart quality detection
-   - Format recommendation
-   - One-click optimization
+### Border & Frame Effects 🖼️
+**Why**: Add decorative elements  
+**Effort**: Low-Medium (3-4 hours) | **Impact**: Low-Medium

-**Total effort**: ~10-12 hours | **Impact**: High
+- [ ] **Solid borders**: Color and thickness
+- [ ] **Padding**: Add transparent/colored space
+- [ ] **Rounded corners**: Border radius control
+- [ ] **Shadow effects**: Drop shadow with blur
+- [ ] **Frame templates**: Decorative frames
+- [ ] **Polaroid effect**: Instant camera style

-### Sprint 3 (Week 3+): Polish & Advanced
-**Focus**: Batch processing and custom tools
+### Image Merge & Collage 🖼️
+**Why**: Combine multiple images  
+**Effort**: High (8-10 hours) | **Impact**: Medium

-7. **Batch Processing** (Phase 1.3) - 6-8 hours
-   - Multiple file upload
-   - Queue management
-   - ZIP download
+- [ ] **Side-by-side merge**: Horizontal/vertical
+- [ ] **Grid layout**: 2x2, 3x3, custom
+- [ ] **Collage templates**: Pre-designed layouts
+- [ ] **Spacing control**: Gap between images
+- [ ] **Background color**: For gaps

-8. **Custom Crop Tool** (Phase 3.2) - 8-10 hours
-   - Interactive crop overlay
-   - Visual drag handles
-   - Aspect ratio controls
+### Conditional Processing 🤖
+**Why**: Smart automation based on image properties  
+**Effort**: Medium (4-5 hours) | **Impact**: Medium

---
-
-## Quick Wins (Low Effort, High Impact) ⚡
-
-### Immediate Improvements (< 2 hours each)
-1. ✅ ~~**Live Preview**~~ - Phase 1.1 (COMPLETED)
-2. 🎯 **Drag & Drop** - Phase 1.2 (START HERE!)
-3. 🎯 **Smart Presets** - Phase 2.1
-4. 🎯 **Keyboard Shortcuts** - UX Polish
-5. 🎯 **Copy to Clipboard** - UX Polish
-6. **Image Analysis** - Phase 3.1
-7. **Auto-optimize** - Phase 2.2
-
-### UX/UI Polish (1-3 hours each)
- [x] Dark mode support ✅
- [ ] Keyboard shortcuts (Ctrl+V paste, Enter to process)
- [ ] Copy image to clipboard
- [ ] Undo/redo support
- [ ] Mobile-responsive design improvements
- [ ] Toast notifications for actions
- [ ] Image format auto-detection suggestions
- [ ] Loading progress bars instead of spinners
+- [ ] **Size-based rules**: Different settings for large vs small images
+- [ ] **Format detection**: Auto-convert based on transparency
+- [ ] **Quality ranges**: Set min/max quality constraints
+- [ ] **Dimension limits**: Enforce max width/height

 ---

 ## Technical Debt & Infrastructure

 ### Code Quality
- [ ] Add unit tests (backend)
- [ ] Add E2E tests (Playwright)
+- [ ] Unit tests (backend) - Vitest/Jest
+- [ ] E2E tests (frontend) - Playwright
 - [ ] TypeScript strict mode
 - [ ] ESLint + Prettier configuration
 - [ ] CI/CD pipeline (GitHub Actions or Gitea Actions)
- [ ] Code coverage reporting
+- [ ] Code coverage reporting (>80%)
+- [ ] Automated dependency updates (Renovate)

 ### Performance
 - [ ] Image processing queue (for heavy operations)
- [ ] Redis caching for repeated transforms
- [ ] CDN integration
- [ ] WebP/AVIF auto-detection based on browser support
+- [ ] Web Workers for client-side processing
+- [ ] Service Worker for offline support
 - [ ] Lazy loading for UI components
- [ ] Service worker for offline support
+- [ ] Memory leak detection and fixes
+- [ ] Performance monitoring (Lighthouse CI)

 ### Security
 - [ ] Rate limiting (prevent abuse)
 - [ ] File type validation (magic bytes check)
 - [ ] Max file size enforcement (configurable)
- [ ] CORS configuration
+- [ ] CORS configuration hardening
 - [ ] CSP headers
 - [ ] Input sanitization audit
+- [ ] Security headers (HSTS, X-Frame-Options)
+- [ ] Dependency vulnerability scanning

-### Monitoring
+### Monitoring & Analytics
 - [ ] Prometheus metrics endpoint
 - [ ] Error tracking (Sentry integration)
- [ ] Performance monitoring
- [ ] Usage analytics (privacy-focused)
+- [ ] Performance monitoring (Real User Monitoring)
+- [ ] Usage analytics (privacy-focused, self-hosted)
+- [ ] Health check dashboard
+
+---
+
+## Priority Matrix (Updated)
+
+### Immediate Next Steps (Sprint 2)
+1. 🚀 **Batch Processing** - Highest utility, medium effort
+2. ⚡ **Auto-Optimize** - Quick win, very high value
+3. 🎨 **Basic Operations** - Essential features (rotate, flip, grayscale)
+
+### High Value, Medium Effort (Sprint 3-4)
+4. 🔍 **Image Analysis** - Understand images better
+5. ✨ **Background Removal** - AI-powered, huge demand
+6. 🦾 **Smart Resize** - Content-aware scaling
+7. ✂️ **Custom Crop Tool** - Professional precision
+
+### Polish & Productivity (Sprint 5+)
+8. ⏱️ **Quick Access Features** - Speed up workflow
+9. 📝 **Custom Presets** - Reusable workflows
+10. 🎨 **Filters & Effects** - Creative options

 ---

@@ -353,4 +382,4 @@ Have suggestions? Open an issue on the repository:

 **Maintainer**: jason  
 **Repository**: https://git.alwisp.com/jason/pnger  
-**Last Updated**: 2026-03-08
+**Last Updated**: March 8, 2026 (Sprint 1 Complete)