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

106 lines
5.9 KiB
Markdown
Raw Permalink 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`.
## Follow-up: comando Sessione unico e bordi completi
Il pulsante Session/Sessione sostituisce New session e Return to session. Una
sessione aperta non finalizzata/archiviata, o una creazione già inviata in attesa
di completamento, viene conservata e riportata in primo piano. Nessun reset,
nuova ripresa o ricreazione della connessione eventi. In assenza di sessione in
corso si prepara una nuova domanda attraverso il percorso esistente: controlli
di contesto/preprocessing, protezione delle modifiche amministrative, prewarm e
focus del campo. La sessione viene creata solo all'invio della domanda. Un pannello
documentale non ripreso può essere riaperto dalla relativa voce nella lista.
I tab ricevono 3px aggiuntivi per lato orizzontale e 3px verticali, con altezza
minima 38px e crescita per le etichette italiane su due righe. Tutti i bordi sono
da 1px e dello stesso colore: grigio inattivo, rosso attivo. Rimossi il bordo
del contenitore e il margine negativo; 4px separano i tab. Questa richiesta
sostituisce la precedente rimozione del bordo inferiore.
Suite frontend completa: 757 test in 90 file; Playwright: 15 scenari. Superati
anche typecheck, controllo di 1683 traduzioni italiane/1703 riferimenti statici
e build Docker. Coperti ritorno senza seconda ripresa, clic durante creazione,
assenza di creazione prima dell'invio, bozze amministrative e del composer,
geometria/bordi EN/IT in chiaro e scuro e layout mobile/embedded. Le fixture
bloccano le chiamate reali, incluso il prewarm. Screenshot italiani verificati.
Impeccable ha guidato la spaziatura e la conservazione dello stato accessibile.
Il rollback di questo follow-up usa il tag
`thothii-frontend:before-session-navigation-20260913` con i comandi sopra.
Frontend Mac aggiornato e healthy: container `2844778d311c`, immagine `d58dccfee3f9`.
Core e servizi dati rimangono quelli registrati sopra; nessun deploy Omics/PSD.