Workspace: Creator-Profile (Onboarding aus dem Konzept)

/workspace/profil.html -- Stammdaten, Ziele und 90-Tage-Plan, genau nach
Seite 5 des Konzepts. Management waehlt oben den Creator aus, ein Creator
sieht nur sein eigenes Profil.

Sicherheitskern ist das Feld admin_notiz. Das Konzept fordert "private
Admin-Notizen separat". Die Notiz wird deshalb nicht im Browser
ausgeblendet, sondern gar nicht erst gesendet: Die Spaltenliste der
Abfrage haengt an der Rolle (FELDER_OFFEN / FELDER_ADMIN). Dasselbe gilt
fuer Plan-Start und Review-Termin.

Geprueft:
- In der kompletten Rohantwort an den Creator kommt der Inhalt der
  internen Notiz 0-mal vor
- Creator auf fremdes Profil: 404 (lesend wie schreibend)
- Scout auf ein Profil: 404, profil.html leitet ihn weg
- Creator setzt admin_notiz selbst: wird stillschweigend ignoriert,
  der Inhalt bleibt unveraendert
- Profil einer Nicht-Creator-Person: 404

Dabei ist ein aelterer Fehler aufgefallen: /api/ich lieferte nur Name und
Rolle, nicht die eigene Nummer. Dadurch rief die Profilseite eines
Creators /api/profil/undefined auf und blieb leer. Derselbe Fehler machte
in der Personenverwaltung den Selbstvergleich unwirksam -- beim eigenen
Eintrag erschien ein "Sperren"-Knopf, den der Server dann ablehnte.
/api/ich liefert jetzt zusaetzlich die id.

Im Protokoll landen nur die Feldnamen, nie die Inhalte: Im Profil stehen
persoenliche Angaben, die nicht zusaetzlich im Audit-Log auftauchen
sollen.

workspace/profil.html

@@ -0,0 +1,126 @@
+<!doctype html>
+<html lang="de">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+<title>Creator-Profil · Creator Workspace</title>
+<meta name="robots" content="noindex, nofollow" />
+<meta name="theme-color" content="#05070d" />
+<link rel="icon" href="assets/img/favicon.png" />
+<link rel="stylesheet" href="assets/css/gate.css" />
+<link rel="stylesheet" href="assets/css/start.css" />
+<link rel="stylesheet" href="assets/css/aufgaben.css" />
+<link rel="stylesheet" href="assets/css/profil.css" />
+</head>
+
+<body class="start">
+
+<header class="kopfleiste">
+  <p class="marke"><a class="zurueck" href="start.html">Creator&nbsp;Workspace</a> · Profil</p>
+  <div class="kopfleiste__rechts">
+    <span class="wer" id="wer">…</span>
+    <button type="button" class="abmelden" id="abmelden">Abmelden</button>
+  </div>
+</header>
+
+<main class="inhalt">
+
+  <section class="kopf-zeile">
+    <div>
+      <p class="marke">Onboarding</p>
+      <h1 class="titel" id="titel">Creator-Profil</h1>
+      <p class="unterzeile" id="unterzeile">…</p>
+    </div>
+    <div id="auswahl-block" hidden>
+      <label class="feld-schild" for="auswahl">Creator</label>
+      <select id="auswahl"></select>
+    </div>
+  </section>
+
+  <p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
+
+  <form id="formular" hidden>
+
+    <fieldset class="gruppe">
+      <legend class="gruppe__titel">Stammdaten</legend>
+      <p class="gruppe__text">Wer ist der Creator, und wie arbeitet er?</p>
+
+      <label class="feld-schild" for="handles">Social-Handles</label>
+      <textarea id="handles" rows="2" maxlength="2000"
+                placeholder="TikTok, Instagram, Discord …"></textarea>
+
+      <label class="feld-schild" for="nische">Nische &amp; Content-Stil</label>
+      <textarea id="nische" rows="2" maxlength="2000"
+                placeholder="Worum geht es, und wie wirkt es?"></textarea>
+
+      <label class="feld-schild" for="live_zeiten">LIVE-Zeiten &amp; Routinen</label>
+      <textarea id="live_zeiten" rows="2" maxlength="2000"
+                placeholder="Wann wird gestreamt, wie regelmäßig?"></textarea>
+
+      <label class="feld-schild" for="technik">Technik-Setup &amp; Tools</label>
+      <textarea id="technik" rows="2" maxlength="2000"
+                placeholder="PC/Handy, Kamera, Mikro, OBS …"></textarea>
+    </fieldset>
+
+    <fieldset class="gruppe">
+      <legend class="gruppe__titel">Ziele</legend>
+      <p class="gruppe__text">Was soll wachsen? Aus dem Konzept, Seite 5.</p>
+
+      <label class="feld-schild" for="ziel_live">LIVE-Qualität &amp; Bindung</label>
+      <textarea id="ziel_live" rows="2" maxlength="2000"></textarea>
+
+      <label class="feld-schild" for="ziel_content">Content-Reichweite</label>
+      <textarea id="ziel_content" rows="2" maxlength="2000"></textarea>
+
+      <label class="feld-schild" for="ziel_community">Community &amp; Wiederkehr</label>
+      <textarea id="ziel_community" rows="2" maxlength="2000"></textarea>
+
+      <label class="feld-schild" for="ziel_technik">Technische Stabilität</label>
+      <textarea id="ziel_technik" rows="2" maxlength="2000"></textarea>
+    </fieldset>
+
+    <fieldset class="gruppe">
+      <legend class="gruppe__titel">90-Tage-Plan</legend>
+      <p class="gruppe__text">Wenige Punkte, dafür verbindlich – Top&nbsp;3 aus dem Konzept.</p>
+
+      <label class="feld-schild" for="plan_prio1">Priorität 1</label>
+      <input id="plan_prio1" maxlength="2000" />
+      <label class="feld-schild" for="plan_prio2">Priorität 2</label>
+      <input id="plan_prio2" maxlength="2000" />
+      <label class="feld-schild" for="plan_prio3">Priorität 3</label>
+      <input id="plan_prio3" maxlength="2000" />
+
+      <div class="gruppe__raster" id="termine" hidden>
+        <div>
+          <label class="feld-schild" for="plan_start">Plan-Start</label>
+          <input id="plan_start" type="date" />
+        </div>
+        <div>
+          <label class="feld-schild" for="naechster_review">Nächster Review</label>
+          <input id="naechster_review" type="date" />
+        </div>
+      </div>
+    </fieldset>
+
+    <!-- Nur fürs Management. Der Server schickt dieses Feld an Creator
+         gar nicht erst mit. -->
+    <fieldset class="gruppe gruppe--intern" id="gruppe-intern" hidden>
+      <legend class="gruppe__titel">Interne Notiz</legend>
+      <p class="gruppe__text">
+        Sieht <strong>nur das Management</strong>. Der Creator bekommt dieses Feld
+        weder angezeigt noch übertragen.
+      </p>
+      <textarea id="admin_notiz" rows="4" maxlength="2000"></textarea>
+    </fieldset>
+
+    <div class="speicher-leiste">
+      <button type="submit" class="knopf knopf--klein" id="speichern">Speichern</button>
+      <span class="leise" id="stand"></span>
+    </div>
+  </form>
+
+</main>
+
+<script src="assets/js/profil.js" defer></script>
+</body>
+</html>