feat: add TCP/UDP connection count display in network card

Author: ReturnFI

handlers/network.go

@@ -12,10 +12,15 @@ import (
 )
 
 func getNetworkInfo() models.NetworkInfo {
+    tcp := getTCPConnections()
+    udp := getUDPConnections()
+    
     return models.NetworkInfo{
         Interfaces: getInterfaces(),
-        TCP:        getTCPConnections(),
-        UDP:        getUDPConnections(),
+        TCP:        tcp,
+        UDP:        udp,
+        TCPCount:   len(tcp),
+        UDPCount:   len(udp),
     }
 }
 
@@ -106,10 +111,6 @@ func getConnections(path string) []models.Connection {
             Status:     status,
             PID:        pid,
         })
-
-        if len(connections) >= 50 {
-            break
-        }
     }
 
     return connections

models/types.go

@@ -55,6 +55,8 @@ type NetworkInfo struct {
     Interfaces []InterfaceInfo `json:"interfaces"`
     TCP        []Connection    `json:"tcp"`
     UDP        []Connection    `json:"udp"`
+    TCPCount   int             `json:"tcp_count"`
+    UDPCount   int             `json:"udp_count"`
 }
 
 type InterfaceInfo struct {

static/index.html

@@ -125,6 +125,18 @@ <h2>Speed Test</h2>
                 </div>
             </div>
 
+            <div class="card">
+                <h2>Network</h2>
+                <div class="metric">
+                    <span class="value" id="tcp-count">0</span>
+                    <span class="label">TCP Connections</span>
+                </div>
+                <div class="metric">
+                    <span class="value" id="udp-count">0</span>
+                    <span class="label">UDP Connections</span>
+                </div>
+            </div>
+
             <div class="card large">
                 <h2>Top Processes</h2>
                 <div class="table-container">

static/script.js

@@ -64,6 +64,9 @@ class Dashboard {
         this.updateInterfaces(network.interfaces);
         this.updateConnections(network.tcp, 'tcp-table');
         this.updateConnections(network.udp, 'udp-table');
+        
+        document.getElementById('tcp-count').textContent = network.tcp_count || 0;
+        document.getElementById('udp-count').textContent = network.udp_count || 0;
     }
 
     updateInterfaces(interfaces) {