I can add and show tabs with lazy loading and content management

src/myfasthtml/controls/VisNetwork.py

@@ -0,0 +1,71 @@
+import logging
+
+from fasthtml.components import Script, Div
+
+from myfasthtml.controls.helpers import Ids
+from myfasthtml.core.instances import MultipleInstance
+
+logger = logging.getLogger("VisNetwork")
+
+class VisNetwork(MultipleInstance):
+  def __init__(self, session, _id=None, nodes=None, edges=None, options=None):
+    super().__init__(session, Ids.VisNetwork, _id=_id)
+    logger.debug(f"VisNetwork created with id: {self._id}")
+    
+    # Default values
+    self.nodes = nodes or []
+    self.edges = edges or []
+    self.options = options or {
+        "autoResize": True,
+        "interaction": {
+            "dragNodes": True,
+            "zoomView": True,
+            "dragView": True,
+        },
+        "physics": {"enabled": True}
+    }
+  
+  def render(self):
+    # Prepare JS arrays (no JSON library needed)
+    js_nodes = ",\n    ".join(
+      f'{{ id: {n["id"]}, label: "{n.get("label", "")}" }}'
+      for n in self.nodes
+    )
+    js_edges = ",\n    ".join(
+      f'{{ from: {e["from"]}, to: {e["to"]} }}'
+      for e in self.edges
+    )
+    
+    # Convert Python options to JS
+    import json
+    js_options = json.dumps(self.options, indent=2)
+    
+    return (
+        Div(
+          id=self._id,
+          cls="mf-vis",
+          #style="width:100%; height:100%;",  # Let parent control the layout
+        ),
+        
+        # The script initializing Vis.js
+        Script(f"""
+                (function() {{
+                  const container = document.getElementById("{self._id}");
+                  const nodes = new vis.DataSet([
+                      {js_nodes}
+                  ]);
+                  const edges = new vis.DataSet([
+                      {js_edges}
+                  ]);
+                  const data = {{
+                      nodes: nodes,
+                      edges: edges
+                  }};
+                  const options = {js_options};
+                  const network = new vis.Network(container, data, options);
+                }})();
+            """)
+    )
+  
+  def __ft__(self):
+    return self.render()