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

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:

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.