Files
ThothII/docs/reports/2026-09-13-header-layout-refinements.md
T

76 lines
4.1 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# Ritocchi header e layout
Data: 13 settembre 2026. Ambito: frontend ThothII e installazione locale del Mac.
Nessuna modifica al repository Omics o deploy sul server PSD.
## Modifiche
- Header full `#CB333B`, valore di `--gsd-red-primary` in Omics
`static/css/gsd-theme.css`. Marchio completo e controlli chiari in entrambi i
temi; opzioni lingua, hover, focus ed errori rimangono leggibili. Gli altri
marchi conservano il suffisso rosso. Embedded non aggiunge alcun header.
- Catalog, Operations e Metadata updated separati di 16px dal divisore superiore.
- Due selettori e Done allineati in un'unica riga desktop; controlli alti 32px.
Il contenitore stretto impila i controlli. Retry, blocchi operativi e messaggi
di errore rimangono disponibili; le scelte mantengono lo stesso comportamento.
- Bordo inferiore rimosso dai tab My sessions e All sessions; stato selezionato,
focus e navigazione da tastiera conservati.
Impeccable, registro product, ha guidato il mantenimento della gerarchia esistente
e dell'adattamento agli schermi stretti, senza introdurre nuovi componenti.
## Verifiche
Typecheck superato; 71 test nelle suite AppShell.host, AppShell.administration e
AppShell.session-mgmt; 11 scenari Playwright della revisione visuale superati.
Le nuove asserzioni controllano colore header light/dark, colore del suffisso,
spazio degli stati, posizione di Done, assenza del bordo e overflow. Verificati
gli screenshot desktop/mobile e scuro; le transizioni sono completate prima della
cattura. Fixture sintetiche, nessun modello o dato reale modificato dai test.
Build Docker frontend superata, inclusi test del CSS compilato. Rimane l'avviso
preesistente Vite sui bundle maggiori di 500 kB. Il CSS servito dal Mac include
il rosso Omics, le azioni inline e la rimozione del bordo; configurazione full/en
confermata. Container frontend `8a1608ad7fc6`, immagine `a2f489ebe9de`, healthy.
Core `3c3c0739b9af`, catalogo `89755e439dc7`, Qdrant `52ebd5c47955` ed embedding
`7f690e534eda` sono invariati e healthy.
## Aggiornamento e rollback
È stato ricostruito e ricreato soltanto il frontend attraverso il launcher
`/private/tmp/thothii-memory-preview.sh`, con `up -d --no-deps --no-build --wait frontend`.
L'immagine precedente è conservata come
`thothii-frontend:before-header-layout-20260913`. Per ripristinarla sul Mac:
```bash
docker image tag thothii-frontend:before-header-layout-20260913 thothii-frontend:local
bash /private/tmp/thothii-memory-preview.sh up -d --no-deps --no-build --wait frontend
```
Per tornare alla revisione nuova, ricostruire il frontend dal branch aggiornato
e ripetere il comando di avvio. Non toccare volumi, Core o configurazione Omics.
## Follow-up: login e focus del selettore lingua
Rimossi dalla form login il soprattitolo «Accesso a ThothII», il relativo lucchetto
decorativo e la spiegazione «Usa l’account della tua installazione per continuare.».
Il titolo «Accedi a ThothII» rimane. La modifica vale in inglese e italiano.
I select nativi possono mantenere `:focus-visible` anche dopo un clic. Il selettore
lingua distingue ora il focus da puntatore: niente outline esterno dopo il clic;
il normale bordo del controllo rimane. Il ritorno con Tab e l'interazione da
tastiera conservano l'indicatore visibile. Escape chiude il menu senza cambiare
la modalità di focus. Nessuna sfocatura forzata o modifica all'header Omics.
Verificati 36 test LoginPage/AuthGate/AppShell.host e 14 scenari browser, inclusi
login EN/IT e clic, Escape, Tab/Shift+Tab in entrambi i temi. Screenshot controllati;
nessuna autenticazione reale o sessione utente è stata modificata dalle fixture.
Typecheck e build Docker superati. Impeccable ha guidato la rimozione dei testi
ridondanti mantenendo titolo principale e accessibilità da tastiera.
Solo il frontend Mac è stato ricreato, healthy: container `204efd40d3eb`, immagine
`7dd0752ff823`. Il CSS effettivamente servito include la correzione del focus.
Core, catalogo, Qdrant ed embedding sono invariati. Per annullare soltanto questo
follow-up, usare nei comandi di rollback sopra il tag
`thothii-frontend:before-login-focus-20260913`.