Der Handy-Durchgang: drei echte Bedienfehler, alle vom selben Ursprung

Filipe: "ich will dass du die komplette seite auf dem handy abcheckst.
ich will dass alles perfekt aussieht und bedienbar ist."

DER SCHWERSTE FUND: Auf ZWOELF Seiten war der "Meine Sicht"-Umschalter
nicht bedienbar -- wer darauf tippte, landete im Chat.

Bei 412 px (der haeufigsten Android-Breite ueberhaupt) brach die
Kopfleiste nicht um, der Umschalter wurde auf 50 px zusammengedrueckt,
sein Knopf behielt aber seine 104 px Mindestbreite und lag damit quer
ueber dem Chat-Knopf. Sichtbar war davon nichts.

Und die Ursache steht seit dem 05.09. woertlich im Kommentar daneben:
"Die Rechnung ging genau auf, solange rechts VIER Dinge standen. Mit der
Glocke sind es FUENF, und bei 320 px passte es nicht mehr." Am 06.09.
habe ich den Chat-Knopf dazugesetzt -- SECHS -- und die Schwelle bei 380
gelassen. Derselbe Fehler, eine Position weiter.

Die Lehre ist nicht "380 auf 430 erhoehen"; das waere er ein drittes
Mal, nur mit einer anderen Zahl. Eine feste Schwelle ist eine Rechnung,
die jemand einmal aufgestellt hat und die beim naechsten Knopf still
falsch wird. `flex-wrap: wrap` OHNE Schwelle rechnet nicht, sondern
misst -- es bricht genau dann um, wenn der Platz nicht reicht.

DASSELBE NOCH EINMAL, am anderen Ende: Bei 1280 px brauchte die Leiste
1235 px (Marke 375 + Bedienelemente 844 + Abstand 16) und hatte 1200.
Auch hier war der Chat-Knopf der Tropfen. Sie brach um, sobald das
Skript die Bedienelemente eingehaengt hatte, und schob die ganze Seite
52 px nach unten -- CLS 0,94. Jetzt gibt die MARKE nach (sie darf
gekuerzt werden, ein Knopf nicht), und umgebrochen wird nur noch auf
sehr schmalen Geraeten.

WEITERE ECHTE FUNDE:
  * /workspace/api/chat/ungelesen wurde auf JEDER Seite ZWEIMAL geholt:
    einmal beim Laden, einmal Millisekunden spaeter beim Aufgehen des
    Ereignisstroms. Der 'open'-Zuhoerer war fuer Wiederverbindungen
    gedacht und feuerte auch beim ersten Mal.
  * Drei Kacheln teilten sich einen Farbton mit einer anderen (18 Farben
    auf 21 Kacheln). Filipe wollte ausdruecklich, dass jede ihre eigene
    hat. Nicht eine Farbe dazuerfunden -- der ganze Farbkreis ist mit
    tools/kachel-farben.mjs neu in 21 geteilt; kleinster Abstand zweier
    Nachbarn jetzt 120 Grad (vorher 106). Dabei fiel eine feste 16 in
    der Mischschleife auf: Bei 18 Kacheln wurden die letzten beiden nie
    mitgemischt.
  * Der Agentur-Untertitel wurde auf dem Handy abgeschnitten.
  * Ein zugeklappter <details>-Kasten (Kalender-Abo) verdeckte einen
    Filter-Chip: Chromium versteckt dessen Inhalt ueber
    `content-visibility`, nicht ueber `display` -- die Kaesten behalten
    eine Groesse. Dieselbe Falle wie bei den Zeitbloecken, dieselbe
    Loesung.

UND DREI PRUEFUNGEN, DIE SELBST FALSCH LAGEN:
  * "achtzehn Kacheln" stand als feste Zahl im Test. Eine Pruefung, die
    bei jeder neuen Kachel rot wird, erzieht dazu, ihr Rotwerden zu
    ignorieren. Sie zaehlt jetzt aus bereiche.js.
  * "das Licht der Kalender-Kachel (tuerkis) muss mehr Blau als Rot
    haben" -- Wissen von aussen, und nach dem Neurechnen war der
    Kalender rosa. Gemessen wird jetzt gegen den Ton der Kachel selbst.
  * pruef-workspace-umzug meldete sein Ergebnis in eigenen Worten. Der
    Gesamtlauf las daraus NULL Pruefungen und schrieb bei JEDEM Lauf ein
    FEHL, obwohl alle 31 Punkte bestanden. Ein Fehlalarm, der immer
    kommt, macht den einen echten unsichtbar.

Und weil "BUTTON 'Meine Sicht' verdeckt" mich eine Stunde gekostet hat,
sagen pruef-handy und pruef-tempo jetzt DAZU, was verdeckt und was
springt -- mit Elternkette und Koordinaten. Ein Befund, den man nicht
verorten kann, ist ein halber.

NEU: der Kalender zum Abonnieren (Stufe 3.2). Persoenlicher, jederzeit
widerrufbarer Link fuer Google, Apple und Outlook. 36 Pruefungen, die
das ICS ZURUECKLESEN statt es anzusehen -- entfaltet, entschluesselt,
verglichen. Wichtigster Punkt: Der Weg ohne Anmeldung darf nichts
zeigen, was der Weg mit Anmeldung nicht zeigt.

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

server/pruef-handy.mjs

