Kategorie-Kanaele und angeheftete Ankuendigungen (Kapitel 7.2)

Die vier Saetze aus dem Anforderungsdokument, der Reihe nach: Team-
Gruppenchat, Kategorie-Kanaele mit Zugriff fuer Owner und rechte Hand,
private 1:1-Chats OHNE diesen Zugriff, und Pin-Nachrichten an alle.

EIN KANAL IST KEINE VIERTE TABELLE, sondern eine dritte Art Raum
(`art = 'kanal'` neben 'direkt' und 'gruppe'). Damit gilt fuer ihn ohne
eine einzige neue Zeile alles, was schon da ist: Verlauf, Anhaenge,
Suche, Ungelesen-Zaehler, Live-Strom, Wegraeumen. Eine eigene Tabelle
haette all das ein zweites Mal gebraucht -- und die zweite Fassung waere
die gewesen, in der die Zugriffsregel fehlt.

Welche Zustaendigkeit, kommt aus MODI_KATEGORIEN -- derselben Liste, aus
der auch die Aufgaben ihre Kategorie nehmen. Der NAME kommt aus der
Kategorie und ist kein freies Feld: "Clipping" neben "Clipping-Team"
waeren zwei halbe Verlaeufe, und man merkt es erst, wenn jemand die
Antwort im falschen sucht. Ein eindeutiger Teilindex haelt das auch
dann fest, wenn zwei Anfragen im selben Augenblick ankommen.

DIE ZUGRIFFSREGEL STEHT IN istDrin() -- der Funktion, durch die alle
sieben lesenden und schreibenden Wege gehen. In den Routen stuende sie
in sechs davon und in der siebten nicht. Sie gilt AUSDRUECKLICH nur
fuer 'kanal': Zweier-Gespraeche bleiben zu, auch fuer DogFather (so
steht es im Dokument), und Gruppen ebenfalls -- wer eine Gruppe
aufmacht, hat sich fuer einen geschlossenen Kreis entschieden, und den
nachtraeglich still zu oeffnen waere das Gegenteil dessen, was er getan
hat. Wenn Filipe das anders will, ist es eine Zeile -- aber es waere
seine Entscheidung und muesste fuer die Beteiligten SICHTBAR sein.

istDrin() nimmt dafuer die PERSON statt ihrer Nummer und wirft bei
einer Nummer einen Fehler, statt stillschweigend "nein" zu antworten.

HOECHSTENS DREI ANKUENDIGUNGEN je Raum. Nicht eine (Regeln, Live-Plan
und Frist muessen gleichzeitig oben stehen koennen) und nicht beliebig
viele -- eine Pinnwand, die scrollt, ist ein zweiter Verlauf. Der
Aushang hat eine EIGENE Abfrage, weil der Verlauf nur 200 Zeilen
liefert: Eine Ansage von vorletzter Woche waere sonst genau dann weg,
wenn sie am laengsten oben stehen sollte. Wird die Nachricht
zurueckgenommen, faellt sie ab UND gibt den Platz frei.

DREI DINGE, DIE ERST DAS HINSEHEN GEZEIGT HAT:

  Der frisch angelegte Kanal hatte zwei Leute statt vier. Die
  Personenauswahl zeichnete nach der Rollenfolge aus bereiche.js -- wer
  dort nicht steht, wurde NICHT GEZEICHNET. Team Dogi steht dort nicht
  und darf es auch nicht (der Rollenname gehoert in keine Datei, die
  jeder herunterlaedt). Folge: DogFather konnte ueber die Auswahl
  niemandem aus seinem Team schreiben. Der Server schickt die
  Ueberschrift jetzt mit; der Browser braucht dafuer keinen
  Rollennamen. Der Kommentar, der genau davor warnte, stand die ganze
  Zeit darueber.

  Dieser Fehler war nebenbei ein Netz: Was nicht gezeichnet wird, kann
  auch nicht falsch gezeichnet werden. Deshalb ist jetzt gemessen, dass
  ein Manager und Spicy Media Team Dogi gar nicht erst geschickt
  bekommen -- und dabei fiel auf, dass Spicy Media in der EIGENEN
  Auswahl stand: Sobald es jemanden zu verbergen gibt, schreibt
  ohneVerborgene() aus "sieht alles" eine echte Liste, und darin steckt
  man selbst.

  Am Fuss jeder Nachricht stehen jetzt vier Handgriffe statt drei. Bei
  390 px -- der haeufigsten Handybreite -- stand "kopieren" 18 px ueber
  der Blase, bei 320 px 75. Behoben mit `flex-wrap: wrap` und nicht mit
  einer Schwelle: Eine Regel, die misst, bleibt beim fuenften Handgriff
  richtig; eine Zahl nicht. pruef-chat-optik misst es ab jetzt.

NACHGEZOGEN, was pruef-css-klassen an MEINEM letzten Commit fand:
teamlage.html lud kopf.js ohne wahl.js (der Sicht-Umschalter sah aus
wie aus einem anderen Programm -- kaputt war nichts, und genau deshalb
faellt es niemandem auf), und .tampel__tag stand auf 11,2 px. Beides
war schon gepusht, weil ich die Pruefung nicht laufen liess.

pruef-chat-kanaele 73 (neu) · pruef-chat 48 · pruef-chat-ausbau 64 ·
pruef-chat-anhaenge 60 · pruef-chat-optik 24 -> 26 · pruef-css-klassen
gruen · pruef-rollen 274 · pruef-modi-verborgen 78 · pruef-team-ampel 28
· pruef-start-ansicht gruen · pruef-modi-wortleck 5 ·
pruef-zwischenspeicher 21.

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

