Show a live picture on a camera tile, run an action from the alert button, roll long media titles, and keep full-page tiles in their own colour (0.2.91)

Live picture (issue #4): a camera or image tile on a Guition takes
Display -> Live picture with a pace of 15 or 30 s. The camera tiles of a
page share one download: the screen asks ESP Screens for them together
(esphome.screen_camera with tiles, size and bg) and the app serves one
BMP, a strip of squares with the corners rounded over each tile's own
colour; every tile draws its square out of it with LVGL's image offset
(LV_IMAGE_ALIGN_TOP_LEFT: the default centres a taller source). A third
online_image on the Guition holds the strip; it loads after the alert's
picture, a cover and the camera full screen, never under a card, in
standby or under a finger. The strip is served whole every time: ESPHome's
http_request logs a 304 as a failed request. Firmware 0.2.77.

Alert button: esp_screens_show_alert takes action and data; the app
performs the action once when the button's report (esphome.screen_alert,
ok) comes from any screen. show_alert keeps its seven fields, so every
firmware from 0.2.31 has it.

Media card and full-page media tile: a title or artist line that is too
wide rolls by (LV_LABEL_LONG_SCROLL_CIRCULAR) instead of ending in dots.

Full-page tiles are white or their own pastel like every other tile; the
tint in the state colour of firmware 0.2.62 to 0.2.76 is gone.

Host harness (27 checks) and bench Guition + local add-on on the Yellow:
docs/TEST_RESULTS_0291.md. CYD firmware 1,633,728 B, 89.0 %.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

screen_manager/translations/de.json

@@ -448,6 +448,7 @@
         "builtin_action": "Eine eingebaute Karte kann keine Aktion ausführen.",
         "no_mini_slider": "Diese Entität unterstützt keinen kleinen Schieberegler.",
         "history_hours": "Verlauf: Wähle 1, 6 oder 24 Stunden.",
+        "refresh": "Livebild: alle 15 oder 30 Sekunden auffrischen.",
         "watch_or_slider": "Wähle „Großer Wert“ oder den kleinen Schieberegler.",
         "no_direct_control": "Diese Entität unterstützt diese direkte Steuerung nicht.",
         "position": "Ungültige Kachelposition; lade die Verwaltungsseite neu.",
@@ -739,6 +740,10 @@
         "camera": {
           "label": "Kamera",
           "help": "Eine Kamera- oder Bild-Entität. Ein Guition mit Firmware 0.2.57+ zeigt ihr Bild von diesem Moment oben über die ganze Breite der Karte; ein Tippen darauf öffnet die Kamera im Vollbild. Andere Bildschirme zeigen die Meldung ohne Bild. Nur über das Ereignis esp_screens_show_alert."
+        },
+        "action": {
+          "label": "Aktion",
+          "help": "Eine Home-Assistant-Aktion wie script.open_gate oder light.turn_off, einmal ausgeführt, sobald die Taste auf einem der Bildschirme gedrückt wird. `data` gibt ihre Felder an (entity_id, brightness, ...). Bei einem Timeout oder einem neuen Alarm bleibt sie aus. Nur über das Ereignis esp_screens_show_alert."
         }
       },
       "endings": {
@@ -1266,15 +1271,22 @@
         "forecast": "Wettervorhersage",
         "graph": "Diagramm",
         "sunpath": "Sonnenbahn",
+        "live": "Livebild",
+        "live_hint": "Ein kleines Bild der Kamera anstelle des Symbols, im Takt unten aufgefrischt, solange die Seite zu sehen ist. Ein Tipp öffnet sie weiterhin bildschirmfüllend.",
+        "live_needs_firmware": "Ein Livebild braucht Firmware 0.2.77 oder neuer: Nach dem Speichern beim Bildschirm auf Aktualisieren drücken.",
         "no_graph": "Home Assistant hat für diese Entität keine Zahlen, daher bleibt das Diagramm leer. Wähle eine andere Anzeige.",
         "no_forecast": "Dieser Wetterdienst hat in Home Assistant keine Tagesvorhersage. Wähle eine andere Anzeige."
       },
