Le système de crossfade existait déjà mais avec 3 dégradés plats
placeholder (commentaire explicite : "à remplacer par de vraies
images"). Remplacé par un fond génératif plus riche, à la demande de
l'utilisateur (design jugé "moche", contraste douteux sur certains
postes) :
- 4 scènes (taches de couleur floutées, palette sourde) qui dérivent
lentement (@keyframes tc-drift, respecte prefers-reduced-motion) et
s'enchaînent en fondu toutes les 8s.
- Grain léger (SVG feTurbulence, mix-blend-overlay) contre l'effet
"dégradé plat".
- Scrim en deux passes (voile uniforme + dégradé directionnel) : le
texte reste lisible quelle que soit la scène ou la position, plutôt
que de dépendre d'un seul dégradé ancré à gauche.
Pas de photo tierce (droits, dépendance externe) - art génératif en
CSS/SVG, cohérent avec le ton "coffre-fort minimaliste" du reste de
l'interface.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
À la demande explicite de l'utilisateur après avoir constaté que
tripoli.cloud affichait un 404 vide (le frontend n'avait jamais été
déployé) : déploiement du frontend, puis remplacement complet des
mocks par de vraies données, des deux côtés.
Backend (tripoli-api) :
- users.name, files.category (file/photo/backup), table notifications
(migration 0002).
- POST /api/auth/guest : compte invité réel et réutilisé
(invite@tripoli.local), pas une identité simulée côté frontend.
- GET /api/files?category=... , GET /api/notifications (+ read-all/
{id}/read), GET /api/storage (used_bytes réel, available_bytes via
statvfs - jamais un quota inventé).
- Notifications émises réellement sur upload/suppression.
Frontend (app/) :
- src/api/*.ts appellent réellement tripoli-api (plus de mockFetch).
- Upload réel (XHR, vraie progression), suppression avec bouton dédié,
vraies miniatures photo (<img src="/api/files/:id">).
- Session restaurée au chargement (GET /api/auth/me), logout réel.
- Retiré plutôt que simulé : 2FA, clé de récupération, accès partagés,
albums, dossiers, "4 appareils sauvegardés", chiffres marketing et
claim AES-256 côté client sur la page de connexion (jamais vrai -
remplacé par le vrai : HTTPS + Argon2).
Déploiement :
- Frontend construit et déployé sur le serveur (le build local échouait
spécifiquement sur cette machine - rolldown/esbuild natif ne répondait
plus, cause non résolue ; contourné en buildant sur le serveur, comme
déjà fait pour les crates Rust).
- Caddy : /var/www/tripoli-cloud servi en statique pour tripoli.cloud,
/api/*, /healthz, /metrics toujours proxyés vers tripoli-edge.
- Pipeline CI étendu : le job deploy construit et déploie maintenant
aussi le frontend, via un script sudo dédié supplémentaire
(tripoli-deploy-frontend.sh) sur le compte deploy sans privilège.
- Vérifié en navigateur réel (Chrome) : inscription, connexion, invité,
upload avec progression, photos, sauvegardes, notifications,
suppression, déconnexion - tous testés en conditions réelles.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
React/TypeScript/Vite/Tailwind prototype from the design session (login,
dashboard, photos, backups, settings views with mocked API layer).
Infra work (Rust services, Ansible, OpenTofu) follows in subsequent commits.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
