Updated with additional blueprints

static/blueprints/08_all_in_one.json

@@ -3,10 +3,8 @@
   "elements": {
     "nodes": [
       { "data": { "id": "ran", "label": "RAN" }, "position": { "x": 100,  "y": 240 } },
-
-      { "data": { "id": "proxmox", "label": "Proxmox Host" }, "position": { "x": 450, "y": 240 } },
-      { "data": { "id": "core", "label": "All-in-One Core", "parent": "proxmox" }, "position": { "x": 450, "y": 240 } },
-
+      { "data": { "id": "server1", "label": "Host Machine" }, "position": { "x": 450, "y": 240 } },
+      { "data": { "id": "core", "label": "4G/5G All-in-One Core", "parent": "server1" }, "position": { "x": 450, "y": 240 } },
       { "data": { "id": "dn", "label": "Data Network" }, "position": { "x": 800, "y": 240 } },
       { "data": { "id": "mgmt", "label": "Management" }, "position": { "x": 450, "y": 0 } }
     ],
@@ -45,7 +43,7 @@
   },
   "styles": [
     {
-      "selector": "#proxmox",
+      "selector": "#server1",
       "style": {
         "width": 340,
         "height": 180,
@@ -59,7 +57,33 @@
     },
     {
       "selector": "#core",
-      "style": { "width": 140, "height": 70 }
+      "style": {
+        "width": 140,
+        "height": 70,
+        "background-color": "#22c55e",
+        "border-width": 0
+      }
+    },
+    {
+      "selector": "#ran",
+      "style": {
+        "background-color": "#ef4444",
+        "border-width": 0
+      }
+    },
+    {
+      "selector": "#dn",
+      "style": {
+        "background-color": "#000000",
+        "color": "#ffffff",
+        "border-width": 0
+      }
+    },
+    {
+      "selector": "#mgmt",
+      "style": {
+        "border-width": 0
+      }
     }
   ]
 }