Manager legen Creator an -- eine neue Tuer statt eines Schluessels fuer die alte

Filipe: "wieso greift das in die rechte rein? ist doch ok, die sollen
einfach paar leute selber hinzufuegen koennen." Er hat recht, und ich
hatte zwei Dinge in einen Topf geworfen: Das hier braucht KEINE
Datenbankaenderung -- nur die Rolle "Spicy Media" braucht eine.

WARUM EIN EIGENER WEG UND NICHT DIE ALTE TUER

Alles unter /workspace/api/verwaltung haengt an EINER Schranke
(nurAdmin). Dahinter liegen acht Wege: Rollen aendern, Codes neu setzen,
sperren, loeschen, Protokoll lesen. Einen Manager dort hineinzulassen und
danach in jedem der acht einzeln zu pruefen, was er darf, ist genau die
Bauweise, durch die am 31.08.2026 ein Loch entstanden ist -- zwei von
drei Stellen abgesichert, die dritte vergessen.

Deshalb bleibt die Tuer zu, und daneben steht eine neue mit genau einem
Zweck: POST /workspace/api/creator-anlegen. Sie kann nichts anderes, als
einen Creator anzulegen -- nicht weil eine Abfrage es verbietet, sondern
weil es hier keinen anderen Weg gibt. Unterschied zwischen "darf nicht"
und "kann nicht".

DIE ROLLE STEHT NICHT IM AUFRUF, sie wird im Server gesetzt. Ein Feld
`rolle` im Koerper waere die naheliegende Loesung und die falsche: Dann
muesste eine Abfrage sie pruefen, und eine vergessene Abfrage ist ein
zweiter Zugang mit vollen Rechten. Geprueft wird deshalb nicht, dass ein
mitgeschicktes `rolle: "admin"` abgelehnt wird, sondern dass es
WIRKUNGSLOS ist.

DIE ZUTEILUNG PASSIERT SOFORT. Ein Creator ohne Betreuung ist fuer alle
ausser DogFather unsichtbar -- der Manager haette ihn angelegt und
danach nicht mehr gesehen. Wer anlegt, betreut; ein eigener Scout kann
mitgegeben werden. Eine FREMDE Scout-Nummer wird abgelehnt (403) und
nicht stillschweigend auf den Anleger zurueckgesetzt: Sonst glaubte der
Manager, er haette zugeteilt.

Der Knopf sitzt auf dem Dashboard, nicht in der Personenverwaltung --
dort kommt ein Manager gar nicht hinein, und hier sieht er seine Creator
ohnehin. Der Zugangscode steht einmal im Dialog und wird nie nachgeladen;
deshalb schliesst sich das Fenster NICHT von selbst.

pruef-creator-anlegen.mjs, 29 Pruefungen, alle gruen -- und die Haelfte
davon prueft, was NICHT geht: Personenverwaltung 404 fuer Manager, Scout
und Creator kommen gar nicht erst durch, fremder Scout 403 (und der
Creator wird dabei gar nicht erst angelegt), erfundene Nummer 403. Zwei
Manager mit je einem eigenen Scout, weil sich "nur die eigenen" mit nur
einem Manager gar nicht pruefen laesst.

Nebenbei: .feld-hinweis ist von bereich.css nach aufgaben.css gewandert
(zu den uebrigen Formularstilen) -- ein Formularbaustein in der
Bereichsdatei ist nur so lange richtig, wie ihn keine zweite Seite
braucht.

Gruen: creator-anlegen (29), personen-liste (33), css-klassen (15),
struktur (32), formulare (19).

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

workspace/assets/css/aufgaben.css

@@ -813,3 +813,11 @@
   .abgebrochen, .abbruch-karte { border: 1px solid CanvasText; }
   .abgebrochen__zahl, .abbruch-karte__vorher { border: 1px solid CanvasText; }
 }
+
+/* Hinweis unter einem Formularfeld -- erklaert das Feld, statt es
+   kommentarlos wegzunehmen. */
+.feld-hinweis {
+  margin: 5px 0 0;
+  font-size: .76rem; line-height: 1.45;
+  color: var(--text-still);
+}

workspace/assets/css/bereich.css

@@ -382,13 +382,11 @@
   overflow-wrap: anywhere;
 }
 
