Enhance peer display by including peer names alongside IP addresses in the WebUI and CLI. Update peer data retrieval to fetch names from node information.

src/admin/getpeers.go

@@ -2,12 +2,16 @@ package admin
 
 import (
 	"encoding/hex"
+	"fmt"
 	"net"
 	"slices"
 	"strings"
 	"time"
 
+	"encoding/json"
+
 	"github.com/yggdrasil-network/yggdrasil-go/src/address"
+	"github.com/yggdrasil-network/yggdrasil-go/src/core"
 )
 
 type GetPeersRequest struct {
@@ -34,6 +38,7 @@ type PeerEntry struct {
 	Latency       time.Duration `json:"latency,omitempty"`
 	LastErrorTime time.Duration `json:"last_error_time,omitempty"`
 	LastError     string        `json:"last_error,omitempty"`
+	Name          string        `json:"name,omitempty"`
 }
 
 func (a *AdminSocket) getPeersHandler(_ *GetPeersRequest, res *GetPeersResponse) error {
@@ -64,6 +69,25 @@ func (a *AdminSocket) getPeersHandler(_ *GetPeersRequest, res *GetPeersResponse)
 			peer.LastError = p.LastError.Error()
 			peer.LastErrorTime = time.Since(p.LastErrorTime)
 		}
+
+		// Get nodeinfo from peer to extract name
+		if p.Up && len(p.Key) > 0 {
+			if nodeInfo, err := a.CallHandler("getNodeInfo", []byte(fmt.Sprintf(`{"key":"%s"}`, hex.EncodeToString(p.Key[:])))); err == nil {
+				if nodeInfoMap, ok := nodeInfo.(core.GetNodeInfoResponse); ok {
+					for _, nodeInfoData := range nodeInfoMap {
+						var nodeInfoObj map[string]interface{}
+						if json.Unmarshal(nodeInfoData, &nodeInfoObj) == nil {
+							if name, exists := nodeInfoObj["name"]; exists {
+								if nameStr, ok := name.(string); ok {
+									peer.Name = nameStr
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+
 		res.Peers = append(res.Peers, peer)
 	}
 	slices.SortStableFunc(res.Peers, func(a, b PeerEntry) int {

src/webui/static/app.js

@@ -166,7 +166,9 @@ function createPeerElement(peer) {
     div.innerHTML = `
         <div class="peer-header">
             <div class="peer-address-section">
-                <div class="peer-address copyable" onclick="copyPeerAddress('${peer.address || ''}')" data-key-title="copy_address_tooltip">${peer.address || 'N/A'}</div>
+                <div class="peer-address copyable" onclick="copyPeerAddress('${peer.address || ''}')" data-key-title="copy_address_tooltip">
+                    ${peer.name || 'N/A'} (${peer.address || 'N/A'})
+                </div>
                 <div class="peer-key copyable" onclick="copyPeerKey('${peer.key || ''}')" data-key-title="copy_key_tooltip">${yggUtils.formatPublicKey(peer.key) || 'N/A'}</div>
             </div>
             <div class="peer-status-section">