feat: enhance real-time weather session updates by broadcasting user information and syncing local state in WeatherCard component

src/components/weather/WeatherCard.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useTransition } from 'react';
+import { useState, useTransition, useEffect } from 'react';
 import { createOrUpdateWeatherEntry } from '@/actions/weather';
 import { Avatar } from '@/components/ui/Avatar';
 import { Textarea } from '@/components/ui/Textarea';
@@ -61,6 +61,16 @@ export function WeatherCard({ sessionId, currentUserId, entry, canEdit }: Weathe
   const isCurrentUser = entry.userId === currentUserId;
   const canEditThis = canEdit && isCurrentUser;
 
+  // Sync local state with props when they change (e.g., from SSE refresh)
+  useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    setNotes(entry.notes || '');
+    setPerformanceEmoji(entry.performanceEmoji || null);
+    setMoralEmoji(entry.moralEmoji || null);
+    setFluxEmoji(entry.fluxEmoji || null);
+    setValueCreationEmoji(entry.valueCreationEmoji || null);
+  }, [entry.notes, entry.performanceEmoji, entry.moralEmoji, entry.fluxEmoji, entry.valueCreationEmoji]);
+
   function handleEmojiChange(axis: 'performance' | 'moral' | 'flux' | 'valueCreation', emoji: string | null) {
     if (!canEditThis) return;