-/* Hinweis unter einem Formularfeld -- erklaert das Feld, statt es
-   kommentarlos wegzunehmen. */
-.feld-hinweis {
-  margin: 5px 0 0;
-  font-size: .76rem; line-height: 1.45;
-  color: var(--text-still);
-}
+/* .feld-hinweis steht seit dem 07.09.2026 in aufgaben.css -- bei den
+   uebrigen Formularstilen. Grund: Die Dashboard-Seite braucht ihn jetzt
+   auch (Creator anlegen), laedt aber diese Datei hier nicht. Ein
+   Formularbaustein, der in der Bereichsdatei liegt, ist nur so lange
+   richtig, wie ihn keine zweite Seite braucht. */
 
 @media (max-width: 560px) {
   /* Auf dem Handy untereinander: Marke und Spanne nebeneinander

workspace/assets/css/uebersicht.css

@@ -344,3 +344,23 @@ a.wert:hover { border-color: var(--rand-hell); background: rgba(255, 255, 255, .
 @media (prefers-reduced-motion: reduce) {
   .wert, .fortschritt, .fortschritt__fuellung { transition: none; }
 }
+
+/* Der einmalige Zugangscode. Gross, gesperrt, in gleicher Zeichenbreite
+   und zum Markieren freigegeben -- er wird abgeschrieben oder kopiert,
+   und beides muss auf Anhieb gelingen. `user-select: all` markiert ihn
+   mit einem Klick vollstaendig; ein halb markierter Code ist ein Anruf
+   am naechsten Tag. */
+.code-anzeige {
+  margin: 6px 0 0;
+  padding: 12px 14px;
+  border-radius: var(--radius-klein);
+  border: 1px solid color-mix(in srgb, var(--k-gold) 34%, transparent);
+  background: rgba(0, 0, 0, .34);
+  box-shadow: inset 0 2px 5px -2px rgba(0, 0, 0, .7);
+  color: #f0d9a8;
+  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
+  font-size: 1.16rem; font-weight: 700; letter-spacing: .1em;
+  font-variant-numeric: tabular-nums;
+  overflow-wrap: anywhere;
+  user-select: all; -webkit-user-select: all;
+}

workspace/assets/js/uebersicht.js

@@ -284,6 +284,107 @@
     $('fruehwarnung').hidden = false;
   }
 
