Hochladen sieht man jetzt, Leerzustaende sagen was hingehoert

DREI BLOECKE AUS DEM PERFEKTIONSLAUF.

1. HOCHLADEN MIT FORTSCHRITT UND ABBRUCH
   Alle fuenf Wege (Dateien, Chat-Anhang, Wissen-PDF, Aufgaben-Anhang,
   Profilbild) benutzten `fetch`. Das kann beim SENDEN nicht sagen, wie
   weit es ist -- sichtbar war "wird hochgeladen …", von der ersten bis
   zur letzten Sekunde gleich. Bei 40 MB im Mobilfunknetz zwei Minuten.
   Wer das sieht, drueckt noch einmal und laedt dieselbe Datei doppelt.
   Neu: workspace/assets/js/hochladen.js (XMLHttpRequest, das Einzige,
   was `upload.onprogress` kann) samt gemeinsamer Anzeige.
   Drei Ausgaenge: fertig / abgebrochen / schiefgegangen -- und ein
   Abbruch ist KEIN Fehler und bekommt keine rote Meldung.

   DABEI AUFGEFALLEN: KEINE EINZIGE PRUEFUNG im Haus laedt eine Datei
   ueber die Oberflaeche hoch. Der ganze Umbau waere gruen gewesen,
   ohne dass ein Byte je den Weg der Nutzer gegangen waere.
   Neu: server/pruef-hochladen.mjs -- 18/0, mit echter Datei.
   Zwei Irrtuemer beim Bauen, beide gemessen statt vermutet:
     Ohne Drosselung gibt es auf localhost EINEN Fortschritt-Stand.
       Das sah nach Befund aus und war keiner. Jetzt 2 MBit/s ueber
       CDP -- derselbe Verlauf wie bei den Modis im Mobilfunk, 57
       gemessene Zwischenstaende.
     Gewartet wurde auf den Dateinamen "irgendwo im Dokument" -- der
       stand auch im Fortschrittsbalken. Die Bedingung war erfuellt,
       bevor etwas angekommen war.

2. LEERZUSTAENDE
   Elf von 18 Brettern fielen auf "Noch kein Eintrag in diesem
   Bereich" zurueck. Am ersten Tag ist ALLES leer -- wer da achtzehn
   Bretter oeffnet und achtzehnmal denselben Satz liest, lernt nichts
   ueber die Bretter, sondern dass das System kaputt ist. Jeder Satz
   sagt jetzt, was hier hingehoert UND was der naechste Schritt ist.
   Neu: server/pruef-leerzustand.mjs -- 13/0, leitet die Bretter aus
   BEREICHE ab; ein neunzehntes ohne Satz macht sie rot.

3. ABMELDEN UND KONTRASTMODUS
   Abmelden war am Handy ein 44-Pixel-Zeichen neben Glocke und Suche,
   sofort wirksam. Teurer als es aussieht: Zum Wiederanmelden braucht
   man den Zugangscode, und den gibt es EINMAL. Jetzt mit Rueckfrage,
   die genau das sagt -- und dazu, dass Zumachen reicht (12 Stunden).

   Kontrastmodus: 68 Regeln zeigen einen Zustand NUR ueber Farbe
   (35x aria-pressed, 33x data-an). Der Modus ersetzt alle Farben und
   entfernt box-shadow -- gedrueckt sah aus wie nicht gedrueckt.
   14 CSS-Dateien hatten gar keinen Block. Statt 14 Bloecke zu pflegen
   eine Regel in gate.css, die den ZUSTAND trifft statt die Datei.
   Gemessen mit forcedColors: active -- vorher ununterscheidbar,
   jetzt `solid 2px Highlight`.
   Was seinen Zustand als WORT traegt (.marke-status, .t-stufe,
   .spalte), braucht nichts -- nachgesehen, nicht vermutet.

