feat: pagina Progetti redesign Quiet Luxury — tabella tokenizzata + badge pagamento/timer dual-mode

- projects/page.tsx: tabella in contenitore bg-card/shadow-card, header uppercase muted
- ProjectRow: badge pagamento pill rounded-full dual light/dark (saldato/da_saldare/inviata)
- TimerCell: pill rounded-full mono, idle neutro + running emerald con contatore live
- ConversationsView: bordo item attivo 3px per coerenza
- DESIGN-SYSTEM.md: note pagina Progetti

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-07-12 12:14:31 +02:00
parent dd4ae42542
commit d444bd6064
6 changed files with 492 additions and 77 deletions
+21
View File
@@ -282,6 +282,27 @@ uppercase muted (`bg-muted/50`, `text-[11px] font-semibold uppercase tracking-wi
- **Empty state**: `border-dashed border-border rounded-xl`, `FileText` muted + CTA
"Genera il primo preventivo →". Footer "Mostrando N di N preventivi generati".
### Progetti (lista) notes
`/admin/projects` migrata a "Quiet Luxury" (replica `design-reference/pagina-progetti`).
Stesso contenitore tabella di Preventivi (`bg-card rounded-xl border-border shadow-card`,
header `bg-muted/50` uppercase muted, righe `hover:bg-muted/40` + `divide-y divide-border`).
- **Header**: `PageHeader` "Progetti" + sottotitolo (redditività oraria), azione `Button`
"Nuovo Progetto" (`+`, link a `/admin/projects/new`).
- **Colonne**: Progetto (link → dettaglio + cliente muted, badge "Archiviato" se archiviato),
Valore Totale (`text-right font-mono`), Acconto (badge centrato), Saldo (badge centrato),
Timer (`TimerCell` centrato), Redditività €/H (`text-right`).
- **Badge pagamento** (`ProjectRow`): pill rounded-full `text-[10px] uppercase border` dual
light/dark — saldato→emerald, da_saldare→rose, inviata→amber; prefissati "Acconto:"/"Saldo:".
Pagamento assente → `` muted.
- **TimerCell**: ora una pill `rounded-full border font-mono` — idle neutro (`bg-muted`,
play triangle su `bg-foreground/10`), running emerald (`bg-emerald-50/60` dark
`emerald-950/30`, pausa su `bg-emerald-500`), contatore live. Stessa pill riusata nel
`TimerTab` del dettaglio progetto.
- **Redditività**: `null` (0h tracciate) → `` muted; `>0` → emerald bold con dot
`bg-emerald-500`; `=0` → mono muted. Footer "Mostrando N di N progetti attivi".
### Client Portal restyle notes
The `/client/[token]` portal was migrated to the same "Quiet Luxury" tokens