redesign: 2-col layout, peers in sidebar, IRC-style messages, NAT dot

- Peers moved from right panel into sidebar below Rooms
- Messages left-aligned IRC style: time · alias · text
- Per-peer colored dot: green=direct/NAT-punched, amber=relay/connecting, red=failed
- Hover title on peer row shows full ID, connection type, remote address, last seen
- Removed right PeerList panel

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

web/src/store/index.ts

@@ -1,5 +1,12 @@
 import { create } from 'zustand'
-import type { PeerInfo, NetworkInfo, ChatMessage, FileEntry, IpcMessage } from '../types'
+import type { PeerInfo, NetworkInfo, ChatMessage, FileEntry, IpcMessage, PeerConnState, CandidateType } from '../types'
+
+export interface PeerStatus {
+  connState?: PeerConnState
+  candidateType?: CandidateType
+  remoteAddress?: string
+  lastSeen?: number
+}
 import { DaemonAdapter } from '../adapter/daemon'
 import { BrowserAdapter } from '../adapter/browser'
 
@@ -30,6 +37,9 @@ interface WasteState {
   // file listings — keyed by peer id
   fileLists: Record<string, FileEntry[]>
 
+  // per-peer connection status (browser mode) and last-seen timestamps
+  peerStatus: Record<string, PeerStatus>
+
   // identity backup export result (cleared when consumed)
   exportedBackup: string | null
 
@@ -57,6 +67,7 @@ export const useWaste = create<WasteState>((set, get) => ({
   activeRoom: 'general',
   fileLists: {},
   exportedBackup: null,
+  peerStatus: {},
 
   connect(url: string) {
     const adapter = new DaemonAdapter(url)
@@ -161,14 +172,37 @@ export const useWaste = create<WasteState>((set, get) => ({
         if (msg.message) {
           const m = msg.message
           const room = m.room
+          const fromId = String(m.from)
           set(s => {
             const existing = s.messages[room] ?? []
             if (m.mid && existing.some(e => e.mid === m.mid)) return s
-            return { messages: { ...s.messages, [room]: [...existing, m] } }
+            const prev = s.peerStatus[fromId] ?? {}
+            return {
+              messages: { ...s.messages, [room]: [...existing, m] },
+              peerStatus: { ...s.peerStatus, [fromId]: { ...prev, lastSeen: m.ts } },
+            }
           })
         }
         break
       }
+      case 'peer_status': {
+        const pid = String(msg.peer_id)
+        set(s => {
+          const prev = s.peerStatus[pid] ?? {}
+          return {
+            peerStatus: {
+              ...s.peerStatus,
+              [pid]: {
+                ...prev,
+                ...(msg.conn_state ? { connState: msg.conn_state } : {}),
+                ...(msg.candidate_type ? { candidateType: msg.candidate_type } : {}),
+                ...(msg.remote_address !== undefined ? { remoteAddress: msg.remote_address } : {}),
+              },
+            },
+          }
+        })
+        break
+      }
       case 'identity_exported': {
         if (msg.backup) set({ exportedBackup: msg.backup })
         break