fix(review): header fields fit their card at 1280 px – Speichern stays visible

[Fluory]

Warum

Fixes #103 · beim lokalen Start am 2026-09-28 gefunden

Arbeitsstand

• Ziel: In „Erkannte Angaben“ ist bei 1280 px der „Speichern“-Knopf jeder Korrektur sichtbar; die Tabelle passt in ihre Karte.
• Nicht-Ziele: Umbau der Korrektur in das Seitenpanel; Layout unter 1280 px.
• Erledigt: Spalte „Quelle“ aufgelöst („Quelle anzeigen“ unter dem Status, Spaltenkopf „Status und Quelle“), Eingabefeld 10rem statt 11rem, Test-ID am Tabellen-Container, E2E misst den Container, CHANGELOG; frischer Review eingearbeitet (Link-Namen je Feld für Screenreader, Gegenprobe der E2E-Prüfung); CI grün.
• Offen: Review/Merge durch den Orchestrator.
• Annahmen: keine.
• Nächster kleinster Schritt: Review und Merge.

Was ist passiert (Klartext)

Auf der Prüfseite war die Tabelle „Erkannte Angaben“ bei einem üblichen Laptop-Bildschirm etwas zu breit für ihren Kasten. Der Knopf „Speichern“ neben jedem Korrekturfeld lag deshalb außerhalb des sichtbaren Bereichs; man hätte die Tabelle seitlich verschieben müssen. Jetzt steht der Link „Quelle anzeigen“ unter dem Status statt in einer eigenen Spalte, und alles passt – der Knopf ist sichtbar. Für Screenreader sagt jeder dieser Links zusätzlich, zu welchem Feld er gehört.

Plan-Pflicht (SYSTEM.md §4)

• Kein Auslöser – keine Modulgrenze, öffentliche API, Migration, Auth/Rechte, kein Zahlungs-/Daten-/Infrapfad, höchstens zwei Module, keine Architekturvarianten, umkehrbar
• Auslöser zutreffend – Impact Manifest ausgefüllt (Plan vor Code)

Geändert

• src/app/requests/[id]/page.tsx: vier statt fünf Spalten; „Quelle anzeigen“ in der Status-Zelle mit unsichtbarem Zusatz „für ‹Feld›“; data-testid="fields-table-wrap"
• src/app/review.css: Eingabe 10rem; .source-link statt .source-col
• tests/e2e/sample-smoke.spec.ts: bei 1280 px scrollWidth - clientWidth <= 0 am Container und rechte Kante von „Speichern“ innerhalb des Containers
• tests/e2e/review-smoke.spec.ts: klickt „Quelle anzeigen für Ansprechpartner“
• CHANGELOG.md

Nachweis (SYSTEM.md §11)

• Ursache gemessen (lokale App, Musterfall „Werk Ost“, 1280 px): vorher Überlauf 98 px, rechte Kante „Speichern“ 863 px bei Container-Rand 785 px. Nachher: 1280 px → Überlauf 0, Knopf 765 ≤ 785; 1440 px → 0, 850 ≤ 870. Bei 1024 px scrollt die Tabelle weiter in ihrem Container (Überlauf 150 px). Das ist erlaubt: Unter 1280 px scrollt der Container, nie die Seite.
• Gegenprobe (Review): altes Layout von main + nur die Test-ID → sample-smoke rot mit Received: 98; mit diesem PR grün.
• verify:changed: grün – tsc, eslint sauber; Build ok
• verify: grün – CI check auf 3df6705 (Lauf 36982814883, Label verify-full)
• verify:full / E2E-Spec: grün – lokal alle drei Specs (review-smoke, line-items-smoke, sample-smoke) und in CI (Label verify-full)
• Manueller Prüfnachweis: Screenshot der lokalen App bei 1280 px nach dem Fix: alle Zeilen einzeilig, „Speichern“ sichtbar
• Frischer Review (P1 vor Ready-for-review; Architektur/API/DB immer): fix(review): header fields fit their card at 1280 px – Speichern stays visible #105 (comment) – nichts blockierend, beide should umgesetzt

Doku-Entscheidung (genau eine)

