Eigenes Profil fuer jeden - mit Bild und Kanaelen

SCREEN 1: Jeder im Workspace hat jetzt seinen eigenen Steckbrief --
Creator, Scout, Manager und DogFather gleichermassen. Ein Bild, ein Satz
ueber sich, und die Kanaele, auf denen er unterwegs ist. Er steht ganz
oben auf profil.html, ueber der Creator-Akte; die ist etwas anderes
(die fuehren die Betreuer, den Steckbrief fuehrt man selbst).

Das Bild erscheint sofort ueberall: in der Kopfleiste jeder Seite und in
der Begruessung. /api/ich liefert es deshalb gleich mit -- das spart auf
jeder Seite eine zweite Abfrage und verhindert, dass die Plakette erst
als Buchstabe erscheint und dann umspringt. Faellt das Bild aus, steht
der Buchstabe da: Er wird nicht ersetzt, sondern liegt darunter.

WARUM KEINE ECHTE TIKTOK-ANMELDUNG. "Mit TikTok verbinden" klingt nach
OAuth. Das waere: ein Entwicklerkonto mit App-Freischaltung, eine
Pruefung durch TikTok (Wochen, widerrufbar), je Person ein Zugriffstoken,
das ablaeuft, erneuert werden muss und -- wenn es abhandenkommt --
fremden Zugriff auf ein fremdes Konto bedeutet. Dafuer bekaeme man
Follower-Zahlen.

Gebraucht wird hier aber "Wer ist das, und wo finde ich ihn?". Dafuer
genuegt der oeffentliche Name. Gespeichert wird deshalb NUR das Handle --
kein Token, kein Passwort, nichts, was abhandenkommen kann. Daraus wird
ein Verweis auf den Kanal. Vier Kanaele: TikTok, Instagram, YouTube,
Twitch. Sollen spaeter echte Zahlen dazukommen, ist das ein eigenes
Vorhaben -- der Name hier bleibt dann trotzdem richtig.

Eingefuegt werden darf, was Leute wirklich in der Zwischenablage haben:
"@name", "https://www.tiktok.com/@name" oder der Name allein. Alles wird
auf den Namen zurueckgefuehrt, statt eine Fehlermeldung zu zeigen.

SICHERHEIT beim Bild -- die drei Stellen, an denen Profilbilder
typischerweise scheitern:
  1. Der Typ wird an der SIGNATUR der Datei geprueft, nicht am
     Content-Type, den der Absender behauptet. Ein umbenanntes SVG mit
     Skript darin kaeme sonst durch und liefe im Namen der Domain --
     mit der Sitzung des Betrachters.
  2. Auf der Platte bekommt jede Datei einen Zufallsnamen. Kein Name
     kann Pfade verlassen oder etwas ueberschreiben.
  3. Ausgeliefert mit nosniff und einer eigenen, alles verbietenden
     Inhaltsregel.
Das Bild liegt als Datei neben der Datenbank, nicht darin: Bilder in
SQLite blaehen jede Sicherung auf, und die laeuft jede Nacht.

Niemand schreibt einem anderen ins Profil -- auch DogFather nicht. Ein
Satz ueber sich und der eigene Kanalname gehoeren der Person. Wer wen
SEHEN darf, folgt der bekannten Regel: Leitung alle, Scout seine
Creator, Creator sich und seine Betreuer. Fremde Profile sind 404, nicht
403.

ZWEI FUNDE DURCH DIE PRUEFUNG:
- Der TikTok-Link, den die App beim Teilen kopiert, endet auf
  "?lang=de&is_from_webapp=1". Der wurde abgelehnt: "sieht nicht richtig
  aus" -- obwohl es der offizielle Link ist. Jetzt werden Parameter und
  Anker mit abgeschnitten.
- Ein zu grosses Bild ergab "500 Serverfehler" statt einer Ansage. Der
  PayloadTooLargeError lief bis in die allgemeine Fehlerbehandlung
  durch. Jetzt 413 mit dem Satz, wie viel erlaubt ist. Von Hand haette
  das vermutlich nie jemand probiert.

