Backstage: eine Tabelle einfuegen, alle Creator auf einmal

Filipe: "mach diesen ganzen plan jetzt sofort auf einen schlag fertig."

Das ist Stufe 0 des Plans vom 10.09. -- der Teil, der ohne TikTok
auskommt und deshalb sofort baubar war.

WARUM EINFUEGEN UND NICHT ABRUFEN. Die Recherche vom 10.09. ergab:
TikTok LIVE Backstage hat keine Schnittstelle und keinen Export (zwei
unabhaengige Quellen), und in der offiziellen Scope-Liste von TikTok
gibt es nichts zu LIVE, Diamanten oder Netzwerkdaten. Was es gibt, ist
eine Tabelle im Browser. Also: markieren, kopieren, einfuegen. Kein
Token, kein Zugangsdatum, keine Erweiterung, die Backstages interne
Abfragen mitliest -- letzteres waere ein Verstoss gegen die
Nutzungsbedingungen und riskiert ausgerechnet das Netzwerkkonto.

DER UNTERSCHIED ZUM VORHANDENEN IMPORT ist genau eine Frage: Zu wem
gehoert diese Zeile? Der alte Weg nimmt eine Datei fuer EINEN Creator,
Backstage zeigt ALLE. Zugeordnet wird ueber `personen.tiktok` -- den
oeffentlichen Namen ohne @, den es im Steckbrief laengst gibt. Ohne @,
ohne Gross-/Kleinschreibung, ohne unsichtbare Zeichen aus der
Zwischenablage; faellt das aus, ueber den angezeigten Namen. Beides
ergebnislos -> die Zeile wird GEMELDET, nicht geraten. Eine falsch
zugeordnete Zahl ist schlimmer als eine fehlende, weil die fehlende
auffaellt.

DER TABULATOR WAR DER GANZE KNACKPUNKT. `csvZerlegen` kannte nur Komma
und Semikolon. Eine aus dem Browser kopierte Tabelle ist aber
TAB-getrennt -- ohne diese Zeile waere alles in Spalte 1 gelandet und
die Vorschau haette "keine Datumsspalte" gemeldet: eine richtige
Meldung auf eine falsche Faehrte. Gewaehlt wird jetzt das HAEUFIGSTE
der drei Zeichen, nicht das erste gefundene.

WAS NICHT PASSIERT, und genau das ist geprueft:
  - unbekannte Person -> gemeldet mit Namen, nicht geraten
  - Zeile ohne eine einzige Zahl -> uebersprungen (sie wuerde sonst
    einen echten Tag mit Nullen ueberschreiben)
  - Datum in der Zukunft -> abgelehnt
  - dieselbe Tabelle zweimal -> ersetzt, verdoppelt nicht
  - eine von Hand geschriebene Notiz -> ueberlebt den Import
  - es wird niemand nebenbei angelegt
  - kein Datum in der Tabelle und keines angegeben -> es wird GEFRAGT

NEUE PRUEFUNG (pruef-backstage-import, 29 Pruefungen) mit einer echten,
tab-getrennten Backstage-artigen Tabelle: drei Creator, einer davon
ohne Handle, einer mit abweichender Schreibweise, einer gar nicht im
Haus.

DREI EIGENE FEHLER, alle von der Pruefung gefunden:
  * Die Spaltenerkennung nahm nur EINE Personenspalte. Ein Creator ohne
    Handle fiel als "keine Person in der Zeile" durch, obwohl sein Name
    danebenstand. Jetzt werden beide Spalten gemerkt und je Zeile
    nacheinander versucht.
  * Ein Scout bekam 400 statt 403 -- er kam durch `darfEintragen`
    (das Scouts einschliesst) und scheiterte erst daran, dass er keinen
    der Creator sieht. Richtige Antwort aus dem falschen Grund. Der
    Netzwerk-Weg haengt jetzt an `istLeitung`, genau wie der Knopf.
  * Die Vorschau meldete "2 von 3" statt "3 von 4" -- Folge des ersten
    Fehlers.

Der Fusstext der Seite nannte zwei Wege, es sind jetzt drei. Ein Text,
der etwas anderes sagt als die Software tut, ist schlimmer als keiner.

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

workspace/assets/js/leistung.js

@@ -175,6 +175,12 @@
     ziel.textContent = '';
     const z = stand?.ziele;
     $('ziele-aendern').hidden = !darfEintragen();
