Vertraulicher Meldeweg, klappbare Abschnitte, lila Stunden, Logos

Eine Nacht voller Auftraege von Filipe. Der Reihe nach:

1. VERTRAULICH MELDEN -- der groesste neue Teil.

"es soll auch eine kategorie also eine hauptkachel geben wo die
community leute sich anonym melden koennen wenn sie probleme haben ...
rechte hand und dogfather sollen zugriff auf diese anonyme nachrichten
haben. also anonym fuer die anderen."

WICHTIG, UND ES STEHT SO AUF DER SEITE: "anonym" heisst hier
VERTRAULICH. DogFather und die rechte Hand sehen den Namen -- so
bestellt und auch richtig, ohne Namen kann man niemandem helfen.
Anonym ist es gegenueber allen anderen: kein Modi, kein anderes
Mitglied. Wer glaubt, er schreibe unerkannt, schreibt anders und fuehlt
sich hinterher getaeuscht -- deshalb steht der Satz im Formular, bevor
jemand tippt.

Der strikte Wechsel (melden -> warten -> antworten -> warten) ist im
SERVER erzwungen, nicht nur im Knopf. Ein ausgegrauter Knopf ist keine
Regel. Geschlossen wird nur von der Leitung; abgeschlossene Faelle
werden nach 90 Tagen samt Nachrichten geloescht -- hier stehen die
empfindlichsten Texte des Hauses.

Modis sind ausdruecklich AUSSEN VOR: Sehr oft geht es in diesen
Meldungen um eine Moderationsentscheidung.

2. JEDE KATEGORIE LAESST SICH ZUKLAPPEN.

"man soll auf dieser seite jede kategorie auf und zu klappen koennen
mit einem button ... ueberall wo so eine liste entstehen kann."

Das Muster gab es auf der Startseite schon; es steht jetzt als
`abschnittKlappbar` in kopf.js und wird von den Brettern und dem
Zeitstrahl benutzt. Die Koepfe sind echte <button> (fuer die Tastatur),
der Zustand haelt in localStorage, und er haengt je Brett UND Art --
sonst waere "Regel zugeklappt" ueberall gleichzeitig zu.

3. DIE SPRUNGLEISTE SIEHT AUS WIE ETWAS ZUM ANFASSEN.

Vorher unterstrichene Woerter, die aussahen wie eine Fusszeile. Jetzt
Marken mit Rahmen in einem eigenen Block.

4. DIE STUNDEN SIND LILA.

UMGERECHNET, NICHT NEU GEWAEHLT: Jeder der fuenf Verlaufsstopps wurde
nach OKLCH zerlegt, der Farbton auf 303 Grad gedreht, zurueckgerechnet.
Helligkeit und Buntheit blieben gleich -- eine frei gegriffene Palette
waere heller oder bunter geworden, und die Uhr damit unruhiger.

5. DIE KARTEN "UNSERE SEITEN": babyblau und lila, mit schwebenden Logos.

Beide Logos wurden zu MASKEN gerechnet (tools/logo-maske.mjs): Die PNG
tragen nur Alpha, die Farbe kommt aus dem CSS. Dadurch passt dasselbe
Logo in jede Kachel, egal welchen Ton sie hat -- und VanVans 378-KB-
Logo wurde dabei zu 109 KB. Vier Stueck je Karte, verschieden gross,
zwei Bahnen, 26 bis 41 Sekunden Umlauf. Der erste Versuch war mit 5-9 %
Deckkraft praktisch unsichtbar; jetzt 10-16 %.

6. "ENTWICKLUNG" HEISST JETZT "EURE AUFGABEN".

Filipe hat recht: Die Kachel fuehrt seit dem 11.09. auf den Katalog --
eine Aufgabenliste. Der Name blieb stehen, weil beim Umhaengen des
Ziels niemand ihn angefasst hat. Der Name "Entwicklung" ist damit frei
fuer das, was er darunter versteht (Auswertung je Person mit Verlauf
und Text) -- das ist noch NICHT gebaut.

DREI PRUEFUNGEN, DIE ZUFAELLIG GRUEN WAREN, sind nebenbei aufgefallen:
- pruef-kachelraster wartete feste 500 ms auf eine gestaffelte
  Einblendung und mass vier Reihen, wo drei sind. Jetzt reducedMotion.
- pruef-start-ansicht scrollte 600 px und nahm an, danach liege keine
  Kachel mehr unter dem Zeiger.
- pruef-wege-nach-draussen zaehlte das Kachelraster ueber ALLE Gruppen
  statt je Gruppe.

GEMESSEN: pruef-hilfe (neu) 55/0, pruef-wege-nach-draussen 64/0,
pruef-jeder-hat-eine-seite 65/0, pruef-community-sicht 10/0,
pruef-bereiche-lesend, pruef-steckbrief, pruef-start-ansicht,
pruef-kachelraster alle gruen.

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

server/workspace.js

@@ -32,6 +32,7 @@ import { darfSeite, OHNE_ANMELDUNG, seitenFuer } from "./rechte.js";
    obwohl workspace-treff.js seinerseits aus dieser Datei importiert.
    Begruendung im Kopf von treff-tabellen.js. */
 import { treffTabellen, treffSperreLesen, MINDESTALTER } from "./treff-tabellen.js";
