Herzlich willkommen zur Live-Fortbildung. Der Chat ist freigeschaltet — bitte beachten Sie die Verhaltensregeln.
Akademie · Webcast
Live-Chat
Live-Chat unter dem Mux-Player auf der Webcast-Seite. Pure-UI-Bausteine aus dem UI-Paket — Wiring + Realtime-State liegen im Akademie-Frontend.
Volle KompositionWIP
Wie sich Container, Tabs, Message-Liste, Reactions und Composer im Akademie-Frontend zusammenfügen. State (aktiver Tab, Composer-Wert, Reactions pro Message) ist hier lokal — in der echten Anwendung kommt das von LiveChatClient.
Dr. med. Anke WeberModeration Prof. Dr. med. Martin HossReferent Schön, dass Sie alle dabei sind. Wir starten gleich mit den aktuellen Leitlinienänderungen zur Lysetherapie.
Dr. Lena Krüger Funktioniert der Ton bei allen?
- Diese Nachricht wurde von der Moderation entfernt.
Dr. med. Anke WeberModeration Erinnerung: Für die CME-Punkte bitte am Ende die Lernerfolgskontrolle ausfüllen.
Sie Danke für den Hinweis — wann genau wird die LEK freigeschaltet?
ChatCardWIP
Outer container. Höhe via clamp(480px, 60vh, 720px), eigene Border + Shadow. Optional `locked`-Mode mit Blur + pointer-events-off — sichtbares Wrapper für die LockGate-Surface oben drauf.
Inhalt der Karte — bei
locked=true wird er per CSS unscharf dargestellt und pointer-events deaktiviert, damit eine darüber gerenderte Overlay-Surface (LockGate / Onboarding) sauber den Vordergrund einnimmt.ChatTabsWIP
Tab-Shell: Chat (default) → Fragen → Polls. Count-Badges am aktiven Tab heben sich farblich ab. Polls bekommt einen Dot-Indicator wenn aktiv (statt Count, weil max. 1 aktiver Poll). Tastatur-Navigation: ← / → / Home / End.
Aktiver Tab: chat
ChatMessageItemWIP
Einzelne Message-Row: Avatar, Name, optionale Rollen-Badge, Zeit, Body. Avatar-Variante pro Rolle: Moderator brand-primary, Referent brand-accent, Teilnehmer neutral. Eigene Nachrichten (isOwn=true) bekommen einen dezenten Hintergrund-Tint.
Funktioniert der Ton bei allen?
Schön, dass Sie alle dabei sind.
Erinnerung: bitte am Ende die LEK ausfüllen.
Danke für den Hinweis.
Frage zur Aktendokumentation: dürfen Folien anonymisiert geteilt werden?
ChatReactionBarWIP
Emoji-Reaktionsleiste unter jeder Message. Sechs erlaubte Reaktionen aus dem Backend-Allowlist (Daumen hoch, Klatschen, Treffer, Herz, Idee, Erledigt) als Lucide-Icons. Hover-revealed Picker-Trigger auf Desktop, permanent sichtbar auf Touch. Bereits gewählte Reaktionen sind als brand-getönte Chips hervorgehoben.
Vielen Dank für den anregenden Vortrag — eine kurze Rückfrage zur Dosistitration.
Noch keine Reaktion auf diese Nachricht — der Picker-Trigger ist auf Touch permanent sichtbar.
Disabled-State (z. B. während ein Toggle-RPC läuft) — Chips und Trigger reagieren nicht.
ChatMessageDeletedPlaceholderWIP
Ersetzt eine von der Moderation entfernte Nachricht in der Liste. Bleibt sichtbar, damit Teilnehmer nicht verwirrt sind. Die Identität des Moderators wird hier bewusst nicht gezeigt — nur das Audit-Log enthält sie.
Diese Nachricht wurde von der Moderation entfernt.
ChatMessageListWIP
Scroll-Container für die Message-Liste. Auto-Scroll-Heuristik im Twitch-Stil: wenn der User nahe am unteren Ende ist, scrollen neue Nachrichten automatisch nach unten; wenn er nach oben gescrollt hat, bleibt seine Position erhalten.
ChatComposerWIP
Textarea + Send-Button mit Auto-Grow (max. ~6 Zeilen). Enter sendet, Shift+Enter erzeugt einen Zeilenumbruch. Der `rateLimitNotice`-Prop ersetzt den Standard-Hinweis durch eine Cooldown-Meldung.
Mit mehreren Zeilen (Auto-Grow):
Mit Rate-Limit-Hinweis:
ChatQuestionItemWIP
Einzelne Frage-Karte. Drei Spalten: Upvote-Stack links, Avatar in der Mitte, Header + Body + optionale Actions rechts. Antwortet-Badge taucht im Header auf, wenn `answeredAt` gesetzt ist. Visuell konsistent zur ChatMessageItem (gleiche Avatar-Größe, gleicher Hover-Time-Trick, gleiche Action-Slot-Mechanik).
Gibt es bei der neuen Leitlinie konkrete Empfehlungen zur Lyse-Therapie bei Patienten mit Vorhofflimmern und gleichzeitiger Antikoagulation?
Welche Bildgebung wird vor Lyse-Start empfohlen?
Wie sieht die Empfehlung bei Patienten über 80 mit gleichzeitiger Niereninsuffizienz aus?
ChatQuestionListWIP
Scrollbare Liste aller Fragen. Sortierung kommt vom Caller — Standard: unbeantwortet zuerst nach Upvotes absteigend, dann beantwortet nach Zeit. DeletedPlaceholder-Rows wandern dazwischen, wenn eine Frage soft-gelöscht wurde.
Dr. Sebastian Vogel Gibt es bei der neuen Leitlinie konkrete Empfehlungen zur Lyse-Therapie bei Patienten mit Vorhofflimmern und gleichzeitiger Antikoagulation?
Sie Wie sieht die Empfehlung bei Patienten über 80 mit gleichzeitiger Niereninsuffizienz aus?
- Diese Frage wurde entfernt.
Dr. Lena KrügerBeantwortet Welche Bildgebung wird vor Lyse-Start empfohlen?
Prof. Dr. med. Martin HossReferentBeantwortet Eine Verständnisfrage aus dem Backstage — kommt der Q&A-Block am Ende oder zwischendurch?
ChatQuestionFormWIP
Eingabe einer neuen Frage. 500-Zeichen-Limit (= DB-CHECK), Auto-Grow bis ~6 Zeilen, Enter sendet · Shift+Enter neue Zeile. Char-Counter rechts unten. Pendant zum ChatComposer.
ChatPollCreateFormWIP
Inline-Formular zur Poll-Erstellung. Titel max. 200 Zeichen, 2–6 Optionen (je max. 120 Zeichen), Single- oder Multi-Choice, drei Reveal-Modi. Validiert clientseitig + erwartet Re-Validierung in der Server-Action.
ChatPollCardWIP
Live-Poll-Anzeige im Polls-Tab. Drei Render-States: offen + kann voten (Buttons / Checkboxen), offen + bereits gevoted (gesperrt, Hinweis), geschlossen (finale Bars). Reveal-Mode steuert ob Counts und Prozente sichtbar sind. Multi-Choice fügt einen Submit-Button hinzu.
Welche Aussage zur Lyse-Therapie trifft am ehesten zu?
ChatEmptyStateWIP
Leerzustände im Message-Listen-Bereich. Drei Varianten je Anwendungsfall.
Chat öffnet bei Streamstart
Der Live-Chat wird verfügbar, sobald der Stream beginnt.
Noch keine Nachrichten
Schreiben Sie als Erste:r — Ihr Beitrag ist für alle Teilnehmer sichtbar.
Chat pausiert
Der Chat wurde im Hintergrund pausiert, um Ressourcen zu sparen.
ChatLockGateWIP
Centered Card mit Lock-Icon und CTA. Liegt absolut über dem ChatCard-Inhalt — dieser ist via `locked` blurred. Klick auf den CTA öffnet die In-Card-Onboarding-Surface.
ChatOnboardingSurfaceWIP
In-Card-Overlay (kein Modal), das nach Klick auf das LockGate erscheint. Zwei Schritte: (1) Sichtbarkeits-Wahl mit Live-Avatar-Preview, (2) Verhaltensregeln mit Checkbox-Bestätigung. Der Consumer (LiveChatClient) hält Step + Visibility + Checkbox-State und bekommt onSubmit für die Join-Chat-RPC.
ChatPausedOverlayWIP
Card-deckendes Overlay für den `paused`-State (Tab > 30 s im Hintergrund → unsubscribed). Auto-Resume bei Tab-Focus; der CTA erlaubt manuelles Wiederverbinden.