From 89155c3f2a33a2e9319c662ea2dd83fe43239eef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Przemys=C5=82aw=20Kie=C5=82kowski?= <p.kielkowski@gmx.com>
Date: Fri, 31 Jul 2026 08:16:36 +0200
Subject: [PATCH] =?UTF-8?q?Wska=C5=BAnik=20offline:=20ramka=20zamiast=20be?=
 =?UTF-8?q?lki=20+=20naprawa=20cyklicznego=20migania?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Dwa zgłoszenia z kiosku (2026-07-31):

1. BELKA ZASŁANIAŁA DANE ALS. Pełnoekranowy pasek u góry zajmował pas
   ekranu i obcinał dane informacyjne w iframe. Zastąpiony cienką pulsującą
   RAMKĄ wokół całego ekranu (pointer-events: none, niczego nie zakrywa)
   plus małą plakietką w rogu. Z daleka widoczna równie dobrze.

2. WSKAŹNIK MIGAŁ zamiast świecić ciągle. disconnectedSince było resetowane
   przy KAŻDEJ nieudanej próbie reconnectu, nie tylko przy przejściu
   połączone->rozłączone — przy odstępie ponowień > 10 s (backoff dochodzi
   do 30 s) licznik ciszy zerował się co próbę i wskaźnik cyklicznie znikał
   i wracał. Teraz znacznik początku przerwy ustawiany wyłącznie przy
   przejściu ze stanu połączonego.

   Kontekst zgłoszenia: strona działa jeszcze przeciw STAREMU LuPortowi,
   który nie ma kanału zbiorczego ani uwierzytelniania WS — połączenie pada
   ciągle (oczekiwane do czasu wdrożenia; potem wstaje bez zmian), a błąd
   zamieniał tę ciągłą przerwę w miganie.

Testy: scenariusz 7 próbkuje wskaźnik co 500 ms przez 90 s ciągłej awarii
i wymaga 100% aktywnych próbek — z błędem aktywnych było 51/182 (72% czasu
zgaszony; dokładnie zgłoszone "pojawia się i znika"). Fałszywy WebSocket
odrzuca teraz połączenia jak przeglądarka (onclose po nieudanej próbie),
więc długa przerwa z ponowieniami jest testowalna. 11/11 scenariuszy PASS,
mutacja poprawki wywraca scenariusz 7.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 README.md                                     |  29 ++++--
 als_alert_screen.html                         |  86 +++++++++++-------
 test/__pycache__/testy_ekranu.cpython-313.pyc | Bin 0 -> 10332 bytes
 test/testy_ekranu.py                          |  61 +++++++++----
 4 files changed, 118 insertions(+), 58 deletions(-)
 create mode 100644 test/__pycache__/testy_ekranu.cpython-313.pyc

diff --git a/README.md b/README.md
index 85bfd50..6baea8e 100644
--- a/README.md
+++ b/README.md
@@ -18,13 +18,15 @@ także po każdym wznowieniu połączenia.
 |----------|-------|
 | Brak maszyny w alarmie | Iframe z infoterminalem ALS |
 | Co najmniej jedna maszyna w alarmie | Ekran alarmowy z kartami maszyn |
-| Brak łączności z LuPort > 10 s | Pomarańczowy pasek u góry (na obu widokach) |
+| Brak łączności z LuPort > 10 s | Pomarańczowa pulsująca ramka wokół ekranu + plakietka w rogu (na obu widokach) |
 
 Alarm jest wykrywany, gdy pole `status` maszyny zawiera słowo **`alarm`**
 (bez rozróżnienia wielkości liter), np. `"Alarm - awaria"`, `"ALARM"`.
 
-Pomarańczowy pasek to celowo INNY kolor niż czerwień alarmów: mówi „ekran może
-pokazywać nieświeży obraz", a nie „maszyna stoi".
+Wskaźnik offline to cienka pulsująca RAMKA wokół całego ekranu plus mała
+plakietka w rogu — niczego nie zasłania (pełnoekranowa belka zakrywała dane
+ALS w iframe). Pomarańcz to celowo INNY kolor niż czerwień alarmów: mówi
+„ekran może pokazywać nieświeży obraz", a nie „maszyna stoi".
 
 ---
 
@@ -39,7 +41,7 @@ Wszystkie parametry na początku sekcji `<script>` w `als_alert_screen.html`:
 | `MACHINES` | filtr maszyn pokazywanych na ekranie; `[]` = wszystkie |
 | `WATCHDOG_SILENCE_MS` | po jakiej ciszy uznać połączenie za martwe (90 s) |
 | `STALE_MS` | po jakim czasie dane maszyny znikają z ekranu (5 min) |
-| `OFFLINE_BANNER_AFTER_MS` | po jakim czasie bez łączności pokazać pasek (10 s) |
+| `OFFLINE_BANNER_AFTER_MS` | po jakim czasie bez łączności pokazać ramkę offline (10 s) |
 
 Oba kluczowe parametry można też nadpisać w adresie strony — wygodne przy
 konfiguracji kiosku bez edycji pliku:
@@ -85,8 +87,16 @@ Strona obsługuje dwa typy ramek — obydwa tak samo (liczy się najnowszy stan)
    połączenie i wymusza reconnect.
 3. **Wygasanie danych.** Dane maszyny starsze niż 5 min znikają z ekranu —
    alarm maszyny usuniętej z widgetu ALS nie wisi w nieskończoność.
-4. **Widoczna utrata łączności.** Pasek offline + pasek statusu w rogu.
-   Ekran nigdy nie pokazuje po cichu nieświeżego obrazu.
+4. **Widoczna utrata łączności.** Pulsująca ramka offline świeci CIĄGLE
+   przez całą przerwę (znacznik początku przerwy ustawiany tylko przy
+   przejściu połączone→rozłączone — reset przy każdej nieudanej próbie
+   powodował cykliczne miganie). Ekran nigdy nie pokazuje po cichu
+   nieświeżego obrazu.
+
+   Uwaga: do czasu wdrożenia NOWEGO LuPorta ramka będzie świecić stale —
+   stary system nie ma kanału zbiorczego ani uwierzytelniania WS, więc nowa
+   strona nie ma się z czym połączyć. To oczekiwane; po przełączeniu
+   serwera na nowy system strona wstaje bez żadnych zmian.
 
 ---
 
@@ -134,9 +144,10 @@ CHROME_BIN=/usr/bin/chromium python3 test/testy_ekranu.py
 
 Deterministyczne, bez sieci: skrypt aplikacji jest wycinany z żywego
 `als_alert_screen.html`, `window.WebSocket` podmieniany na fałszywkę,
-a scenariusz (10 asercji: migawka, aktualizacje, reconnect, baner offline,
-watchdog, wygasanie danych) jedzie na wirtualnym czasie Chromium — całość
-trwa kilka sekund mimo symulowania ~6 minut.
+a scenariusz (11 asercji: migawka, aktualizacje, reconnect, ciągłość
+wskaźnika offline podczas długiej przerwy, watchdog, wygasanie danych)
+jedzie na wirtualnym czasie Chromium — całość trwa kilkanaście sekund mimo
+symulowania ~8 minut.
 
 ---
 
diff --git a/als_alert_screen.html b/als_alert_screen.html
index 726a44f..1fd9458 100644
--- a/als_alert_screen.html
+++ b/als_alert_screen.html
@@ -145,43 +145,56 @@
         text-shadow: 0 0 24px rgba(255, 0, 0, 0.6);
       }
 
-      /* ── OFFLINE BANNER ──────────────────────────── */
-      /* Widoczna z daleka informacja o utracie łączności z LuPort.
-         POMARAŃCZOWA, nie czerwona — czerwień jest zarezerwowana dla alarmów
-         maszyn; ten pasek mówi „ekran może pokazywać nieświeży obraz",
-         a nie „maszyna stoi". Poprzednia wersja tej strony traciła połączenia
-         PO CICHU (patrz README, sekcja Historia) — ten pasek jest wprost
-         wnioskiem z tamtej awarii: utrata łączności ma być widoczna z hali,
-         a nie odkrywana po fakcie. */
-      #offline-banner {
+      /* ── OFFLINE INDICATOR ───────────────────────── */
+      /* Widoczna z daleka informacja o utracie łączności z LuPort — CIENKA
+         pulsująca RAMKA wokół całego ekranu plus mała plakietka w rogu.
+         Wcześniejsza pełnoekranowa belka u góry zasłaniała dane ALS
+         w iframe (zgłoszone 2026-07-31) — ramka niczego nie zakrywa,
+         a z daleka widać ją równie dobrze. POMARAŃCZOWA, nie czerwona:
+         czerwień jest zarezerwowana dla alarmów maszyn; ramka mówi „ekran
+         może pokazywać nieświeży obraz", a nie „maszyna stoi". Utrata
+         łączności MA być widoczna z hali — poprzednia wersja strony traciła
+         połączenia po cichu (README, Historia). */
+      #offline-indicator {
         display: none;
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        z-index: 9998;
-        background: #7a4a00;
-        color: #ffd9a0;
-        border-bottom: 3px solid #ffaa33;
-        padding: 10px 24px;
-        text-align: center;
-        font-size: clamp(16px, 2vw, 28px);
-        font-weight: 700;
-        letter-spacing: 0.05em;
       }
-      #offline-banner.active {
+      #offline-indicator.active {
         display: block;
-        animation: offlineBlink 2s step-start infinite;
       }
-      @keyframes offlineBlink {
+      #offline-frame {
+        position: fixed;
+        inset: 0;
+        border: 6px solid #ffaa33;
+        pointer-events: none;
+        z-index: 9998;
+        animation: offlinePulse 2s ease-in-out infinite;
+      }
+      @keyframes offlinePulse {
         0%,
         100% {
-          background: #7a4a00;
+          border-color: #ffaa33;
+          box-shadow: inset 0 0 20px rgba(255, 170, 51, 0.25);
         }
         50% {
-          background: #9a5e00;
+          border-color: #7a4a00;
+          box-shadow: inset 0 0 6px rgba(255, 170, 51, 0.1);
         }
       }
+      #offline-chip {
+        position: fixed;
+        top: 10px;
+        right: 12px;
+        background: #7a4a00;
+        color: #ffd9a0;
+        border: 1px solid #ffaa33;
+        border-radius: 6px;
+        padding: 4px 12px;
+        font-size: 14px;
+        font-weight: 700;
+        letter-spacing: 0.05em;
+        pointer-events: none;
+        z-index: 9999;
+      }
 
       /* ── STATUS BAR ──────────────────────────────── */
       #status-bar {
@@ -222,7 +235,10 @@
       <div id="machines-grid"></div>
     </div>
 
-    <div id="offline-banner">⚠ BRAK POŁĄCZENIA Z LUPORT — DANE MOGĄ BYĆ NIEAKTUALNE ⚠</div>
+    <div id="offline-indicator">
+      <div id="offline-frame"></div>
+      <div id="offline-chip">⚠ OFFLINE — dane mogą być nieaktualne</div>
+    </div>
 
     <!-- Ten element MUSI istnieć w DOM. Poprzednia wersja miała go
          zakomentowanego, a refreshStatus() dalej po niego sięgał — TypeError
@@ -369,8 +385,14 @@
         };
 
         ws.onclose = () => {
+          // Znacznik początku przerwy ustawiany WYŁĄCZNIE przy przejściu
+          // połączone->rozłączone. Reset przy każdej NIEUDANEJ próbie
+          // reconnectu (jak wcześniej) zerował licznik ciszy co próbę i przy
+          // odstępie ponowień > 10 s wskaźnik offline cyklicznie znikał
+          // i wracał (zgłoszone 2026-07-31: „pasek pojawia się i znika") —
+          // zamiast świecić ciągle przez całą przerwę.
+          if (wsConnected) disconnectedSince = Date.now();
           wsConnected = false;
-          disconnectedSince = Date.now();
           clearTimeout(stableTimer);
           refreshStatus();
           reconnectTimer = setTimeout(connect, nextReconnectDelay());
@@ -482,11 +504,11 @@
             : "WS: rozłączono — ponawiam…";
         }
 
-        const banner = document.getElementById("offline-banner");
-        if (banner) {
+        const indicator = document.getElementById("offline-indicator");
+        if (indicator) {
           const offlineLongEnough =
             !wsConnected && Date.now() - disconnectedSince > OFFLINE_BANNER_AFTER_MS;
-          banner.classList.toggle("active", offlineLongEnough && !DEBUG_ALARM);
+          indicator.classList.toggle("active", offlineLongEnough && !DEBUG_ALARM);
         }
       }
 
diff --git a/test/__pycache__/testy_ekranu.cpython-313.pyc b/test/__pycache__/testy_ekranu.cpython-313.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..d6a0e9746eaebc8c9bd224e51ed86c00749a5070
GIT binary patch
literal 10332
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
P{WyGZJH&;LFiigsn<<$b

literal 0
HcmV?d00001

diff --git a/test/testy_ekranu.py b/test/testy_ekranu.py
index 15e0957..3d579a0 100644
--- a/test/testy_ekranu.py
+++ b/test/testy_ekranu.py
@@ -40,8 +40,9 @@ function assert(nazwa, warunek) {
 }
 const alarmActive = () => document.getElementById("alarm-view").classList.contains("active");
 const cards = () => [...document.querySelectorAll(".card-machine-id")].map(e => e.textContent);
-const bannerActive = () => document.getElementById("offline-banner").classList.contains("active");
+const offline = () => document.getElementById("offline-indicator").classList.contains("active");
 const inst = () => FakeWebSocket.instances;
+const otwarty = () => inst().find(w => w.readyState === 1);
 
 setTimeout(() => {
   assert("1. polaczenie nawiazane", inst().length === 1 && inst()[0].readyState === 1);
@@ -67,46 +68,72 @@ setTimeout(() => {
 
 setTimeout(() => {
   assert("5. maszyna spoza filtra ignorowana", !alarmActive());
+  // serwer pada NA DLUGO: kazda kolejna proba polaczenia jest odrzucana
   FakeWebSocket.autoOpen = false;
   inst()[0]._serverClose();
 }, 250);
 
-// KLUCZOWY test regresji: po zamknięciu MUSI powstać nowe połączenie.
+// KLUCZOWY test regresji starego bledu: po zamknieciu MUSI powstac nowa proba.
 setTimeout(() => {
   assert("6. reconnect zaplanowany i wykonany", inst().length >= 2);
 }, 5000);
 
+// ANTY-MIGANIE (regresja 2026-07-31): przy DLUGIEJ przerwie wskaznik ma
+// swiecic CIAGLE. Blad resetowal disconnectedSince przy kazdej nieudanej
+// probie, wiec przy odstepie ponowien > 10 s wskaznik cyklicznie znikal.
+// Probkujemy co 500 ms przez 90 s ciaglej awarii — z bledem ~30% probek
+// bylo "zgaszonych", po poprawce wszystkie musza byc aktywne.
+window.__probki = { aktywne: 0, wszystkie: 0 };
+const probkowanie = setInterval(() => {
+  window.__probki.wszystkie++;
+  if (offline()) window.__probki.aktywne++;
+}, 500);
+setTimeout(() => { window.__probki.aktywne = 0; window.__probki.wszystkie = 0; }, 20000);
 setTimeout(() => {
-  assert("7. baner offline widoczny po 10 s", bannerActive());
+  clearInterval(probkowanie);
+  const p = window.__probki;
+  assert("7. wskaznik offline swieci CIAGLE przez cala przerwe (" +
+    p.aktywne + "/" + p.wszystkie + " probek)", p.wszystkie > 100 && p.aktywne === p.wszystkie);
+  // serwer wraca — najblizsza zaplanowana proba wstanie
   FakeWebSocket.autoOpen = true;
-  inst()[inst().length-1]._open();
-  inst()[inst().length-1]._message({type:"machine_data", machine:"4.09", data:{status:"Alarm - test"}});
-}, 16000);
+}, 111000);
 
 setTimeout(() => {
-  assert("8. po powrocie: baner znika, alarm 4.09", !bannerActive() && cards().join()==="4.09");
-}, 17000);
-
-setTimeout(() => { window.__przedWatchdog = inst().length; }, 18000);
-setTimeout(() => {
-  assert("9. watchdog: cisza 100s wymusza nowe polaczenie", inst().length > window.__przedWatchdog);
-}, 125000);
+  assert("8. po powrocie serwera: polaczono, wskaznik zgaszony", !!otwarty() && !offline());
+  otwarty() && otwarty()._message({type:"machine_data", machine:"4.09", data:{status:"Alarm - test"}});
+}, 155000);
 
 setTimeout(() => {
-  assert("10. przeterminowany alarm znika z ekranu", !alarmActive());
+  assert("9. alarm po powrocie widoczny", alarmActive() && cards().join()==="4.09");
+  window.__przedWatchdog = inst().length;
+}, 156000);
+
+// cisza > 90 s -> watchdog ubija polaczenie, reconnect wstaje od reki
+setTimeout(() => {
+  assert("10. watchdog: cisza wymusza nowe polaczenie", inst().length > window.__przedWatchdog);
+}, 270000);
+
+// dane 4.09 z t=155 s bez odswiezenia -> po 5 min znikaja z ekranu
+setTimeout(() => {
+  assert("11. przeterminowany alarm znika z ekranu", !alarmActive());
   document.getElementById("wynik").textContent += "\\nKONIEC";
-}, 340000);
+}, 470000);
 """
 
 FAKE_WS = """
 class FakeWebSocket {
   static instances = [];
+  // true  = polaczenie wstaje (serwer dziala)
+  // false = polaczenie ODRZUCANE po chwili (serwer lezy / zly adres) —
+  //         przegladarka w tej sytuacji wola onclose, wiec fake tez musi,
+  //         inaczej nie da sie przetestowac dlugiej przerwy z ponowieniami.
   static autoOpen = true;
   constructor(url) {
     this.url = url;
     this.readyState = 0;
     FakeWebSocket.instances.push(this);
     if (FakeWebSocket.autoOpen) setTimeout(() => this._open(), 5);
+    else setTimeout(() => this._serverClose(), 5);
   }
   _open() {
     if (this.readyState !== 0) return;
@@ -141,7 +168,7 @@ def zbuduj_harness() -> str:
     markup = re.sub(r'src="http://[^"]*"', 'src="about:blank"', markup)
     return f"""<!doctype html><html><head><meta charset="utf-8"><style>
 #alarm-view{{display:none}} #alarm-view.active{{display:flex}}
-#offline-banner{{display:none}} #offline-banner.active{{display:block}}
+#offline-indicator{{display:none}} #offline-indicator.active{{display:block}}
 </style></head><body>
 {markup}
 <pre id="wynik"></pre>
@@ -175,7 +202,7 @@ def main() -> int:
                 "--headless",
                 "--disable-gpu",
                 "--no-sandbox",
-                "--virtual-time-budget=350000",
+                "--virtual-time-budget=480000",
                 "--dump-dom",
                 f"file://{harness}",
             ],