+      "refresh": {
+        "label": "Auffrischen",
+        "seconds": "Alle {n} s"
+      },
       "size": {
         "label": "Größe",
         "single": "Normal",
         "wide": "Doppelt breit",
         "full": "Ganze Seite",
-        "full_hint": "Ganze Seite: eine große Taste, die im eingeschalteten Zustand leuchtet; am unteren Rand sitzen ein Schieberegler, Bedienelemente oder ein Diagramm.",
+        "full_hint": "Ganze Seite: eine große Taste in der eigenen Farbe der Kachel; am unteren Rand sitzen ein Schieberegler, Bedienelemente oder ein Diagramm.",
         "needs_firmware": "Eine ganzseitige Kachel braucht Firmware 0.2.62: Drücke zuerst beim Bildschirm auf „Aktualisieren“."
       },
       "page": {

screen_manager/translations/en.json

@@ -448,6 +448,7 @@
         "builtin_action": "A built-in card can't perform an action.",
         "no_mini_slider": "This entity doesn't support a mini-slider.",
         "history_hours": "History: choose 1, 6, or 24 hours.",
+        "refresh": "Live picture: refresh every 15 or 30 seconds.",
         "watch_or_slider": "Choose large value or mini-slider.",
         "no_direct_control": "This entity doesn't support that direct control.",
         "position": "Invalid tile position; refresh the management page.",
@@ -739,6 +740,10 @@
         "camera": {
           "label": "Camera",
           "help": "A camera or image entity. A Guition with firmware 0.2.57+ shows its picture of that moment across the top of the card; a tap on it opens the camera full screen. Other screens show the alert without it. Only through the esp_screens_show_alert event."
+        },
+        "action": {
+          "label": "Action",
+          "help": "A Home Assistant action, such as script.open_gate or light.turn_off, performed once when the button is pressed on any screen. `data` gives its fields (entity_id, brightness, ...). A timeout or a new alert leaves it unperformed. Only through the esp_screens_show_alert event."
         }
       },
       "endings": {
@@ -1266,15 +1271,22 @@
         "forecast": "Weather forecast",
         "graph": "Graph",
         "sunpath": "Sun path",
+        "live": "Live picture",
+        "live_hint": "A small picture of the camera in the icon's place, refreshed at the pace below while the page is on screen. A tap still opens it full screen.",
+        "live_needs_firmware": "A live picture needs firmware 0.2.77 or newer: press Update on the screen after saving.",
         "no_graph": "Home Assistant has no numbers for this entity, so the graph stays empty. Choose another display.",
         "no_forecast": "This weather service has no daily forecast in Home Assistant. Choose another display."
       },
+      "refresh": {
+        "label": "Refresh",
+        "seconds": "Every {n} s"
+      },
       "size": {
         "label": "Size",
         "single": "Normal",
         "wide": "Double-width",
         "full": "Full page",
-        "full_hint": "Full page: one big button that lights up while on; a slider, controls or a graph sit at the bottom of it.",
+        "full_hint": "Full page: one big button in the tile's own colour; a slider, controls or a graph sit at the bottom of it.",
         "needs_firmware": "A full-page tile needs firmware 0.2.62: press Update on the screen first."
       },
       "page": {

screen_manager/translations/es.json

@@ -448,6 +448,7 @@
         "builtin_action": "Una tarjeta integrada no puede realizar acciones.",
         "no_mini_slider": "Esta entidad no admite un control deslizante pequeño.",
         "history_hours": "Historial: elige 1, 6 o 24 horas.",
+        "refresh": "Imagen en vivo: actualiza cada 15 o 30 segundos.",
         "watch_or_slider": "Elige valor grande o control deslizante pequeño.",
         "no_direct_control": "Esta entidad no admite ese control directo.",
         "position": "Posición de mosaico no válida; recarga la página de gestión.",
@@ -739,6 +740,10 @@
         "camera": {
           "label": "Cámara",
           "help": "Una entidad de cámara o de imagen. Un Guition con firmware 0.2.57+ muestra su imagen de ese momento en la parte superior de la tarjeta; al tocarla se abre la cámara a pantalla completa. Las demás pantallas muestran la alerta sin ella. Solo mediante el evento esp_screens_show_alert."
+        },
+        "action": {
+          "label": "Acción",
+          "help": "Una acción de Home Assistant, como script.open_gate o light.turn_off, realizada una vez cuando se pulsa el botón en cualquier pantalla. `data` da sus campos (entity_id, brightness, ...). Un tiempo agotado o una nueva alerta la deja sin realizar. Solo mediante el evento esp_screens_show_alert."
         }
       },
       "endings": {
@@ -1266,15 +1271,22 @@
         "forecast": "Previsión del tiempo",
         "graph": "Gráfico",
         "sunpath": "Recorrido del sol",
+        "live": "Imagen en vivo",
+        "live_hint": "Una imagen pequeña de la cámara en el lugar del icono, actualizada al ritmo de abajo mientras la página está en pantalla. Un toque la sigue abriendo a pantalla completa.",
+        "live_needs_firmware": "Una imagen en vivo necesita el firmware 0.2.77 o más reciente: pulsa Actualizar en la pantalla después de guardar.",
         "no_graph": "Home Assistant no tiene valores numéricos para esta entidad, así que el gráfico queda vacío. Elige otra presentación.",
         "no_forecast": "Este servicio meteorológico no tiene previsión diaria en Home Assistant. Elige otra presentación."
       },
