Remove interactive graph display from Gradio app

- Removed HTML and JavaScript code responsible for rendering the vis.js graph in .
- Deleted the external JavaScript file .
- The backend logic for generating graph data (in and ) is retained as per user request, but the frontend visualization is now removed.

app.py

@@ -266,27 +266,6 @@ def format_cycle_results(cycle_details: Dict) -> str:
                     html += f"<p>Average similarity: {avg_sim:.3f}</p>"
                     html += f"<p>Total connections analyzed: {len(all_similarities)}</p>"
                 
-                # Interactive Graph Visualization
-                import json as _json
-                nodes_json = _json.dumps(nodes)
-                edges_json = _json.dumps(edges)
-                
-                logger.info(f"Nodes JSON: {nodes_json[:200]}...") # Log first 200 chars
-                logger.info(f"Edges JSON: {edges_json[:200]}...") # Log first 200 chars
-                
-                graph_id = f"graph_{int(time.time() * 1000)}"  # Unique ID for this graph
-                html += f"""
-                <h6>Interactive Similarity Graph:</h6>
-                <div style="margin: 15px 0;">
-                    <p><em>Each node represents a hypothesis. Lines show similarity scores (only &gt; 0.2 shown). Click and drag to explore!</em></p>
-                    <div id="{graph_id}" style="width: 100%; height: 400px; border: 1px solid #ccc; background-color: #fafafa;"></div>
-                </div>
-                
-                <script src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"></script>
-                <div id="{graph_id}" class="vis-graph-container" style="width: 100%; height: 400px; border: 1px solid #ccc; background-color: #fafafa;" data-nodes='{nodes_json}' data-edges='{edges_json}'></div>
-                <script src="/file=static/js/graph_renderer.js"></script>
-                """
-                
                 # Show top similar pairs
                 similarity_pairs = []
                 for hypo_id, connections in adjacency_graph.items():
@@ -300,8 +279,8 @@ def format_cycle_results(cycle_details: Dict) -> str:
                     for i, (id1, id2, sim) in enumerate(similarity_pairs[:5]):
                         html += f"<li>{id1} ↔ {id2}: {sim:.3f}</li>"
                     html += "</ul>"
-            else:
-                html += "<p>No proximity data available.</p>"
+                else:
+                    html += "<p>No proximity data available.</p>"
                     
         elif step_name == 'meta_review':
             meta_review = step_data.get('meta_review', {})

static/js/graph_renderer.js

@@ -1,99 +0,0 @@
-// graph_renderer.js
-document.addEventListener('DOMContentLoaded', function() {
-    console.log("graph_renderer.js loaded and DOMContentLoaded.");
-
-    // Find all graph containers
-    var graphContainers = document.querySelectorAll('.vis-graph-container');
-
-    graphContainers.forEach(function(container) {
-        var graphId = container.id;
-        var nodesJson = container.getAttribute('data-nodes');
-        var edgesJson = container.getAttribute('data-edges');
-
-        console.log(`Initializing graph for container: ${graphId}`);
-        console.log("Nodes JSON (from data-attribute):", nodesJson);
-        console.log("Edges JSON (from data-attribute):", edgesJson);
-
-        if (!nodesJson || !edgesJson) {
-            console.warn(`No graph data found for container ${graphId}. Skipping.`);
-            return;
-        }
-
-        try {
-            var nodesData = JSON.parse(nodesJson);
-            var edgesData = JSON.parse(edgesJson);
-
-            if (typeof vis === 'undefined' || !vis.DataSet) {
-                console.error("vis.js library not loaded. Cannot render graph.");
-                container.innerHTML = '<p style="padding: 20px; text-align: center; color: #666;">Error: vis.js library not loaded.</p>';
-                return;
-            }
-
-            var nodes = new vis.DataSet(nodesData);
-            var edges = new vis.DataSet(edgesData);
-
-            var data = {
-                nodes: nodes,
-                edges: edges
-            };
-
-            var options = {
-                nodes: {
-                    shape: 'circle',
-                    font: {
-                        size: 14
-                    },
-                    color: {
-                        background: '#97C2FC',
-                        border: '#2B7CE9',
-                        highlight: {
-                            background: '#D2E5FF',
-                            border: '#2B7CE9'
-                        }
-                    }
-                },
-                edges: {
-                    font: {
-                        size: 12,
-                        align: 'middle'
-                    },
-                    color: {
-                        color: '#848484'
-                    },
-                    smooth: {
-                        enabled: true,
-                        type: "dynamic"
-                    }
-                },
-                physics: {
-                    stabilization: true,
-                    barnesHut: {
-                        gravitationalConstant: -2000,
-                        centralGravity: 0.3,
-                        springLength: 150,
-                        springConstant: 0.04
-                    }
-                },
-                interaction: {
-                    hover: true,
-                    tooltipDelay: 200
-                }
-            };
-
-            console.log(`Creating vis.Network instance for ${graphId}...`);
-            var network = new vis.Network(container, data, options);
-            console.log(`vis.Network instance created successfully for ${graphId}.`);
-
-            network.on("click", function(params) {
-                if (params.nodes.length > 0) {
-                    var nodeId = params.nodes[0];
-                    console.log('Clicked node:', nodeId);
-                }
-            });
-
-        } catch (error) {
-            console.error(`Error creating network graph for ${graphId}:`, error);
-            container.innerHTML = '<p style="padding: 20px; text-align: center; color: #666;">Error loading graph visualization: ' + error.message + '</p>';
-        }
-    });
-});