diff --git a/app/api/rooms/[roomId]/members/route.ts b/app/api/rooms/[roomId]/members/route.ts
index c46c494..521dff4 100644
--- a/app/api/rooms/[roomId]/members/route.ts
+++ b/app/api/rooms/[roomId]/members/route.ts
@@ -7,6 +7,14 @@ type MemberRow = {
   joined_at: string
 }
 
+type ProfileRow = {
+  id: string
+  display_name: string | null
+  username: string | null
+  wallet_address: string | null
+  avatar_url: string | null
+}
+
 export async function GET(
   request: NextRequest,
   { params }: { params: Promise<{ roomId: string }> }
@@ -34,11 +42,37 @@ export async function GET(
 
     if (error) throw error
 
+    const memberIds = (members ?? []).map((member) => member.user_id)
+    let profiles: ProfileRow[] = []
+    let profilesError: unknown = null
+
+    if (memberIds.length) {
+      const profileResult = await supabase
+        .from("profiles")
+        .select("id, display_name, username, wallet_address, avatar_url")
+        .in("id", memberIds)
+
+      profiles = (profileResult.data ?? []) as ProfileRow[]
+      profilesError = profileResult.error
+    }
+
+    if (profilesError) {
+      console.warn("[rooms/members] profile lookup failed:", profilesError)
+    }
+
+    const profileById = new Map(profiles.map((profile) => [profile.id, profile] as const))
+
     return NextResponse.json({
       members: ((members ?? []) as MemberRow[]).map((m) => ({
         user_id: m.user_id,
         joined_at: m.joined_at,
         is_current_user: m.user_id === user.id,
+        display_name:
+          profileById.get(m.user_id)?.display_name ??
+          profileById.get(m.user_id)?.username ??
+          null,
+        wallet_address: profileById.get(m.user_id)?.wallet_address ?? null,
+        avatar_url: profileById.get(m.user_id)?.avatar_url ?? null,
       })),
     })
   } catch (error) {
diff --git a/components/presence-indicator.tsx b/components/presence-indicator.tsx
index ffe095d..100c785 100644
--- a/components/presence-indicator.tsx
+++ b/components/presence-indicator.tsx
@@ -2,7 +2,7 @@
 
 import { cn } from "@/lib/utils"
 
-export type PresenceStatus = "online" | "offline" | "recently_active"
+export type PresenceStatus = "online" | "offline" | "recently_active" | "away"
 
 interface PresenceIndicatorProps {
   status: PresenceStatus
@@ -11,6 +11,7 @@ interface PresenceIndicatorProps {
 }
 
 export function PresenceIndicator({ status, className, showText = false }: PresenceIndicatorProps) {
+  const normalizedStatus = status === "away" ? "recently_active" : status
   const statusColors = {
     online: "bg-green-500 shadow-[0_0_8px_rgba(34,197,94,0.4)]",
     offline: "bg-muted-foreground/40",
@@ -26,17 +27,17 @@ export function PresenceIndicator({ status, className, showText = false }: Prese
   return (
     <div 
       className={cn("flex items-center gap-2", className)}
-      title={statusLabels[status]}
+      title={statusLabels[normalizedStatus]}
     >
       <span
         className={cn(
           "w-2.5 h-2.5 rounded-full ring-2 ring-background transition-all duration-300",
-          statusColors[status]
+          statusColors[normalizedStatus]
         )}
       />
       {showText && (
         <span className="text-xs text-muted-foreground font-medium">
-          {statusLabels[status]}
+          {statusLabels[normalizedStatus]}
         </span>
       )}
     </div>
diff --git a/components/room-members-dialog.tsx b/components/room-members-dialog.tsx
index 8ebfc78..ded8480 100644
--- a/components/room-members-dialog.tsx
+++ b/components/room-members-dialog.tsx
@@ -1,15 +1,21 @@
 "use client"
 
-import { useEffect, useState } from "react"
+import { useEffect, useMemo, useState } from "react"
 import * as Dialog from "@radix-ui/react-dialog"
 import { Users, UserMinus, Loader2 } from "lucide-react"
 import toast from "react-hot-toast"
 import { cn } from "@/lib/utils"
+import { PresenceIndicator } from "@/components/presence-indicator"
+import { WalletAddress } from "@/components/wallet-address"
+import { useWebSocket, useWebSocketMessage, useWebSocketSend } from "@/lib/websocket/hooks"
 
 type Member = {
   user_id: string
   joined_at: string
   is_current_user: boolean
+  display_name: string | null
+  wallet_address: string | null
+  avatar_url: string | null
 }
 
 type VotesByTarget = Record<
@@ -17,6 +23,20 @@ type VotesByTarget = Record<
   { count: number; voters: string[] }
 >
 
+type MemberPresence = "online" | "offline" | "away"
+
+type PresenceSnapshotPayload = {
+  users?: Array<{
+    userId: string
+    status: MemberPresence
+  }>
+}
+
+type PresenceUpdatePayload = {
+  userId: string
+  status: MemberPresence
+}
+
 type RoomMembersDialogProps = {
   roomId: string
   open: boolean
@@ -34,6 +54,9 @@ export function RoomMembersDialog({
   const [votes, setVotes] = useState<VotesByTarget>({})
   const [loading, setLoading] = useState(false)
   const [votingId, setVotingId] = useState<string | null>(null)
+  const [presenceByUserId, setPresenceByUserId] = useState<Record<string, MemberPresence>>({})
+  const { connectionState } = useWebSocket({ autoConnect: false })
+  const { requestPresenceSnapshot } = useWebSocketSend()
 
   const fetchData = async () => {
     if (!roomId) return
@@ -45,9 +68,18 @@ export function RoomMembersDialog({
       ])
       if (membersRes.ok) {
         const data = await membersRes.json()
-        setMembers(data.members ?? [])
+        const nextMembers: Member[] = data.members ?? []
+        setMembers(nextMembers)
+        setPresenceByUserId((prev) => {
+          const next: Record<string, MemberPresence> = {}
+          for (const member of nextMembers) {
+            next[member.user_id] = prev[member.user_id] ?? "offline"
+          }
+          return next
+        })
       } else {
         setMembers([])
+        setPresenceByUserId({})
       }
       if (votesRes.ok) {
         const data = await votesRes.json()
@@ -59,15 +91,65 @@ export function RoomMembersDialog({
       toast.error("Failed to load room members")
       setMembers([])
       setVotes({})
+      setPresenceByUserId({})
     } finally {
       setLoading(false)
     }
   }
 
+  const mergedMembers = useMemo(() => {
+    const statusRank: Record<MemberPresence, number> = {
+      online: 0,
+      away: 1,
+      offline: 2,
+    }
+
+    return [...members]
+      .map((member) => ({
+        ...member,
+        presence: presenceByUserId[member.user_id] ?? "offline",
+      }))
+      .sort((left, right) => {
+        const statusDiff =
+          statusRank[left.presence] - statusRank[right.presence]
+        if (statusDiff !== 0) return statusDiff
+        return left.joined_at.localeCompare(right.joined_at)
+      })
+  }, [members, presenceByUserId])
+
   useEffect(() => {
     if (open && roomId) fetchData()
   }, [open, roomId])
 
+  useEffect(() => {
+    if (open && roomId && connectionState === "connected") {
+      requestPresenceSnapshot()
+    }
+  }, [open, roomId, connectionState, requestPresenceSnapshot])
+
+  useWebSocketMessage("presence_snapshot", (msg) => {
+    const payload = msg.payload as PresenceSnapshotPayload
+    if (!payload.users?.length) return
+
+    setPresenceByUserId((prev) => {
+      const next = { ...prev }
+      for (const user of payload.users ?? []) {
+        next[user.userId] = user.status
+      }
+      return next
+    })
+  })
+
+  useWebSocketMessage("presence_update", (msg) => {
+    const payload = msg.payload as PresenceUpdatePayload
+    if (!payload.userId) return
+
+    setPresenceByUserId((prev) => ({
+      ...prev,
+      [payload.userId]: payload.status,
+    }))
+  })
+
   const handleVoteRemove = async (targetUserId: string) => {
     setVotingId(targetUserId)
     try {
@@ -126,20 +208,40 @@ export function RoomMembersDialog({
             </p>
           ) : (
             <ul className="space-y-2 max-h-64 overflow-y-auto">
-              {members.map((m) => {
+              {mergedMembers.map((m) => {
                 const voteCount = votes[m.user_id]?.count ?? 0
                 const isVoting = votingId === m.user_id
                 return (
                   <li
                     key={m.user_id}
-                    className="flex items-center justify-between gap-2 rounded-xl bg-[#181822] border border-border/60 px-3 py-2"
+                    className="flex items-center justify-between gap-3 rounded-xl bg-[#181822] border border-border/60 px-3 py-2"
                   >
-                    <span className="text-sm font-mono truncate" title={m.user_id}>
-                      {displayId(m.user_id)}
-                      {m.is_current_user && (
-                        <span className="ml-2 text-[10px] text-primary">(you)</span>
-                      )}
-                    </span>
+                    <div className="min-w-0 flex items-center gap-2">
+                      <PresenceIndicator
+                        status={m.presence}
+                        showText
+                        className="shrink-0"
+                      />
+                      <div className="min-w-0">
+                        <WalletAddress
+                          address={m.wallet_address}
+                          fallback={m.display_name || displayId(m.user_id)}
+                          className="max-w-full"
+                          addressClassName="text-sm"
+                        />
+                        {m.display_name && (
+                          <p className="truncate text-[11px] text-muted-foreground">
+                            {m.display_name}
+                            {m.is_current_user && " • you"}
+                          </p>
+                        )}
+                        {!m.display_name && m.is_current_user && (
+                          <p className="truncate text-[11px] text-muted-foreground">
+                            you
+                          </p>
+                        )}
+                      </div>
+                    </div>
                     {!m.is_current_user && (
                       <button
                         type="button"
diff --git a/lib/websocket/client.ts b/lib/websocket/client.ts
index 80059ca..a41150d 100644
--- a/lib/websocket/client.ts
+++ b/lib/websocket/client.ts
@@ -249,6 +249,13 @@ export class WebSocketClient {
       timestamp: Date.now(),
     });
 
+  requestPresenceSnapshot = () =>
+    this.send({
+      type: "request_presence_snapshot",
+      payload: {},
+      timestamp: Date.now(),
+    });
+
   /**
    * FIX FOR JOB 72926850335:
    * Add missing method to acknowledge message delivery
diff --git a/lib/websocket/hooks.ts b/lib/websocket/hooks.ts
index c5f1d34..a1bf8ed 100644
--- a/lib/websocket/hooks.ts
+++ b/lib/websocket/hooks.ts
@@ -159,6 +159,9 @@ export function useWebSocketSend() {
     notifyStopTyping: useCallback((roomId: string) => {
       client.current.notifyStopTyping(roomId);
     }, []),
+    requestPresenceSnapshot: useCallback(() => {
+      client.current.requestPresenceSnapshot();
+    }, []),
     /**
      * Resolves Job 72843331390 by calling the newly added method in WebSocketClient.
      */
diff --git a/lib/websocket/index.ts b/lib/websocket/index.ts
index 66caeda..1242290 100644
--- a/lib/websocket/index.ts
+++ b/lib/websocket/index.ts
@@ -20,6 +20,7 @@ export {
   sendWebSocketMessage,
   notifyWebSocketTyping,
   notifyWebSocketStopTyping,
+  requestWebSocketPresenceSnapshot,
   notifyWebSocketWalletEvent,
   getWebSocketStatus,
   isWebSocketConnected,
diff --git a/lib/websocket/server.ts b/lib/websocket/server.ts
index 872c90d..107df97 100644
--- a/lib/websocket/server.ts
+++ b/lib/websocket/server.ts
@@ -22,13 +22,24 @@ interface Room {
   users: Set<string>
 }
 
+interface PresenceRecord {
+  userId: string
+  displayName: string
+  walletAddress?: string
+  avatarUrl?: string
+  status: "online" | "offline" | "away"
+  lastSeen: number
+}
+
 // In-memory storage
 const clients = new Map<string, ClientConnection>()
 const rooms = new Map<string, Room>()
-const userPresence = new Map<string, User>()
+const userPresence = new Map<string, PresenceRecord>()
+const userConnections = new Map<string, Set<string>>()
+const presenceTimeouts = new Map<string, NodeJS.Timeout>()
 
 const HEARTBEAT_INTERVAL = 30000 // 30 seconds
-const RECONNECT_TIMEOUT = 60000 // 60 seconds
+const PRESENCE_GRACE_PERIOD = 5000 // 5 seconds
 
 export function createWebSocketServer(port: number = 3001) {
   const server = http.createServer()
@@ -66,6 +77,80 @@ export function createWebSocketServer(port: number = 3001) {
     })
   }
 
+  function getPresenceSnapshot() {
+    return Array.from(userPresence.values()).map((presence) => ({
+      userId: presence.userId,
+      displayName: presence.displayName,
+      walletAddress: presence.walletAddress,
+      status: presence.status,
+      lastSeen: presence.lastSeen,
+    }))
+  }
+
+  function sendPresenceSnapshot(ws: WebSocket) {
+    ws.send(
+      JSON.stringify({
+        type: "presence_snapshot",
+        payload: {
+          users: getPresenceSnapshot(),
+        },
+        timestamp: Date.now(),
+      }),
+    )
+  }
+
+  function clearPendingPresenceTimeout(userId: string) {
+    const timeout = presenceTimeouts.get(userId)
+    if (timeout) {
+      clearTimeout(timeout)
+      presenceTimeouts.delete(userId)
+    }
+  }
+
+  function broadcastPresenceUpdate(presence: PresenceRecord) {
+    broadcastToAll({
+      type: "presence_update",
+      payload: {
+        userId: presence.userId,
+        displayName: presence.displayName,
+        walletAddress: presence.walletAddress,
+        status: presence.status,
+        lastSeen: presence.lastSeen,
+      },
+      timestamp: Date.now(),
+    })
+  }
+
+  function registerUserConnection(clientId: string, user: User) {
+    const connections = userConnections.get(user.id) ?? new Set<string>()
+    connections.add(clientId)
+    userConnections.set(user.id, connections)
+    clearPendingPresenceTimeout(user.id)
+  }
+
+  function schedulePresenceOffline(userId: string) {
+    clearPendingPresenceTimeout(userId)
+    presenceTimeouts.set(
+      userId,
+      setTimeout(() => {
+        const connections = userConnections.get(userId)
+        if (connections && connections.size > 0) {
+          return
+        }
+
+        const presence = userPresence.get(userId)
+        if (!presence) {
+          return
+        }
+
+        presence.status = "offline"
+        presence.lastSeen = Date.now()
+        broadcastPresenceUpdate(presence)
+        userPresence.delete(userId)
+      }, PRESENCE_GRACE_PERIOD),
+    )
+  }
+
   function setupHeartbeat(clientId: string) {
     const client = clients.get(clientId)
     if (!client) return
@@ -83,13 +168,22 @@ export function createWebSocketServer(port: number = 3001) {
 
   function cleanupClient(clientId: string) {
     const client = clients.get(clientId)
-    if (client) {
-      if (client.heartbeatTimer) {
-        clearInterval(client.heartbeatTimer as any)
+    if (client?.heartbeatTimer) {
+      clearInterval(client.heartbeatTimer as any)
+    }
+
+    if (client?.userId) {
+      const connections = userConnections.get(client.userId)
+      if (connections) {
+        connections.delete(clientId)
+        if (connections.size === 0) {
+          userConnections.delete(client.userId)
+          schedulePresenceOffline(client.userId)
+        } else {
+          userConnections.set(client.userId, connections)
+        }
       }
-      client.ws.close()
     }
-    clients.delete(clientId)
 
     // Remove from all rooms
     rooms.forEach((room) => {
@@ -98,18 +192,25 @@ export function createWebSocketServer(port: number = 3001) {
       }
     })
 
-    // Notify about presence update
-    if (client?.userId) {
-      userPresence.delete(client.userId)
-      broadcastToAll({
-        type: "presence_update",
-        payload: {
-          userId: client.userId,
-          status: "offline",
-        },
-        timestamp: Date.now(),
-      })
+    clients.delete(clientId)
+  }
+
+  function setUserOnline(user: User) {
+    const previousPresence = userPresence.get(user.id)
+    const nextPresence: PresenceRecord = {
+      userId: user.id,
+      displayName: user.displayName,
+      walletAddress: user.walletAddress,
+      avatarUrl: user.avatarUrl,
+      status: "online",
+      lastSeen: Date.now(),
     }
+    userPresence.set(user.id, nextPresence)
+
+    if (!previousPresence || previousPresence.status !== "online") {
+      broadcastPresenceUpdate(nextPresence)
+    }
+    return nextPresence
   }
 
   // Handle WebSocket connections
@@ -148,18 +249,11 @@ export function createWebSocketServer(port: number = 3001) {
               avatarUrl: message.payload.avatarUrl,
             }
 
-            userPresence.set(message.payload.userId, connection.user)
+            registerUserConnection(clientId, connection.user)
+            setUserOnline(connection.user)
 
-            // Broadcast presence update
-            broadcastToAll({
-              type: "presence_update",
-              payload: {
-                userId: message.payload.userId,
-                displayName: message.payload.displayName,
-                status: "online",
-              },
-              timestamp: Date.now(),
-            })
+            // Send a snapshot so late listeners can initialize immediately
+            sendPresenceSnapshot(ws)
             break
           }
 
@@ -311,6 +405,11 @@ export function createWebSocketServer(port: number = 3001) {
             break
           }
 
+          case "request_presence_snapshot": {
+            sendPresenceSnapshot(ws)
+            break
+          }
+
           case "pong":
             // Heartbeat pong response - no action needed
             break
diff --git a/lib/websocket/utils.ts b/lib/websocket/utils.ts
index f0c66ad..64e50bf 100644
--- a/lib/websocket/utils.ts
+++ b/lib/websocket/utils.ts
@@ -111,6 +111,19 @@ export function notifyWebSocketStopTyping(roomId: string) {
   client.notifyStopTyping(roomId)
 }
 
+/**
+ * Requests a fresh presence snapshot from the WebSocket server
+ */
+export function requestWebSocketPresenceSnapshot() {
+  const client = getWebSocketClient()
+
+  if (!client.isConnected()) {
+    return
+  }
+
+  client.requestPresenceSnapshot()
+}
+
 /**
  * Notifies a wallet connect/disconnect event
  */
diff --git a/types/websocket.ts b/types/websocket.ts
index 352148d..15d4cfb 100644
--- a/types/websocket.ts
+++ b/types/websocket.ts
@@ -9,6 +9,7 @@ export type WebSocketServerEventType =
   | "wallet_connect"
   | "wallet_disconnect"
   | "presence_update"
+  | "presence_snapshot"
   | "error"
   | "connection_established"
 
@@ -22,6 +23,7 @@ export type WebSocketClientEventType =
   | "typing"
   | "stop_typing"
   | "wallet_event"
+  | "request_presence_snapshot"
   | "pong"
 
 // All event types
@@ -36,6 +38,7 @@ export interface WebSocketMessage {
 export interface UserPresence {
   userId: string
   displayName: string
+  walletAddress?: string
   status: "online" | "offline" | "away"
   lastSeen: number
 }