Das eigene Bild führte aus dem Server heraus

Ein Klick auf den Buchstabenkreis meldete ab. Keine Rückfrage, kein Menü,
kein Weg zurück — hinter einer Geste, die überall sonst „mein Konto"
heisst. Jetzt führt er auf `#/profil`; Abmelden steht dort als Knopf, mit
Nachfrage.

Auf der Seite: Bild wählen, tauschen, entfernen. Dazu „Meine Sprache" —
**umgezogen, nicht kopiert.** Sie stand mitten in der Verwaltung, und die
zeigt der Client nur Administratoren; der Endpunkt erlaubte sie längst
jedem. Wer kein Admin war, konnte seine eigene Sprache nirgends ändern.
Der Warnhinweis „weicht ab" bleibt in der Verwaltung, denn dort entsteht
die Verwirrung — er verweist jetzt aufs Profil.

**Vorher musste ein Fehler weg, der seit Monaten dasteht.**
`ImageCache.StoreStreamAsync` baute den Schlüssel aus 32 Hexzeichen plus
Dateiendung; `PfadFür` verlangt genau 64 Hexzeichen und nichts sonst. Es
gab keinen Wert, den beide gelten liessen: **jeder Bildupload gab `null`
zurück und endete in einem 502.** Kein Test fragte je danach — jetzt vier.
Damit geht nebenbei auch „eigenes Bild hochladen" für Filme und Serien
wieder.

Weil der Schlüssel keine Endung mehr trägt, kommt der Medientyp beim
Ausliefern aus den ersten Bytes der Datei. Vorher ging alles als
`image/jpeg` hinaus — bei TMDB stimmte das, bei einem hochgeladenen PNG
nicht.

**Und die gemerkte Sitzung war eine Kopie, die nie nachzog.** Sie wurde
bei der Anmeldung geschrieben und danach nie wieder. Wer sein Bild am
Telefon setzt und den Browser am Schreibtisch öffnet, fand dort den alten
Buchstaben — bis zum nächsten Anmelden. Gemessen und behoben: beim
Hochfahren wird das Konto abgeglichen, und das Profil meldet Änderungen
an die Kopfleiste, damit sie ohne Neuladen nachzieht.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/app/src/api.ts

@@ -7,6 +7,8 @@ export type Rolle = {
   id: string; userName: string; isAdministrator: boolean;
   /** Die bevorzugte Sprache — `null` heisst: die des Servers. */
   language?: string | null;
+  /** Das eigene Bild, als Schlüssel in die Bildablage. `null`: Buchstabenkreis. */
+  avatarImage?: string | null;
 };
 export type Spur = {
   index: number; kind: 'Video' | 'Audio' | 'Subtitle';
@@ -212,6 +214,42 @@ export const istAdmin = (): boolean => Boolean(sitzung.wer?.isAdministrator);
 /** Die eingestellte Sprache dieses Benutzers — `null` heisst: die des Servers. */
 export const meineSprache = (): string | null => sitzung.wer?.language ?? null;
 
+/** Das eigene Konto, frisch vom Server. */
+export const meinKonto = () => anfrage<Rolle>('/users/me');
+
+/** Holt das Konto und schreibt die gemerkte Sitzung fort.
+ *
+ * **Weil die Sitzung nur bei der Anmeldung geschrieben wurde.** Wer sein Bild
+ * am Telefon setzt und danach den Browser am Schreibtisch öffnet, fand dort
+ * den alten Buchstaben — und zwar bis zum nächsten Anmelden. Dasselbe gilt für
+ * die Sprache. Eine Anfrage beim Hochfahren macht aus der Kopie wieder einen
+ * Stand.
+ *
+ * Scheitert sie, bleibt die alte Kopie stehen: lieber ein veraltetes Bild als
+ * gar keine Oberfläche. */
+export async function kontoAbgleichen(): Promise<void> {
+  try {
+    const frisch = await meinKonto();
+    if (sitzung.wer) { Object.assign(sitzung.wer, frisch); merken(); }
+  } catch { /* Offline oder abgelehnt — dann gilt, was gespeichert ist. */ }
+}
+
+/** Legt ein Profilbild ab und gibt seinen Schlüssel zurück. */
+export async function profilbildSetzen(datei: File): Promise<string> {
+  const form = new FormData();
+  form.append('datei', datei);
+  const antwort = await anfrage<{ image: string }>('/users/me/avatar', { method: 'POST', body: form });
+  // **Die Sitzung gleich mitziehen.** Die Kopfleiste liest aus ihr; ohne das
+  // stünde dort bis zum nächsten Anmelden der alte Buchstabe.
+  if (sitzung.wer) { sitzung.wer.avatarImage = antwort.image; merken(); }
+  return antwort.image;
+}
+
+export async function profilbildEntfernen(): Promise<void> {
+  await anfrage<void>('/users/me/avatar', { method: 'DELETE' });
+  if (sitzung.wer) { sitzung.wer.avatarImage = null; merken(); }
+}
+
 /* ---------- Anfragen ---------- */
 
 /** Ein deutscher Satz zu einem Status, den der Server nicht erklärt hat.