Zahlen bekommen eine Oberflaeche, das Dashboard bekommt Zahlen

Der Server konnte seit gestern rechnen -- und niemand konnte etwas
eintragen. Ein Rechenwerk ohne Oberflaeche ist kein Modul, sondern ein
Versprechen. Das ist jetzt eingeloest:

  * leistung.html: Wochenkarten (Wert, Vergleich zur Vorwoche,
    Verlaufslinie), Ziele als Fortschrittsbalken, die letzten 14 Tage
    zum Eintragen -- auch die LEEREN, denn eine Luecke ist selbst die
    Auskunft. Import aus dem TikTok-Export mit Vorschau VOR dem
    Schreiben.
  * Kachel "Zahlen" als erste der Gruppe "Rund um den Creator", eigenes
    Zeichen (steigende Linie, kein zweites Balkendiagramm).
  * Dashboard: jede Creator-Karte traegt jetzt Diamanten, LIVE-Tage und
    Verweildauer. Bis heute zeigte sie ausschliesslich ARBEIT -- ein
    Creator konnte null ueberfaellige Aufgaben haben und gleichzeitig
    seit drei Wochen einbrechen, und die Karte sah tadellos aus.
  * Die Fruehwarnung steht oben im Dashboard. Sechs benannte Signale im
    Klartext mit Beleg, bewusst OHNE Punktzahl -- ein Wert wie
    "Abwanderungsrisiko 73" klingt nach Wissenschaft und ist eine
    Behauptung, der man nicht widersprechen kann.
  * chat.html?mit=<person>: der Weg von der Warnung ins Gespraech. Gab
    es vorher nicht; ein Hinweis ohne Weg dahin ist nur ein schlechtes
    Gewissen.

GEFUNDEN VON DEN PRUEFUNGEN, nicht von der Theorie:

  1. Die Verlaufslinie zeichnete fuer vier der sieben Groessen NICHTS.
     Der Server liefert im Verlauf nur drei Reihen; fuer den Rest kam
     undefined an. `=== null` faengt das nicht, Number(undefined) ist
     NaN, und ein <polyline points="NaN,NaN"> ist im DOM vorhanden und
     auf dem Bildschirm unsichtbar -- ohne Fehlermeldung. Die Pruefung
     misst deshalb die PUNKTE, nicht die Anwesenheit des Elements.
  2. Fuenf Schriftgroessen im CHAT lagen unter 11,5 px (.68/.7 rem) und
     waren seit vorgestern drin. Die Grundlinie der Groessenpruefung
     stand auf 43, gemessen wurden 48. Nicht die Grundlinie angehoben,
     sondern die fuenf Stellen behoben: Eine Grundlinie, die mitwaechst,
     ist keine mehr.

pruef-leistung-optik.mjs: 57 Pruefungen, zwei echte Browser, Gegenprobe
zu jeder Aussage -- auch dazu, dass die Vorschau vor dem Bestaetigen
wirklich noch nichts geschrieben hat und dass ein Creator seine Zahlen
zwar SIEHT, sie aber weder eintragen noch die Fruehwarnung ueber sich
lesen kann (auch nicht ueber eine von Hand gebaute Anfrage).

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

workspace/assets/js/uebersicht.js

@@ -66,7 +66,65 @@
     return a;
   }
 
