Commit graph

9 commits

Author SHA1 Message Date
xpltd
3d778246ca Best quality format, password UX, mobile columns
Best quality format:
- Synthetic 'bestvideo+bestaudio/best' entry added at top of format
  list when the best separate video stream exceeds the best pre-muxed
  format. Shows as 'Best quality (1920x1080)' in Video+Audio group.
- YouTube typically only has 360p pre-muxed but 1080p+ as separate
  streams — users can now select full quality with auto-merge.
- Only appears when there's actually a quality advantage vs pre-muxed.

Password change UX:
- Enter key on confirm password field submits the change
- Auto-logout 1.5s after successful password change
- User sees '✓ Password changed' before being redirected home

Mobile table:
- Status column hidden on mobile (<640px) alongside Progress
- Only Name + Actions columns shown — clean two-column layout
- Removed mobile-specific status badge font tweaks (column gone)
2026-03-19 05:29:41 -05:00
xpltd
5da223c5f8 Admin UX, change password, mobile responsive, loading messages
Admin:
- Username field autofocused on login page
- Change password section in Settings tab — current password
  verification, new password + confirm, min 4 chars, updates
  bcrypt hash at runtime via PUT /admin/password
- Password change updates stored credentials in admin store

Loading messages:
- Replaced 'Peeking at the URL' with: Scanning the airwaves,
  Negotiating with the server, Cracking the codec, Reading
  the fine print, Locking on target

Mobile responsive:
- Progress column hidden on mobile (<640px) — table fits viewport
- Action buttons compact (28px) on mobile with 2px gap
- Status badges smaller on mobile (0.625rem)
- Filter tabs scroll horizontally, Download All + Clear go
  full-width below as equal-sized buttons
- min-width:0 on section containers prevents flex overflow
- download-table-wrap constrained with max-width:100%
2026-03-19 05:12:03 -05:00
xpltd
87f7996d5d Download button gating, format defaults fix, layout/UX polish
Download button:
- Disabled until URL analysis confirms downloadable content
- Shows error message for invalid URLs or pages with no media
- analyzeError state resets when URL is cleared or changed

Admin format defaults fix:
- AdminPanel now reloads configStore after saving settings
- Previously the main page kept stale config until full page refresh
- Config store import added to AdminPanel

Re-download same URL:
- Added overwrites: true to yt-dlp opts so re-downloading the
  same URL with different format options works correctly
- Previously yt-dlp would skip if intermediate file existed

UI polish:
- Clear button fixed-width (min-width: 70px) — no shift between
  'Clear' and 'Sure?' states
- Action buttons uniform sizing (inline-flex, min-width/height,
  box-sizing: border-box) — download/copy/clear all same size
- Footer no longer pushes below viewport — App.vue uses flex
  column layout, AppLayout uses flex:1 instead of min-height:100vh
- Page only scrolls when content exceeds viewport
2026-03-19 04:50:52 -05:00
xpltd
44eb8c758a Clear button, toolbar row, admin format defaults, cyberpunk background
Queue toolbar:
- Filter tabs (All/Active/Completed/Failed) and action buttons (Download
  All/Clear) share one row — filters left, actions right
- Download All moved from DownloadTable to DownloadQueue toolbar
- Clear button: muted style → red border on hover → 'Sure?' red confirm
  state → executes on second click, auto-resets after 3s
- Clear removes all completed and failed jobs (leaves active untouched)

Admin format defaults:
- Settings tab has Video/Audio default format dropdowns
- Stored in settings_overrides (same as welcome_message)
- Public config returns default_video_format and default_audio_format
- UrlInput resolves Auto format against admin defaults — if admin sets
  audio default to MP3, 'Auto' chip shows 'Auto (.mp3)' and downloads
  convert accordingly