+import { hilfeTabellen } from "./hilfe-tabellen.js";
 import { sitzungPasstZurAdresse, istOhneModiAdresse, istCrewAdresse, istPruefAdresse, AUSSEN_ROLLEN,
   TEAM_DOGI_ROLLEN } from "./crew-adresse.js";
 /* Weitergereicht, damit die Fachmodule sie wie alles andere aus
@@ -720,9 +721,27 @@ const FUEHRUNG_GRUPPE = {
   gruppeUnter: "Was ihr über die Zeit beobachtet – und wer dazukommen könnte",
 };
 
+/* UMBENANNT AM 19.09.2026 -- von "Entwicklung" zu "Eure Aufgaben".
+
+   Filipe: "diese kategorie ist ja die aufgaben die ich an die modis
+   habe, also eher aufgabe und dan perfektionierst du eine neue wo
+   diagramme texte und so zu jedem modi gemacht wird und diese
+   kategorie kannst du entwicklung nenen."
+
+   Er hat recht, und der Name war seit dem 11.09. falsch: Damals fuehrte
+   die Kachel auf das Notizbrett (dort standen wirklich Beobachtungen),
+   seitdem fuehrt sie auf den KATALOG -- eine Liste dessen, was ein Modi
+   koennen soll. Das ist eine Aufgabenliste, und sie hiess weiter
+   "Entwicklung", weil beim Umhaengen des Ziels niemand den Namen
+   angefasst hat.
+
+   DER NAME "ENTWICKLUNG" WIRD DAMIT FREI fuer das, was Filipe wirklich
+   darunter versteht: eine Auswertung je Person, mit Verlauf und Text.
+   Die gibt es noch nicht -- sie ist der naechste Schritt und
+   ausdruecklich nicht diese Kachel. */
 const ENTWICKLUNG_KACHEL = {
   ...FUEHRUNG_GRUPPE,
-  name: "Entwicklung", unter: "Was gut läuft, woran ihr arbeitet – je Person",
+  name: "Eure Aufgaben", unter: "Was ihr könnt – und was als Nächstes kommt",
   /* SEIT DEM 11.09.2026 FUEHRT DIE KACHEL AUF DEN KATALOG, nicht mehr
      auf das Notizbrett. Filipe: "ich will dass fertige aufgaben da
      stehen und so". Das Brett gibt es weiter -- es ist von der
@@ -1022,6 +1041,22 @@ export const TREFF_BRETTER = TREFF_BEREICHE
    Spicy Media haben mit den Zuschauern dieses Streams nichts zu tun. */
 export const TREFF_ROLLEN = new Set(["gast", "modi", "hand", "admin"]);
 
+/* DER VERTRAULICHE MELDEWEG (19.09.2026).
+
+   Eigene Gruppe, nicht bei den Brettern: Auf den sieben Brettern
+   schreibt man oeffentlich. Hier schreibt man an genau zwei Menschen.
+   Zwischen den anderen Kacheln wuerde das verschwimmen -- und wer ein
+   Problem hat, sucht nicht lange.
+
+   SIE STEHT VOR "FUER DICH": Ein Problem ist dringender als der eigene
+   Steckbrief. Die Reihenfolge innerhalb der Gruppe "Fuer dich" ergibt
+   sich aus der Liste, die Sortierung in start.js fasst beide ans Ende. */
+const HILFE_KACHEL = {
+  gruppe: "Für dich", gruppeUnter: "Deine eigene Seite",
+  name: "Vertraulich melden", unter: "Probleme, die niemand sonst sieht",
+  zeichen: "schutz", ton: 39, ziel: "hilfe.html", szene: "studio",
+};
+
 /* DAS TEAM SIEHT DEN TREFF MIT -- als eigene Gruppe unter seinen
    uebrigen Kacheln.
 
@@ -1033,7 +1068,8 @@ export const TREFF_ROLLEN = new Set(["gast", "modi", "hand", "admin"]);
    dort waere die Stelle, an der beim naechsten neuen Brett eines fehlt. */
 const MODI_MIT_TREFF = [...MODI_BEREICHE, BEFINDEN_KACHEL, ...TREFF_BEREICHE,
   TREFF_MODERATION_KACHEL];
-const HAND_MIT_TREFF = [...HAND_BEREICHE, ...TREFF_BEREICHE, TREFF_MODERATION_KACHEL];
+const HAND_MIT_TREFF = [...HAND_BEREICHE, ...TREFF_BEREICHE,
+  TREFF_MODERATION_KACHEL, HILFE_KACHEL];
 
 /* AUSSEN_ROLLEN kommt aus crew-adresse.js und wird hier nur
    weitergereicht -- die Adressregel braucht sie zuerst, und diese Datei
@@ -1094,7 +1130,7 @@ const STECKBRIEF_KACHEL_TREFF = {
 };
 
 /* Die Community: der Treff und ihre eigene Seite. Sonst nichts. */
-const TREFF_MIT_EIGENEM = [...TREFF_BEREICHE, STECKBRIEF_KACHEL_TREFF];
+const TREFF_MIT_EIGENEM = [...TREFF_BEREICHE, HILFE_KACHEL, STECKBRIEF_KACHEL_TREFF];
 
 export function bereicheFuer(person) {
   if (person?.rolle === "modi") return MODI_MIT_TREFF;
@@ -3992,6 +4028,9 @@ export function db() {
        und ueber einen Kreis kommen Konstanten als undefined an, ohne
        dass irgendwo ein Fehler erscheint. */
     treffTabellen(d);
+    /* Der vertrauliche Meldeweg (19.09.2026). Haengt an personen und
+       kommt deshalb hierher, nicht in den Bauplan darueber. */
+    hilfeTabellen(d);
     umstellungen(d);
     _db = d;
     return d;