Replace Mermaid with Cytoscape.js for interactive flow visualization

- Dropped Mermaid in favor of Cytoscape.js with dagre layout
- Interactive zoom/pan/click with node detail panel
- Bundled vendor JS inline for offline/corporate firewall use
- Added project name (scanned directory) to header
- View switching, zoom controls, fit-to-screen
- All 1,662 tests passing

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: aksOps

pyproject.toml

@@ -40,6 +40,9 @@ code-intelligence = "code_intelligence.cli:app"
 [tool.setuptools.packages.find]
 where = ["src"]
 
+[tool.setuptools.package-data]
+code_intelligence = ["flow/templates/*.html", "flow/vendor/*.js"]
+
 [tool.pytest.ini_options]
 testpaths = ["tests"]
 pythonpath = ["src"]

src/code_intelligence/cli.py

@@ -666,7 +666,7 @@ def flow(
     engine = FlowEngine(store)
 
     if format == "html":
-        content = engine.render_interactive()
+        content = engine.render_interactive(project_name=path.resolve().name)
         out_path = output or Path("flow.html")
         out_path.write_text(content)
         console.print(f"Interactive flow diagram saved to [bold]{out_path}[/bold]")

src/code_intelligence/flow/engine.py

@@ -68,11 +68,11 @@ def render(self, diagram: FlowDiagram, format: str = "mermaid") -> str:
         else:
             raise ValueError(f"Unknown format: {format}. Available: mermaid, json")
 
-    def render_interactive(self) -> str:
+    def render_interactive(self, project_name: str = "Project") -> str:
         """Generate all views and bake into a self-contained interactive HTML file."""
         all_views = self.generate_all()
         stats = {
             "total_nodes": self._store.node_count,
             "total_edges": self._store.edge_count,
         }
-        return render_html(all_views, stats)
+        return render_html(all_views, stats, project_name=project_name)

src/code_intelligence/flow/renderer.py

@@ -101,21 +101,27 @@ def render_json(diagram: FlowDiagram) -> str:
     return json.dumps(diagram.to_dict(), indent=2)
 
 
-def render_html(views: dict[str, FlowDiagram], stats: dict[str, Any]) -> str:
+def render_html(views: dict[str, FlowDiagram], stats: dict[str, Any], project_name: str = "Project") -> str:
     """Render all views into a self-contained interactive HTML file."""
-    # Generate Mermaid strings for each view
-    views_mermaid = {}
     views_data = {}
     for name, diagram in sorted(views.items()):
-        views_mermaid[name] = render_mermaid(diagram)
         views_data[name] = diagram.to_dict()
 
     template_path = Path(__file__).parent / "templates" / "interactive.html"
     template = template_path.read_text()
 
-    # Inject data
-    html = template.replace("{{VIEWS_MERMAID}}", json.dumps(views_mermaid, indent=2))
-    html = html.replace("{{VIEWS_DATA}}", json.dumps(views_data, indent=2))
+    # Inline vendor JS for offline/firewall use
+    vendor_dir = Path(__file__).parent / "vendor"
+    for placeholder, filename in [
+        ("{{VENDOR_DAGRE}}", "dagre.min.js"),
+        ("{{VENDOR_CYTOSCAPE}}", "cytoscape.min.js"),
+        ("{{VENDOR_CYTOSCAPE_DAGRE}}", "cytoscape-dagre.min.js"),
+    ]:
+        vendor_path = vendor_dir / filename
+        template = template.replace(placeholder, vendor_path.read_text())
+
+    html = template.replace("{{VIEWS_DATA}}", json.dumps(views_data, indent=2))
     html = html.replace("{{STATS}}", json.dumps(stats, indent=2))
+    html = html.replace("{{PROJECT_NAME}}", json.dumps(project_name))
 
     return html