+      "refresh": {
+        "label": "Actualizar",
+        "seconds": "Cada {n} s"
+      },
       "size": {
         "label": "Tamaño",
         "single": "Normal",
         "wide": "Doble ancho",
         "full": "Página completa",
-        "full_hint": "Página completa: un botón grande que se ilumina mientras está encendido; en la parte inferior va un control deslizante, unos controles o un gráfico.",
+        "full_hint": "Página completa: un botón grande en el color del propio mosaico; en la parte inferior va un control deslizante, unos controles o un gráfico.",
         "needs_firmware": "Un mosaico de página completa necesita el firmware 0.2.62: pulsa antes Actualizar en la lista de pantallas."
       },
       "page": {

screen_manager/translations/fr.json

@@ -448,6 +448,7 @@
         "builtin_action": "Une tuile intégrée à l'écran ne peut pas effectuer d'action.",
         "no_mini_slider": "Cette entité ne prend pas en charge le petit curseur.",
         "history_hours": "Historique : choisissez 1, 6 ou 24 heures.",
+        "refresh": "Image en direct : rafraîchir toutes les 15 ou 30 secondes.",
         "watch_or_slider": "Choisissez grande valeur ou petit curseur.",
         "no_direct_control": "Cette entité ne prend pas en charge cette commande directe.",
         "position": "Position de tuile non valide ; actualisez la page de gestion.",
@@ -739,6 +740,10 @@
         "camera": {
           "label": "Caméra",
           "help": "Une entité caméra ou image. Un Guition avec le firmware 0.2.57+ affiche son image du moment en haut de la carte ; la toucher ouvre la caméra en plein écran. Les autres écrans affichent l'alerte sans elle. Uniquement via l'événement esp_screens_show_alert."
+        },
+        "action": {
+          "label": "Action",
+          "help": "Une action Home Assistant, comme script.open_gate ou light.turn_off, exécutée une fois quand le bouton est pressé sur n'importe quel écran. `data` donne ses champs (entity_id, brightness, ...). Un délai dépassé ou une nouvelle alerte la laisse sans effet. Uniquement via l'événement esp_screens_show_alert."
         }
       },
       "endings": {
@@ -1266,15 +1271,22 @@
         "forecast": "Prévisions météo",
         "graph": "Graphique",
         "sunpath": "Course du soleil",
+        "live": "Image en direct",
+        "live_hint": "Une petite image de la caméra à la place de l'icône, rafraîchie au rythme ci-dessous tant que la page est affichée. Un appui l'ouvre toujours en plein écran.",
+        "live_needs_firmware": "Une image en direct demande le firmware 0.2.77 ou plus récent : appuyez sur Mettre à jour sur l'écran après l'enregistrement.",
         "no_graph": "Home Assistant n'a pas de valeurs numériques pour cette entité : le graphique reste donc vide. Choisissez un autre affichage.",
         "no_forecast": "Ce service météo n'a pas de prévisions journalières dans Home Assistant. Choisissez un autre affichage."
       },
