Nightly: Partymode-Status global per SSE /api/events Broadcast; Panic/Stop/Start senden Status an alle Clients

web/src/App.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
-import { fetchChannels, fetchSounds, playSound, setVolumeLive, getVolume, adminStatus, adminLogin, adminLogout, adminDelete, adminRename, playUrl, fetchCategories, createCategory, assignCategories, clearBadges, updateCategory, deleteCategory, partyStart, partyStop } from './api';
+import { fetchChannels, fetchSounds, playSound, setVolumeLive, getVolume, adminStatus, adminLogin, adminLogout, adminDelete, adminRename, playUrl, fetchCategories, createCategory, assignCategories, clearBadges, updateCategory, deleteCategory, partyStart, partyStop, subscribeEvents } from './api';
 import type { VoiceChannelInfo, Sound, Category } from './types';
 import { getCookie, setCookie } from './cookies';
 
@@ -74,6 +74,19 @@ export default function App() {
         const h = await fetch('/api/health').then(r => r.json()).catch(() => null);
         if (h && typeof h.totalPlays === 'number') setTotalPlays(h.totalPlays);
       } catch {}
+      // SSE: Partymode Status global synchronisieren
+      const unsub = subscribeEvents((msg)=>{
+        if (msg?.type === 'party') {
+          const [gid] = (selected||'').split(':');
+          if (gid && msg.guildId === gid) {
+            setChaosMode(!!msg.active);
+          }
+        } else if (msg?.type === 'snapshot') {
+          const [gid] = (selected||'').split(':');
+          if (gid) setChaosMode(msg.party?.includes(gid));
+        }
+      });
+      return () => { try { unsub(); } catch {} };
     })();
   }, []);
 

web/src/api.ts

@@ -106,6 +106,14 @@ export async function partyStop(guildId: string) {
   if (!res.ok) throw new Error('Partymode Stop fehlgeschlagen');
 }
 
+export function subscribeEvents(onMessage: (data: any)=>void) {
+  const ev = new EventSource(`${API_BASE}/events`);
+  ev.onmessage = (e) => {
+    try { const data = JSON.parse(e.data); onMessage(data); } catch {}
+  };
+  return () => ev.close();
+}
+
 export async function setVolumeLive(guildId: string, volume: number): Promise<void> {
   const res = await fetch(`${API_BASE}/volume`, {
     method: 'POST',