Migrate frontend realtime messaging to SSE.

Switch service integrations and screen/store consumers from websocket events to SSE, and ignore generated dist-web artifacts.

Made-with: Cursor

src/screens/message/MessageListScreen.tsx

@@ -72,9 +72,10 @@ const truncateDisplayName = (name: string, maxLength: number = MAX_CONVERSATION_
  */
 const AsyncMessagePreview: React.FC<{
   segments?: MessageSegment[];
+  status?: string;
   isGroupChat?: boolean;
   senderName?: string;
-}> = ({ segments, isGroupChat, senderName }) => {
+}> = ({ segments, status, isGroupChat, senderName }) => {
   const [displayText, setDisplayText] = useState<string>('');
   const isMountedRef = useRef(true);
   
@@ -82,6 +83,13 @@ const AsyncMessagePreview: React.FC<{
     isMountedRef.current = true;
     
     const loadPreview = async () => {
+      if (status === 'recalled') {
+        if (isMountedRef.current) {
+          setDisplayText('消息已撤回');
+        }
+        return;
+      }
+
       const initialText = extractTextFromSegments(segments);
       if (isMountedRef.current) {
         setDisplayText(initialText);
@@ -112,7 +120,7 @@ const AsyncMessagePreview: React.FC<{
     return () => {
       isMountedRef.current = false;
     };
-  }, [segments]);
+  }, [segments, status]);
   
   if (!displayText) return null;
   
@@ -556,6 +564,7 @@ export const MessageListScreen: React.FC = () => {
               ) : (
                 <AsyncMessagePreview
                   segments={item.last_message?.segments}
+                  status={item.last_message?.status}
                   isGroupChat={isGroupChat}
                   senderName={getSenderName()}
                 />