Skip to content

TSA-277: [FE] style Document page - #305

Merged
illiaboiko merged 16 commits into
mainfrom
feat/TSA-277-style-document-page
Sep 22, 2026
Merged

illiaboiko merged 16 commits into
mainfrom
feat/TSA-277-style-document-page

Conversation

@illiaboiko

@illiaboiko illiaboiko commented Sep 16, 2026 •

Copy link
Copy Markdown
Collaborator

closes #277

updated 2026-09-21

updated design after discussion with Product Owner in slack thread here

Restructured the document page into its own directory (pages/document/) with a component per section (DocumentTitleBlock, PagesBlock, TranscriptionBlock, VerificationBlock, ExportBlock, GroundTruthBlock) sharing a common DocumentSection wrapper, instead of one large file.

Implemented

  • Pages block (new) — a 7-segment progress bar (verified / skipped / blank / failed / ready-to-check / in-work / pending). Shows both cursors: "you: page N" (verification cursor) and "model: page N".
  • Transcription block — narrowed to model-only stats: pages read by the model (bar + count), budget spent/limit (existing BudgetIndicator, unchanged), and blank/failed page counts as plain informational text (no actions). Excludes cost-per-page and a reviewing-pace ETA — both need backend view wiring not yet done.
  • Verification block — copy narrowed to: "X of Y reviewed" (reviewed = verified + skipped, i.e. pages the human seen and make an action on, not just confirmed/corrected ones), a resume link/keyboard shortcut (unchanged from v1).
  • ** Export block** - just a placeholder/mock - without functionality

What to test

  • Verify Pages block renders correctly across a document with pages in every status bucket
  • Verify budget-stop banner + raise-limit dialog
  • Verify failed-document state renders DocumentFailedBlock and retry works
  • Check light/dark theme
image

@illiaboiko illiaboiko added this to the transcripta-release-3 milestone Sep 16, 2026
@illiaboiko illiaboiko self-assigned this Sep 16, 2026
@illiaboiko illiaboiko added frontend Frontend application feature New feature (auto-applied by the feature template) labels Sep 16, 2026
@illiaboiko illiaboiko changed the title TSA-277 [FE] style Document page TSA-277: [FE] style Document page Sep 16, 2026
@illiaboiko

Copy link
Copy Markdown
Collaborator Author

For the record, I discussed with Product Owner the redesign of the Document page to match the general app idea. Also, after we reviewed and closed PRs #302 and #293, there will be significant refactoring. I'll close this PR, update the ticket #277 's description and open a new PR.

@illiaboiko illiaboiko closed this Sep 18, 2026
@illiaboiko illiaboiko reopened this Sep 21, 2026
anjoanka
anjoanka previously approved these changes Sep 21, 2026
Comment thread apps/frontend/src/pages/document/document.tsx
@illiaboiko
illiaboiko merged commit 2a11440 into main Sep 22, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature New feature (auto-applied by the feature template) frontend Frontend application

Projects

Status: No status

Development

Successfully merging this pull request may close these issues.

[FE] Style the document page per the design system

3 participants