Implements the approved design proposal across every screen.
- Layout: feeds · list · reader panes on desktop (≥1280px), list + reader
with the feeds in a drawer on tablets, one column with a bottom tab bar
(À lire, Focus, Favoris, Flux) on phones.
- List: dense rows with an unread dot, feed initial and square thumbnail
instead of large cards; touch swipe reveals the action (→ lu, ← favori).
The magazine grid stays available as a view toggle.
- Reader: inline pane on desktop, full screen on phones with a bottom
action bar (favori, partager, original, Suivant); collapsible "Résumé IA"
block; "Aa" settings become a bottom sheet on phones.
- Search: the existing /articles/search endpoint gets a UI — ⌘K / "/"
palette on desktop, full screen on phones, with recent searches.
- Mobile "Mes flux" screen: views, subscriptions with errors, theme,
OPML import/export, logout.
- Focus mode: progress bar, counter and labelled buttons.
- Tokens: new paper / deep-forest palette (all text ≥4.5:1), Newsreader +
Inter replace Playfair + Lora (two families instead of four), shared
Icon and FeedAvatar components.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01UPyU2LbJ2rTrsgZqQKhH3j
- Drop the service worker's image cache: its cross-origin fetch() is bound
by the CSP's connect-src 'self', so every cover failed and fell back to
the green placeholder (in the grid and the reader).
- Grid fills the width with as many ~20rem columns as fit (max 2400px),
now that the sidebar is gone.
- Covers fade in once loaded and get a light bottom shade.
- Placeholder cover shows a centered initial instead of the feed name
that overlapped the feed chip.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NsXUyMEGFFGVRcHNVfcBLh
- Service worker activates new versions immediately (skipWaiting +
clientsClaim). In prompt mode a waiting worker kept serving the previous
build to tabs that never send SKIP_WAITING, so the old UI hit the new API
and showed "Aucun contenu disponible" on every article. Pages already
controlled get a reload toast; lazy chunks missing after a deploy reload
once.
- Reader opens as a large card above the dimmed grid: close with ✕, Escape
or a click beside it; previous/next arrows on the sides (desktop) and a
bottom bar with the next title (all sizes).
- Remove search, the focus banner and decorative headers; plain sentence-
case labels instead of tracked capitals; quieter dashboard header.
- Fix horizontal overflow of cards and reader navigation on phones.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- New Reader (desktop + mobile): loads full content on open, prefetches
the next article, reading progress and time, "Aa" settings (light /
sepia / dark / auto theme, serif / sans / Atkinson Hyperlegible font,
size, line height, measure), Space-to-next, keyboard shortcuts, focus
management, inert background, URL-driven (?a=) so Back closes it.
- Dashboard: cursor pagination, unread/all filter, CSS grid (no masonry),
no re-sorting under the reader, optimistic cache patches instead of
refetch storms, "new articles" banner, error/offline states, j/k/o/m/s/v
shortcuts and help dialog.
- Cards: keyboard-openable, lazy <img>, memoized, touch-only swipe.
- Focus mode: framer drag (drop @use-gesture), Read button, undo restores
unread state, arrow keys.
- WebSocket: single connection, backoff, cache patching, no console logs.
- Contrast fixes (on-nature tokens), 44px targets, lang="fr", reduced
motion, self-hosted fonts, theme applied before first paint.
- Code splitting + vendor chunk, prompt-based PWA updates, smaller
precache, offline cache for opened articles and images, caches cleared
on logout; upgrade react-router (CVE), drop unused deps and assets.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude
Antigravity AgentandClaude Opus 5.5
Michael