+      "refresh": {
+        "label": "Rafraîchir",
+        "seconds": "Toutes les {n} s"
+      },
       "size": {
         "label": "Taille",
         "single": "Normale",
         "wide": "Double largeur",
         "full": "Pleine page",
-        "full_hint": "Pleine page : un grand bouton qui s'illumine quand l'entité est allumée ; un curseur, des commandes ou un graphique se placent en bas.",
+        "full_hint": "Pleine page : un grand bouton dans la couleur de la tuile ; un curseur, des commandes ou un graphique se placent en bas.",
         "needs_firmware": "Une tuile pleine page nécessite le firmware 0.2.62 : appuyez d'abord sur Mettre à jour pour cet écran."
       },
       "page": {

screen_manager/translations/it.json

@@ -448,6 +448,7 @@
         "builtin_action": "Un riquadro integrato nello schermo non può eseguire un'azione.",
         "no_mini_slider": "Questa entità non supporta il piccolo cursore.",
         "history_hours": "Storico: scegli 1, 6 o 24 ore.",
+        "refresh": "Immagine dal vivo: aggiorna ogni 15 o 30 secondi.",
         "watch_or_slider": "Scegli valore grande o piccolo cursore.",
         "no_direct_control": "Questa entità non supporta questo controllo diretto.",
         "position": "Posizione del riquadro non valida; ricarica la pagina di gestione.",
@@ -739,6 +740,10 @@
         "camera": {
           "label": "Telecamera",
           "help": "Un'entità telecamera o immagine. Un Guition con firmware 0.2.57+ mostra la sua immagine di quel momento in cima alla scheda; un tocco apre la telecamera a schermo intero. Gli altri schermi mostrano l'avviso senza immagine. Solo tramite l'evento esp_screens_show_alert."
+        },
+        "action": {
+          "label": "Azione",
+          "help": "Un'azione di Home Assistant, come script.open_gate o light.turn_off, eseguita una volta quando il pulsante viene premuto su uno qualsiasi degli schermi. `data` fornisce i suoi campi (entity_id, brightness, ...). Un timeout o un nuovo avviso la lascia non eseguita. Solo tramite l'evento esp_screens_show_alert."
         }
       },
       "endings": {
@@ -1266,15 +1271,22 @@
         "forecast": "Previsioni meteo",
         "graph": "Grafico",
         "sunpath": "Percorso del sole",
+        "live": "Immagine dal vivo",
+        "live_hint": "Una piccola immagine della telecamera al posto dell'icona, aggiornata al ritmo qui sotto finché la pagina è sullo schermo. Un tocco la apre ancora a schermo intero.",
+        "live_needs_firmware": "Un'immagine dal vivo richiede il firmware 0.2.77 o più recente: premi Aggiorna sullo schermo dopo il salvataggio.",
         "no_graph": "Home Assistant non ha valori numerici per questa entità, quindi il grafico resta vuoto. Scegli un'altra visualizzazione.",
         "no_forecast": "Questo servizio meteo non ha previsioni giornaliere in Home Assistant. Scegli un'altra visualizzazione."
       },
