Telefonieren ging nur ueber UDP -- und die Seite sprang immer hoch

=== 1. WARUM TELEFONIEREN NICHT GING ===

Filipe: "es klingelt erscheint auch alles bei jedem aber telefonieren
klappt immer noch nicht."

GEMESSEN, BEVOR ETWAS GEAENDERT WURDE -- und alles war gruen:

  coturn laeuft                 aktiv
  STUN von aussen               antwortet, nennt meine oeffentliche Adresse
  echte Zuteilung von aussen    7/7, Testpaket kam an (Port 49183)
  Dreier-Anruf im Prueflauf     verbindet, alle hoeren alle

Vier Messungen, vier Mal in Ordnung -- und das Telefon ging trotzdem
nicht. Der Grund: Der Prueflauf faehrt BEIDE Seiten auf demselben
Rechner. Dort finden sie sich ueber die direkte Adresse, und die
Vermittlung wird nie gebraucht. Draussen sitzen sie in verschiedenen
Netzen.

DER FUND: Eingetragen war eine einzige Adresse --

    turn:159.195.212.167:3478

Ein `turn:` OHNE `?transport=` heisst UDP, und nur UDP. Nachgemessen
hoert coturn aber auf beidem: 3478/UDP offen, 3478/TCP offen (5349/TLS
ist zu). Angeboten wurde nur der halbe Server.

Wer in einem Netz sitzt, das UDP nach draussen sperrt -- Mobilfunk mit
strengem Profil, Gast-WLAN, Firmennetz --, bekam damit KEINEN
Vermittlungsweg. Es klingelt (das laeuft ueber die Website, also ueber
443), und danach passiert nichts. Genau das gemeldete Bild.

Aus einem Eintrag werden jetzt drei Wege:
  stun:host:port                die eigene Adresse finden, ohne Vermittlung
  turn:host:port?transport=udp  der schnelle Weg
  turn:host:port?transport=tcp  der Weg durch fast jede Sperre

ABGELEITET, NICHT EINGETRAGEN: Drei Zeilen von Hand waeren drei
Stellen, an die beim naechsten Serverumzug jemand denken muesste --
die abgeschriebene Liste, die hier schon zweimal teuer war. Ein
Eintrag MIT `?transport=` bleibt unangetastet, ein fremder Dienst mit
eigenem Passwort sowieso.

pruef-turn-wege (neu, 15/0) sichert beides: dass jeder Weg herauskommt
UND dass jeder turn:-Weg Zugangsdaten traegt. Das Zweite ist das
wichtigere -- auffaechern ohne anmelden haette den Fehler nur
verschoben.

=== 2. DIE SEITE SPRANG BEIM ZURUECKGEHEN IMMER HOCH ===

Filipe: "das nervt man muss dan immer wieder runter scrollen bis man
da ist wo man vorher war."

Der Browser versucht es sogar -- scrollRestoration steht ab Werk auf
"auto". Nur: Jede Seite hier kommt fast leer an und holt ihren Inhalt
danach per Abruf. In dem Moment, in dem der Browser die alte Position
wiederherstellen will, ist das Dokument ein paar hundert Pixel hoch.
Er kann nicht auf Zeile 900 springen, die es noch nicht gibt -- und er
versucht es kein zweites Mal.

Jetzt macht es kopf.js selbst (gilt damit auf allen 21 Seiten): Stelle
merken beim Verlassen, beim Oeffnen zurueckholen und jeden Bildaufbau
lang versuchen, bis das Dokument hoch genug ist. Nach drei Sekunden
wird aufgegeben.

Drei Dinge sind Absicht:
  - NUR beim Zurueckgehen, nicht bei jedem Oeffnen. Wer eine Kachel
    anklickt, will oben anfangen.
  - WER SELBST SCROLLT, GEWINNT. Rad, Wisch oder Taste beenden das
    Nachspringen sofort.
  - Nach einer Stunde vergessen -- auf Zeile 900 zu landen, weil man
    gestern dort war, ist keine Hilfe.

=== 3. DIE LISTE IST NACH ROLLE GETRENNT ===

Filipe: "die rechte hand rolle immer zuerst und dan die modis. die
sollen auch schoen getrennt sein und verschieden aussehen also die
rechte hand viel spezieller."

