Repository navigation
feat: transcription history dashboard (list, filter, sort, download, delete) - #45
Merged
Merged
Conversation
Add a read-only /history page (linked in the nav) that lists every past job newest-first from the DB — id, time, duration, model, language, translation, status, and a .zip download for finished jobs. The data already existed; this just surfaces it, and retention keeps it bounded. db.list_jobs() returns recent rows capped at 200. ENABLE_HISTORY (default True) hides the page on shared deployments, since it lists all jobs by id and the app has no auth. Verified: pytest 65 (list_jobs order/cap, /history lists a completed job with its download link, ENABLE_HISTORY=False -> 404); rendered against the container (25 rows, download links, theme works, 0 JS errors).
Improve the /history table's usability: - click any column header to sort (id/date/duration numeric, rest text); sorts on raw values (epoch, seconds), not the displayed strings. - colored status badges (success/error/canceled/in-progress), readable in both themes; long "Error: ..." messages truncate with an ellipsis and keep the full text in a hover tooltip so they never overflow the table. - solid panel background, zebra striping, hover, sticky header, one-line dates. Verified: pytest; rendered in the container — sort by duration/id works, 25 badges render, no badge overflows the table, 0 JS errors, both themes readable.
Make the history table genuinely useful for managing past jobs: - Source column: show what was transcribed (YouTube URL or uploaded filename), truncated with a hover tooltip. - Delete: a trash button per row (POST /history/delete) removes the job's files and DB row; refuses a still-running job (cancel it first). A "Clear all" button (POST /history/clear) removes every finished job, keeping running ones. - Pagination: 10 rows/page with Prev/Next, so hundreds of jobs stay readable; works together with column sorting. - Fix: the header was hidden under the fixed navbar (missing top margin). - Full status/error text stays available on hover (title tooltip). Verified: pytest 68 (delete removes row+files, refuses running, clear keeps running, endpoints 404 when ENABLE_HISTORY=False); rendered in the container — subtitle clears the navbar, 10/page, source shown, sort works, delete drops a row (25→24), both themes readable.
Address UX feedback on the history table: - Actions fit without horizontal scroll: merged Language+Translation into one column, compact "YouTube" source link (full URL on hover) + shorter date. - Clear, labeled row actions: green "Download" and red "Delete" buttons. - Stat strip that doubles as status filters — click All / Completed / Failed / Canceled to filter the table; counts always reflect the full set. - Moved "Clear all" to the footer next to pagination (out of the way). - Show the actual retention window (RETENTION_DAYS) in the subtitle. Verified: pytest; rendered in the container at 1280px — no horizontal scroll, filter/sort/paginate/delete all work, 0 JS errors, both themes.
Filtering changed the visible rows, so the auto table layout recomputed column widths and the table visibly "jumped". Use table-layout: fixed with an explicit colgroup so column widths (and the table shape) stay constant — only the rows change when you switch stat filters. Model cell truncates with ellipsis. Verified: table width (1178px) and every column width are byte-identical across All / Failed / Canceled filters.
A short filter result or last page made the table shorter (the Y axis jumped). Always render exactly 10 row-slots — pad short pages with empty filler rows — and pin a uniform row height, so the table keeps the same size and shape and only its content changes. Verified: table height (503px) and width (1178px) identical across the All / Canceled filters and the last (partial) page; always 10 row-slots.
- Light theme was broken: the page background is always the dark hero image and only text colors flip, so the subtitle, stat cards and pager (which sat directly on the background) turned dark-on-dark. Put the whole history content on a theme-flipping panel (dark in dark theme, light in light theme) so everything stays readable, and make the stat-number colors theme-aware. - Balance the columns: give every column a proportional width (Status no longer hogs the leftover space), so there are no odd wide/narrow gaps. Verified: rendered in the container — both themes readable (subtitle, stat cards, pager, table, badges), columns evenly proportioned.
Match .container/.container_faq by backing the history panel with var(--background-color-dark) instead of a custom grey, so it's the same window color as the rest of the app in both themes.
lkmeta
changed the title
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
Every transcription is stored in SQLite (status, timestamps, model, language, source) but there was no way to see or manage past jobs — you had to keep the tab open or remember a numeric job id.
Change
A read-only
/historydashboard (linked in the nav on every page) that lists past jobs and lets you manage them:→ targetwhen translated), status, actions..zip, or Delete the job's files + DB row (POST /history/delete, refuses a still-running job). Clear all (POST /history/clear) removes every finished job and keeps running ones.Error: …messages truncate with the full text on hover.RETENTION_DAYSwindow.db.list_jobs()returns recent rows (capped).ENABLE_HISTORY(defaultTrue) hides the page + endpoints on a shared deployment, since it lists all jobs by id and the app has no auth.Evidence
pytest— 68 passed:list_jobsorder/cap;/historylists a completed job with its download link and model label; delete removes row+files and refuses a running job; clear removes finished jobs but keeps running ones; every history endpoint 404s whenENABLE_HISTORY=False.