-  function karte(c, checkGesamt, eigen) {
+  /* ---------- Die Zahlen in der Karte -------------------------------------
+
+     Bis zum 06.09.2026 zeigte diese Karte ausschliesslich ARBEIT:
+     überfällig, offen, in Arbeit, im Review. Über das GESCHÄFT stand
+     hier nichts -- und damit fehlte ausgerechnet die Zeile, wegen der
+     man ein Dashboard aufmacht. Ein Creator konnte null überfällige
+     Aufgaben haben und gleichzeitig seit drei Wochen einbrechen; die
+     Karte sah dann tadellos aus.
+
+     Drei Zahlen, nicht sieben: Diamanten (das Ergebnis), LIVE-Tage (die
+     Anwesenheit) und die Verweildauer (die Leitgrösse, an der der
+     Algorithmus alles aufhängt). Alles Weitere steht eine Seite weiter.
+     Eine Karte, die alles zeigt, zeigt nichts. */
+  const zahlDe = (n) => Number(n || 0).toLocaleString('de-DE');
+
+  function dauerKurz(s) {
+    if (s === null || s === undefined) return '–';
+    const m = Math.floor(s / 60);
+    return m ? `${m}:${String(Math.round(s % 60)).padStart(2, '0')}` : `${Math.round(s)}s`;
+  }
+
+  function zahlenZeile(z, creatorId) {
+    const a = el('a', 'kzahlen');
+    a.href = `leistung.html?creator=${creatorId}`;
+
+    /* KEINE ZAHLEN IST EINE EIGENE AUSSAGE, keine Null. Wer hier "0
+       Diamanten" schreibt, behauptet eine Messung, die es nicht gab --
+       und der Betreuer sucht danach den Einbruch statt den fehlenden
+       Export. */
+    if (!z || !z.tage_erfasst) {
+      a.dataset.leer = 'ja';
+      a.append(el('span', 'kzahlen__leer', 'Für diese Woche sind noch keine Zahlen erfasst'));
+      return a;
+    }
+
+    const feld = (name, text, extra) => {
+      const s = el('span', 'kzahlen__feld');
+      s.append(el('span', 'kzahlen__name', name));
+      s.append(el('span', 'kzahlen__wert', text));
+      if (extra) s.append(extra);
+      return s;
+    };
+
+    /* Der Vergleich zur Vorwoche steht DIREKT an der Zahl. Ohne ihn ist
+       "1.240" eine Behauptung; mit ihm ist es eine Auskunft. */
+    let wandel = null;
+    if (z.wandel_diamanten?.prozent !== undefined) {
+      const p = z.wandel_diamanten.prozent;
+      wandel = el('span', 'kzahlen__wandel', `${p > 0 ? '+' : ''}${p} %`);
+      wandel.dataset.richtung = p > 0 ? 'hoch' : p < 0 ? 'runter' : 'gleich';
+    }
+
+    a.append(feld('Diamanten', zahlDe(z.diamanten), wandel));
+    a.append(feld('LIVE-Tage', `${z.gueltige_tage} / 7`));
+    a.append(feld('Ø Verweildauer', dauerKurz(z.verweildauer_s)));
+    return a;
+  }
+
+  function karte(c, checkGesamt, eigen, zahlen) {
     const k = el('article', 'creator');
     if (c.ueberfaellig > 0 || c.dringend > 0) k.dataset.achtung = 'ja';
 
@@ -114,6 +172,8 @@
     werte.append(wert(c.erledigt30, 'erledigt 30 T.', 'aufgaben.html'));
     k.append(werte);
 
+    k.append(zahlenZeile(zahlen, c.id));
+
     /* Start-Check als Balken statt als Zahl -- "4 von 16" liest man,
        ein Viertel gefuellt sieht man. */
     const check = el('a', 'fortschritt');
@@ -173,6 +233,57 @@
     s.hidden = false;
   }
 
+  /* ---------- Die Frühwarnung ---------------------------------------------
+
+     Sechs benannte Signale, jedes im Klartext und mit Beleg. Bewusst
+     keine Punktzahl: "Abwanderungsrisiko 73" klingt nach Wissenschaft,
+     ist aber eine Behauptung, der man nicht widersprechen kann. Sechs
+     Sätze, die man einzeln bestreiten kann, sind ehrlicher -- und
+     handlungsfähiger, denn jeder sagt schon, was zu tun wäre. */
+  async function fruehwarnungLaden() {
+    let d;
+    try {
+      const a = await hole('/workspace/api/fruehwarnung');
+      if (!a.ok) return;                    /* still bleiben, nicht stören */
+      d = await a.json();
+    } catch { return; }
+
+    const leute = d.creator || [];
+    if (!leute.length) return;              /* nichts zu melden ist kein Block */
+
+    const ziel = $('warnliste');
+    ziel.textContent = '';
+
+    for (const c of leute) {
+      const k = el('article', 'warnkarte');
+
+      const kopf = el('div', 'warnkarte__kopf');
+      const name = el('a', 'warnkarte__name', c.name);
+      name.href = `leistung.html?creator=${c.id}`;
+      kopf.append(name);
+      /* Der Weg zum Gespräch steht gleich daneben. Bei vier der sechs
+         Signale ist "einmal schreiben" die richtige nächste Handlung --
+         und ein Hinweis ohne Weg dahin ist nur ein schlechtes
+         Gewissen. */
+      const schreiben = el('a', 'warnkarte__weg', 'Schreiben');
+      schreiben.href = `chat.html?mit=${c.id}`;
+      kopf.append(schreiben);
+      k.append(kopf);
+
+      const liste = el('ul', 'warnkarte__signale');
+      for (const s of c.signale || []) {
+        const li = el('li', 'warnsignal');
+        li.dataset.art = s.art;
+        li.append(el('span', 'warnsignal__text', s.text));
+        if (s.beleg) li.append(el('span', 'warnsignal__beleg', s.beleg));
+        liste.append(li);
+      }
+      k.append(liste);
+      ziel.append(k);
+    }
+    $('fruehwarnung').hidden = false;
+  }
+
   (async () => {
     let ich;
     try {
@@ -229,6 +340,23 @@
 
     summenZeigen(creator);
 
+    /* Die Zahlen kommen aus EINER zusätzlichen Abfrage für alle Creator,
+       nicht aus einer je Karte. Bei zwölf Creators wären das zwölf
+       Anfragen, die alle dasselbe tun -- und die Seite stünde so lange
+       halb leer.
+
+       Und sie darf nicht scheitern dürfen: Wenn das Zahlen-Modul
+       stolpert, bleibt die Übersicht wie vorher stehen, nur ohne die
+       drei Zeilen. Eine leere Seite wäre der schlechtere Ausgang. */
+    let zahlenNach = new Map();
+    try {
+      const a = await hole('/workspace/api/leistung');
+      if (a.ok) {
+        const z = await a.json();
+        zahlenNach = new Map((z.creator || []).map((c) => [c.id, c]));
+      }
+    } catch { /* die Karten stehen auch ohne */ }
+
     /* Wo etwas brennt, steht oben. Sortiert wird nach dem, was Handlung
        verlangt -- nicht alphabetisch. Bei Gleichstand dann doch nach
        Namen, damit die Reihenfolge stabil bleibt. */
@@ -237,9 +365,16 @@
       || String(a.name).localeCompare(String(b.name), 'de'));
 
     const box = el('div', 'creator-liste');
-    for (const c of sortiert) box.append(karte(c, d.check_gesamt || 16, eigen));
+    for (const c of sortiert) {
+      box.append(karte(c, d.check_gesamt || 16, eigen, zahlenNach.get(c.id)));
+    }
     ziel.append(box);
 
+    /* Zum Schluss, und ohne await davor: Die Karten sollen nicht auf die
+       Frühwarnung warten. Sie schiebt sich oben ein, wenn sie da ist --
+       für einen Creator kommt sie nie (der Server liefert ihm nichts). */
+    if (!eigen) fruehwarnungLaden();
+
     if (d.stand) {
       /* Der Server schickt UTC. zeitpunkt() darf hier NICHT genommen
          werden -- das schneidet die Zeichenkette nur auf und zeigte im