fixed graph update

agents/agent.go

@@ -6,6 +6,7 @@ import (
 	"log"
 	"math"
 	"math/rand"
+	"net"
 	"net/http"
 	"net/url"
 	"os"
@@ -161,10 +162,41 @@ func randomInt(length int) int {
 
 }
 
+func GetLocalIP() net.IP {
+    addrs, err := net.InterfaceAddrs()
+    if err != nil {
+        log.Fatal(err)
+    }
+    for _, address := range addrs {
+        if ipnet, ok := address.(*net.IPNet); ok && !ipnet.IP.IsLoopback() {
+            if ipnet.IP.To4() != nil {
+                return ipnet.IP
+            }
+        }
+    }
+    return nil
+}
+
+func GetLocalIPs() []net.IP {
+    var ips []net.IP
+    addrs, err := net.InterfaceAddrs()
+    if err != nil {
+       log.Fatal(err)
+    }
+    for _, address := range addrs {
+        if ipnet, ok := address.(*net.IPNet); ok {
+            if ipnet.IP.To4() != nil {
+                ips = append(ips, ipnet.IP)
+            }
+        }
+    }
+    return ips
+}
+
 func main() {
 	agentName := "Agent-001"
 	agentId := strconv.Itoa(randomInt(5))
-	agentIp := "127.0.0.1"
+	agentIp := GetLocalIP().String()
 	agentType := "BaseAgent"
 	hostName, _ := os.Hostname()
 

static/agents-graph.js

@@ -46,16 +46,17 @@ document.addEventListener('DOMContentLoaded', function () {
     console.log('DOMContentLoaded fired.');
     initializeCytoscape();
     loadGraphData();
+
+    document.body.addEventListener('htmx:afterSwap', function (event) {
+        console.log('htmx:afterSwap fired.');
+        // if (event.target.id === 'agentList') {
+            initializeCytoscape();
+            loadGraphData();
+        // }
+    });
 });
 
 // Load the graph after HTMX swap
-document.body.addEventListener('htmx:afterSwap', function (event) {
-    console.log('htmx:afterSwap fired.');
-    if (event.target.id === 'agentList') {
-        initializeCytoscape();
-        loadGraphData();
-    }
-});
 
 async function updateGraph(agentData) {
     if (!cy) {

templates/index.html

@@ -77,7 +77,7 @@
                 hx-encoding="application/x-www-form-urlencoded"
                 hx-swap="innerHTML"
                 onsubmit="prepareAgentNames(event)">
-            <div class="mb-3">
+            <div style="visibility: collapse" class="mb-3">
               <label for="agentName" class="form-label">Agent Name</label>
               <select id="agentName" class="form-select" name="agentName"
                       hx-on="htmx:afterSwap:updateAgentDropdown">