Let every screen choose its top bar: clocks, date and entities (0.2.38)

The name stays on the left; up to six items go on the right: the time, an
analog clock, the date, or a Home Assistant entity with its icon, showing its
state or how long ago it changed, always or only while active. The add-on
formats entity text in Dutch and sends it as op: header right after the layout
to firmware 0.2.32+; older firmware keeps the clock of show_clock, which now
follows the clock item.

The firmware draws every value in one font on the name's baseline, centres
icons and the dial on the digit height and measures gaps between glyph ink, so
the bar looks even; the editor's mockup uses Roboto and the same integer rules.
tools/render_topbar.py renders the real LVGL code on a computer (ESPHome host +
SDL2). The editor's section buttons are gone.

Firmware 0.2.32 for both boards.

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

README.md

@@ -58,8 +58,14 @@ De firmware en ingebouwde CLI zijn getest met **ESPHome 2026.6.2**.
   millimeters; **klimaatkaart** met aan/uit-knop, modus-, ventilator- en zwenkstanden.
   Scènes, scripts en knoppen tonen wanneer ze voor het laatst liepen. Een tegel die op
   Home Assistant wacht toont een klein spinnertje op een lichte laag.
+- **Bovenbalk per scherm** (firmware 0.2.32+): links de naam, rechts tot zes
+  onderdelen naar keuze: de tijd, een analoge klok, de datum, of een entiteit uit
+  Home Assistant met icoon, zoals temperatuur, luchtvochtigheid, verbruik, een deur
+  (open/dicht), het alarm, wie er thuis is of wanneer iemand of iets het laatst
+  veranderde ("5 min geleden", "Gisteren"). Zie [Bovenbalk](#bovenbalk).
 - **Scherminstellingen:** standby-tijd, normale en gedimde helderheid,
-  nachturen, klok, terug naar de hoofdpagina en optioneel swipen tussen pagina's.
+  nachturen, 24- of 12-uursklok, terug naar de hoofdpagina en optioneel swipen
+  tussen pagina's.
 - **Guition-rotatie:** 0°, 90°, 180° of 270°, direct vanuit de beheerpagina.
   De native LVGL-rotatie draait beeld en touch samen. De CYD behoudt zijn vaste
   oriëntatie en eigen kalibratie.
@@ -169,8 +175,7 @@ installatieprofiel aanmaken genereert nieuwe sleutels.
 
 ## Tegels en kleuren aanpassen
 
-Open **Tegels instellen**, klik een tegel in het schermvoorbeeld en open
-**Bediening & weergave instellen**. Kies bij **Pastel achtergrond** een kleur,
+Klik een tegel in het schermvoorbeeld. Kies bij **Pastel achtergrond** een kleur,
 zoals rood of groen. Pas eventueel de naam, klikactie, mini-slider of grote
 waarde aan. Klik **Opslaan & naar scherm** om de wijzigingen toe te passen.
 Dit vereist na de eerste ondersteunende firmware-update geen nieuwe flash.
@@ -179,6 +184,32 @@ Een kleur is een vaste keuze voor die tegel: hij blijft dus bijvoorbeeld rood
 wanneer je het alles-uit-script gebruikt. De entiteitsstatus en actiefeedback
 blijven afzonderlijk zichtbaar.
 
+## Bovenbalk
+
+Bovenaan de editor staat per scherm de **Bovenbalk**: links de naam, rechts tot
+zes onderdelen. **＋ Toevoegen** biedt de tijd, een analoge klok en de datum (die
+tellen op het scherm zelf door, ook zonder Home Assistant), suggesties uit je eigen
+huis (temperatuur en verbruik uit de ruimte van het scherm, het weer, aantal thuis,
+zon op en onder) en een zoekveld voor elke entiteit, ook een telefoon
+(`device_tracker`), een slot, het alarmpaneel of `zone.home`. Sleep de onderdelen
+om de volgorde te wijzigen; tik erop om ze in te stellen:
+
+- **Wat laten zien:** de status zoals Home Assistant hem schrijft (21,3 °C, 65%,
+  1.249 W, Open/Dicht, Thuis/Weg, Afwezig), of **Laatst gewijzigd**: "Zojuist",
+  "5 min geleden", "Gisteren". Een tijdstempel-sensor telt ook vooruit ("Over 2 uur").
+- **Icoon:** automatisch zoals Home Assistant (een open deur krijgt een open
+  deur-icoon), een eigen icoon uit de lijst of geen icoon.
+- **Tonen:** altijd, of **alleen als actief**: het onderdeel verschijnt pas als het
+  aan, open, thuis of meer dan 0 is. Handig voor een open deur of een draaiende
+  wasmachine. Actieve onderdelen kleuren zoals in Home Assistant (open deur amber,
+  alarm ingeschakeld groen, alarm afgegaan rood).
+
+Het schermvoorbeeld tekent de balk met dezelfde letters en regels als het scherm:
+alle waarden op één lijn met de naam, iconen op cijferhoogte, gelijke afstanden.
+Past niet alles naast de naam, dan krijgt de naam puntjes en laat het scherm de
+voorste onderdelen weg; de editor markeert die met strepen. Oudere firmware toont
+tot de update alleen de naam en de tijd (als die in de balk staat).
+
 ## Updates en behoud van je instellingen
 
 | Wijziging | Actie |