+    /* Der Backstage-Weg gilt fuer ALLE Creator auf einmal -- deshalb
+       nur fuer die Leitung, nicht fuer einen Scout, der ohnehin nur
+       seine eigenen sieht. Der Server prueft dasselbe; hier geht es
+       darum, niemandem einen Knopf hinzustellen, der eine Absage
+       bringt. */
+    $('netz-oeffnen').hidden = !LEITUNG.has(ich?.rolle);
 
     if (!z || (!z.diamanten && !z.tage && !z.verweildauer)) {
       ziel.append(el('p', 'leistung__leer',
@@ -542,6 +548,95 @@
   $('tag-form').addEventListener('submit', tagSpeichern);
   $('tag-zu').addEventListener('click', () => $('tag-dialog').close());
   $('tag-loeschen').addEventListener('click', tagLoeschen);
+  /* =====================================================================
+     DIE BACKSTAGE-TABELLE — Vorschau und Übernahme
+     ===================================================================== */
+  async function netzVorschau() {
+    const text = $('netz-text').value.trim();
+    $('netz-fehler').textContent = '';
+    if (!text) { $('netz-vorschau').hidden = true; $('netz-los').disabled = true; return; }
+
+    const a = await hole('/workspace/api/leistung/netzwerk-import/vorschau', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ text, tag: $('netz-tag').value || null }),
+    }).catch(() => null);
+    if (!a) return;
+    const d = await a.json().catch(() => ({}));
+
+    if (!a.ok) {
+      $('netz-vorschau').hidden = true;
+      $('netz-los').disabled = true;
+      $('netz-fehler').textContent = d.fehler || 'Die Tabelle konnte nicht gelesen werden.';
+      /* Fehlt nur der Tag, ist das kein Fehler, sondern eine Frage --
+         also wird das Feld hervorgehoben statt nur gemeckert. */
+      if (d.braucht_tag) $('netz-tag').focus();
+      return;
+    }
+
+    const v = $('netz-vorschau');
+    v.textContent = '';
+    v.hidden = false;
+
+    const zeile = (text2, art) => {
+      const p = document.createElement('p');
+      p.className = 'import-vorschau__zeile';
+      if (art) p.dataset.art = art;
+      p.textContent = text2;
+      v.append(p);
+    };
+
+    zeile(`${d.zugeordnet} von ${d.zugeordnet + d.unbekannt.length} Zeilen zugeordnet`
+      + ` · ${d.neu} neu, ${d.ersetzt} werden ersetzt`, d.zugeordnet ? 'gut' : 'warn');
+    zeile(`Erkannte Spalten: ${Object.keys(d.spalten).join(', ') || 'keine'}`
+      + (d.aus_tabelle ? ' · Datum aus der Tabelle' : ' · Datum aus dem Feld oben'));
+
+    /* DIE UNBEKANNTEN SIND DER WICHTIGE TEIL. Wer sie übersieht, hat
+       stillschweigend Leute ausgelassen -- und merkt es erst, wenn die
+       Zahlen nicht stimmen. Deshalb stehen sie mit Namen da und nicht
+       als Zahl. */
+    if (d.unbekannt.length) {
+      zeile(`Nicht zugeordnet (${d.unbekannt.length}): ${d.unbekannt.slice(0, 8).join(', ')}`
+        + (d.unbekannt.length > 8 ? ' …' : ''), 'warn');
+      zeile('Diese Namen stehen bei keinem Creator im Feld „TikTok" im Steckbrief. '
+        + 'Dort eintragen – danach werden sie beim nächsten Mal gefunden.', 'still');
+    }
+    if (d.probleme_gesamt) {
+      zeile(`${d.probleme_gesamt} Zeile(n) übersprungen:`, 'warn');
+      for (const p of d.probleme) zeile(`Zeile ${p.zeile}: ${p.grund}`, 'still');
+    }
+    for (const b of d.beispiele) {
+      const zahlen = Object.entries(b)
+        .filter(([k]) => !['creator_id', 'name', 'tag'].includes(k))
+        .filter(([, w]) => w !== null && w !== undefined)
+        .map(([k, w]) => `${k} ${w}`).join(' · ');
+      zeile(`${b.name} · ${b.tag} · ${zahlen}`, 'still');
+    }
+
+    $('netz-los').disabled = d.zugeordnet === 0;
+  }
+
+  async function netzUebernehmen(ereignis) {
+    ereignis.preventDefault();
+    $('netz-los').disabled = true;
+    const a = await hole('/workspace/api/leistung/netzwerk-import', {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        text: $('netz-text').value, tag: $('netz-tag').value || null,
+      }),
+    }).catch(() => null);
+    if (!a) { $('netz-los').disabled = false; return; }
+    const d = await a.json().catch(() => ({}));
+    if (!a.ok) {
+      $('netz-fehler').textContent = d.fehler || 'Übernehmen ging nicht.';
+      $('netz-los').disabled = false;
+      return;
+    }
+    $('netz-dialog').close();
+    melde(`${d.geschrieben} Zeile(n) übernommen`
+      + (d.unbekannt?.length ? ` · ${d.unbekannt.length} nicht zugeordnet` : ''));
+    await laden();
+  }
+
   $('ziele-aendern').addEventListener('click', zieleOeffnen);
   $('ziele-form').addEventListener('submit', zieleSpeichern);
   $('ziele-zu').addEventListener('click', () => $('ziele-dialog').close());
@@ -555,6 +650,24 @@
   $('datei').addEventListener('change', dateiGewaehlt);
   $('import-form').addEventListener('submit', importUebernehmen);
 
+  /* ---------- Die Backstage-Tabelle ------------------------------------ */
+  $('netz-oeffnen').addEventListener('click', () => {
+    $('netz-vorschau').hidden = true;
+    $('netz-los').disabled = true;
+    $('netz-fehler').textContent = '';
+    $('netz-text').value = '';
+    $('netz-dialog').showModal();
+    $('netz-text').focus();
+  });
+  $('netz-zu').addEventListener('click', () => $('netz-dialog').close());
+  /* Beim EINFÜGEN sofort nachsehen -- nicht erst auf einen Knopf warten.
+     Wer eine Tabelle einfügt, will wissen, ob sie erkannt wurde; ein
+     zweiter Klick dazwischen ist nur eine Gelegenheit, es nicht zu tun. */
+  $('netz-text').addEventListener('paste', () => setTimeout(netzVorschau, 60));
+  $('netz-text').addEventListener('change', netzVorschau);
+  $('netz-tag').addEventListener('change', netzVorschau);
+  $('netz-form').addEventListener('submit', netzUebernehmen);
+
   (async () => {
     try {
       const a = await hole('/workspace/api/ich');