@@ -241,12 +241,70 @@ const messen = () => ({
       if (r.top < 0 || r.bottom > window.innerHeight) return false;
       const st = getComputedStyle(e);
       if (st.display === "none" || st.visibility === "hidden" || st.pointerEvents === "none") return false;
+      /* NICHT ZAEHLEN, WAS IN EINEM ZUGEKLAPPTEN <details> STECKT.
+         Chromium versteckt dessen Inhalt ueber `content-visibility`,
+         nicht ueber `display` -- die Kaesten behalten deshalb eine
+         Groesse und sehen fuer jede Messung aus wie sichtbare
+         Bedienelemente. Am 06.09.2026 meldete das einen "verdeckten"
+         Knopf, den auf dem Bildschirm niemand sehen konnte. Eine
+         Warnung ueber etwas Unsichtbares gewoehnt man sich ab zu
+         lesen. */
+      if (e.closest("details:not([open])")) return false;
       const oben = document.elementFromPoint(r.left + r.width / 2, r.top + r.height / 2);
       return oben && oben !== e && !e.contains(oben) && !oben.contains(e);
     })
-    .map((e) => `${e.tagName}"${(e.textContent || "").trim().slice(0, 16)}"`)
+    /* WER verdeckt WEN, und wo. Vorher stand hier nur der Name des
+       verdeckten Knopfes -- eine Meldung wie `BUTTON"Meine Sicht"` sagt,
+       DASS etwas nicht stimmt, und laesst einen danach raten, WAS
+       darueberliegt. Ich habe daran am 06.09.2026 eine Stunde gesucht.
+       Ein Befund, den man nicht verorten kann, ist ein halber Befund. */
+    .map((e) => {
+      const r = e.getBoundingClientRect();
+      const oben = document.elementFromPoint(r.left + r.width / 2, r.top + r.height / 2);
+      const kette = (x) => {
+        const a = [];
+        for (let v = x; v && a.length < 4; v = v.parentElement) {
+          a.push(v.tagName + (v.className && typeof v.className === "string"
+            ? "." + v.className.split(" ")[0] : ""));
+        }
+        return a.join("<");
+      };
+      const q = oben ? oben.getBoundingClientRect() : null;
+      return `${kette(e)} "${(e.textContent || "").trim().slice(0, 16)}" `
+        + `[${Math.round(r.left)},${Math.round(r.top)} ${Math.round(r.width)}x${Math.round(r.height)}]`
+        + ` <- verdeckt von ${oben ? kette(oben) : "?"}`
+        + (q ? ` [${Math.round(q.left)},${Math.round(q.top)} ${Math.round(q.width)}x${Math.round(q.height)}]` : "");
+    })
     .slice(0, 3),
 
+  /* DIE GEOMETRIE DER KOPFLEISTE, aber nur wenn etwas nicht stimmt.
+
+     Am 06.09.2026 meldete diese Pruefung auf zwoelf Seiten "BUTTON
+     'Meine Sicht' verdeckt" -- und mehr nicht. Ich habe danach eine
+     Stunde gesucht, weil aus der Meldung nicht hervorging, WAS
+     darueberlag und bei WELCHER Breite. Erst dieser Auszug zeigte es in
+     einer Zeile: bei 412 px stand `wrap=nowrap`, der Umschalter war auf
+     50 px zusammengedrueckt, sein Knopf 104 px breit.
+
+     Bleibt deshalb drin. Ein Befund, den man nicht verorten kann, ist
+     ein halber Befund -- und er kostet beim naechsten Mal wieder eine
+     Stunde. */
+  kopfDump: (() => {
+    const k = document.querySelector(".kopfleiste__rechts");
+    const l = document.querySelector(".kopfleiste");
+    if (!k || !l) return null;
+    const box = (e) => { const q = e.getBoundingClientRect();
+      return `${Math.round(q.left)},${Math.round(q.top)} ${Math.round(q.width)}x${Math.round(q.height)}`; };
+    const m = document.querySelector(".kopfleiste > .marke");
+    return {
+      w: window.innerWidth,
+      leiste: box(l) + " wrap=" + getComputedStyle(l).flexWrap,
+      rechts: box(k) + " wrap=" + getComputedStyle(k).flexWrap,
+      marke: m ? box(m) + " flex=" + getComputedStyle(m).flex : "keine",
+      kinder: [...k.children].map((e) => `${e.tagName}.${String(e.className||"").split(" ")[0]} ${box(e)}`),
+    };
+  })(),
+
   /* 5. Die Kopfleiste muss vollstaendig im Bild sein -- sie ist die
      einzige Stelle, ueber die man wieder wegkommt. */
   kopfDrin: (() => {
@@ -322,7 +380,8 @@ for (const [breite, hoehe, wie] of GERAETE) {
       + (r.verdeckt.length ? `\n         verdeckt: ${r.verdeckt.join(", ")}` : "")
       + (r.winzig.length ? `\n         zu kleine Schrift: ${r.winzig.join(", ")}` : "")
       + (r.kopfDrin === false ? "\n         der Abmelden-Knopf steht aus dem Bild" : "")
-      + (konsole.length ? `\n         KONSOLE: ${konsole.join(" | ")}` : ""));
+      + (konsole.length ? `\n         KONSOLE: ${konsole.join(" | ")}` : "")
+      + (!gut && r.kopfDump ? `\n         KOPF: ${JSON.stringify(r.kopfDump)}` : ""));
     if (!gut) fehler++;
 
     seite.off("console", auf);