+  /* ===================================================================
+     CREATOR ANLEGEN (07.09.2026)
+
+     Wunsch Filipe: "manager sollen ab jetzt creator und auch wirklich
+     nur creator hinzufuegen koennen".
+
+     Der Weg dahin ist ein EIGENER (POST /workspace/api/creator-anlegen)
+     und nicht die Personenverwaltung -- die bleibt DogFather
+     vorbehalten, dort liegen Rollen, Codes, Sperren und das Protokoll.
+     Dieser Weg kann nichts anderes, als einen Creator anzulegen; die
+     Rolle steht nicht einmal im Aufruf.
+
+     DER KNOPF WIRD VERSTECKT, NICHT DIE ABSAGE ABGEFANGEN. Beides
+     zusammen: Der Server laesst Scouts und Creator ohnehin nicht durch
+     (404). Das Verstecken erspart ihnen nur einen Knopf, der eine
+     Absage bringt -- es IST nicht die Sicherung.
+
+     DER CODE WIRD EINMAL GEZEIGT UND NIE NACHGELADEN. Er steht nur in
+     der Antwort auf das Anlegen; danach gibt es ihn nirgends mehr.
+     Deshalb bleibt der Dialog nach dem Anlegen OFFEN und schliesst sich
+     nicht von selbst -- ein Fenster, das sich mit dem einzigen
+     Zugangscode schliesst, bevor jemand ihn kopiert hat, ist ein
+     Datenverlust mit Ansage. */
+  function creatorAnlegenBereit(ich) {
+    const knopf = document.getElementById('creator-neu');
+    const dialog = document.getElementById('creator-dialog');
+    if (!knopf || !dialog || !ich) return;
+    if (!['admin', 'manager'].includes(ich.rolle)) return;
+    knopf.hidden = false;
+
+    const f = (id) => document.getElementById(id);
+    const zuruecksetzen = () => {
+      f('creator-form').reset();
+      f('cn-code-zeile').hidden = true;
+      f('cn-fehler').textContent = '';
+      f('cn-speichern').hidden = false;
+      f('cn-zu').textContent = 'Abbrechen';
+    };
+
+    knopf.addEventListener('click', async () => {
+      zuruecksetzen();
+      /* Die Scoutliste kommt vom Server -- und zwar dieselbe, die er
+         beim Anlegen auch annimmt. Eine im Browser zusammengestellte
+         Liste waere die zweite Wahrheit, und die beiden laufen
+         auseinander. */
+      try {
+        const a = await hole('/workspace/api/creator-anlegen/scouts');
+        const scouts = a.ok ? (await a.json()).scouts || [] : [];
+        const w = f('cn-scout');
+        w.textContent = '';
+        const eigen = document.createElement('option');
+        eigen.value = ''; eigen.textContent = `${ich.name} (du)`;
+        w.append(eigen);
+        for (const sc of scouts) {
+          const o = document.createElement('option');
+          o.value = String(sc.id); o.textContent = sc.name;
+          w.append(o);
+        }
+        /* Gibt es keinen Scout, gibt es auch nichts zu waehlen -- ein
+           Auswahlfeld mit genau einem Eintrag ist eine Frage ohne
+           Antwortmoeglichkeit. */
+        f('cn-scout-zeile').hidden = scouts.length === 0;
+      } catch { f('cn-scout-zeile').hidden = true; }
+      dialog.showModal();
+      f('cn-name').focus();
+    });
+
+    f('cn-zu').addEventListener('click', () => dialog.close());
+
+    f('creator-form').addEventListener('submit', async (e) => {
+      e.preventDefault();
+      const name = f('cn-name').value.trim();
+      if (name.length < 2) { f('cn-fehler').textContent = 'Der Name fehlt.'; return; }
+      const knopfS = f('cn-speichern');
+      knopfS.disabled = true;
+      f('cn-fehler').textContent = '';
+      try {
+        const a = await hole('/workspace/api/creator-anlegen', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ name, betreuer_id: f('cn-scout').value || null }),
+        });
+        const antwort = await a.json().catch(() => ({}));
+        if (!a.ok) {
+          f('cn-fehler').textContent = antwort.fehler || 'Ging nicht.';
+          return;
+        }
+        f('cn-code-name').textContent = antwort.name;
+        f('cn-code').textContent = antwort.code;
+        f('cn-code-zeile').hidden = false;
+        knopfS.hidden = true;
+        f('cn-zu').textContent = 'Fertig';
+        /* Die Liste dahinter wird neu geladen, sobald der Dialog zugeht
+           -- der neue Creator soll da stehen, wo man ihn erwartet. */
+        dialog.addEventListener('close', () => location.reload(), { once: true });
+      } catch {
+        f('cn-fehler').textContent = 'Ging nicht.';
+      } finally { knopfS.disabled = false; }
+    });
+  }
+
   (async () => {
     let ich;
     try {
@@ -292,6 +393,7 @@
       ich = await a.json();
     } catch { return; }
     window.werZeigen?.(ich);
+    creatorAnlegenBereit(ich);
 
     let d;
     try {

workspace/aufgaben.html

@@ -9,9 +9,9 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -211,10 +211,10 @@
   </form>
 </dialog>
 
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/aufgaben.js?v=202609070414" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/aufgaben.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/automation.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/automation.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/automation.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -134,10 +134,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/automation.js?v=202609070414" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/automation.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/bereich.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/bereich.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/bereich.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -143,14 +143,14 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/checkliste.js?v=202609070414" defer></script>
-<script src="assets/js/ampel.js?v=202609070414" defer></script>
-<script src="assets/js/schulung.js?v=202609070414" defer></script>
-<script src="assets/js/vorlagen.js?v=202609070414" defer></script>
-<script src="assets/js/bereich.js?v=202609070414" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/checkliste.js?v=202609070423" defer></script>
+<script src="assets/js/ampel.js?v=202609070423" defer></script>
+<script src="assets/js/schulung.js?v=202609070423" defer></script>
+<script src="assets/js/vorlagen.js?v=202609070423" defer></script>
+<script src="assets/js/bereich.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/calls.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/calls.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/calls.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -76,11 +76,11 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202609070414" defer></script>
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/calls.js?v=202609070414" defer></script>
+<script src="assets/js/ki.js?v=202609070423" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/calls.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/chat.html

@@ -9,16 +9,16 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
 <!-- aufgaben.css bringt die Dialog- und Formularstile mit (.dialog,
      .neu__zeile, .dialog__knoepfe). Sie stehen dort seit dem
      Aufgabenbrett; sie hierher zu kopieren hiesse, sie an zwei Stellen
      zu pflegen. Dieselbe Lösung nutzen kalender.html und content.html.
      Gemeldet von pruef-css-klassen.mjs, bevor jemand einen ungestylten
      Dialog zu sehen bekam. -->
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/chat.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/chat.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -154,9 +154,9 @@
   </form>
 </dialog>
 
-<script src="assets/js/bereiche.js?v=202609070414"></script>
-<script src="assets/js/kopf.js?v=202609070414"></script>
-<script src="assets/js/glocke.js?v=202609070414"></script>
-<script src="assets/js/chat.js?v=202609070414"></script>
+<script src="assets/js/bereiche.js?v=202609070423"></script>
+<script src="assets/js/kopf.js?v=202609070423"></script>
+<script src="assets/js/glocke.js?v=202609070423"></script>
+<script src="assets/js/chat.js?v=202609070423"></script>
 </body>
 </html>

workspace/content.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/content.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/content.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -166,12 +166,12 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/checkliste.js?v=202609070414" defer></script>
-<script src="assets/js/vorlagen.js?v=202609070414" defer></script>
-<script src="assets/js/content.js?v=202609070414" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/checkliste.js?v=202609070423" defer></script>
+<script src="assets/js/vorlagen.js?v=202609070423" defer></script>
+<script src="assets/js/content.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/dateien.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/dateien.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/dateien.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -95,10 +95,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/dateien.js?v=202609070414" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/dateien.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/index.html

@@ -27,7 +27,7 @@
 
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
 </head>
 
 <body class="gate">
@@ -186,6 +186,6 @@
 </main>
 </div>
 
-<script src="assets/js/gate.js?v=202609070414" defer></script>
+<script src="assets/js/gate.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/kalender.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/kalender.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/kalender.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -257,11 +257,11 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/kalender.js?v=202609070414" defer></script>
-<script src="assets/js/kalender-abo.js?v=202609070414" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/kalender.js?v=202609070423" defer></script>
+<script src="assets/js/kalender-abo.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/leistung.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/leistung.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/leistung.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -211,10 +211,10 @@
   </form>
 </dialog>
 
-<script src="assets/js/wahl.js?v=202609070414"></script>
-<script src="assets/js/bereiche.js?v=202609070414"></script>
-<script src="assets/js/kopf.js?v=202609070414"></script>
-<script src="assets/js/glocke.js?v=202609070414"></script>
-<script src="assets/js/leistung.js?v=202609070414"></script>
+<script src="assets/js/wahl.js?v=202609070423"></script>
+<script src="assets/js/bereiche.js?v=202609070423"></script>
+<script src="assets/js/kopf.js?v=202609070423"></script>
+<script src="assets/js/glocke.js?v=202609070423"></script>
+<script src="assets/js/leistung.js?v=202609070423"></script>
 </body>
 </html>

workspace/personen.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/personen.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/personen.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -123,10 +123,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/personen.js?v=202609070414" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/personen.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/profil.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/profil.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/profil.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -201,11 +201,11 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/steckbrief.js?v=202609070414" defer></script>
-<script src="assets/js/profil.js?v=202609070414" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/steckbrief.js?v=202609070423" defer></script>
+<script src="assets/js/profil.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/report.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/report.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/report.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -93,11 +93,11 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202609070414" defer></script>
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/report.js?v=202609070414" defer></script>
+<script src="assets/js/ki.js?v=202609070423" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/report.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/scouting.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/scouting.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/scouting.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -126,10 +126,10 @@
   </div>
 </div>
 
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/scouting.js?v=202609070414" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/scouting.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/start.html

@@ -9,11 +9,11 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
 <!-- Nur die Startseite: Begrüßungskachel, Uhr, Glockenmulde. Siehe
      den Hinweis in start.css -- dort stand es bis zum 07.09.2026. -->
-<link rel="stylesheet" href="assets/css/heim.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/heim.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -221,10 +221,10 @@
   </p>
 </main>
 
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/start.js?v=202609070414" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/start.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/startcheck.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/startcheck.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/startcheck.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -72,11 +72,11 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202609070414" defer></script>
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/startcheck.js?v=202609070414" defer></script>
+<script src="assets/js/ki.js?v=202609070423" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/startcheck.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/steckbrief.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/profil.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/profil.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -113,10 +113,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/steckbrief.js?v=202609070414" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/steckbrief.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/uebersicht.html

@@ -9,9 +9,12 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der
+     Dialog "Creator anlegen". -->
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -45,10 +48,61 @@
         Eine Karte je Creator – mit einem Blick sehen, wo es hakt und wo es läuft.
       </p>
     </div>
+    <!-- Der Knopf steht HIER und nicht in der Personenverwaltung
+         (07.09.2026). Ein Manager kommt dort gar nicht hinein, und er
+         soll es auch nicht -- dahinter liegen Rollen, Codes, Sperren und
+         das Protokoll. Hier dagegen sieht er ohnehin seine Creator; der
+         neue erscheint eine Zeile weiter unten. Das Skript blendet den
+         Knopf für Scouts und Creator aus, der Server lässt sie ohnehin
+         nicht durch. -->
+    <button type="button" class="knopf knopf--klein" id="creator-neu" hidden>Creator anlegen</button>
   </section>
 
   <p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
 
+  <!-- Creator anlegen. Derselbe Dialog-Aufbau wie überall sonst. -->
+  <dialog class="dialog" id="creator-dialog">
+    <form method="dialog" class="neu neu--blank" id="creator-form">
+      <h2 class="dialog__titel">Creator anlegen</h2>
+      <p class="dialog__unter">
+        Der Zugangscode erscheint genau einmal – danach ist er weg und
+        kann nur neu gesetzt werden.
+      </p>
+
+      <div class="neu__zeile">
+        <label class="feld-schild" for="cn-name">Name</label>
+        <input id="cn-name" maxlength="60" required autocomplete="off" />
+      </div>
+
+      <div class="neu__zeile" id="cn-scout-zeile" hidden>
+        <label class="feld-schild" for="cn-scout">Betreuung</label>
+        <select id="cn-scout"></select>
+        <p class="feld-hinweis">
+          Ohne Auswahl betreust du ihn selbst. Zur Auswahl stehen nur
+          deine eigenen Scouts.
+        </p>
+      </div>
+
+      <!-- Der Code. Steht erst nach dem Anlegen da und wird nie
+           nachgeladen -- die Seite ist die einzige Stelle, an der er je
+           zu sehen ist. -->
+      <div class="neu__zeile" id="cn-code-zeile" hidden>
+        <p class="feld-schild">Zugangscode für <span id="cn-code-name"></span></p>
+        <p class="code-anzeige" id="cn-code"></p>
+        <p class="feld-hinweis">
+          Jetzt weitergeben. Nach dem Schließen ist er nicht mehr abrufbar.
+        </p>
+      </div>
+
+      <p class="fehler" id="cn-fehler" role="alert" aria-live="polite"></p>
+
+      <div class="dialog__knoepfe">
+        <button type="submit" class="knopf knopf--klein" id="cn-speichern">Anlegen</button>
+        <button type="button" class="abmelden" id="cn-zu">Schließen</button>
+      </div>
+    </form>
+  </dialog>
+
   <!-- FRÜHWARNUNG (06.09.2026).
 
        Steht GANZ OBEN, noch vor den Summen. Die Summen beantworten "wie
@@ -82,10 +136,10 @@
 
 </main>
 
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
 
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/uebersicht.js?v=202609070414" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/uebersicht.js?v=202609070423" defer></script>
 </body>
 </html>

workspace/wissen.html

@@ -9,10 +9,10 @@
 <meta name="theme-color" content="#0674b9" />
 <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
 <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070414" />
-<link rel="stylesheet" href="assets/css/wissen.css?v=202609070414" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609070423" />
+<link rel="stylesheet" href="assets/css/wissen.css?v=202609070423" />
 </head>
 
 <body class="start">
@@ -177,10 +177,10 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202609070414" defer></script>
-<script src="assets/js/bereiche.js?v=202609070414" defer></script>
-<script src="assets/js/kopf.js?v=202609070414" defer></script>
-<script src="assets/js/glocke.js?v=202609070414" defer></script>
-<script src="assets/js/wissen.js?v=202609070414" defer></script>
+<script src="assets/js/wahl.js?v=202609070423" defer></script>
+<script src="assets/js/bereiche.js?v=202609070423" defer></script>
+<script src="assets/js/kopf.js?v=202609070423" defer></script>
+<script src="assets/js/glocke.js?v=202609070423" defer></script>
+<script src="assets/js/wissen.js?v=202609070423" defer></script>
 </body>
 </html>