workspace/chat.html

@@ -12,19 +12,19 @@
      Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
      eine Flaeche sind statt zweier. -->
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609101807" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609101807" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609101807" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609101807" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609102008" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609102008" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609102008" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609102008" />
 <!-- 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=202609101807" />
-<link rel="stylesheet" href="assets/css/chat.css?v=202609101807" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609101807" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609102008" />
+<link rel="stylesheet" href="assets/css/chat.css?v=202609102008" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609102008" />
 </head>
 
 <body class="start">
@@ -117,6 +117,18 @@
              Es verschwindet nur bei DIR -- das Gegenüber behält seinen
              Verlauf. Der Knopf steht erst da, wenn auch ein Gespräch
              offen ist; sonst wäre er ein Angebot ohne Gegenstand. -->
+        <!-- WER IST IM KANAL (10.09.2026, Kapitel 7.2).
+             Steht nur in einem Kanal da und nur bei der Teamleitung --
+             der Server entscheidet das, nicht diese Datei. -->
+        <button type="button" class="chat__weg chat__leute" id="kanal-leute" hidden
+                aria-label="Wer ist in diesem Kanal?"
+                title="Wer ist in diesem Kanal?">
+          <svg viewBox="0 0 24 24" aria-hidden="true">
+            <circle cx="9" cy="8.5" r="3" />
+            <path d="M3.5 19c0-3 2.5-5 5.5-5s5.5 2 5.5 5" />
+            <path d="M16 6.2a3 3 0 0 1 0 5.6M17.5 14.4c2 .7 3.3 2.4 3.3 4.6" />
+          </svg>
+        </button>
         <button type="button" class="chat__weg" id="gespraech-weg" hidden
                 aria-label="Dieses Gespräch wegräumen"
                 title="Gespräch wegräumen – nur bei dir">
@@ -140,6 +152,12 @@
       <div class="chat__ablage" id="ablage" hidden aria-hidden="true">
         <span>Loslassen – Foto oder PDF schicken</span>
       </div>
+      <!-- ANGEHEFTETE ANKÜNDIGUNGEN (10.09.2026, Kapitel 7.2).
+           Sie stehen ÜBER dem Verlauf und rollen nicht mit: Eine
+           Ankündigung, die man erst suchen muss, ist keine. Leer bleibt
+           der Kasten verborgen – ein leerer Rahmen wäre jeden Tag im
+           Weg für den Fall, dass irgendwann etwas darin steht. -->
+      <div class="chat-pins" id="pins" hidden aria-label="Angeheftet"></div>
       <div class="chat__verlauf" id="verlauf" role="log" aria-live="polite" aria-relevant="additions">
         <p class="chat__leer" id="verlauf-leer">
           Links ein Gespräch auswählen – oder mit <strong>Neu</strong> eines anfangen.
@@ -223,12 +241,29 @@
      eigentliche Absicht gestellt. -->
 <dialog class="dialog" id="neu-dialog">
   <form method="dialog" id="neu-form" class="neu neu--blank">
-    <h2 class="dialog__titel">Neues Gespräch</h2>
-    <p class="dialog__unter">
+    <h2 class="dialog__titel" id="neu-titel">Neues Gespräch</h2>
+    <p class="dialog__unter" id="neu-unter">
       Eine Person antippen, um ihr zu schreiben. Mehrere auswählen ergibt
       eine Gruppe.
     </p>
 
+    <!-- ZWEI ARTEN, EIN DIALOG (10.09.2026, Kapitel 7.2).
+         Ein zweiter Dialog wäre dieselbe Personenwahl ein zweites Mal –
+         und die zweite Fassung wäre die, in der eine Regel fehlt.
+         Sichtbar nur, wenn der Server sagt, dass Kanäle erlaubt sind. -->
+    <div class="neu__art" id="neu-art" role="group" aria-label="Was soll es werden?" hidden>
+      <button type="button" data-art="gespraech" data-an="ja" aria-pressed="true">Gespräch</button>
+      <button type="button" data-art="kanal" aria-pressed="false">Kanal</button>
+    </div>
+
+    <div class="neu__zeile" id="kanal-zeile" hidden>
+      <label class="feld-schild" for="kanal-kategorie">Zuständigkeit</label>
+      <select id="kanal-kategorie"></select>
+      <p class="neu__hinweis" id="kanal-alle" hidden>
+        Für jede Zuständigkeit gibt es schon einen Kanal.
+      </p>
+    </div>
+
     <div class="chat-wahl" id="partner"></div>
 
     <!-- Erscheint erst ab zwei Ausgewählten -- vorher wäre ein
@@ -247,10 +282,10 @@
   </form>
 </dialog>
 
-<script src="assets/js/bereiche.js?v=202609101807"></script>
-<script src="assets/js/wahl.js?v=202609101807" defer></script>
-<script src="assets/js/kopf.js?v=202609101807"></script>
-<script src="assets/js/glocke.js?v=202609101807"></script>
-<script src="assets/js/chat.js?v=202609101807"></script>
+<script src="assets/js/bereiche.js?v=202609102008"></script>
+<script src="assets/js/wahl.js?v=202609102008" defer></script>
+<script src="assets/js/kopf.js?v=202609102008"></script>
+<script src="assets/js/glocke.js?v=202609102008"></script>
+<script src="assets/js/chat.js?v=202609102008"></script>
 </body>
 </html>