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

4.1 KiB
Raw Blame History

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.