+      "refresh": {
+        "label": "Aggiorna",
+        "seconds": "Ogni {n} s"
+      },
       "size": {
         "label": "Dimensione",
         "single": "Normale",
         "wide": "Larghezza doppia",
         "full": "Pagina intera",
-        "full_hint": "Pagina intera: un grande pulsante che si illumina quando è acceso; in basso trovano posto un cursore, i comandi o un grafico.",
+        "full_hint": "Pagina intera: un grande pulsante nel colore del riquadro; in basso trovano posto un cursore, i comandi o un grafico.",
         "needs_firmware": "Un riquadro a pagina intera richiede il firmware 0.2.62: premi prima Aggiorna per questo schermo."
       },
       "page": {

screen_manager/translations/nl.json

@@ -448,6 +448,7 @@
         "builtin_action": "Een ingebouwde kaart kan geen actie uitvoeren.",
         "no_mini_slider": "Deze entiteit ondersteunt geen kleine slider.",
         "history_hours": "Geschiedenis: kies 1, 6 of 24 uur.",
+        "refresh": "Livebeeld: ververs elke 15 of 30 seconden.",
         "watch_or_slider": "Kies een grote waarde of een kleine slider, niet allebei.",
         "no_direct_control": "Deze entiteit ondersteunt die directe bediening niet.",
         "position": "Ongeldige tegelpositie; vernieuw de beheerpagina.",
@@ -739,6 +740,10 @@
         "camera": {
           "label": "Camera",
           "help": "Een camera- of afbeeldingsentiteit. Een Guition met firmware 0.2.57+ toont het beeld van dat moment bovenaan de kaart; een tik erop opent de camera schermvullend. Andere schermen tonen de alert zonder beeld. Alleen via de gebeurtenis esp_screens_show_alert."
+        },
+        "action": {
+          "label": "Actie",
+          "help": "Een Home Assistant-actie, zoals script.open_gate of light.turn_off, eenmaal uitgevoerd zodra de knop op een van de schermen wordt ingedrukt. `data` geeft de velden (entity_id, brightness, ...). Bij een time-out of een nieuwe alert blijft hij achterwege. Alleen via de gebeurtenis esp_screens_show_alert."
         }
       },
       "endings": {
@@ -1266,15 +1271,22 @@
         "forecast": "Weersverwachting",
         "graph": "Grafiek",
         "sunpath": "Zonnebaan",
+        "live": "Livebeeld",
+        "live_hint": "Een klein beeld van de camera op de plek van het icoon, ververst in het tempo hieronder zolang de pagina in beeld is. Een tik opent hem nog steeds schermvullend.",
+        "live_needs_firmware": "Een livebeeld heeft firmware 0.2.77 of nieuwer nodig: druk na het opslaan op Bijwerken bij het scherm.",
         "no_graph": "Home Assistant heeft geen getallen voor deze entiteit, dus de grafiek blijft leeg. Kies een andere weergave.",
         "no_forecast": "Deze weerdienst heeft geen dagverwachting in Home Assistant. Kies een andere weergave."
       },
+      "refresh": {
+        "label": "Verversen",
+        "seconds": "Elke {n} s"
+      },
       "size": {
         "label": "Grootte",
         "single": "Normaal",
         "wide": "Dubbelbreed",
         "full": "Hele pagina",
-        "full_hint": "Hele pagina: één grote knop die oplicht zolang hij aan is; onderaan staat een slider, bediening of grafiek.",
+        "full_hint": "Hele pagina: één grote knop in de eigen kleur van de tile; onderaan staat een slider, bediening of grafiek.",
         "needs_firmware": "Een paginavullende tegel heeft firmware 0.2.62 nodig: druk eerst bij het scherm op Bijwerken."
       },
       "page": {

screen_manager/translations/pl.json

@@ -448,6 +448,7 @@
         "builtin_action": "Wbudowana karta nie może wykonać akcji.",
         "no_mini_slider": "Ta encja nie obsługuje małego suwaka.",
         "history_hours": "Historia: wybierz 1, 6 lub 24 godziny.",
+        "refresh": "Obraz na żywo: odświeżaj co 15 lub 30 sekund.",
         "watch_or_slider": "Wybierz dużą wartość albo mały suwak.",
         "no_direct_control": "Ta encja nie obsługuje takiego bezpośredniego sterowania.",
         "position": "Nieprawidłowa pozycja kafelka; odśwież stronę zarządzania.",
@@ -739,6 +740,10 @@
         "camera": {
           "label": "Kamera",
           "help": "Encja kamery lub obrazu. Guition z firmware 0.2.57+ pokazuje jej zdjęcie z tej chwili u góry karty; dotknięcie go otwiera kamerę na pełnym ekranie. Inne ekrany pokazują alert bez zdjęcia. Tylko przez zdarzenie esp_screens_show_alert."
+        },
+        "action": {
+          "label": "Akcja",
+          "help": "Akcja Home Assistant, na przykład script.open_gate lub light.turn_off, wykonywana raz po naciśnięciu przycisku na dowolnym ekranie. `data` podaje jej pola (entity_id, brightness, ...). Po upływie czasu lub przy nowym alercie pozostaje niewykonana. Tylko przez zdarzenie esp_screens_show_alert."
         }
       },
       "endings": {
@@ -1266,15 +1271,22 @@
         "forecast": "Prognoza pogody",
         "graph": "Wykres",
         "sunpath": "Tor słońca",
+        "live": "Obraz na żywo",
+        "live_hint": "Mały obraz z kamery w miejscu ikony, odświeżany w tempie poniżej, dopóki strona jest na ekranie. Dotknięcie nadal otwiera go na pełnym ekranie.",
+        "live_needs_firmware": "Obraz na żywo wymaga firmware 0.2.77 lub nowszego: po zapisaniu naciśnij Aktualizuj przy ekranie.",
         "no_graph": "Home Assistant nie ma wartości liczbowych dla tej encji, więc wykres pozostanie pusty. Wybierz inny widok.",
         "no_forecast": "Ta usługa pogodowa nie ma prognozy dziennej w Home Assistant. Wybierz inny widok."
       },