Cyberpunk animated background:
- Diagonal crossing lines (blue 45° + orange -45°) drift slowly (60s cycle)
- Subtle radial gradient pulse (8s breathing effect)
- Layered on top of the existing grid pattern
- All CSS-only, no JS — zero performance cost
- Only active on cyberpunk theme (scoped to [data-theme=cyberpunk])
2026-03-19 04:13:17 -05:00
xpltd
41c79bdfb2 Download All, format filtering, playlist checkboxes, URL clear reset
Download All:
- 'Download All (N)' button appears above table when 2+ completed files
- Triggers individual browser downloads staggered by 300ms
- Toast notification shows count

Format picker filtering:
- FormatPicker accepts mediaType prop ('video' | 'audio')
- Video mode: shows Video+Audio and Video Only groups, hides Audio Only
- Audio mode: shows Audio Only group, hides video groups
- Switching media type live-updates the visible format list

Playlist entry selection:
- Checkboxes on each entry, all selected by default
- Select All / Deselect All toggle with partial state indicator
- Selected count displayed (e.g. '3 of 5 selected')
- Only selected entries are submitted for download
- Duration shown in parentheses after title

URL input clearing:
- Clearing or changing URL resets preview, formats, and selections
- Stale preview no longer persists when URL is edited
- URL watcher tracks the last fetched URL to avoid clearing on paste
2026-03-19 03:46:09 -05:00
xpltd
82786be485 Auto format label with extension, preferences persistence, toast, full delete
Auto format display:
- 'Auto' chip now shows detected extension: 'Auto (.webm)', 'Auto (.mp3)'
- Backend guesses extension from URL domain (youtube→webm, bandcamp→mp3,
  soundcloud→opus, etc.) and extract_info ext field for single videos

Preferences persistence:
- Media type (video/audio) and output format saved to localStorage
- Settings survive page refreshes and gear panel open/close

Toast notifications:
- Copy link shows animated toast 'Link copied to clipboard'
- Toast appears at bottom center, auto-dismisses after 2s

Full delete on cancel:
- DELETE /downloads/{id} now removes the job from DB and deletes the file
- Previously marked as 'cancelled by user' and persisted in history
- Jobs dismissed with X are completely purged from the system
2026-03-19 03:16:38 -05:00
xpltd
6e27f8e424 M002/S04: output format selection, media icons, gear repositioned
- Move gear icon to left of Video/Audio toggle
- Add output format selector in options panel:
  Audio: Auto, MP3, WAV, M4A, FLAC, OPUS
  Video: Auto, MP4, WEBM
- Backend: postprocess audio to selected codec via FFmpegExtractAudio
- Backend: postprocessor_hooks capture final filename after conversion
  (fixes .webm showing when file was converted to .mp3)
- Add media type icon (video camera / music note) in download table
  next to filename, inferred from quality field and file extension
- Pass media_type and output_format through JobCreate model
2026-03-19 01:03:21 -05:00
xpltd
fd25ea7d05 M002/S04: UX review fixes — round 1
- Move Video/Audio toggle to same row as Download button
- Auto-condense toggle to icon-only below 540px
- Move gear icon to right of Download button
- Fix file download URLs: normalize filenames to relative paths in progress hook
- Display filename with visible extension (truncate middle, preserve ext)
- Remove border/box from dark mode toggle — glyph only
- Fix light/dark theme fonts: use monospace display font across all themes
2026-03-18 23:01:36 -05:00
xpltd
4eec024750 GSD: M002/S02 complete — Download flow + queue redesign
- UrlInput: Download is primary one-click action, format picker is optional (⚙ toggle)
- UrlInput: Video/Audio toggle pills with icons, audio sends quality=bestaudio
- UrlInput: Paste auto-extracts formats silently in background
- DownloadTable: Sortable table with Name, Status, Progress, Speed, ETA, Actions columns
- DownloadTable: Status badges with color-coded backgrounds per status
- DownloadTable: Completed items show download/copy-link/clear action icons
- DownloadTable: Active items show cancel, failed/expired show clear
- DownloadTable: Click column headers to sort (toggle asc/desc)
- DownloadTable: Mobile hides Speed+ETA columns below 640px
- DownloadQueue: Simplified to filters + DownloadTable (removed card layout)
- All 34 frontend + 179 backend tests passing
2026-03-18 21:30:28 -05:00