{{ snapshot().summary.clientCount }} clients {{ snapshot().summary.serverCount }} servers {{ snapshot().summary.peerConnectionCount }} peer links {{ snapshot().summary.messageCount }} grouped messages

Local client Remote client Signaling Server

@if (snapshot().edges.length === 0) {

No network activity captured yet.

Enable debugging before connecting to signaling, joining a server, or opening peer channels to populate the live map.

}

Peer details

Updated {{ formatAge(snapshot().generatedAt) }}

@if (statusNodes().length === 0) {

Connected clients appear here with IDs, handshakes, text counts, streams, drops, and live download metrics.

} @else {

@for (node of statusNodes(); track node.id) {

ID {{ formatClientId(node) }}

@if (formatPeerIdentity(node); as peerIdentity) {

Peer {{ peerIdentity }}

}

@for (status of node.statuses; track status) { {{ status }} }

Streams

Streams A{{ node.streams.audio }} V{{ node.streams.video }}

Text

Text ↑{{ node.textMessages.sent }} ↓{{ node.textMessages.received }}

Handshakes

O {{ node.handshake.offersSent }}/{{ node.handshake.offersReceived }} · A {{ node.handshake.answersSent }}/{{ node.handshake.answersReceived }} · ICE {{ node.handshake.iceSent }}/{{ node.handshake.iceReceived }}

Download Mbps

↓ F {{ formatMbps(node.downloads.fileMbps) }} · A {{ formatMbps(node.downloads.audioMbps) }} · V {{ formatMbps(node.downloads.videoMbps) }}

Ping

Connection drops

}

Connection flows

Grouped by edge + message type

@if (connectionEdges().length === 0) {

Once logs arrive, each edge will show grouped signaling or P2P message types with counts.

} @else {

@for (edge of connectionEdges(); track edge.id) {

{{ edge.stateLabel }} · {{ formatAge(edge.lastSeen) }}

@if (edge.pingMs !== null) { Ping {{ edge.pingMs }} ms } {{ edge.messageTotal }} grouped messages

@if (edge.messageGroups.length > 0) {

@for (group of getVisibleMessageGroups(edge); track group.id) { {{ formatMessageGroup(group) }} } +{{ getHiddenMessageGroupCount(edge) }} more

} @else {

No grouped messages on this edge yet.

}