Vor der Schemaaenderung wurde eine geprueft vollstaendige Sicherung
gezogen (VACUUM INTO, Integritaet ok, 6 Personen).

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

server/workspace.js

@@ -147,11 +147,38 @@ function umstellungen(d) {
 
      Vier neue Spalten. ALTER TABLE ADD COLUMN laesst SQLite anstandslos
      zu; alte Eintraege bleiben leer und stoeren nicht. */
+  /* ---- Der eigene Steckbrief (01.09.2026) ------------------------------
+
+     Jede Person -- Creator, Scout, Manager, DogFather -- bekommt ein
+     eigenes Profil: ein Bild, ein Satz ueber sich, und die Kanaele, auf
+     denen sie unterwegs ist.
+
+     Warum der TikTok-Name als eigene Spalte und nicht als freier Text:
+     Er wird zu einem Verweis, taucht in der Personenliste auf und soll
+     eindeutig sein. Gespeichert wird NUR der oeffentliche Name (das
+     Handle ohne @) -- kein Zugriffstoken, kein Passwort. Eine echte
+     Anmeldung bei TikTok braucht ein Entwicklerkonto mit Freischaltung
+     und laufender Pruefung durch TikTok; das waere eine eigene Baustelle
+     mit Kosten und Abhaengigkeit. Der Verweis leistet das, was hier
+     gebraucht wird: Man kommt mit einem Klick auf den Kanal, und in der
+     Uebersicht steht, wer wo unterwegs ist.
+
+     Das Bild liegt als Datei auf der Platte, in der Datenbank steht nur
+     der Dateiname. Bilder in eine SQLite-Datei zu legen macht jede
+     Sicherung um ein Vielfaches groesser -- und die Sicherung laeuft
+     jede Nacht. */
   for (const [tabelle, spalte, typ] of [
     ["eintraege", "hook", "TEXT"],        // die ersten Sekunden
     ["eintraege", "format", "TEXT"],      // Talking Head, Tutorial, Story …
     ["eintraege", "saeule_id", "INTEGER"],// zu welcher Content-Saeule
     ["eintraege", "geplant", "TEXT"],     // wann es raus soll
+
+    ["personen", "bild", "TEXT"],         // Dateiname des Profilbildes
+    ["personen", "ueber_mich", "TEXT"],   // ein Satz zur Person
+    ["personen", "tiktok", "TEXT"],       // öffentlicher Name, ohne @
+    ["personen", "instagram", "TEXT"],
+    ["personen", "youtube", "TEXT"],
+    ["personen", "twitch", "TEXT"],
   ]) {
     try {
       const vorhanden = d.prepare(`PRAGMA table_info(${tabelle})`).all().map((s) => s.name);
@@ -806,9 +833,21 @@ workspaceRouter.get("/workspace/api/ich", (req, res) => {
      erkennen, welcher Eintrag der eigene ist (etwa "das bin ich" in der
      Personenliste), und das eigene Profil liesse sich gar nicht aufrufen.
      Ein Geheimnis ist sie nicht -- sie beschreibt nur den Angemeldeten. */
+  /* Das Profilbild kommt mit: Es steht in der Kopfleiste JEDER Seite und
+     in der Begrüßung. Es hier mitzuliefern spart auf jeder Seite eine
+     zweite Abfrage -- und verhindert, dass die Plakette erst als
+     Buchstabe erscheint und einen Wimpernschlag später zum Bild
+     umspringt. */
+  let bild = null;
+  try {
+    const z = db().prepare("SELECT bild FROM personen WHERE id = ?").get(person.id);
+    if (z?.bild) bild = `/workspace/api/steckbrief/bild/${z.bild}`;
+  } catch { /* ohne Bild ist die Anmeldung trotzdem gültig */ }
+
   res.json({
     id: person.id, name: person.name, rolle: person.rolle,
     rolle_name: ROLLEN_NAME[person.rolle] ?? person.rolle,
+    bild,
   });
 });