v0.11.10 ui changes

frontend/src/components/ChatWindow.jsx

@@ -8,7 +8,7 @@ import { useSocket } from '../contexts/SocketContext.jsx';
 import './ChatWindow.css';
 import GroupInfoModal from './GroupInfoModal.jsx';
 
-export default function ChatWindow({ group, onBack, onGroupUpdated, onDirectMessage, onlineUserIds = new Set() }) {
+export default function ChatWindow({ group, onBack, onGroupUpdated, onDirectMessage, onMessageDeleted, onlineUserIds = new Set() }) {
   const { user: currentUser } = useAuth();
   const { socket } = useSocket();
   const { toast } = useToast();
@@ -82,10 +82,17 @@ export default function ChatWindow({ group, onBack, onGroupUpdated, onDirectMess
       setTimeout(() => scrollToBottom(true), 50);
     };
 
-    const handleDeleted = ({ messageId }) => {
-      setMessages(prev => prev.map(m =>
-        m.id === messageId ? { ...m, is_deleted: 1, content: null, image_url: null } : m
-      ));
+    const handleDeleted = ({ messageId, groupId }) => {
+      setMessages(prev => {
+        const updated = prev.map(m =>
+          m.id === messageId ? { ...m, is_deleted: 1, content: null, image_url: null } : m
+        );
+        // Notify Chat.jsx so the sidebar preview updates immediately — pass the
+        // post-delete messages so it can derive the new last non-deleted message
+        // without an extra API call.
+        onMessageDeleted?.({ groupId, messages: updated });
+        return updated;
+      });
     };
 
     const handleReaction = ({ messageId, reactions }) => {