Benachrichtigungen: die Reaction laedt ein, jedes Haus bekommt sein Gesicht -- und die Videos haengen nicht mehr

Filipe, 29.09.2026: „ich will dass du die benarichtigungen
perfektionierst. dogfather und alle anderen sollen die
benachrichtigungen perfekt von dieser seite hier bekommen."
Und dazu, mit einer Bildschirmaufnahme: „wieso haengen die videos
immer."

=====================================================================
1. WARUM DIE VIDEOS HAENGEN -- zwei Zeilen, eine Rueckkopplung
=====================================================================

Die Aufnahme zeigt den YouTube-Zaehler bei 0:13 von 31:34, vier
Bilder lang unbewegt, in der Mitte der Ladering.

  a) `hostMelden()` rechnete `laeuft = getPlayerState() === 1`.
     Zustand 3 heisst PUFFERN -- „ich will spielen, mir fehlen
     gerade Daten". Der Host meldete in diesem Moment „laeuft
     nicht", und zwar sofort, weil `onStateChange` bei jedem
     Zustandswechsel meldet.

  b) `empfaenger()` fuegt den Host ausdruecklich hinzu, und
     `folgen(d)` lief im Ereignisstrom fuer alle -- auch fuer ihn.
     Seine eigene Meldung kam zurueck und traf dort auf
         if (!stand.laeuft && getPlayerState() === 1) pauseVideo();

  Der Host puffert eine halbe Sekunde, laeuft weiter -- und wird vom
  Echo seines eigenen Pufferers angehalten. Bei einem 31-Minuten-Video
  passiert das in den ersten Sekunden zuverlaessig.

  Und alle Zuschauer bekamen bei JEDEM Pufferer des Hosts ein
  Pause-Play-Paar. Das ist das Ruckeln, das man fuer die eigene
  Leitung haelt.

GEMESSEN, NICHT HERGELEITET (mess-reaktion):
    vorher   Host=laeuft -> Pufferer gemeldet -> Host=pause
    nachher  Host=laeuft -> Pufferer gemeldet -> Host=laeuft

Drei neue Messungen, jede mit Gegenprobe:
  · ein gemeldeter Pufferer haelt den Host nicht an
  · ein ECHTES Anhalten (Knopf gedrueckt) haelt alle an -- sonst
    waere das Erste mit kaputtem Gleichlauf bezahlt
  · beim Puffern meldet der Server `laeuft=true`; ist der Pufferer
    nicht herzustellen, sagt die Messung das (dritter Ausgang)
Beide Behebungen einzeln zurueckgenommen: beide Male rot.

Die erste Fassung der Gegenprobe war selbst falsch -- sie hielt das
Selbstheilen des Systems (der Host meldet alle fuenf Sekunden die
Wahrheit) fuer einen Fehler. Deshalb drueckt sie jetzt den Knopf,
statt eine Meldung zu faelschen.

=====================================================================
2. DIE REACTION LAEDT EIN
=====================================================================

Nachgemessen war `workspace-reaktion.js` STUMM: kein einziges
`benachrichtige`. Beim Einschalten lief `melden("reaktion", ...)`
ueber den Ereignisstrom -- also nur an Leute, die die Seite ohnehin
offen haben. Das Kino machte auf, und die Einladung verliess das Haus
nie. Dasselbe Muster wie bei den Bewerbungen am 23.09.

Neue Art `reaktion_live`, eigene neben `dogfather_live`: Das eine ist
sein Stream auf TikTok, das andere das Kino hier im Haus.

Eingeladen wird, wer ein Geraet hat und NICHT der Agentur gehoert
(`AGENTUR_ROLLEN` -- keine neue Liste). Nicht der, der eingeschaltet
hat. Und nicht zweimal: Eine Bremse von zwei Stunden faengt den
Neustart ab, denn das Merkmal haengt an `gestartet_am` und das wird
bei jedem Wechsel nach live neu gesetzt.

Geprueft Ende zu Ende in pruef-reaktion (+10): Sendung geht auf
Sendung, danach stehen genau fuenf Einladungen in `push_verschickt` --
rechte Hand, linke Hand, Modi, zweimal Community. Nicht der Host,
nicht die Creatorin. Einladung abgeschaltet: sechs Fehlschlaege.

=====================================================================
3. DARF DAS NACHTS KOMMEN? -- drei Antworten statt zwei
=====================================================================

Hier stand `art === "test" || art === "anruf"`, 230 Zeilen von der
Artenliste entfernt. Am 18.09. hat das eine Nacht lang alle Anrufe
verschluckt; behoben wurde damals dieser eine Fall.

GEMESSEN AM LIVE-BESTAND: `dogfather_live` ging an allen sieben
Abenden vom 22. bis 28.09. zwischen 20:28 und 21:06 raus -- jedes Mal
knapp vor der Sperre um 22 Uhr. Geht Filipe einmal um 22:05 live,
bekommt niemand etwas, und niemand erfaehrt warum.

`ruhe` steht jetzt an der ART:
  "immer" (Vorgabe)  22-7 gesperrt   -- Erinnerungen
  "spaet"            nur 1-7         -- etwas laeuft GERADE
  "nie"              nie             -- ein Mensch wartet am Hoerer

=====================================================================
4. JEDES HAUS BEKOMMT SEIN GESICHT
=====================================================================

Im Service Worker stand fest `workspace-192.png`. Von acht Menschen
mit angemeldetem Geraet gehoeren fuenf ins Crew-Haus -- die sahen auf
jeder Benachrichtigung das Symbol des Hauses, in dem sie nicht
arbeiten.

Entschieden wird es auf dem SERVER: Im Browser stuende sonst die
verborgene Crew-Adresse in einer Datei ohne Anmeldung (der Befund vom
21.09. bei crew-haus.css) -- und es waere eine zweite Fassung der
Hausteilung. Zweistufig, beide Stufen gibt es schon: die Zielseite,
wenn sie in genau ein Haus gehoert (GEHOERT_ZU_ADRESSE), sonst
`AGENTUR_ROLLEN`.

=====================================================================
5. DAS ABZEICHEN WAR EIN KLOTZ
=====================================================================

`badge` ist das winzige Zeichen in der Statusleiste; Android benutzt
davon NUR den Alphakanal. Dort stand dasselbe `workspace-192.png` --
ein vollflaechiges Quadrat ohne Transparenz, also ein ausgefuellter
Klotz. Es stuerzt nichts ab, deshalb faellt es niemandem auf.

`assets/img/abzeichen-96.png`: der gefuellte Umriss des Huskys, weiss
auf durchsichtig, 3,5 KB. Drei Fassungen gebaut und bei ECHTER Groesse
(24 px) verglichen -- Strichbild zerfaellt, Flaeche traegt.

`server/helfer-png-alpha.mjs` liest den Alphakanal wirklich (PNG
auspacken, Zeilenfilter zuruecknehmen). Eine Pruefung auf „die Datei
gibt es" haette den Klotz nie gefunden -- die Datei gab es ja. Die
Gegenprobe ist der alte Zustand selbst: dieselbe Rechnung meldet auf
`workspace-192.png` „kein Alphakanal, Deckung 100 %".

Das Abzeichen liegt NICHT bei den App-Symbolen -- `pruef-struktur`
verlangt dort zu jedem Namen den vollen Satz und hielt es fuer eine
neue App. Der Waechter hat recht: Ein Abzeichen ist kein App-Symbol.

=====================================================================
Gemessen: mess-reaktion 0, pruef-reaktion 393/0 (+10),
pruef-push-ziel 38/0 (+27), pruef-push 24/0, pruef-push-weg 20/0,
pruef-glocke 36/0, pruef-struktur 44/0, pruef-haus-trennung 100/0.

Co-Authored-By: Claude Opus 5 <[email protected]>

server/mess-reaktion.mjs

@@ -393,6 +393,150 @@ if (stehen) {
   ausgang = 1;
 }
 
+/* =====================================================================
+   HAENGT DAS VIDEO? -- der Host darf sich nicht selbst anhalten
+   ===================================================================== */
+console.log("");
+console.log("=== Der Gleichlauf des Videos ===");
+{
+  /* Wie ein Pufferer aussieht, wenn er gemeldet wird: `laeuft:false`
+     bei einem Spieler, der in Wahrheit laeuft. Genau das schickt
+     `hostMelden()` im YouTube-Zustand 3. */
+  const pufferer = (seite) => seite.evaluate(async () => {
+    const stelle = document.getElementById("video-platz")?.dataset.spieler;
+    const a = await fetch("/workspace/api/reaktion/video", {
+      method: "POST", credentials: "same-origin",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ laeuft: false, sekunde: 7 }),
+    });
+    return { vorher: stelle, code: a.status };
+  });
+
+  const stand = (seite) => seite.evaluate(
+    () => document.getElementById("video-platz")?.dataset.spieler || "(nichts)");
+
+  /* Erst sicherstellen, dass ueberhaupt etwas laeuft -- sonst misst
+     die Pruefung ein stehendes Video und nennt das Erfolg. */
+  const vorHost = await stand(host.seite);
+  const vorZu = await stand(zuschauer.seite);
+  console.log(`   Vorher: Host=${vorHost}  Zuschauerin=${vorZu}`);
+  const laeuftVorher = (w) => w === "laeuft" || w === "puffert";
+  if (!laeuftVorher(vorHost) || !laeuftVorher(vorZu)) {
+    console.log("   ACHTUNG: Vor der Messung laeuft schon nichts -- "
+      + "die Frage laesst sich so nicht beantworten.");
+    ausgang = 1;
+  } else {
+    const p = await pufferer(host.seite);
+    console.log(`   Ein Pufferer wird gemeldet: ${p.code}`);
+    await host.seite.waitForTimeout(2000);
+    await zuschauer.seite.waitForTimeout(500);
+
+    const nachHost = await stand(host.seite);
+    const nachZu = await stand(zuschauer.seite);
+    console.log(`   Danach: Host=${nachHost}  Zuschauerin=${nachZu}`);
+
+    /* DER BEFUND. Der Host hat nichts angehalten -- er hat nur
+       gemeldet, dass gerade Daten fehlen. Steht sein Video danach,
+       hat sein eigenes Echo es angehalten. */
+    if (!laeuftVorher(nachHost)) {
+      console.log("   ACHTUNG: Der Host haelt sich selbst an. Ein kurzer "
+        + "Pufferer meldet 'laeuft nicht', das Echo kommt zurueck und "
+        + "drueckt Pause -- deshalb haengt das Video.");
+      ausgang = 1;
+    }
+
+    /* ---- DIE GEGENPROBE: ein ECHTES Anhalten wirkt weiter ------
+       Ohne sie waere „der Host folgt sich nicht selbst" womoeglich
+       mit einem kaputten Gleichlauf fuer alle bezahlt.
+
+       GEDRUECKT WIRD DER KNOPF, nicht eine Meldung gefaelscht. Bei
+       einem echten Anhalten meldet der Host durchgehend „steht" --
+       die Antwort haengt damit nicht am Zufall seines
+       Fuenf-Sekunden-Taktes. Die erste Fassung dieser Gegenprobe hat
+       genau daran Alarm geschlagen: Sie hielt das Selbstheilen des
+       Systems fuer einen Fehler. */
+    await host.seite.evaluate(() => document.getElementById("v-spiel")?.click());
+    await host.seite.waitForTimeout(1800);
+    const haltHost = await stand(host.seite);
+    const haltZu = await stand(zuschauer.seite);
+    console.log(`   Host haelt wirklich an: Host=${haltHost}  Zuschauerin=${haltZu}`);
+    if (haltHost === "laeuft" || haltZu === "laeuft") {
+      console.log("   ACHTUNG: Ein echtes Anhalten des Hosts kommt nicht an -- "
+        + "dann laeuft niemand mehr synchron.");
+      ausgang = 1;
+    }
+
+    /* Und wieder los, mit demselben Knopf. */
+    await host.seite.evaluate(() => document.getElementById("v-spiel")?.click());
+    await host.seite.waitForTimeout(2000);
+    const weiterHost = await stand(host.seite);
+    const weiterZu = await stand(zuschauer.seite);
+    console.log(`   Und wieder los: Host=${weiterHost}  Zuschauerin=${weiterZu}`);
+    if (!laeuftVorher(weiterHost) || !laeuftVorher(weiterZu)) {
+      console.log("   ACHTUNG: Nach dem Anhalten laeuft es nicht wieder an.");
+      ausgang = 1;
+    }
+
+    /* ---- DER KERN: was meldet der Host, WAEHREND er puffert? ----
+       Die beiden Teile darueber pruefen die Folge. Sie blieben auch
+       gruen, wenn der Host beim Puffern weiter „steht" meldete --
+       die Zuschauer ruckelten dann bei jedem Pufferer, und niemand
+       saehe es hier.
+
+       Puffern wird hergestellt: weit nach vorn springen, wohin noch
+       nichts geladen ist. Ob das GELINGT, ist nicht sicher -- auf
+       einer schnellen Leitung kann der Sprung fertig sein, bevor
+       jemand hinsieht. Deshalb der dritte Ausgang. */
+    let gesehen = null;
+    for (let i = 0; i < 8 && !gesehen; i++) {
+      await host.seite.evaluate(() => {
+        for (let n = 0; n < 12; n++) document.getElementById("v-vor")?.click();
+      });
+      for (let t = 0; t < 14 && !gesehen; t++) {
+        const w = await host.seite.evaluate(() => ({
+          spieler: document.getElementById("video-platz")?.dataset.spieler,
+        }));
+        if (w.spieler === "puffert") {
+          /* SOFORT NACHSEHEN, was der Server jetzt weiss. Eine
+             Sekunde spaeter ist der Pufferer vorbei und die Antwort
+             nichts mehr wert. */
+          gesehen = await host.seite.evaluate(async () => {
+            const a = await fetch("/workspace/api/reaktion", { credentials: "same-origin" });
+            const j = await a.json();
+            return { laeuft: j.laeuft, stand: document.getElementById("video-platz")?.dataset.spieler };
+          });
+        }
+        await host.seite.waitForTimeout(120);
+      }
+    }
+    if (!gesehen) {
+      console.log("   HINWEIS: Ein Pufferer war hier nicht herzustellen "
+        + "(schnelle Leitung) -- was der Host dabei meldet, konnte ich "
+        + "nicht nachsehen.");
+      offenePunkte.push("Was der Host beim Puffern meldet, war in diesem "
+        + "Lauf nicht messbar -- der Sprung war zu schnell geladen.");
+    } else {
+      console.log(`   Beim Puffern meldet der Server: laeuft=${gesehen.laeuft} `
+        + `(Spieler: ${gesehen.stand})`);
+      if (!gesehen.laeuft) {
+        console.log("   ACHTUNG: Der Host meldet beim Puffern 'laeuft nicht'. "
+          + "Dann bekommt jeder Zuschauer bei jedem Stocken der Hostleitung "
+          + "ein Pause-Play-Paar -- das ist das Ruckeln.");
+        ausgang = 1;
+      }
+    }
+
+    /* Und wieder anlaufen lassen, damit die folgenden Messungen ein
+       laufendes Video vorfinden. */
+    await host.seite.evaluate(() => fetch("/workspace/api/reaktion/video", {
+      method: "POST", credentials: "same-origin",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ laeuft: true, sekunde: 7 }),
+    }));
+    await host.seite.waitForTimeout(1200);
+  }
+}
+
 /* ---- Die Regie ---------------------------------------------------
    NICHT UMSCHALTEN, SONDERN HERSTELLEN. Ein Klick auf „Griff" heisst
    „das Gegenteil von dem, was gerade ist" -- und setzt damit voraus,