Die Reihenfolge macht der Server ueber ROLLEN_SORTIERUNG -- dieselbe
Konstante wie ueberall sonst im Haus, nicht eine zweite. Eine
Sortierung nach ROLLE ist ausdruecklich keine Rangliste: Sie sagt
nichts darueber, wie gut jemand ist, nur welche Aufgabe er hat.
Deshalb steht ueber jeder Gruppe ein Satz und keine Zahl.

"Spezieller" heisst hier Material, nicht Groesse: eigener Farbton als
Kante und Schimmer, hellere Flaeche, kraeftigerer Name. Beide Karten
sind GLEICH GROSS und tragen dieselben Zeilen -- zwei Sorten Aufgabe,
keine Rangfolge. Im Kontrastmodus traegt eine doppelte Kante die
Unterscheidung, weil dort keine Farbe mehr wirkt.

=== 4. DER ANRUFKASTEN ===

Vorher: vier gleich aussehende Pillen nebeneinander, darunter eine
Geraeteauswahl, die das breiteste Element war. Kein Name, keine
Ordnung, und der einzige Knopf mit Folgen sah aus wie die anderen.

  - MAN SAH NICHT, MIT WEM. Der wichtigste Satz eines Telefonats fehlte.
    Der Chat kennt den Namen und gibt ihn jetzt mit; wer rangeht, sieht
    den Anrufer.
  - "MIKRO AN" WAR ZWEIDEUTIG -- "ist an" oder "schalt an"? Wer falsch
    raet, sitzt stumm da. Jetzt traegt ein durchgestrichenes Zeichen
    den Zustand, das Wort nur die Sache. aria-pressed bleibt die
    Wahrheit, auch fuer Vorleseprogramme.
  - DIE GERAETEAUSWAHL liegt hinter einem kleinen Knopf, der nur
    erscheint, wenn es ueberhaupt etwas zu waehlen gibt.
  - AUFLEGEN ist als einziger Knopf farbig und steht immer rechts.
  - Ein ruhiger Puls atmet, solange die Verbindung aufbaut, und haelt
    an, sobald sie steht. Bei prefers-reduced-motion steht er still.

=== NEBENBEFUND, DEN DIE PRUEFUNG GEFUNDEN HAT ===

pruef-anruf wurde durch die Auffaecherung an vier Stellen rot: Sie
griff `adressen[0]` und erwartete dort Zugangsdaten. Das ist jetzt der
STUN-Weg, und der hat richtigerweise keine. Gesucht wird nicht mehr
nach PLATZ, sondern nach ART -- ein Index ist eine Annahme darueber,
wie die Liste aussieht, und die hat sich gerade geaendert.

Dazu angepasst: Die Pruefung "die Uhr laeuft" verlangte, dass die Uhr
schon beim Klingeln zaehlt. Seit heute frueh beginnt sie beim
Rangehen (sonst standen im Kasten und im Chat zwei verschiedene
Zahlen). Sie prueft jetzt das Gegenteil -- statt sie zu streichen,
denn eine Zeile weniger haette den Fehler beim naechsten Umbau wieder
durchgelassen.

GEMESSEN: pruef-anruf 114/0 (vorher 111 -- drei MEHR, weil die
Auffaecherung mitgeprueft wird), pruef-turn-wege 15/0,
pruef-meldungen 8/0, pruef-css-klassen ALLES IN ORDNUNG,
pruef-rechtetafel 19/0.

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

server/workspace-turn.js

@@ -181,3 +181,105 @@ export function mitZugangsdaten(liste, kennung, jetzt = Date.now(),
     grund: "",
   };
 }
