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]>

tools/abzeichen-bauen.mjs

@@ -0,0 +1,172 @@
+/* =====================================================================
+   tools/abzeichen-bauen.mjs — das Abzeichen der Benachrichtigungen.
+
+   WAS EIN ABZEICHEN IST, UND WAS NICHT
+
+   Eine Benachrichtigung hat unter Android ZWEI Bilder:
+
+     `icon`   — das bunte Symbol im aufgeklappten Meldungskasten.
+     `badge`  — das winzige Zeichen oben in der Statusleiste, 24 dp.
+
+   Vom `badge` benutzt das System AUSSCHLIESSLICH den Alphakanal und
+   malt ihn einfarbig weiß. Alles Bunte daran geht verloren.
+
+   Bis zum 29.09.2026 stand dort `workspace-192.png` — ein
+   vollflächiges, quadratisches Bild OHNE Transparenz. Dessen
+   Alphakanal ist überall voll. In der Statusleiste erschien deshalb
+   ein ausgefüllter Klotz und kein Zeichen. Das fällt nicht als Fehler
+   auf, weil nichts abstürzt; es sieht nur billig aus.
+
+   ---------------------------------------------------------------------
+   WARUM EINE FLÄCHE UND KEIN STRICHBILD
+
+   Drei Fassungen gebaut und bei echter Größe verglichen, statt zu
+   raten:
+
+     A) die Tinte des Logos (Strichbild)  — bei 24 px ein Gekrissel
+     B) dieselbe, verdickt                — besser, immer noch unruhig
+     C) der geschlossene Umriss, gefüllt  — trägt
+
+   Die Ohrkerbe des Huskys ist bei 512 px zwei Prozent der Breite. Bei
+   24 px ist sie ein halber Pixel und wird zu Grau. Eine Fläche
+   überlebt das Verkleinern, ein Strich nicht.
+
+   ---------------------------------------------------------------------
+   EIN ABZEICHEN FÜR BEIDE HÄUSER — UND ZWAR ABSICHTLICH
+
+   Crew und Agentur sind getrennt, und das gilt auch hier: Das bunte
+   `icon` ist je Haus ein anderes (crew-192 / workspace-192). Das
+   Abzeichen ist es NICHT, und das ist keine vergessene Trennung.
+
+   Es ist 24 Pixel groß und einfarbig. Der Unterschied zwischen den
+   beiden Symbolen ist die Chili der Agentur — bei 24 px ein Fleck von
+   zwei Pixeln, der nicht als Chili lesbar ist, sondern als Schmutz
+   neben dem Kopf. Der Husky ist die Marke beider Häuser; ihn zu
+   teilen verrät nichts über das jeweils andere.
+
+   ---------------------------------------------------------------------
+   WARUM DAS EIN SKRIPT IST UND KEIN EINMALIGER HANDGRIFF
+
+   Ändert sich das Logo, wird das Abzeichen mit einem Befehl neu
+   gebaut. Ein von Hand zugeschnittenes PNG wäre in dem Moment eine
+   Kopie, die niemand mehr pflegt — dieselbe Falle wie eine
+   abgeschriebene Liste.
+
+       node tools/abzeichen-bauen.mjs
+   ===================================================================== */
+
+import { spawnSync } from "node:child_process";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+import { existsSync, statSync } from "node:fs";
+
+const HIER = dirname(fileURLToPath(import.meta.url));
+const REPO = join(HIER, "..");
+const QUELLE = join(REPO, "assets", "img", "marke", "logo-kopf-frei.png");
+const ZIEL = join(REPO, "assets", "img", "abzeichen-96.png");
+
+/* Die Rechnung steht in Python, weil dort Pillow liegt — Node hat im
+   Haus keine Bildbibliothek, und eine dafür zu installieren wäre eine
+   Abhängigkeit für 40 Zeilen. */
+const RECHNUNG = String.raw`
+import sys
+from collections import deque
+from PIL import Image
+import numpy as np
+
+quelle, ziel = sys.argv[1], sys.argv[2]
+i = Image.open(quelle).convert("RGBA")
+
+# DIE ZEICHNUNG STECKT IM ALPHAKANAL. Gemessen: RGB ist in dieser
+# Datei ueberall schwarz, das weisse Fell ist DURCHSICHTIG, nicht
+# weiss. Wer hier auf Helligkeit schwellt, bekommt ein leeres Bild.
+tinte = np.array(i.split()[3]) > 90
+h, w = tinte.shape
+if not tinte.any():
+    sys.exit("Die Quelle hat keine Zeichnung im Alphakanal.")
+
+# ---- Von aussen fluten: was der Rand erreicht, ist aussen ----------
+aussen = np.zeros((h, w), bool)
+st = deque()
+for x in range(w):
+    for y in (0, h - 1):
+        if not tinte[y, x] and not aussen[y, x]:
+            aussen[y, x] = True; st.append((y, x))
+for y in range(h):
+    for x in (0, w - 1):
+        if not tinte[y, x] and not aussen[y, x]:
+            aussen[y, x] = True; st.append((y, x))
+while st:
+    y, x = st.pop()
+    for dy, dx in ((1, 0), (-1, 0), (0, 1), (0, -1)):
+        ny, nx = y + dy, x + dx
+        if 0 <= ny < h and 0 <= nx < w and not tinte[ny, nx] and not aussen[ny, nx]:
+            aussen[ny, nx] = True; st.append((ny, nx))
+voll = ~aussen
+
+# ---- Nur die groesste zusammenhaengende Flaeche -------------------
+# Im Logo liegen unter dem Kinn 18 lose Sprenkel. Bei 512 px sind sie
+# Beiwerk, bei 24 px sind sie Schmutz neben dem Zeichen. Gezaehlt
+# statt weggefiltert: Ein Filter muesste raten, wie dick ein Sprenkel
+# hoechstens ist.
+marke = np.zeros((h, w), np.int32)
+nr, gr = 0, {}
+for sy in range(h):
+    for sx in range(w):
+        if voll[sy, sx] and marke[sy, sx] == 0:
+            nr += 1; n = 0
+            s2 = deque([(sy, sx)]); marke[sy, sx] = nr
+            while s2:
+                y, x = s2.pop(); n += 1
+                for dy, dx in ((1, 0), (-1, 0), (0, 1), (0, -1)):
+                    ny, nx = y + dy, x + dx
+                    if 0 <= ny < h and 0 <= nx < w and voll[ny, nx] and marke[ny, nx] == 0:
+                        marke[ny, nx] = nr; s2.append((ny, nx))
+            gr[nr] = n
+best = max(gr, key=gr.get)
+kopf = Image.fromarray(((marke == best) * 255).astype(np.uint8), "L")
+
+# ---- Zuschneiden, mittig, etwas Luft ------------------------------
+k = kopf.getbbox()
+aus = kopf.crop(k)
+s = max(aus.size); rand = int(s * 0.06)
+feld = Image.new("L", (s + 2 * rand, s + 2 * rand), 0)
+feld.paste(aus, (rand + (s - aus.width) // 2, rand + (s - aus.height) // 2))
+
+# ---- 96 px, weiss, Form im Alphakanal -----------------------------
+maske = feld.resize((96, 96), Image.LANCZOS)
+bild = Image.new("RGBA", (96, 96), (255, 255, 255, 255))
+bild.putalpha(maske)
+bild.save(ziel, optimize=True)
+
+deckung = (np.array(maske) > 127).sum() / (96 * 96)
+print("  %d Flaechen, %d Sprenkel verworfen, Deckung %.0f %%"
+      % (nr, nr - 1, 100 * deckung))
+# DIE ZAHL GEHOERT IN DIE BEDINGUNG. Ein Abzeichen, das 2 % deckt, ist
+# ein Staubkorn; eines mit 90 % ist der Klotz, den wir gerade
+# abschaffen. Beides faellt hier auf, nicht erst auf dem Telefon.
+if not (0.15 <= deckung <= 0.75):
+    sys.exit("Deckung %.0f %% liegt ausserhalb des Sinnvollen." % (100 * deckung))
+`;
+
+if (!existsSync(QUELLE)) {
+  console.error(`Die Quelle fehlt: ${QUELLE}`);
+  process.exit(2);
+}
+
+const lauf = spawnSync("python", ["-c", RECHNUNG, QUELLE, ZIEL], { encoding: "utf8" });
+if (lauf.error?.code === "ENOENT") {
+  /* DER DRITTE AUSGANG. „Python ist nicht da" ist etwas anderes als
+     „das Abzeichen ist falsch" — und darf nicht wie ein Befund
+     aussehen. */
+  console.error("Python ist auf diesem Rechner nicht im Pfad — das Abzeichen "
+    + "wurde NICHT neu gebaut. Die vorhandene Datei bleibt, wie sie ist.");
+  process.exit(2);
+}
+if (lauf.stdout) process.stdout.write(lauf.stdout);
+if (lauf.status !== 0) {
+  console.error(lauf.stderr?.trim() || "Der Bau ist gescheitert.");
+  process.exit(1);
+}
+const gross = statSync(ZIEL).size;
+console.log(`  ${ZIEL.replace(REPO, "").replace(/\\/g, "/")} — ${gross} Bytes`);