Skip to content

feat(ui): split replay and quality settings into tabs - #128

Merged
Palawizard merged 3 commits into
devfrom
feature/quality-tabs
Oct 27, 2026
Merged

Palawizard merged 3 commits into
devfrom
feature/quality-tabs

Conversation

@Palawizard

@Palawizard Palawizard commented Oct 27, 2026 •

Copy link
Copy Markdown
Owner

Branches

  • feature/, fix/, chore/ → dev

Phase / tâche

v1.4.0 — retour 4 de Palawi : Replay & qualité en onglets

Ce qui change

  • Réglages → Replay & qualité : trois onglets Replay, Enregistrement, Commun (role="tablist", onglets à tabindex mobile, flèches gauche/droite qui bouclent, Origine/Fin, focus visible, aria-controls / aria-labelledby), barre d'encre de 2 px sous l'onglet choisi comme les segments.
  • Chaque onglet garde son estimation : Replay (par clip, par minute, avec l'« après », tampon, alerte RAM), Enregistrement (par minute et par heure), Commun (les deux par minute, mémoire de l'encodeur processeur).
  • Onglet retenu pendant la session (lib/qualityTabs.ts) ; le résumé de l'enregistrement sur État ouvre l'onglet Enregistrement, celui du replay et le bouton de Capture l'onglet Replay.
  • Point discret (et texte pour lecteur d'écran « changements non appliqués ») sur l'onglet qui contient un changement non appliqué.
  • La garde de sortie ne bouge pas : changer d'onglet ne quitte pas la page ; quitter la page la déclenche toujours.
  • scripts/quality-tabs-check.mjs (app isolée par scripts/cdp-run.ps1).

Critères d'acceptation

  • Trois onglets accessibles (rôles, flèches, Origine/Fin, focus visible)
  • Estimation par onglet
  • Onglet retenu pendant la session
  • Accès direct vers le bon onglet
  • Pas de garde en changeant d'onglet, garde en quittant la page
  • Point sur l'onglet modifié

Comment ça a été testé

  • Automatique : npm test (4 tests vitest qualityTabs.test.ts), npm run build
  • App isolée (replay armé sans audio, enregistrement en 720p30) : pwsh scripts/cdp-run.ps1 -Script scripts/quality-tabs-check.mjs -Settings … → 7 sur 7 (lien de l'enregistrement → onglet Enregistrement et focus sur l'estimation ; rôles et liens ; flèches/Origine/Fin ; point sur Replay seul après un changement d'i/s ; aucun dialogue en changeant d'onglet ; dialogue en quittant la page, « Rester » garde l'onglet ; onglet retenu après Galerie → Réglages ; lien du replay et bouton de Capture → Replay). Captures sombre/clair à 100 et 150 %.

Docs mises à jour

  • SPEC APP-15 (captures du README dans la PR de version)

@Palawizard
Palawizard merged commit 5b43f7a into dev Oct 27, 2026
1 check passed
@Palawizard
Palawizard deleted the feature/quality-tabs branch October 27, 2026 21:50
@Palawizard Palawizard mentioned this pull request Oct 28, 2026
1 task done
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant