De tweede indeling gebouwd, en er ging meer weg dan erbij kwam

Vijf widgets op de bovenste rij, de certificaatkeuze in een dialoog achter een
puntjesmenu, het activiteitenlog vol breed, en het instelkader dichtgeklapt met
twee kopieerknoppen. Uitgeleverd als 0.0.17. De zelfcontrole uit 0.0.16 heeft
daarmee eindelijk een plek om te verschijnen.

Wat opvalt is wat er verdween. Twee mechanismen bestonden alleen omdat er kaders
naast elkaar stonden: het meerekken van de tegels met de hoogte van hun buur, en
het samen groeien en krimpen van log en certificaatkader. Dat tweede was de hele
inhoud van 0.0.13. Vijf gelijke widgets en een vol breed log hebben geen buur,
dus beide zijn weg, samen met .col-5 en .col-7.

De harde eis staat in de code en niet alleen in het plan: de foutmelding "geen
certificaat in gebruik" heeft de knop die de dialoog opent. Een verse installatie
heeft geen certificaat en de pagina is de enige plek waar je er een kiest; dat
achter een menu verstoppen zou de klem van 0.0.3 in een andere vorm zijn.

Twee dingen onderweg bijgestuurd. Het menu werd drie punten in plaats van een
hamburger, op aanwijzing van de gebruiker, want dat is wat umbrelOS bij zijn
eigen apps toont. En het ontwerp beweerde dat de certificaatlijst een lijst was,
terwijl die op 20-08 al een dropdown geworden is; dat is rechtgezet in 4a2 en de
dropdown is ongewijzigd meeverhuisd.

Niet geverifieerd: niets hiervan is in een browser gezien, op geen enkele
schermbreedte. Dat staat als taak met de gebruiker als eigenaar.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

Docs/Plannen/Actief/005-Webinterface/PLAN.md

@@ -243,11 +243,20 @@ Twee dingen gaan tegen een eerder besluit in. Ze staan hier opgeschreven zodat e
    **gegroepeerd onder de twee vormen** te staan, elk met zijn eigen kopieerknop, en niet als één platte
    lijst wallets naast twee losse knoppen. Anders staat er wel een adres om te kopiëren maar niet meer bij
    welke wallet welk adres hoort, en dat is precies wat dit kader moet vertellen.
-2. **De certificaatlijst verhuist naar een dialoog.** Op 19-08-2026 is een dropdown afgewezen omdat je bron,
-   naam en resterende dagen naast elkaar moet kunnen vergelijken en een verlopen certificaat rood moet
-   kunnen zijn. **Die reden verbiedt een dialoog niet, hij verbiedt een dropdown**, en een dialoog geeft
-   meer ruimte dan het kader had. De lijst blijft dus een lijst, nu in de dialoog. Vervang hem daar niet
-   alsnog door een dropdown omdat het in een dialoog netjes zou staan.
+2. **De certificaatkeuze verhuist naar een dialoog.** Op 19-08-2026 is een dropdown afgewezen omdat je
+   bron, naam en resterende dagen naast elkaar moet kunnen vergelijken en een verlopen certificaat rood
+   moet kunnen zijn. Die reden verbood een dropdown, geen dialoog, en een dialoog geeft meer ruimte dan
+   het kader had.
+
+   **Bijgesteld bij het bouwen op 27-08-2026: het ís al een dropdown.** Hier stond "de lijst blijft dus
+   een lijst", en dat klopte niet meer. Op 20-08-2026 bleken het veertien certificaten op de Umbrel van de
+   gebruiker, en toen sloeg het argument om: veertien rijen in een scrollend vak maken van de keuze het
+   drukste onderdeel van de pagina, terwijl je er precies één keer iets mee doet. Alles wat de kleur zou
+   zeggen staat sindsdien in de tekst van de optie zelf, inclusief `expired` en `in use`, en dat leest ook
+   voor wie de kleur niet ziet.
+
+   De dropdown is dus ongewijzigd meeverhuisd. Wat blijft gelden is de reden eronder: wie hem ooit terug
+   wil veranderen, moet de vergelijkbaarheid oplossen en niet alleen de ruimte.
 
 #### De eis die deze indeling zelf oproept
 

Docs/Plannen/Actief/005-Webinterface/PROGRESS.md

@@ -1,5 +1,28 @@
 # Voortgang - Webinterface
 
+## 27-08-2026 - de tweede indeling gebouwd, en er ging meer weg dan erbij kwam
+
+Fase 6 in één keer gebouwd, uitgeleverd als 0.0.17: vijf widgets op de bovenste rij, de certificaatkeuze
+in een dialoog achter een puntjesmenu, het log vol breed, en het instelkader dichtgeklapt met twee
+kopieerknoppen. De zelfcontrole uit 0.0.16 heeft daarmee eindelijk een plek om te verschijnen.
+
+**Wat opvalt aan deze verbouwing is wat er verdween.** Twee mechanismen bestonden alleen omdat er kaders
+naast elkaar stonden: het meerekken van de tegels met de hoogte van hun buur, en het samen groeien en
+krimpen van log en certificaatkader. Dat tweede was de hele inhoud van 0.0.13. Vijf gelijke widgets en een
+vol breed log hebben geen buur, dus beide zijn weg, net als `.col-5` en `.col-7`.
+
+**Twee dingen zijn onderweg bijgestuurd.** Het menu werd drie punten in plaats van een hamburger, op
+aanwijzing van de gebruiker: dat is wat umbrelOS bij zijn eigen apps toont. En het ontwerp beweerde dat de
+certificaatlijst een lijst was; dat was op 20-08-2026 al een dropdown geworden. Die is ongewijzigd
+meeverhuisd naar de dialoog.
+
+De harde eis uit §4a2 staat in de code en niet alleen in het plan: de foutmelding "geen certificaat in
+gebruik" heeft de knop die de dialoog opent, want een verse installatie moet die keuze kunnen vinden.
+
+**Geraakt:** `index.html.template` (kop, meldingen, hele raster, dialoog, script), `umbrel-app.yml`
+(0.0.17), dit plan, de changelog. **Tests:** 39, 32, 54 en 22 goed, 0 fout. **Niet geverifieerd:** niets
+hiervan is in een browser gezien, op geen enkele schermbreedte.
+
 ## 27-08-2026 - de app kijkt eindelijk naar zijn eigen voordeur, en meet minder dan beloofd
 
 Open punt 5 is goedgekeurd en gebouwd in 0.0.16. De agent verbindt met de eigen TLS-poort, maakt de

Docs/Plannen/Actief/005-Webinterface/TAKEN.md

@@ -52,9 +52,9 @@
       alleen tegen tijdelijke bestanden getoetst, niet tegen een echte wallet. **Loopt sinds 27-08-2026 bij
       de gebruiker; hij kijkt er na een etmaal naar. Eigenaar: gebruiker**
 
-- [ ] **Fase 6, de tweede indeling.** Opgegeven door de gebruiker op 27-08-2026 en het grootste blok werk
-      dat er in dit plan nog ligt. Begint met de zelfcontrole, want dat is het enige echte nieuwe werk en
-      het levert de vijfde widget van de bovenste rij
+- [x] **Fase 6, de tweede indeling, gebouwd in 0.0.17 (27-08-2026).** Alles uit de opdracht zit erin; wat
+      er nog staat is het nakijken in een browser, en dat is de helft van de verificatie bij een
+      verbouwing van deze omvang. Zie de fase zelf voor wat er per punt gedaan is
 
 Daarna, en niet eerder:
 
@@ -245,28 +245,31 @@ de vijfde widget; de rest is de pagina verbouwen om wat er dan staat.
       Getest in `tests/test_agent_zelfcontrole.py`, 22 toetsen, met de nadruk op de niet-gelukkige paden:
       geen certificaat, dichte poort, iets dat luistert maar geen TLS spreekt, en een ander certificaat aan
       de lijn. Alle vier de beslissende regels zijn mutatie-getest