PRUEFUNGEN, DIE AUF confirm() WARTETEN: Fuenf Dateien benutzten
`seite.once("dialog", d => d.accept())`. Playwright faengt confirm()
selbst ab, einen <dialog> nicht -- pruef-chat-anhaenge meldete acht
Fehler, keiner davon im Code. Neu: server/helfer-nachfrage.mjs, der
beide Wege kennt (auch den Notnagel fuer Safari vor 15.4).
pruef-chat-anhaenge, -ausbau, -optik und pruef-code wieder gruen.

hilfeAufraeumen bleibt ausgeschaltet -- das loescht echte Daten und
ist Filipes Entscheidung.

workspace/assets/js/chat.js

@@ -2088,29 +2088,44 @@
 
     schicktGerade = true;
     $('anhang-auf').disabled = true;
-    melde(`„${datei.name}“ wird geschickt …`, 'lauf');
+    /* Die alte Laufmeldung faellt weg -- der Balken sagt dasselbe und
+       zusaetzlich, WIE WEIT es ist. Zwei Anzeigen fuer dieselbe Sache
+       waeren Rauschen. */
+    melde('');
+    let anzeige = null;
     /* Ein angefangener Begleitsatz geht mit -- wer erst tippt und dann
        das Bild anhängt, will beides in einer Nachricht. */
     const begleittext = $('text').value.trim();
     try {
-      const a = await hole(`/workspace/api/chat/raeume/${offen.id}/anhang`, {
-        method: 'POST',
-        headers: {
+      /* MIT FORTSCHRITT UND ABBRUCH (19.09.2026). Ein Foto vom Handy
+         ist schnell vier Megabyte gross; ohne Balken sieht der Chat
+         in der Zeit aus, als sei er eingefroren. */
+      let lauf = null;
+      anzeige = hochladeAnzeige($('anhang-fortschritt'), datei.name || 'Anhang',
+        () => lauf && lauf.abbrechen());
+      lauf = hochladen(`/workspace/api/chat/raeume/${offen.id}/anhang`, datei, {
+        kopf: {
           'Content-Type': datei.type,
           /* Kopfzeilen sind streng genommen nur ASCII -- ohne die
              Kodierung käme aus "Größe.pdf" unterwegs Unsinn. */
           'X-Dateiname': encodeURIComponent(datei.name || 'anhang'),
           'X-Text': encodeURIComponent(begleittext),
         },
-        body: datei,
+        beiFortschritt: anzeige.fortschritt,
+        beiVerarbeitung: anzeige.verarbeiten,
       });
-      if (!a.ok) {
-        let grund = 'Ging nicht.';
-        try { grund = (await a.json()).fehler || grund; } catch { /* nichts Lesbares */ }
-        melde(grund);
+      const ergebnis = await lauf.fertig;
+      if (ergebnis.abgebrochen) {
+        anzeige.abschluss('Abgebrochen – nichts wurde geschickt.');
+        anzeige = null;
         return;
       }
-      const { nachricht } = await a.json();
+      if (!ergebnis.ok) {
+        melde(ergebnis.netz ? 'Keine Verbindung – der Anhang wurde nicht geschickt.'
+          : sagWas(ergebnis.daten?.fehler, 'Ging nicht.'));
+        return;
+      }
+      const { nachricht } = e.daten;
       /* Nur eintragen, wenn sie nicht schon über den Strom kam --
          sonst stünde dasselbe Foto zweimal da. */
       if (!nachrichten.some((x) => x.id === nachricht.id)) {
@@ -2127,6 +2142,9 @@
     } catch {
       melde('Keine Verbindung – der Anhang wurde nicht geschickt.');
     } finally {
+      /* Nur wegnehmen, wenn nicht gerade der Abbruch-Satz steht --
+         der bekommt seine vier Sekunden. */
+      if (anzeige) anzeige.weg();
       schicktGerade = false;
       $('anhang-auf').disabled = false;
     }