Visuelle Prüfung aller Routen gegen mana/docs/DESIGN.md, Bericht in
docs/ui-review-2026-07-26.html. Drei Ursachen erklärten die Hälfte:
1. Die fixierte Pill-Navigation war durchsichtig und lag mit z-index 1000
über allem. Sie verschluckte Klicks (belegt am Modus-Schalter unter
/konto), überdeckte den Modal-Fuß und die Fußzeile.
→ Scrim + Höhe als --bottom-chrome, z-index auf 100, Modal auf 9995.
2. Vier Seiten hatten sich am Theme vorbeigebaut — 44 Hex-Literale.
/changelog war im Dunkelmodus mit ~1,05 : 1 unlesbar.
→ Alles auf hsl(var(--color-*)), plus audit:theme-tokens als Wächter
(zwei dokumentierte Ausnahmen: Reader-Themes, Marker-Pigmente).
3. Kein gemeinsames Seiten-Gerüst — drei Inhaltsbreiten, fünf Titel-
Schemata, Zurück-Link nur auf zwei Seiten.
→ PageShell (Breite, Titel, Untertitel, Dokumenttitel, Zurück-Link,
Avatar-Korridor).
Weiter:
- Zusammenfassung gab den rohen Prompt mit [noop]-Präfix aus → isEmptyOrEcho
fängt Echo-Antworten ab, ehrlicher Fehler statt Interna (8 Tests).
- Lese-Liste zeigte Domains statt Titel → looksUnextracted markiert
Consent-Wall-Reste, Reparaturweg über das HTML-Bookmarklet (7 Tests).
- highlightToWire setzte createdAt: s.userId → deshalb stand die Konto-UUID
als Datum in /markierungen und die Sortierung war wirkungslos.
Zeitstempel kommt jetzt aus der ULID.
- Rohe Status-Enums (UNREAD) → statusLabel() über @mana/shared-i18n.
- Emojis und Textzeichen als Icons → Phosphor aus @mana/shared-icons.
- +error.svelte statt SvelteKits englischem „404 Not Found".
- Ruhende Routen /feed und /recherche leiten auf /lese-liste um.
- Labels über allen Formularfeldern, aria-label an Inline-Feldern.
- 44-px-Trefferflächen, ganze Karte klickbar, globaler Fokusring in
@layer base, EmptyState-Komponente, Aktions-Rangfolge im Reader.
- Lesetypografie: `prose` war wirkungslos (Tailwind-Typography ist gar
nicht installiert) → eigene, token-basierte Lesetypografie.
Offen (im Bericht begründet): Desktop-Breitennutzung, Bild-Nachladen für
Bestandsartikel, Filterleisten am unteren Rand, Varianten-Namen und die
WebDAV-Feldbeschriftungen in @mana/shared-ui.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
fe6d9fbf74