+
+/* =====================================================================
+   EIN EINTRAG, DREI WEGE — 19.09.2026
+
+   Filipe: „es klingelt erscheint auch alles bei jedem aber telefonieren
+   klappt immer noch nicht."
+
+   ---------------------------------------------------------------------
+   WAS GEMESSEN WURDE, BEVOR ETWAS GEÄNDERT WURDE
+
+   Der Reihe nach, und jeder Schritt war grün:
+
+     coturn läuft                        aktiv
+     STUN von außen                      antwortet, nennt meine Adresse
+     echte Zuteilung von außen           7 von 7 Prüfungen, Paket kam an
+     Dreier-Anruf im Prüflauf            verbindet, alle hören alle
+
+   Es war also weder der Server noch die Logik. Der Unterschied zwischen
+   Prüflauf und Wirklichkeit ist das NETZ: Im Prüflauf sitzen beide
+   Seiten auf demselben Rechner und finden sich über die direkte
+   Adresse. Draußen sitzen sie in verschiedenen Netzen.
+
+   ---------------------------------------------------------------------
+   DER FUND
+
+   Eingetragen war genau eine Adresse:
+
+       turn:159.195.212.167:3478
+
+   Ein `turn:` OHNE `?transport=` heißt **UDP**. Nachgemessen hört
+   coturn aber auf beidem: 3478/UDP offen, 3478/TCP offen (5349/TLS ist
+   zu). Angeboten wurde nur der UDP-Weg.
+
+   Wer in einem Netz sitzt, das UDP nach draußen sperrt — Mobilfunk mit
+   strengem Profil, Gast-WLAN, Firmennetz, manche Hotspots —, bekommt
+   damit KEINEN Vermittlungsweg. Es klingelt (das läuft über die
+   Website, also über 443), und danach passiert nichts. Genau das
+   Bild, das Filipe beschreibt.
+
+   ---------------------------------------------------------------------
+   WARUM ABGELEITET UND NICHT EINGETRAGEN
+
+   Man könnte die drei Zeilen von Hand in die Einstellung schreiben.
+   Dann stünden dort drei Adressen, die denselben Host meinen, und beim
+   nächsten Serverumzug müsste jemand an drei Stellen denken — die
+   abgeschriebene Liste, die dieses Haus schon zweimal teuer bezahlt
+   hat.
+
+   Stattdessen: Aus einem eingetragenen `turn:host:port` entstehen
+   automatisch
+
+     stun:host:port                  damit jeder seine öffentliche
+                                     Adresse findet (das ist der Weg,
+                                     der in den meisten Fällen reicht
+                                     und KEINE Vermittlung kostet)
+     turn:host:port?transport=udp    der schnelle Weg
+     turn:host:port?transport=tcp    der Weg, der durch fast jede
+                                     Sperre kommt
+
+   Wer eine Adresse MIT `?transport=` einträgt, meint sie genau so —
+   die bleibt unangetastet. Und ein fremder Dienst mit eigenem Passwort
+   sowieso (siehe mitZugangsdaten).
+
+   DIE REIHENFOLGE IST ABSICHT: STUN zuerst, dann UDP, dann TCP. Der
+   Browser probiert alle gleichzeitig und nimmt den ersten, der trägt —
+   aber bei Gleichstand gewinnt der frühere, und TCP-Vermittlung ist
+   der langsamste der drei.
+   ===================================================================== */
+
+/** Aus jedem schlichten `turn:`-Eintrag drei Wege machen.
+ *
+ *  @param liste  wie eingetragen
+ *  @returns {object[]} die erweiterte Liste
+ */
+export function wegeAusfaechern(liste) {
+  const rein = Array.isArray(liste) ? liste : [];
+  const raus = [];
+  const schon = new Set();
+  const dazu = (e) => {
+    const s = String(e?.urls || "");
+    if (!s || schon.has(s)) return;
+    schon.add(s);
+    raus.push(e);
+  };
+
+  for (const e of rein) {
+    const url = String(e?.urls || "");
+    const m = /^turn:([^?]+)$/.exec(url);
+    /* Kein schlichter turn:-Eintrag -- unverändert übernehmen. Das
+       trifft stun:, turns:, alles mit ?transport= und jeden fremden
+       Dienst mit eigenen Zugangsdaten. */
+    if (!m || e?.credential) { dazu(e); continue; }
+
+    const ziel = m[1];
+    /* STUN braucht keine Anmeldung und bekommt deshalb auch keine --
+       mitZugangsdaten lässt stun:-Einträge ohnehin in Ruhe. */
+    dazu({ urls: `stun:${ziel}` });
+    dazu({ ...e, urls: `turn:${ziel}?transport=udp` });
+    dazu({ ...e, urls: `turn:${ziel}?transport=tcp` });
+  }
+  return raus;
+}