• Keine langlebige Doku betroffen – Begründung: –
• Doku betroffen und im selben PR aktualisiert:
  • Produktdoku (P0: README): –
  • Technische Doku: –
  • Architekturkarte: –
  • ADR: –
  • CHANGELOG [Unreleased] (sichtbares Feature oder Verhalten – im selben PR, nie „später"): Fixed-Eintrag fix(review): the correction column of the header fields is cut off at 1280 px #103

Entferntes oder Umbenanntes: docs/ + README gegrept, Treffer bereinigt: Spalte „Quelle“ der Prüfseite – in docs/ nicht beschrieben

Dateigrößen und neue Bausteine (SYSTEM.md §7)

Dateien über 500 Zeilen im Diff (Ausnahmen: generierter Code, Lockfiles, Fixtures, Migrationen, Schemas, Ressourcen, Doku, Konfiguration):

• keine
• bewusst belassen – Begründung: –
• im selben PR nach fachlicher Verantwortung geteilt
• Folge-Issue –

Über 800 Zeilen mit neuer Fachlogik oder über 1000 Zeilen (P1/P2): nicht betroffen

Neue Shared-Komponente, Utility-Datei, Adapter oder fachlicher Service:

• nein
• ja – gesucht nach: –

Subagent-Einsätze

• 1 × frischer Review (read-only, Sonnet) – nichts blockierend, 2 should umgesetzt, nits begründet; siehe PR-Kommentar.

Risiken / offene Punkte

• Draft-PR feat(review): original PDF page beside the values with the cited passage highlighted #97 (feat(review): original PDF page beside the extracted values with the cited passage highlighted #74) ändert dieselbe Status-Zelle (Klartext-Grund unter dem Badge) – beim Nachziehen ein kleiner Merge-Konflikt, beide Zeilen bleiben.

---

🤖 Generated with Claude Code

https://claude.ai/code/session_01DJ5vaKvTYiMvdngT4d3xo1

[vercel]

Deployment failed for project requestflow-ai with the following error:

Resource is limited - try again in 24 hours (more than 100, code: "api-deployments-free-per-day").

Learn More: https://vercel.com/doc-edit?upgradeToPro=build-rate-limit

[vercel]

Deployment failed for project requestflow with the following error:

Resource is limited - try again in 24 hours (more than 100, code: "api-deployments-free-per-day").

Learn More: https://vercel.com/doc-edit?upgradeToPro=build-rate-limit

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
requestflow	Ready	Preview	Oct 2, 2026 8:16am UTC
requestflow-ai	Error		Oct 2, 2026 8:16am UTC

[Fluory]

Frischer Review (read-only Subagent) – Ergebnis und Umgang

Nichts blockierend. Bestätigt: .source-col hat keine Nutzer mehr; kein Integrationstest und keine andere Spec hängt an den alten Spaltenköpfen; Locators nach Rolle/Test-ID; CHANGELOG im richtigen Abschnitt.

Befund	Umgang
should – mehrere gleichlautende Links „Quelle anzeigen“ ohne Feldbezug (Screenreader-Linkliste)	behoben in 3df6705: unsichtbarer Zusatz „für ‹Feld›“ (visually-hidden), sichtbarer Text unverändert; review-smoke klickt jetzt „Quelle anzeigen für Ansprechpartner“
should – nicht belegt, dass die neue E2E-Prüfung mit dem alten Layout rot wird	belegt: alte page.tsx + review.css von main (nur Test-ID am Container ergänzt), Build, sample-smoke → rot, Received: 98 (Überlauf in px) bei toBeLessThanOrEqual(0); mit diesem PR grün
nit – rechte-Kante-Prüfung von „Speichern“ teils redundant	bleibt: prüft das eigentliche Nutzerproblem (Knopf sichtbar) direkt
nit – Zeilen ohne Quelle zeigen kein „–“ mehr	bleibt: der Status („fehlt“) sagt es bereits
nit – overflow-wrap: anywhere kann die Wertspalte auf dem Handy schmal machen	bleibt: die Tabelle scrollt dort in ihrem Container (Ausnahme unter 1280 px laut PR)
nit – Konflikt mit #97 in der Status-Zelle	bekannt, steht unter Risiken

Lokal nach den Änderungen: tsc, eslint sauber, Build ok, alle drei E2E-Specs grün (review-smoke, line-items-smoke, sample-smoke).

---

Generated by Claude Code

[Fluory]

Reviewer-Review (Review-Checkliste, Merge-Rolle)

Verdict: mergeable per Risikomatrix (P1, normales UI-Fix, kein Auslöser nach §4). Merge-Recht für diese Session ausdrücklich vom Orchestrator erteilt (2026-10-09).

• CI grün: letzter check-Lauf auf 3df6705 success (Run 36984795142). Der rote Lauf davor (36983573119) war der PR-Guard („ready for review without green verify“), kein Testfehler.
• Akzeptanzkriterien fix(review): the correction column of the header fields is cut off at 1280 px #103: (1) Überlauf 0 + „Speichern“ im Container – E2E in sample-smoke bei setViewportSize(1280, 900) am Container fields-table-wrap; (2) schmale Screens scrollen im Container – manuell belegt (1024 px: 150 px im Container); (3) E2E misst den Container, nicht die Seite ✓
• Behauptungen nachgeprüft: .visually-hidden existiert (globals.css:462), .badge hat white-space: nowrap (components.css:15) – das entfernte nowrap an der Zelle bricht also kein Badge um.
• Gegenprobe gegen das alte Layout ist belegt (rot mit Received: 98) → kein Test, der nicht scheitern kann.
• Doku: CHANGELOG Fixed ✓ · keine neuen Dateien · keine Secrets · Tastatur: Quellen-Links bleiben echte Links mit Feldnamen für Screenreader.

[Note] – sample-smoke.spec.ts – geprüft wird nur die E-Mail-Zeile, das AC sagt „every row“ – unkritisch, weil die E-Mail-Zeile die breiteste ist; für andere Zeilen greift die Überlauf-Prüfung des Containers. Kein Handlungsbedarf.