Feature: Live Stream-Liste + Toast Notifications

- stream_available/stream_ended WS-Events verarbeiten
- WS sofort beim Mount verbinden (nicht nur beim Broadcasting)
- WS reconnect immer aktiv (nicht nur bei aktivem Stream)
- Toast Notifications: neuer Stream, Update verfügbar/bereit
- Notification Permission beim App-Start anfragen

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

web/src/plugins/streaming/StreamingTab.tsx

@@ -165,9 +165,28 @@ export default function StreamingTab({ data }: { data: any }) {
         break;
 
       case 'stream_available':
+        setStreams(prev => {
+          if (prev.some(s => s.id === msg.streamId)) return prev;
+          return [...prev, {
+            id: msg.streamId,
+            broadcasterName: msg.broadcasterName,
+            title: msg.title,
+            startedAt: new Date().toISOString(),
+            viewerCount: 0,
+            hasPassword: true,
+          }];
+        });
+        // Toast notification for new stream
+        if (Notification.permission === 'granted') {
+          new Notification('Neuer Stream', {
+            body: `${msg.broadcasterName} streamt: ${msg.title}`,
+            icon: '/assets/icon.png',
+          });
+        }
         break;
 
       case 'stream_ended':
+        setStreams(prev => prev.filter(s => s.id !== msg.streamId));
         if (viewingRef.current?.streamId === msg.streamId) {
           cleanupViewer();
           setViewing(null);
@@ -303,17 +322,24 @@ export default function StreamingTab({ data }: { data: any }) {
 
     ws.onclose = () => {
       wsRef.current = null;
-      if (isBroadcastingRef.current || viewingRef.current) {
-        reconnectTimerRef.current = setTimeout(() => {
-          reconnectDelayRef.current = Math.min(reconnectDelayRef.current * 2, 10000);
-          connectWs();
-        }, reconnectDelayRef.current);
-      }
+      // Always reconnect to keep stream list in sync
+      reconnectTimerRef.current = setTimeout(() => {
+        reconnectDelayRef.current = Math.min(reconnectDelayRef.current * 2, 10000);
+        connectWs();
+      }, reconnectDelayRef.current);
     };
 
     ws.onerror = () => { ws.close(); };
   }, []);
 
+  // ── Connect WS on mount for live stream updates ──
+  useEffect(() => {
+    connectWs();
+    return () => {
+      if (reconnectTimerRef.current) clearTimeout(reconnectTimerRef.current);
+    };
+  }, [connectWs]);
+
   // ── Start broadcasting ──
   const startBroadcast = useCallback(async () => {
     if (!userName.trim()) { setError('Bitte gib einen Namen ein.'); return; }