- Add recentSearches persisted store with 5-item limit
- Add addRecentSearch() function for deduplication
- Update SearchBar with recentSearches dropdown
- Show dropdown on focus when input empty
- Use onmousedown to handle selection before blur
- Add to recent searches on blur with >= 2 chars
- Wrap matching text in <mark> tags with bold styling
- Escape HTML before highlighting to prevent XSS
- 2-character minimum query requirement
- Uses bg-transparent (no background per CONTEXT.md)
- Debounced value binding (300ms delay via $effect cleanup)
- Only trigger search when query >= 2 chars OR cleared to empty
- Bindable value prop for parent integration
- '/' keyboard shortcut to focus search (GitHub-style)
- Native event listener to avoid Svelte 5 keydown bug
- Add SearchFilters type and utilities (search.ts)
- Implement filterEntries with query, tags, type, dateRange filters
- Case-insensitive text search with 2-character minimum
- AND logic for tag filtering
- Date range inclusive of end date
- Add SearchFilters interface for query, tags, type, dateRange
- Add defaultFilters constant with empty/default values
- Add hasActiveFilters() to detect when filters are active
- Add getDatePreset() helper for today/week/month presets
- Create TagInput.svelte with Svelecte for multi-select autocomplete
- Support creating new tags inline via creatable mode
- Display tags on collapsed entry cards (max 3 with +N indicator)
- Add TagInput in expanded view for editing entry tags
- Pass availableTags through EntryList to EntryCard
- Handle tag changes with immediate save via updateTags action
- Install svelecte package for tag input with autocomplete
- Import tagRepository in +page.server.ts
- Attach tags to entries in load function alongside images
- Return allTags for autocomplete suggestions
- Add updateTags action to update entry tags via JSON payload
Tasks completed: 2/2
- Add tags schema with case-insensitive unique index
- Create tagRepository with tag operations
SUMMARY: .planning/phases/04-tags/04-01-SUMMARY.md
Tasks completed: 2/2
- Add togglePin and updateDueDate form actions
- Add pin button, due date picker, and pinned section UI
SUMMARY: .planning/phases/04-tags/04-02-SUMMARY.md
- Add pin button in expanded view with toggle functionality
- Add due date picker in expanded view with date input
- Show pin indicator and due date in collapsed view
- Separate EntryList into pinned and unpinned sections
- Pinned section appears at top with header label
- Add TagRepository interface with findOrCreate, getAll, getById, getByEntryId, updateEntryTags
- Implement SQLiteTagRepository with case-insensitive tag lookup
- updateEntryTags atomically replaces all tags for an entry
- Export tagRepository singleton
- Add tags table with nanoid PK and case-insensitive unique index on name
- Add entry_tags junction table with composite PK and cascade deletes
- Export lower() helper function for case-insensitive queries
- Export Tag, NewTag, EntryTag types for TypeScript inference
- Add togglePin action to toggle entry.pinned boolean state
- Add updateDueDate action to set/clear entry.dueDate
- Both actions validate entry exists before updating
- Remove CameraCapture modal which required getUserMedia (HTTPS only)
- Use native file input with capture="environment" attribute
- Opens camera directly via OS file picker on mobile
- Works over HTTP during development
- Simpler implementation with better browser compatibility
- Delete image files from filesystem (original + thumbnail)
- Delete image record from database
- Continue database deletion even if file deletion fails
- Returns success after cleanup
- Show image count indicator in collapsed entry view
- Add horizontal scrolling gallery in expanded view
- Edit mode reveals delete buttons on images
- Add ImageUpload and Camera button for adding images
- CameraCapture modal for mobile photo capture
- Updated EntryList to pass entries with images
- Add image button next to submit button
- Show pending image preview with filename
- Allow removing pending image before submit
- Upload image after entry creation with new entry ID
- Disable button during upload to prevent duplicates
- Clean up object URLs properly
- Full-screen camera modal with live preview via getUserMedia
- Photo capture using canvas.toBlob (JPEG at 0.9 quality)
- Preview captured photo with retake/confirm flow
- Camera stream properly stopped on close and after capture
- Switch camera button for front/back camera toggle
- Upload integration via ?/uploadImage form action
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add drag-and-drop zone for image uploads
- Show optimistic preview during upload
- Support keyboard navigation (Enter/Space to trigger)
- Handle upload via fetch to ?/uploadImage action
- Clean up object URLs after upload completes
- Provide callbacks for upload lifecycle events
- Add uploadImage action that handles multipart file uploads
- Validate file type and entry existence before processing
- Generate thumbnail using Sharp with EXIF rotation
- Save original and thumbnail to filesystem
- Store image metadata in database
- Return entries with their images attached from load function
Tasks completed: 3/3
- Database schema and repository for images
- File storage and thumbnail generation utilities
- API endpoints for serving images
SUMMARY: .planning/phases/03-images/03-01-SUMMARY.md
- Add GET /api/images/[id] for original images
- Add GET /api/images/[id]/thumbnail for thumbnails
- Both endpoints return 404 for missing images
- Immutable cache headers for CDN optimization
- Add storage.ts with directory management and file I/O
- Add thumbnails.ts with EXIF-aware thumbnail generation
- Thumbnails always output as JPEG with 80% quality
Phase 03: Images
- 4 plans across 3 waves
- Sharp for thumbnails, native browser APIs for camera
- svelte-lightbox for fullscreen viewing
- Fix: 03-03 depends on 03-02 (needs uploadImage action)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 12 requirements verified complete (CORE-01-06, CAPT-01-03, UX-01-03)
- 8/8 success criteria passed
- User approved mobile UX at checkpoint
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Replace svelte-gestures with native touch event handlers
- Add invalidateAll() after save/delete for seamless list updates
- Add $effect to sync edit state when entry prop changes
- Improve swipe animation with isSwiping state tracking
- Install svelte-gestures package for touch gesture support
- Add useSwipe hook to EntryCard for left-swipe detection
- Implement delete confirmation overlay on swipe
- Add red delete background revealed during swipe
- Maintain desktop delete button in expanded view
- Create CompletedToggle component with checkbox UI
- Add showCompleted URL param to +page.server.ts load function
- Update +page.svelte to sync preferences with URL
- Toggle state persists in localStorage via preferences store
- Clicking toggle updates URL and invalidates data for server filter
- Add expanded state for expand/collapse toggle
- Implement inline editing for title, content, and type
- Add 400ms debounced auto-save using fetch to ?/update
- Show 'Saving...' indicator during save
- Add delete button with confirmation dialog
- Use Svelte slide transition for smooth expand/collapse
- Fix button nesting by restructuring layout
