- Nouvelles pages publiques sans routeur externe (History API minimale,
useRoute/RouteLink) : accueil, /architecture (état réel du projet,
honnête sur les limites), /statut (télémétrie live de tripoli-edge
lue directement sur /healthz et /metrics, aucune donnée simulée).
- Recherche façon Spotlight dans TopBar : nouvel endpoint
GET /api/search côté tripoli-api, recherche plein texte Postgres
(tsvector généré + index GIN) sur le nom ET le contenu des fichiers
texte extrait à l'upload (formats texte/code, borné à 5 Mio) ;
extraits de résultat via ts_headline.
- AuthLayout : logo cliquable vers l'accueil.
Vérifié : tsc --noEmit propre, npm run build propre, cargo build -p
tripoli-api propre.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- Fond de connexion : diaporama de photos Unsplash hotlinkées (jamais
réhébergées) avec attribution photographe + Unsplash toujours visible,
conforme aux règles d'usage de l'API (download tracking déclenché).
- Suppression complète du switch thème clair/sombre : plus qu'un seul
thème assumé (ThemeContext, darkMode Tailwind et .dark CSS retirés).
- Nouveau favicon minimaliste (l'ancien logo violet dégradé remplacé
par un mark plat noir/citron vert cohérent avec la nouvelle DA).
- Suppression des doodles décoratifs, devenus superflus sur une vraie
photo, pour un rendu plus sobre.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
À la demande explicite de l'utilisateur (site jugé "trop moche"),
inspiration visuelle prise sur https://www.studiocart.co/ : grands
titres serif (Fraunces) avec italique, fond papier clair plutôt que le
coffre-fort sombre d'origine, un seul accent vif (citron vert) utilisé
avec parcimonie pour les surlignages, cartes blanches nettes à bordure
fine, petites touches dessinées à la main (squiggle, flèche) sur l'écran
de connexion.
- Jetons de thème (index.css, tailwind.config.js) : le thème clair
devient la palette par défaut. Le thème sombre existant reste
disponible via le bouton de bascule, inchangé.
- ThemeContext : thème par défaut passé à 'light'.
- Écran de connexion entièrement repensé (fond génératif pastel qui
dérive lentement, carte blanche, surlignage citron vert via la
nouvelle classe utilitaire .tc-highlight, doodles SVG).
- Reste de l'application : cascade automatique via les tokens CSS déjà
utilisés partout (bg-panel, text-ink, ...), sans avoir à toucher
chaque composant individuellement.
Inspiration de studiocart.co pour le ton visuel uniquement (typographie,
palette, motifs) - aucun contenu, logo ni image de ce site n'est repris.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- Fond génératif beaucoup plus lumineux et coloré (base par scène,
taches plus grandes/saturées, scrim réduit à un dégradé directionnel
léger côté texte) - le premier essai était encore jugé trop sombre/
invisible par l'utilisateur.
- Cause réelle du "rien n'a changé" : le Caddyfile ne fixait aucun
Cache-Control, donc le navigateur appliquait sa propre heuristique et
gardait l'ancien index.html en cache après un déploiement. Corrigé
sur le serveur (Caddyfile) et documenté dans
tripoli-edge/deploy/Caddyfile.snippet : `no-cache` sur index.html
(revalidation à chaque chargement), cache long `immutable` sur
/assets/* (noms hachés par Vite, donc sans risque).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
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>