+      "refresh": {
+        "label": "Odświeżanie",
+        "seconds": "Co {n} s"
+      },
       "size": {
         "label": "Rozmiar",
         "single": "Normalny",
         "wide": "Podwójna szerokość",
         "full": "Cała strona",
-        "full_hint": "Cała strona: jeden duży przycisk, który świeci, gdy encja jest włączona; suwak, przyciski lub wykres są na jego dole.",
+        "full_hint": "Cała strona: jeden duży przycisk w kolorze kafelka; suwak, przyciski lub wykres są na jego dole.",
         "needs_firmware": "Kafelek na całą stronę wymaga wersji firmware 0.2.62: najpierw naciśnij „Aktualizuj” przy tym ekranie."
       },
       "page": {

screen_manager/translations/pt.json

@@ -448,6 +448,7 @@
         "builtin_action": "Um cartão integrado não pode executar ações.",
         "no_mini_slider": "Esta entidade não suporta um controlo deslizante pequeno.",
         "history_hours": "Histórico: escolha 1, 6 ou 24 horas.",
+        "refresh": "Imagem ao vivo: atualiza a cada 15 ou 30 segundos.",
         "watch_or_slider": "Escolha valor grande ou controlo deslizante pequeno.",
         "no_direct_control": "Esta entidade não suporta esse controlo direto.",
         "position": "Posição de mosaico inválida; recarregue a página de gestão.",
@@ -739,6 +740,10 @@
         "camera": {
           "label": "Câmara",
           "help": "Uma entidade de câmara ou de imagem. Um Guition com firmware 0.2.57+ mostra a imagem desse momento no topo do cartão; um toque nela abre a câmara em ecrã inteiro. Os outros ecrãs mostram o alerta sem ela. Só através do evento esp_screens_show_alert."
+        },
+        "action": {
+          "label": "Ação",
+          "help": "Uma ação do Home Assistant, como script.open_gate ou light.turn_off, executada uma vez quando o botão é premido em qualquer ecrã. `data` dá os seus campos (entity_id, brightness, ...). Um tempo esgotado ou um novo alerta deixa-a por executar. Só através do evento esp_screens_show_alert."
         }
       },
       "endings": {
@@ -1266,15 +1271,22 @@
         "forecast": "Previsão do tempo",
         "graph": "Gráfico",
         "sunpath": "Trajetória do sol",
+        "live": "Imagem ao vivo",
+        "live_hint": "Uma pequena imagem da câmara no lugar do ícone, atualizada ao ritmo abaixo enquanto a página está no ecrã. Um toque continua a abri-la em ecrã inteiro.",
+        "live_needs_firmware": "Uma imagem ao vivo precisa do firmware 0.2.77 ou mais recente: prima Atualizar no ecrã depois de guardar.",
         "no_graph": "O Home Assistant não tem valores numéricos para esta entidade, por isso o gráfico fica vazio. Escolha outra apresentação.",
         "no_forecast": "Este serviço meteorológico não tem previsão diária no Home Assistant. Escolha outra apresentação."
       },
+      "refresh": {
+        "label": "Atualizar",
+        "seconds": "A cada {n} s"
+      },
       "size": {
         "label": "Tamanho",
         "single": "Normal",
         "wide": "Largura dupla",
         "full": "Página inteira",
-        "full_hint": "Página inteira: um botão grande que se ilumina enquanto está ligado; em baixo fica um controlo deslizante, controlos ou um gráfico.",
+        "full_hint": "Página inteira: um botão grande na cor do próprio mosaico; em baixo ficam um deslizador, controlos ou um gráfico.",
         "needs_firmware": "Um mosaico de página inteira precisa do firmware 0.2.62: prima primeiro Atualizar na lista de ecrãs."
       },
       "page": {