Prilog Handbuch

Appearance

Kaskaden-Board — Konzept ​

Vision ​

Eine visuelle Kommandozentrale die alle Kommunikationsstroeme einer Organisation in einer Ansicht zusammenfuehrt. Spalten repraesentieren Phasen, Zielgruppen oder Meilensteine. In jede Spalte werden Chat-Spaces gelegt. Der Informationsfluss ist sofort sichtbar: wer bekommt was, in welcher Reihenfolge, mit welcher Tiefe.

Die Basis fuer alles was in Zukunft an koordinierter Kommunikation dazukommt — Krisen, Projekte, Onboarding-Prozesse, Schuljahreswechsel, Veranstaltungen.

Kernprinzipien ​

  1. Spalten sind frei definierbar — Anzahl, Name, Reihenfolge, Farbe. Nicht vorgegeben.
  2. Spaces sind die Karten — ein Space wird in eine Spalte gelegt und lebt dort.
  3. Chat direkt im Board — Klick auf Spalten-Titel verbreitert sie, Chat wird inline bedienbar.
  4. Informationsfluss von links nach rechts — die linke Spalte ist die Quelle, rechts wird gefiltert.
  5. Offen fuer alles — heute Krisen-Kaskade, morgen Projekt-Phasen, uebermorgen Onboarding-Stufen.

Beispiel: Krisen-Kaskade ​

┌──────────────┐  ┌──────────────┐  ┌──────────────┐  ┌──────────────┐
│ Krisen-Team  │  │ Schulleitung │  │  Kollegium   │  │    Eltern    │
│              │  │              │  │              │  │              │
│ [Krisen-Chat]│→ │ [Leitungs-   │→ │ [Kollegiums- │→ │ [Eltern-     │
│              │  │  Briefing]   │  │  Info]       │  │  Info]       │
│              │  │              │  │              │  │              │
│ Alles.       │  │ Strategie,   │  │ Handlungs-   │  │ Sachlich,    │
│ Entscheidung │  │ Zeitleiste   │  │ anweisungen  │  │ beruhigend   │
└──────────────┘  └──────────────┘  └──────────────┘  └──────────────┘

Beispiel: Projekt-Phasen ​

┌──────────────┐  ┌──────────────┐  ┌──────────────┐
│  Planung     │  │  Umsetzung   │  │  Abschluss   │
│              │  │              │  │              │
│ [Planungs-   │  │ [Dev-Chat]   │  │ [Review-     │
│  Raum]       │  │ [Design-Chat]│  │  Chat]       │
│              │  │ [Test-Chat]  │  │              │
└──────────────┘  └──────────────┘  └──────────────┘

UI-Verhalten ​

Normal (alle Spalten sichtbar) ​

  • Spalten nebeneinander, gleiche Breite
  • Pro Spalte: Titel, Farbe, Space-Karten als kompakte Vorschau
  • Karten zeigen: Space-Name, letzte Nachricht, Unread-Badge

Fokus-Modus (Spalte angeklickt) ​

  • Angeklickte Spalte verbreitert sich (60-70% der Breite)
  • Chat des ausgewaehlten Space wird inline angezeigt — voll bedienbar
  • Andere Spalten schrumpfen zu schmalen Streifen (Name + Badge sichtbar)
  • Klick auf andere Spalte → Fokus wechselt

Drag & Drop ​

  • Spaces zwischen Spalten verschieben
  • Spalten-Reihenfolge aendern
  • Neue Spalte hinzufuegen / Spalte loeschen

Datenmodell ​

CascadeBoard {
  id, name, description, spaceId (owner-Space),
  tenantId, createdBy, createdAt
}

CascadeColumn {
  id, boardId, title, color, sortOrder
}

CascadeColumnSpace {
  id, columnId, spaceId, sortOrder
  → Verknuepfung: welcher Space in welcher Spalte
}

Ein Board gehoert zu einem Space (z.B. dem Krisen-Space). Die Spalten und ihre Space-Zuordnungen sind persistent.

Integration mit bestehendem System ​

Chat ​

  • Space-Karte zeigt Unread-Count aus dem Matrix-Sync
  • Fokus-Modus nutzt die bestehende useChatRoom() Hook
  • Nachrichten senden/empfangen direkt im Board

Krisenmanagement ​

  • Ein Krisen-Szenario kann automatisch ein Board mit vordefinierten Spalten erstellen
  • Spalten = Eskalationsstufen aus dem Szenario
  • Spaces werden aus dem Krisen-Event automatisch zugeordnet

Workflows (n8n) ​

  • "Nachricht an naechste Stufe weiterleiten" als Workflow-Action
  • Board-Status als Trigger (z.B. "wenn alle Spalten bestaetigt → Entwarnung")

Phasen ​

Phase 1: Board-Grundgeruest (~3 Tage) ​

  • Board + Spalten + Space-Zuordnung (CRUD)
  • Horizontales Spalten-Layout mit Space-Karten
  • Drag & Drop fuer Spaces und Spalten
  • Neuer Tab "Kaskade" im Space-Seitenpanel

Phase 2: Inline-Chat (~2 Tage) ​

  • Fokus-Modus: Spalte verbreitern, Chat anzeigen
  • Unread-Badges auf Karten
  • Nachrichten senden direkt aus dem Board

Phase 3: Krisen-Integration (~1 Tag) ​

  • Krisen-Szenario erstellt automatisch ein Board
  • Vordefinierte Spalten aus Eskalationsstufen
  • Link vom Krisen-Event zum Board

Phase 4: Informationsfluss (~2 Tage) ​

  • "Nachricht weiterleiten" von einer Spalte zur naechsten
  • Template-basiert: "Formulierung fuer Eltern" aus "Krisen-Team Nachricht"
  • Manuell zuerst, spaeter per Workflow automatisierbar

Gesamtaufwand: ~8 Tage