Clean up frontend parsing errors and remove redundant MCP status page

- Fix console statement wrapping in InteractiveGraphVisualization.tsx
- Remove redundant /mcp-status route and McpStatus.tsx component
- Remove "View MCP Server Health Status" link from Agents page
- Keep MCP status functionality available in AI & Agents page
- All console statements now properly wrapped with DEV environment checks

Author: mvalancy

packages/web/src/App.tsx

@@ -6,7 +6,6 @@ import { Agents } from './pages/Agents';
 import { Analytics } from './pages/Analytics';
 import { Settings } from './pages/Settings';
 import { Backend } from './pages/Backend';
-import { McpStatus } from './pages/McpStatus';
 import { Login } from './pages/Login';
 import { GraphVisualization } from './components/GraphVisualization';
 import { AuthProvider, useAuth } from './contexts/AuthContext';
@@ -59,7 +58,6 @@ function AuthenticatedApp() {
             <Route path="/analytics" element={<Analytics />} />
             <Route path="/settings" element={<Settings />} />
             <Route path="/backend" element={<Backend />} />
-            <Route path="/mcp-status" element={<McpStatus />} />
           </Routes>
         </Layout>
       </GraphProvider>

packages/web/src/components/InteractiveGraphVisualization.tsx

@@ -780,7 +780,9 @@ export function InteractiveGraphVisualization() {
       g.attr('transform', event.transform);
     });
 
-    console.log('✅ Visualization initialized with', nodes.length, 'nodes');
+    if (import.meta.env.DEV) {
+      console.log('✅ Visualization initialized with', nodes.length, 'nodes');
+    }
   }, [nodes, validatedEdges, handleNodeClick]); // Include handleNodeClick to get fresh connection state
 
   // Store simulation reference for resize handling
@@ -789,7 +791,9 @@ export function InteractiveGraphVisualization() {
   // Initialization effect - NOW with access to nodes data
   useEffect(() => {
     if (nodes.length > 0) {
-      console.log('useEffect: Initializing visualization with', nodes.length, 'nodes');
+      if (import.meta.env.DEV) {
+        console.log('useEffect: Initializing visualization with', nodes.length, 'nodes');
+      }
       initializeVisualization();
     }
 
@@ -813,7 +817,9 @@ export function InteractiveGraphVisualization() {
         .alpha(0.3) // Restart simulation with some energy
         .restart();
 
-      console.log('🔄 Resized visualization to', newWidth, 'x', newHeight);
+      if (import.meta.env.DEV) {
+        console.log('🔄 Resized visualization to', newWidth, 'x', newHeight);
+      }
     };
 
     window.addEventListener('resize', handleResize);

packages/web/src/pages/Agents.tsx

@@ -118,13 +118,6 @@ export function Agents() {
             <p className="text-sm text-gray-400 mt-1">
               Collaborate with AI agents and configure MCP servers for your work graph
             </p>
-            <Link 
-              to="/mcp-status" 
-              className="inline-flex items-center mt-2 text-xs text-blue-400 hover:text-blue-300 transition-colors"
-            >
-              <Server className="w-3 h-3 mr-1" />
-              View MCP Server Health Status →
-            </Link>
           </div>
 
           <div className="flex items-center space-x-3">