-- [ ] Rij 1 wordt vijf gelijke widgets: Electrum-server, blokhoogte, reactietijd, certificaat, zelfcontrole
-- [ ] Een eigen raster van vijf kolommen voor die rij, en beslissen wat er tussen "vijf naast elkaar" en
-      "gestapeld op mobiel" gebeurt. Vijf valt niet netjes in twaalf kolommen; dit is nieuw werk
-- [ ] De Electrum-serverwidget kleiner, met minder onderteksten
-- [ ] De certificaatwidget toont het gekozen certificaat: naam en dagen tot vernieuwing. Niet de keuze
-- [ ] Kiezen, uploaden en afhandelen naar een dialoog achter een hamburger- of puntjesmenu rechtsboven.
-      Met het `dialog`-element, want focus en Escape zitten erin. De lijst blijft een lijst, zie §4a2
-- [ ] **De licht/donker-schakelaar het menu in** (27-08-2026). Staat nu als losse knop rechtsboven. Let op
-      de vorm: in een menu hoort de huidige stand te staan en niet de handeling, dus niet het label "Light"
-      overnemen terwijl de pagina licht is. Zie §4a2
-- [ ] **De foutmelding "geen certificaat actief" blijft bovenaan staan en krijgt de knop die de dialoog
-      opent.** Dit is de harde eis van deze indeling: een verse installatie heeft geen certificaat, en de
-      pagina is de enige plek waar je er een kiest. Zie §4a2 en de klem van 0.0.3
-- [ ] Het activiteitenlog over de volle breedte
-- [ ] "Setting up your wallet" dichtgeklapt met `details`/`summary`, en compacter
-- [ ] Twee kopieerknoppen in plaats van één per clientregel, **met de wallets gegroepeerd onder de vorm die
-      ze willen.** Niet één platte lijst naast twee losse knoppen: dan is het adres er nog wel, maar niet
-      meer bij welke wallet welk adres hoort. Bron blijft `Referenties/Clients.md` §4
-- [ ] Opruimen wat vervalt: de statustegels hoeven niet meer mee te rekken met hun buur, en het logblok en
-      de certificaatlijst hoeven niet meer samen te groeien. Dat laatste was de hele inhoud van 0.0.13
-- [ ] Na afloop op mobiel nakijken, net als bij 0.0.10. De leesvolgorde in de HTML blijft de bedoelde
-      volgorde, zonder `order` in de CSS
+- [x] Rij 1 is vijf gelijke widgets: Electrum-server, blokhoogte, reactietijd, certificaat, zelfcontrole
+- [x] **Een eigen raster van vijf kolommen, met expliciete stappen** (5 → 3 → 2 → 1). Niet aan `auto-fit`
+      overgelaten: met vijf items levert elke stap een ongelijke laatste rij op, en dan wil je zelf bepalen
+      wélke widget alleen komt te staan. Dat is steeds de laatste, de zelfcontrole, want die is als enige
+      te begrijpen zonder buur
+- [x] De Electrum-serverwidget kleiner: de naam als waarde, het adres als onderregel. "Last checked" is
+      eruit, want dat stond al onder de blokhoogte als "as of ... ago"
+- [x] De certificaatwidget toont de dagen tot vernieuwing, met de naam als onderregel. Bij een verlopen
+      certificaat staat er `expired` in het rood, en zonder keuze `none` en niet `unknown`: er is niets
+      onbekends aan
+- [x] Kiezen, uploaden en de details naar een dialoog achter het menu, met het `dialog`-element
+- [x] **De licht/donker-schakelaar het menu in, met de huidige stand als waarde.** Het menu toont drie
+      punten en geen hamburger, op aanwijzing van de gebruiker: dat is wat umbrelOS bij zijn eigen apps
+      doet. Als tekst en niet als SVG, zodat hij meeschaalt met de lettergrootte
+- [x] **De foutmelding "geen certificaat actief" heeft de knop die de dialoog opent.** De harde eis van
+      deze indeling, en hij staat als zodanig in de code
+- [x] Het activiteitenlog over de volle breedte
+- [x] "Setting up your wallet" dichtgeklapt met `details`/`summary`, en compacter
+- [x] Twee kopieerknoppen, met de wallets gegroepeerd onder de vorm die ze vragen
+- [x] Opgeruimd wat vervalt: de hoogtekoppeling van log en certificaatkader, het meerekken van de tegels,
+      en `.col-5` en `.col-7` uit de CSS
+- [ ] **Na afloop op mobiel nakijken, net als bij 0.0.10.** Niets van deze indeling is in een browser
+      gezien, en dat is bij een verbouwing van deze omvang de helft van de verificatie. Let vooral op de
+      stap van vijf naar drie naar twee kolommen, en op de dialoog op een smal scherm.
+      **Eigenaar: gebruiker**
 
 ## Geblokkeerd / wacht op